.big{ font-size: 3.6vw; line-height: 4vw; }
.middle{ font-size: 3vw; line-height: 3.22vw; margin: 0.5vw auto 1.5vw auto; }
.small{ font-size: 1.8vw; line-height: 2.6vw; }
#a11s *{ color: #000000;}
#a11s img{ width: 100%; max-width: 100%; vertical-align: bottom; }
#a11s .box1{ position: relative; overflow: hidden; }
#a11s .box1 .pbox{ position: absolute ; width: 26%; top: 36%; left: 16%; }
#a11s .box1 .pbox .b{ font-size: 3.4vw; line-height: 4.4vw;font-weight: bold;}
#a11s .box1 .pbox .tips{ border: 4px solid #000000; border-radius: 10px; font-size: 2vw; display: inline-block;width: 2.6vw; 
    height: 2.6vw; line-height: 2.6vw; vertical-align: top; text-align: center; margin-top: 3%;
}
#a11s .box1 .pbox .m{ font-size: 2.6vw; line-height: 3vw; }
#a11s .box1 .pbox .s{ font-size: 1.4vw; line-height: 1.8vw;}
#a11s .box1 .pbox .ul{ overflow: hidden;  margin: 10% auto 2% auto; }
#a11s .box1 .pbox .ul li{  margin-bottom: 5%; }
#a11s .box1 .pbox .ul li .icon{ width: 10%; vertical-align: middle;margin-right: 2%; }
#a11s .box1 .logo{ width: 16%; position: absolute; top: 4%;left: 4%;}
#a11s .box2{ position: relative; overflow: hidden;  box-sizing: border-box;}
#a11s .box2 .pbox{ position: absolute; }
#a11s .box2 .pbox .b{ font-size: 1.6vw; line-height: 2vw;}
#a11s .box2 .pbox .s{ font-size: 1.2vw; line-height: 1.6vw;}
#a11s .box2 .pbox .inline{ font-size: 3vw; line-height: 3.4vw; display: inline; font-weight: bold;}
#a11s .box2 .p1{ width: 36%; left: 13%; top: 13%; text-align: center}
#a11s .box2 .p1 .b{ font-size: 2.4vw; line-height: 2.8vw;}
#a11s .box2 .p1 .s{ font-size: 2vw; line-height: 2.4vw;}
#a11s .box2 .p2{ width: 20%; left: 53%; top: 10%;}
#a11s .box2 .p3{ width: 20%; left: 53%; top: 33%; color: #ffffff !important;}
#a11s .box2 .p3 .b{ color: #ffffff;}
#a11s .box2 .p3 .s{ color: #ffffff;}
#a11s .box2 .p4{ width: 20%; left: 14%; top: 52%;}
#a11s .box2 .p5{ width: 26%; left: 37%; top: 76%; text-align: center}
#a11s .box2 .p6{ width: 23%; left: 13%; top: 76%; text-align: right; box-sizing: border-box;padding-right: 1vw;}
#a11s .box2 .p7{ width: 20%; left: 64.5%; top: 52%;}
#a11s .box2 .p8{ width: 20%; left: 64.5%; top: 76%;}
#a11s .box3{ position: relative; overflow: hidden;}
#a11s .box3 .pbox{  width: 74%; margin: 4% auto 2% auto; text-align: center; }
#a11s .box3 .img{ width: 74%; margin: 20% auto; display: block; position: relative;  z-index: 2; }
#a11s .box3 .img2{ width: 56%; position: absolute; left: 26%; top: 30%;
    transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    opacity: 0;
    filter: alpha(opacity=0);
}
#a11s .box3 .img2.active{ top: 28%;opacity: 1; filter: alpha(opacity=100); }
#a11s .box3 .img3{ width: 74%; position: absolute; left: 13%; top: 79%; z-index: 1; }
#a11s .box3 .img3 ul{ width: 100%; ;left: 0%; position: absolute; top: 30%; overflow: hidden; }
#a11s .box3 .img3 ul li{ width: 50%; text-align: center; float: left;}
#a11s .box3 .img3 ul li .b{ font-size: 2vw; line-height: 2.4vw;}
#a11s .box3 .img3 ul li .s{ font-size: 1.6vw; line-height: 2vw;}
#a11s .box4{ position: relative; overflow: hidden; background-color: #000000;}
#a11s .box4 .pbox{ width: 45%; top: 16%; right: 10%; position: absolute; }
#a11s .box4 .pbox .big{ color: #FFFFFF; font-size: 3.4vw;}
#a11s .box4 .pbox .middle{ color: #FFFFFF;}
#a11s .box4 .pbox .small{ color: #FFFFFF;}
#a11s .box4 .img{ width: 48%; left: 7%; top: 16%; position: absolute;}
#a11s .box4 ul{ overflow: hidden ; width: 74%;position: absolute; left: 13%; top: 85%;  }
#a11s .box4 ul li{ float: left; width: 25%; text-align: center; }
#a11s .box4 ul li img{ width: 20%; }
#a11s .box4 ul li .b{ font-size: 1.4vw; line-height: 1.8vw; color: #FFFFFF;border-right: 1px solid #FFFFFF; }
#a11s .box4 ul li .s{ font-size: 1vw; line-height: 1.4vw; color: #FFFFFF; border-right: 1px solid #FFFFFF; }
#a11s .box4 ul li .nonew{ border: 0px;}
/*#a11s .box3 .pbox{ width: 74%; margin: 4% auto; text-align: center}
#a11s .box3 .width16{ width: 74%; margin: 4% auto; position: relative; }
#a11s .box3 .swiper-pagination{ width: 24%; top: 104%; left: 38%; }
#a11s .box3 .swiper-pagination-bullet{ width: 50%; height: auto; background: inherit; outline: none; color: #000000; opacity: 1; font-size: 1.4vw; }
#a11s .box3 .swiper-pagination-bullet-active{ color: #589BF0; }*/
/*#a11s .box4{ position: relative ; overflow: hidden;}
#a11s .box4 .pbox{ position: absolute; width: 74%; left: 13%; top: 6%; text-align: center;z-index: 1; }
#a11s .box4 .img{ width: 100%; position: absolute; left: -0.2%; top: 40%;}*/
#a11s .box5{ position: relative; overflow: hidden; }
#a11s .box5 .pbox{  width: 74%; position: absolute; left: 13%; top: 5%; text-align: center; }
#a11s .box5 .img{ position: absolute; width: 74%; left: 13%; top: 33%; }
#a11s .box5 .img2{ width: 56%; position: absolute; left: 26%; top: 30%;
    transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    opacity: 0;
    filter: alpha(opacity=0);
}
#a11s .box5 .img2.active{ top: 28%;opacity: 1; filter: alpha(opacity=100); }
#a11s .box5 .text{ text-align: center; margin-top: 10%; }
#a11s .box5 .blue{ color:#4694ee ; font-size: 2vw; line-height: 2.4vw; }
#a11s .box5 .gray{ color: #3d3d3d; font-size: 2vw; line-height: 2.4vw; display: none; }
#a11s .box5 .swiper-container1{ width: 74%; margin: 2% auto; }
#a11s .box5 .swiper-pagination-bullet{ width: 80px; height: 10px; border-radius: inherit;}

