



 

.banner{position: relative; height:auto;clear: both;}

.banner img {display: block;width: 100%;margin:0 auto;}

.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 80px; height: 80px; margin-top: -50px;border: 0; outline: none;cursor: pointer;transition:.8s;}

.banner .slick-prev {left: 3%; background:url(../images/lefts.png) no-repeat center center;opacity: 0;}

.banner .slick-next {right: 3%;background:url(../images/rights.png) no-repeat center center;opacity: 0;}   

.banner:hover .slick-prev { left: 5%; opacity: 0.8; }

.banner:hover .slick-next { right: 5%; opacity: 0.8; }

.slick-dots {position: absolute;left:5%; font-size:0;bottom:5%;width:90%;text-align: center;outline: none;z-index: 4;}

.slick-dots li {display: inline-block;margin: 0 8px; outline: none;}

.slick-dots li button {display: block;border: 0 none;width: 15px;height: 15px;border-radius: 15px;margin-right:12px; display: inline-block;outline: none;background: #fff; transition: .5s;}

.slick-dots .slick-active button {background: #00a99d;width: 60px;}





