.big{ font-size: 3vw; line-height: 4vw; }
.middle{ font-size: 3vw; line-height: 3.4vw; margin: 0.5vw auto 1.5vw auto; }
.small{ font-size: 1.8vw; line-height: 2.6vw; margin-top: 2vw; }
#x10sx10gnfc img{ width: 100%; max-width: 100%; }
.yellow{ color:#FFC603 ; }
.bgColorShow{ background-image: linear-gradient(to right, #030305 , #111629); }
#x10sx10gnfc .box1{ position: relative; overflow: hidden; }
#x10sx10gnfc .box1 .logo{ position: absolute; width: 14%; left: 5%; top: 3%; }
#x10sx10gnfc .box1 .box{ position: absolute; width: 40%; left: 20%; top: 23%;  }
#x10sx10gnfc .box1 .box .tit{ position: relative; font-size: 3.6vw; line-height: 3.8vw; color:#FFC603 ; }
#x10sx10gnfc .box1 .box .nfc{ position: absolute; right: 0px; top: 0px; background-color: #ff0000; color: #ffffff; width: 6vw;
    text-align: center; font-size: 1.8vw; line-height: 2.4vw; height: 2.4vw; border-radius: 1vw;
}
#x10sx10gnfc .box1 .box .mt{ margin-top: 14%; }
#x10sx10gnfc .box1 .box .text{ font-size: 1.6vw; line-height: 2vw; color: #ffffff; margin-bottom: 3%; }
#x10sx10gnfc .box3{ position: relative; }
#x10sx10gnfc .box3 .box{ position: absolute; width: 63%; left: 18.5%; top: 5%; text-align: center; color: #ffffff; }
#x10sx10gnfc .box3 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box3 .ppt{ width: 63%; left: 18.5%; position: absolute; top: 80%; text-align: center; overflow: hidden; }
#x10sx10gnfc .box3 .ppt li{ float: left; width: 25%; box-sizing: border-box; }
#x10sx10gnfc .box3 .ppt li .img{ width: 30%; margin:0% auto; }
#x10sx10gnfc .box3 .ppt li .b{ font-size: 1.6vw; line-height: 1.8vw; margin: 7% auto 2% auto; }
#x10sx10gnfc .box3 .ppt li .s{ font-size: 1.4vw; line-height: 1.6vw; margin: 2% auto; color: #ffffff; }
#x10sx10gnfc .box3 .ppt li .textBox{ border-right: 2px solid #ffffff; }
#x10sx10gnfc .box3 .ppt li.last .textBox{ border-right: inherit; }
#x10sx10gnfc .box4{ position: relative; overflow: hidden; width: 100%; }
#x10sx10gnfc .box4 .box{ width: 63%;margin: 2% auto; text-align: center; color: #ffffff; }
#x10sx10gnfc .box4 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box4 .ppt{ width: 40%; margin: 20% auto 2% auto; text-align: center; overflow: hidden; }
#x10sx10gnfc .box4 .ppt li{ float: left; width: 50%; box-sizing: border-box; }
#x10sx10gnfc .box4 .ppt li .b{ font-size: 1.6vw; line-height: 1.8vw; margin: 7% auto 2% auto; }
#x10sx10gnfc .box4 .ppt li .s{ font-size: 1.4vw; line-height: 1.6vw; margin: 2% auto; color: #ffffff; }
#x10sx10gnfc .box4 .dd{ position: absolute; left: -5%; width: 111%; top: -7%; overflow: hidden;

    transform: scale(1);
    -ms-transform: scale(1); 
    -moz-transform: scale(1); 
    -webkit-transform: scale(1); 
    -o-transform: scale(1);  
}
#x10sx10gnfc .box4 .dd .ddShow{ position: absolute; width: 100%; left: 0%; top: 0%; z-index: 1;
    opacity: 0; filter: alpha(opacity=0); 
}
#x10sx10gnfc .box4 .dd .ddBox{ overflow: hidden; position: absolute; width: 92%; left: 4%; top: 3%;  }