#a11s .box6{ margin-top: 4%; margin-bottom: 46%; position: relative;}
#a11s .box6 .pbox{ width: 74%; left: 13%; top: 4%; position: absolute;}
#a11s .box6 .pbox .big{ color: #000000; text-align: center;}
#a11s .box6 ul{ overflow: hidden;position: absolute; width: 74%;left: 13%; top: 68%;}
#a11s .box6 ul li{ width: 22%;margin-right: 4%;position: relative; float: left;}
#a11s .box6 ul li.mr{margin-right: 0%;}
#a11s .box6 ul li .img{ width: 60%; position: absolute; top: 10%; left: 20%;}
#a11s .box6 ul li .pp{ position: absolute; width: 100%; left: 0%; top: 53%; text-align: center; }
#a11s .box6 ul li .pp .b{ font-size: 2vw; line-height: 2.4vw; color: #9CDCFF;}
#a11s .box6 ul li .pp .s{ font-size: 1.4vw; line-height: 1.8vw; color: #FFFFFF;}
#a11s .box6 ul li .p3{ top: 58%;}
#a11s .box6 ul li .p4{ top: 55%;}
#a11s .box6 ul li .p5{ top: 64%;}
#a11s .box6 .img2{ width: 74%; position: absolute; left: 13%; top: 94%;overflow: hidden; border-radius: 18px;}
#a11s .box7{ overflow: hidden;}
#a11s .box7 .pbox{ width: 74%; margin: 4% auto; text-align: center;}
#a11s .box7 .img{ width: 74%;margin: 4% auto; position: relative; overflow: hidden;}
#a11s .box7 .before{ width: 10%; font-size: 2vw; text-align: center; position: absolute; left: 1%; top: 3.8%; color: #ffffff;}
#a11s .box7 .after{ width: 10%; font-size: 2vw; text-align: center; position: absolute; left: 51%; top: 3.5%; color: #ffffff;}
#a11s .box8{ overflow: hidden;}
#a11s .box8 .pbox{ width: 74%; margin: 4% auto 0% auto; text-align: center}
#a11s .box8 .imgBox{ position: relative; overflow: hidden; margin-top: 2%;}

