body.product .bg-box.main{width:100%}body.product .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.product .bg-box.main:after{height:400px}}body.product .bg-box.main{height:1150px}@media only screen and (max-width: 1024px){body.product .bg-box.main{height:950px}}@media only screen and (max-width: 991px){body.product .bg-box.main{height:720px}}body.product .main-t{width:100%;text-align:center}body.product .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.product .top-box{padding:285px 30px 50px;position:relative;z-index:5}@media only screen and (max-width: 1024px){body.product .top-box{padding:210px 30px 40px}}body.product .bottom-box{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.product .bottom-box .container{display:inline-block;width:100%;max-width:1600px;margin:0 auto;padding:90px 30px 145px;background-color:#fff;position:relative;z-index:2}body.product .bottom-box #product-anchor{margin-bottom:80px}body.product .bottom-box #product-anchor .swiper-box{max-width:790px}@media only screen and (max-width: 1024px){body.product .bottom-box .container{padding:70px 0 105px}body.product .bottom-box #product-anchor{margin-bottom:60px}body.product .bottom-box #product-anchor .swiper-box{max-width:650px;padding:0 20px}}@media only screen and (max-width: 991px){body.product .bottom-box{padding:0 20px}body.product .bottom-box .container{padding:30px 0 90px}body.product .bottom-box #product-anchor{margin-bottom:20px}body.product .bottom-box #product-anchor .swiper-box{max-width:600px;padding:0 40px}}body.product .card-box:not(:last-child){margin-bottom:80px}body.product .card-box .cards{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-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}body.product .card-box .card{width:100%;padding:0 28px;margin-bottom:50px}@media only screen and (min-width: 1401px){body.product .card-box .card:nth-child(6n-3) .card-inner,body.product .card-box .card:nth-child(6n-1) .card-inner{margin-top:140px}body.product .card-box .card:nth-child(3n-1){width:50%}body.product .card-box .card:nth-child(3n-1) .card-inner{max-width:620px;margin-left:auto}body.product .card-box .card:nth-child(3n){width:50%}body.product .card-box .card:nth-child(3n) .card-inner{max-width:620px;margin-right:auto}body.product .card-box .card .t-box .title,body.product .card-box .card .t-box .sub{text-shadow:0 5px 5px rgba(0,0,0,.5)}}body.product .card-box .card-inner{display:block;position:relative;max-width:785px;margin:0 auto}@media only screen and (min-width: 1025px){body.product .card-box .card-inner:hover .t-box{background:rgba(0,0,0,.8)}body.product .card-box .card-inner:hover .t-box .line:after{width:100%;opacity:1}body.product .card-box .card-inner:hover .t-box .text{max-height:60px}}body.product .card-box .image-box{position:relative;padding-bottom:62.42%;-webkit-box-shadow:0 5px 7px rgba(0,0,0,.25);box-shadow:0 5px 7px rgba(0,0,0,.25)}body.product .card-box .image-box:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:-webkit-gradient(linear,left bottom,left top,from(black),color-stop(50%,rgba(0,0,0,0)));background:linear-gradient(360deg,black 0%,rgba(0,0,0,0) 50%);pointer-events:none}body.product .card-box .t-box{width:100%;height:100%;text-align:center;padding:20px 20px 10%;background:rgba(0,0,0,0);color:#fff;position:absolute;left:0;top:0;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;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-transition:background .6s;transition:background .6s}body.product .card-box .t-box .line{display:inline-block;width:105px;height:4px;margin-bottom:10px;position:relative}body.product .card-box .t-box .line:after{content:"";width:0;height:100%;background-color:#6eba38;position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translate(-50%);opacity:0;-webkit-transition:.6s;transition:.6s}body.product .card-box .t-box .title{font-size:3.125rem;font-weight:500;font-family:Cormorant;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:3.75rem;max-height:7.5rem}body.product .card-box .t-box .sub{font-size:1.25rem;line-height:1.5;margin-top:20px}body.product .card-box .t-box .text{max-width:410px;margin:20px auto 0;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.875rem;max-height:3.75rem;max-height:0;-webkit-transition:max-height .6s;transition:max-height .6s}@media only screen and (max-width: 1024px){body.product .card-box .card{padding:0 40px;margin-bottom:60px}body.product .card-box .card-inner{max-width:650px}body.product .card-box .t-box{position:static;padding:20px 0 0;color:#000}body.product .card-box .t-box .t-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}body.product .card-box .t-box .line{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;margin-bottom:0;margin-top:20px}body.product .card-box .t-box .line:after{width:100%;opacity:1}body.product .card-box .t-box .title{font-size:2.25rem;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:2.75rem;max-height:5.5rem}body.product .card-box .t-box .sub{font-size:1.125rem;margin-top:10px}body.product .card-box .t-box .text{max-height:initial;margin:10px auto 0}}@media only screen and (max-width: 991px){body.product .card-box .card-inner{max-width:550px}}body.product .top-box[data-aost] .main-t{opacity:0}body.product .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.product .bottom-box .container[data-aost]{opacity:0}body.product .bottom-box .container.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.product .card[data-aost]{opacity:0}body.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.product .monthly-report-box{margin:0 auto;position:relative;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;max-width:1200px;min-height:550px;text-align:center;color:#fff}body.product .monthly-report-box .bg-box:after{position:absolute;inset:0;display:block;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.2)));background:linear-gradient(0deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 100%);-webkit-box-shadow:0 4px 7px 0 rgba(0,0,0,.25);box-shadow:0 4px 7px rgba(0,0,0,.25);width:100%;height:100%;content:""}body.product .monthly-report-box .t-inner{padding-top:30px}body.product .monthly-report-box .t-box .title{font-size:3.125rem;font-weight:500;font-family:Cormorant;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:3.75rem;max-height:7.5rem}body.product .monthly-report-box .t-box .sub{font-size:1.25rem;line-height:1.5;margin-top:16px}body.product .monthly-report-box .common-btn{margin-top:30px}@media only screen and (max-width: 1024px){body.product .monthly-report-box .t-box .title{font-size:2.25rem;font-weight:500;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:2.75rem;max-height:5.5rem}body.product .monthly-report-box .t-box .sub{font-size:1.125rem}}@media only screen and (max-width: 991px){body.product .monthly-report-box{max-width:76.1194029851%;min-height:350px}}
