.big{ font-size: 3.2vw; 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; }
.textBg{ background: linear-gradient(to right, #7abef3, #897de5);-webkit-background-clip: text;color: transparent; }
.inlineBlock{ display:inline-block; }
.pr{ position:relative; overflow:hidden; }
.pa{ position:absolute; }
.floatLeft{ float:left; }
.textCenter{ text-align:center; }
.overflow{ overflow:hidden; }
#g5mecha img{ width:100%; display:inline-block; }
#g5mecha .box1 .box{ width:40%; left:10%; top:13%; color:#ffffff; }
#g5mecha .box1 .logo{ width:40%; }
#g5mecha .box1 .b{ font-size:4vw; line-height:1; }
#g5mecha .box1 .m{ font-size:1.6vw; line-height:1; margin:2% 0px; }
#g5mecha .box1 .t{ font-size:1.6vw; line-height:1; padding: 0.1vw 0.6vw; background-color:#efc731; margin-right:2%; color:#000000; }
#g5mecha .box1 .s{ font-size:1.4vw; line-height:1.5; }
#g5mecha .box1 .p1{ width:12%; left:56%; top:88%; color:#ffffff;  }
#g5mecha .box1 .p2{ width:12%; left:80%; top:88%; color:#ffffff; font-size:1.4vw; }
#g5mecha .box1 .l{ font-size:1vw; line-height:1; }
#g5mecha .box1 .img{ width:16%; margin-top:4%; }
#g5mecha .box2{ width:90%; margin:4%; }
#g5mecha .box2 .p{ background:linear-gradient(to bottom,#f5fafd,#ecf2fb); border-radius:2vw; }
#g5mecha .box2 .p1{ width:49%; height:19vw;  }
#g5mecha .box2 .p2{ width:23.5%; height:35.5vw; left:51.5%; top:0%; }
#g5mecha .box2 .p3{ width:23.5%; height:35.5vw; right:0%; top:0%; }
#g5mecha .box2 .p4{ width:23.5%; height:17vw; margin-top:2%; }
#g5mecha .box2 .p5{ width:23.5%; height:17vw; margin-top:2%; }
#g5mecha .box2 .p6{ width:23.5%; height:36vw; bottom:0%; left:25.5%; }
#g5mecha .box2 .p7{ width:49%; height:17vw; bottom:0%; right:0%; }
#g5mecha .box2 .p8{ width:49%; height:19vw; right:0%; bottom:0%; }
#g5mecha .box2 .p9{ width:49%; height:17vw;  margin-top:2%; }
#g5mecha .box2 .p10{ width:49%; height:17vw; bottom:0%; right:0%; margin-top:2%; }
#g5mecha .box2 .img1{ width:78%; left:7%; top:48%; }
#g5mecha .box2 .img2{ width:100%; left:0%; bottom:0%; }
#g5mecha .box2 .img3{ width:100%; left:0%; bottom:0%; }
#g5mecha .box2 .img4{ width:85%; left:0%; top:42%; }
#g5mecha .box2 .img5{ width:43%; left:28.5%; top:38%; }
#g5mecha .box2 .img6{ width:60%; left:20%; bottom:-21%; }
#g5mecha .box2 .img7{ width:80%; left:10%; bottom:0%; }
#g5mecha .box2 .img8{ width:50%; left:41%; bottom:41%; }
#g5mecha .box2 .img9{ width:50%; right:10%; top:25%; }
#g5mecha .box2 .img10{ width:18%; right:30%; top:5%; }
#g5mecha .box2 .bb{ width:100%; left:0%; top:10%; z-index: 1; }
#g5mecha .box2 .p2 .bb{ top:8%; }
#g5mecha .box2 .p6 .bb{ top:8%; }
#g5mecha .box2 .p8 .bb{ top:40%; width:40%; left:0%; }
#g5mecha .box2 .p9 .bb,#g5mecha .box2 .p10 .bb{ width:44%; left:0%; top:38%; }
#g5mecha .box2 .b{ font-size:1.4vw; line-height:1.2; }
#g5mecha .box3 .box{ width:70%; margin:4% auto 2%; }
#g5mecha .box4 .fixed{ width:100%; }
#g5mecha .box4 .box{ width:100%; left:0%; top:4%; padding:0px 4%; box-sizing:border-box; z-index:1; }
#g5mecha .box4 .b{ font-size:1.6vw; line-height:1; }
#g5mecha .box4 .s{ font-size:1.2vw; line-height:1; margin-top:2%; }
#g5mecha .box4 .left{ width:59%; height:34vw; transform:scale(1.2); background:linear-gradient(to bottom,#f5fafd,#ecf2fb); }
#g5mecha .box4 .right{ width:39%; height: 16vw; right:0%; transform:translateX(34%); background:linear-gradient(to bottom,#f5fafd,#ecf2fb); }
#g5mecha .box4 .r1{ top:0%; }
#g5mecha .box4 .r2{ bottom:0%; }
#g5mecha .box4 .p{ width:80%; margin:9% auto; transform:translateX(16%); position:relative; }
#g5mecha .box4 .img1{ width:66%; left:17%; bottom:0%; }
#g5mecha .box4 .img2,#g5mecha .box4 .img3{ bottom:0%; right:0%; }
#g5mecha .box4 .bgs{ width:100%; left:0%; height:26%; background-color:#ffffff; z-index:2; }
#g5mecha .box4 .bg1{ top:0%; }
#g5mecha .box4 .bg2{ bottom:0%; }
#g5mecha .box5{ width:90%; margin:0px auto 4%; text-align:right; }
#g5mecha .box5 .box{ margin-bottom:4%; width:50%; margin-left:50%; }
#g5mecha .box5 .img{ transform:translateX(-7%); }
#g5mecha .box5 .size{ font-size:1.2vw; line-height:1.2; margin-top:1%; }
#g5mecha .box6 .box{ width:70%; margin:0% auto 4%; }
#g5mecha .box7 .box{ width:70%; margin:4% auto; }
#g5mecha .box7 .imgBox{ width:80%; margin:4% auto; background-color:#000000; border-radius:2vw;  }
#g5mecha .box7 .img{ width:80%; margin:8% auto 4%; display:block; }
#g5mecha .box8 .box{ width:70%; margin:4% auto; }
#g5mecha .box8 .imgBox{ width:80%; margin:4% auto; padding-bottom:3%; }
#g5mecha .box8 .img{ width:59%; }
#g5mecha .box8 .img2{ width:38%; top:0%; right:0%; }
#g5mecha .box8 .ul{ width:38%; right:0%; top:67.6%;  }
#g5mecha .box8 .li{ width:33%; margin-right:0.5%; }
#g5mecha .box8 .li:last-child{ margin-right:0px; }
#g5mecha .box8 .s{ font-size:12px; line-height:1.2; margin-top:4%; }
#g5mecha .box8 .bgs{ background-color:#000000; height:8vw;  }
#g5mecha .box8 .img3{ width:76%; left:12%; top:0%; }
#g5mecha .box8 .img4{ width:76%; left:12%; top:0%; }
#g5mecha .box8 .img5{ width:52%; left:29%; top:0%; }
#g5mecha .box8 .il{ height:31vw; }
#g5mecha .box9 .box{ width:70%; margin:0% auto 4%; }
#g5mecha .box10{ width:80%; margin:6% auto 2%; }
#g5mecha .box10 .img1{ width:52%; }
#g5mecha .box10 .img2{ width:49%; margin-left:51%; transform:translateY(-11%); }
#g5mecha .box10 .box{ width:43%; text-align:right; left:53%; top:10%; }
#g5mecha .box10 .boxs{ width:50%; text-align:center; left:0%; top:69%; }
#g5mecha .box11 .box{ width:80%; left:5%; top:5%; color:#ffffff; }
#g5mecha .box11 .img{ width:18%; right:10%; top:30%; }
#g5mecha .box11 .line{ width:20%; border-top:2px solid #ffffff; right:26%; }
#g5mecha .box11 .l1{ top:41%; }
#g5mecha .box11 .l2{ top:59%; }
#g5mecha .box11 .b{ font-size:1.2vw; line-height:1; color:#ffffff; width:13%; right:46%; }
#g5mecha .box11 .b .fhs{ font-size:1.6vw; line-height:1; display:inline; }
#g5mecha .box11 .b1{ top:39.5%; }
#g5mecha .box11 .b2{ top:57.5%; }
#g5mecha .box12{ width:80%; margin:6% auto 2%; }
#g5mecha .box12 .img1{ width:52%; }
#g5mecha .box12 .img2{ width:49%; margin-left:51%; transform:translateY(-11%); }
#g5mecha .box12 .box{ width:43%;  left:54%; top:10%; }
#g5mecha .box12 .boxs{ width:50%;  left:0%; top:69%; }
#g5mecha .box13 .box{ width:70%; margin:4% auto; }
#g5mecha .box13 .ul{ width:80%; margin:2% auto 4%; }
#g5mecha .box13 .li{ width:33%; margin-right:0.5%; height:15vw; margin-bottom:0.5%; }
#g5mecha .box13 .li.mr{ margin-right:0px; }
#g5mecha .box13 .li.mb{ margin-bottom:0px; }
#g5mecha .box14 .box{ width:70%; margin:0% auto 2%; }
#g5mecha .box15 .box{ width:70%; margin:4% auto 2%; }
#g5mecha .box16 .box{ width:70%; margin:4% auto 2%; }
#g5mecha .box16 .fixed{ width:100%; }
#g5mecha .box16 .imgBox{ width:80%; margin:4% auto; position:relative; }
#g5mecha .box16 .img1{ width:26%; transform:translate(-26%,-26%); }
#g5mecha .box16 .img2{ width:34%; top:0%; left:27%; height:14.7vw; transform:translate(26%,0%); }
#g5mecha .box16 .img2 img{ width:36vw; max-width:inherit; }
#g5mecha .box16 .img3{ width:38%; top:0%; right:0%; height:19.5vw; transform:translate(36%,-40%); }
#g5mecha .box16 .img4{ width:26%; margin-top:1%; transform:translate(-26%,53%); }
#g5mecha .box16 .img5{ width:34%; left:27%; top:39.3%; height:15.6vw; transform:translate(45%,29%); }
#g5mecha .box16 .img5 img{ width:36vw; max-width:inherit; }
#g5mecha .box16 .img6{ width:34%; left:27%; bottom:0%; transform:translate(32%,91%); }
#g5mecha .box16 .img7{ width:38%; right:0%; bottom:0%; transform:translate(47%,40%); }
#g5mecha .box16 .img{ width:100%; left:0%; top:0%; z-index:2; opacity:0; transform:scale(1.2) translateY(-3%); }
#g5mecha .box16 .ul{ width:80%; left:10%; top:92%; z-index:2; opacity:0; transition:all 0.1s linear; }
#g5mecha .box16 .tips{ font-size:1.2vw; line-height:1; width:25%; }
#g5mecha .box17 .box{ width:70%; margin:4% auto; }
#g5mecha .box17 .img{ width:80%; margin:0px auto; display:block; }
#g5mecha .box18 .box{ width:70%; margin:4% auto; }
#g5mecha .box19 .box{ width:70%; margin:4% auto; }
#g5mecha .box20 .box{ width:70%; margin:4% auto; }
#g5mecha .box21 .box{ width:70%; margin:4% auto; }
#g5mecha .box21 .imgBox{ background:linear-gradient(to bottom,#e2f3ff,#f1ecfe); }
#g5mecha .box21 .fulls{ width:80%; margin:4% auto; }
#g5mecha .box21 .p1,#g5mecha .box21 .p2,#g5mecha .box21 .p4,#g5mecha .box21 .p5{ width:30%; }
#g5mecha .box21 .p2{ margin-top:2%; }
#g5mecha .box21 .p3{ width:32%; left:34%; top:0%; }
#g5mecha .box21 .p3 .imgs{ background:linear-gradient(to bottom, #46a2de,#d6ecfd); }
#g5mecha .box21 .p3 .imgs img{ width:60%; margin:12% 20%; }
#g5mecha .box21 .p4{ top:0%; right:0%; }
#g5mecha .box21 .p5{ bottom:0%; right:0%; }
#g5mecha .box21 .b{ font-size:1.4vw; line-height:1; margin:4% auto 1%; }
#g5mecha .box21 .s{ font-size:1vw; line-height:1.4; }
#g5mecha .box21 .ul{ width:32%; left:2%; top:20%; }
#g5mecha .box21 .li{ width:50%; margin-bottom:12%; }
#g5mecha .box21 .icon{ width:32%; }
#g5mecha .box21 .ss{ font-size:12px; margin-top:2%; color:#ffffff; }

#g5mecha .box22 .box{ width:70%; margin:4% auto; }
#g5mecha .box23 .box{ width:70%; margin:4% auto; }
#g5mecha .box23 .imgBox{ width:80%; margin:0px auto 4%; }
#g5mecha .box23 .p1,#g5mecha .box23 .p2,#g5mecha .box23 .p5,#g5mecha .box23 .p6{ width:26%; }
#g5mecha .box23 .p2{ margin-top:2%; }
#g5mecha .box23 .p5{ top:0%; right:0%; height:22vw; }
#g5mecha .box23 .p6{ bottom:0%; right:0%; }
#g5mecha .box23 .p3,#g5mecha .box23 .p4{ width:44%; left:28%; }
#g5mecha .box23 .p3{ top:0%; height:24vw; }
#g5mecha .box23 .p4{ bottom:0%; height:20vw; }
#g5mecha .box24{ background-color:#000000; }
#g5mecha .box24 .img{ width:35%; margin:6% 0px 0px 44%; }
#g5mecha .box24 .buttons{ font-size:2.4vw; line-height:1; color:#ffffff; left:18%; top:50%; width:30%; }