#x10sx10gnfc .box5{ position: relative; overflow: hidden; width: 100%; }
#x10sx10gnfc .box5 .box{ width: 63%; position: absolute; left: 18.5%; top: 4%; text-align: center; color: #ffffff; }
#x10sx10gnfc .box5 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box5 .imgBox{ position: relative; overflow: hidden; }
#x10sx10gnfc .box5 .imgBox ul{ position: absolute; width: 96%; left: 2%; top: 22%; overflow: hidden; }
#x10sx10gnfc .box5 .imgBox ul li{ float: left; width:23.5% ; margin-right: 2%; position: relative; }
#x10sx10gnfc .box5 .imgBox ul li.last{ margin-right: 0%; }
#x10sx10gnfc .box5 .imgBox ul li .ss{ font-size: 1.6vw; line-height: 2vw; color: #ffffff; text-align: center; 
    position: absolute; top: 10%; left: 0%; width: 100%;
}
#x10sx10gnfc .box5 .swiper-pagination-bullet{ width: 100px; border-radius: inherit; background-color: #ffffff; opacity: 1; }
#x10sx10gnfc .box5 .swiper-pagination-bullet-active{ background-color: #007aff;  }
#x10sx10gnfc .box6{ position: relative; }
#x10sx10gnfc .box6 .box{ position: absolute; width: 75%; left: 12.5%; top: 5%; text-align: center; color: #ffffff; }
#x10sx10gnfc .box6 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box6 .ul{ width: 90%; position: absolute; left: 5%; top: 34%; overflow: hidden; margin-right: 5%; }
#x10sx10gnfc .box6 .ul li{ float: left; width: 30%; position: relative; margin-right: 5%; }
#x10sx10gnfc .box6 .ul li.last{ margin-right: 0%;}
#x10sx10gnfc .box6 .ul li .ppt{ position: absolute; width: 100%; left: 0%; top: 86%; padding-left: 32%; box-sizing: border-box; }
#x10sx10gnfc .box6 .ul li .ppt img{ position: absolute; width: 16%; top: -3%; left: 13%; }
#x10sx10gnfc .box6 .ul li .ppt .b{ font-size: 1.4vw; line-height: 1.8vw; color: #000000; }
#x10sx10gnfc .box6 .ul li .ppt .s{ font-size: 1.4vw; line-height: 1.8vw; color: #000000; }
#x10sx10gnfc .box7 { overflow: hidden; }
#x10sx10gnfc .box7 .box{  border: 3px solid #FFC603; border-radius: 50px; box-sizing: border-box; width: 90%; margin: 4% auto; padding:2% 6%; }
#x10sx10gnfc .box7 .box .tt{ font-size: 2vw; line-height: 2.2vw; }
#x10sx10gnfc .box7 .box ul{ overflow: hidden; margin-top: 4%; }
#x10sx10gnfc .box7 .box ul li{ float: left; width: 50%; position: relative; box-sizing: border-box; padding-left: 9%; 
    font-size: 1.4vw; line-height: 2vw; color: #ffffff; margin-bottom: 8%;
}
#x10sx10gnfc .box7 .box ul li img{ position: absolute; width: 8%; left: 3%; top: 6%; }
#x10sx10gnfc .box7 .box ul li img.img3{ width: 16%; left: 0%; top: 28%; }
#x10sx10gnfc .box7 .box ul li img.img4{ width: 13%; left: 1%; top: 19%; }
#x10sx10gnfc .box7 .box .tips{ font-size: 1vw; text-align: right; }
#x10sx10gnfc .box8{ overflow: hidden;}
#x10sx10gnfc .box8 .box{ margin: 4% auto; width: 75%;  text-align: center; color: #ffffff; }
#x10sx10gnfc .box8 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box8 .imgBox{ padding-top: 10vw; position: relative; }
#x10sx10gnfc .box8 .imgBox .ppt{ position: absolute; font-size: 1.6vw; line-height: 1.8vw; color: #ffffff; }
#x10sx10gnfc .box8 .imgBox .ppt .bold{ font-size: 1.6vw; line-height: 1.8vw; color: #ffffff; }
#x10sx10gnfc .box8 .imgBox .p1{ width: 20%; left: 14%; top: 25.5%; }
#x10sx10gnfc .box8 .imgBox .p2{ width: 30%; left: 34%; top: 12%; }
#x10sx10gnfc .box8 .imgBox .p3{ width: 20%; left: 65%; top: 25.5%; }
#x10sx10gnfc .box8 .imgBox .p4{ width: 13%; left: 82%; top: 12%; }
#x10sx10gnfc .box9{ overflow: hidden;}
#x10sx10gnfc .box9 .box{ margin: 4% auto; width: 75%;  text-align: center; color: #ffffff; }
#x10sx10gnfc .box9 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box9 .imgBox{ width: 65%; margin: 2% auto; }
#x10sx10gnfc .box9 .swiper-container3{box-sizing: border-box; padding: 2%  20% ; margin-top: 2%; background-color: rgba(160, 160, 160, 0.2); }
#x10sx10gnfc .box9 .swiper-slide{ box-sizing: border-box; border: 2px solid rgba(160, 160, 160, 0); }
#x10sx10gnfc .box9 .swiper-slide-thumb-active{ border:2px solid #ffffff; }
#x10sx10gnfc .box10{ overflow: hidden;}
#x10sx10gnfc .box10 .box{ margin: 4% auto; width: 75%;  text-align: center; color: #ffffff; }
#x10sx10gnfc .box10 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box10 .imgBox{ width: 65%; margin: 2% auto; position: relative; }
#x10sx10gnfc .box10 .imgBox .bgTop{ width: 100%; height: 100%; position: absolute; top: 0%; left: 0%; background-color: #000000;
    opacity: 0.8; filter: alpha(opacity = 80);
    transition: all 1s linear;
    -moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
}
#x10sx10gnfc .box10 .imgBox .bgTop.active{ width: 0%; }
#x10sx10gnfc .box11{ overflow: hidden;}
#x10sx10gnfc .box11 .box{ margin: 4% auto; width: 75%;  text-align: center; color: #ffffff; }
#x10sx10gnfc .box11 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box11 .imgBox { position: relative; overflow: hidden; height: 39vw; }
#x10sx10gnfc .box11 .imgBox img{ 
    transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    -webkit-transition: all 0.8s linear;
    -o-transition: all 0.8s linear;
    transform: scale(0.5);
    -ms-transform: scale(0.5); 
    -moz-transform: scale(0.5); 
    -webkit-transform: scale(0.5); 
    -o-transform: scale(0.5);
}
#x10sx10gnfc .box11 .imgBox img.active{
    transform: scale(1);
    -ms-transform: scale(1); 
    -moz-transform: scale(1); 
    -webkit-transform: scale(1); 
    -o-transform: scale(1);
}
#x10sx10gnfc .box12{ overflow: hidden;}
#x10sx10gnfc .box12 .box{ margin: 4% auto; width: 75%;  text-align: center; color: #ffffff; }
#x10sx10gnfc .box12 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box12 .imgBox{ width: 63%; margin: 2% auto; border-radius: 40px; overflow: hidden; }
#x10sx10gnfc .box13{ overflow: hidden; position: relative;}
#x10sx10gnfc .box13 .box{ position: absolute; left: 12.5%; top: 3%; width: 75%;  text-align: center; color: #000000; }
#x10sx10gnfc .box13 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box14{ overflow: hidden; position: relative; }
#x10sx10gnfc .box14 .box{ position: absolute; left: 12.5%; top: 38%;  width: 75%; z-index: 1; text-align: center; color: #ffffff; }
#x10sx10gnfc .box14 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box14 .ppt{ width: 100%; position: relative; }
#x10sx10gnfc .box14 .imgBox{ position: absolute; width: 100%; top: 0%; left: 0%; height: 100%; background-color: #000000; opacity: 1; }
#x10sx10gnfc .box14 .ppt{ height: 46vw; width: 100%; padding: 4% 0px; box-sizing: border-box; }
#x10sx10gnfc .box15{ overflow: hidden; position: relative;}
#x10sx10gnfc .box15 .box{ position: absolute; left: 12.5%; top: 3%; width: 75%;  text-align: center; color: #ffffff; }
#x10sx10gnfc .box15 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box15 .ul{ width: 30%; position: absolute; left: 61%; top: 49%; }
#x10sx10gnfc .box15 .ul li{ margin-bottom: 8%; }
#x10sx10gnfc .box15 .ul li .b{ font-size: 2vw; line-height: 2.2vw; }
#x10sx10gnfc .box15 .ul li .s{ font-size: 2vw; line-height: 2.2vw; color: #ffffff; }
#x10sx10gnfc .box16{ overflow: hidden;}
#x10sx10gnfc .box16 .imgBox{ position: relative; }
#x10sx10gnfc .box16 .box{ position: absolute; left: 12.5%; top: 3%; width: 75%;  text-align: center; color: #000000; }
#x10sx10gnfc .box16 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box16 .ppt{ width: 40%; position: absolute; left: 10%; top: 45%; }
#x10sx10gnfc .box16 .ppt .ul{ width: 90%; left: 5%; top: 7%; position: absolute; }
#x10sx10gnfc .box16 .ppt .ul li{ float: left; width: 33.33%; text-align: center; }
#x10sx10gnfc .box16 .ppt .ul li img{ width: 20%; }
#x10sx10gnfc .box16 .ppt .ul li .ss{ font-size: 1.4vw; line-height: 1.6vw; color: #000000; margin-top: 2%; }
#x10sx10gnfc .box16 .ppt .pt{ position: absolute;  text-align: center; font-size: 1.4vw; line-height: 2vw; }
#x10sx10gnfc .box16 .ppt .p1{ left: -1%; top: 34%; width: 41%; }
#x10sx10gnfc .box16 .ppt .p2{ left: 58%; top: 82%;width: 39%; }
#x10sx10gnfc .box16 .list{ width: 70%; overflow: hidden; margin: 2% auto; }
#x10sx10gnfc .box16 .list li{ float: left; width: 14.28%; text-align: center; }
#x10sx10gnfc .box16 .list li img{ width: 30%; }
#x10sx10gnfc .box16 .list li .s{ font-size: 1.4vw; line-height: 1.6vw; color: #ffffff; margin-top: 1%; }
#x10sx10gnfc .box17{ overflow: hidden;}
#x10sx10gnfc .box17 .box{ margin: 4% auto; width: 75%;  text-align: center; color: #ffffff; }
#x10sx10gnfc .box17 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box17 .ul{ width: 80%; margin: 4% auto; overflow: hidden; }
#x10sx10gnfc .box17 .ul li{ width: 45%; margin-right: 10%; float: left; position: relative; text-align: center; }
#x10sx10gnfc .box17 .ul li.last{ margin-right: 0%; }
#x10sx10gnfc .box17 .ul li .s{ width: 100%; position: absolute; left: 0%; top: 88%; font-size: 2.4vw; line-height: 2.6vw; color: #ffffff; }
#x10sx10gnfc .box18{ overflow: hidden; position: relative; padding-top: 10vw; }
#x10sx10gnfc .box18 .box{ position: absolute; left: 12.5%; top: 2%; width: 75%;  text-align: center; color: #ffffff; }
#x10sx10gnfc .box18 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box19{ overflow: hidden; position: relative; padding-top: 25vw; }
#x10sx10gnfc .box19 .box{ position: absolute; left: 12.5%; top: 5%; width: 75%;  text-align: center; color: #ffffff; }
#x10sx10gnfc .box19 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box19 .ul{ overflow: hidden; position: absolute; width: 100%; left: 0%; top: 26%; }
#x10sx10gnfc .box19 .ul li{ float: left; width: 9%; text-align: center; }
#x10sx10gnfc .box19 .ul li img{ width: 40%; }
#x10sx10gnfc .box19 .ul li .s{ font-size: 1.4vw; line-height: 1.6vw; color: #ffffff; margin-top: 2%; }
#x10sx10gnfc .box20{ overflow: hidden; position: relative; }
#x10sx10gnfc .box20 .box{ position: absolute; left: 12.5%; top: 38%; width: 40%; color: #000000; }
#x10sx10gnfc .box20 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box21{ overflow: hidden; position: relative; }
#x10sx10gnfc .box21 .box{  width: 75%; margin: 2% auto; text-align: center; }
#x10sx10gnfc .box21 .swiper-container .swiper-wrapper{
    transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
}
#x10sx10gnfc .box22{ overflow: hidden; position: relative; }
#x10sx10gnfc .box22 .box{  width: 40%;position: absolute; left: 8%; top: 40%; text-align: center; color: #ffffff; }
#x10sx10gnfc .box22 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box23{ overflow: hidden; padding: 20vw 0px 5vw 0px; position: relative; }
#x10sx10gnfc .box23 .ul{ overflow: hidden; margin-left: -30%; width: 100%; 
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}
#x10sx10gnfc .box23 .ul.active{ margin-left: -15%; }
#x10sx10gnfc .box23 .ul li{ float: left; width: 23%; margin-right: 2%; }
#x10sx10gnfc .box23 .box{ position: absolute; left: 52%; top: 30%; width: 40%;  color: #ffffff; }
#x10sx10gnfc .box23 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box23 .box .android{ width: 43%; vertical-align: top; margin-top: 2%; }
#x10sx10gnfc .box23 .ppt{ width: 23%; left: 20%; position: absolute; top: 8%; height: 44vw; overflow: hidden; }
#x10sx10gnfc .box23 .p1{ position: absolute; width: 100%; left: 0%; top: 0%; z-index: 2; }
#x10sx10gnfc .box23 .p2{ position: absolute; width: 76%; left: 12.2%; top: 7%; z-index: 1; }
#x10sx10gnfc .box24{ overflow: hidden; position: relative; }
#x10sx10gnfc .box24 .box{ position: absolute; left: 12.5%; top: 7%; width: 75%; color: #ffffff; text-align: center; }
#x10sx10gnfc .box24 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box25{ overflow: hidden; position: relative; }
#x10sx10gnfc .box25 .box{margin: 4% auto; width: 75%; color: #ffffff; text-align: center; }
#x10sx10gnfc .box25 .box .big .yellow{ font-size: 3vw; }
#x10sx10gnfc .box25 .ul{ width: 90%; margin: 2% auto; }
#x10sx10gnfc .box25 .ul li{ float: left; width: 47.5%; margin-right: 5%; position: relative; margin-bottom: 2%; }
#x10sx10gnfc .box25 .ul li.mr{ margin-right: 0%; }
#x10sx10gnfc .box25 .ul li .ppt{ width: 60%; left: 5%; position: absolute; top: 27%; color: #ffffff; }
#x10sx10gnfc .box25 .ul li .ppt .b{ font-size: 2.2vw; line-height: 3vw; }
#x10sx10gnfc .box25 .ul li .ppt .s{ font-size: 1.6vw; line-height: 3vw; }
#x10sx10gnfc .box26{ position: relative; overflow: hidden; }
#x10sx10gnfc .box26 .tolink{ width: 27%; left: 21%; position: absolute; top: 46%; font-size: 3vw; line-height: 3.4vw; color: #ffffff; }