.banner{width:100%;height:41.666vw;position:relative;overflow:hidden}.banner .banner-inner{position:absolute;left:var(--page-padding);bottom:6.25rem}.banner .banner-inner .title{font-size:3.375rem;font-weight:500;line-height:4.375rem;text-transform:capitalize;letter-spacing:.03em;color:#fff}.intro-box{padding:9.375rem var(--page-padding) 8.125rem}.intro-box .title{flex:1;width:0;margin-right:2.5rem;font-size:2.75rem;font-weight:500;line-height:4rem;text-transform:capitalize;letter-spacing:.03em;color:#000}.intro-box .desc{width:44.8125%;font-size:1.125rem;font-weight:normal;line-height:2;text-align:justify;letter-spacing:-0.02em;color:#666}.scroll-box{width:100%;height:30.208vw;margin-bottom:9.375rem}.scroll-swiper{height:30.208vw;overflow:hidden}.scroll-swiper .swiper-wrapper{-webkit-transition-timing-function:linear !important;-o-transition-timing-function:linear !important;transition-timing-function:linear !important}.scroll-swiper .swiper-slide{width:22.92vw;height:30.208vw}.scroll-card{width:22.92vw;height:30.208vw;position:relative;overflow:hidden}.scroll-card.active .cover{height:30.208vw}.scroll-card.active .cover .cover-main{width:86%}.scroll-card.active .cover .cover-main .desc{margin-top:2.5rem;height:auto}.scroll-card.active .cover-icon::after{display:none}.scroll-card .cover{height:6rem;position:absolute;bottom:0;width:100%;left:0;background:rgba(0,0,0,.2);backdrop-filter:blur(5.125rem);transition:all .3s ease-in-out;cursor:default}.scroll-card .cover .cover-main{position:absolute;top:50%;left:1.875rem;width:75%;transform:translateY(-50%)}.scroll-card .cover .cover-main .title{font-size:1.5rem;font-weight:500;line-height:2.25rem;color:#fff;transition:all .3s ease-in-out}.scroll-card .cover .cover-main .desc{height:0;margin-top:0;overflow:hidden;transition:all .3s ease-in-out;font-size:1.125rem;font-weight:normal;line-height:2;text-align:justify;letter-spacing:0em;color:rgba(255,255,255,.7)}.scroll-card .cover-icon{width:1.25rem;height:1.25rem;bottom:2.375rem;right:2.375rem;position:absolute;z-index:10;cursor:pointer}.scroll-card .cover-icon::before{content:"";display:block;width:100%;height:2px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.scroll-card .cover-icon::after{content:"";display:block;width:2px;height:100%;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.pf-banner{width:100%;height:31.25vw;position:relative}.pf-banner .pf-inner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:52.08vw}.pf-banner .pf-inner .title{font-size:2.75rem;font-weight:500;line-height:2.8125rem;text-align:center;letter-spacing:.03em;color:#fff}.pf-banner .pf-inner .line{margin:2.375rem auto 2.125rem;width:3.375rem;height:.125rem;background:#fff}.pf-banner .pf-inner .desc{font-size:1.125rem;font-weight:normal;line-height:2.5rem;text-align:center;letter-spacing:0em;color:#fff}.grid-box{padding:var(--page-padding) 6.875rem 10.875rem}.grid-box-main{margin-top:85px}.grid-item{width:48%;height:26.5625vw;position:relative;overflow:hidden;cursor:pointer}.grid-item:hover .info .desc,.grid-item:focus-visible .info .desc{max-height:5rem;margin-top:.625rem;opacity:.8}.grid-item:hover .more-btn,.grid-item:focus-visible .more-btn{opacity:1;transform:translateY(0)}.grid-item .info{position:absolute;width:100%;z-index:10;padding:0 2.8125rem;bottom:2.5rem;left:0}.grid-item .info .title{font-size:1.5rem;font-weight:normal;line-height:2.125rem;letter-spacing:-0.02em;color:#fff}.grid-item .info .desc{max-height:0;margin-top:0;font-size:1.125rem;font-weight:normal;line-height:2;text-align:justify;letter-spacing:-0.02em;color:#fff;opacity:0;overflow:hidden;transition:max-height .3s ease-in-out,margin-top .3s ease-in-out,opacity .3s ease-in-out}.grid-item .more-btn{position:absolute;right:2.8125rem;bottom:2.375rem;padding-bottom:.9375rem;border-bottom:1px solid rgba(255,255,255,.2);z-index:12;opacity:0;transform:translateY(0.625rem);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.grid-item .more-btn .label{font-size:1rem;line-height:1;letter-spacing:.03em;color:#fff}.grid-item .more-btn .icon{margin-left:1.25rem;width:1.5rem;height:1.5rem}@media screen and (max-width: 800px){.banner{height:80vw;overflow:hidden}.banner .banner-inner{position:absolute;left:5.3333vw;bottom:5.3333vw}.banner .banner-inner .title{font-size:5.8667vw;font-weight:500;line-height:8vw;text-transform:capitalize;letter-spacing:0;color:#fff}.intro-box{padding:17.3333vw 4vw 8.5333vw}.intro-box .intro-main{flex-direction:column}.intro-box .title{flex:none;width:100%;margin-right:0;font-size:5.3333vw;font-weight:500;line-height:9.0667vw;letter-spacing:0;color:#000}.intro-box .desc{width:100%;margin-top:4vw;font-size:2.9333vw;font-weight:normal;line-height:5.3333vw;text-align:justify;letter-spacing:0em;color:#666}.scroll-box{width:100%;height:69.6vw;margin-bottom:17.3333vw}.scroll-swiper{height:69.6vw;overflow:hidden}.scroll-swiper .swiper-wrapper{-webkit-transition-timing-function:linear !important;-o-transition-timing-function:linear !important;transition-timing-function:linear !important}.scroll-swiper .swiper-slide{width:52.8vw;height:69.6vw}.scroll-card{width:52.8vw;height:69.6vw;position:relative;overflow:hidden}.scroll-card.active .cover{height:69.6vw}.scroll-card.active .cover .cover-main{width:auto;right:10.6667vw}.scroll-card.active .cover .cover-main .desc{margin-top:2.6667vw;height:auto}.scroll-card.active .cover-icon::after{display:none}.scroll-card .cover{height:11.7333vw;background:rgba(0,0,0,.2);backdrop-filter:blur(5.125rem);transition:all .3s ease-in-out;cursor:default}.scroll-card .cover .cover-main{position:absolute;top:50%;left:3.2vw;right:10.6667vw;width:auto;transform:translateY(-50%)}.scroll-card .cover .cover-main .title{overflow:hidden;font-size:3.2vw;font-weight:500;line-height:4.2667vw;color:#fff;text-overflow:ellipsis;white-space:nowrap;transition:all .3s ease-in-out}.scroll-card .cover .cover-main .desc{height:0;margin-top:0;overflow:hidden;transition:all .3s ease-in-out;font-size:2.9333vw;font-weight:normal;line-height:5.3333vw;color:rgba(255,255,255,.8)}.scroll-card .cover-icon{width:3.3333vw;height:3.3333vw;bottom:4.2667vw;right:4.2667vw;position:absolute;z-index:10;cursor:pointer}.scroll-card .cover-icon::before{width:100%;height:.4vw;background:#fff}.scroll-card .cover-icon::after{width:.4vw;height:100%;background:#fff}.pf-banner{height:58.6667vw}.pf-banner .pf-inner{width:92vw}.pf-banner .pf-inner .title{font-size:4.2667vw;font-weight:500;line-height:1;text-align:center;letter-spacing:0;color:#fff}.pf-banner .pf-inner .line{margin:6.6667vw auto 3.7333vw;width:11.7333vw;height:.2667vw;background:#fff}.pf-banner .pf-inner .desc{font-size:2.9333vw;font-weight:normal;line-height:5.3333vw;text-align:center;letter-spacing:0em;color:#fff;opacity:.8}.grid-box{padding:17.3333vw 4vw}.grid-box-main{margin-top:8vw;display:grid;grid-template-columns:minmax(0, 1fr);gap:5.3333vw}.grid-item{width:100%;height:58.9333vw;position:relative;overflow:hidden}.grid-item+.grid-item{margin-top:0}.grid-item:hover .info .desc,.grid-item:focus-visible .info .desc{max-height:0;margin-top:0;opacity:0}.grid-item:hover .more-btn,.grid-item:focus-visible .more-btn{opacity:0;transform:translateY(0.625rem)}.grid-item .info{position:absolute;width:100%;z-index:10;padding:0 4vw;bottom:4vw;left:0}.grid-item .info .title{font-size:3.7333vw;font-weight:normal;line-height:1;letter-spacing:0;color:#fff}.grid-item .more-btn{display:none}}