.big{ font-size: 2.8vw; line-height: 3.4vw;  transition:all 0.3s linear; }
.middle{ font-size: 2vw; line-height: 1.2; margin: 1vw auto 1.5vw auto;  }
.small{ font-size: 1.2vw; line-height: 2vw; margin-top: 2vw; transition:all 0.3s linear; }
.hs{ opacity:0; filter: alpha(opacity=0); transform:translateY(4%); transition:all 0.3s linear; }
.hs.active{ opacity:1; filter: alpha(opacity=100); transform:translateY(0px); }

.green{ background: linear-gradient(30deg, #59d597, #2baf7f);-webkit-background-clip: text;color: transparent; -webkit-text-fill-color:inherit; 
	display:inline; 
}
.pr{ position:relative; overflow:hidden; }
.pa{ position:absolute; }
.textCenter{ text-align:center; }
.floatLeft{ float:left; }


#g9 img{ width:100%; vertical-align:bottom; }
#g9 .box1 .box{ width:40%; left:54%; top:20%; }
#g9 .box1 .box .b{ font-size:4vw; line-height:1.2; }
#g9 .box1 .box .m{ font-size:2vw; line-height:1.2; margin-top:2%; }
#g9 .box1 .box .s{ font-size:1.4vw; line-height:1.6; margin-top:5%; }
#g9 .box2 .box{ width:40%; left:20%; top:23%; z-index:3; }
#g9 .box2 .box .b{ font-size:3vw; line-height:1.2; }
#g9 .box2 .box .s{ font-size:1.8vw; line-height:2; margin-top:3%; }
#g9 .box3{ width:70%; overflow:hidden; margin:4% auto; }
#g9 .box3 .bt{ border-radius:20px; }
#g9 .box3 .bt1{ padding-top: 4%; width: 59%; }
#g9 .box3 .bt1 .img1{ width:59%; top:0%; right: 5%; }
#g9 .box3 .bt2{ top:0%; right:0%; padding-top: 4%; width:39%; }
#g9 .box3 .bt3{ bottom:0%; right:0%; width:39%; background-color:#f9fbf8; height:39%; }
#g9 .box3 .bt4{ width:34%; }
#g9 .box3 .bt5{ width:64%; top:0%; right:0%; }
#g9 .box3 .bt8{ width:64%; bottom:0%; right:0%; }
#g9 .box3 .bt6{ width:40%; }
#g9 .box3 .bt7{ width:57%; bottom:0%; right:0%; }
#g9 .box3 .img8{ width: 80%; left:10%; top:-10%; }
#g9 .box3 .mt2{ margin-top:2%; }
#g9 .box3 .img6{ transform:translateY(5%); }
#g9 .box3 .bt .b{ font-size:1.6vw; line-height:1.4; }
#g9 .box3 .bt .s{ font-size:1.2vw; line-height:1.4; color:#666666; }
#g9 .box3 .bt1 .box{ width:30%; top:40%; left:10%; color:#ffffff; }
#g9 .box3 .bt2 .box{ width:54%; top:35%; left:5%; }
#g9 .box3 .bt3 .box{ width:80%; left:10%; top:32%; display:flex; justify-content:space-between; }
#g9 .box3 .bt3 .box .w{ width:45%;  }
#g9 .box3 .bt4 .box{ width:80%; top:6%; left:10%; }
#g9 .box3 .bt5 .box{ width:34%; top:21%; left:4%; }
#g9 .box3 .bt6 .box{ width:80%; top:9%; left:10%; text-align:center; z-index:2; }
#g9 .box3 .bt7 .box{ width:80%; left:10%; top:70%; display:flex; justify-content:space-between; }
#g9 .box3 .bt7 .box .w{ width:45%;  }
#g9 .box3 .bt7 .box .b{ color:#ffffff; }
#g9 .box3 .bt7 .box .s{ color:#ffffff; }
#g9 .box4{ padding:4% 0px; text-align:center; }
#g9 .box4 .b{ font-size:3vw; line-height:1.2; }
#g9 .box4 .s{ font-size:2.4vw; line-height:1.2; }
#g9 .box5 .img{ width:42%; left:29%; top:45%; z-index:3; }
#g9 .box5 .box{ width:100%; left:0%; top:10%; color:#ffffff; z-index:2; text-align:center; }

#g9 .box6{ width:70%; margin:8% auto 4%; }
#g9 .box6 .a{ display:flex; justify-content:space-between; }
#g9 .box6 .big{ width: 48%; }
#g9 .box6 .small{ width: 48%; margin-top:0; }
#g9 .box6 .img{ margin-top:2%; border-radius: 60px;}

#g9 .box7{ padding-top:40vw; }
#g9 .box7 .bg{ background-color: rgba(242, 251, 245, 0.9); width:70%; left:15%; top:48%; border-radius:20px; box-sizing:border-box;
	padding: 2% 4%; font-size: 1.2vw; line-height: 1.8; z-index: 3;
}
#g9 .box7 .img2{ width:24%; left:22%; top:26%; z-index:2; }
#g9 .box7 .img3{ width:24%; right:22%; top:26%; z-index:2; }
#g9 .box7 .a{ display:flex; justify-content:space-between; width:64%; left:18%; top:10%; z-index:2; }
#g9 .box7 .w{ width:50%; text-align:center; }
#g9 .box8 { margin:4% auto 2%; }
#g9 .box8 .img{ width:50%; }
#g9 .box8 .pa{ width:40%; left:55%; top:18%; }
#g9 .box9{ box-sizing:border-box; }
#g9 .box9 .box { width:70%; margin:0px auto; }
#g9 .box9 .box .w{ background-color:#f4f6f6; border-radius:20px; width:32%; text-align:center; margin:1% 2% 1% 0px; padding:3% 0px; }
#g9 .box9 .box .w:nth-child(3n){ margin-right:0px; }
#g9 .box9 .box .b{ font-size:1.6vw; line-height:1.2; margin-bottom:1%; }
#g9 .box9 .box .s{ font-size:1.2vw; line-height:1.2; }
#g9 .box10{ background-color:#f4f6f6; margin-top:2%; }
#g9 .box10 .img{ width:14%; margin: 8% 0px 8% 24%; }
#g9 .box10 .box{ width:35%; left: 48%; top:26%; }
#g9 .box11 .box{ width:30%; left:15%; top:36%; z-index:3; }
#g9 .box12{ width:70%; margin:6% auto 4%; }
#g9 .box12 .box{ text-align:center; }
#g9 .box13{ width:70%; margin:4% auto; }
#g9 .box13 .h{ display:flex; justify-content:space-between; }
#g9 .box13 .b{ font-size:1.4vw; line-height:1; width:50%; padding:2%;background-color:#f4f6f6;  }
#g9 .box13 .b:last-child{ text-align:right; }
#g9 .box13 .icon{ height:1.4vw; width:auto; margin-right:4%; }
#g9 .box13 .swiper-pagination{ z-index:2; width:60%; margin: 2% auto; text-align:center; position:relative; display:flex; }
/*#g9 .box13 .swiper-slide{opacity: 1}*/
#g9 .box13 .swiper-slide-active{width: 100.5% !important;}
#g9 .box13 .swiper-pagination-bullet{ width:33.33%; height: 4px; border-radius:inherit; background-color:#76d5af; opacity:1 }
#g9 .box13 .swiper-pagination-bullet-active{ border-radius: 30px; height:6px; transform:translateY(-10%); background-color: #2bb17b; }
#g9 .box14{ width:70%; margin:4% auto; }
#g9 .box14 .box{ text-align:center;margin-bottom:2%; }
#g9 .box14 .ul{ width:40%; left:4%; top:8%; }
#g9 .box14 .ul .li{ margin-bottom: 12%; }
#g9 .box14 .ul .b{ font-size:2vw; line-height:1.2; }
#g9 .box14 .ul .s{ font-size:1.2vw; line-height:1.2; }
#g9 .box15{ width:70%; margin:4% auto; }
#g9 .box15 .box{ text-align:center;margin-bottom:2%; }
#g9 .box15 .ul{ display:flex; justify-content:space-between; }
#g9 .box15 .ul .li{ width:24%; background-color:#f6f9f8; border-radius:20px; padding: 2%; box-sizing:border-box; text-align:center; }
#g9 .box15 .ul .b{ font-size:1.4vw; line-height:1.2; }
#g9 .box15 .ul .s{ font-size:1.2vw; line-height:1.2; }
#g9 .box16{ width:70%; margin:4% auto; }
#g9 .box16 .box{ width:40%; left:10%; top:28%; z-index:3; }
#g9 .box17 .box{ width:40%; left:10%; top:9%; }
#g9 .box18{ width:70%; margin:4% auto; }
#g9 .box18 .img1{ margin-left:45%; width:55%; }
#g9 .box18 .box{ width:30%; left:5%; top:16%; }
#g9 .box18 .img2{ margin-top:2%; width:92%; }
#g9 .box19 { width:70%; margin:2% auto; }
#g9 .box19 .ul{ display:flex; justify-content:space-between; margin-bottom:2%; }
#g9 .box19 .ul .li{ width:49%; }
#g9 .box19 .small{ width:80%; }
#g9 .box20{ width:70%; margin:4% auto; }
#g9 .box20 .li{ margin-bottom:2%; }
#g9 .box20 .li .box{ background-color: #ffffff; width:40%; height:80%; left:4%; top:10%; padding:4%; box-sizing:border-box; }
#g9 .box20 .li .icon{ width: 20%; bottom:4%; right:4%; }
#g9 .box20 .swiper-pagination{ z-index:2; width:60%; margin: 2% auto; text-align:center; position:relative; display:flex; }
#g9 .box20 .swiper-pagination-bullet{ width:33.33%; height: 4px; border-radius:inherit; background-color:#76d5af; opacity:0.5 }
#g9 .box20 .swiper-pagination-bullet-active{ border-radius: 30px; height:6px; transform:translateY(-10%); background-color: #2bb17b; }
#g9 .box20 .box{ width:40%; left:10%; top:20%; }
#g9 .box20 .icon{ width:5%; left:40%; bottom:7%;  }
#g9 .box21 { background-color:#f1f7f0; }
#g9 .box21 .a{ width:70%; margin:4% auto 0%; }
#g9 .box21 .box1{ width:70%; margin:6% auto 2%; text-align:center; }
#g9 .box21 .box{ width:40%; left:3%; top:20%; z-index:3; }
#g9 .box22{ background-color:#f1f7f0; }
#g9 .box22 .box{ width:70%; margin:4% auto 2%; text-align:center; }
#g9 .box22 .ul{ width:70%; margin:4% auto 10% auto;; }
#g9 .box22 .ul .li{ float:left; width:32%; margin-right:2%; background-color:#ffffff; border-radius:20px; text-align:center; 
	overflow:hidden; margin-bottom:4%; 
}
#g9 .box22 .ul .li:nth-child(3n){ margin-right:0px; }
#g9 .box22 .ul .b{ font-size:1.6vw; line-height:1.2; margin-top:12%; display:inline-block; }
#g9 .box22 .ul .s{ font-size:1.2vw; line-height:1.2; margin-bottom:12%; }
#g9 .box22 .ul .li:nth-child(5){ background-color:inherit; }
#g9 .box22 .img{ width:24%; bottom:0%; left:38%; }
#g9 .box23 .box{ width:100%; top:11%; text-align:center; z-index:3; }
#g9 .box24{ padding:4% 15%; font-size:1.2vw; line-height:1.4; color:#666666; }