em,i{font-style: normal;}

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}

 
.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.banner .slick-arrow {width:32px;height:60px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;position:absolute;top:50%;z-index:12;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease; padding:0; border:0}
.banner .slick-prev {left: 0%; background:url(../images/indexleft.png) no-repeat center center rgba(0,0,0,0.3);opacity:0.5;filter:alpha(opacity=50);background-size: 13px;}
.banner .slick-next {right:0%;background:url(../images/indexright.png) no-repeat center center rgba(0,0,0,0.3); opacity:0.5;filter:alpha(opacity=50);background-size: 13px;}   
.banner:hover .slick-prev { opacity:1;filter:alpha(opacity=100);}
.banner:hover .slick-next {opacity:1;filter:alpha(opacity=100); }
.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 4px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 15px;height: 15px;border-radius: 15px;margin-right:5px; display: inline-block;outline: none;background:rgba(255, 255, 255, .3); transition: .5s; color:rgba(255, 255, 255, .0); cursor:pointer}
.slick-dots .slick-active button {background: #fff;width: 15px; color:rgba(255, 255, 255, 1)}