.big{ font-size: 3.6vw; line-height: 4vw; }
.middle{ font-size: 2.4vw; line-height: 2.8vw; margin: 0.5vw auto 1vw auto; }
.small{ font-size: 1.4vw; line-height: 2.2vw; margin-top: 1vw; }
.gradient{ background: linear-gradient(to left, #0072ff, #a0caff);-webkit-background-clip: text;color: transparent; }
.orange{ background: linear-gradient(to left, #f99e01, #fece00);-webkit-background-clip: text;color: transparent; }
#f35g img{ width: 100%; max-width: 100%; vertical-align: bottom; }
#f35g .box1{ overflow: hidden; position: relative; }
#f35g .box1 .box{ position: absolute; width: 40%; left: 9%; top: 24%; color: #ffffff; }
#f35g .box1 .box .small{ color: #F5F5F7; }
#f35g .box1 .box .b{ font-size: 4vw; line-height: 4.4vw; }
#f35g .box1 .box .m{ font-size: 2vw; line-height: 2.4vw; margin-bottom: 2%; }
#f35g .box1 .box .s{ font-size: 1.4vw; line-height: 2.4vw; }
#f35g .box2{ position: relative; overflow: hidden; box-sizing: border-box; padding: 8vw; background-color: #000000; }
#f35g .box2 .orange{ color: #FFC601; }
#f35g .box2 .p{ position: absolute; overflow: hidden; text-align: center; }
#f35g .box2 .t{ font-size: 2.2vw; line-height: 2.6vw; }
#f35g .box2 .ts{ font-size: 1.4vw; line-height: 1.8vw; color: #ffffff; }
#f35g .box2 .p1{ width: 29%; left: 10.5%; top: 15%; }
#f35g .box2 .p2{ width: 29%; left: 40%; top: 15%; }
#f35g .box2 .p3{ width: 19.5%; left: 70%; top: 15%; }
#f35g .box2 .p4{ width: 29%; left: 10.5%; top: 47%; text-align: left; padding-left: 1%; box-sizing: border-box; }
#f35g .box2 .p5{ width: 29%; left: 40%; top: 44%; }
#f35g .box2 .p6{ width: 29%; left: 10.5%; top: 63%; }
#f35g .box2 .p7{ width: 29%; left: 40%; top: 63%; }
#f35g .box2 .p8{ width: 19.5%; left: 70%; top: 63%; }
#f35g .box2 .p9{ width: 29%; left: 10.5%; top: 78%; color: #ffffff; text-align: left; padding-left: 3.5%; box-sizing: border-box; font-size: 4vw; line-height: 4.2vw; }
#f35g .box2 .p10{ width: 29%; left: 10.5%; top: 83%; text-align: right; padding-right: 2.5%; box-sizing: border-box; }
#f35g .box3{ overflow: hidden; position: relative; padding-bottom: 4%;
	background-color:#f99e01;
    background-image:-webkit-gradient(-100deg,#f99e01,#fece00);
    background-image:-webkit-linear-gradient(-100deg,#f99e01,#fece00);
    background-image:-moz-linear-gradient(-100deg,#f99e01,#fece00);
    background-image: -ms-linear-gradient(-100deg, #f99e01 0%, #fece00 100%);
    background-image: -o-linear-gradient(-100deg,#f99e01,#fece00);
    background-image: linear-gradient(-100deg,#f99e01,#fece00);
}
#f35g .box3 .box{ width:70%; margin: 4% auto 0%; text-align: center; color: #000000; }
#f35g .box3 .img{ width: 70%; margin:0px auto; display: block; }
#f35g .box3 .img1{ width: 42%; position: absolute; left: 29%; top: 27%; transform: scale(0.1); opacity: 0; }
#f35g .box3 .pt{ position: relative; width: 100%; overflow: hidden; padding-top: 6%; }
#f35g .box3 .ptBox{ position: relative; overflow: hidden; }
#f35g .box4{ position: relative; overflow: hidden; color: #ffffff; }
#f35g .box4 .box{ position: absolute; width: 70%; left: 15%; top: 14%; text-align: center; }
#f35g .box4 .box .small{ color: #B6B6B6; }
#f35g .box5{ overflow: hidden; position: relative; text-align: right; padding-top: 7%; }
#f35g .box5 .box{ position: absolute; width: 30%; left: 14%; top: 41%; text-align: left; z-index: 1; }
#f35g .box5 .img{ width: 26%; margin-right: 20%; }
#f35g .box5 .pt{ position: relative; overflow: hidden; }
#f35g .box5 .g{ position: absolute; width: 10%; left: 62.8%; top: 33.2%; font-size: 1.4vw; line-height: 1.8vw; color: #F59601; z-index: 1; opacity: 0; transition: all 0.3s linear; }
#f35g .box5 .g2{ left: 68%; top: 33.2%; }
#f35g .box5 .imgAll{ position: absolute; width: 5%; left: 69.3%; top: 27.2%; opacity: 0; transition: all 0.3s linear; }
#f35g .box5 .img2{left: 74.5%; top: 27.2%; }
#f35g .box5 .g.active{ opacity: 1; transition-delay: 0.3s; }
#f35g .box5 .imgAll.active{ opacity: 1; }
#f35g .box6{ background-color: #212433; overflow: hidden; }
#f35g .box6 .box{ width: 70%; margin: 4% auto 2%; text-align: center; }
#f35g .box6 .box .small{ color: #ffffff; }
#f35g .box6 .box .ul{ width: 80%; overflow: hidden; margin: 4% auto 2%; }
#f35g .box6 .box .ul .li{ width: 40%; float: left; color: #ffffff; text-align: center; position: relative; }
#f35g .box6 .box .ul .l2{ width: 20%; text-align: center; height: 3.5vw; }
#f35g .box6 .box .ul .span{ position: absolute; width: 100%; left: 0%; top: 10%; font-size: 2vw; line-height: 2.2vw;  }
#f35g .box6 .box .ul .w{ width: 2px; height: 100%; display: inline-block; background-color: #EECA19; }
#f35g .box6 .box .ul .t{ font-size: 1.4vw; line-height: 1.8vw; margin-top: 2%; }
#f35g .box6 .img{ width: 84%; margin:0px auto; display: block; }
#f35g .box7{ position: relative; overflow: hidden; }
#f35g .box7 .box{ width: 70%; position: absolute; left: 15%; top: 10%; text-align: center; color: #ffffff; }
#f35g .box8{ overflow: hidden; background-color: #000000; }
#f35g .box8 .box{ width: 70%; margin: 4% auto; color: #ffffff; text-align: center; }
#f35g .box8 .pt{ position: relative; overflow: hidden; margin: 2% auto; }
#f35g .box8 .b{ font-size: 2vw; line-height: 2.2vw; }
#f35g .box8 .s{ font-size: 1.2vw; line-height: 1.4vw; color: #D9CED8; }
#f35g .box8 .p{ position: absolute; width: 31.2%; text-align: center; }
#f35g .box8 .p1{ left: 0%; top: 11%; }
#f35g .box8 .p2{ left: 34.3%; top: 11%; }
#f35g .box8 .p3{ left: 68.8%; top: 11%; }
#f35g .box8 .p4{ left: 0%; top: 67%; }
#f35g .box8 .p5{ left: 34.3%; top: 67%; }
#f35g .box8 .p6{ left: 68.8%; top: 67%; }
#f35g .box8 .tips{ color: #878787; font-size: 1vw; line-height: 1.4vw; }
#f35g .box8 .small{ color: #878787; }
#f35g .box8 .fixedBox{ position: relative; overflow: hidden; }
#f35g .box8 .fixedBox .fixed{ position: relative; width: 100%; overflow: hidden; padding:14% 12% 10%; box-sizing: border-box; }
#f35g .box8 .fixedBox .img1{ width: 31%; left: 40%; top: 6%;left: 29%; top: 58%; position: absolute; opacity: 0;}
#f35g .box8 .fixedBox .img2{ width: 34%; left: 24%; top: 22%;left: 15%; top: 56%; position: absolute;opacity: 0; }
#f35g .box8 .fixedBox .img3{ width: 100%; left: 0%; top: 0%; position: absolute; }
#f35g .box8 .fixedBox .img4{ opacity: 0;  }
#f35g .box9{ position: relative; overflow: hidden; color: #ffffff; background-color: #0A0A0A; }
#f35g .box9 .box{  width: 70%; margin: 4% auto 0%; text-align: center; }
#f35g .box9 .box .small{ color: #B6B6B6; }
#f35g .box9 .fixedBox{ position: relative; overflow: hidden; }
#f35g .box9 .fixed{ position: relative; width: 100%; overflow: hidden; box-sizing: border-box; padding-top: 15%; }
#f35g .box9 .fixed .img{ width: 40%;margin-left: 50%;  }
#f35g .box9 .fixed .p{ position: absolute; width: 36%; opacity: 0; transition: all 0.3s linear; }
#f35g .box9 .fixed .p.active{ opacity: 1; }
#f35g .box9 .fixed .p2.active{ transition-delay: 0.3s; }
#f35g .box9 .fixed .p3.active{ transition-delay: 0.6s; }
#f35g .box9 .fixed .p1{ left: 10%; top: 31%; }
#f35g .box9 .fixed .p2{ left: 10%; top: 51%; }
#f35g .box9 .fixed .p3{ left: 10%; top: 71%; }
#f35g .box9 .fixed .img1{ width: 20%; }
#f35g .box9 .fixed .pp{ position: absolute; width: 58%; right: 0%; top: 17%; text-align: center; }
#f35g .box9 .fixed .pp .b{ font-size: 1.8vw; line-height: 2vw; border-bottom: 2px solid #4F4F4F; padding-bottom: 4%; }
#f35g .box9 .fixed .pp .s{ font-size: 1vw; line-height: 1.4vw; color: #D2D2D2; padding-top: 4%; }
#f35g .box10{ overflow: hidden; position: relative; }
#f35g .box10 .box{ width: 70%; margin: 4% auto; text-align: center; }
#f35g .box10 .box .small{ color: #656565; }
#f35g .box10 .imgBox{ position: relative; overflow: hidden; }
#f35g .box10 .swiper-button-prev{ background-image: url(/new/Images/f35g/overview/left.png); width: 50px; height: 50px; background-size: contain; }
#f35g .box10 .swiper-button-next{ background-image: url(/new/Images/f35g/overview/right.png);width: 50px; height: 50px; background-size: contain; }
#f35g .box10 .bg{ width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; background-color: rgba(0, 0, 0, 0.5); }
#f35g .box10 .swiper-slide-active .bg{ background-color: rgba(0, 0, 0, 0); }
#f35g .box11{ overflow: hidden; position: relative; width: 70%; margin: 4% auto; }
#f35g .box11 .box{ width: 41%; position: absolute; left: 0%; top: 5%; }
#f35g .box11 .box .big{ font-size: 3vw; }
#f35g .box11 .box .small{ color: #656565; }
#f35g .box12{ overflow: hidden; position: relative; width: 70%; margin: 4% auto; }
#f35g .box12 .box{ text-align: center; margin: 2% auto 6%; }
#f35g .box12 .box .small{ color: #656565; }
#f35g .box13{ overflow: hidden; position: relative; }
#f35g .box13 .box{ text-align: center; margin: 2% auto 6%; }
#f35g .box13 .box .small{ color: #656565; }
#f35g .box13 .fixedBox{ position: relative; overflow: hidden; }
#f35g .box13 .fixedBox .bg{ position: absolute; width: 20%; height: 100%; left: 0%; top: 0%; background-color: #ffffff; }
#f35g .box13 .fixedBox .b2{ left: inherit; right: 0%; }
#f35g .box14{ position: relative; overflow: hidden; color: #ffffff; background-color: #0A0A0A; }
#f35g .box14 .box{  width: 70%; margin: 4% auto 0%; text-align: center; }
#f35g .box14 .box .small{ color: #B6B6B6; }
#f35g .box14 .imgBox{ width: 70%; margin: 4% auto; overflow: hidden; position: relative; }
#f35g .box14 .imgBox .bg{ width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; background-color:rgba(0, 0, 0, 0.5); transition: all 0.3s linear; }
#f35g .box14 .imgBox .bg.active{ width: 0%; }
#f35g .box15{ 
	overflow: hidden;
	position: relative;
	background-color:#f99e01;
    background-image:-webkit-gradient(-100deg,#f99e01,#fece00);
    background-image:-webkit-linear-gradient(-100deg,#f99e01,#fece00);
    background-image:-moz-linear-gradient(-100deg,#f99e01,#fece00);
    background-image: -ms-linear-gradient(-100deg, #f99e01 0%, #fece00 100%);
    background-image: -o-linear-gradient(-100deg,#f99e01,#fece00);
    background-image: linear-gradient(-100deg,#f99e01,#fece00);
}
#f35g .box15 .box{ text-align: center; margin: 4% auto; width: 70%; color: #000000; }
#f35g .box15 .box .small{ color: #656565; }
#f35g .box15 .box .ul{ overflow: hidden; width: 60%; margin: 4% auto; }
#f35g .box15 .box .ul .li{ float: left; width: calc(50% - 2px); }
#f35g .box15 .box .ul .l1{ border-right: 2px solid #000000; }
#f35g .box15 .box .ul .l2{ border-left: 2px solid #000000; }
#f35g .box15 .box .ul .b{ font-size: 2.4vw; line-height: 2.6vw; }
#f35g .box15 .box .ul .s{ font-size: 1.2vw; line-height: 1.4vw; }
#f35g .box15 .imgBox{ position: relative; overflow: hidden; width: 66%; margin: 4% auto; }
#f35g .box15 .swiper-button-prev{ background-image: url(/new/Images/f35g/overview/left.png); width: 50px; height: 50px; background-size: contain; }
#f35g .box15 .swiper-button-next{ background-image: url(/new/Images/f35g/overview/right.png);width: 50px; height: 50px; background-size: contain; }
#f35g .box15 .swiper-pagination-bullet{ width: 1vw; height: 1vw; margin: 0px 0.2vw; border: 2px solid #ffffff; border-radius: 1vw; opacity: 1; background-color: inherit;}
#f35g .box15 .swiper-pagination-bullet-active{ background-color: #ffffff; }
#f35g .box15 .swiper-pagination-bullets{ position: relative; padding:10px 0px; }
#f35g .box15 .swiper-pagination-bullets .s{ width: 20vw; top: 10px; color: #ffffff; left: 56%; text-align: left;opacity: 0;  position: absolute; font-size: 1.4vw; }
#f35g .box15 .swiper-pagination-bullet-active .s{ opacity: 1;  }
#f35g .box16{ position: relative; overflow: hidden; padding:6% 0px; background-color: #ECE4E1; }
#f35g .box16 .box{ position: absolute; width: 32%; top: 28%; left: 58%; }
#f35g .box16 .b{ font-size: 3vw; line-height: 3.4vw; display: inline-block; }
#f35g .box16 .img{ width: 40%; margin-left: 10%; }
#f35g .box16 .android{ width: 31%; vertical-align: baseline; margin-right: 2%; }
#f35g .box17{ position: relative; overflow: hidden; }
#f35g .box17 .box{ position: absolute; width: 40%; left: 13%; top: 8%; }
#f35g .box17 .box .small{ color: #A1A1A1; }
#f35g .box17 .img{ width: 8%; position: absolute; left: 36%; top: 56%; opacity: 0; transform: scale(1.5); transition: all 0.3s linear; }
#f35g .box17 .img.active{ opacity: 1; transform: scale(1); }
#f35g .box18{ position: relative; overflow: hidden; padding-top: 10%; background-color: #000000; }
#f35g .box18 .box{ position: absolute; width: 33%; left: 10%; top: 20%; color: #ffffff; }
#f35g .box18 .small{ color: #A1A1A1; }
#f35g .box18 .img{ width: 37%; margin-left: 50%; }
#f35g .box18 .ul{ overflow: hidden; margin-top: 14%; }
#f35g .box18 .ul .li{ float: left; width: 33.33%; text-align: center; }
#f35g .box18 .ul .li .img1{ width: 35%; margin-bottom: 2%; }
#f35g .box18 .ul .li .b{ font-size: 1.4vw; line-height: 1.8vw; }
#f35g .box19{ position: relative; overflow: hidden; background-color: #000000; }
#f35g .box19 .box{ position: absolute; width: 29%; left: 58%; top: 37%; }
#f35g .box19 .big{ font-size: 3vw; line-height: 3.4vw; }
#f35g .box19 .small{ color: #A1A1A1; }
#f35g .box19 .img{ width: 50%; }
#f35g .box20{ position: relative; overflow: hidden; padding-bottom: 4%; background-color: #000000; }
#f35g .box20 .box{ width: 70%; margin:4% auto; text-align: center; }
#f35g .box20 .img{ width: 18%; margin-left: 41%; }
#f35g .box20 .ul{ position: absolute; width: 30%; text-align: center; }
#f35g .box20 .ul .li{ margin-bottom: 40%; }
#f35g .box20 .ul .img1{ width: 16%; margin-bottom: 4%; }
#f35g .box20 .ul .b{ font-size: 1.2vw; line-height: 1.6vw; color: #CCCCCC; }
#f35g .box20 .ul1{ left: 6%; top: 34%; }
#f35g .box20 .ul2{ left: 64%; top: 34%; }