section.breadCrumbs{width:100%}section.breadCrumbs .container{padding:0 calc(var(--baseSpace) + var(--1fr))}section.breadCrumbs .items{width:100%;display:flex;align-items:center;gap:10px}section.breadCrumbs .item{max-width:16.40625vw;display:flex;align-items:center;gap:10px}section.breadCrumbs .item .btnBreadCrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s}section.breadCrumbs .item a:hover{color:#4997f1}section.breadCrumbs .item:first-child .icon{display:none}section.breadCrumbs .item:not(:last-child){flex-shrink:0}section.breadCrumbs .icon{font-size:11px;color:#666;margin:0 -3px}@media only screen and (max-width: 1200px){section.breadCrumbs .container{padding:0 var(--baseSpace)}section.breadCrumbs .item{max-width:calc((100% - 20px) / 3)}section.breadCrumbs .item:last-child{flex-grow:1}}section.banner .container{grid-column:2/-2}section.banner .img-wrap{position:relative;width:100%;border-radius:20px;overflow:hidden;display:flex}section.banner .img-wrap.aost-show .bg-img .sticky-img img{opacity:1;transform:scale(1);transition:transform .8s,opacity .8s}section.banner .img-wrap.aost-show .bannerSubtitle,section.banner .img-wrap.aost-show .bannerTitle,section.banner .img-wrap.aost-show+.desc-wrap{opacity:1;transform:translateY(0)}section.banner .img-wrap.aost-show+.desc-wrap{transition:transform .6s .5s,opacity .6s .5s}section.banner .img-wrap.aost-show+.desc-wrap .deco-shape .icon-circle{animation:blink 1.2s .6s 2 linear}section.banner .img-wrap.aost-show+.desc-wrap .deco-shape .icon-rhombus{animation:blink 1.2s .8s 2 linear}section.banner .img-wrap.aost-show+.desc-wrap .deco-shape .icon-square{animation:blink 1.2s 1s 2 linear}section.banner .img-wrap.aost-show+.desc-wrap .deco-shape .icon-hexagon{animation:blink 1.2s 1.2s 2 linear}section.banner .bg-img .sticky-img img{opacity:0;transform:scale(1.08)}section.banner .content-wrap{width:100%;padding:60px calc(var(--1fr) * 2);display:flex}section.banner .bannerSubtitle{width:100%;display:flex;flex-direction:column;gap:5px;opacity:0;transform:translateY(30px)}section.banner .bannerTitle{max-width:900px;width:100%;margin-top:auto;font-size:clamp(1.75rem,.5368rem + 2.157vw,3.125rem);font-weight:500;line-height:1.4;letter-spacing:1px;opacity:0;transform:translateY(30px)}section.banner .bannerTitle h2{white-space:pre-wrap}section.banner .desc-wrap{margin-top:40px;padding-left:calc(var(--1fr) * 2);opacity:0;transform:translateY(30px)}section.banner .bannerDesc{max-width:780px;width:100%;font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:.5px;color:#0009;margin-top:15px;text-align:left}section.banner[type=overview] .img-wrap.aost-show .bannerSubtitle,section.banner[type=noimage] .img-wrap.aost-show .bannerSubtitle{transition:transform .6s .1s,opacity .6s .1s}section.banner[type=overview] .img-wrap.aost-show .bannerTitle,section.banner[type=noimage] .img-wrap.aost-show .bannerTitle{transition:transform .6s .3s,opacity .6s .3s}section.banner[type=overview] .img-wrap,section.banner[type=single] .img-wrap,section.banner[type=noimage] .img-wrap{min-height:600px}section.banner[type=overview] .content-wrap,section.banner[type=single] .content-wrap,section.banner[type=noimage] .content-wrap{flex-direction:column}section.banner[type=overview] .bannerSubtitle,section.banner[type=single] .bannerSubtitle,section.banner[type=noimage] .bannerSubtitle{margin-bottom:40px;font-size:clamp(1.125rem,-.6397rem + 3.1373vw,1.25rem);font-weight:500;line-height:1.3;letter-spacing:.5px}section.banner[type=overview] .deco-shape,section.banner[type=single] .deco-shape,section.banner[type=noimage] .deco-shape{width:fit-content;display:flex;align-items:center;gap:10px}section.banner[type=overview] .deco-shape .icon-circle,section.banner[type=single] .deco-shape .icon-circle,section.banner[type=noimage] .deco-shape .icon-circle{color:#f5ad5b;font-size:10px;opacity:1;transform:scale(1)}section.banner[type=overview] .deco-shape .icon-rhombus,section.banner[type=single] .deco-shape .icon-rhombus,section.banner[type=noimage] .deco-shape .icon-rhombus{color:#ee3d19;font-size:11px;opacity:1;transform:scale(1)}section.banner[type=overview] .deco-shape .icon-square,section.banner[type=single] .deco-shape .icon-square,section.banner[type=noimage] .deco-shape .icon-square{color:#4997f1;font-size:9px;opacity:1;transform:scale(1)}section.banner[type=overview] .deco-shape .icon-hexagon,section.banner[type=single] .deco-shape .icon-hexagon,section.banner[type=noimage] .deco-shape .icon-hexagon{color:#004884;font-size:11px;opacity:1;transform:scale(1)}section.banner[type=single] .img-wrap.aost-show section.breadCrumbs{opacity:1;transform:translateY(0);transition:transform .6s .1s,opacity .6s .1s}section.banner[type=single] .img-wrap.aost-show .bannerSubtitle{transition:transform .6s .1s,opacity .6s .3s}section.banner[type=single] .img-wrap.aost-show .bannerTitle{transition:transform .6s .3s,opacity .6s .5s}section.banner[type=single] section.breadCrumbs{margin-bottom:30px;opacity:0;transform:translateY(30px)}section.banner[type=single] section.breadCrumbs .container{padding:0}section.banner[type=detail] .img-wrap{min-height:500px}section.banner[type=detail] .img-wrap.aost-show .bannerTitle{transition:transform .6s .1s,opacity .6s .1s}section.banner[type=detail] .img-wrap.aost-show .bannerSubtitle{transition:transform .6s .3s,opacity .6s .3s}section.banner[type=detail] .content-wrap{flex-direction:column-reverse}section.banner[type=detail] .bannerSubtitle{margin-top:10px;font-size:clamp(1.125rem,-.6397rem + 3.1373vw,1.25rem);font-weight:400;line-height:1.3;letter-spacing:.5px}section.banner[type=noimage] .img-wrap{min-height:unset}section.banner[type=noimage] .content-wrap{padding-top:30px;padding-bottom:0}section.banner[theme=white] .content-wrap{color:#fff}section.banner[theme=white] section.breadCrumbs .icon{color:#fff}section.banner[theme=black] .content-wrap{color:#000}section.banner[theme=black] section.breadCrumbs .icon{color:#000}section.banner[align=left] .content-wrap{align-items:flex-start}section.banner[align=right] .content-wrap{align-items:flex-end}section.banner[align=center] .content-wrap{align-items:center}@media only screen and (min-width: 1921px){section.banner[type=overview] .img-wrap,section.banner[type=single] .img-wrap{min-height:55.5555555556vh}section.banner[type=detail] .img-wrap{min-height:46.2962962963vh}section.banner .bannerTitle{max-width:46.875vw}section.banner .bannerDesc{max-width:40.625vw}}@media only screen and (max-width: 1200px){section.banner .content-wrap{padding:var(--baseSpace)}section.banner .desc-wrap{padding-left:0;margin-top:30px}section.banner[type=noimage] .bannerSubtitle{margin-bottom:30px}section.banner[type=noimage] .content-wrap{padding-inline:0}}@media only screen and (max-width: 767px){section.banner .content-wrap{padding:30px 20px}}@media only screen and (max-width: 600px){section.banner[type=overview] .img-wrap,section.banner[type=single] .img-wrap{min-height:500px}section.banner[type=detail] .img-wrap{min-height:450px}}multipurpose-nav[m4-type=drag] .drag-container{max-width:unset;display:flex}multipurpose-nav[m4-type=drag] .drag-container .navigation .button{background:transparent}multipurpose-nav[m4-type=drag] .drag-container .navigation .button div{width:30px;height:30px}multipurpose-nav[m4-type=drag] .drag-container .navigation .button div:before{width:10px;height:10px}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{left:0;transform:translateY(-50%)}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div{justify-content:start;margin-left:10px}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{right:0;transform:translateY(-50%)}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div{justify-content:end;margin-right:10px}multipurpose-nav[m4-type=drag] .drag-container .wrapper{width:calc(100% - 60px);padding:0;margin:0 auto;gap:10px 20px!important}multipurpose-nav[m4-type=drag] .drag-container .item.active .category,multipurpose-nav[m4-type=drag] .drag-container .item[aria-selected=true] .category{color:#fff}multipurpose-nav[m4-type=drag] .drag-container .item.active .category:after,multipurpose-nav[m4-type=drag] .drag-container .item[aria-selected=true] .category:after{background:#004884}@media only screen and (min-width: 1201px){multipurpose-nav[m4-type=drag] .drag-container .item:hover .category{color:#fff}multipurpose-nav[m4-type=drag] .drag-container .item:hover .category:after{background:#004884}}@media only screen and (max-width: 1200px){multipurpose-nav[m4-type=drag] .drag-container .item:active .category{color:#fff}multipurpose-nav[m4-type=drag] .drag-container .item:active .category:after{background:#004884}}multipurpose-nav[m4-type=drag] .drag-container .category{padding:15px 30px;border-radius:500px;overflow:hidden;font-size:1rem;font-weight:500;line-height:1.3;letter-spacing:1px;transition:color .3s}multipurpose-nav[m4-type=drag] .drag-container .category:after{width:100%;height:100%;z-index:-1;transition:background .3s}multipurpose-nav[m4-type=drag].noScrollable .drag-container{padding:0}multipurpose-nav[m4-type=drag].noScrollable .drag-container .wrapper{width:100%}multipurpose-nav[m4-type=drag][theme=common] .drag-container .category:after{background:#f2f2f2}multipurpose-nav[m4-type=drag][theme=white] .drag-container .category:after{background:#fff}@media only screen and (max-width: 900px){multipurpose-nav[m4-type=drag] .drag-container .wrapper{gap:10px 15px!important}multipurpose-nav[m4-type=drag] .drag-container .category{padding:10px 20px}}.project-card{width:100%;align-self:flex-start}.project-card[image-type=rectangle] .pic-wrap .content{padding:30px 40px}.project-card[image-type=rectangle] .pic-box:before{padding-top:62.5%}.project-card[image-type=square] .pic-wrap .content{padding:100px 40px 30px}.project-card[image-type=square] .pic-box:before{padding-top:100%}.project-card .pic-wrap{position:relative;border-radius:20px;transition:box-shadow .4s ease}.project-card .pic-wrap .content{position:absolute;width:100%;height:100%;top:0;left:0;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;gap:min(40px,16.6667%) 0;pointer-events:none;text-align:center}.project-card .pic-wrap .box{width:100%}.project-card .pic-wrap .itemTitle-s-bold,.project-card .pic-wrap .itemSubtitle-s-bold,.project-card .pic-wrap .paragraph,.project-card .pic-wrap .icon{opacity:0;transform:translate3d(0,15px,0)}.project-card .pic-wrap .itemSubtitle-s-bold{margin-top:2.5%}.project-card .pic-wrap .paragraph{width:100%;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.project-card .deco-paint{position:absolute;right:-20px;bottom:-10px;width:72.9167%;stroke-dasharray:500;stroke-dashoffset:500;pointer-events:none}.project-card .deco-paint svg{width:100%}.project-card .pic-box{overflow:hidden;border-radius:20px;border:1px solid #FFFFFF}.project-card .pic-box:after{position:absolute;content:"";top:0;left:0;width:100.1%;height:100.1%;background:linear-gradient(0deg,#0009 0% 100%);opacity:0;z-index:0;transition:opacity .3s ease;pointer-events:none}.project-card .icon{width:30px;height:30px;position:relative;flex-shrink:0}.project-card .icon:before,.project-card .icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:#fff;z-index:1}.project-card .icon:before{width:14px;height:1px}.project-card .icon:after{width:1px;height:14px}.project-card>.content{padding:0 20px;margin-top:15px}.project-card>.content .itemSubtitle-s-bold{margin-top:5px}.project-card>.content .itemTitle-s-bold,.project-card>.content .itemSubtitle-s-bold{transition:opacity .4s,transform .4s}.project-card .itemTitle-s-bold,.project-card .itemSubtitle-s-bold{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width: 901px) and (min-width: 1201px){.project-card:hover .pic-wrap{box-shadow:20px 20px 15px #0000001a}.project-card:hover .pic-wrap .itemTitle-s-bold,.project-card:hover .pic-wrap .itemSubtitle-s-bold,.project-card:hover .pic-wrap .paragraph,.project-card:hover .pic-wrap .icon{opacity:1;transform:translateZ(0);transition:opacity .4s ease,transform .4s ease}.project-card:hover .pic-wrap .itemTitle-s-bold{transition-delay:.2s}.project-card:hover .pic-wrap .itemSubtitle-s-bold{transition-delay:.4s}.project-card:hover .pic-wrap .paragraph{transition-delay:.6s}.project-card:hover .pic-wrap .icon{transition-delay:.8s}.project-card:hover .pic-box:after{opacity:1}.project-card:hover .deco-paint{animation:solid .6s ease-out 1 forwards}.project-card:hover>.content .itemTitle-s-bold,.project-card:hover>.content .itemSubtitle-s-bold{opacity:0;transform:translate3d(0,-15px,0);transition:opacity .4s ease,transform .4s ease}}@media only screen and (min-width: 901px) and (max-width: 1200px){.project-card:active .pic-wrap{box-shadow:20px 20px 15px #0000001a}.project-card:active .pic-wrap .itemTitle-s-bold,.project-card:active .pic-wrap .itemSubtitle-s-bold,.project-card:active .pic-wrap .paragraph,.project-card:active .pic-wrap .icon{opacity:1;transform:translateZ(0);transition:opacity .4s ease,transform .4s ease}.project-card:active .pic-wrap .itemTitle-s-bold{transition-delay:.2s}.project-card:active .pic-wrap .itemSubtitle-s-bold{transition-delay:.4s}.project-card:active .pic-wrap .paragraph{transition-delay:.6s}.project-card:active .pic-wrap .icon{transition-delay:.8s}.project-card:active .pic-box:after{opacity:1}.project-card:active .deco-paint{animation:solid .6s ease-out 1 forwards}.project-card:active>.content .itemTitle-s-bold,.project-card:active>.content .itemSubtitle-s-bold{opacity:0;transform:translate3d(0,-15px,0);transition:opacity .4s ease,transform .4s ease}}section.breadCrumbs{padding:30px 0}@media only screen and (max-width: 900px){section.breadCrumbs{padding:20px 0}}section.tabCategory{padding:0px calc(var(--baseSpace) + var(--1fr))}@media only screen and (max-width: 1200px){section.tabCategory{padding:0px var(--baseSpace)}}section.tabCategory>.container{width:100%;display:flex;align-items:center;justify-content:end;gap:20px var(--1fr);padding:30px 0;position:relative}section.tabCategory>.container:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background-image:linear-gradient(to right,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 50%,transparent 50%);background-size:12px 1px;background-repeat:repeat-x}@media only screen and (max-width: 900px){section.tabCategory>.container{padding:20px 0;flex-direction:column;align-items:flex-start}}section.tabCategory .title-box{display:flex;align-items:center;flex-shrink:0;gap:15px}section.tabCategory .title-box .zh,section.tabCategory .title-box .en{font-size:1.25rem;font-weight:500;line-height:1.3;letter-spacing:.5px}section.tabCategory .category-box{width:calc(100% - 201px - var(--1fr));display:flex;justify-content:end;overflow:hidden}section.tabCategory .category-bar{max-width:100%;width:fit-content}section.tabCategory .category-bar multipurpose-nav{width:calc(100% + 100px);padding-right:100px}section.tabCategory .category-bar multipurpose-nav.noScrollable{padding-right:0}@media only screen and (max-width: 900px){section.tabCategory .title-box .zh,section.tabCategory .title-box .en{font-size:1.125rem}section.tabCategory .category-box{width:100%;display:block}section.tabCategory .category-bar{width:100%;max-width:unset}}section.subCategory .category-bar{grid-column:var(--columns-3);padding:40px 0}@media only screen and (max-width: 900px){section.subCategory .category-bar{padding:30px 0 20px}}section.content{padding:clamp(50px,1.4706rem + 2.9412vw,80px) 0 clamp(80px,-.5147rem + 9.804vw,180px)}section.content .container{grid-column:var(--columns-3)}section.content .title-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px var(--1fr);margin-bottom:80px}section.content .title-wrap .title-box{max-width:780px;width:100%}section.content .title-wrap .paragraph{margin-top:15px}section.content .title-wrap .deco-box{width:120px;height:110px;align-self:flex-start;position:relative;flex-shrink:0}section.content .title-wrap .deco-box .circle{position:absolute;top:0;left:0;width:100px;height:100px;background:#f5ad5b;opacity:.2;border-radius:50%;transform:scale(0);opacity:0}section.content .title-wrap .deco-box .around-circle{position:absolute;right:0;bottom:0;width:60px;height:60px;opacity:0}section.content .title-wrap .deco-box .pic-box{position:absolute;top:25px;left:30px;width:60px;height:60px;transform:scale(0);opacity:0}section.content .title-wrap .deco-box.aost-show .circle{transform:scale(1);opacity:.2;transition:.6s}section.content .title-wrap .deco-box.aost-show .around-circle{opacity:1;transition:.6s}section.content .title-wrap .deco-box.aost-show .pic-box{transform:scale(1);opacity:1;transition:.6s .2s}section.content .content-wrap{display:flex;flex-wrap:wrap;gap:80px 0;margin-inline:calc(var(--1fr) * -.5)}section.content .content-wrap .project-card{width:33.3333333333%;padding:0 calc(var(--1fr) * .5)}section.content .page-btn{margin-top:80px}section.content .noContent{padding-block:0px}@media only screen and (max-width: 1536px){section.content .project-card .icon{display:none}section.content .project-card[image-type=square] .pic-wrap .content{padding-top:30px}}@media only screen and (max-width: 1366px){section.content .project-card .icon{display:block}section.content .project-card[image-type=square] .pic-wrap .content{padding-top:100px}}@media only screen and (max-width: 1365px){section.content .title-wrap{margin-bottom:var(--1fr)}section.content .title-wrap .around-circle circle{stroke-dasharray:6,6}section.content .title-wrap .paragraph{margin-top:10px}section.content .content-wrap{gap:var(--1fr) 0}section.content .content-wrap .project-card{width:50%;padding:0 calc(var(--1fr) * .5)}}@media only screen and (max-width: 900px){section.content .page-btn{margin-top:50px}}@media only screen and (max-width: 767px){section.content .title-wrap{flex-direction:column;margin-bottom:50px}section.content .title-wrap .deco-box{margin:0 auto}section.content .content-wrap{gap:30 0}section.content .content-wrap .project-card{width:100%;padding:0 calc(var(--1fr) * .5)}}