section.banner{min-height:clamp(350px,5.3309rem + 29.4118vw,650px)}section.banner.aost-show .title-en,section.banner.aost-show .title-zh{opacity:1;transform:translateZ(0)}section.banner .container{margin-top:var(--header-gap);grid-column:var(--grid-2);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}section.banner span{display:block;text-align:center}section.banner span:nth-child(2){margin-top:20px}section.banner .title-en{font-size:clamp(3.75rem,13.5416666667vw,16.25rem);font-weight:600;line-height:.9;letter-spacing:-2px;word-break:break-all;text-align:center;transform:translate3d(0,50px,0);opacity:0;transition:opacity .8s,transform .8s;transition-delay:0s}section.banner .title-zh{transform:translate3d(0,50px,0);opacity:0;transition:opacity .8s,transform .8s;transition-delay:.2s}section.core{margin-top:calc(clamp(0px,-3.3088rem + 5.8824vw,60px)*-1)}section.core[data-default-color=white] .sub-title{color:#fff}section.core[data-default-color=white] .letter-block p{color:#fff}section.core[data-default-color=white] .swiper-block .group2,section.core[data-default-color=white] .swiper-block .letter,section.core[data-default-color=white] .swiper-block .title,section.core[data-default-color=white] .swiper-block .swiper-control{color:#fff}section.core[data-default-color=white] .swiper-block .group2 .para-text{color:#fff}section.core[data-default-color=black] .sub-title{color:#000}section.core[data-default-color=black] .letter-block p{color:#000}section.core[data-default-color=black] .swiper-block .group2,section.core[data-default-color=black] .swiper-block .letter,section.core[data-default-color=black] .swiper-block .title,section.core[data-default-color=black] .swiper-block .swiper-control{color:#000}section.core[data-default-color=black] .swiper-block .group2 .para-text{color:#000}section.core[data-color=white] .sub-title{color:#fff!important}section.core[data-color=white] .letter-block p{color:#fff!important}section.core[data-color=white] .swiper-block .group2,section.core[data-color=white] .swiper-block .letter,section.core[data-color=white] .swiper-block .title{color:#fff!important}section.core[data-color=white] .swiper-block .group2 .para-text{color:#fff!important}section.core[data-color=white] .swiper-control{color:#fff!important}section.core[data-color=black] .sub-title{color:#000!important}section.core[data-color=black] .letter-block p{color:#000!important}section.core[data-color=black] .swiper-block .group2,section.core[data-color=black] .swiper-block .letter,section.core[data-color=black] .swiper-block .title{color:#000!important}section.core[data-color=black] .swiper-block .group2 .para-text{color:#000!important}section.core[data-color=black] .swiper-control{color:#000!important}section.core .container{grid-column:var(--grid-4);position:relative;min-height:clamp(500px,15.8088rem + 27.451vw,780px)}section.core .pic-block{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}section.core .pic-block .pic{position:absolute;left:0;top:0;display:block;width:100%;height:100%;opacity:0;transform:scale(1.05);transition:opacity .5s,transform 1.5s cubic-bezier(.22,1,.36,1)}section.core .pic-block .pic.active{opacity:1;transform:scale(1)}section.core .pic-block .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.core .pic-block .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.core .sub-title{margin:60px auto 0;padding:0 20px;display:flex;justify-content:center;align-items:center;gap:5px 20px;flex-wrap:wrap;max-width:600px;width:100%;color:#fff;text-align:center}section.core .sub-title .sub-title-en p{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.core .sub-title .sub-title-zh p{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.core .letter-block{overflow:hidden}section.core .letter-block .letter-item{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);opacity:0;transition:opacity .5s}section.core .letter-block .letter-item.active{opacity:1}section.core .letter-block sup{position:relative;vertical-align:baseline;top:-1.5em;left:0;font-size:40%;line-height:0}section.core .letter-block p{font-size:clamp(9.375rem,13.0208333333vw,15.625rem);font-weight:700;line-height:.9;letter-spacing:-2px;color:#fff;text-shadow:30px 20px 30px rgba(0,0,0,.15)}section.core .swiper-block{padding:0 60px;position:absolute;bottom:0;left:0;width:100%;height:216px;z-index:1}section.core .swiper-block .swiper-slide{padding:30px 20px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}@media only screen and (min-width:1201px)and (min-width:1201px){section.core .swiper-block .swiper-slide:hover .group1{transform:translate3d(0,-100%,0);opacity:0}section.core .swiper-block .swiper-slide:hover .group2{opacity:1}}@media only screen and (min-width:1201px)and (max-width:1200px){section.core .swiper-block .swiper-slide:active .group1{transform:translate3d(0,-100%,0);opacity:0}section.core .swiper-block .swiper-slide:active .group2{opacity:1}}section.core .swiper-block .swiper-slide.active .group1{transform:translate3d(0,-100%,0);opacity:0}section.core .swiper-block .swiper-slide.active .group2{opacity:1}section.core .swiper-block .group1{display:flex;flex-direction:column;align-items:center;gap:20px;transition:transform .5s,opacity .2s}section.core .swiper-block .group1 .title{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.core .swiper-block .group2{position:absolute;bottom:30px;left:50%;display:flex;flex-direction:column;gap:10px;width:calc(100% - 40px);color:#fff;transform:translate3d(-50%,0,0);opacity:0;transition:opacity .5s}section.core .swiper-block .group2 .title,section.core .swiper-block .group2 .des{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.core .swiper-block .group2 .para-text{color:#fff}section.core .swiper-block .letter{font-size:5rem;font-weight:700;line-height:.9;letter-spacing:-2px;color:#fff;transition:opacity .2s}section.core .swiper-block .title{color:#fff}section.core .swiper-control{position:absolute;bottom:93px;left:50%;justify-content:space-between;width:calc(100% - 60px);color:#fff;z-index:1;pointer-events:none;transform:translate3d(-50%,0,0)}section.core .swiper-control .simple-btn-prev,section.core .swiper-control .simple-btn-next{pointer-events:auto}@media only screen and (max-width:1200px){section.core .sub-title{margin:30px auto 0;gap:5px 10px}section.core .swiper-block{height:100%}section.core .swiper-control{bottom:unset;top:50%;transform:translate3d(-50%,-50%,0)}}@media only screen and (max-width:900px){section.core .container{grid-column:1/-1}}@media only screen and (max-width:767px){section.core .container{display:flex;flex-direction:column}section.core .swiper-block{padding:unset}section.core .swiper-block .swiper-slide{align-items:flex-start;height:auto}section.core .swiper-block .group1{position:absolute}section.core .swiper-block .group2{position:static;transform:unset;width:100%}section.core .swiper-control{width:calc(100% - 40px)}section.core .swiper-control .simple-btn-prev,section.core .swiper-control .simple-btn-next{width:20px;height:20px}section.core .swiper-control .simple-btn-prev i,section.core .swiper-control .simple-btn-next i{font-size:.875rem}}section.title{padding:var(--space-50-80) 0}section.title .title-block{margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:780px;width:100%;gap:20px;text-align:center}section.title .title-block .title-group .title{justify-content:center}section.title .category-block multipurpose-nav{position:relative}section.title .category-block multipurpose-nav:before{position:absolute;bottom:1px;left:50%;width:calc(100% + 60px);height:3px;background:#000;transform:translate3d(-50%,0,0);content:""}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 50px}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .wrapper{width:100%;grid-template-columns:var(--itemCount2, repeat(1, minmax(300px, 1fr)));gap:0!important;z-index:1}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .item.active .category{color:#d7000f}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .item.active .category:after{transform:scaleX(1)}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .category{padding:26px 20px 27.5px;display:flex;justify-content:center;align-items:center;min-height:82.5px;height:100%;font-size:1rem;font-weight:600;line-height:1.8;letter-spacing:.5px;transition:color .2s}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .category:after{right:unset;left:20px;width:calc(100% - 40px)!important;height:5px;background:#d7000f;transform:scaleX(0);transition:width .2s,background .2s,transform .5s}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .navigation .button div{width:30px;height:100%}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev,section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{padding-bottom:2.5px;top:50%;height:100%;transform:translate3d(0,-50%,0);background:unset}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before,section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{transform:unset;background-size:contain;background-repeat:no-repeat;background-position:center;width:18px;height:16px}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{left:0}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before{border-top:unset;border-left:unset;background-image:url(../../assets/img/arrow-left.png)}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{right:0}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{border-top:unset;border-right:unset;background-image:url(../../assets/img/arrow-right.png)}@media only screen and (max-width:1200px){section.title .category-block multipurpose-nav:before{width:calc(100% + 20px)}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 30px}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before,section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{width:14px;height:13px}}@media only screen and (max-width:767px){section.title .category-block multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 20px}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .category{padding:10px 15px 15px;min-height:60px}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .category:after{left:15px;width:calc(100% - 30px)!important}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .navigation .button div{width:20px;height:100%}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev,section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{width:20px;height:100%}}@media only screen and (min-width:1201px){section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .item:hover .category{color:#d7000f}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .item:hover .category:after{transform:scaleX(1)}}@media only screen and (max-width:1200px){section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .item:active .category{color:#d7000f}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .item:active .category:after{transform:scaleX(1)}}section.title .category-block:not(:only-child){margin-top:50px}section.title .category-block .container{grid-column:var(--grid-4)}@media only screen and (min-width:1921px){section.title .title-block{max-width:40.625vw}}@media only screen and (max-width:1200px){section.title .title-block{gap:10px}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container{justify-content:flex-start}section.title .category-block multipurpose-nav[m4-type=drag] .drag-container .wrapper{width:auto;grid-template-columns:unset}}@media only screen and (max-width:767px){section.title .title-block{align-items:flex-start;text-align:left}section.title .title-block .title-group .title{flex-direction:column;align-items:flex-start}}section.sub-unit{padding-top:var(--space-30-50);margin-bottom:var(--space-50-80);position:relative}section.sub-unit:before{position:absolute;top:50%;left:50%;width:calc(100% - var(--1fr-space) * 4 - 60px);height:calc(100% - 55.5555555556vh);min-height:45%;background:#f8f8f8;z-index:-1;pointer-events:none;transform:translate3d(-50%,-50%,0);content:""}section.sub-unit .deco-line{position:absolute;top:0;left:50%;width:1px;height:100%;background:#0003;transform:translate3d(-50%,0,0)}section.sub-unit .deco-line:before{margin-top:var(--space-30-50);position:sticky;top:0;left:0;display:block;width:3px;height:300px;max-height:100%;background:#d7000f;transform:translate3d(-50%,0,0);transition:height .8s;content:""}section.sub-unit .deco-line.scrolling:before{height:50vh}section.sub-unit .deco-line.end:before{height:100vh;transition:height 1.5s ease}section.sub-unit .container{grid-column:var(--grid-11)}section.sub-unit .application-card:nth-child(2n){margin-top:70px}@media only screen and (min-width:1201px)and (min-width:1201px){section.sub-unit .application-card:hover .des{grid-template-rows:1fr;opacity:1}section.sub-unit .application-card:hover .pic-box .pic img{transform:scale(1.05)}section.sub-unit .application-card:hover .link-btn{opacity:1}}@media only screen and (min-width:1201px)and (max-width:1200px){section.sub-unit .application-card:active .des{grid-template-rows:1fr;opacity:1}section.sub-unit .application-card:active .pic-box .pic img{transform:scale(1.05)}section.sub-unit .application-card:active .link-btn{opacity:1}}section.sub-unit .application-card .pic-box{position:relative;display:block;width:100%}section.sub-unit .application-card .pic-box .pic{overflow:hidden;position:relative}section.sub-unit .application-card .pic-box .pic:before{display:block;width:100%;height:0;padding-bottom:100%;content:""}section.sub-unit .application-card .pic-box .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.sub-unit .application-card .pic-box .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.sub-unit .application-card .pic-box .pic img{transition:transform .5s}section.sub-unit .application-card .link-btn{bottom:15px;right:15px;opacity:0;transition:opacity .5s;position:absolute;width:50px;height:50px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 5px 15px #00000026}section.sub-unit .application-card .link-btn:before,section.sub-unit .application-card .link-btn:after{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:#000;content:""}section.sub-unit .application-card .link-btn:before{width:15px;height:2px}section.sub-unit .application-card .link-btn:after{width:2px;height:15px}section.sub-unit .application-card .content{margin-top:20px;padding:0 10px;display:flex;flex-direction:column}section.sub-unit .application-card .title-box{display:flex;flex-direction:column;justify-content:center;gap:10px}section.sub-unit .application-card .title-zh,section.sub-unit .application-card .title-en{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}section.sub-unit .application-card .title-zh a,section.sub-unit .application-card .title-en a{display:block;width:fit-content}section.sub-unit .application-card .des{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s,opacity .5s}section.sub-unit .application-card .des>div{overflow:hidden}section.sub-unit .application-card .des p{margin-top:10px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (max-width:1200px){section.sub-unit:before{width:calc(100% - 60px)}section.sub-unit .application-card .link-btn{opacity:1}}@media only screen and (max-width:1024px){section.sub-unit .card-wrapper .application-card .link-btn{position:absolute;width:40px;height:40px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 5px 15px #00000026}section.sub-unit .card-wrapper .application-card .link-btn:before,section.sub-unit .card-wrapper .application-card .link-btn:after{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:#000;content:""}section.sub-unit .card-wrapper .application-card .link-btn:before{width:10px;height:2px}section.sub-unit .card-wrapper .application-card .link-btn:after{width:2px;height:10px}}@media only screen and (max-width:900px){section.sub-unit:before{width:calc(100% - 40px)}}@media only screen and (max-width:767px){section.sub-unit:before{top:210px;width:100%;height:calc(100% - 420px);transform:translate3d(-50%,0,0)}section.sub-unit .deco-line{left:24px;transform:translateZ(0)}section.sub-unit .card-wrapper{margin-left:28px;display:flex;flex-direction:column}section.sub-unit .card-wrapper .application-card:nth-child(2n){margin-top:unset}section.sub-unit .card-wrapper .application-card .title-zh,section.sub-unit .card-wrapper .application-card .title-en{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}}