@charset "utf-8";
:root {
    --ten: 0.52083vw;--box2_1_img:26.25vw;
    --eleven: 0.57292vw;--box2_2_img:23.4375vw;
    --twelve: 0.625vw;--box2_3_img:21.3021vw;
    --fourteen:0.7292vw;--box2_6_img:20.1042vw;
    --fifteen: 0.78125vw;--box2_5_img:16.0417vw;
    --sixteen: 0.83333vw;
    --seventeen: 0.8854vw;
    --nineteen: 1vw;
    --twenty: 1.04167vw;
    --twenty-five: 1.30208vw;
    --twenty-six: 1.35417vw;
    --thirty: 1.5625vw;
    --thirty-five: 1.8229vw;
    --forty: 2.08333vw;
    --forty-five: 2.34375vw;
    --fifty: 2.604167vw;
    --fifty-five:2.86458vw;
    --fifty-eight:3.02083vw;
    --sixty: 3.125vw;
    --seventy: 3.64583vw;
    --eighty: 4.16667vw;
    --ninety: 4.6875vw;
    --hundred-twenty:6.25vw;
}
#g100x5g{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; }
#g100x5g .textBg { background: linear-gradient(to right, #f9e58e,#f9e58e,#ff8158); -webkit-background-clip: text; color: transparent; }
#g100x5g .orange { background: linear-gradient(to right, #45a0ef 0%, #d36c7f 100%); -webkit-background-clip: text; color: transparent; font-size: var(--thirty)}
#g100x5g .middle{ font-size: 2.6vw; line-height: 1.0; letter-spacing: 2px;}
#g100x5g .m{font-size: var(--nineteen);line-height: 1.0;color:#000000;letter-spacing: 1px;}
#g100x5g .s{font-size: var(--nineteen);line-height: 1.0;letter-spacing: 1px;color: #4c4c4c}
#g100x5g .blur{color: #fd7751;font-size: var(--forty);line-height: 1.4;font-weight: bold}
#g100x5g .margin_top{margin-top: 4%}

#g100x5g .box1 .pa{left: 4%;top: 14%;z-index: 2}
#g100x5g .box1 .pa .middle{ font-size:var(--ninety); line-height:1.2;font-weight: bold}
#g100x5g .box1 .pa .m{line-height: 1.8;font-size: var(--thirty)}
#g100x5g .box1 .pa >:nth-child(3){margin-top: 3%}
#g100x5g .box1 .pa >:nth-child(4){margin-top: 3%}
#g100x5g .box1 .pa .s{font-size: 0.6vw;margin-top: 10%}


#g100x5g .box2{width: 62%;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 4% auto 0 auto;row-gap: var(--fifteen)}

#g100x5g .box2 .middle{font-size: var(--thirty-five);font-weight: bold;line-height: 1.2;text-align: left;padding-top:var(--twenty-five);padding-left: var(--forty);}
#g100x5g .box2 .m{font-size: var(--seventeen);line-height: 1;text-align: left;padding-left: var(--forty);padding-top:var(--twenty-five);}
#g100x5g .box2 .img_s{transition: all 0.3s linear;}
#g100x5g .box2 .img_s:hover{transform: scale(1.1);}
#g100x5g .box2 .bg{background-image: url("/new/Images/g100x5g/overflow/2-1-1.webp");background-size: 100% 100%;background-repeat: no-repeat;background-position: center}
#g100x5g .box2 .bg1{background-image: url("/new/Images/g100x5g/overflow/2-1-2.webp");background-size: 100% 100%;background-repeat: no-repeat;background-position: center}
#g100x5g .box2 .box2_1{width: 49.5%;}
#g100x5g .box2 .box2_2{width: 49.5%;}
#g100x5g .box2 .box2_1 img{padding-top: var(--seventy);padding-bottom: var(--thirty);width: var(--box2_1_img);}
#g100x5g .box2 .box2_2 img{padding-top: var(--forty);padding-bottom: var(--thirty);width: var(--box2_2_img);}
#g100x5g .box2 .box2_3{width: 49.5%;}
#g100x5g .box2 .box2_3 img{width: var(--box2_3_img);padding-bottom: var(--twenty-five)}
#g100x5g .box2 .box2_4{width: 49.5%;}
#g100x5g .box2 .box2_4 img{width: var(--box2_2_img);padding-top: var(--twenty)}
#g100x5g .box2 .box2_5{width: 32.67%;overflow: hidden}
#g100x5g .box2 .box2_5 img{padding-top: var(--thirty);width: var(--box2_5_img)}
#g100x5g .box2 .box2_6{width: 32.67%;overflow: hidden}
#g100x5g .box2 .box2_6 img{width: var(--box2_6_img);padding-top: 5px}
#g100x5g .box2 .box2_7{width: 32.66%;overflow: hidden}
#g100x5g .box2 .box2_7 img{width: var(--box2_6_img);vertical-align: bottom;padding-top: 5px}

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

