em,i{font-style: normal;}

html {font-size: 10px;-webkit-text-size-adjust: none;}


 
.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 {opacity: 0;}
.banner .slick-next {opacity: 0;}   

.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)}

.banner_m a{ display:block; position:relative}
.banner_m .wbban{left:2%; top:168px; position:absolute}
.banner_m .bant1 {
    color: #fff;
    font-size: 60px;
    line-height: 1.4;
    font-weight: bold;
    letter-spacing: 2px;
    text-shadow: 3px 0 10px rgb(22 78 145 / 40%);
    transition: all ease 2s .7s;
    opacity: 0;
    transform: translateY(40px); 
}
.banner_m .slick-active .bant1:after{ content:""; width:84px; height:5px; background:#ff0000; display:block; margin-top:25px}
.banner_m .bant2 {
    color: #fff;
    font-size: 23px; font-family:Arial, Helvetica, sans-serif;
    line-height: 1.4;
    font-weight: 500;
    text-shadow: 3px 0 10px rgb(22 78 145 / 40%);
    transition: all ease 2s 1s; 
    opacity: 0;
    transform: translateY(40px);display:block; width:620px; margin-top:30px
}
.banner_m .slick-active .bant1,.banner_m .slick-active .bant2{opacity: 1;
    transform: translateY(0px);}
	
	
@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;}}



@media (max-width:1600px){.banner_m .wbban{top:148px;}.banner_m .bant1{ font-size:45px}}
@media (max-width:1360px){.banner_m .wbban{top:128px;}.banner_m .bant1{ font-size:40px}.banner_m .bant2{ font-size:20px; width:600px}}
@media (max-width:1280px){.banner_m .wbban{top:128px;}.banner_m .bant1{ font-size:35px}.banner_m .bant2{ font-size:18px; width:500px}}