*{ margin:0; padding:0; list-style:none;}
#header{background-color: #000;text-align: center;height: 0.44rem;line-height: 0.44rem;color: #fff;position: relative;}
#header span.right{width: 0.44rem;height: 0.44rem;position: absolute;right: 0;top: 0;background: url("../../img/btn1.png") no-repeat center center;background-size: 80%;
    transform:rotate(0deg);
    -ms-transform:rotate(0deg);     /* IE 9 */
    -moz-transform:rotate(0deg);    /* Firefox */
    -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
    -o-transform:rotate(0deg);
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#header span.right.on{
    background: url("../../img/btn.png") no-repeat center center;background-size: 55%;
    transform:rotate(135deg);
    -ms-transform:rotate(135deg);     /* IE 9 */
    -moz-transform:rotate(135deg);    /* Firefox */
    -webkit-transform:rotate(135deg); /* Safari 和 Chrome */
    -o-transform:rotate(135deg);
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;}
#header h1{font-size: 0.16rem;font-weight: normal;}
#header span.left{position:absolute;left:0;top:0;display: block;width: 0.44rem;height: 0.44rem;font-size: 0.14rem;padding-left:0.08rem;}
#header span.center{
    position:absolute;left:1.1rem;top:0;display: block;width: 1rem;height: 0.44rem;font-size: 0.154rem;font-weight: bold;
}
.menu{overflow: hidden;background-color: #000;width: 100%;position: absolute;left: 0;top: 0.8rem;right: 0;z-index: 9999;height: 0;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.menu li{width: 100%;text-align: center;border-bottom: 0.01rem solid #337ae6;font-size: 0.16rem;height: 0.4rem;line-height: 0.4rem;}
.menu li a{color: #fff;display: inline-block;width: 100%;text-align: center; text-decoration:none;}
/*banner*/

/*banner*/





/*html {font-size: 625%; !*100 ÷ 16 × 100% = 625%*!}*/
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    html { font-size: 703%; }
}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait) {
    html { font-size: 732.4%; }
}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
    html { font-size: 750%; }
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
    html { font-size: 781.25%; }
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){
    html { font-size: 808.6%; }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){
    html { font-size: 843.75%; }
}

#bannerBox .swiper-button-prev{left:10px}
#bannerBox .swiper-button-next{right:10px;}
#bannerBox .swiper-button-prev:before,.bannerBox .swiper-button-next:before{ font-size:30px;}
#bannerBox .swiper-pagination{bottom: 15px;}
#bannerBox .swiper-pagination span{opacity: 0.6;width:20px;height:5px;margin:0 5px;border-radius:0%;border: 0px; background: #fff}
#bannerBox .swiper-pagination span:before{display: none}
#bannerBox .swiper-pagination span.swiper-pagination-bullet-active{ background: #333}

#bannerBox{width:100%;}
#bannerBox .swiper-container{width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
#bannerBox .swiper-slide{text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#bannerBox .swiper-slide img{max-width:100%; display: block}
#bannerBox .swiper-button-prev,.bannerBox .swiper-button-next{display:none;left:50px; background-image:none }
#bannerBox .swiper-button-next{left:auto;right:50px;}
#bannerBox .swiper-button-prev:before,.bannerBox .swiper-button-next:before{ color:#fff;font-size:80px;}
#bannerBox .swiper-pagination{bottom: 25px;}
#bannerBox .swiper-pagination span{}
#bannerBox .swiper-pagination span{opacity:1;position:relative;display:inline-block;margin: 0 5px;cursor: pointer;font-size:0px;width:40px;height:8px;border-radius: 0px;/* overflow:hidden; */ background: #fff}
#bannerBox .swiper-pagination span.swiper-pagination-bullet-active{background:#00ffe1;/* margin-top:-11px; */}
#bannerBox .swiper-pagination span.swiper-pagination-bullet-active:before{ opacity: 1;}