.common-banner,.common-banner .banner-bg{position:relative}.common-banner .banner-bg:before{content:"";display:block;width:100%;height:0;padding-bottom:500px}.common-banner .banner-bg img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.common-banner .banner-bg:after{content:"";display:block;width:100%;height:100%;background:#0003;position:absolute;top:0;left:0}.common-banner .banner-bg img{position:absolute;top:0;left:0;transform:translateZ(0)}.common-banner .banner-container{width:100%;height:100%;position:absolute;top:0;left:0}.common-banner .banner-nav{padding:0 60px;height:80px;display:flex;justify-content:space-between}@media only screen and (max-width: 1200px){.common-banner .banner-nav{height:60px}}@media only screen and (max-width: 900px){.common-banner .banner-nav{padding:0 8%}}.common-banner .banner-nav+.info{height:calc(100% - 80px)}@media only screen and (max-width: 1200px){.common-banner .banner-nav+.info{height:calc(100% - 60px)}}.common-banner .left,.common-banner .right{display:flex;align-items:center}@media only screen and (max-width: 900px){.common-banner .left{display:none}}.common-banner .right{margin-left:50px}@media only screen and (max-width: 900px){.common-banner .right{margin-left:0}}.common-banner .back{display:flex;align-items:center;transition:color var(--trans-s)}@media only screen and (min-width: 1201px){.common-banner .back:hover{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.common-banner .back:active{color:var(--primary-blue)}}.common-banner .back i{margin-right:10px;font-size:1rem;flex-shrink:0}.common-banner .back span{font-weight:600;line-height:1.3;letter-spacing:.5px}.common-banner .info{margin:0 auto;padding:100px 0 40px;max-width:1350px;width:calc(100% - 120px);height:100%;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}@media only screen and (max-width: 1200px){.common-banner .info{padding:80px 0 40px}}@media only screen and (max-width: 767px){.common-banner .info{width:100%}}.common-banner .info .info-wrap{max-width:675px;width:100%;display:flex;flex-direction:column;transition:transform .3s .5s,opacity .3s .5s}.common-banner .info .title-wrap{padding-bottom:20px;position:relative;text-align:left}@media only screen and (max-width: 767px){.common-banner .info .title-wrap{margin:0 8%}}.common-banner .info .title-wrap:before{content:"";display:block;width:70px;height:4px;background-color:var(--primary-blue);position:absolute;bottom:0;left:0}.common-banner .info .stock{margin-top:40px;display:flex;gap:0 15px;align-items:center}.common-banner .info .stock-title{line-height:1.3;letter-spacing:.5px}.common-banner .info .stock-num{font-size:1.875rem;font-weight:600;line-height:1.3;letter-spacing:.5px;color:var(--primary-blue)}.common-banner .info .pic{margin-bottom:20px;width:60px;height:60px;position:relative}.common-banner .info .pic:before{content:"";display:block;width:100%;height:0;padding-bottom:100%}.common-banner .info .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.common-banner .info .text{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.common-banner .banner-menu{margin-top:40px;width:100%;color:var(--black)}.common-banner[height="400"] .banner-bg:before{padding-bottom:400px}.common-banner[height="400"] .info{padding:20px 0 55px}@media only screen and (max-width: 900px){.common-banner[height="400"] .info{padding:20px 0}}.common-banner[text-color=white]{color:var(--white)}.common-banner[text-color=white] .pic img{filter:brightness(0) invert(1)}.common-banner[text-color=white] .drag-container .category{color:var(--white)}.common-banner[text-color=white] multipurpose-nav[m4-type=drag] .drag-container .navigation .button div:before{border-color:var(--white)}.common-banner[text-align=center] .info{align-items:center;text-align:center}.common-banner[text-align=center] .info-wrap{align-items:center}.common-banner[text-align=center] .title-wrap{text-align:center}.common-banner[text-align=center] .title-wrap:before{position:absolute;top:auto;bottom:0;left:50%;right:auto;transform:translate3d(-50%,0,0)}.common-banner[text-align=right] .info{align-items:flex-end;text-align:right}.common-banner[text-align=right] .info-wrap{align-items:flex-end}.common-banner[text-align=right] .title-wrap{text-align:right}.common-banner[text-align=right] .title-wrap:before{position:absolute;top:auto;bottom:0;left:auto;right:0}.common-banner[data-aost]{opacity:0;transition:opacity var(--trans-l),transform var(--trans-l)}.common-banner[data-aost].aost-show{opacity:1}main{background-color:var(--lighter-gray)}.text-wrap{display:flex;align-items:flex-end;justify-content:space-between;z-index:1;position:relative}@media only screen and (max-width: 767px){.text-wrap{flex-direction:column;justify-content:flex-start;align-items:flex-start}}.text-wrap .text{padding:0 60px 20px 0;flex:1;font-weight:350;line-height:1.6;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,.2)}@media only screen and (max-width: 767px){.text-wrap .text{border-bottom:unset;padding:0}}.text-wrap .filter{width:250px}.text-wrap .filter .os-theme-dark{--os-handle-bg: rgba(225, 225, 225, .33);--os-handle-bg-hover: rgba(225, 225, 225, .44);--os-handle-bg-active: rgba(225, 225, 225, .55)}@media only screen and (max-width: 767px){.text-wrap .filter{margin-top:30px;width:100%}}.text-wrap .select-wrapper{padding:0 10px 20px;border-bottom:3px solid var(--primary-blue)}.anchor-block{min-height:75px;display:flex;align-items:center;justify-content:center}.anchor-block multipurpose-nav{width:100%}.tips{display:none;margin:20px auto 0;padding:10px;max-width:315px;width:100%;background-color:var(--white);border-radius:100px;align-items:center;justify-content:center;gap:0 15px}.pic-box{position:relative;width:100%}.pic-box:after{content:"";width:100%;height:0;display:block}.pic-box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;transition:width .5s,height .5s}.filter-block.white .inner{background:var(--white)}.filter-block.white .search-container .filter .content-wrap{background-color:var(--white)}.filter-block.show .row-header .pill-btn .icon-filter{transform:rotate(45deg);font-size:1.375rem}.filter-block.show .row-header .pill-btn .icon-filter:before{content:""}.filter-block .os-theme-dark{--os-handle-bg: rgba(225, 225, 225, .33);--os-handle-bg-hover: rgba(225, 225, 225, .44);--os-handle-bg-active: rgba(225, 225, 225, .55)}.filter-block .row-header{display:flex}.filter-block .inner{margin-top:50px;border-top:5px solid var(--primary-blue);width:100%;max-width:100%;position:relative;background:var(--lighter-gray);padding:50px 0}.filter-block .inner:after{content:"";position:absolute;top:-16px;left:calc(50% + -0px);transform:translate(-50%) rotate(180deg);width:0px;height:0px;border-style:solid;border-width:13px 12px 0 12px;border-color:var(--primary-blue) transparent transparent;z-index:1}.filter-block .search-container{padding:0}.filter-block .search-container .input-block{margin-top:0}.filter-block .search-container .filter{margin-top:30px}.filter-block .search-container .filter .content-wrap{background-color:var(--lighter-gray);padding:0}.filter-block .search-container .filter .content-wrap .item{display:flex;position:relative}.filter-block .search-container .filter .content-wrap .item dropdown-el[d4-status=close] .dropdown-scroller{opacity:0}.filter-block .search-container .filter .content-wrap .item dropdown-el .select-wrapper{padding:0 10px 15px 25px}.filter-block .search-container .filter .content-wrap .item.clearBtn span{opacity:1;pointer-events:auto}.filter-block .search-container .filter .content-wrap .item.clearBtn dropdown-el .select-wrapper{border-bottom:1px solid var(--primary-blue)}.filter-block .search-container .filter .content-wrap .item span{display:block;top:50%;left:0;width:11px;height:11px;position:relative;position:absolute;transform:rotate(45deg) translateY(-50%);margin-top:-10px;cursor:pointer;pointer-events:none;z-index:9;opacity:0;transition:opacity .5s}.filter-block .search-container .filter .content-wrap .item span:before,.filter-block .search-container .filter .content-wrap .item span:after{content:"";display:block;background-color:var(--black);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.filter-block .search-container .filter .content-wrap .item span:before{width:11px;height:1px}.filter-block .search-container .filter .content-wrap .item span:after{width:1px;height:11px}.filter-block .search-container .filter .content-wrap .item span:before,.filter-block .search-container .filter .content-wrap .item span:after{background-color:#a8a8a8}.filter-block .row-content .filter-btn-group{display:flex;justify-content:center;gap:20px;margin-top:50px}@media only screen and (max-width: 767px){.filter-block [data-collapse-content]{opacity:0}}.filter-block [data-overlayscrollbars-viewport]{overscroll-behavior:none!important}.filter-block .row-header .pill-btn{margin:0 auto;gap:10px;height:60px;border-radius:500px;min-width:190px;font-size:1rem;font-weight:500;line-height:1.3;letter-spacing:.5px}.filter-block .row-header .pill-btn.spread-btn{transition:color var(--trans-s) .2s}.filter-block .close-btn{display:none}@media only screen and (max-width: 767px){.filter-block .search-container .filter .content-wrap{padding:0}.filter-block .row-content{overflow:hidden;display:block;width:100%;height:100%;z-index:12;position:fixed;top:0;left:0;transition:clip-path .7s,opacity .7s;background:linear-gradient(0deg,#141414cc,#141414cc)}.filter-block .row-content.show{opacity:1;clip-path:polygon(0 0,115% 0,100% 100%,0 100%)}.filter-block .row-content .scroll-wrap{padding:0 30px;height:100%;overflow:hidden;max-height:calc(100dvh - 140px)}.filter-block .row-content .scroll-wrap [data-overlayscrollbars-viewport]{overscroll-behavior:none}.filter-block .row-content .inner{height:100dvh;margin-left:auto;width:calc(100% - 25px);max-width:500px;margin-top:0;border-top:0;padding:60px 0 0;overflow:hidden}.filter-block .row-content .inner:after{display:none}.filter-block .row-content .filter-btn-group{position:fixed;z-index:4;bottom:20px;right:110px;gap:10px}}@media only screen and (max-width: 767px) and (max-width: 520px){.filter-block .row-content .filter-btn-group{right:unset;left:calc(50% + 15px);transform:translate(-50%)}}@media only screen and (max-width: 767px){.filter-block .row-content .filter-btn-group .pill-btn{min-width:140px}.filter-block .close-btn{display:block;position:fixed;z-index:4;top:0;right:0;background:var(--primary-blue)}}.products-header .route-block{padding:0 60px;min-height:80px;display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width: 900px){.products-header .route-block{padding:0 8%;min-height:60px}}.products-header .route-block .icon-angle-right{color:#0003}.products-header .route-block .left,.products-header .route-block .right{display:flex;align-items:center}@media only screen and (max-width: 1200px){.products-header .route-block .left{display:none}}.products-header .route-block .right{margin-left:50px}@media only screen and (max-width: 1200px){.products-header .route-block .right{margin-left:0}}.products-header .route-block .back{display:flex;align-items:center;transition:color var(--trans-s)}@media only screen and (min-width: 1201px){.products-header .route-block .back:hover{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.products-header .route-block .back:active{color:var(--primary-blue)}}.products-header .route-block .back i{margin-right:10px;font-size:1rem;flex-shrink:0}.products-header .route-block .back span{font-weight:600;line-height:1.3;letter-spacing:.5px}.product-consult-btn{position:fixed;top:360px;right:0;cursor:pointer;z-index:3}.product-consult-btn .inner{padding:30px 25px;position:relative;color:#fff;display:flex;flex-direction:column;align-items:center;gap:10px}.product-consult-btn .inner:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:var(--primary-blue);z-index:-1}.product-consult-btn i{font-size:1.375rem}.product-consult-btn .txt{font-size:1rem;font-weight:500;line-height:1.3;letter-spacing:.5px;writing-mode:vertical-lr}.product-consult-btn .des{font-size:1rem;font-weight:600;line-height:1.6;letter-spacing:1px;writing-mode:vertical-lr}.product-consult-btn .num{width:30px;height:30px;display:flex;justify-content:center;align-items:center;color:var(--primary-blue);background:#fff;font-size:.75rem;font-weight:600;line-height:1.3;letter-spacing:.5px;border-radius:50%}@media only screen and (max-width: 900px){.product-consult-btn{top:unset;bottom:0;width:100%}.product-consult-btn .inner{flex-direction:row;padding:15px 30px;justify-content:center}.product-consult-btn .txt,.product-consult-btn .des{writing-mode:inherit}}.cunsult-control-btn{cursor:pointer;display:inline-flex;align-items:center;transition:color var(--trans-s)}.cunsult-control-btn:after{content:attr(add-info);font-weight:600;line-height:1.3;letter-spacing:.5px}.cunsult-control-btn[state=inList]{pointer-events:none}.cunsult-control-btn[state=inList]:after{content:attr(in-info)}.cunsult-control-btn[state=inList] i{color:#009ccf}.cunsult-control-btn[state=inList] i:before{content:""}.cunsult-control-btn i{margin-right:10px}.cunsult-control-btn span{font-weight:600;line-height:1.3;letter-spacing:.5px}@media only screen and (min-width: 1201px){.cunsult-control-btn:hover{color:#009ccf}}@media only screen and (max-width: 1200px){.cunsult-control-btn:active{color:#009ccf}}@media only screen and (min-width: 1201px){.cunsult-control-btn.pill-btn:hover{color:#fff}}@media only screen and (max-width: 1200px){.cunsult-control-btn.pill-btn:active{color:#fff}}.cunsult-control-btn.pill-btn i{margin-right:0}.cunsult-control-btn.pill-btn[state=inList] i{color:#fff}.tips{display:none;margin:0 auto 20px;padding:10px;max-width:315px;width:100%;background-color:var(--white);border-radius:100px;align-items:center;justify-content:center;gap:0 15px}.tips.show{display:flex}.tips.show i{animation:swipe 2s .6s ease-in-out alternate}@keyframes swipe{0%{transform:translate(0)}33%{transform:translate(-5px);color:#029ccf}66%{transform:translate(5px);color:#029ccf}to{transform:translate(0)}}.tips.black{background-color:var(--black)}.tips.black i{color:var(--white)}.tips i{font-size:1.25rem}.tips p{font-weight:500;line-height:1.6;letter-spacing:1px;color:var(--primary-blue)}.products section{background:#fff}.products .anchor-block{min-height:120px;width:calc(100% - 120px);max-width:1500px;margin:0 auto}@media only screen and (max-width: 767px){.products .anchor-block{width:calc(100% + -0px)}}.products .section3{padding:50px 0 290px;overflow:hidden}@media only screen and (max-width: 900px){.products .section3{padding:50px 0 80px}}.products .section3 .wrap{padding:0 120px;max-width:1740px;margin:auto}@media only screen and (max-width: 1200px){.products .section3 .wrap{padding:0 60px}}@media only screen and (max-width: 900px){.products .section3 .wrap{max-width:665px}}@media only screen and (max-width: 767px){.products .section3 .wrap{padding:0 8%}}.products .section3 .container{display:flex;flex-direction:column;gap:210px}@media only screen and (max-width: 900px){.products .section3 .container{gap:80px}}.products .section3 .row:nth-child(2n) .row-wrap{flex-direction:row-reverse}.products .section3 .row:nth-child(2n) .row-wrap .left>.pic-box:before{left:-2px;right:unset;background:linear-gradient(270deg,#fff0 49.38%,#fff)}@media only screen and (max-width: 900px){.products .section3 .row:nth-child(2n) .row-wrap .left>.pic-box:before{background:linear-gradient(180deg,#fff0 65%,#fff)}}.products .section3 .row:nth-child(2n) .row-wrap .left .product-img{right:unset;left:-75px}@media only screen and (max-width: 900px){.products .section3 .row:nth-child(2n) .row-wrap .left .product-img{left:50%}}.products .section3 .row:nth-child(2n) .info{right:unset;left:0}.products .section3 .row:nth-child(2n) .arrow-ball-btn{justify-content:flex-start;padding-left:1px}@media only screen and (max-width: 900px){.products .section3 .row:nth-child(2n) .row-wrap{flex-direction:column}.products .section3 .row:nth-child(2n) .info{left:unset}}.products .section3 .row-wrap{display:flex;align-items:center;position:relative}@media only screen and (max-width: 900px){.products .section3 .row-wrap{flex-direction:column;gap:100px}}.products .section3 .left{width:75%;max-width:1125px;position:relative}@media only screen and (max-width: 1200px){.products .section3 .left{width:80%}}@media only screen and (max-width: 900px){.products .section3 .left{width:100%}}.products .section3 .left>.pic-box{max-width:1125px}.products .section3 .left>.pic-box:after{padding-top:57.777%}.products .section3 .left>.pic-box img{width:calc(100% - 3px)}@media only screen and (max-width: 900px){.products .section3 .left>.pic-box img{width:100%}}.products .section3 .left>.pic-box:before{content:"";width:100%;height:calc(100% + 4px);position:absolute;right:-2px;top:-2px;background:linear-gradient(90deg,#fff0 50.62%,#fff 86.76%);z-index:1}@media only screen and (max-width: 900px){.products .section3 .left>.pic-box:before{right:0;top:0;background:linear-gradient(180deg,#fff0 65%,#fff)}}.products .section3 .left .product-img{position:absolute;bottom:-115px;width:48.8%;right:75px;max-width:550px}@media only screen and (max-width: 992px){.products .section3 .left .product-img{bottom:-75px}}@media only screen and (max-width: 900px){.products .section3 .left .product-img{width:calc(100% - 45px);right:unset;left:50%;transform:translate(-50%)}}.products .section3 .left .product-img .pic-box:after{padding-top:49%}.products .section3 .info{max-width:35.6%;position:absolute;top:50%;right:0;z-index:2;transform:translateY(-50%)}@media only screen and (max-width: 900px){.products .section3 .info{max-width:100%;position:relative;top:unset;right:unset;transform:translate(0)}}.products .section3 .info .title{display:flex;align-items:center;line-height:1.5}.products .section3 .info .title:after{content:"";margin-left:10px;width:100px;height:2px;display:block;flex-shrink:0;background-color:var(--primary-blue);z-index:999}.products .section3 .info .des{font-size:1rem;font-weight:350;line-height:1.6;letter-spacing:1px;margin-top:50px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media only screen and (max-width: 1200px){.products .section3 .info .des{margin-top:15px}}.products .section3 .info .i-group{display:flex;gap:25px 40px;text-align:center;margin-top:50px}.products .section3 .info .i-group .group{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;font-size:1rem;font-weight:500;line-height:1.6;letter-spacing:1px;width:120px}@media only screen and (max-width: 1200px){.products .section3 .info .i-group{margin-top:25px}}@media only screen and (max-width: 900px){.products .section3 .info .i-group{flex-wrap:wrap}.products .section3 .info .i-group .group{max-width:calc((100% - 80px) / 3)}}@media only screen and (max-width: 575px){.products .section3 .info .i-group{flex-wrap:wrap}.products .section3 .info .i-group .group{max-width:calc((100% - 40px)/2);width:100%}}.products .section3 .info .arrow-ball-btn{margin-top:50px;justify-content:flex-end;width:100%}@media only screen and (max-width: 1200px){.products .section3 .info .arrow-ball-btn{margin-top:25px}}@media only screen and (max-width: 900px){.products .section3 .info .arrow-ball-btn{justify-content:flex-start}}.products .section3 .info .pic-box{max-width:55px}.products .section3 .info .pic-box:after{padding-top:100%}