@charset "utf-8";
#g100x{text-align: center;margin: 0 auto;}
#hello{position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; z-index: 9999999; color: #ffffff;  text-align: center; }
#hello .texts{position: absolute;top: 50%; left: 0; width: 100%;font-size: 40px; line-height: 42px;}
.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); }
.pr{ position:relative; overflow:hidden; }
.pa{ position:absolute; }
#g100x .textBg { background: linear-gradient(150deg, #46CEC1 0%, #529F95 55.0048828125%, #87BD8E 100%); -webkit-background-clip: text; color: transparent; }
#g100x .orange { background: linear-gradient(to right, #44A0F2 0%, #8D83D3 69.3115234375%, #D66B7E 100%); -webkit-background-clip: text; color: transparent; font-size: var(--thirty-two)}
#g100x .middle{ font-size: 2.6vw; line-height: 1.0;}
#g100x .m{font-size: var(--twenty);line-height: 1.0;color:#000000;}
#g100x .s{font-size: var(--twenty-two);line-height: 1.0;color: #4c4c4c}
#g100x .blur{color: #44cebf;font-size: var(--forty);line-height: 1.4;}
#g100x .margin_top{margin-top: 4%}

#g100x .box1 .pa{left: 6%;top: 22%}
#g100x .box1 .pa .middle{font-size: var(--eighty-five); line-height:1.8;}
#g100x .box1 .pa .m{line-height: 1.8;font-size: var(--thirty)}
#g100x .box1 .pa >:nth-child(3){margin-top: 5%}
#g100x .box1 .pa .s{font-size: var(--fourteen);margin-top: 10%}


#g100x .box2{width: 62%;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 4% auto 0 auto;}
#g100x .box2 .box2_1{width: 32.5%; background-color: #e8f9ff; border-radius: 16px;overflow: visible;}
#g100x .box2 .box2_1::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 123%;
    height: 80%;
    background-image: url("/new/Images/g100x/overflow/2_1.webp");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 16px;
    z-index: 10;
}
/**/
#g100x .box2 .box2_1 .middle{font-size: var(--thirty-six);text-align: left;line-height: 1.2;margin: 6% 0 0 6%;}
#g100x .box2 .box2_1 .m{text-align: left;line-height: 2.6;margin-left: 6%;}
#g100x .box2 .box2_2{width: 66.5%;}
#g100x .box2 .box2_2 .box2_2_1{ background-color: #e8f9ff; border-radius: 16px;}
#g100x .box2 .box2_2 .box2_2_1 .middle{font-size: var(--thirty-six);text-align: left;padding: 4% 0 0 4%;}
#g100x .box2 .box2_2 .box2_2_1 .m{text-align: left;line-height: 2.6;padding-left: 4%;}
#g100x .box2 .box2_2 .box2_2_1 img{padding: 5% 0 5% 0;width: 57%}
#g100x .box2 .box2_2 .box2_2_2{width: 100%;display: flex;justify-content: space-between;margin-top: 1.5%}
#g100x .box2 .box2_2 .box2_2_2 .mt{width: 49.2%;background-color: #e8f9ff; border-radius: 16px;}
#g100x .box2 .box2_2 .box2_2_2 .mt .middle{font-size: var(--thirty-six);text-align: left;padding: 8% 0 0 8%;line-height: 1.2}
#g100x .box2 .box2_2 .box2_2_2 .mt .m{text-align: left;line-height: 2.6;padding-left: 8%;}
#g100x .box2 .box2_2 .box2_2_2 .mt .img{padding-bottom: 2.4%}
#g100x .box2 .box2_2 .box2_2_2 .mt .img1{width: 56%}
#g100x .box2 .box2_2 .box2_2_2 .mt .img2{width: 62%}
#g100x .box2 .box2_3{width: 49.5%;margin-top: 1%; background-color: #e8f9ff; border-radius: 16px;}
#g100x .box2 .box2_3 .pa{top:5%;left:4%;text-align: left}
#g100x .box2 .box2_3 .pa .middle{line-height: 1.2;font-size: var(--thirty-six)}
#g100x .box2 .box2_3 .pa .m{line-height: 2.6;}
#g100x .box2 .box2_4{width: 49.5%;background-color: #e8f9ff; border-radius: 16px;margin-top: 1%}
#g100x .box2 .box2_4 .pa{top:5%;left:4%;text-align: left}
#g100x .box2 .box2_4 .pa .middle{font-size: var(--thirty-six);line-height: 1.2}
#g100x .box2 .box2_4 .pa .m{line-height: 2.6;}
/*#g100x .box2 .box2_4 img{margin-left: 19%}*/

