.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; }
.gradientBlue{ background: linear-gradient(to left, #1050a9, #09bfec,#1599e0);-webkit-background-clip: text;color: transparent; }
.orange{ background: linear-gradient(to left, #ff501c, #ffb39d);-webkit-background-clip: text;color: transparent; }
#c1_g1 img{ width: 100%; max-width: 100%; vertical-align: bottom; }
#c1_g1 .box1{ position: relative; overflow: hidden; }
#c1_g1 .box1 .box{ position: absolute; width: 40%; left: 66%; top: 34%; color: #000000; }
#c1_g1 .box1 .box .b{ font-size: 4vw; line-height: 4.2vw; }
#c1_g1 .box1 .box .m{ font-size: 2.4vw; line-height: 2.8vw; margin: 2% 0px 6% auto; }
#c1_g1 .box1 .box .s{ font-size: 1.4vw; line-height: 1.8vw; margin-top: 2%; }
#c1_g1 .box2{ position: relative; overflow: hidden; }
#c1_g1 .box2 .pp{ position: absolute; width: 12%; color: #ffffff; }
#c1_g1 .box2 .b{ font-size: 1.6vw; line-height: 2.2vw; }
#c1_g1 .box2 .s{ font-size: 1.2vw; line-height: 1.4vw; }
#c1_g1 .box2 .p1{ left: 17.5%; top: 23%; }
#c1_g1 .box2 .p2{ left: 17.5%; top: 45%; }
#c1_g1 .box2 .p3{ left: 17.5%; top: 67%; }
#c1_g1 .box2 .p4{ left: 36%; top: 23%; width: 30%; }
#c1_g1 .box2 .p5{ left: 36%; top: 66%; width: 30%; }
#c1_g1 .box2 .p5 span{ font-size: 2vw; }
#c1_g1 .box2 .p6{ left: 73.5%; top: 23%; }
#c1_g1 .box2 .p7{ left: 73.5%; top: 45%; }
#c1_g1 .box2 .p8{ left: 72.5%; top: 67%; text-align: center; }
#c1_g1 .box2 .p9{ width: 10%; font-size: 1vw; line-height: 1.4vw; left: 74%; top: 27%; }
#c1_g1 .box2 .p10{ width: 10%; font-size: 1vw; line-height: 1.4vw; left: 79%; top: 27%; }
#c1_g1 .box3{ position: relative; overflow: hidden; }
#c1_g1 .box3 .box{ width: 70%; margin: 4% auto; text-align: center; }
#c1_g1 .box3 .box .big{ line-height: 4vw; }
#c1_g1 .box3 .box .ul{ overflow: hidden; margin-top: 2%; }
#c1_g1 .box3 .box .ul .li{ float: left; width: 50%; }
#c1_g1 .box3 .box .ul .li .b{ font-size: 3.2vw; line-height: 3.6vw; font-weight: bold; margin-bottom: 2%; }
#c1_g1 .box3 .box .ul .li .s{ font-size: 1.2vw; line-height: 1.6vw; }
#c1_g1 .box3 .imgBox{ position: relative; overflow: hidden; }
#c1_g1 .box3 .img1{ width: 50%; transform: translate3d(-56%, 71%, 0px); transition: all 0.5s linear; }
#c1_g1 .box3 .img2{ width: 50%; position: absolute; right: 0%; top: 0%; transform: translate3d(39%, -56%, 0px); transition: all 0.5s linear; }
#c1_g1 .box3 .img1.active{ transform: translate3d(0px, 37%, 0px); }
#c1_g1 .box3 .img2.active{ transform: translate3d(0px, -26%, 0px); }
#c1_g1 .box4{ overflow: hidden; }
#c1_g1 .box4 .b{ margin: 4% auto 2% auto; font-size: 3vw; line-height: 3.4vw; text-align: center; }
#c1_g1 .box4 .imgBox{ width: 70%; margin: 2% auto; overflow: hidden;}
#c1_g1 .box4 .swiper-pagination{ position: inherit; text-align: center; margin:3% auto; }
#c1_g1 .box4 .swiper-pagination-bullet{ width: 20%; height: auto; opacity: 1; background-color: inherit; }
#c1_g1 .box4 .text{ margin-top: 2%; font-size: 2vw; line-height: 2.4vw; }
#c1_g1 .box4 .circle{ display: inline-block; width: 2vw; height: 2vw; border-radius: 2vw; }
#c1_g1 .box4 .c1{ background: linear-gradient(-45deg, #5b5b5b, #000000); }
#c1_g1 .box4 .c2{ background: linear-gradient(-45deg, #d6f1fd, #9fd1ef); }
#c1_g1 .box4 .c3{ background: linear-gradient(-45deg, #f3f3f3, #c5c5c5); }
#c1_g1 .box4 .c4{ background: linear-gradient(-45deg, #9edbfa, #3a99d6); }
#c1_g1 .box4 .c5{ background: linear-gradient(-45deg, #fcf0e6, #e1cfbf); }
#c1_g1 .box5{ position: relative; overflow: hidden; }
#c1_g1 .box5 .box{ position: absolute; left: 20%; width: 60%; top: 10%; text-align: center; color: #ffffff; }
#c1_g1 .box6{ position: relative; overflow: hidden; }
#c1_g1 .box6 .box{ position: absolute; left: 20%; width: 60%; top: 6%; text-align: center; color: #ffffff; }
#c1_g1 .box7{ position: relative; overflow: hidden; }
#c1_g1 .box7 .box{ position: absolute; left: 11%; width: 40%; top: 21%; color: #ffffff; }
#c1_g1 .box8{ position: relative; overflow: hidden; }
#c1_g1 .box8 .box{ position: absolute; left: 20%; width: 60%; top: 8%; text-align: center; color: #000000; }
#c1_g1 .box8 .tips{ position:absolute; width:60%; left:20%; top:92%; text-align:center; font-size:0.8vw; line-height:1.2vw; }
#c1_g1 .box9{ position: relative; overflow: hidden; }
#c1_g1 .box9 .box{ position: absolute; left: 65%; width: 30%; top: 37%;  color: #000000; transition: all 0.3s linear; opacity: 0; }
#c1_g1 .box9 .box.active{ opacity: 1; }
#c1_g1 .box9 .ss{ font-size: 2vw; line-height: 2.4vw; position: absolute; width: 27%; left: 16%; top: 31%; border-bottom: 2px dashed #000000; transition: all 0.3s linear; opacity: 0; }
#c1_g1 .box9 .ss.active{ opacity: 1; transition-delay: 0.3s; }
#c1_g1 .box9 .s2{ top: 61%; }
#c1_g1 .box9 .fixed{ position: relative; overflow: hidden; width: 100%; }
#c1_g1 .box10{ position: relative; overflow: hidden; }
#c1_g1 .box10 .box{ width: 70%; margin: 5% auto 3% auto; text-align: center;  color: #000000; }
#c1_g1 .box10 .img{ width: 60%; margin: 4% 0px 4% 20%; }
#c1_g1 .box11{ position: relative; overflow: hidden; }
#c1_g1 .box11 .box{ width: 36%; margin: 2% 0px 2% 44%; text-align: right;  color: #000000; }
#c1_g1 .box11 .img{ width: 60%; margin: 4% 0px 0% 20%; }
#c1_g1 .box12{ position: relative; overflow: hidden; }
#c1_g1 .box12 .box{ width: 36%; margin: 2% 0px 2% 20%;  color: #000000; }
#c1_g1 .box12 .img{ width: 60%; margin: 4% 0px 0% 20%; }
#c1_g1 .box13{ position: relative; overflow: hidden; }
#c1_g1 .box13 .box{ width: 24%; position: absolute; left: 20%; top: 32%;  color: #000000; }
#c1_g1 .box14{ position: relative; overflow: hidden; background: linear-gradient(-120deg, #00cbb2, #0097c3); }
#c1_g1 .box14 .box{ width: 60%; margin: 4% auto 2% auto;  color: #ffffff; text-align: center; }
#c1_g1 .box14 .ul{ width: 60%; margin: 4% auto 8% auto; overflow: hidden; }
#c1_g1 .box14 .ul .li{ float: left; width: 25%; text-align: center; }
#c1_g1 .box14 .ul .li .ss{ font-size: 1.2vw; line-height: 1.6vw; margin-top: 2%; color: #ffffff; }
#c1_g1 .box14 .ul .li .img{ height: 4vw; width: auto; }
#c1_g1 .box15{ position:relative; overflow:hidden; background-color:#000000; }
#c1_g1 .box15 .img{ width:75%; display:block; margin:2% auto; }
#c1_g1 .box15 .box{ width:70%; margin:4% auto 2%; text-align:center; color:#ffffff; }
#c1_g1 .box15 .tips{ width:75%; margin:2% auto 4%; font-size:0.8vw; line-height:1.2vw; color:#ffffff; }