#a11s .box9{ overflow: hidden;}
#a11s .box9 .pbox{ width: 74%; margin: 4% auto; text-align: center;}
#a11s .box9 .img{ width: 74%; display: block;margin: 4% auto;}
#a11s .box10{ overflow: hidden;}
#a11s .box10 .pbox{ width: 74%; margin: 4% auto; text-align: center;}
#a11s .box10 .img{ width: 74%; display: block;margin: 4% auto 16% auto;}
#a11s .box10 .img img{ width: 49%; margin-right: 2%; }
#a11s .box10 .img .img2{ margin-top: 19%; margin-right: 0%; float: right; }

#a11s .box11{ position: relative; }
#a11s .box11 .pbox{ width: 74%; top: 4%; left: 13%; position: absolute; text-align: center;}
#a11s .box11 .pbox .big{}
#a11s .box11 .pbox .middle{ color: #FFFFFF;}
#a11s .box11 .pbox .small{ color: #FFFFFF;}
#a11s .box11 .text{ width: 64%; position: absolute; left: 18%; top: 28%; }
#a11s .box11 .text ul{ width: 36%; position: absolute; left: 13%; top: 23%; }
#a11s .box11 .text ul li{ margin-bottom: 15%; }
#a11s .box11 .text ul li .dd{ font-size: 2vw; line-height: 2.4vw; }
#a11s .box11 .text ul li .ss{ font-size: 1.4vw; line-height: 1.8vw; color: #ffffff; margin-top: 1%; }
#a11s .box11 .pbox2{ width: 74%; top: 66%; left: 13%; position: absolute; text-align: center;}
#a11s .box11 .pbox2 .big{ }
#a11s .box11 .pbox2 .middle{ color: #000000;}
#a11s .box11 .pbox2 .small{ color: #000000;}
#a11s .box11 .toright{ 
    background-image: linear-gradient(to right, #8ffca0, #0BCBFC);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#a11s .box11 .toright2{ 
    background-image: linear-gradient(to right, #8F6CFC, #DCA0F6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#a11s .box11 .img2{  width: 64%; position: absolute; left: 18%; top: 88%; }
#a11s .box12{ padding: 28vw 13% 10vw 13%; position: relative; }
#a11s .box12 .img{ width: 40%; }
#a11s .box12 .img2{ width: 42%; position: absolute; right: 13%; top: 32%; z-index: 2; }


#a11s .box13{ position: relative; overflow: hidden;}
#a11s .box13 .pbox{ width: 40%; top: 27%; left: 51%; position: absolute; z-index: 1;}
#a11s .box13 .pbox .big{ }
#a11s .box13 .pbox .middle{ color: #000000;}
#a11s .box13 .pbox .small{ color: #000000;}
#a11s .box13 .img{ width: 100%; left: 0%; top: 19%; position: absolute;}
#a11s .box13 .img2{ width: 34%; left: 33%; top: 45%; position: absolute;}
#a11s .box13 .img2 .b{ font-size: 3vw; text-align: center; position: absolute; width: 100%; left: 0%; top: 32%; color: #FFFFFF;}
#a11s .box13 .tips{ width: 34%; left: 33%; top: 50%; position: absolute; font-size: 1.6vw; text-align: center; color: #585858;}
#a11s .box13 .pp{ position: absolute; width: 30%; top: 54%; left: 13%;}
#a11s .box13 .pp .img_left{ width: auto;height: 3vw;}
#a11s .box13 .pp .m{ font-size: 1.6vw; line-height: 2.4vw; margin: 2% auto 4% auto; color: #F7F7F7;}
#a11s .box13 .pp .imgBox{ position: relative; margin-top: -10%;}
#a11s .box13 .pp .imgBox img{ width: auto;height: 9vw;}
#a11s .box13 .imgLast{ position: absolute; right: 0%; bottom: 0%; width: 80%; }
#a11s .box13 .img3{ position: absolute; left: 26%; top: 20%; width: 20%; }
#a11s .box13 .toright2{ 
    background-image: linear-gradient(to right, #8F6CFC, #DCA0F6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#a11s .box14{ }
#a11s .box14 .pbox{ width: 74%; margin: 4% auto; text-align: center; z-index: 1;}
#a11s .box14 .pbox .img{ height: 2.4vw; margin-top: 1%; width: auto; vertical-align: top;}
#a11s .box14 .imgBox{ position: relative; overflow: hidden;}
#a11s .box14 .imgBox .img{ width: 100%; height: 0%; position: absolute; left: 0%; bottom: 0%;overflow: hidden;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
#a11s .box14 .imgBox .img img{width: 100%; position: absolute; left: 0%; bottom: 0%;}
#a11s .box14 .imgBox .img.active{ height: 100%;}

/*#a11s .box14{ position: relative; overflow: hidden; background-color: #000000;}
#a11s .box14 .pbox{ width: 45%; top: 16%; right: 10%; position: absolute; }
#a11s .box14 .pbox .big{ color: #FFFFFF; font-size: 3.4vw;}
#a11s .box14 .pbox .middle{ color: #FFFFFF;}
#a11s .box14 .pbox .small{ color: #FFFFFF;}
#a11s .box14 .img{ width: 48%; left: 10%; top: 16%; position: absolute;}
#a11s .box14 ul{ overflow: hidden ; width: 74%; margin: 4% auto;  }
#a11s .box14 ul li{ float: left; width: 25%; text-align: center; }
#a11s .box14 ul li img{ width: 20%; }
#a11s .box14 ul li .b{ font-size: 1.4vw; line-height: 1.8vw; color: #FFFFFF;border-right: 1px solid #FFFFFF; }
#a11s .box14 ul li .s{ font-size: 1vw; line-height: 1.4vw; color: #FFFFFF; border-right: 1px solid #FFFFFF; }
#a11s .box14 ul li .nonew{ border: 0px;}*/
#a11s .box15{ position: relative; overflow: hidden; background-color: #000000;}
#a11s .box15 .pbox{ width: 74%; margin: 4% auto; text-align: center; color: #ffffff;}
#a11s .box15 .pbox .img{ width: 78%; display: block; margin: 0% auto; }
#a11s .box15 .pbox .middle{ color: #FFFFFF;}
#a11s .box15 .pbox .big{ color: #FFFFFF;}
#a11s .box15 .pbox .small{ color: #FFFFFF;}

#a11s .box16{ position: relative; overflow: hidden;}
#a11s .box16 ul{ width: 86%; position: absolute; left: 7%; top: 12%; }
#a11s .box16 ul li{ float: left; width: 49%; margin-right: 2%; text-align: center; }
#a11s .box16 ul li.mr{ margin-right: 0%; }
#a11s .box16 ul li .bb{ font-size: 3vw; line-height: 3.4vw; }
#a11s .box16 ul li .ss{ font-size: 2.8vw; line-height: 3.4vw; margin-top: 1%; }

#a11s .box17 { position: relative; }
#a11s .box17 .text{ width: 28%; font-size: 3vw; position: absolute; left: 13%; top: 50%; }