#g100x .box3{margin: 7% auto 0 auto}
#g100x .box3 .middle{width: 34%;font-size: var(--hundred-one-eight);margin: 0 auto;line-height: 1.2}
#g100x .box3 .text{margin-top: 6%}
#g100x .box3 .text .m{font-size: var(--sixty);line-height: 1.2}
#g100x .box3 .text_s{margin-top: 3%;}
#g100x .box3 .text_s .s{line-height: 1.4;font-size: var(--twenty-two)}
#g100x .box3 img{width: 74%}
#g100x .box3 .box3_1 .pa{top:12%;width: 100%;}
#g100x .box3 .box3_1 .box{display: flex;justify-content: space-between;width:50%;margin: 0 auto}
#g100x .box3 .box3_1 .pa .mt{width: 33.3%}
#g100x .box3 .box3_1 .pa .mt .s{}

#g100x .box4{}
#g100x .box4 .middle{font-size: var(--sixty);line-height: 1.2}
#g100x .box4 .text_s{margin-top: 3%}
#g100x .box4 .text_s .s{line-height: 1.4;font-size: var(--twenty-two)}
#g100x .box4 img{margin-top: 6%;width: 74%}

#g100x .box5{}
#g100x .box5 .middle{width: 38%;font-size: var(--hundred-one-eight);margin: 0 auto;line-height: 1.2}
#g100x .box5 .text{margin-top: 6%}
#g100x .box5 .text .s{font-size: var(--sixty);line-height: 1.2}
#g100x .box5 .box5_1{display: flex;justify-content: space-between;background: linear-gradient(to bottom,#ffffff,#e8f9ff);margin-top: 10%}
#g100x .box5 .box5_1 .box{width: 36%;padding-top: 10%;}
#g100x .box5 .box5_1 .box .middle{font-size: var(--thirty-six);line-height: 1.2;width: 60%;text-align: left;margin-left: 54%}
#g100x .box5 .box5_1 .box .s{width: 60%;line-height: 1.6;text-align: left;margin-left: 54%;}
#g100x .box5 .box5_1 .box >:nth-child(3){margin-top: 5%}
#g100x .box5 .box5_1 .box >:nth-child(7){margin-top: 5%}
#g100x .box5 .box5_1 .line{border-bottom: solid 1px #000000;width: 18% ;margin: 10% 0 10% 54%}
#g100x .box5 .box5_1 .img{width: 64%;text-align: left}
#g100x .box5 .box5_1 .img img{width: 70%}

#g100x .box6{width: 64%;margin: 0 auto}
#g100x .box6 .middle{font-size: var(--sixty);line-height: 1.2;margin-top: 12%}
#g100x .box6 .s{line-height: 1.4;}
#g100x .box6 img{margin-top: 3%}

#g100x .box7 .pa{left:19%;top:33%;text-align: left}
#g100x .box7 .pa .middle{font-size: var(--sixty);line-height: 1.2;}
#g100x .box7 .pa :nth-child(4){margin-top: 5%}
#g100x .box7 .s{line-height: 1.4;}

#g100x .box8{margin-top: 10%}
#g100x .box8 .middle{width: 34%;margin: 0 auto 8% auto;font-size: var(--hundred-one-eight)}
#g100x .box8 .pa{top:25%;width: 100%}
#g100x .box8 .m{font-size: var(--sixty);line-height: 1.2}
#g100x .box8 .s{line-height: 1.4;}
#g100x .box8 .pa :nth-child(3){margin-top: 2%}

#g100x .box9{margin-top: 5%;}
#g100x .box9 .swiper{margin: 0 auto}
#g100x .box9 .swiper-slide{overflow: hidden;}
#g100x .box9 .swiper .swiper-slide-prev{opacity:0;}
#g100x .box9 .swiper .swiper-slide-next{opacity:0;}
#g100x .box9 .swiper .swiper-slide-active{opacity:1;}
#g100x .box9 .swiper-pagination{ z-index:2; width:60%; margin: 2% auto; text-align:center; position:relative; display:flex; }
#g100x .box9 .swiper-pagination-bullet{  height: 48px; border-radius:inherit; background-color:inherit; opacity:0;overflow: hidden }
#g100x .box9 .swiper-pagination-bullet-active{  width:100%;background-color: inherit;opacity:1 }

