section.fixed-category-bar multipurpose-nav{position:relative}section.fixed-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.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 50px}section.fixed-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.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .item.active .category{color:#d7000f}section.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .item.active .category:after{transform:scaleX(1)}section.fixed-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.fixed-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.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button div{width:30px;height:100%}section.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev,section.fixed-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.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before,section.fixed-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.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{left:0}section.fixed-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.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{right:0}section.fixed-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.fixed-category-bar multipurpose-nav:before{width:calc(100% + 20px)}section.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 30px}section.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before,section.fixed-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.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 20px}section.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .category{padding:10px 15px 15px;min-height:60px}section.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .category:after{left:15px;width:calc(100% - 30px)!important}section.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button div{width:20px;height:100%}section.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev,section.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{width:20px;height:100%}}@media only screen and (min-width:1201px){section.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .item:hover .category{color:#d7000f}section.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .item:hover .category:after{transform:scaleX(1)}}@media only screen and (max-width:1200px){section.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .item:active .category{color:#d7000f}section.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .item:active .category:after{transform:scaleX(1)}}section.fixed-category-bar .container{grid-column:var(--grid-4)}section.fixed-category-bar .category-block{position:relative;display:flex;gap:60px}section.fixed-category-bar .category-block:before{position:absolute;bottom:1px;left:50%;width:calc(100% + 60px);height:3px;background:#000;transform:translate3d(-50%,0,0);content:""}section.fixed-category-bar .category-block multipurpose-nav{width:calc(100% - 270px)}section.fixed-category-bar .category-block multipurpose-nav:before{display:none}section.fixed-category-bar .category-block multipurpose-nav[m4-type=drag] .drag-container .wrapper{padding:0 30px}section.fixed-category-bar .category-block .btn{flex-shrink:0;padding:26px 20px 27.5px;position:relative;display:flex;justify-content:center;align-items:center;gap:10px;width:210px;cursor:pointer}section.fixed-category-bar .category-block .btn:before{position:absolute;top:50%;left:-30px;height:40px;width:1px;background:#000;opacity:.2;transform:translate3d(0,-50%,0);pointer-events:none;content:""}section.fixed-category-bar .category-block .btn:after{position:absolute;bottom:0;left:20px;width:calc(100% - 40px);height:5px;background:#d7000f;transform:scaleX(0);transition:width .2s,background .2s,transform .5s;z-index:1;content:""}@media only screen and (min-width:1201px){section.fixed-category-bar .category-block .btn:hover:after{transform:scaleX(1)}}@media only screen and (max-width:1200px){section.fixed-category-bar .category-block .btn:active:after{transform:scaleX(1)}}section.fixed-category-bar .category-block .btn .icon{margin-bottom:2px;width:18px;height:18px}section.fixed-category-bar .category-block .btn .icon i{font-size:1.125rem}section.fixed-category-bar .category-block .btn .btn-text-s{letter-spacing:.5px}@media only screen and (max-width:1024px){section.fixed-category-bar .category-block{flex-direction:column;gap:10px}section.fixed-category-bar .category-block:before{display:none}section.fixed-category-bar .category-block multipurpose-nav{width:100%}section.fixed-category-bar .category-block multipurpose-nav:before{display:block}section.fixed-category-bar .category-block .btn{padding:10px 15px 15px;width:100%}section.fixed-category-bar .category-block .btn:before{top:unset;bottom:0;left:0;height:1px;width:100%;transform:unset}section.fixed-category-bar .category-block .btn:after{display:none}}@media only screen and (max-width:1200px){section.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container{justify-content:flex-start}section.fixed-category-bar multipurpose-nav[m4-type=drag] .drag-container .wrapper{width:auto;grid-template-columns:unset}}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);padding-bottom:30px;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;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.product{padding:var(--space-50-100) 0}section.product .container{grid-column:var(--grid-11)}section.product .title-group{align-items:flex-start;justify-content:space-between}section.product .title-group .title{width:45.4545454545%}section.product .title-group .des{padding-top:15px;width:45.4545454545%;display:block;overflow:unset;text-overflow:unset;-webkit-box-orient:unset;-webkit-line-clamp:unset}section.product .card-block{margin-top:var(--space-30-50);display:flex;flex-wrap:wrap;gap:80px 6.25vw}section.product .product-card{width:calc((100% - 6.25vw)/2);padding-bottom:40px;position:relative}section.product .product-card:before,section.product .product-card:after{position:absolute;bottom:0;left:0;transform:translate3d(0,50%,0);content:""}section.product .product-card:before{width:100%;height:1px;background:#0003}section.product .product-card:after{width:100px;height:2px;background:#000;transition:width .5s ease,background .5s ease}@media only screen and (min-width:1201px){section.product .product-card:hover:after{width:100%;background:#d7000f}}@media only screen and (max-width:1200px){section.product .product-card:active:after{width:100%;background:#d7000f}}@media only screen and (min-width:1201px)and (min-width:1201px){section.product .product-card:hover .pic img{transform:scale(1.05)}section.product .product-card:hover .btn{opacity:1}}@media only screen and (min-width:1201px)and (max-width:1200px){section.product .product-card:active .pic img{transform:scale(1.05)}section.product .product-card:active .btn{opacity:1}}section.product .product-card .pic{display:block;width:100%;overflow:hidden;position:relative}section.product .product-card .pic:before{display:block;width:100%;height:0;padding-bottom:66.6666666667%;content:""}section.product .product-card .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.product .product-card .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.product .product-card .pic img{transition:transform .5s}section.product .product-card .btn{right:15px;bottom:15px;opacity:0;transition:opacity .5s;z-index:1;position:absolute;width:50px;height:50px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 5px 15px #00000026}section.product .product-card .btn:before,section.product .product-card .btn:after{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:#000;content:""}section.product .product-card .btn:before{width:15px;height:2px}section.product .product-card .btn:after{width:2px;height:15px}section.product .product-card .content{margin-top:20px;padding:0 10px;display:flex;flex-direction:column;gap:10px}section.product .product-card .title a{display:block;width:fit-content}section.product .product-card .title,section.product .product-card .des{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.product .title-group{flex-direction:column;gap:10px}section.product .title-group .title{width:100%}section.product .title-group .des{padding-top:unset;width:100%}section.product .product-card{padding-bottom:30px;position:relative}section.product .product-card:before,section.product .product-card:after{position:absolute;bottom:0;left:0;transform:translate3d(0,50%,0);content:""}section.product .product-card:before{width:100%;height:1px;background:#0003}section.product .product-card:after{width:100px;height:2px;background:#000;transition:width .5s ease,background .5s ease}}@media only screen and (max-width:1200px)and (min-width:1201px){section.product .product-card:hover:after{width:100%;background:#d7000f}}@media only screen and (max-width:1200px)and (max-width:1200px){section.product .product-card:active:after{width:100%;background:#d7000f}}@media only screen and (max-width:767px){section.product .card-block{margin:var(--space-30-50) auto 0;max-width:500px;width:100%;gap:50px}section.product .product-card{width:100%}}section.download{padding:var(--space-50-100) 0;position:relative;opacity:0;overflow:hidden;transition:opacity .8s}section.download.aost-show{opacity:1}section.download.aost-show .content,section.download.aost-show .pic{opacity:1;transform:translateZ(0)}section.download .container{grid-column:var(--grid-11);display:flex;align-items:center;justify-content:space-between}section.download .bg{position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:-1}section.download .bg picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.download .bg img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.download .content{width:50%;transform:translate3d(0,50px,0);opacity:0;transition:opacity .8s,transform .8s;transition-delay:0s}section.download .content .title-group{flex-direction:column;gap:20px}section.download .content .title-group .title,section.download .content .title-group .para-text{color:#fff}section.download .content .title-group .title{flex-wrap:wrap;gap:5px 20px}section.download .content .simple-btn{margin-top:30px}section.download .content .simple-btn .btn-text-s{color:#fff}section.download .pic{display:block;width:38.6363636364%;box-shadow:20px 20px 40px #0003;overflow:hidden;position:relative;transform:translate3d(0,50px,0);opacity:0;transition:opacity .8s,transform .8s;transition-delay:.2s}section.download .pic:before{display:block;width:100%;height:0;padding-bottom:113.7254901961%;content:""}section.download .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.download .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}@media only screen and (min-width:1201px){section.download .pic:hover img{transform:scale(1.05)}}@media only screen and (max-width:1200px){section.download .pic:active img{transform:scale(1.05)}}section.download .pic img{transition:transform .5s}@media only screen and (max-width:1200px){section.download .content .title-group{gap:10px}section.download .content .simple-btn{margin-top:20px}}@media only screen and (max-width:767px){section.download .container{flex-direction:column;gap:30px}section.download .content{width:100%}section.download .content .title-group .title{flex-direction:column;align-items:flex-start}section.download .pic{max-width:500px;width:100%}}