#g100x5g .box4{}
#g100x5g .box4 .middle{font-size: var(--fifty-eight);font-weight: bold;line-height: 1.2}
#g100x5g .box4 .text_s{margin-top: 3%}
#g100x5g .box4 .text_s .s{line-height: 1.4;}
#g100x5g .box4 img{margin-top: 6%;width: 74%}

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

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

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

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

#g100x5g .box9{margin-top: 5%;}
#g100x5g .box9 .middle{font-size: var(--fifty-eight);font-weight: bold;line-height: 1.2;}
#g100x5g .box9 .swiper{margin: 3% auto 0 auto}
#g100x5g .box9 .swiper-slide{overflow: hidden;}
#g100x5g .box9 .swiper .swiper-slide-prev{opacity:0;}
#g100x5g .box9 .swiper .swiper-slide-next{opacity:0;}
#g100x5g .box9 .swiper .swiper-slide-active{opacity:1;}
#g100x5g .box9 .swiper-pagination{ z-index:2; width:60%; margin: 2% auto; text-align:center; position:relative; display:flex; }
#g100x5g .box9 .swiper-pagination-bullet{  height: 48px; border-radius:inherit; background-color:inherit; opacity:0;overflow: hidden }
#g100x5g .box9 .swiper-pagination-bullet-active{  width:100%;background-color: inherit;opacity:1 }

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

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

#g100x5g .box11 .pa{top:8%;width: 100%}
#g100x5g .box11  .middle{font-size: var(--fifty-eight);font-weight: bold;line-height: 1.2;}
#g100x5g .box11  .s{line-height: 1.4;}
#g100x5g .box11 .pa :nth-child(3){margin-top: 2%}
#g100x5g .box11 .box11_2{margin-top: var(--hundred-twenty);}
#g100x5g .box11 .box11_2 >:nth-child(3){margin-top: 2%}
#g100x5g .box11 .box11_2 img{margin-top: var(--forty-five)}


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

#g100x5g .box13 .middle{font-weight: bold;margin-bottom: 2%;font-size: var(--fifty-eight)}
#g100x5g .box13 .s{line-height: 1.4;}
#g100x5g .box13 img{width: 60%;margin: 0 auto}

#g100x5g .box14 .pa{top: 12%;left: 19%;text-align: left;width: 26%}
#g100x5g .box14 .pa .middle{font-weight: bold;line-height: 1.2;font-size: var(--fifty-eight)}
#g100x5g .box14 .pa .s{line-height: 1.4;}
#g100x5g .box14 .pa >:nth-child(4){margin-top: 5%}
#g100x5g .box14 .pa .box{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 5%}
#g100x5g .box14 .pa .box .mt{width: 50%;text-align: left;margin-top: 26%}
#g100x5g .box14 .pa .box .m{font-size: var(--thirty-five);font-weight: bold}
#g100x5g .box14 .pa .box .s{line-height: 1.8}

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

#g100x5g .box16{width: 100%;margin-top: 5%}
#g100x5g .box16 .pa{left:13%;top:50%}
#g100x5g .box16 .pa a{font-size: var(--fifty-eight);color: #000000;text-decoration: none;font-weight: bold}
#g100x5g .box16 img{width: 100%}


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