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 {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: 0%;top: 50%;
    position: absolute;
    z-index: 9999;
    display: block;
    width: 32px;
    height: 60px; margin-top:0px;opacity:1;background:url(../images/indexleft.png) no-repeat center center  rgba(0,0,0,0.3);background-size: 13px;}
.banner .slick-next {right: 0%;top: 50%;
    position: absolute;
    z-index: 9999;
    display: block;
    width: 32px;
    height: 60px; margin-top:0px;opacity:1;background:url(../images/indexright.png) no-repeat center center  rgba(0,0,0,0.3);background-size: 13px;}   

.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, 0); transition: .5s; color:rgba(255, 255, 255, .0); cursor:pointer; border:1px solid #fff}
.slick-dots .slick-active button {background: #fff;width: 15px; color:rgba(255, 255, 255, 1); border:1px solid #fff}

.banner_m a{ display:block; position:relative}
.banner_m .wbban{left:0; top:0; position:absolute; width:100%}
.banner_m .bant1 {
    transition: all ease 2s .5s;
    opacity: 0;
    transform: translateY(40px); display:block; width:100%
}
.banner_m .bant1 img{ margin:8% auto 0; width:36%; display:block}
.banner_m .bant2 {
    transition: all ease 2s .5s; 
    opacity: 0;
    transform: translateY(40px); display:block; width:100%
}
.banner_m .bant3 {
    transition: all ease 2s .7s; 
    opacity: 0;
    transform: translateY(40px); display:block; width:100%
}
.banner_m .bant2 img{ margin:10% 0 0 62%; width:23%; display:block}
.banner_m .bant3 img{ margin:0 0 0 67%; width:23%; display:block;}
.banner_m .slick-active .bant1,.banner_m .slick-active .bant2,.banner_m .slick-active .bant3{opacity: 1;
    transform: translateY(0px);}