.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; }


#g9a img{ width:100%; vertical-align:bottom; }
#g9a .box1 .box{ width:40%; left:7%; top:35%; }
#g9a .box1 .box .b{ font-size:4vw; line-height:1.2; }
#g9a .box1 .box .m{ font-size:2vw; line-height:1.2; margin-top:2%; }
#g9a .box1 .box .s{ font-size:1.2vw; line-height:1.6; margin-top:5%; }
#g9a .box2 .box{ width:40%; left:20%; top:23%; z-index:3; }
#g9a .box2 .box .b{ font-size:3vw; line-height:1.2; }
#g9a .box2 .box .s{ font-size:1.8vw; line-height:2; margin-top:3%; }
#g9a .box3{ width:65%; overflow:hidden; margin:4% auto; }
#g9a .box3 .bt{ border-radius:20px; }
#g9a .box3 .bt1{ padding-top: 7%; width: 60%; }
#g9a .box3 .bt1 .img1{ width:59%; top:3.5%; right: 5%; }
#g9a .box3 .bt2{ top:0%; right:0%; padding-top: 7%; width:38%; }
#g9a .box3 .bt3{ bottom:0%; right:0%; width:38%; background-color:#f9fbf8; height:38%; }
#g9a .box3 .bt4{ width:32%; }
#g9a .box3 .bt5{ width:66%; top:0%; right:0%; }
#g9a .box3 .bt8{ width:66%; bottom:0%; right:0%;}
#g9a .box3 .bt6{ width:41%; }
#g9a .box3 .bt7{ width:56%; bottom:0%; right:0%; /*top:5%*/}
#g9a .box3 .img8{ width: 80%; left:10%; top:-10%; }
#g9a .box3 .mt2{ margin-top:2%; }
#g9a .box3 .img6{ transform:translateY(5%); }
#g9a .box3 .bt .b{ font-size:1.6vw; line-height:1.4; }
#g9a .box3 .bt .s{ font-size:1.0vw; line-height:1.4; color:#666666; }
#g9a .box3 .bt1 .box{ width:30%; top:40%; left:10%; color:#ffffff; }
#g9a .box3 .bt2 .box{ width:54%; top:35%; left:5%; }
#g9a .box3 .bt3 .box{ width:80%; left:10%; top:32%; display:flex; justify-content:space-between; }
#g9a .box3 .bt3 .box .w{ width:45%;  }
#g9a .box3 .bt4 .box{ width:80%; top:6%; left:10%; }
#g9a .box3 .bt5 .box{ width:34%; top:21%; left:4%; text-align: center}
#g9a .box3 .bt6 .box{ width:80%; top:12%; left:10%; text-align:center; z-index:2; }
#g9a .box3 .bt7 .box{ width:80%; left:10%; top:70%; display:flex; justify-content:space-between; }
#g9a .box3 .bt7 .box .w{ width:45%;  }
#g9a .box3 .bt7 .box .b{ color:#ffffff; }
#g9a .box3 .bt7 .box .s{ color:#ffffff; }
#g9a .box4{ padding:4% 0px; text-align:center; }
#g9a .box4 .b{ font-size:3vw; line-height:1.2; }
#g9a .box4 .s{ font-size:2.4vw; line-height:1.2; }
#g9a .box5 .img{ width:42%; left:29%; top:45%; z-index:3; }
#g9a .box5 .box{ width:100%; left:0%; top:10%; color:#ffffff; z-index:2; text-align:center; }
#g9a .box6{ width:70%; margin:8% auto 4%; }
#g9a .box6 .a{ display:flex; justify-content:space-between; }
#g9a .box6 .big{ width: 48%; }
#g9a .box6 .small{ width: 48%; margin-top:0px; }
#g9a .box6 .img{ margin-top:2%; }
#g9a .box7{ padding-top:40vw; }
#g9a .box7 .pr{padding-top:5%}
#g9a .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;
}
#g9a .box7 .img2{ width:24%; left:22%; top:26%; z-index:2; }
#g9a .box7 .img3{ width:24%; right:22%; top:26%; z-index:2; }
#g9a .box7 .a{ display:flex; justify-content:space-between; width:64%; left:18%; top:8%; z-index:2; }
#g9a .box7 .w{ width:50%; text-align:center; }
#g9a .box8 { margin:6% auto 2%; }
#g9a .box8 .img{ width:50%; }
#g9a .box8 .pa{ width:33%; left:55%; top:18%; }
#g9a .box8 .bt3 {
    bottom: 0%;
    right: 0%;
    width: 14%;
    background-color: #f4f6f6;
    height: 13%;
    top:70%;
    border-radius: 20px;
}
#g9a .box8 .bt3 .w{
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}
#g9a .box8 .bt .b {
    font-size: 1.2vw;
    line-height: 2.2;
}
#g9a .box8 .bt .s {
    font-size: 0.8vw;
    line-height: 1.2;
    color: #666666;
}
#g9a .box8 .bt4 {
    bottom: 0%;
    left: 71%;
    width: 14%;
    background-color: #f4f6f6;
    height: 13%;
    top:70%;
    border-radius: 20px;
}
#g9a .box8 .bt4 .w{
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}
#g9a .box9{ box-sizing:border-box; }
#g9a .box9 .box { width:70%; margin:0px auto; }
#g9a .box9 .box .w{ background-color:#f4f6f6; border-radius:20px; width:32%; text-align:center; margin:1% 2% 1% 0px; padding:3% 0px; }
#g9a .box9 .box .w:nth-child(3n){ margin-right:0px; }
#g9a .box9 .box .b{ font-size:1.6vw; line-height:1.2; margin-bottom:1%; }
#g9a .box9 .box .s{ font-size:1.2vw; line-height:1.2; }

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