#g100x .box9 .swiper-pagination-one {}
#g100x .box9 .swiper-pagination-one .swiper-pagination-bullet{width: 80px; height:100%;border-radius:inherit; background-color:inherit; opacity:1; overflow: hidden}
#g100x .box9 .swiper-pagination-bullet-active{ background-color:inherit;}
#g100x .box9 .swiper-pagination-one .swiper-pagination-bullet .lines{width: 10%;}
/*#g100x .box9 .swiper-pagination-one .swiper-pagination-bullet .lines img{margin-right: 46%;height: 48px}*/
#g100x .box9 .swiper-pagination-one .swiper-pagination-bullet .img1{background-image: url("/new/Images/g100x/overflow/color1.png");width: 80px;height: 69px;background-repeat: no-repeat;background-position: 0px 0px;}
#g100x .box9 .swiper-pagination-one .swiper-pagination-bullet-active .img1{background-image: url("/new/Images/g100x/overflow/color0.png");width: 80px;height: 69px;background-repeat: no-repeat;background-position: 0px 0px;}
#g100x .box9 .swiper-pagination-one .swiper-pagination-bullet .img2{background-image: url("/new/Images/g100x/overflow/color0.png");width: 80px;height: 69px;background-repeat: no-repeat;background-position: -80px 0px}
#g100x .box9 .swiper-pagination-one .swiper-pagination-bullet-active .img2{background-image: url("/new/Images/g100x/overflow/color1.png");width: 80px;height: 69px;background-repeat: no-repeat;background-position:-80px 0px;}
#g100x .box9 .swiper-pagination-one .swiper-pagination-bullet .img3{background-image: url("/new/Images/g100x/overflow/color1.png");width: 80px;height: 69px;background-repeat: no-repeat;background-position: -160px 0px}
#g100x .box9 .swiper-pagination-one .swiper-pagination-bullet-active .img3{background-image: url("/new/Images/g100x/overflow/color2.png");width: 80px;height: 69px;background-repeat: no-repeat;background-position: -160px 0px;}
#g100x .box9 .swiper-pagination-bullet .texts{  opacity:0; width: 50%; position:absolute;left: 51%;top:16%}
#g100x .box9 .swiper-pagination-bullet .texts .big{font-size:1.0vw; /*line-height:1.6vw;*/font-weight: bold;letter-spacing: 1px}
#g100x .box9 .swiper-pagination-bullet-active .texts{ opacity:1; }
#g100x .box9 .swiper-pagination-bullet-active .texts .big{line-height: 48px}

#g100x .box10{margin-top: 5%}
#g100x .box10 .middle{width: 51%;margin: 0 auto;font-size: var(--hundred-one-eight);line-height: 1.2}
#g100x .box10 .m{font-size: var(--sixty);line-height: 1.2;margin: 5% 0 2% 0}
#g100x .box10 .s{line-height: 1.4;}
#g100x .box10 img{margin-top: 6%}

#g100x .box11 .pa{top:8%;width: 100%}
#g100x .box11 .pa .middle{font-size: var(--sixty);line-height: 1.2;}
#g100x .box11 .pa .s{line-height: 1.4;}
#g100x .box11 .pa :nth-child(3){margin-top: 2%}

#g100x .box12 .middle{margin-top: 8%;margin-bottom: 2%;font-size: var(--sixty)}
#g100x .box12 .s{line-height: 1.4;}
#g100x .box12 img{width: 60%;margin: 2% auto 0 auto}

#g100x .box13 .middle{margin-bottom: 2%;font-size: var(--sixty)}
#g100x .box13 .s{line-height: 1.4;}
#g100x .box13 img{width: 60%;margin: 0 auto}

#g100x .box14 .pa{top: 13%;left: 19%;text-align: left;width: 26%}
#g100x .box14 .pa .middle{line-height: 1.2;font-size: var(--sixty)}
#g100x .box14 .pa .s{line-height: 1.4;}
#g100x .box14 .pa >:nth-child(4){margin-top: 5%}
#g100x .box14 .pa .box{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 5%}
#g100x .box14 .pa .box .mt{width: 50%;text-align: left;margin-top: 26%}
#g100x .box14 .pa .box .m{font-size: var(--forty)}
#g100x .box14 .pa .box .s{line-height: 1.8}

#g100x .box15{margin-top: 10%}
#g100x .box15 .middle{font-size: var(--sixty)}
#g100x .box15 .swiper{max-width: 70%;margin: 0 auto}
#g100x .box15 .swiper-slide{overflow: hidden;margin: 5% auto 0 auto;width: 59%;}
#g100x .box15 .pa{  top:10%;left: 7%;text-align: left}
#g100x .box15 .pa .m{color: #ffffff;font-size: var(--forty);line-height: 2;}
#g100x .box15 .pa .s{color: #ffffff;line-height: 1.4;}
#g100x .box15 .pa1{position: absolute;top:50.5%;left: 20.7%; }
#g100x .box15 .pa2{position: absolute;top:50.5%;right: 24.7%; }
#g100x .box15 .pa3{position: absolute;bottom:34%;left: 24.7%; }
#g100x .box15 .pa4{position: absolute;bottom:34%;right: 24.7%; }
#g100x .box15 .pa5{position: absolute;bottom:15%;width: 100%; }
#g100x .box15 .pa5 .orange{width: 22%;margin: 0 auto;display: block;font-size: var(--forty)}

#g100x .box16{width: 100%;margin-top: 5%}
#g100x .box16 .pa{left:13%;top:50%}
#g100x .box16 .pa a{font-size: 2.8vw;color: #000000;text-decoration: none;font-weight: bold}
#g100x .box16 img{width: 100%}


.all{overflow: hidden}
.all-img{width: 100%; height: 100%;margin-top: -15%;}