.pic-box,.media-box{position:relative;width:100%}.pic-box:after,.media-box:after{content:"";width:100%;height:0;display:block}.pic-box img,.pic-box video,.media-box img,.media-box video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;transition:width .5s,height .5s}.content.index{text-align:center}.content.index .title-wrap{padding-bottom:20px;position:relative}.content.index .title-wrap .title{font-size:3.125rem;font-weight:300;line-height:1.3;letter-spacing:.5px}@media only screen and (max-width: 1200px){.content.index .title-wrap .title{font-size:2.25rem}}.content.index .title-wrap .title span{font-weight:600}.content.index .title-wrap .text{margin-top:5px;font-size:1.5rem;font-weight:500;line-height:1.5;letter-spacing:.5px}.content.index .title-wrap:before{content:"";display:block;width:70px;height:4px;background-color:var(--primary-blue);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.content.index .des{font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:1px;margin-top:20px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.content.index.light{color:#fff}.content.index.light .title-wrap:before{background-color:#ffffff80}.content.index.light .des{opacity:.8}.content.index.left{text-align:left}.content.index.left .title-wrap:before{left:0;transform:translate(0)}#particles{position:absolute;width:100%;height:100%;overflow:hidden;top:0;left:0;pointer-events:none}.index main{padding-top:100px}@media only screen and (max-width: 1200px){.index main{padding-top:80px}}.index .section1 .container{position:relative}.index .section1 .scroll-box{position:absolute;bottom:-65px;left:50%;transform:translate(-50%);z-index:1;cursor:pointer}.index .section1 .scroll-box .text{position:relative;display:flex;align-items:center;flex-direction:column;height:100%;order:0;transition:color .3s}.index .section1 .scroll-box .text:after{content:"";width:1px;height:40px;background:#000;display:block;margin-top:10px;opacity:.5;transition:background .3s}.index .section1 .scroll-box .text:before{order:1;content:"";width:1px;height:65px;background:#000;opacity:.5;display:block}.index .section1 .swiper-box.white .swiper-pagination-bullet{background:#fff}.index .section1 .swiper-box.white .swiper-pagination-bullet:before{color:#fff}.index .section1 .swiper-box.white .swiper-pagination-bullet-active{background:#fff}.index .section1 .swiper-box.white .scroll-box .text{color:#fff}.index .section1 .swiper-box.white .scroll-box .text:after{background:#fff}.index .section1 .swiper{max-width:calc(100% + -0px)}.index .section1 .swiper .pic-box,.index .section1 .swiper .media-box{overflow:hidden}.index .section1 .swiper .pic-box:after,.index .section1 .swiper .media-box:after{padding-top:51.4%}.index .section1 .swiper .pic-box video,.index .section1 .swiper .media-box video{width:100%}.index .section1 .swiper .pic-box img,.index .section1 .swiper .media-box img{transition:width 1.8s ease,height 1.8s ease;width:110%;height:110%}@media only screen and (max-width: 1024px){.index .section1 .swiper .pic-box:after,.index .section1 .swiper .media-box:after{padding-top:75%}}@media only screen and (max-width: 575px){.index .section1 .swiper .pic-box:after,.index .section1 .swiper .media-box:after{padding-top:178.6%}}.index .section1 .swiper-slide[t-color=white] .content-text{color:#fff}.index .section1 .swiper-slide[btn_color=white] .pill-btn{color:var(--primary-blue);background-color:var(--white)}.index .section1 .swiper-slide[btn_color=white] .spread-btn .ball{background-color:var(--black)}.index .section1 .swiper-slide[btn_color=black] .pill-btn{color:#fff;background-color:#000}.index .section1 .swiper-slide[btn_color=black] .spread-btn .ball{background-color:#333}.index .section1 .swiper-slide[t-align=left] .inner-top{align-items:flex-start;text-align:left}.index .section1 .swiper-slide[t-align=right] .inner-top{align-items:flex-end;text-align:right}.index .section1 .swiper-slide .inner-content{width:100%;position:relative}.index .section1 .swiper-slide .inner-content .content .pic-box img{width:100%;height:100%}.index .section1 .swiper-slide.swiper-slide-active .group,.index .section1 .swiper-slide .swiper-slide-duplicate-active .group{opacity:1;transform:translateY(0)}.index .section1 .swiper-horizontal>.swiper-pagination-bullets,.index .section1 .swiper-pagination-bullets.swiper-pagination-horizontal{display:flex;flex-direction:column;gap:30px;justify-content:center;left:unset;right:60px;align-items:flex-end;width:auto;height:100%}@media only screen and (max-width: 1200px){.index .section1 .swiper-horizontal>.swiper-pagination-bullets,.index .section1 .swiper-pagination-bullets.swiper-pagination-horizontal{right:0}}.index .section1 .swiper-pagination-bullet{width:5px;height:5px;position:relative;background:#000}.index .section1 .swiper-pagination-bullet:before{content:attr(point);position:absolute;left:calc(-100% - 5px);display:block;width:90px;top:50%;transform:translate(-100%,-50%);font-size:.875rem;font-weight:400;line-height:1.3;letter-spacing:.3px;opacity:0}@media only screen and (max-width: 1200px){.index .section1 .swiper-pagination-bullet:before{display:none}}.index .section1 .swiper-pagination-bullet-active{background:#000}.index .section1 .swiper-pagination-bullet-active:before{opacity:1}.index .section1 .inner-top{position:absolute;width:78.1%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;top:15.1%;left:50%;transform:translate(-50%);z-index:1}.index .section1 .group{max-width:750px;opacity:0;transform:translateY(50px);transition:opacity .8s .8s,transform 1s .8s}.index .section1 .content-text{transition:color .3s}.index .section1 .content-text .main{font-size:5rem;font-size:clamp(2.75rem,4.1vw,5rem);font-weight:600;line-height:1.2;letter-spacing:1px}@media only screen and (max-width: 1200px){.index .section1 .content-text .main{font-size:2.75rem}}.index .section1 .content-text .text{font-size:2rem;font-size:clamp(1.5rem,1.6vw,2rem);font-weight:600;line-height:1.3;letter-spacing:.2px;margin-top:25px}@media only screen and (max-width: 1200px){.index .section1 .content-text .text{font-size:1.5rem;margin-top:15px}}.index .section1 .pill-btn{margin-top:25px}@media only screen and (max-width: 1200px){.index .section1 .pill-btn{margin-top:15px}}.index .section1 .spread-btn .ball{background-color:#000}.index .section2{position:relative;overflow:hidden}.index .section2 #particles.a{left:-50%;transform:rotate(335deg)}@media only screen and (max-width: 1024px){.index .section2 #particles.a{left:-20%;top:-220px}}.index .section2 #particles.b{top:unset;left:unset;right:-50%;transform:rotate(335deg)}@media only screen and (max-width: 1024px){.index .section2 #particles.b{right:-28%;bottom:-220px}}.index .section2 .content{padding:100px 0;width:calc(100% - 120px);max-width:750px;margin:auto;text-align:center}@media only screen and (max-width: 767px){.index .section2 .content{width:calc(100% - 60px)}}.index .section2 .title-wrap{position:relative;padding-bottom:60px}@media only screen and (max-width: 1200px){.index .section2 .title-wrap{padding-bottom:30px}}.index .section2 .title-wrap:before{content:"";display:block;width:70px;height:4px;background-color:var(--primary-blue);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.index .section2 .title-wrap .title{font-size:3.75rem;font-weight:300;line-height:1.3;letter-spacing:.5px;color:var(--primary-blue)}@media only screen and (max-width: 1200px){.index .section2 .title-wrap .title{font-size:2.5rem}}.index .section2 .title-wrap .title span{font-weight:600}.index .section2 .title-wrap .text{font-size:1.75rem;font-weight:500;line-height:1.5;letter-spacing:.5px;margin-top:30px}@media only screen and (max-width: 1200px){.index .section2 .title-wrap .text{font-size:1.25rem;margin-top:15px}}.index .section2 .des{font-size:1rem;font-weight:350;line-height:1.6;letter-spacing:1px;margin-top:60px}@media only screen and (max-width: 1200px){.index .section2 .des{margin-top:30px}}.index .section3 .container{position:relative;display:flex;justify-content:space-between}.index .section3 .fake-img-box{width:14.85%;overflow:hidden}@media only screen and (max-width: 1575px){.index .section3 .fake-img-box{display:none}}.index .section3 .fake-img-box .pic-box{height:100%}.index .section3 .fake-img-box .pic-box:after{padding-top:77.29%}.index .section3 .swiper-large{width:85.15%;margin-right:0}@media only screen and (max-width: 1575px){.index .section3 .swiper-large{width:100%}}.index .section3 .swiper-large .swiper-inner{display:flex;align-items:stretch;width:100%;max-height:800px}@media only screen and (max-width: 900px){.index .section3 .swiper-large .swiper-inner{flex-direction:column}.index .section3 .swiper-large .swiper-inner .inner-l,.index .section3 .swiper-large .swiper-inner .inner-r{width:100%}}.index .section3 .swiper-large .inner-l{background:#f4f4f4;padding:100px 80px;display:flex;flex-direction:column;width:36.7%}@media only screen and (max-width: 1775px){.index .section3 .swiper-large .inner-l{padding:60px}}@media only screen and (max-width: 1775px) and (max-width: 900px){.index .section3 .swiper-large .inner-l{padding:50px 30px}}.index .section3 .swiper-large .inner-l .des{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index .section3 .swiper-large .inner-l .pill-btn{margin-top:60px;margin-right:auto}@media only screen and (max-width: 1200px){.index .section3 .swiper-large .inner-l .pill-btn{margin-top:30px}}.index .section3 .swiper-large .inner-r{width:63.3%}.index .section3 .swiper-large .inner-r .pic-box{height:100%}.index .section3 .swiper-large .inner-r .pic-box:after{padding-top:77.29%}.index .section3 .float-wrap{max-width:1500px;position:absolute;bottom:100px;left:50%;transform:translate(-50%);z-index:1;border-radius:15px;background:#fffc;box-shadow:15px 15px 20px #00000026;-webkit-backdrop-filter:blur(7.5px);backdrop-filter:blur(7.5px);padding:0 50px;height:120px;display:flex;align-items:center;justify-content:center;width:calc(100% - 120px)}.index .section3 .float-wrap[data-aost][data-aost-fade-up].aost-show{transform:translate(-50%)}@media only screen and (max-width: 1775px){.index .section3 .float-wrap{bottom:50px;height:100px}}@media only screen and (max-width: 1200px){.index .section3 .float-wrap{bottom:-50px}}@media only screen and (max-width: 767px){.index .section3 .float-wrap{width:calc(100% - 60px)}}@media only screen and (max-width: 767px){.index .section3 .float-wrap{width:calc(100% - 25px)}}.index .section3 .float-wrap .wrap-inner{width:100%;height:100%}.index .section3 .float-wrap .swiper-box{max-width:1120px;width:calc(100% - 200px);margin:0 auto;height:100%}@media only screen and (max-width: 1200px){.index .section3 .float-wrap .swiper-box{width:calc(100% - 120px)}.index .section3 .float-wrap .swiper-box .swiper-slide{max-width:350px}}@media only screen and (max-width: 1200px) and (max-width: 900px){.index .section3 .float-wrap .swiper-box .swiper-slide{max-width:none}}@media only screen and (max-width: 767px){.index .section3 .float-wrap .swiper-box{width:calc(100% - 60px)}}@media only screen and (max-width: 575px){.index .section3 .float-wrap .swiper-box{width:calc(100% - 30px)}}@media only screen and (max-width: 1024px){.index .section3 .float-wrap .swiper-wrapper:after{width:100%;height:1200px;position:absolute;display:block;left:0;bottom:0;z-index:99;content:""}}.index .section3 .float-wrap .swiper-button-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:space-between;width:calc(100% - 100px)}@media only screen and (max-width: 767px){.index .section3 .float-wrap .swiper-button-box{width:calc(100% - 40px)}}.index .section3 .float-wrap .swiper-button-box .swiper-button-next,.index .section3 .float-wrap .swiper-button-box .swiper-button-prev{position:initial;margin-top:0}.index .section3 .swiper-control .swiper-slide:not(:first-child) .swiper-inner{position:relative}.index .section3 .swiper-control .swiper-slide:not(:first-child) .swiper-inner:after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:calc(100% - 20px);background:#000;opacity:.2}@media only screen and (max-width: 1200px){.index .section3 .swiper-control .swiper-slide:not(:first-child) .swiper-inner:after{display:none}}.index .section3 .swiper-control .swiper-slide.active .swiper-inner{background:var(--primary-blue)}.index .section3 .swiper-control .swiper-slide.active .swiper-inner .pic-box{filter:brightness(0) invert(1);opacity:1}.index .section3 .swiper-control .swiper-slide.active .swiper-inner .inner-r{color:#fff}@media only screen and (max-width: 1200px){.index .section3 .swiper-control .swiper-slide.swiper-slide-active .swiper-inner{background:var(--primary-blue)}.index .section3 .swiper-control .swiper-slide.swiper-slide-active .swiper-inner .pic-box{filter:brightness(0) invert(1);opacity:1}.index .section3 .swiper-control .swiper-slide.swiper-slide-active .swiper-inner .inner-r{color:#fff}}@media only screen and (max-width: 900px){.index .section3 .swiper-control .swiper-slide.swiper-slide-active .swiper-inner{background:transparent}.index .section3 .swiper-control .swiper-slide.swiper-slide-active .swiper-inner .pic-box{filter:none;opacity:1}.index .section3 .swiper-control .swiper-slide.swiper-slide-active .swiper-inner .inner-r{color:#000}}.index .section3 .swiper-control .swiper-inner{display:flex;align-items:center;justify-content:center;position:relative;gap:20px;width:100%;height:100%;padding:20px}.index .section3 .swiper-control .inner-l{width:50px;flex-shrink:0}@media only screen and (max-width: 1575px){.index .section3 .swiper-control .inner-l{width:45px}}.index .section3 .swiper-control .inner-r p{font-size:1rem;font-weight:500;line-height:1.6;letter-spacing:1px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index .section3 .swiper-control .pic-box{opacity:.9}.index .section3 .swiper-control .pic-box:after{padding-top:100%}.index .section4{position:relative;overflow:hidden}.index .section4 #particles.a{top:-30%;left:-40%;transform:rotate(25deg)}.index .section4 #particles.b{top:unset;left:unset;right:-35%;transform:rotate(330deg)}@media only screen and (max-width: 1200px){.index .section4 #particles.b{right:-50%;bottom:-220px}}.index .section4 .container{padding:80px 0}@media only screen and (max-width: 1200px){.index .section4 .container{padding:130px 0 80px}}.index .section4 .container .content.index{max-width:calc(100% - 60px);margin:0 auto}.index .section4 .swiper-box-outline{overflow:hidden;min-height:417px;max-width:1920px;margin:auto;position:relative}@media only screen and (max-width: 1775px){.index .section4 .swiper-box-outline{min-height:unset}}.index .section4 .swiper-box-outline .fake-swiper{position:absolute;top:50%;transform:translate(100%,-50%);right:-50px;width:100%;opacity:0}@media only screen and (max-width: 1775px){.index .section4 .swiper-box-outline .fake-swiper{display:none}}.index .section4 .swiper-box-outline .fake-swiper .pic-box{max-width:435px}.index .section4 .swiper-box-outline .fake-swiper .pic-box:after{padding-top:56.8%}.index .section4 .swiper-box{width:1600px;position:relative;display:flex;align-items:center;width:fit-content;max-width:calc(100% - 120px);margin:0 auto}.index .section4 .swiper-box.noSlide{width:1600px}.index .section4 .swiper-box.noSlide .swiper{margin-left:0}.index .section4 .swiper-box.noSlide .swiper .swiper-button-box{display:none}.index .section4 .swiper-box.noSlide .swiper .swiper-slide-active .pic-box:before{transform:translate(-50%,-50%) scale(1)}.index .section4 .swiper-box.noSlide .swiper .swiper-slide-active .pic-box img{box-shadow:none;transform:translate(-50%,-50%) scale(1)}.index .section4 .swiper-box.noSlide .swiper .swiper-slide-active .swiper-inner .info{margin-top:20px;margin-left:0}@media only screen and (max-width: 767px){.index .section4 .swiper-box{max-width:calc(100% - 60px)}}@media only screen and (max-width: 575px){.index .section4 .swiper-box{max-width:calc(100% - 40px)}}.index .section4 .swiper-box .swiper-button-box{width:35px;display:flex;flex-direction:column;justify-content:center;position:relative;gap:15px;margin-top:0}.index .section4 .swiper-box .swiper-button-box .swiper-button-next,.index .section4 .swiper-box .swiper-button-box .swiper-button-prev{position:relative;top:unset;left:unset;right:unset;margin-top:0}.index .section4 .swiper{margin-top:35px;max-width:1515px;padding-top:30px;margin-left:50px}@media only screen and (max-width: 768px){.index .section4 .swiper{margin-left:20px;padding:30px 20px 0}}@media only screen and (max-width: 575px){.index .section4 .swiper{padding:0}}.index .section4 .swiper .swiper-wrapper{padding-top:25px;min-height:345px}@media only screen and (max-width: 1575px){.index .section4 .swiper .swiper-wrapper{min-height:290px}}@media only screen and (max-width: 1440px){.index .section4 .swiper .swiper-wrapper{min-height:265px}}@media only screen and (max-width: 1366px){.index .section4 .swiper .swiper-wrapper{min-height:251px}}@media only screen and (max-width: 1280px){.index .section4 .swiper .swiper-wrapper{min-height:235px}}@media only screen and (max-width: 1280px){.index .section4 .swiper .swiper-wrapper{min-height:none}}@media only screen and (max-width: 768px){.index .section4 .swiper .swiper-wrapper{padding-top:0}}@media only screen and (min-width: 1201px) and (min-width: 1201px){.index .section4 .swiper .swiper-slide:hover .pic-box .plus{opacity:1}.index .section4 .swiper .swiper-slide:hover .pic-box:before{opacity:1}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.index .section4 .swiper .swiper-slide:active .pic-box .plus{opacity:1}.index .section4 .swiper .swiper-slide:active .pic-box:before{opacity:1}}.index .section4 .swiper .swiper-slide .pic-box img{transform:translate(-50%,-50%) scale(.9)}@media only screen and (max-width: 1200px){.index .section4 .swiper .swiper-slide .pic-box img{transform:translate(-50%,-50%) scale(1)}}.index .section4 .swiper .swiper-slide .swiper-inner .info{margin-top:0;margin-left:25px;transition:margin .3s}@media only screen and (max-width: 1200px){.index .section4 .swiper .swiper-slide .swiper-inner .info{margin-top:20px;margin-left:0}}@media only screen and (min-width: 1201px) and (min-width: 1201px){.index .section4 .swiper .swiper-slide:hover .pic-box:before{transform:translate(-50%,-50%) scale(1)}.index .section4 .swiper .swiper-slide:hover .pic-box img{box-shadow:0 0 20px #00000040;transform:translate(-50%,-50%) scale(1)}}@media only screen and (min-width: 1201px) and (min-width: 1201px) and (max-width: 1200px){.index .section4 .swiper .swiper-slide:hover .pic-box img{transform:translate(-50%,-50%) scale(1)}}@media only screen and (min-width: 1201px) and (min-width: 1201px){.index .section4 .swiper .swiper-slide:hover .swiper-inner .info{margin-top:20px;margin-left:0}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.index .section4 .swiper .swiper-slide:active .pic-box:before{transform:translate(-50%,-50%) scale(1)}.index .section4 .swiper .swiper-slide:active .pic-box img{box-shadow:0 0 20px #00000040;transform:translate(-50%,-50%) scale(1)}}@media only screen and (min-width: 1201px) and (max-width: 1200px) and (max-width: 1200px){.index .section4 .swiper .swiper-slide:active .pic-box img{transform:translate(-50%,-50%) scale(1)}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.index .section4 .swiper .swiper-slide:active .swiper-inner .info{margin-top:20px;margin-left:0}}.index .section4 .swiper .swiper-inner{width:100%}@media only screen and (max-width: 768px){.index .section4 .swiper .swiper-inner{max-width:100%}}.index .section4 .swiper .swiper-inner .info{text-align:left;margin-top:20px}.index .section4 .swiper .swiper-inner .info .text{font-size:1.25rem;font-weight:500;line-height:1.5;letter-spacing:.5px}.index .section4 .swiper .pic-box{display:block;width:100%;transition:transform .3s}.index .section4 .swiper .pic-box:after{padding-top:56.8%}.index .section4 .swiper .pic-box:before{content:"";background:linear-gradient(0deg,#009ccf80,#009ccf80);display:block;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;opacity:0;transition:opacity .3s,width .3s}.index .section4 .swiper .pic-box img{transition:transform .3s,width .3s}.index .section4 .swiper .pic-box .plus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#000;border-radius:50%;z-index:2;dispaly:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s}.index .section4 .swiper .pic-box .plus:after,.index .section4 .swiper .pic-box .plus:before{content:"";background:#fff;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.index .section4 .swiper .pic-box .plus:after{width:10px;height:1px}.index .section4 .swiper .pic-box .plus:before{width:1px;height:10px}.index .section4 .arrow-ball-btn{display:flex;justify-content:center;flex-direction:row-reverse;gap:10px;margin:50px auto 0}.index .section4 .arrow-ball-btn i{font-size:1.25rem}.index .section5 .container{display:flex;align-items:stretch}@media only screen and (max-width: 992px){.index .section5 .container{flex-direction:column}}.index .section5 .inner-left,.index .section5 .inner-right{flex:1}.index .section5 .inner-left{margin-right:-1px}@media only screen and (max-width: 992px){.index .section5 .inner-left{margin-right:0}}.index .section5 .inner-left .pic-box{height:100%}@media only screen and (max-width: 1200px){.index .section5 .inner-left .pic-box:after{padding-top:83.33%}.index .section5 .inner-left .pic-box .img img{opacity:0}.index .section5 .inner-left .pic-box .img img.default{opacity:1}}@media only screen and (max-width: 992px){.index .section5 .inner-left .pic-box{max-height:450px}}.index .section5 .inner-right{background:#009ccf;color:#fff}.index .section5 .inner-right .inner-box{padding:120px 60px;display:flex;flex-direction:column;gap:50px;max-width:770px;margin:0 auto}@media only screen and (max-width: 1200px){.index .section5 .inner-right .inner-box{padding:80px 60px;gap:30px}}@media only screen and (max-width: 992px){.index .section5 .inner-right .inner-box{max-width:100%}}@media only screen and (max-width: 767px){.index .section5 .inner-right .inner-box{padding:80px 30px}}.index .section5 .list-group{display:flex;gap:50px;flex-wrap:wrap}@media only screen and (max-width: 1200px){.index .section5 .list-group{gap:40px}}.index .section5 .list-group .list{width:calc((100% - 50px)/2);display:flex;flex-direction:column;gap:10px;position:relative}@media only screen and (max-width: 767px){.index .section5 .list-group .list{width:100%}}@media only screen and (min-width: 1201px) and (min-width: 1201px){.index .section5 .list-group .list:hover:after{height:3px;opacity:1}.index .section5 .list-group .list:hover .plus{opacity:1}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.index .section5 .list-group .list:active:after{height:3px;opacity:1}.index .section5 .list-group .list:active .plus{opacity:1}}.index .section5 .list-group .list:after{content:"";width:100%;height:1px;background:#fff;display:block;position:absolute;bottom:-20px;left:0;opacity:.5;transition:opacity .3s,height .3s}.index .section5 .list-group .list .pic-box{max-width:40px}.index .section5 .list-group .list .pic-box:after{padding-top:100%}.index .section5 .list-group .list .content-box{display:flex;align-items:center;gap:50px}@media only screen and (max-width: 1200px){.index .section5 .list-group .list .content-box{gap:30px}}.index .section5 .list-group .list .content-box .content{flex:1}.index .section5 .list-group .list .content-box .main,.index .section5 .list-group .list .content-box .text{font-size:1.25rem;font-weight:500;line-height:1.5;letter-spacing:.5px}.index .section5 .list-group .list .plus{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:#fff;position:relative;border-radius:50%;flex-shrink:0;opacity:0;transition:opacity .3s}@media only screen and (max-width: 1200px){.index .section5 .list-group .list .plus{opacity:1}}.index .section5 .list-group .list .plus:after,.index .section5 .list-group .list .plus:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--primary-blue)}.index .section5 .list-group .list .plus:after{width:10px;height:1px}.index .section5 .list-group .list .plus:before{width:1px;height:10px}.index .section6{position:relative;overflow:hidden}.index .section6 #particles.a{top:-70%;left:-40%;transform:rotate(60deg)}@media only screen and (max-width: 1200px){.index .section6 #particles.a{top:0;left:30%;transform:rotate(90deg) scaleX(1.2)}}.index .section6 #particles.b{top:unset;left:unset;right:-30%;transform:rotate(315deg)}@media only screen and (max-width: 1200px){.index .section6 #particles.b{display:none}}.index .section6 .container{padding:80px 0}@media only screen and (max-width: 1366px){.index .section6 .container{padding:80px 0 50px}}.index .section6 .container .content.index{max-width:calc(100% - 60px);margin:0 auto}.index .section6 .inner-box{max-width:230px}.index .section6 .inner-box.aost-show .count .dot{opacity:1;transform:translateY(-5px)}.index .section6 .count{width:100%;display:flex;font-size:3.125rem;font-weight:600;letter-spacing:.5px;color:var(--primary-blue);position:relative;overflow:hidden;justify-content:center;transition:color .5s;transform:translate(-6px)}@media only screen and (max-width: 1366px){.index .section6 .count{font-size:2.25rem}}.index .section6 .count .group{display:inline-flex;flex-direction:row;justify-content:start;align-items:flex-end;height:51px;cursor:default}.index .section6 .count .dot{margin-left:-8px;margin-right:4px;transition:opacity 1s ease-in-out,transform 1s ease-in-out}.index .section6 .count .single{display:inline-flex;writing-mode:vertical-rl;text-orientation:upright;transform:translateY(0);transition:transform 1.5s ease-in-out}.index .section6 .count .single:not(.dot){margin-left:-20px}@media only screen and (max-width: 1366px){.index .section6 .count .single:not(.dot){margin-left:-12px}}.index .section6 .count .single:first-child{margin-left:0}.index .section6 .count .plus{font-size:30px;margin-top:-5px;margin-left:-10px;vertical-align:top;align-self:flex-start}.index .section6 .swiper-box{display:flex;justify-content:center;gap:0 15px;position:relative;max-width:1080px;margin:50px auto 0;align-items:center}@media only screen and (max-width: 1366px){.index .section6 .swiper-box{flex-direction:column}}@media only screen and (max-width: 900px){.index .section6 .swiper-box{width:calc(100% + -0px);overflow:hidden}.index .section6 .swiper-box .swiper-slide .list{transform:translateY(38px);transition:transform .5s}.index .section6 .swiper-box .swiper-slide .list .inner-box{opacity:0;transition:opacity .5s}.index .section6 .swiper-box .swiper-slide .list .back-img{box-shadow:15px 15px 50px #0000001a}}@media only screen and (max-width: 900px) and (max-width: 575px){.index .section6 .swiper-box .swiper-slide .list .back-img .pic{opacity:0;transition:opacity .5s}}@media only screen and (max-width: 900px){.index .section6 .swiper-box .swiper-slide-active .list{transform:translateY(0)}.index .section6 .swiper-box .swiper-slide-active .list .inner-box{opacity:1}}@media only screen and (max-width: 900px) and (max-width: 575px){.index .section6 .swiper-box .swiper-slide-active .list .back-img .pic{opacity:1}}.index .section6 .swiper-box .swiper-box-inner{min-width:785px;max-width:100%}.index .section6 .swiper-box .explore-btn{position:absolute;right:-165px;top:50%;transform:translateY(-50%);width:150px;height:150px;background:#333;border-radius:500px;display:flex;align-items:center;justify-content:center;gap:15px;flex-direction:column;color:#fff;box-shadow:15px 15px 50px #0000001a}@media only screen and (max-width: 1366px){.index .section6 .swiper-box .explore-btn{position:relative;right:unset;top:unset;margin:30px auto;transform:translate(0);box-shadow:15px 15px 30px #0000001a}}@media only screen and (min-width: 1201px) and (min-width: 1201px){.index .section6 .swiper-box .explore-btn:hover .square>div{background:var(--primary-blue)}.index .section6 .swiper-box .explore-btn:hover .square>div.b{transition-delay:.4s;background:#fff}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.index .section6 .swiper-box .explore-btn:active .square>div{background:var(--primary-blue)}.index .section6 .swiper-box .explore-btn:active .square>div.b{transition-delay:.4s;background:#fff}}.index .section6 .swiper-box .explore-btn .square{width:23px;height:23px;position:relative}.index .section6 .swiper-box .explore-btn .square>div{width:9px;height:9px;background:#fff;position:absolute;transition:background .3s}.index .section6 .swiper-box .explore-btn .square>div.blue{background:var(--primary-blue)}.index .section6 .swiper-box .explore-btn .square>div.a{top:0;left:0;transition-delay:.1s}.index .section6 .swiper-box .explore-btn .square>div.b{top:0;right:0}.index .section6 .swiper-box .explore-btn .square>div.c{bottom:0;left:0;transition-delay:.2s}.index .section6 .swiper-box .explore-btn .square>div.d{right:0;bottom:0;transition-delay:.3s}.index .section6 .swiper-box .list{width:350px;position:relative;border-radius:500px}@media only screen and (max-width: 1200px){.index .section6 .swiper-box .list{width:230px;display:flex;flex-direction:column}.index .section6 .swiper-box .list .back-img{opacity:1}}@media only screen and (min-width: 1201px) and (min-width: 1201px){.index .section6 .swiper-box .list:hover .back-img{opacity:1}.index .section6 .swiper-box .list:hover:before{opacity:0}.index .section6 .swiper-box .list:hover .count,.index .section6 .swiper-box .list:hover .des{color:#fff}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.index .section6 .swiper-box .list:active .back-img{opacity:1}.index .section6 .swiper-box .list:active:before{opacity:0}.index .section6 .swiper-box .list:active .count,.index .section6 .swiper-box .list:active .des{color:#fff}}.index .section6 .swiper-box .list:after{content:"";padding-top:100%;display:block}@media only screen and (max-width: 1200px){.index .section6 .swiper-box .list:after{display:none}}.index .section6 .swiper-box .list:before{content:"";width:230px;height:230px;border-radius:500px;background:#ffffff80;box-shadow:15px 15px 50px #0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;transition:opacity .5s}@media only screen and (max-width: 1200px){.index .section6 .swiper-box .list:before{display:none}}.index .section6 .swiper-box .list .inner-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:100%;text-align:center}@media only screen and (max-width: 1200px){.index .section6 .swiper-box .list .inner-box{position:relative;top:unset;left:unset;transform:translate(0);margin-top:15px}}.index .section6 .swiper-box .list .inner-box .des{font-size:1rem;font-weight:500;line-height:1.6;letter-spacing:1px;margin-top:10px;transition:color .5s}@media only screen and (max-width: 1366px){.index .section6 .swiper-box .list .inner-box .des{margin-top:5px}}.index .section6 .swiper-box .back-img{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;border-radius:500px;overflow:hidden;opacity:0;transition:opacity .5s}@media only screen and (max-width: 1200px){.index .section6 .swiper-box .back-img{position:relative;height:auto}}.index .section6 .swiper-box .back-img .pic{height:100%}.index .section6 .swiper-box .back-img .pic img{height:100%;object-fit:cover;filter:brightness(.7)}@media only screen and (max-width: 1200px){.index .section6 .swiper-box .back-img .pic img{filter:none}}.index .section7 .container{padding:80px 0;background:#f4f4f4;display:flex;flex-direction:column;overflow:hidden}.index .section7 .container>.pill-btn{margin:50px auto 0;display:none}@media only screen and (max-width: 1200px){.index .section7 .container>.pill-btn{display:flex}}@media only screen and (max-width: 767px){.index .section7 .container>.pill-btn{margin:30px auto 0}}.index .section7 .content{position:relative;width:calc(100% - 120px);max-width:1650px;margin:15px auto 0}@media only screen and (max-width: 1440px){.index .section7 .content{margin:20px auto 0}}@media only screen and (max-width: 1200px){.index .section7 .content{margin:35px auto 0}}@media only screen and (max-width: 767px){.index .section7 .content{width:calc(100% - 60px)}}.index .section7 .wrap{display:flex;align-items:center;justify-content:space-between;gap:60px;width:calc(90.9% - 100px);margin:0 auto;max-width:1500px}@media only screen and (max-width: 1440px){.index .section7 .wrap{gap:20px}}@media only screen and (max-width: 1024px){.index .section7 .wrap{width:calc(100% - 120px)}}@media only screen and (max-width: 767px){.index .section7 .wrap{width:calc(100% - 60px)}}.index .section7 .wrap .inner-left{display:flex;align-items:center;gap:45px}@media only screen and (max-width: 1440px){.index .section7 .wrap .inner-left{gap:25px}}@media only screen and (max-width: 1024px){.index .section7 .wrap .inner-left{flex-direction:column;align-items:flex-start;width:100%}}@media only screen and (max-width: 1200px){.index .section7 .wrap .inner-right{display:none}}.index .section7 .wrap .menu-container{max-width:540px}@media only screen and (max-width: 1024px){.index .section7 .wrap .menu-container{width:calc(100% + 60px);max-width:none;transform:translate(-30px)}.index .section7 .wrap .menu-container multipurpose-nav[m4-type=drag] .drag-container{justify-content:flex-start}}.index .section7 .title-wrap{color:#000}.index .section7 .title-wrap .title{font-size:3.125rem;font-weight:600;line-height:1.3;letter-spacing:.5px}@media only screen and (max-width: 1200px){.index .section7 .title-wrap .title{font-size:2.25rem}}.index .section7 .title-wrap .text{font-size:1.5rem;font-weight:500;line-height:1.5;letter-spacing:.5px;margin-top:5px}.index .section7 .swiper-button-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:space-between;width:calc(100% + -0px)}@media only screen and (max-width: 1200px){.index .section7 .swiper-button-box{width:calc(100% + 60px)}}@media only screen and (max-width: 767px){.index .section7 .swiper-button-box{width:calc(100% + 30px)}}.index .section7 .swiper-button-box .swiper-button-next,.index .section7 .swiper-button-box .swiper-button-prev{position:initial;margin-top:0}.index .section7 .swiper-box{width:93.9%;max-width:1560px;margin:0 auto;display:flex;flex-direction:column;gap:30px}@media only screen and (max-width: 767px){.index .section7 .swiper-box{width:calc(100% - 65px)}}.index .section7 .col-wrap{display:flex;align-items:center;gap:30px;width:100%;padding:30px}@media only screen and (max-width: 1440px){.index .section7 .col-wrap{padding:15px}}@media only screen and (min-width: 1201px) and (min-width: 1201px){.index .section7 .col-wrap:hover .hide-wrap{height:21px;margin:30px 0 0;opacity:1}.index .section7 .col-wrap:hover .img img{box-shadow:0 0 15px #00000040;transform:translate(-50%,-50%) scale(1.2)}}@media only screen and (min-width: 1201px) and (min-width: 1201px) and (max-width: 1440px){.index .section7 .col-wrap:hover .img img{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 7.5px #00000040}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.index .section7 .col-wrap:active .hide-wrap{height:21px;margin:30px 0 0;opacity:1}.index .section7 .col-wrap:active .img img{box-shadow:0 0 15px #00000040;transform:translate(-50%,-50%) scale(1.2)}}@media only screen and (min-width: 1201px) and (max-width: 1200px) and (max-width: 1440px){.index .section7 .col-wrap:active .img img{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 7.5px #00000040}}@media only screen and (max-width: 1200px){.index .section7 .col-wrap{padding:0}}@media only screen and (max-width: 899px){.index .section7 .col-wrap{justify-content:center}}@media only screen and (max-width: 575px){.index .section7 .col-wrap{flex-direction:column}}.index .section7 .col-wrap .img{position:relative;width:100%;max-width:150px;flex-shrink:0}.index .section7 .col-wrap .img:after{content:"";height:0;display:block;padding-top:100%}.index .section7 .col-wrap .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;transition:width .5s,height .5s,transform .5s}.index .section7 .col-wrap .info{max-width:280px;text-align:left}.index .section7 .col-wrap .info .title{font-size:1.125rem;font-weight:500;line-height:1.5;letter-spacing:.5px;margin-top:15px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index .section7 .col-wrap .hide-wrap{margin:0;height:0px;opacity:0;transition:height var(--trans-m),margin var(--trans-m),opacity var(--trans-m)}@media only screen and (max-width: 1200px){.index .section7 .col-wrap .hide-wrap{display:none}}.index .section8 .container{padding:50px 0;min-height:180px;display:flex;justify-content:center;align-items:center;background:#141414}.index .section8 .container .content{display:flex;justify-content:space-between;align-items:center;gap:60px;width:calc(100% - 120px);max-width:1500px}@media only screen and (max-width: 1200px){.index .section8 .container .content{gap:30px}}@media only screen and (max-width: 767px){.index .section8 .container .content{width:calc(100% - 60px);flex-direction:column}}.index .section8 .container .inner-l{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px 50px}@media only screen and (max-width: 767px){.index .section8 .container .inner-l{flex-direction:column}}.index .section8 .container .inner-l .title{font-size:1.75rem;font-weight:600;line-height:1.5;letter-spacing:.5px;color:var(--primary-blue);text-align:left}.index .section8 .container .inner-l .des{font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:1px;color:#fff;max-width:372px}@media only screen and (max-width: 767px){.index .section8 .container .inner-l .des{max-width:unset}}.index .section8 .container .inner-r{display:flex;gap:20px}@media only screen and (max-width: 900px){.index .section8 .container .inner-r{gap:10px;flex-direction:column}}.index .section8 .container .spread-btn .ball{background-color:#000}.index .section8 .container .spread-btn.white{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);transition:border .5s,color .5s}.index .section8 .container .spread-btn.white .ball{background-color:var(--white)}@media only screen and (min-width: 1201px){.index .section8 .container .spread-btn.white:hover{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.index .section8 .container .spread-btn.white:active{color:var(--primary-blue)}}