.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.projectDetail .bg-box.main{width:100%}body.projectDetail .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.projectDetail .bg-box.main:after{height:400px}}body.projectDetail .bg-box.main{height:600px}@media only screen and (max-width: 991px){body.projectDetail .bg-box.main{height:400px}}body.projectDetail main{padding:285px 0 120px;position:relative}@media only screen and (max-width: 1024px){body.projectDetail main{padding:200px 0 90px}}body.projectDetail .box-top{width:89.333%;max-width:1600px;margin:0 auto;padding:100px 30px 70px;text-align:center;background-color:#fff;position:relative}body.projectDetail .box-top .t1{display:inline-block;position:relative;font-size:1.25rem;font-weight:500;line-height:1.5;padding-left:15px;margin-bottom:20px}body.projectDetail .box-top .t1:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:5px;height:5px;background-color:#6eba38}body.projectDetail .box-top .t2{font-size:3.125rem;font-weight:500;line-height:1.5}body.projectDetail .box-top .t3{font-size:1.625rem;font-weight:500;line-height:1.5;color:#2f2f2f;margin-top:15px}body.projectDetail .box-top .swiper-box.top{max-width:1200px;margin:40px auto 0;padding:0 120px;position:static}body.projectDetail .box-top .image-box{width:100%}body.projectDetail .box-top .image-control{width:100%;height:0;padding-bottom:67.7%}body.projectDetail .box-top .swiper-pagination-number{margin-top:40px}@media only screen and (max-width: 1500px){body.projectDetail .box-top .swiper-box.top{max-width:1000px}}@media only screen and (max-width: 1024px){body.projectDetail .box-top{padding:50px 35px}body.projectDetail .box-top .t1{font-size:1.125rem}body.projectDetail .box-top .t2{font-size:1.875rem}body.projectDetail .box-top .t3{font-size:1.25rem}body.projectDetail .box-top .swiper-box.top{padding:0;max-width:650px;margin-top:30px}body.projectDetail .box-top .swiper-pagination-number{margin-top:5px}}body.projectDetail .share-box{display:inline-block;position:absolute;right:70px;top:80px;z-index:1}body.projectDetail .share-box .share{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;text-align:center}body.projectDetail .share-box .share span{font-size:1.625rem;font-weight:500;font-family:Cormorant;color:#444;display:inline-block}body.projectDetail .share-box .share .line{display:block;width:1px;height:18px;margin:0 25px;background-color:#6eba38}body.projectDetail .share-box .share .social{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}body.projectDetail .share-box .share .social a{display:block;font-size:25px;color:#acacac;margin:0 10px;-webkit-transition:.6s;transition:.6s}@media only screen and (min-width: 1025px){body.projectDetail .share-box .share .social a:hover{color:#444}}@media only screen and (max-width: 1200px){body.projectDetail .share-box{position:static;margin-top:15px}}@media only screen and (max-width: 1024px){body.projectDetail .share-box .share span{font-size:1.125rem}body.projectDetail .share-box .share .social a{font-size:25px}}@media only screen and (max-width: 350px){body.projectDetail .share-box .share{display:block}body.projectDetail .share-box .share .line{width:1px;height:18px;margin:15px auto}}body.projectDetail .anchor-bar{width:100%;max-width:1280px;min-height:100px;margin:0 auto;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;background-color:#ececec;position:relative}body.projectDetail .anchor-bar:after{content:"";position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translate(-50%);width:300%;max-width:1600px;height:100%;background-color:#fff;z-index:-1}body.projectDetail .anchor-bar drag-nav{--maskColor: #EAEAEA}@media only screen and (max-width: 1024px){body.projectDetail .anchor-bar{min-height:60px}}body.projectDetail .box-bottom{width:100%;padding:100px 0 0;background-color:#fff}@media only screen and (max-width: 1024px){body.projectDetail .box-bottom{padding:45px 0 0}}body.projectDetail ._articleBlock{max-width:1000px;margin:0 auto}@media only screen and (max-width: 1200px){body.projectDetail ._articleBlock{max-width:890px;padding:0 45px}}body.projectDetail .series{padding-top:60px;margin-top:60px;position:relative}body.projectDetail .series:before{content:"";width:89.333%;max-width:1280px;height:6px;background-color:#6eba38;position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translate(-50%);z-index:1}body.projectDetail .series .detail-t2{margin-bottom:110px}body.projectDetail .series .swiper-box{max-width:1350px;height:auto;margin:0 auto}body.projectDetail .series .swiper{max-width:none;margin:0 auto 70px}body.projectDetail .series .swiper-wrapper{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}body.projectDetail .series .swiper-slide{margin:0;padding:0}@media only screen and (max-width: 1200px){body.projectDetail .series{padding-top:90px}body.projectDetail .series .detail-t2{margin-bottom:70px}body.projectDetail .series .swiper-box{max-width:900px}}@media only screen and (max-width: 1024px){body.projectDetail .series .detail-t2{margin-bottom:40px}body.projectDetail .series .swiper{margin:0 auto 20px}}@media only screen and (max-width: 768px){body.projectDetail .series .swiper-box{max-width:600px}}body.projectDetail .others{margin-top:60px}body.projectDetail .others .line{width:2px;height:185px;margin:0 auto 60px;position:relative;z-index:1}body.projectDetail .others .line:before{content:"";width:100%;height:100%;background-color:#6eba38;position:absolute;left:0;top:0;-webkit-transition:.6s;transition:.6s}body.projectDetail .others .large-t{font-family:Cormorant;font-size:7.5rem;letter-spacing:1px;line-height:.9;color:#ececec;margin-top:45px;text-align:center}body.projectDetail .others .swiper-box{margin-top:-30px;z-index:1}body.projectDetail .others .swiper-pagination-number{margin-top:50px}body.projectDetail .others .swiper-slide{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;text-align:left;padding-right:110px}body.projectDetail .others .swiper-slide.large{max-width:790px}body.projectDetail .others .swiper-slide.large .image-control{padding-bottom:67.948%}body.projectDetail .others .swiper-slide:not(.large){max-width:435px}body.projectDetail .others .swiper-slide:not(.large) .image-control{padding-bottom:100%}body.projectDetail .others .swiper-slide:nth-child(2n){margin-top:70px}@media only screen and (min-width: 1025px){body.projectDetail .others .swiper-slide:hover .image-control:before{opacity:1}body.projectDetail .others .swiper-slide:hover .common-btn{opacity:.9}body.projectDetail .others .swiper-slide:hover .common-btn p:after{width:100%}}body.projectDetail .others .image-box{width:100%;position:relative}body.projectDetail .others .image-control{height:0;position:relative}body.projectDetail .others .image-control img:not(.image){width:65px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.8}body.projectDetail .others .image-control:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1;pointer-events:none;opacity:0;-webkit-transition:opacity .6s;transition:opacity .6s}body.projectDetail .others .t-box{margin-top:20px}body.projectDetail .others .t-box .t{font-size:1.625rem;line-height:1.5;font-weight:500;color:#444;margin-bottom:5px}@media only screen and (max-width: 1400px){body.projectDetail .others .large-t{font-size:5.625rem}body.projectDetail .others .swiper-slide{padding-right:80px}body.projectDetail .others .swiper-slide.large{max-width:550px}body.projectDetail .others .swiper-slide:not(.large){max-width:350px}body.projectDetail .others .t-box .t{font-size:1.125rem}}@media only screen and (max-width: 991px){body.projectDetail .others{margin-top:30px}body.projectDetail .others .line{height:90px;margin:0 auto 50px}body.projectDetail .others .large-t{font-size:3.125rem;margin:10px 0 0 30px}body.projectDetail .others .swiper-box{margin-top:-10px}body.projectDetail .others .swiper-pagination-number{margin-top:40px}}@media only screen and (max-width: 767px){body.projectDetail .others .swiper-box{padding:0 30px}body.projectDetail .others .swiper-slide{max-width:none!important;padding:0!important;margin:0}body.projectDetail .others .swiper-slide.large .image-box,body.projectDetail .others .swiper-slide.large .t-box{max-width:500px;margin:0 auto}body.projectDetail .others .swiper-slide:not(.large) .image-box,body.projectDetail .others .swiper-slide:not(.large) .t-box{max-width:350px;margin:0 auto}body.projectDetail .others .swiper-slide:nth-child(2n){margin-top:0}body.projectDetail .others .t-box{margin-top:25px!important;text-align:center}}@media only screen and (max-width: 500px){body.projectDetail .others .large-t{text-align:left}}body.projectDetail .box-top[data-aost] .t1,body.projectDetail .box-top[data-aost] .t2,body.projectDetail .box-top[data-aost] .t3,body.projectDetail .box-top[data-aost] .swiper-box{opacity:0}body.projectDetail .box-top.aost-show .t1,body.projectDetail .box-top.aost-show .t2,body.projectDetail .box-top.aost-show .t3,body.projectDetail .box-top.aost-show .swiper-box{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.projectDetail .series[data-aost]:before{-webkit-clip-path:inset(0% 50% 0% 50%);clip-path:inset(0% 50% 0% 50%);-webkit-transition:-webkit-clip-path .6s;transition:-webkit-clip-path .6s;transition:clip-path .6s;transition:clip-path .6s,-webkit-clip-path .6s}body.projectDetail .series[data-aost] .swiper-box,body.projectDetail .series[data-aost] .detail-t2{opacity:0}body.projectDetail .series.aost-show:before{-webkit-clip-path:inset(0% 0% 0% 0%);clip-path:inset(0% 0% 0% 0%)}body.projectDetail .series.aost-show .swiper-box,body.projectDetail .series.aost-show .detail-t2{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:.4s;transition-delay:.4s}body.projectDetail .others[data-aost] .line:before{height:0}body.projectDetail .others[data-aost] .large-t{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}body.projectDetail .others[data-aost] .swiper-box,body.projectDetail .others[data-aost] .detail-title,body.projectDetail .others[data-aost] .detail-sub{opacity:0}body.projectDetail .others.aost-show .line:before{height:100%;-webkit-transition:height .6s;transition:height .6s}body.projectDetail .others.aost-show .large-t{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:-webkit-clip-path;transition-property:-webkit-clip-path;transition-property:clip-path;transition-property:clip-path,-webkit-clip-path;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:1s;transition-delay:1s}body.projectDetail .others.aost-show .swiper-box,body.projectDetail .others.aost-show .detail-title,body.projectDetail .others.aost-show .detail-sub{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:.6s;transition-delay:.6s}