.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 right, #e7aaa3, #9f91f1 , #3c85f5);-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; }
#g5tab{ color:#000000; }
#g5tab img{ width: 100%; max-width: 100%; vertical-align: bottom; }
#g5tab .box1{ position:relative; overflow:hidden; }
#g5tab .box1 .box{ width:30%; top:25%; left:11%; position:absolute; }
#g5tab .box1 .b{ font-size:4vw; line-height:1; }
#g5tab .box1 .m{ font-size:2vw; line-height:1; margin:2% 0px 4%; }
#g5tab .box1 .s{ font-size:1.2vw; line-height:1.6; }
#g5tab .box2{ width:75%; margin:4% auto; position:relative; overflow:hidden; height:42vw; }
#g5tab .box2 .img-box{ position:absolute; border-radius:2vw; }
#g5tab .box2 .img-box .box{ width:100%; left:0%; top:1vw; position:absolute; font-size:1.2vw; line-height:1.4; text-align:center; color:#000000; }
#g5tab .box2 .ib1{ width:25%; height:14vw; left:0%; top:0%;  
	background: linear-gradient(to bottom, #e7f1f6, #a0e5ff); color: transparent;
}
#g5tab .box2 .i1{ width:60%; left:20%; top:46%; position:absolute; }
#g5tab .box2 .ib2{ width:25%; height:13vw; left:26%; top:0%;  
	background-color: #edeef0;
}
#g5tab .box2 .i2{ width:78%; left:11%; top:46%; position:absolute; }
#g5tab .box2 .ib3{ width:21%; height:21vw; left:52.5%; top:0%;  
	background: linear-gradient(to bottom, #e2ebf4, #e8f1f6); color: transparent;
}
#g5tab .box2 .i3{ width:40%; right:30%; top:33%; position:absolute; }
#g5tab .box2 .ib4{ width:25%; height:21vw; right:0%; top:0%;  
	background: linear-gradient(to bottom, #e2ebf4, #e8f1f6); color: transparent;
}
#g5tab .box2 .i4{ width:50%; right:0%; bottom:0%; position:absolute; }
#g5tab .box2 .ib5{ width:25%; height:27vw; left:0%; bottom:0%;  
	background: linear-gradient(to bottom, #e7f1f6, #a0e5ff); color: transparent;
}
#g5tab .box2 .i5{ width:80%; left:10%; top:20%; position:absolute; }
#g5tab .box2 .ib6{ width:25%; height:13.5vw; left:26%; top:33%;  
	background: linear-gradient(to bottom, #e7f1f6, #a0e5ff); color: transparent;
}
#g5tab .box2 .i6{ width:100%; left:0%; bottom:0%; position:absolute; }
#g5tab .box2 .ib7{ width:25%; height:13.5vw; left:26%; bottom:0%;  
	background: linear-gradient(to bottom, #b0e6ff, #99cbff); color: transparent;
}
#g5tab .box2 .i7{ width:88%; left:8%; bottom:0%; position:absolute; }
#g5tab .box2 .ib8{ width:21%; height:20vw; left:52.5%; bottom:0%;  
	background: linear-gradient(to bottom, #cbeef8, #b8f2f6); color: transparent;
}
#g5tab .box2 .i8{ width:40%; right:30%; top:40%; position:absolute; }
#g5tab .box2 .ib9{ width:25%; height:20vw; right:0%; bottom:0%;  
	background: linear-gradient(to bottom, #cbeef8, #b8f2f6); color: transparent;
}
#g5tab .box2 .i9{ width:40%; right:30%; top:40%; position:absolute; }
#g5tab .box2 .ib5 .box{ width:50%; left:52%; text-align:left; top:57%; font-size:1vw; z-index:1; }
#g5tab .box3{ position:relative; overflow:hidden; }
#g5tab .box3 .box{ width:75%; text-align:center; margin:4% auto; }
#g5tab .box4{ width:75%; position:relative; overflow:hidden; margin: 4% auto; }
#g5tab .box4 .box{ width:30%; position:absolute; left:0%; top:26%; }
#g5tab .box4 .img-box{
	width: 40%; margin-left: 60%; overflow: hidden;
	background: linear-gradient(to bottom, #ebf1f5, #b0d4f1); color: transparent;
}
#g5tab .box4 .img{ width:80%; margin-left:20%; margin-top:18%; }
#g5tab .box5{ width:75%; margin:4% auto;  position: relative;
	background: linear-gradient(to bottom, #c0eaff, #a6ccff); color: transparent;
}
#g5tab .box5 .img{ width:80%; margin-top:30%; margin-bottom:8%; }
#g5tab .box5 .box{ width:76%; left:12%; top:7%; position:absolute; color:#000000; text-align:left; }
#g5tab .box5 .ul{ width:30%; overflow:hidden; position:absolute; left:0%; top:90%; }
#g5tab .box5 .li{ float:left; width:50%; text-align:center; color:#000000; }
#g5tab .box5 .b{ font-size:1.2vw; line-height:1; margin-bottom:2%; }
#g5tab .box5 .s{ font-size:1vw; line-height:1; }
#g5tab .box6{ position:relative; overflow:hidden; }
#g5tab .box6 .box{ width:75%; margin:4% auto; text-align:center; }
#g5tab .box6 .img-box{ position:relative; }
#g5tab .box6 .ul{ overflow:hidden; position:absolute; width:75%; left:12.5%; top:86%; color:#ffffff; }
#g5tab .box6 .li{ float:left; width:33.33%; text-align:center; }
#g5tab .box6 .b{ font-size:1.4vw; line-height:1; margin-bottom:2%; }
#g5tab .box6 .s{ font-size:1vw; line-height:1; }
#g5tab .box7{ position:relative; overflow:hidden; width:75%; margin:0% auto; }
#g5tab .box7 .box{ margin:4% auto; text-align:center; }
#g5tab .box8{ position:relative; overflow:hidden; }
#g5tab .box8 .box{ width:75%; margin:4% auto; text-align:center; }
#g5tab .box8 .ul{ width:75%; margin:2% auto; overflow:hidden; }
#g5tab .box8 .li{ float:left; width:33.33%; text-align:center; font-size:1.2vw; line-height:1.4; }
#g5tab .box9{ position: relative; overflow: hidden;
	background: linear-gradient(to bottom, #f9fcfe, #cae9fd); color: transparent;
}
#g5tab .box9 .box{ width:75%; margin:4% auto; text-align:center; color:#000000; }
#g5tab .box9 .img{ width:75%; display:block; margin:4% auto; }
#g5tab .box10{ position:relative; width:75%; margin:4% auto; }
#g5tab .box10 .box{ width:40%; }
#g5tab .box10 .ul{ width:40%;overflow:hidden; margin-top:6%; }
#g5tab .box10 .li{ font-size:1.2vw; line-height:1; margin-bottom:4%; }
#g5tab .box10 .li span{ font-size:1.4vw; line-height:1; }
#g5tab .box10 .img-box{ width:60%; position:absolute; right:0%; top:0%; height:100%; }
#g5tab .box10 .bg{ width: 70%; margin-left: 30%; height: 100%;
	background: linear-gradient(to right, #c3e9ff, #5ea2fd); color: transparent;
}
#g5tab .box10 .img{ position:absolute; width:100%; right:0%; top:36%; }
#g5tab .box10 .icon-box{ width:2vw; height:2vw; border-radius:0.5vw; display:inline-block; vertical-align:middle; margin-right:2%; 
	position:relative; text-align:center; border:0.1vw solid #000000;
}
#g5tab .box10 .icon{ width:auto; max-width:inherit; height:60%; margin-top:20%; }
#g5tab .box10 .li:nth-child(2) .icon-box .icon{ max-width:75%; height:inherit; max-height:60%; }
#g5tab .box11{ width:75%; margin:4% auto; }
#g5tab .box11 .box{ width:90%; margin-bottom:4%; }
#g5tab .box12{ position:relative; overflow:hidden; width:75%; margin:4% auto; }
#g5tab .box12 .img-box{ width:55%; }
#g5tab .box12 .box{ width:30%; top:30%; right:0%; position:absolute; text-align:right; }
#g5tab .box13{ width:75%; overflow:hidden; margin:0% auto; }
#g5tab .box13 .box{ margin:4% auto; text-align:center; }
#g5tab .box13 .img-box{ background-color:#000000; overflow:hidden; }
#g5tab .box13 .img{ margin-top:6%; }
#g5tab .box13 .text{ text-align:center; margin:4% auto; }
#g5tab .box13 .circle{ width:5%; vertical-align:middle; margin-right:2%; }
#g5tab .box13 .t{ display:inline-block; vertical-align:middle; color:#ffffff; text-align:left; }
#g5tab .box13 .b{ font-size:2.4vw; line-height:1; margin-bottom:2%; }
#g5tab .box13 .s{ font-size:1.4vw; line-height:1; }
#g5tab .box13 .imgs{ overflow:hidden; position:relative; margin:4% auto 2%; width:90%; }
#g5tab .box13 .left{ width:49%; }
#g5tab .box13 .right{ width:49%; right:0%; top:0%; position:absolute; }
#g5tab .box13 .ul{ overflow:hidden; margin:0% auto 2%; }
#g5tab .box13 .li{ float:left; width:50%; text-align:center; font-size:1.44vw; line-height:1; color:#ffffff; }
#g5tab .box14{  overflow:hidden; margin:0% auto; }
#g5tab .box14 .box{ margin:4% auto; text-align:center; width:75%; }
#g5tab .box14 .img-box{
	width: 75%; margin-left: 12.5%;
	background: linear-gradient(to bottom, #f0fafd, #a2d7ff);-webkit-background-clip: text;color: transparent;
}
#g5tab .box15{  overflow:hidden; margin:0% auto; }
#g5tab .box15 .box{ margin:4% auto; text-align:center; width:75%; }
#g5tab .box15 .img{ width:75%; display:block; margin:4% auto; }
#g5tab .box16{  overflow:hidden; margin:0% auto; }
#g5tab .box16 .box{ margin:4% auto; text-align:center; width:75%; }
#g5tab .box16 .img{ width:75%; display:block; margin:4% auto; }
#g5tab .box17{  overflow:hidden; margin:0% auto; }
#g5tab .box17 .box{ margin:4% auto; text-align:center; width:75%; }
#g5tab .box17 .img{ width:75%; display:block; margin:4% auto; }
#g5tab .box18{  overflow:hidden; margin:0% auto; }
#g5tab .box18 .box{ margin:4% auto; text-align:center; width:75%; }
#g5tab .box18 .img-box{ width:75%; margin:1% auto; overflow:hidden; }
#g5tab .box18 .img-box .img{ float:left; width:49.5%; margin-right:1%; }
#g5tab .box18 .img-box .img:last-child{ margin-right:0px; }
#g5tab .box19{ margin:4% auto; width:75%; }
#g5tab .box20{ background-color:#000000; position:relative; border-bottom:1px solid #ffffff; padding-top:7%; }
#g5tab .box20 .spec{ width:30%; position:absolute; left:15%; top:43%; font-size:3vw; line-height:1; color:#ffffff; }
#g5tab .box20 .img{ width:30%; margin-left:50%; }