.p-tb60{padding: 60px 0;}
.p-lr10{padding: 0 10px;}
.p-lr5{padding: 0 5px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.m-t20{margin-top: 20px;}
.fz-32{font-size: 32px;}
.fz-24{font-size: 24px;}
.content-text{font-size: 14px;line-height: 1.8;color: #666;}
.text-p p{margin-bottom: 0;}
.bg-01{background: #fbfbfb;}

@media(max-width: 1230px){
    .p-tb60{padding: 48px 0;}
    .p-lr10{padding: 0 7px;}
    .p-lr5{padding: 0 8px;}
    .m-t60{margin-top: 48px;}
    .m-t40{margin-top: 32px;}
    .m-t20{margin-top: 16px;}
    .fz-32{font-size: 28px;}
    .fz-24{font-size: 20px;}
}
@media(max-width: 991px){
    .p-tb60{padding: 36px 0;}
    .p-lr10{padding: 0 6px;}
    .p-lr5{padding: 0 9px;}
    .m-t60{margin-top: 36px;}
    .m-t40{margin-top: 24px;}
    .m-t20{margin-top: 12px;}
    .fz-32{font-size: 24px;}
    .fz-24{font-size: 18px;}
}



.designswiper{padding: 60px 12px;}
.designswiper .swiper-button-prev,.designswiper .swiper-button-next{width: 30px;height: 42px;margin: 0;top: 50%;transform: translateY(-50%);background: rgba(0,0,0,0.16);}
.designswiper .swiper-button-prev{left: 12px;}
.designswiper .swiper-button-next{right: 12px;}
.designswiper .swiper-button-prev:after,.designswiper .swiper-button-next:after{font-size: 16px;color: #fff;}
.designswiper .swiper-button-prev:hover,.designswiper .swiper-button-next:hover{background: #a5e96e;}
.designswiper .swiper-slide{display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;transition: 300ms;transform: scale(1);}
.designswiper .swiper-slide-active{transform: scale(1.2);position: relative;z-index: 99;}
.designswiper .swiper-slide a.home-pro-list{width: 100%;display: block;background: #fff;box-shadow: 0 2px 12px rgba(0,0,0,0.12);overflow: hidden;border-radius: 10px;}
.designswiper .swiper-slide a.home-pro-list .text{padding: 20px 20px 0;}
.designswiper .swiper-slide a.home-pro-list .title{color: #333;line-height: 1.35;-webkit-line-clamp: 2;height: 2.7em;}
.designswiper .swiper-slide a.home-pro-list:hover .title{color: #a5e96e;}
.designswiper .swiper-slide a.home-pro-list:hover .img img{transform: scale(1.08);}

.about-us-bg .gs-item-title span{background: #fbfbfb;}
.item-home-about .img{width: 640px;}
.item-home-about .con{width: 640px;padding: 0.4rem;background: #fff;box-shadow: 0 2px 12px rgba(0,0,0,0.12);position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.item-home-about .con a.view-more{display: block;width: 120px;text-align: center;height: 40px;line-height: 40px;background: #333;color: #fff;position: relative;}
.item-home-about .con a.view-more:before{content: "";background: rgba(0,0,0,0) linear-gradient(to right,rgba(255,255,255,0) 0px,rgba(255,255,255,0.5) 100%) repeat scroll 0 0;display: block;height: 100%;left: -75%;position: absolute;top: 0;transform: skewX(-25deg);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);-o-transform: skewX(-25deg);width: 50%;z-index: 2;opacity: 0.75;pointer-events: none;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.item-home-about .con a.view-more:hover{background: #06a647;}
.item-home-about .con a.view-more:hover:before{animation: shine 1.5s;pointer-events: auto;-webkit-animation: shine 1.5s;}

@media(max-width: 768px){
    .designswiper{padding: 12px;}
    .designswiper .swiper-slide-active{transform: scale(1);}
    .item-home-about .img{width: 100%;}
    .item-home-about .con{width: 100%;padding: 20px;position: static;transform: none;}
}



.box-site-bg{width: 100%;padding: 15px 0;background: #f7f7f7;}
.box-site-bg ul.site-ul li{float: left;font-size: 14px;color: #666;}
.box-site-bg ul.site-ul li a{display: block;color: #666;margin: 0 6px;}
.box-site-bg ul.site-ul li a:hover{color: #a5e96e;text-decoration: underline;}

.gs-item-title{color: #a5e96e;line-height: 1;position: relative;}
.gs-item-title:after{content: '';width: 100%;height: 1px;background: #e8e8e8;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.gs-item-title span{background: #fff;padding-right: 10px;position: relative;z-index: 1;}
.contact-us-flex{display: flex;align-items: center;}
.contact-us-flex .img-wrap{width: 450px;}
.contact-us-flex .con-text{width: calc(100% - 450px);padding-right: 0.6rem;}

.item-message .title{font-weight: bold;margin-bottom: 5px;}
.item-message .title span{color: #f00;}
.item-message input,.item-message textarea{width: 100%;height: 40px;padding: 0 10px;margin-bottom: 20px;border: 1px solid #ededed;}
.item-message textarea{height: 160px;padding: 10px;}
.item-message input:focus,.item-message textarea:focus{border-color: #06a647;}
.item-message .submit{width: 120px;text-align: center;height: 40px;line-height: 40px;background: #333;color: #fff;position: relative;}
.item-message .submit:before{content: "";background: rgba(0,0,0,0) linear-gradient(to right,rgba(255,255,255,0) 0px,rgba(255,255,255,0.5) 100%) repeat scroll 0 0;display: block;height: 100%;left: -75%;position: absolute;top: 0;transform: skewX(-25deg);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);-o-transform: skewX(-25deg);width: 50%;z-index: 2;opacity: 0.75;pointer-events: none;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.item-message .submit:hover{background: #06a647;}
.item-message .submit:hover:before{animation: shine 1.5s;pointer-events: auto;-webkit-animation: shine 1.5s;}
@-webkit-keyframes shine {100% {left: 125%}}
@keyframes shine {100% {left: 125%;}}

.box-info-flex{display: flex;flex-wrap: wrap;}
.box-info-flex .item-info{width: 100%;height: 100%;}
.box-info-flex .item-info .title{margin: 15px 0;font-weight: bold;font-size: 20px;}
.pro-item-title,.pro-item-title a{color: #a5e96e;}
.pro-item-title a:hover{text-decoration: underline;}

.item-pro-list .img{width: 100%;display: block;border: 1px solid #e8e8e8;}
.item-pro-list .title a{font-size: 16px;color: #666;}
.item-pro-list a:hover img{transform: scale(1.08);}
.item-pro-list .title a:hover{text-decoration: underline;}
.galleryOverlay{width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;z-index: 100000;background-color: rgba(0,0,0,.7);overflow: hidden;display: none;-moz-transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.galleryOverlay.visible{opacity: 1;}
.gallerySlider{width: 100%;height: 100%;position: absolute;left: 0;top: 0;white-space: nowrap;}
.gallerySlider .placeholder{background: url("../images/loading.gif") no-repeat center center;height: 100%;line-height: 1px;text-align: center;width: 100%;display: inline-block;}
.gallerySlider .placeholder:before{content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;}
.gallerySlider .placeholder img{display: inline-block;max-height: 88%;max-width: 100%;vertical-align: middle;}
.prevArrow, .nextArrow{border: none; text-decoration: none;opacity: 0.5;cursor: pointer;position: absolute; width:50%;height:100%;top:0;margin-top: 0px;}
.prevArrow:hover, .nextArrow:hover{opacity: 1;}
.prevArrow{background-position: left top;left:0;}
.nextArrow{background-position: right top;right:0;}
.pagelimit{position: absolute;bottom: 20px;left: 50%;margin-left: -18px;color: #fff;font-size: 18px;}
.closed{cursor: pointer;position: absolute;width: 40px;height: 40px;right:2%;top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before{content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover{opacity: 0.5;}
.closed::after{width: 26px;height: 2px;}
.closed::before{width: 2px;height: 26px;}

.show-img-left{width: 450px;}
.honorswiper .swiper-slide{border: 1px solid #e8e8e8;}
.honorswiper .swiper-slide-thumb-active{border-color: #333;}
.show-con-desc{width: calc(100% - 450px);padding-left: 40px;}
.product-features{padding: 0 5px;display: flex;flex-wrap: wrap;}
.product-features .feature-item{margin-top: 15px;padding: 0 10px;}
.product-features .feature-item p{min-height: 50px;display: flex;align-items: center;padding-left: 60px;}

@media(max-width: 991px){
    .box-site-bg ul.site-ul li{font-size: 12px;}
    .contact-us-flex{display: block;}
    .contact-us-flex .img-wrap{width: 100%;}
    .contact-us-flex .con-text{width: 100%;padding: 0 0 24px;}

    .box-info-flex .item-info .title{margin: 10px 0;font-size: 16px;}
    .show-img-left{width: 100%;}
    .show-con-desc{width: 100%;padding: 24px 0 0;}
    .product-features{display: block;padding: 0 15px;}
    .product-features .feature-item{margin-top: 0;}
}