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}.number-grow{display:flex;align-items:flex-start;text-align:center;height:100%}.number-grow.active .num>div{transition:transform 1.5s cubic-bezier(.1,.66,.22,1)}.number-grow.active .num[data-final-num="0"]>div{transform:translateY(calc(-50% - 4.5454545455% * 1))}.number-grow.active .num[data-final-num="1"]>div{transform:translateY(calc(-50% - 4.5454545455% * 2))}.number-grow.active .num[data-final-num="2"]>div{transform:translateY(calc(-50% - 4.5454545455% * 3))}.number-grow.active .num[data-final-num="3"]>div{transform:translateY(calc(-50% - 4.5454545455% * 4))}.number-grow.active .num[data-final-num="4"]>div{transform:translateY(calc(-50% - 4.5454545455% * 5))}.number-grow.active .num[data-final-num="5"]>div{transform:translateY(calc(-50% - 4.5454545455% * 6))}.number-grow.active .num[data-final-num="6"]>div{transform:translateY(calc(-50% - 4.5454545455% * 7))}.number-grow.active .num[data-final-num="7"]>div{transform:translateY(calc(-50% - 4.5454545455% * 8))}.number-grow.active .num[data-final-num="8"]>div{transform:translateY(calc(-50% - 4.5454545455% * 9))}.number-grow.active .num[data-final-num="9"]>div{transform:translateY(calc(-50% - 4.5454545455% * 10))}.number-grow.active .comma{opacity:1;transition:.2s linear 1.5s}.number-grow .num{height:100%;overflow:hidden}.number-grow .comma{opacity:0}.letter-grow{display:flex;align-items:flex-start;text-align:center;height:100%}.letter-grow.active .letter>div{transition:transform 1.5s cubic-bezier(.1,.66,.22,1)}.letter-grow.active .letter[data-final-letter=A]>div{transform:translateY(calc(-50% - 1.8518518519% * 1))}.letter-grow.active .letter[data-final-letter=B]>div{transform:translateY(calc(-50% - 1.8518518519% * 2))}.letter-grow.active .letter[data-final-letter=C]>div{transform:translateY(calc(-50% - 1.8518518519% * 3))}.letter-grow.active .letter[data-final-letter=D]>div{transform:translateY(calc(-50% - 1.8518518519% * 4))}.letter-grow.active .letter[data-final-letter=E]>div{transform:translateY(calc(-50% - 1.8518518519% * 5))}.letter-grow.active .letter[data-final-letter=F]>div{transform:translateY(calc(-50% - 1.8518518519% * 6))}.letter-grow.active .letter[data-final-letter="G,"]>div{transform:translateY(calc(-50% - 1.8518518519% * 7))}.letter-grow.active .letter[data-final-letter=H]>div{transform:translateY(calc(-50% - 1.8518518519% * 8))}.letter-grow.active .letter[data-final-letter=I]>div{transform:translateY(calc(-50% - 1.8518518519% * 9))}.letter-grow.active .letter[data-final-letter=J]>div{transform:translateY(calc(-50% - 1.8518518519% * 10))}.letter-grow.active .letter[data-final-letter=K]>div{transform:translateY(calc(-50% - 1.8518518519% * 11))}.letter-grow.active .letter[data-final-letter=L]>div{transform:translateY(calc(-50% - 1.8518518519% * 12))}.letter-grow.active .letter[data-final-letter=M]>div{transform:translateY(calc(-50% - 1.8518518519% * 13))}.letter-grow.active .letter[data-final-letter=N]>div{transform:translateY(calc(-50% - 1.8518518519% * 14))}.letter-grow.active .letter[data-final-letter=O]>div{transform:translateY(calc(-50% - 1.8518518519% * 15))}.letter-grow.active .letter[data-final-letter=P]>div{transform:translateY(calc(-50% - 1.8518518519% * 16))}.letter-grow.active .letter[data-final-letter=Q]>div{transform:translateY(calc(-50% - 1.8518518519% * 17))}.letter-grow.active .letter[data-final-letter=R]>div{transform:translateY(calc(-50% - 1.8518518519% * 18))}.letter-grow.active .letter[data-final-letter=S]>div{transform:translateY(calc(-50% - 1.8518518519% * 19))}.letter-grow.active .letter[data-final-letter=T]>div{transform:translateY(calc(-50% - 1.8518518519% * 20))}.letter-grow.active .letter[data-final-letter=U]>div{transform:translateY(calc(-50% - 1.8518518519% * 21))}.letter-grow.active .letter[data-final-letter=V]>div{transform:translateY(calc(-50% - 1.8518518519% * 22))}.letter-grow.active .letter[data-final-letter=W]>div{transform:translateY(calc(-50% - 1.8518518519% * 23))}.letter-grow.active .letter[data-final-letter=X]>div{transform:translateY(calc(-50% - 1.8518518519% * 24))}.letter-grow.active .letter[data-final-letter=Y]>div{transform:translateY(calc(-50% - 1.8518518519% * 25))}.letter-grow.active .letter[data-final-letter=Z]>div{transform:translateY(calc(-50% - 1.8518518519% * 26))}.letter-grow .letter{height:100%;overflow:hidden}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)}@media only screen and (max-width:767px){section.category-bar multipurpose-nav[m4-type=drag] .drag-container .wrapper{grid-template-columns:repeat(2,1fr)}}.section-wrap{margin-top:-1px}section.system:last-child{padding-bottom:var(--space-50-100)}section.system>div:not(:first-child){margin-top:var(--space-50-100)}section.system .system-block .block1{position:relative;display:flex}section.system .system-block .block1 .circle{padding:60px 20px;position:absolute;top:50%;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:clamp(160px,6.6912rem + 5.8824vw,220px);height:clamp(160px,6.6912rem + 5.8824vw,220px);background:linear-gradient(212deg,#f7f7f7 7.28%,#fff 86.37%);border-radius:50%;box-shadow:-20px 15px 40px #00000014;transform:translate3d(50%,-50%,0)}section.system .system-block .block1 .circle .title{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 10px}@media only screen and (max-width:1200px){section.system .system-block .block1 .circle .title .small-title-bold{font-size:.875rem;line-height:1.5}}section.system .system-block .block1 .circle .number{font-size:clamp(2.1875rem,2.6041666667vw,3.125rem);font-weight:300;line-height:1;letter-spacing:-2px;color:#d7000f}section.system .system-block .block1 .circle .number-grow{height:.9em}section.system .system-block .block1 .circle .number-grow .plus{transform:translate3d(0,-18%,0) scale(.7)}section.system .system-block .block1 .pic-box{width:50%}section.system .system-block .block1 .sticky{position:sticky;top:80px;width:100%;height:calc(100vh - 80px)}section.system .system-block .block1 .sticky .pic{position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:-1}section.system .system-block .block1 .sticky .pic picture{position:absolute;top:0;left:0;display:block;width:100%;height:100%}section.system .system-block .block1 .sticky .pic img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}section.system .system-block .block1 .content{padding:var(--space-50-100) calc(var(--1fr-space) * 5 + 30px) var(--space-50-100) calc(var(--1fr-space) * 5 + 30px);display:flex;flex-direction:column;justify-content:center;width:50%}@media only screen and (max-width:1600px){section.system .system-block .block1 .content{padding:var(--space-50-100) calc(var(--1fr-space) * 4 + 30px) var(--space-50-100) calc(var(--1fr-space) * 4 + 30px)}}@media only screen and (max-width:1440px){section.system .system-block .block1 .content{padding:var(--space-50-100) calc(var(--1fr-space) * 3 + 30px) var(--space-50-100) calc(var(--1fr-space) * 4 + 30px)}}@media only screen and (max-width:1200px){section.system .system-block .block1 .content{padding:var(--space-50-100) calc(var(--1fr-space) + 30px) var(--space-50-100) calc(var(--1fr-space) * 2.5 + 30px)}}@media only screen and (max-width:992px){section.system .system-block .block1 .content{padding:var(--space-50-100) calc(var(--1fr-space) + 30px)}}@media only screen and (max-width:767px){section.system .system-block .block1 .content{padding:var(--space-50-100) 20px}}section.system .system-block .block1 .content .sub-title{padding-left:25px;position:relative}section.system .system-block .block1 .content .sub-title:not(:only-child):not(:first-child){margin-top:var(--space-30-80)}section.system .system-block .block1 .content .sub-title:before{position:absolute;top:50%;left:0;width:5px;height:calc(100% - 10px);transform:translate3d(0,-50%,0);background:#d7000f;content:""}section.system .system-block .block1 .content .des:not(:only-child):not(:first-child){margin-top:var(--space-20-50)}section.system .system-block .block2{display:flex}@media only screen and (max-width:992px){section.system .system-block .block2:not(:first-child) .content{padding:0 calc(var(--1fr-space) + 30px) var(--space-50-100) calc(var(--1fr-space) + 30px)}}@media only screen and (max-width:767px){section.system .system-block .block2:not(:first-child) .content{padding:0 20px var(--space-50-100) 20px}}section.system .system-block .block2 .content{padding:var(--space-50-100) calc(var(--1fr-space) * 5 + 30px);display:flex;flex-direction:column;justify-content:center;width:50%}@media only screen and (max-width:1600px){section.system .system-block .block2 .content{padding:var(--space-50-100) calc(var(--1fr-space) * 4 + 30px)}}@media only screen and (max-width:1440px){section.system .system-block .block2 .content{padding:var(--space-50-100) calc(var(--1fr-space) * 3 + 30px)}}@media only screen and (max-width:1200px){section.system .system-block .block2 .content{padding:var(--space-50-100) calc(var(--1fr-space) + 30px)}}@media only screen and (max-width:767px){section.system .system-block .block2 .content{padding:var(--space-50-100) 20px}}section.system .system-block .block2 .content .sub-title{padding-left:25px;position:relative}section.system .system-block .block2 .content .sub-title:not(:only-child):not(:first-child){margin-top:var(--space-30-80)}section.system .system-block .block2 .content .sub-title:before{position:absolute;top:50%;left:0;width:5px;height:calc(100% - 10px);transform:translate3d(0,-50%,0);background:#d7000f;content:""}section.system .system-block .block2 .content .des:not(:only-child):not(:first-child){margin-top:var(--space-20-50)}section.system .system-block .block2 .pic-box{width:50%}section.system .system-block .block2 .sticky{position:sticky;top:150px}section.system .system-block .block2 .sticky .pic{position:relative}section.system .system-block .block2 .sticky .pic:before{display:block;width:100%;height:0;padding-bottom:68.125%;content:""}section.system .system-block .block2 .sticky .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.system .system-block .block2 .sticky .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.system .system-block .block3{margin-top:var(--space-50-100);padding:var(--space-50-100) 0;position:relative}section.system .system-block .block3:before{position:absolute;top:0;left:0;width:50%;height:100%;background:#f8f8f8;z-index:-1;content:""}section.system .system-block .block3 .container{grid-column:var(--grid-11)}section.system .system-block .block3 .title-box{display:flex;align-items:center;flex-wrap:wrap;gap:10px}section.system .system-block .block3 .item-block{margin-top:var(--space-30-50);display:flex;flex-wrap:wrap;gap:50px clamp(50px,-7.3529rem + 18.6275vw,240px)}section.system .system-block .block3 .item-block .item{width:calc((100% - clamp(50px,-7.3529rem + 18.6275vw,240px))/2)}section.system .system-block .block3 .item-block .item .title{padding-left:25px;position:relative}section.system .system-block .block3 .item-block .item .title:before{position:absolute;top:50%;left:0;width:5px;height:calc(100% - 10px);transform:translate3d(0,-50%,0);background:#d7000f;content:""}section.system .system-block .block3 .item-block .item .featrue{margin-top:var(--space-20-30);display:flex;flex-direction:column;gap:20px}section.system .system-block .block3 .item-block .item .featrue-item{display:flex;gap:30px}section.system .system-block .block3 .item-block .item .featrue-item .icon{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(212deg,#f7f7f7 7.28%,#fff 86.37%);box-shadow:-20px 15px 40px #00000014}section.system .system-block .block3 .item-block .item .featrue-item .icon .pic{width:40px;height:40px;position:relative}section.system .system-block .block3 .item-block .item .featrue-item .icon .pic:before{display:block;width:100%;height:0;padding-bottom:100%;content:""}section.system .system-block .block3 .item-block .item .featrue-item .icon .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.system .system-block .block3 .item-block .item .featrue-item .icon .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.system .system-block .block3 .item-block .item .featrue-item .featrue-content{padding-top:22px;display:flex;flex-direction:column;gap:10px}section.system .compensation-block.aost-show .title-box,section.system .compensation-block.aost-show .des{opacity:1!important;transform:translateZ(0)!important}section.system .compensation-block .container{grid-column:var(--grid-4);position:relative;min-height:clamp(500px,17.4632rem + 24.5098vw,750px)}section.system .compensation-block .pic{position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:-1}section.system .compensation-block .pic picture{position:absolute;top:0;left:0;display:block;width:100%;height:100%}section.system .compensation-block .pic img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}section.system .compensation-block .content-box{padding:60px clamp(20px,-14.1912rem + 27.451vw,300px);display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:linear-gradient(0deg,#0003 0% 100%)}section.system .compensation-block .content-box .content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;max-width:660px;width:100%;text-align:center}section.system .compensation-block .content-box .title-box{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;color:#fff;transform:translate3d(0,50px,0);opacity:0;transition:opacity .8s,transform .8s;transition-delay:0s}section.system .compensation-block .content-box .des{transform:translate3d(0,50px,0);opacity:0;transition:opacity .8s,transform .8s;transition-delay:.2s}section.system .compensation-block .content-box .des .para-text{color:#fff}@media only screen and (min-width:1921px){section.system .compensation-block .container{min-height:39.0625vw}section.system .compensation-block .container .content-box .content{max-width:34.375vw}}@media only screen and (max-width:1200px){section.system .system-block .block1 .sticky{top:65px;height:calc(100vh - 65px)}section.system .system-block .block3 .item-block .item .featrue-item{gap:20px}section.system .system-block .block3 .item-block .item .featrue-item .icon{width:60px;height:60px}section.system .system-block .block3 .item-block .item .featrue-item .icon .pic{width:30px;height:30px}section.system .system-block .block3 .item-block .item .featrue-item .featrue-content{padding-top:11px}}@media only screen and (max-width:992px){section.system .system-block .block1{flex-direction:column}section.system .system-block .block1 .circle{bottom:-42px;right:20px;top:unset;transform:unset}section.system .system-block .block1 .pic-box{position:relative;width:100%}section.system .system-block .block1 .sticky{position:static;height:auto}section.system .system-block .block1 .sticky .pic{position:relative}section.system .system-block .block1 .sticky .pic:before{display:block;width:100%;height:0;padding-bottom:68.1451612903%;content:""}section.system .system-block .block1 .sticky .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.system .system-block .block1 .sticky .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.system .system-block .block1 .content{width:100%}section.system .system-block .block2{flex-direction:column}section.system .system-block .block2 .content{width:100%}section.system .system-block .block2 .pic-box{width:100%}}@media only screen and (max-width:900px){section.system .system-block .block3{overflow:hidden}section.system .system-block .block3:before{display:none}section.system .system-block .block3 .title-box{position:relative;z-index:1}section.system .system-block .block3 .item-block{gap:100px}section.system .system-block .block3 .item-block .item{width:100%}section.system .system-block .block3 .item-block .item:nth-child(odd){position:relative}section.system .system-block .block3 .item-block .item:nth-child(odd):before{position:absolute;bottom:-50px;left:50%;width:200%;height:calc(100% + 100px);background:#f8f8f8;pointer-events:none;transform:translate3d(-50%,0,0);content:""}section.system .system-block .block3 .item-block .item:nth-child(odd) .featrue{position:relative}section.system .system-block .block3 .item-block .item:first-child:nth-child(odd):before{bottom:-50px;height:200%}}@media only screen and (max-width:767px){section.system .compensation-block .container{grid-column:1/-1}section.system .compensation-block .content-box{justify-content:flex-start}section.system .compensation-block .content-box .content{align-items:flex-start;text-align:left;gap:10px}section.system .compensation-block .content-box .title-box{justify-content:flex-start}}@media only screen and (max-width:575px){section.system .system-block .block1 .sticky .pic{position:relative}section.system .system-block .block1 .sticky .pic:before{display:block;width:100%;height:0;padding-bottom:93.6%;content:""}section.system .system-block .block1 .sticky .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.system .system-block .block1 .sticky .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.system .system-block .block3 .item-block .item .featrue-item{flex-direction:column}section.system .system-block .block3 .item-block .item .featrue-item .featrue-content{padding-top:unset}}section.join{padding:var(--space-50-100) 0;overflow:hidden}section.join.aost-show .top,section.join.aost-show .bottom{opacity:1;transform:translateZ(0)}section.join .container{grid-column:var(--grid-11)}section.join .top{display:flex;align-items:center;justify-content:space-between;transform:translate3d(50px,0,0);opacity:0;transition:opacity .8s,transform .8s;transition-delay:0s}section.join .top .title-block{width:calc(100% - 7.8125vw - 38.6363636364%);display:flex;flex-direction:column;gap:50px}section.join .top .title-block .des{padding-left:25px;position:relative}section.join .top .title-block .des:before{position:absolute;top:50%;left:0;width:5px;height:calc(100% - 10px);transform:translate3d(0,-50%,0);background:#d7000f;content:""}section.join .top .pic{width:38.6363636364%;position:relative}section.join .top .pic:before{display:block;width:100%;height:0;padding-bottom:67.8431372549%;content:""}section.join .top .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.join .top .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.join .bottom{display:flex;flex-wrap:wrap;gap:40px 20px;transform:translate3d(-50px,0,0);opacity:0;transition:opacity .8s,transform .8s;transition-delay:0s}section.join .bottom:not(:only-child){margin-top:80px}section.join .bottom .item{padding:40px 30px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;width:calc((100% - 40px) / 3);border-radius:5px;background:#efefef;cursor:pointer;transition:background .5s}@media only screen and (min-width:1201px)and (min-width:1201px){section.join .bottom .item:hover{background:transparent}section.join .bottom .item:hover .title{color:#fff}section.join .bottom .item:hover .icon{color:#d7000f}section.join .bottom .item:hover .pic-box{opacity:1}}@media only screen and (min-width:1201px)and (max-width:1200px){section.join .bottom .item:active{background:transparent}section.join .bottom .item:active .title{color:#fff}section.join .bottom .item:active .icon{color:#d7000f}section.join .bottom .item:active .pic-box{opacity:1}}section.join .bottom .item .icon{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 0 10px #0000001a}section.join .bottom .item .icon i{font-size:.875rem}section.join .bottom .item .title,section.join .bottom .item .icon{z-index:1;transition:color .5s}section.join .bottom .item .tag{padding:5px 10px;position:absolute;top:0;left:30px;max-width:calc(100% - 60px);border-radius:5px;background:var(--customizeColor, #F7F7F7);transform:translate3d(0,-50%,0);word-break:break-all;box-shadow:-20px 15px 40px #00000014}section.join .bottom .item .tag[data-color=black]{color:#000}section.join .bottom .item .tag[data-color=white]{color:#fff}section.join .bottom .item .tag p{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}section.join .bottom .item .pic-box{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:5px;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .5s}section.join .bottom .item .pic-box .pic{position:absolute;top:0;left:0;display:block;width:100%;height:100%}section.join .bottom .item .pic-box .pic picture{position:absolute;top:0;left:0;display:block;width:100%;height:100%}section.join .bottom .item .pic-box .pic img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media only screen and (max-width:1200px){section.join .top .title-block{gap:30px}section.join .bottom .item{width:calc((100% - 20px)/2)}}@media only screen and (max-width:900px){section.join .top{flex-direction:column;gap:50px}section.join .top .title-block{width:100%;gap:10px}section.join .top .pic{width:100%}}@media only screen and (max-width:767px){section.join .bottom{gap:30px}section.join .bottom:not(:only-child){margin-top:30px}section.join .bottom .item{padding:40px 20px;width:100%}section.join .bottom .item .tag{left:20px;max-width:calc(100% - 40px)}}