.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:400;line-height:2;text-align:justify;letter-spacing:-.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:#0003;-webkit-backdrop-filter:blur(5.125rem);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:400;line-height:2;text-align:justify;letter-spacing:0em;color:#ffffffb3}.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:400;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}.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:400;line-height:2.125rem;letter-spacing:-.02em;color:#fff}.grid-item .info .desc{margin-top:.625rem;font-size:1.125rem;font-weight:400;line-height:2;text-align:justify;letter-spacing:-.02em;color:#fff;opacity:.8}.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}.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}