.subbannerTop.active{opacity: 1;-webkit-transform: translateY(0px);}
.bannerTop{width: 100%;margin-top:84px;height: calc(100vh - 129px);position: relative;opacity: 0;overflow: hidden;-webkit-transform: translateY(100px);-webkit-transition-delay: 0.1s;transition-duration: 0.5s;-webkit-transition-duration: 0.5s;background-color: #585858}
.bannerTop.active{opacity: 1;-webkit-transform: translateY(0px);}
.bannerTop ol{width: 100%;display: none;height: 10px;position: absolute;z-index: 20;left: -5%;bottom: 80px;text-align: center;}
.bannerTop ol li{width: 10px;display: inline-block;height: 10px;border-radius: 10px;margin: 0px 2px;background: #FFFFFF;opacity: .5;}
.bannerTop ol li.active{opacity: 1;}
.bannerTop ul li{width: 100%;height: calc(100vh - 128px);position: absolute;z-index: 9;left: 0px;top: 0px;background: url(404.png) center center no-repeat;opacity: 0;-webkit-transform: scale(1.1);transition-duration: 1s;-webkit-transition-duration: 1s;}
.bannerTop ul li:first-child{display: block;}
.bannerTop ul li.active{opacity: 1;-webkit-transform: scale(1);z-index: 10;}
.bannerTop ul li .slogan{width: 600px;height: auto;position: absolute;left: 45%;margin-left: -1200px;bottom: 45%;opacity: 0;transition-duration: 1s;-webkit-transition-duration: 1s;}
.bannerTop ul li.active .slogan{opacity: 1;margin-left: -600px;}
.bannerTop .btn{width: 32px;height: 32px;position: absolute;z-index: 20;bottom: 110px;left: 50%;background: url(../image/bannerIcon.png) no-repeat;cursor: pointer;margin-left: -600px;}
.bannerTop .btn.prev:hover{background-position: 0px -32px;}
.bannerTop .btn.next{margin-left: -550px;background-position: -32px 0px;}
.bannerTop .btn.next:hover{background-position: -32px -32px;}
@media (max-width:1199px){
    .bannerTop ul li.active .slogan,.subbannerTop .slogan,.sw_news_top{margin-left: -480px;}
    .bannerTop ul li .slogan{width: 480px;}
    .bannerTop .btn{margin-left: -480px;}
    .bannerTop .btn.next{margin-left: -430px;}
}
@media (max-width:979px){

    .backTop{position: fixed;z-index: 99;right: 10px;bottom: -100px;width: 40px;height: 40px;background: #FFF url(../image/backTop.png) 0 0 no-repeat;background-size: 100% auto;box-shadow: 0 0 20px rgba(0, 0, 0, .2);cursor: pointer}
    .backTop:hover{background: #0050a6 url(../image/backTop.png) 0 -50px no-repeat;background-size: 100% auto}
    .backTop.active{bottom: 95px}
    .subbannerTop,.bannerTop{margin-top: 60px;}
    .bannerTop ul li .slogan{margin-left: -350px;}
    .bannerTop ul li.active .slogan, .subbannerTop .slogan, .sw_news_top{margin-left: -350px;}
    .bannerTop .btn{margin-left: -350px;}
    .bannerTop .btn.next{margin-left: -300px;}
}
@media (max-width:767px){
    .loading{-webkit-transform: scale(0.6);}
    .bannerTop{height: 33vh; margin-top: 0px;}
    .bannerTop ul li{background-position: bottom center;background-size: cover;height: 100%;}
    .bannerTop ul li .slogan{width: 185px;bottom: 50px;}
    .bannerTop ul li.active .slogan, .subbannerTop .slogan, .sw_news_top{margin-left: 0px;left: 20px;}
    .bannerTop .btn{display:none;bottom: 50%;margin-left: 0%;left: 20px;}
    .bannerTop .btn.next{margin-left: 0px;left: calc(100% - 50px);}
    .subbannerTop .slogan{font-size: 10px;width: 100%;text-align: center;left: 0px;top: 60%;}
    .bannerTop ol,.subbannerTop .mark,.m_footer{display: block;bottom: 20px;}
}

@media (max-width:767px){
    .bannerTop ol, .subbannerTop .mark, .m_footer {
        display: block;
        bottom: 20px;
    }
}