.product-card-box{width:100%;max-width:1376px;margin:0 auto 80px}.product-card-box:last-child{margin-bottom:0}.product-card-box .product-cards{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.product-card-box .product-card{padding:0 65px;margin-bottom:40px}.product-card-box .card-inner{width:100%;max-width:214px;min-width:214px;height:100%;min-height:350px;text-align:center;position:relative}.product-card-box .card-inner .image-control{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden}.product-card-box .card-inner .image-control img{width:100%;height:100%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-o-object-fit:contain;object-fit:contain}.product-card-box .card-inner>img{-webkit-transition:opacity .4s;transition:opacity .4s}@media only screen and (min-width: 1025px){.product-card-box .card-inner:hover>img{opacity:0}.product-card-box .card-inner:hover .hover-mask{opacity:1;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.8);box-shadow:0 5px 15px rgba(0,0,0,.8)}}.product-card-box .line{width:100%;height:5px;background-color:#444;margin-top:30px}.product-card-box .title{font-size:1.25rem;font-weight:500;line-height:1.5;margin-top:20px}.product-card-box .sub{line-height:1.5;color:#444;margin-top:10px}.product-card-box .hover-mask{width:138%;height:100%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 5px 5px rgba(0,0,0,.85);box-shadow:0 5px 5px rgba(0,0,0,.85);background-color:#fff;overflow:hidden;opacity:0;-webkit-transition:opacity .6s;transition:opacity .6s}.product-card-box .hover-mask .pos-image{width:100%;height:100%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-size:cover;background-position:center;background-repeat:no-repeat}.product-card-box .hover-mask .mask-line{width:40px;height:1px;background-color:#6eba38}.product-card-box .hover-mask .t{width:100%;height:100%;padding:20px 30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;left:0;top:0;z-index:1;background-color:rgba(0,0,0,.75)}.product-card-box .hover-mask .title,.product-card-box .hover-mask .sub{color:#fff}.product-card-box .hover-mask:after{content:"";width:100%;height:8px;position:absolute;left:0;bottom:0;background-color:#6eba38;z-index:2}@media only screen and (max-width: 1024px){.product-card-box .title{font-size:1.125rem}}@media only screen and (max-width: 991px){.product-card-box .product-card{padding:0 20px}}.product-card-box .no-result-box{margin-top:-20px}.product-card-box .product-card[data-aost]{opacity:0}.product-card-box .product-card.aost-show{opacity:1;-webkit-transition-duration:1.2s;transition-duration:1.2s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}body.productList .bg-box.main{width:100%}body.productList .bg-box.main:after{content:"";width:100%;height:750px;background-color:#fff;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(50%,#fff),to(rgba(0,0,0,0)));-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#fff 50%,rgba(0,0,0,0) 100%);mask-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(50%,#fff),to(rgba(0,0,0,0)));mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#fff 50%,rgba(0,0,0,0) 100%);position:absolute;bottom:0;left:0;-webkit-transform:translateY(50%);transform:translateY(50%);z-index:10}@media only screen and (max-width: 991px){body.productList .bg-box.main:after{height:400px}}body.productList .bg-box.main{height:1080px}body.productList .bg-box.main:before{content:"";width:100%;height:100%;background:-webkit-gradient(linear,left bottom,left top,color-stop(100%,rgba(0,0,0,.3)),color-stop(0%,rgba(0,0,0,0)));background:linear-gradient(360deg,rgba(0,0,0,.3) 100%,rgba(0,0,0,0) 0%);position:absolute;left:0;top:0;z-index:1}@media only screen and (max-width: 1024px){body.productList .bg-box.main{height:715px}}body.productList .main-t{width:100%;text-align:center}body.productList .main-t .fz-content{max-width:450px;margin-left:auto;margin-right:auto;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:2rem;max-height:4rem}body.productList .top-box{padding:285px 30px 50px;position:relative;z-index:5}@media only screen and (max-width: 1024px){body.productList .top-box{padding:210px 30px 40px}}body.productList .bottom-box-a{width:100%;padding:0 50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:1}body.productList .bottom-box-a .container{display:inline-block;width:100%;max-width:1600px;min-height:50vh;margin:0 auto;padding:90px 30px 120px;background-color:#fff}body.productList .bottom-box-a .inner{width:100%;max-width:960px;margin:40px auto 0}body.productList .bottom-box-a .t1{font-size:1.625rem;font-weight:500;line-height:1.5;margin-top:50px}body.productList .bottom-box-a .t2{line-height:1.8;color:#444;margin-top:20px}@media only screen and (max-width: 991px){body.productList .bottom-box-a{padding:0 20px}body.productList .bottom-box-a .container{padding:40px 15px 95px}body.productList .bottom-box-a .detail-t2{padding:0 20px}body.productList .bottom-box-a .inner{max-width:500px}body.productList .bottom-box-a .t1{margin-top:40px}body.productList .bottom-box-a .t1,body.productList .bottom-box-a .t2{padding:0 20px}}body.productList .bottom-box-b{width:100%;padding:0 0 170px}body.productList .bottom-box-b .outer{width:100%}body.productList .bottom-box-b .anchor-bar{width:100%;height:100px;background-color:#ececec;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:50px 0}body.productList .bottom-box-b #product-anchor{--maskColor: #EAEAEA}body.productList .bottom-box-b #product-anchor .swiper-box{max-width:880px;padding:0 70px}body.productList .bottom-box-b .top{width:100%;text-align:center;margin-bottom:30px}body.productList .bottom-box-b .top-title{display:inline-block;font-size:1.25rem;font-weight:500;line-height:1.4;padding-left:15px;position:relative}body.productList .bottom-box-b .top-title:before{content:"";width:5px;height:5px;background-color:#6eba38;position:absolute;left:0;top:10px}body.productList .bottom-box-b .top-sub{font-size:2.5rem;line-height:1.2;font-family:Cormorant;margin-top:6px}@media only screen and (max-width: 1024px){body.productList .bottom-box-b .top-title{font-size:1.125rem}body.productList .bottom-box-b .top-title:before{top:7px}body.productList .bottom-box-b .top-sub{padding:0 40px;font-size:2.25rem}}@media only screen and (max-width: 991px){body.productList .bottom-box-b{padding:0 0 90px}body.productList .bottom-box-b .detail-t2{padding:0 60px}body.productList .bottom-box-b .anchor-bar{height:70px;margin:35px 0 50px}body.productList .bottom-box-b #product-anchor{--maskColor: #EAEAEA}}body.productList .top-box[data-aost] .main-t{opacity:0}body.productList .top-box.aost-show .main-t{opacity:1;-webkit-transition-duration:1.2s;transition-duration:1.2s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.2s;transition-delay:.2s}body.productList .bottom-box-a[data-aost]{opacity:0}body.productList .bottom-box-a.aost-show{opacity:1;-webkit-transition-duration:1.2s;transition-duration:1.2s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.2s;transition-delay:.2s}
