section.invert-banner{position:relative;overflow:hidden}section.invert-banner.aost-show .deco-text{opacity:1;transform:translateZ(0)}section.invert-banner.aost-show .content{opacity:1;transform:translateZ(0)}section.invert-banner .bg{height:400px;position:relative}section.invert-banner .bg:before{display:block;width:100%;height:0;padding-bottom:20.8333333333%;content:""}section.invert-banner .bg picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.invert-banner .bg img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.invert-banner .inner{padding:66px 0 40px;position:relative;background:#fff}section.invert-banner .container{grid-column:var(--grid-7)}section.invert-banner .deco-text{position:absolute;top:calc(clamp(36px,-.7831rem + 5.3922vw,91px)*-1);right:-30px;width:51.5625%;z-index:1;font-size:clamp(80px,-2.4837rem + 15.6114vw,260px);font-weight:600;line-height:.9;letter-spacing:-2px;text-align:right;word-break:keep-all;color:#fff;mix-blend-mode:difference;opacity:0;transform:translate3d(10%,0,0);transition:transform 1s cubic-bezier(.484,1.084,.68,1),opacity 1s}section.invert-banner .content{display:flex;flex-direction:column;gap:20px;width:clamp(450px,23.1618rem + 8.8235vw,540px);opacity:0;transform:translate3d(-10%,0,0);transition:transform 1s cubic-bezier(.484,1.084,.68,1),opacity 1s}section.invert-banner .title{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.invert-banner .des{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.invert-banner .breadcrumbs-block{position:absolute;top:var(--header-gap);left:0;width:100%}section.invert-banner .breadcrumbs-block .container{grid-column:var(--grid-4)}@media only screen and (min-width:1921px){section.invert-banner .bg{height:auto}section.invert-banner .content{width:28.125vw}}@media only screen and (max-width:1200px){section.invert-banner .deco-text{right:-13px}}@media only screen and (max-width:1024px){section.invert-banner .content{width:100%}}@media only screen and (max-width:767px){section.invert-banner .bg{height:300px}section.invert-banner .inner{padding:40px 0}}@media only screen and (max-width:575px){section.invert-banner .deco-text{width:62.4%}}section.common-banner{padding-top:var(--header-gap);position:relative}section.common-banner.aost-show .title-block .title .title-zh,section.common-banner.aost-show .title-block .title .title-en{opacity:1;transform:translateZ(0)}section.common-banner.aost-show .title-block .tags{opacity:1;transform:translateZ(0)}section.common-banner[data-color=white] .breadcrumbs-block .breadcrumbs .item{color:#fff}@media only screen and (min-width:1201px){section.common-banner[data-color=white] .breadcrumbs-block .breadcrumbs .item:hover a p{color:#fff}}@media only screen and (max-width:1200px){section.common-banner[data-color=white] .breadcrumbs-block .breadcrumbs .item:active a p{color:#fff}}section.common-banner[data-color=white] .breadcrumbs-block .breadcrumbs .item:not(:first-child):before{background:#fff;opacity:.5}section.common-banner[data-color=white] .title-block .title{color:#fff}section.common-banner[data-color=black] .breadcrumbs-block .breadcrumbs .item{color:#333}@media only screen and (min-width:1201px){section.common-banner[data-color=black] .breadcrumbs-block .breadcrumbs .item:hover a p{color:#000}}@media only screen and (max-width:1200px){section.common-banner[data-color=black] .breadcrumbs-block .breadcrumbs .item:active a p{color:#000}}section.common-banner[data-color=black] .breadcrumbs-block .breadcrumbs .item:not(:first-child):before{background:#000;opacity:.5}section.common-banner[data-color=black] .title-block .title{color:#000}section.common-banner .bg{position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:-1}section.common-banner .bg picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.common-banner .bg img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.common-banner .breadcrumbs-block .container{grid-column:var(--grid-4)}section.common-banner .title-block{padding:40px 0 60px;min-height:clamp(400px,16.7279rem + 14.7059vw,550px)}section.common-banner .title-block .container{grid-column:var(--grid-7);display:flex;flex-direction:column;justify-content:center}section.common-banner .title-block .title{display:flex;flex-direction:column;gap:10px}section.common-banner .title-block .title .title-zh{transform:translate3d(0,50px,0);opacity:0;transition:opacity .8s,transform .8s;transition-delay:0s}section.common-banner .title-block .title .title-en{transform:translate3d(0,50px,0);opacity:0;transition:opacity .8s,transform .8s;transition-delay:.1s}section.common-banner .title-block .tags{margin-top:30px;display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;transform:translate3d(0,50px,0);opacity:0;transition:opacity .8s,transform .8s;transition-delay:.2s}section.common-banner .title-block .tag{padding:5px 10px;width:fit-content;border-radius:5px;background:#efefef;color:#333}section.common-banner .title-block .container{max-width:1140px;width:100%;align-items:flex-start;text-align:left}@media only screen and (min-width:1921px){section.common-banner .title-block .container{max-width:59.375vw}}section.main{padding:var(--space-30-100) 0 var(--space-50-100)}section.main .container{grid-column:var(--grid-7);display:flex;justify-content:space-between}section.main .aside{flex-shrink:0;width:210px}section.main .sticky{position:sticky;top:100px;display:flex;flex-direction:column;gap:20px}section.main .sticky .item{cursor:pointer;transition:color .2s;word-break:break-word;overflow-wrap:break-word;padding-left:20px;position:relative}section.main .sticky .item:before{position:absolute;top:10px;left:0;width:10px;height:10px;background:#d7000f;content:""}@media only screen and (min-width:1201px){section.main .sticky .item:hover{color:#d7000f}}@media only screen and (max-width:1200px){section.main .sticky .item:active{color:#d7000f}}section.main .sticky .item p{padding-top:2px}section.main .multipurpose{display:none;min-height:50px}section.main .multipurpose.fixed .multipurpose-wrapper{padding:0 20px;position:fixed;top:0;left:0;width:100%;background:#fff;box-shadow:0 5px 20px #0000001a;transform:translateZ(0);z-index:10}section.main .multipurpose.hide .multipurpose-wrapper{opacity:0;transform:translate3d(0,-100%,0)}section.main .multipurpose .multipurpose-wrapper{transition:transform .5s,opacity .2s}section.main .multipurpose multipurpose-nav[m4-type=drag] .drag-container{justify-content:flex-start}section.main .multipurpose multipurpose-nav[m4-type=drag] .drag-container .wrapper{gap:10px 20px!important}section.main .multipurpose multipurpose-nav[m4-type=drag] .drag-container .item{padding-left:20px;position:relative}section.main .multipurpose multipurpose-nav[m4-type=drag] .drag-container .item.active .category:after{display:none}section.main .multipurpose multipurpose-nav[m4-type=drag] .drag-container .item:before{position:absolute;top:19px;left:0;width:10px;height:10px;background:#d7000f;content:""}section.main .multipurpose multipurpose-nav[m4-type=drag] .drag-container .category{font-size:1rem;font-weight:600;line-height:1.8;letter-spacing:normal}section.main .multipurpose multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{display:none}section.main .multipurpose multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{display:none}section.main .main{width:calc(100% - 210px - 6.25vw)}section.main .main>div:not(:first-child){margin-top:var(--space-50-100)}section.main .main .introduce>div:not(:first-child),section.main .main .related>div:not(:first-child){margin-top:var(--space-30-50)}section.main .main .related .items-block{display:flex;flex-wrap:wrap;gap:50px 4.1666666667vw}section.main .main .related .item{padding:0 10px 20px;display:flex;align-items:center;gap:30px;width:calc((100% - 4.1666666667vw) / 2);position:relative}section.main .main .related .item:before,section.main .main .related .item:after{position:absolute;bottom:0;left:0;transform:translate3d(0,50%,0);content:""}section.main .main .related .item:before{width:100%;height:1px;background:#0003}section.main .main .related .item:after{width:100px;height:2px;background:#000;transition:width .5s ease,background .5s ease}@media only screen and (min-width:1201px){section.main .main .related .item:hover:after{width:100%;background:#d7000f}}@media only screen and (max-width:1200px){section.main .main .related .item:active:after{width:100%;background:#d7000f}}section.main .main .related .item .pic{flex-shrink:0;display:block;width:120px;position:relative}section.main .main .related .item .pic:before{display:block;width:100%;height:0;padding-bottom:100%;content:""}section.main .main .related .item .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.main .main .related .item .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.main .main .related .item .content{display:flex;flex-direction:column;gap:10px}section.main .main .related .item .content .title a{display:block;width:fit-content}section.main .main .related .item .content .des{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width:1921px){section.main .main .related .item .pic{width:6.25vw}}@media only screen and (min-width:1201px)and (max-width:1353px){section.main .main .related .item{flex-direction:column;align-items:flex-start;gap:20px}}@media only screen and (max-width:1200px){section.main .container{flex-direction:column}section.main .aside{display:none}section.main .multipurpose{display:block}section.main .multipurpose.fixed .multipurpose-wrapper{padding:0 calc(var(--1fr-space) + 30px)}section.main .main{margin-top:30px;width:100%}}@media only screen and (max-width:992px){section.main .main .related .item{flex-direction:column;align-items:flex-start;gap:20px}}@media only screen and (max-width:767px){section.main .multipurpose.fixed .multipurpose-wrapper{padding:0 20px}section.main .main .related .items-block{gap:30px}section.main .main .related .item{flex-direction:column;align-items:flex-start;gap:20px;width:100%}}section.more{padding:var(--space-50-100) 0;position:relative}section.more .bg{position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:-1}section.more .bg picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.more .bg img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.more .title-group{flex-direction:column;gap:20px}section.more .title-block{margin-left:auto;grid-column:var(--grid-7);display:flex;align-items:center;gap:30px;width:calc(100% - 210px - 6.25vw)}section.more .title-group{flex:1}section.more .embla{--slide-size: max( 300px, 21.875vw )}section.more .embla.embla--noScrollable .embla__viewport{padding-left:calc(210px + 6.25vw + var(--1fr-space) * 5 + 30px)}section.more .embla.embla--noScrollable .embla__container{gap:30px}section.more .embla.embla--noScrollable .slide-desc{opacity:1}@media only screen and (min-width:1201px){section.more .embla.embla--noScrollable .embla__slide:hover:not(.is-active) .link-btn,section.more .embla.embla--noScrollable .embla__slide:hover.is-active .link-btn{opacity:1}}@media only screen and (max-width:1200px){section.more .embla.embla--noScrollable .embla__slide:active:not(.is-active) .link-btn,section.more .embla.embla--noScrollable .embla__slide:active.is-active .link-btn{opacity:1}}section.more .embla.embla--noScrollable .embla__slide.is-active .slide-desc{opacity:1}section.more .embla.embla--noScrollable .embla__slide.is-active .link-btn{opacity:0}section.more .embla.embla--noScrollable .embla__slide:not(.is-active) .slide-wrapper{transform:unset}section.more .embla.embla--noScrollable .embla__slide.is-prev .slide-wrapper,section.more .embla.embla--noScrollable .embla__slide.is-first .slide-wrapper{transform:unset}section.more .embla .embla__viewport{margin-top:var(--space-30-50)}section.more .embla .embla__slide.is-active .slide-desc{opacity:1}section.more .embla .embla__slide.is-active .link-btn{opacity:1}section.more .embla .embla__slide:not(.is-active) .slide-wrapper{transform:translate(5.9524%)}section.more .embla .embla__slide.is-prev .slide-wrapper,section.more .embla .embla__slide.is-first .slide-wrapper{transform:translate(-5.9524%)}section.more .embla .embla__scale__layer{transform-origin:top}section.more .embla .slide-wrapper{transition:transform .4s}section.more .embla .img-wrapper{position:relative;display:block}section.more .embla .img-box{position:relative}section.more .embla .img-box:before{display:block;width:100%;height:0;padding-bottom:100%;content:""}section.more .embla .img-box picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.more .embla .img-box img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.more .embla .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.more .embla .link-btn:before,section.more .embla .link-btn:after{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:#000;content:""}section.more .embla .link-btn:before{width:15px;height:2px}section.more .embla .link-btn:after{width:2px;height:15px}section.more .embla .content-wrapper{margin-top:20px;padding-inline:10px}section.more .embla .slide-title{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.more .embla .slide-title-split{display:flex;flex-direction:column;gap:5px}section.more .embla .slide-title-split .title-zh,section.more .embla .slide-title-split .title-en{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}section.more .embla .slide-desc{margin-top:10px;opacity:0;transition:opacity .5s;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.more .embla .embla-btn-rwd{display:none}@media only screen and (max-width:1600px){section.more .embla.embla--noScrollable .embla__viewport{padding-left:calc(210px + 6.25vw + var(--1fr-space) * 4 + 30px)}}@media only screen and (max-width:1440px){section.more .embla.embla--noScrollable .embla__viewport{padding-left:calc(210px + 6.25vw + var(--1fr-space) * 3 + 30px)}}@media only screen and (max-width:1200px){section.more .title-block{width:100%}section.more .embla.embla--noScrollable .embla__viewport{padding-left:calc(var(--1fr-space) + 30px)}}@media only screen and (max-width:767px){section.more .embla{--slide-size: 100%;--slide-spacing: 40px}section.more .embla.embla--noScrollable .embla__viewport{padding-left:20px}section.more .embla .embla__viewport{padding-inline:20px}section.more .embla .embla__slide.is-active .slide-desc{opacity:1}section.more .embla .embla__slide:not(.is-active) .slide-wrapper{transform:unset}section.more .embla .embla__slide.is-prev .slide-wrapper,section.more .embla .embla__slide.is-first .slide-wrapper{transform:unset}section.more .embla .embla-btn{display:none}section.more .embla .embla-btn-rwd{margin:30px 0 0 20px;display:block;width:fit-content}}section.more .title-block{margin-left:unset;grid-column:var(--grid-11);align-items:flex-end;width:100%}section.more .embla.embla--noScrollable .embla__viewport{padding-left:calc(var(--1fr-space) * 9 + 30px)}@media only screen and (max-width:1700px){section.more .embla.embla--noScrollable .embla__viewport{padding-left:calc(var(--1fr-space) * 7 + 30px)}}@media only screen and (max-width:1600px){section.more .embla.embla--noScrollable .embla__viewport{padding-left:calc(var(--1fr-space) * 5 + 30px)}}@media only screen and (max-width:1440px){section.more .embla.embla--noScrollable .embla__viewport{padding-left:calc(var(--1fr-space) * 4 + 30px)}}@media only screen and (max-width:1200px){section.more .embla.embla--noScrollable .embla__viewport{padding-left:calc(var(--1fr-space) * 2 + 30px)}}@media only screen and (max-width:900px){section.more .embla.embla--noScrollable .embla__viewport{padding-left:calc(var(--1fr-space) + 30px)}}@media only screen and (max-width:767px){section.more .embla.embla--noScrollable .embla__viewport{padding-left:20px}}section.more .embla .embla__viewport{margin-top:var(--space-30-80)}@media only screen and (max-width:1200px){section.more .title-group{gap:10px}section.more .title-block{grid-column:3/-3}}@media only screen and (max-width:767px){section.more .title-block{grid-column:2/-2}}