section.common-banner{padding:var(--space-60-100) 0 60px}section.common-banner[data-type=left] .container{text-align:left}section.common-banner[data-type=left] multipurpose-nav.common-multi[m4-type=drag] .drag-container{justify-content:flex-start}section.common-banner[data-type=center] .container{text-align:center}section.common-banner[data-type=center] .wrap{margin:0 auto}section.common-banner[data-type=right] .container{text-align:right}section.common-banner[data-type=right] .wrap{margin-left:auto}section.common-banner[data-type=right] multipurpose-nav.common-multi[m4-type=drag] .drag-container{justify-content:flex-end}section.common-banner.aost-show .title,section.common-banner.aost-show .sub-title,section.common-banner.aost-show .des,section.common-banner.aost-show .multi{opacity:1;transform:translate(0,0)}section.common-banner .container{grid-column:2/-2;width:100%;max-width:2400px;margin:0 auto}section.common-banner .wrap{flex-direction:column;gap:20px;width:100%;max-width:960px;display:flex}section.common-banner .wrap:not(:first-child){margin-top:60px}section.common-banner .title{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}section.common-banner .sub-title{opacity:0;transition:opacity .8s .1s,transform .8s .1s;transform:translateY(30px)}section.common-banner .des{opacity:0;transition:opacity .8s .2s,transform .8s .2s;transform:translateY(30px)}section.common-banner .multi{opacity:0;transition:opacity .8s .3s,transform .8s .3s;transform:translateY(30px)}@media only screen and (width>=1201px){section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:hover .category{color:#ff7f35}section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:hover .deco:before{opacity:0}section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:hover .deco:after{opacity:1;transition:transform .5s,opacity .5s;transform:rotate(225deg)}}@media only screen and (width<=1200px){section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .category{color:#ff7f35}section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .deco:before{opacity:0}section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .deco:after{opacity:1;transition:transform .5s,opacity .5s;transform:rotate(225deg)}}section.common-banner .multi:not(:first-child){margin-top:40px}@media only screen and (width<=1200px){section.common-banner{padding:var(--space-60-100) 0 40px}section.common-banner .wrap:not(:first-child){margin-top:40px}section.common-banner .multi:not(:first-child){margin-top:30px}}@media only screen and (width<=767px){section.common-banner[data-type=left] .container,section.common-banner[data-type=center] .container,section.common-banner[data-type=right] .container{text-align:left}section.common-banner[data-type=left] multipurpose-nav.common-multi[m4-type=drag] .drag-container,section.common-banner[data-type=center] multipurpose-nav.common-multi[m4-type=drag] .drag-container,section.common-banner[data-type=right] multipurpose-nav.common-multi[m4-type=drag] .drag-container{justify-content:flex-start}}section.picture-box-banner{position:relative;overflow:hidden}section.picture-box-banner.aost-show .bg{transform:scale(1)}section.picture-box-banner.aost-show .title,section.picture-box-banner.aost-show .sub-title,section.picture-box-banner.aost-show .des{opacity:1;transform:translate(0,0)}section.picture-box-banner[data-type=left] .content{text-align:left;align-items:flex-start}section.picture-box-banner[data-type=center] .content{text-align:center;align-items:center}section.picture-box-banner[data-type=right] .content{text-align:right;align-items:flex-end}section.picture-box-banner[data-color=black] .title,section.picture-box-banner[data-color=black] .sub-title{color:#000}section.picture-box-banner[data-color=black] .para-text{color:#000c}section.picture-box-banner[data-color=black] .breadcrumbs-block .breadcrumbs .item{color:#000}section.picture-box-banner[data-color=black] .breadcrumbs-block .breadcrumbs .item:not(:first-child):before{background:#0003}section.picture-box-banner[data-color=white] .title,section.picture-box-banner[data-color=white] .sub-title,section.picture-box-banner[data-color=white] .para-text,section.picture-box-banner[data-color=white] .breadcrumbs-block .breadcrumbs .item{color:#fff}section.picture-box-banner[data-color=white] .breadcrumbs-block .breadcrumbs .item:not(:first-child):before{background:#fff}section.picture-box-banner .container{aspect-ratio:1920/800;grid-column:1/-1;align-items:flex-end;display:flex}section.picture-box-banner .breadcrumbs-block{z-index:1;width:100%;padding:0 80px;position:absolute;top:0;left:0}section.picture-box-banner .bg{pointer-events:none;width:100%;height:100%;transition:transform 1s;display:block;position:absolute;top:0;left:0;transform:scale(1.1)}section.picture-box-banner .bg picture{width:100%;height:100%;display:block;position:absolute;top:0;left:0}section.picture-box-banner .bg img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}section.picture-box-banner .content{padding:var(--space-60-100) 80px 60px;color:#fff;flex-direction:column;width:100%;display:flex}section.picture-box-banner .title{opacity:0;transition:opacity .8s .2s,transform .8s .2s;transform:translateY(30px)}section.picture-box-banner .wrap{flex-direction:column;gap:20px;width:100%;max-width:960px;display:flex}section.picture-box-banner .wrap:not(:first-child){margin-top:60px}section.picture-box-banner .sub-title{opacity:0;transition:opacity .8s .3s,transform .8s .3s;transform:translateY(30px)}section.picture-box-banner .des{opacity:0;transition:opacity .8s .4s,transform .8s .4s;transform:translateY(30px)}@media only screen and (width<=1200px){section.picture-box-banner .breadcrumbs-block{padding:0 40px}section.picture-box-banner .content{padding:var(--space-60-100) 40px 40px}section.picture-box-banner .wrap:not(:first-child){margin-top:40px}}@media only screen and (width<=767px){section.picture-box-banner .container{aspect-ratio:767/920}section.picture-box-banner .content{padding:var(--space-60-100) 20px 40px}section.picture-box-banner .breadcrumbs-block{padding:0 20px}}section.page-header{overflow:hidden}section.page-header.aost-show .breadcrumbs-block,section.page-header.aost-show .main-block .title,section.page-header.aost-show .main-block .wrap{opacity:1;transform:translate(0,0)}section.page-header .breadcrumbs-block{opacity:0;transition:opacity .8s,transform .8s;transform:translate(-30px)}section.page-header .breadcrumbs-block .container{grid-column:2/-2}section.page-header .main-block{padding:var(--space-60-100) 0 60px}section.page-header .main-block .container{grid-column:2/-2;width:100%;max-width:2400px;margin:0 auto}section.page-header .main-block .title{opacity:0;transition:opacity .8s .2s,transform .8s .2s;transform:translate(-30px)}section.page-header .main-block .wrap{opacity:0;align-items:flex-end;gap:40px;transition:opacity .8s .4s,transform .8s .4s;display:flex;transform:translate(-30px)}section.page-header .main-block .wrap:not(:first-child){margin-top:60px}section.page-header .main-block .des-box{flex-direction:column;gap:40px;display:flex;overflow:hidden}section.page-header .main-block .des{width:100%;max-width:960px}section.page-header .main-block .multi{width:100%}@media only screen and (width>=1201px){section.page-header .main-block .multi multipurpose-nav[m4-type=drag] .drag-container .item:hover .category{color:#ff7f35}section.page-header .main-block .multi multipurpose-nav[m4-type=drag] .drag-container .item:hover .deco:before{opacity:0}section.page-header .main-block .multi multipurpose-nav[m4-type=drag] .drag-container .item:hover .deco:after{opacity:1;transition:transform .5s,opacity .5s;transform:rotate(225deg)}}@media only screen and (width<=1200px){section.page-header .main-block .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .category{color:#ff7f35}section.page-header .main-block .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .deco:before{opacity:0}section.page-header .main-block .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .deco:after{opacity:1;transition:transform .5s,opacity .5s;transform:rotate(225deg)}}section.page-header .main-block .multi multipurpose-nav{width:100%}section.page-header .main-block .multi multipurpose-nav.common-multi[m4-type=drag] .drag-container{justify-content:flex-start}section.page-header .main-block .arc-btn{flex-shrink:0;margin-left:auto}@media only screen and (width<=1200px){section.page-header .main-block{padding:var(--space-60-100) 0 40px}section.page-header .main-block .wrap{gap:30px}section.page-header .main-block .wrap:not(:first-child){margin-top:40px}section.page-header .main-block .des-box{gap:30px}}@media only screen and (width<=900px){section.page-header .main-block .wrap{flex-direction:column;align-items:flex-start}section.page-header .main-block .des-box{width:100%}section.page-header .main-block .arc-btn{margin-left:unset}}@media only screen and (width<=767px){section.page-header .main-block .wrap{align-items:center}section.page-header .main-block .arc-btn{width:100%;max-width:240px}}section.pictureBoxBlk[data-color=black] .title{color:#000}section.pictureBoxBlk[data-color=black] .des{color:#000c}section.pictureBoxBlk[data-color=black] .arc-btn{color:#fff;background:#000}@media only screen and (width>=1201px){section.pictureBoxBlk[data-color=black] .arc-btn:hover{color:#fff;background:#ff7f35}}@media only screen and (width<=1200px){section.pictureBoxBlk[data-color=black] .arc-btn:active{color:#fff;background:#ff7f35}}section.pictureBoxBlk[data-color=white] .title,section.pictureBoxBlk[data-color=white] .des{color:#fff}section.pictureBoxBlk[data-color=white] .arc-btn{color:#000;background:#fff}@media only screen and (width>=1201px){section.pictureBoxBlk[data-color=white] .arc-btn:hover{color:#fff;background:#ff7f35}}@media only screen and (width<=1200px){section.pictureBoxBlk[data-color=white] .arc-btn:active{color:#fff;background:#ff7f35}}section.pictureBoxBlk[data-type=left] .content{text-align:left;justify-content:flex-start}section.pictureBoxBlk[data-type=left] .inner{opacity:0;align-items:flex-start;transition:opacity .8s .5s,transform .8s .5s;transform:translateY(30px)}section.pictureBoxBlk[data-type=center] .content{text-align:center;justify-content:center}section.pictureBoxBlk[data-type=center] .inner{opacity:0;align-items:center;transition:opacity .8s .5s,transform .8s .5s;transform:translateY(30px)}section.pictureBoxBlk[data-type=right] .content{text-align:right;justify-content:flex-end}section.pictureBoxBlk[data-type=right] .inner{opacity:0;align-items:flex-end;transition:opacity .8s .8s,transform .8s .8s;transform:translateY(30px)}section.pictureBoxBlk.aost-show .pic{clip-path:polygon(0 0,110% 0,100% 100%,0% 100%)}section.pictureBoxBlk.aost-show .inner{opacity:1;transform:translate(0,0)}section.pictureBoxBlk .container{grid-column:var(--grid-4);width:100%;max-width:1964px;margin:0 auto}section.pictureBoxBlk .block{position:relative}section.pictureBoxBlk .pic{clip-path:polygon(0 0,0 0,0 100%,0% 100%);transition:clip-path 1.5s;position:relative}section.pictureBoxBlk .pic:before{content:"";width:100%;height:0;padding-bottom:max(41.6667%,500px);display:block}section.pictureBoxBlk .pic picture{width:100%;height:100%;display:block;position:absolute;top:0;left:0}section.pictureBoxBlk .pic img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}section.pictureBoxBlk .content{padding:80px var(--1fr-space);align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}section.pictureBoxBlk .inner{flex-direction:column;width:100%;max-width:400px;display:flex}section.pictureBoxBlk .title p{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}section.pictureBoxBlk .des:not(:first-child){margin-top:15px}section.pictureBoxBlk .des p{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}section.pictureBoxBlk .arc-btn:not(:first-child){margin-top:40px}@media only screen and (width>=2048px){section.pictureBoxBlk .inner{max-width:calc(var(--1fr-space) * 5)}}@media only screen and (width<=1200px){section.pictureBoxBlk .arc-btn:not(:first-child){margin-top:30px}}@media only screen and (width<=767px){section.pictureBoxBlk .container{grid-column:1/-1}section.pictureBoxBlk .content{align-items:flex-end;padding:30px 20px}section.pictureBoxBlk .inner{max-width:unset}}@media only screen and (width<=575px){section.pictureBoxBlk .pic{position:relative}section.pictureBoxBlk .pic:before{content:"";width:100%;height:0;padding-bottom:160%;display:block}section.pictureBoxBlk .pic picture{width:100%;height:100%;display:block;position:absolute;top:0;left:0}section.pictureBoxBlk .pic img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}}@media only screen and (width>=1201px){section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:hover .category{color:#ff7f35}section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:hover .deco:before{opacity:0}section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:hover .deco:after{opacity:1;transition:transform .5s,opacity .5s;transform:rotate(225deg)}}@media only screen and (width<=1200px){section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .category{color:#ff7f35}section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .deco:before{opacity:0}section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .deco:after{opacity:1;transition:transform .5s,opacity .5s;transform:rotate(225deg)}}section.product{padding:80px 0 var(--space-80-160);margin-top:-50px;overflow:clip}section.product .container{gap:var(--space-80-160);flex-direction:column;grid-column:2/-2;width:100%;max-width:2400px;margin:0 auto;display:flex}section.product .product-item{justify-content:space-between;gap:var(--1fr-space);display:flex}section.product .product-item.aost-show .pic img{clip-path:polygon(0 0,110% 0,100% 100%,0% 100%)}section.product .product-item.aost-show .content{opacity:1;transform:translate(0,0)}section.product .product-item .pic-block{width:40.9091%}section.product .product-item .sticky{width:100%;position:sticky;top:100px}section.product .product-item .pic{transform-origin:0;width:100%;transition:transform .8s,box-shadow .5s;display:block;position:relative;overflow:hidden;box-shadow:10px 10px 20px #0000}section.product .product-item .pic:before{content:"";width:100%;height:0;padding-bottom:75%;display:block}section.product .product-item .pic picture{width:100%;height:100%;display:block;position:absolute;top:0;left:0}section.product .product-item .pic img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}@media only screen and (width>=1201px) and (width>=1201px){section.product .product-item .pic:hover{transform:scale(1.11);box-shadow:10px 10px 20px #00000026}section.product .product-item .pic:hover img{transform:scale(1.05)}}@media only screen and (width>=1201px) and (width<=1200px){section.product .product-item .pic:active{transform:scale(1.11);box-shadow:10px 10px 20px #00000026}section.product .product-item .pic:active img{transform:scale(1.05)}}section.product .product-item .pic img{clip-path:polygon(0 0,0 0,0 100%,0% 100%);transition:clip-path 1s,transform .8s,opacity .2s ease-in-out}section.product .product-item .content{opacity:0;align-self:center;width:50%;transition:opacity .8s .5s,transform .8s .5s;transform:translate(-30px)}section.product .product-item .title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}section.product .product-item .feature{flex-wrap:wrap;gap:40px 60px;display:flex}section.product .product-item .feature:not(:first-child){margin-top:40px}section.product .product-item .feature-item{align-items:center;gap:20px;display:flex}section.product .product-item .feature-item .icon{flex-shrink:0;width:40px;height:40px;position:relative}section.product .product-item .feature-item .icon:before{content:"";width:100%;height:0;padding-bottom:100%;display:block}section.product .product-item .feature-item .icon picture{width:100%;height:100%;display:block;position:absolute;top:0;left:0}section.product .product-item .feature-item .icon img{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}section.product .product-item .feature-item .text{max-width:240px}section.product .product-item .feature-item .text p{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}section.product .product-item .des{width:100%;max-width:400px}section.product .product-item .des:not(:first-child){margin-top:40px}section.product .product-item .des p{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}section.product .product-item .plus-btn:not(:first-child){margin-top:80px}@media only screen and (width<=1200px){section.product{padding:20px 0 var(--space-80-160);margin-top:unset}section.product .product-item .pic{position:relative}section.product .product-item .pic:before{content:"";width:100%;height:0;padding-bottom:114.961%;display:block}section.product .product-item .pic picture{width:100%;height:100%;display:block;position:absolute;top:0;left:0}section.product .product-item .pic img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}section.product .product-item .feature{gap:30px 60px}section.product .product-item .feature:not(:first-child),section.product .product-item .des:not(:first-child){margin-top:30px}section.product .product-item .plus-btn:not(:first-child){margin-top:50px}}@media only screen and (width<=900px){section.product .container{grid-column:4/-4}section.product .product-item{flex-direction:column;gap:20px}section.product .product-item .pic-block{width:100%}section.product .product-item .pic{position:relative}section.product .product-item .pic:before{content:"";width:100%;height:0;padding-bottom:89.5522%;display:block}section.product .product-item .pic picture{width:100%;height:100%;display:block;position:absolute;top:0;left:0}section.product .product-item .pic img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}section.product .product-item .content{opacity:0;width:100%;transition:opacity .8s,transform .8s;transform:translate(-30px)}section.product .product-item .feature{gap:20px 60px}section.product .product-item .des{max-width:unset}}@media only screen and (width<=767px){section.product .container{grid-column:3/-3}section.product .product-item .feature{flex-direction:column}}@media only screen and (width<=575px){section.product .container{grid-column:2/-2}}
