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.category-bar multipurpose-nav{position:relative}section.category-bar multipurpose-nav:before{position:absolute;bottom:1px;left:50%;width:calc(100% + 60px);height:3px;background:#000;transform:translate3d(-50%,0,0);content:""}section.category-bar multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 50px}section.category-bar 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.category-bar multipurpose-nav[m4-type=drag] .drag-container .item.active .category{color:#d7000f}section.category-bar multipurpose-nav[m4-type=drag] .drag-container .item.active .category:after{transform:scaleX(1)}section.category-bar 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.category-bar 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.category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button div{width:30px;height:100%}section.category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev,section.category-bar 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.category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before,section.category-bar 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.category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{left:0}section.category-bar 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.category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{right:0}section.category-bar 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.category-bar multipurpose-nav:before{width:calc(100% + 20px)}section.category-bar multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 30px}section.category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before,section.category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{width:14px;height:13px}}@media only screen and (max-width:767px){section.category-bar multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 20px}section.category-bar multipurpose-nav[m4-type=drag] .drag-container .category{padding:10px 15px 15px;min-height:60px}section.category-bar multipurpose-nav[m4-type=drag] .drag-container .category:after{left:15px;width:calc(100% - 30px)!important}section.category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button div{width:20px;height:100%}section.category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev,section.category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{width:20px;height:100%}}@media only screen and (min-width:1201px){section.category-bar multipurpose-nav[m4-type=drag] .drag-container .item:hover .category{color:#d7000f}section.category-bar multipurpose-nav[m4-type=drag] .drag-container .item:hover .category:after{transform:scaleX(1)}}@media only screen and (max-width:1200px){section.category-bar multipurpose-nav[m4-type=drag] .drag-container .item:active .category{color:#d7000f}section.category-bar multipurpose-nav[m4-type=drag] .drag-container .item:active .category:after{transform:scaleX(1)}}section.category-bar .container{grid-column:var(--grid-4)}section.sub-unit{overflow:hidden}section.sub-unit>div{padding-top:var(--space-50-100)}section.sub-unit .block1 .title-group,section.sub-unit .block2 .title-group,section.sub-unit .block3 .title-group{flex-direction:column;gap:20px}section.sub-unit .block1 .title-group .title,section.sub-unit .block2 .title-group .title,section.sub-unit .block3 .title-group .title{width:fit-content}section.sub-unit .block1 .title-group .des,section.sub-unit .block2 .title-group .des,section.sub-unit .block3 .title-group .des{max-width:480px;width:100%}section.sub-unit .block1 .simple-btn,section.sub-unit .block2 .simple-btn,section.sub-unit .block3 .simple-btn{margin-top:var(--space-20-40)}section.sub-unit .block1 .container,section.sub-unit .block3 .container{grid-column:1/-11}@media only screen and (max-width:1700px){section.sub-unit .block1 .container,section.sub-unit .block3 .container{grid-column:1/-9}}@media only screen and (max-width:1600px){section.sub-unit .block1 .container,section.sub-unit .block3 .container{grid-column:1/-7}}@media only screen and (max-width:1440px){section.sub-unit .block1 .container,section.sub-unit .block3 .container{grid-column:1/-6}}@media only screen and (max-width:1200px){section.sub-unit .block1 .container,section.sub-unit .block3 .container{grid-column:1/-4}}@media only screen and (max-width:900px){section.sub-unit .block1 .container,section.sub-unit .block3 .container{grid-column:3/-3}}@media only screen and (max-width:767px){section.sub-unit .block1 .container,section.sub-unit .block3 .container{grid-column:2/-2}}section.sub-unit .block2 .container{grid-column:11/-1}@media only screen and (max-width:1700px){section.sub-unit .block2 .container{grid-column:9/-1}}@media only screen and (max-width:1600px){section.sub-unit .block2 .container{grid-column:7/-1}}@media only screen and (max-width:1440px){section.sub-unit .block2 .container{grid-column:6/-1}}@media only screen and (max-width:1200px){section.sub-unit .block2 .container{grid-column:4/-1}}@media only screen and (max-width:900px){section.sub-unit .block2 .container{grid-column:3/-3}}@media only screen and (max-width:767px){section.sub-unit .block2 .container{grid-column:2/-2}}section.sub-unit .block1{transform:translate3d(-50px,0,0);opacity:0;transition:opacity .8s,transform .8s;transition-delay:0s}section.sub-unit .block1.aost-show{transform:translateZ(0);opacity:1}section.sub-unit .block1 .container{display:flex;justify-content:space-between;align-items:center}section.sub-unit .block1 .pic{display:block;width:51.8518518519%;overflow:hidden;position:relative}section.sub-unit .block1 .pic:before{display:block;width:100%;height:0;padding-bottom:71.4285714286%;content:""}section.sub-unit .block1 .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.sub-unit .block1 .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.sub-unit .block1 .pic img{transition:transform .5s}@media only screen and (min-width:1201px){section.sub-unit .block1 .pic:hover img{transform:scale(1.05)}}@media only screen and (max-width:1200px){section.sub-unit .block1 .pic:active img{transform:scale(1.05)}}section.sub-unit .block1 .content{display:flex;flex-direction:column;width:40.7407407407%}section.sub-unit .block2{transform:translate3d(50px,0,0);opacity:0;transition:opacity .8s,transform .8s;transition-delay:0s}section.sub-unit .block2.aost-show{transform:translateZ(0);opacity:1}section.sub-unit .block2 .container{display:flex;justify-content:space-between;align-items:center}section.sub-unit .block2 .content{width:40.7407407407%}section.sub-unit .block2 .content .top{padding:0 20px}section.sub-unit .block2 .content .bottom{margin-top:calc(var(--space-20-50) * 2);padding:0 20px;position:relative;display:flex;flex-direction:column;gap:20px}section.sub-unit .block2 .content .bottom:before{position:absolute;top:calc(var(--space-20-50) * -1);left:0;width:100%;height:1px;background:#000;opacity:.2;content:""}section.sub-unit .block2 .content .bottom .title{display:flex;align-items:center;gap:10px}section.sub-unit .block2 .content .bottom .download{display:flex;align-items:center;flex-wrap:wrap;gap:5px 20px}section.sub-unit .block2 .content .bottom .download .year{flex-shrink:0;min-width:80px;font-size:1.875rem;font-weight:400;line-height:1.5;color:#d7000f}section.sub-unit .block2 .content .bottom .download .text-wrap{flex:1;display:flex;justify-content:space-between;align-items:center;gap:20px}@media only screen and (min-width:1201px){section.sub-unit .block2 .content .bottom .download .text-wrap:hover .btn{background:#d7000f;color:#fff}}@media only screen and (max-width:1200px){section.sub-unit .block2 .content .bottom .download .text-wrap:active .btn{background:#d7000f;color:#fff}}section.sub-unit .block2 .content .bottom .download .btn{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:#efefef;color:#000;border-radius:50%;transition:background .2s,color .2s}section.sub-unit .block2 .content .bottom .download .btn i{font-size:1.125rem}section.sub-unit .block2 .pic{display:block;width:40.7407407407%;overflow:hidden;position:relative}section.sub-unit .block2 .pic:before{display:block;width:100%;height:0;padding-bottom:109.0909090909%;content:""}section.sub-unit .block2 .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.sub-unit .block2 .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.sub-unit .block2 .pic img{transition:transform .5s}@media only screen and (min-width:1201px){section.sub-unit .block2 .pic:hover img{transform:scale(1.05)}}@media only screen and (max-width:1200px){section.sub-unit .block2 .pic:active img{transform:scale(1.05)}}section.sub-unit .block3{transform:translate3d(-50px,0,0);opacity:0;transition:opacity .8s,transform .8s;transition-delay:0s}section.sub-unit .block3.aost-show{transform:translateZ(0);opacity:1}section.sub-unit .block3[data-color=black] .title-group .title{color:#000}section.sub-unit .block3[data-color=black] .title-group .des .para-text{color:#333}section.sub-unit .block3[data-color=black] .simple-btn p{color:#000}section.sub-unit .block3[data-color=white] .title-group .title{color:#fff}section.sub-unit .block3[data-color=white] .title-group .des .para-text{color:#fff}section.sub-unit .block3[data-color=white] .simple-btn p{color:#fff}section.sub-unit .block3 .container{position:relative}@media only screen and (min-width:1201px){section.sub-unit .block3 .container:hover .pic img{transform:scale(1.05)}}@media only screen and (max-width:1200px){section.sub-unit .block3 .container:active .pic img{transform:scale(1.05)}}section.sub-unit .block3 .pic{overflow:hidden;position:relative}section.sub-unit .block3 .pic:before{display:block;width:100%;height:0;padding-bottom:max(40.1234567901%,500px);content:""}section.sub-unit .block3 .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.sub-unit .block3 .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.sub-unit .block3 .pic img{transition:transform .5s}section.sub-unit .block3 .content{padding:40px calc(var(--1fr-space) * 9 + 30px);position:absolute;top:0;left:0;display:flex;align-items:center;width:100%;height:100%}section.sub-unit .block3 .content .inner{max-width:660px;width:100%}@media only screen and (max-width:1700px){section.sub-unit .block3 .content{padding:40px calc(var(--1fr-space) * 7 + 30px)}}@media only screen and (max-width:1600px){section.sub-unit .block3 .content{padding:40px calc(var(--1fr-space) * 5 + 30px)}}@media only screen and (max-width:1440px){section.sub-unit .block3 .content{padding:40px calc(var(--1fr-space) * 4 + 30px)}}@media only screen and (max-width:1200px){section.sub-unit .block3 .content{padding:40px calc(var(--1fr-space) * 2 + 30px)}}@media only screen and (max-width:900px){section.sub-unit .block3 .content{padding:40px calc(var(--1fr-space) + 30px)}}@media only screen and (max-width:767px){section.sub-unit .block3 .content{padding:40px 20px}}@media only screen and (min-width:1921px){section.sub-unit .block1 .content .title-group .des,section.sub-unit .block2 .content .title-group .des,section.sub-unit .block3 .content .title-group .des{max-width:25vw}section.sub-unit .block3 .content .inner{max-width:34.375vw}}@media only screen and (max-width:1200px){section.sub-unit .block1 .content .title-group,section.sub-unit .block2 .content .title-group,section.sub-unit .block3 .content .title-group{gap:10px}section.sub-unit .block2 .content .bottom{gap:10px}section.sub-unit .block2 .content .bottom .download .year{font-size:1.625rem}section.sub-unit .block2 .content .bottom .download .text-wrap{gap:10px}}@media only screen and (max-width:900px){section.sub-unit .block1 .title-group .des,section.sub-unit .block2 .title-group .des{max-width:unset}section.sub-unit .block1 .container{flex-direction:column;gap:30px}section.sub-unit .block1 .pic{width:100%}section.sub-unit .block1 .content{width:100%}section.sub-unit .block2 .container{flex-direction:column-reverse;gap:30px}section.sub-unit .block2 .content{width:100%}section.sub-unit .block2 .content .top{padding:unset}section.sub-unit .block2 .content .bottom{padding:unset}section.sub-unit .block2 .content .bottom .download .year{width:100%}section.sub-unit .block2 .pic{width:100%}section.sub-unit .block3 .content .inner{max-width:unset}}@media only screen and (max-width:575px){section.sub-unit .block3 .pic{position:relative}section.sub-unit .block3 .pic:before{display:block;width:100%;height:0;padding-bottom:149.2537313433%;content:""}section.sub-unit .block3 .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.sub-unit .block3 .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}}
