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:0;top:138px; position:absolute; width:100%}
.banner_m .bant1 {
    color: #fff;
    font-size: 80px;
    line-height: 1.6;
    font-weight: bold;
    text-shadow: 3px 0 10px rgb(22 78 145 / 40%);
    transition: all ease 2s .7s;
    opacity: 0;
    transform: translateY(40px);text-align:center
}
.banner_m .bant2 {
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
    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;text-align:center
}
.banner_m .bant3 {
    color: #fff;
    font-size: 17px;
    line-height: 1.5;
    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;text-align:center;letter-spacing: 20px;
}
.banner_m .abanling{ color: #fff;
    font-size: 16px;
    line-height: 2;
    text-shadow: 3px 0 10px rgb(22 78 145 / 40%);
    transition: all ease 2s 1s; 
    opacity: 0;
    transform: translateY(40px);display:block;text-align:center;border-radius:16px; border:1px solid #fff; width:140px; margin:20px auto 0}
.banner_m .slick-active .bant1,.banner_m .slick-active .bant2,.banner_m .slick-active .bant3,.banner_m .slick-active .abanling{opacity: 1;transform: translateY(0px);}
.pcimg{ display:block!important}.mobimg{ display:none !important}


	
@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:108px;}.banner_m .bant1{ font-size:65px}.banner_m .bant3{ font-size:15px;letter-spacing: 15px;}}
@media (max-width:1360px){.banner_m .wbban{top:88px;}.banner_m .bant1{ font-size:60px}.banner_m .bant2{ font-size:20px;}.banner_m .bant3{ font-size:14px;letter-spacing: 10px;}.banner_m .bant3,.banner_m .abanling{ font-size:15px;}.banner_m .abanling{ width:100px}}
@media (max-width:1280px){.banner_m .wbban{top:88px;}.banner_m .bant1{ font-size:45px}.banner_m .bant2{ font-size:18px;}.banner_m .bant3,.banner_m .abanling{ font-size:12px;}}
@media (max-width:768px){.banner_m .wbban{top:108px;}.banner_m .bant1{ font-size:65px}.banner_m .bant3{ font-size:15px;letter-spacing: 15px;}.pcimg{ display:none!important}.mobimg{ display:block!important}.banner_m .bant2{ font-size:18px; width:80%; margin:0 auto}}
@media (max-width:550px){.banner_m .wbban{top:80px;}.banner_m .bant1{ font-size:36px;line-height: 1.5;}.banner_m .bant3{ font-size:13px;letter-spacing: 5px;}.pcimg{ display:none!important}.mobimg{ display:block!important}.banner_m .bant2{ font-size:13px; width:88%; margin:0 auto}.banner_m .abanling{margin:10px auto}}