.big{ font-size: 3.2vw; line-height: 4vw; }
.middle{ font-size: 1.6vw; line-height: 2.4vw; margin: 0.5vw auto 1vw auto; }
.small{ font-size: 1.4vw; line-height: 2.2vw; margin-top: 1vw; }
.gradientBlue{ background: linear-gradient(to left, #CEBCF6, #6044E7);-webkit-background-clip: text;color: transparent; }
.gradientGray{ background: linear-gradient(to left, #89898C, #C4C3C5);-webkit-background-clip: text;color: transparent; }
.upTo{ transform:translateY(4%); opacity:0; transition:all 0.2s linear; }
.upDown{ transform:translateY(0%); opacity:1; }
.delay{ transition-delay: 0.2s; }
#g5{ color:#000000; }
#g5 img{ width: 100%; max-width: 100%; vertical-align: bottom; }
#g5 .box1{ position:relative; overflow:hidden; }
#g5 .box1 .box{ width:38%; position:absolute; top:20%; left:60%; }
#g5 .box1 .box .b{ font-size:6vw; line-height:1; }
#g5 .box1 .box .m{ font-size:3vw; line-height:1; margin:2% 0px 4%; }
#g5 .box1 .box .s{ font-size:1.4vw; line-height:1.6; }
#g5 .box2 { position:relative; width:80%; margin:4% auto; overflow:hidden; }
#g5 .box2 .img-box{ position:relative; overflow:hidden; }
#g5 .box2 .bg{ background-color:#F6F6F8; border-radius:2vw; position:relative; overflow:hidden; }
#g5 .box2 .d1{ width:28%; height:36vw; }
#g5 .box2 .img1{ width: 60%; top:30%; left:20%; position:absolute; }
#g5 .box2 .d2{ width:40%; height:17vw; position:absolute; top:0%; left:30%; }
#g5 .box2 .img2{ width: 76%; top:45%; left:12%; position:absolute; }
#g5 .box2 .d3{ width:40%; height:17vw; position:absolute; bottom:0%; left:30%; }
#g5 .box2 .img3{ width: 100%; top:0%; left:0%; position:absolute; transform:translateY(-7%); }
#g5 .box2 .d4{ width:28%; height:36vw; position:absolute; right:0%; top:0%; }
#g5 .box2 .img4{ width: 60%; top:44%; left:20%; position:absolute; }
#g5 .box2 .d5{ width:48%; height:18vw; position:relative; }
#g5 .box2 .img5{ width: 60%; top:20%; left:20%; position:absolute; }
#g5 .box2 .d6{ width:49%; height:18vw; position:absolute; top:0%; right:0%; }
#g5 .box2 .img6{ width: 44%; top:30%; left:28%; position:absolute; }
#g5 .box2 .mt{ margin-top:2%; }
#g5 .box2 .box{ position:absolute; width:100%; left:0%; top:1vw; text-align:center; font-size:1.4vw; line-height:1.2; z-index:1; }
#g5 .box3{ position:relative; overflow:hidden; }
#g5 .box3 .box{ width:75%; margin:4% auto; text-align:center; }
#g5 .box3 .img{ width:75%; margin:2% auto; }
#g5 .box3 .ul{ overflow:hidden; margin:2% auto; width:75%; }
#g5 .box3 .ul .li{ width:33.33%; float:left; text-align:center; }
#g5 .box3 .b{ font-size:1.4vw; line-height:1; margin-bottom:2%; }
#g5 .box3 .s{ font-size:1.4vw; line-height:1; }
#g5 .box4{ position:relative; width:100%; min-height:36vw; }
#g5 .box4 .fixed{ width:100%; position:relative; background-color:#F6F6F8; }
#g5 .box4 .box{ width:32%; position:absolute; top:20%; left:56%;opacity:0; filter:alpha(opacity=0);transform: translateY(20%); transition:all 0.3s linear; }
#g5 .box4 .box.active{ opacity:1; filter:alpha(opacity=100);transform: translateY(0%); }
#g5 .box4 .ul{ margin-top:4%; }
#g5 .box4 .ul .li{ position:relative; padding-left:15%; box-sizing:border-box; }
#g5 .box4 .ul .li .t{ font-size:1vw; line-height:2; margin-bottom:2%; }
#g5 .box4 .ul .bold{ font-size:1.4vw; line-height:2; }
#g5 .box4 .ul .img{ width:8%; position:absolute; left:0%; top:16%;  }
#g5 .box4 .img1{ width:21%; position:absolute; left:31%; bottom:0%; opacity:0; filter:alpha(opacity=0); z-index:1; 
	transition:all 0.4s linear; transition-delay:0.2s; transform: translateY(20%);
}
#g5 .box4 .img2{ width:26%; position:absolute; left:6%; bottom:0%; opacity:0; filter:alpha(opacity=0); transition:all 0.4s linear;transform: translateY(20%); }
#g5 .box4 .img1.active{  opacity:1; filter:alpha(opacity=100);transform: translateY(0%); }
#g5 .box4 .img2.active{  opacity:1; filter:alpha(opacity=100);transform: translateY(0%); }


#g5 .box5 .box{ position:relative; width:75%; margin:4% auto; }
#g5 .box5 .img{ width:51%; }
#g5 .box5 .t{ width:43%; position:absolute; left:57%; top:15%; }
#g5 .box5 .right .img{ margin-left:49%; }
#g5 .box5 .right .t{ left:0%; }
#g5 .box5 .hideShow{ transform:translateY(10%); opacity:0; filter:alpha(apacity=0); transition:all 0.5s; }
#g5 .box5 .hideShow.active{ transform:translateY(0%); opacity:1; filter:alpha(apacity=100); }
#g5 .box6{ overflow:hidden; }
#g5 .box6 .box{ width:75%; margin:2% auto; text-align:center; }
#g5 .box6 .p{ position:relative; width:100%; }
#g5 .box6 .p .fixed{ width:100%; position:relative; overflow:hidden; min-height:18vw; }
#g5 .box6 .imgBox{ width:55%; right:0%; bottom:0%; position:absolute; }
#g5 .box6 .img-text{ position:absolute; width:45%; left:0%; top:0%;  height:100%; }
#g5 .box6 .img{ width:40%; position:absolute; bottom:-0.5%; left:30%; }
#g5 .box6 .text{ width:100%; position:absolute; left:0%; top:21%; padding-left:31%; box-sizing:border-box; }
#g5 .box6 .text .small{ color:#000000; }
#g5 .box6 .imgBox9{ background-color:#F8F7F7; }
#g5 .box6 .text9 .big{ background: linear-gradient(to left, #89898C, #C4C3C5);-webkit-background-clip: text;color: transparent; }
#g5 .box6 .imgBox7{ background-color:#F5FAFE; }
#g5 .box6 .text7 .big{ background: linear-gradient(to left, #CCCCCC, #E5E5E5);-webkit-background-clip: text;color: transparent; }
#g5 .box6 .imgBox5{ background: linear-gradient(to bottom, #FEFFFF, #D7D7D7);color: transparent; }
#g5 .box6 .text5 .big{ background: linear-gradient(to right, #39383A, #BEBDBF);-webkit-background-clip: text;color: transparent; }
#g5 .box6 .imgBox3{ background: linear-gradient(to bottom, #FCF9FF, #F9EFFF);color: transparent; }
#g5 .box6 .text3 .big{ background: linear-gradient(to left, #5239E6, #D9C9FE);-webkit-background-clip: text;color: transparent; }
#g5 .box6 .imgBox1{ background: linear-gradient(to bottom, #FBFFFF, #FCF9FF);color: transparent; }
#g5 .box6 .text1 .big{ background: linear-gradient(to left, #37ACB9, #98E0E4);-webkit-background-clip: text;color: transparent; }

#g5 .box6 .imgBox10{ z-index:0; }
#g5 .box6 .imgBox9{ z-index:0; }
#g5 .box6 .imgBox8{ z-index:1; }
#g5 .box6 .imgBox7{ z-index:1; }
#g5 .box6 .imgBox6{ z-index:2; }
#g5 .box6 .imgBox5{ z-index:2; }
#g5 .box6 .imgBox4{ z-index:3; }
#g5 .box6 .imgBox3{ z-index:3; transform:translateY(100%); }
#g5 .box6 .imgBox2{ z-index:4; }
#g5 .box6 .imgBox1{ z-index:4; }

#g5 .box7{ overflow:hidden; }
#g5 .box7 .box{ width:75%; margin:4% auto; text-align:center; }
#g5 .box7 .img-box{ width:75%; margin:4% auto 0%; position:relative; }
#g5 .box7 .img{ width:80%; margin-left:15%; }
#g5 .box7 .ul{ overflow:hidden; width: 100%; position: absolute; top: 83%; left: 0%; display:flex; justify-content:space-between; text-align:center; }
#g5 .box7 .ul .li .b{ font-size:1.4vw; line-height:1; margin-bottom:2%; }
#g5 .box7 .ul .li .s{ font-size:1vw; line-height:1; }
#g5 .box8{ overflow:hidden; }
#g5 .box8 .box{ width:75%; margin:0% auto 4%; text-align:center; }
#g5 .box9{ overflow:hidden; }
#g5 .box9 .box{ width:75%; margin:4% auto 4%; text-align:center; }
#g5 .box9 .img{ width:90%; margin: 2% auto; display:block; }
#g5 .box10{ overflow:hidden; }
#g5 .box10 .box{ width:75%; margin:4% auto 2%; text-align:center; }
#g5 .box11{ overflow:hidden; }
#g5 .box11 .box{ width:75%; margin:4% auto 2%; text-align:center; }
#g5 .box11 .img-box{ background-color:#f6f5f8; }
#g5 .box11 .img{ width:80%; margin-left:15%; transform:translateY(-15%); }
#g5 .box12{ overflow:hidden; }
#g5 .box12 .box{ width:75%; margin:4% auto 2%; text-align:center; }
#g5 .box12 .img{ width:80%; margin-left:10%; }
#g5 .box13{ overflow:hidden; }
#g5 .box13 .box{ width:75%; margin:4% auto 2%; text-align:center; }
#g5 .box13 .img-box{ position:relative; width:80%; margin:4% auto; }
#g5 .box13 .bg{ background-color:#f6f5f8; position:relative; }
#g5 .box13 .img{ width:49%; height:30vw; }
#g5 .box13 .text{ width:49%; height: 15vw; margin-top:2%; }
#g5 .box13 .imgs{ width:50%; left:25%; top:18%; position:absolute; }
#g5 .box13 .t{ width:80%; left:10%; top:20%; position:absolute; }
#g5 .box13 .t .big{ font-size:2vw; line-height:1.2; }
#g5 .box13 .tb1{ position:absolute; top:0%; right:0%; margin-top:0%; }
#g5 .box13 .ib1{ position:absolute; bottom:0%; right:0%; }
#g5 .box13 .ib1 .imgs{ width:30%; position:absolute; left:35%; top:10%; }
#g5 .box14{ overflow:hidden; }
#g5 .box14 .box{ width:75%; margin:4% auto 2%; text-align:center; }
#g5 .box15{ background-color:#000000; overflow:hidden; padding-top:4%; position:relative; }
#g5 .box15 .img{ width:24%; margin-left:56%; }
#g5 .box15 .a{ color:#ffffff; font-size:3vw; line-height:1; position:absolute; width:30%; left:15%; top:50%; }
#g5 .box16{ box-sizing:border-box; overflow:hidden; padding:2% 10%; font-size:1.4vw; line-height:2; }