.p-tb100{padding: 100px 0;}
.p-tb60{padding: 60px 0;}
.p-lr5{padding: 0 5px;}
.p-lr10{padding: 0 10px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.m-t20{margin-top: 20px;}
.fz-36{font-size: 36px;}
.fz-32{font-size: 32px;}
.fz-24{font-size: 24px;}
.fz-18{font-size: 18px;}
.fz-16{font-size: 16px;}
.content-text{font-size: 16px;line-height: 1.8;color: #666;}
.text-p p{margin-bottom: 0;}
.bg01{background: #f7f8f9;}

@media (max-width: 1440px) {
    .p-tb100{padding: 70px 0;}
    .p-tb60{padding: 42px 0;}
    .p-lr5{padding: 0 8px;}
    .p-lr10{padding: 0 7px;}
    .m-t60{margin-top: 42px;}
    .m-t40{margin-top: 28px;}
    .m-t20{margin-top: 14px;}
    .fz-36{font-size: 32px;}
    .fz-32{font-size: 28px;}
    .fz-24{font-size: 22px;}
    .fz-18{font-size: 17px;}
    .fz-16{font-size: 15px;}
    .content-text{font-size: 15px;}
}
@media (max-width: 991px) {
    .p-tb100{padding: 50px 0;}
    .p-tb60{padding: 30px 0;}
    .p-lr5{padding: 0 10px;}
    .p-lr10{padding: 0 5px;}
    .m-t60{margin-top: 30px;}
    .m-t40{margin-top: 20px;}
    .m-t20{margin-top: 10px;}
    .fz-36{font-size: 28px;}
    .fz-32{font-size: 24px;}
    .fz-24{font-size: 18px;}
    .fz-18{font-size: 16px;}
    .fz-16{font-size: 14px;}
    .content-text{font-size: 14px;}
}


.wp-sub-title{padding-bottom: 20px;position: relative;}
.wp-sub-title span{color: #73bd47;}
.wp-sub-title:before{content: '';width: 50px;height: 3px;background: #222;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.wp-sub-title.cur:before{left: 0;transform: none;}
.wp-sub-title.active:before{left: 0;transform: none;background: #73bd47;}

a.home-slide-pro{display: block;border-radius: 6px;overflow: hidden;position: relative;}
a.home-slide-pro .con-txt-pic{width: 100%;height: 100%;padding: 30px;background: rgba(115,189,71,0.9);color: #fff;opacity: 0;transform: scale(0);display: flex;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;}
a.home-slide-pro:hover .con-txt-pic{opacity: 1;transform: scale(1);}
.rec-pro-nex-prev .wp-next,.rec-pro-nex-prev .wp-prev{width: 30px;height: 50px;background: rgba(0,0,0,0.4);border-radius: 4px;margin: 0;top: 50%;transform: translateY(-50%);}
.rec-pro-nex-prev .wp-next:after,.rec-pro-nex-prev .wp-prev:after{font-size: 18px;color: #fff;}
.rec-pro-nex-prev .wp-next:hover,.rec-pro-nex-prev .wp-prev:hover{background: #73bd47;}
.rec-pro-nex-prev .wp-next{right: -40px;}
.rec-pro-nex-prev .wp-prev{left: -40px;}

.about-us-wrap{display: flex;align-items: center;}
.about-us-wrap .pic-zuo{width: 50%;}
.about-us-wrap .con-you{width: 50%;padding: 30px 1.2rem 30px 0.8rem;}
.about-us-wrap a.view-more{display: block;width: 180px;height: 45px;line-height: 45px;background: #6bb440;color: #fff;overflow: hidden;border-radius: 5px;position: relative;}
.about-us-wrap a.view-more:before{content: '';width: 0;height: 100%;background: #538b3e;position: absolute;top: 0;left: 0;transition: all 0.5s;}
.about-us-wrap a.view-more span{position: relative;z-index: 9;}
.about-us-wrap a.view-more span em{font-family: '宋体';margin-left: 6px;}
.about-us-wrap a.view-more:hover:before{width: 100%;}

@media (max-width: 991px) {
    .wp-sub-title{padding-bottom: 14px;}
    a.home-slide-pro .con-txt-pic{padding: 15px;}
    .rec-pro-nex-prev .wp-next,.rec-pro-nex-prev .wp-prev{width: 28px;height: 42px;}
    .rec-pro-nex-prev .wp-next:after,.rec-pro-nex-prev .wp-prev:after{font-size: 14px;}
    .rec-pro-nex-prev .wp-next{right: 0}
    .rec-pro-nex-prev .wp-prev{left: 0;}

    .about-us-wrap{display: block;}
    .about-us-wrap .pic-zuo{width: 100%;}
    .about-us-wrap .con-you{width: 100%;padding: 40px 20px;}
    .about-us-wrap a.view-more{width: 124px;height: 36px;line-height: 36px;}
}


.location{width: 100%;padding: 15px 0;background: #f7f8f9;border-bottom: 1px solid #eee;}
.location ul>li{display: inline;font-size: 14px;line-height: 24px;color: 333;}
.location ul>li>span{font-family: '宋体';margin: 0 5px;color: #888;}
.location ul>li>a{color: #666;}
.location ul>li>a:hover{color: #6bb440;}

.about-box-wp .title{width: 100%;padding: 10px;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,1));color: #fff;position: absolute;left: 0;bottom: 0;}
.aboutswiper .swiper-button-prev{left: 0;}
.aboutswiper .swiper-button-next{right: 0;}
.aboutswiper .swiper-button-prev:after,.aboutswiper .swiper-button-next:after{font-size: 22px;color: #fff;}

.wp_show_menu_zuo{width: 300px;}
.nav-show .mobile-nav{padding: 20px;background-image: linear-gradient(to right,#0394a5,#77af55);color: #fff;}
ul.tab-item>li{background: #fff;border-top: 1px solid #f5f5f5;}
ul.tab-item>li>a{display: block;font-size: 16px;font-weight: bold;padding: 15px 20px;color: #333;}
ul.tab-item>li.cur a,ul.tab-item>li a:hover{background: #73bd47;color: #fff;}
.wp_show_text_you{width: calc(100% - 300px);padding-left: 40px;}
.wp_show_text_you .location{display: flex;align-items: center;justify-content: space-between;padding-top: 0;}
.item-pro-wrap{display: flex;flex-wrap: wrap;}
.pro-list-box{background: #fff;overflow: hidden;}
.pro-list-box .title{padding: 15px;}
.pro-list-box .title a{color: #333;}
.pro-list-box:hover img{transform: scale(1.08);}
.pro-list-box:hover{box-shadow: 0 10px 25px rgba(0,0,0,0.1);}
.pro-list-box:hover .title a{color: #73bd47;}

.layout-pro-wp .work-img-zuo{width: 40%;}
.workswiperend .swiper-slide .img{cursor: pointer;border: 1px solid #eee;}
.workswiperend .swiper-slide-thumb-active .img{border-color: #73bd47;}
.layout-pro-wp .work-next-prev{padding: 0 30px;position: relative;}
.layout-pro-wp .work-next-prev .swiper-button-prev{left: -5px;}
.layout-pro-wp .work-next-prev .swiper-button-next{right: -5px;}
.layout-pro-wp .work-next-prev .swiper-button-prev:after{font-size: 20px;color: #333;}
.layout-pro-wp .work-next-prev .swiper-button-next:after{font-size: 20px;color: #333;}
.layout-pro-wp .work-con-you{width: calc(100% - 60%);padding-left: 40px;}
.layout-pro-wp .work-con-you .contdesc{padding: 20px 0;border-top: 2px solid #565656;border-bottom: 1px solid #eee;}
.layout-pro-wp .work-con-you .gsemail{display: flex;align-items: center;color: #73bd47;}
.layout-pro-wp .work-con-you .gsemail span{margin-left: 8px;}
.contact-us-message{display: flex;}
.contact-us-message a.icon{display: block;text-align: center;width: 160px;line-height: 2;padding: 8px;color: #fff;overflow: hidden;position: relative;border-radius: 5px;}
.contact-us-message a.contact{background: #73bd47;}
.contact-us-message a.message{background: #767676;margin-left: 20px;}
.contact-us-message a.icon:before{content: "";display: block;width: 50%;height: 100%;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;position: absolute;left: -80%;top: 0;z-index: 2;opacity: 0.75;pointer-events: none;transform: skewX(-25deg);-webkit-transform: skewX(-25deg);transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.contact-us-message a.icon:hover:before{animation: shine 1.2s;pointer-events: auto;-webkit-animation: shine 1.2s;}
@-webkit-keyframes shine {100% {left: 120%}}
@keyframes shine {100% {left: 120%;}}

.layout-pro-wp .product-details{padding-bottom: 12px;border-bottom: 1px solid #eee;}
.RecommendedProducts .swiper-button-next,.RecommendedProducts .swiper-button-prev{width: 36px;height: 36px;background: #73bd47;border-radius: 50px;margin: 0;top: 50%;transform: translateY(-50%);}
.RecommendedProducts .swiper-button-next{right: 0;}
.RecommendedProducts .swiper-button-prev{left: 0;}
.RecommendedProducts .swiper-button-next:after,.RecommendedProducts .swiper-button-prev:after{font-size: 16px;color: #fff;}
.RecommendedProducts .swiper-button-disabled{display: none;}
.RecommendedProducts .pro-list-box .picimg{padding: 10px 10px 0;}
.RecommendedProducts .pro-list-box .picimg a{display: block;overflow: hidden;}
.RecommendedProducts .pro-list-box:hover{box-shadow: none;transform: none;}

.layout-message .input{width: 100%;height: 42px;padding: 0 10px;background: #fcfcfc;margin-bottom: 15px;border: 2px solid #ced4da;}
.layout-message .content{width: 100%;height: 120px;padding: 10px;background: #fcfcfc;margin-bottom: 15px;border: 2px solid #ced4da;}
.layout-message .submit{display: block;text-align: center;width: 160px;line-height: 2;padding: 8px;background: #73bd47;color: #fff;margin: auto;border-radius: 5px;}
.layout-message .input:focus,.layout-message .content:focus{border-color: #40a8ff;}
.layout-message .submit:hover{background: #40a8ff;}

.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{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: url(../images/lt_arrow.png) no-repeat center left/60px;left: 10px;}
.nextArrow{background: url(../images/rt_arrow.png) no-repeat center right/60px;right: 10px;}
.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;}

.honor-wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
.honor-wrap .item{height: 100px;padding: 6px;}
.honor-wrap .item img{max-width: 100%;max-height: 100%;}

.contact-us-wrap{display: flex;flex-wrap: wrap;background: #f5f5f5;}
.contact-us-wrap .info-txt-zuo{width: 50%;padding: 0.8rem;}
.contact-us-wrap .info-txt-zuo .gsname{font-size: 30px;}
.contact-us-wrap .info-txt-zuo .plist{padding: 20px 0;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #707070;}
.contact-us-wrap .info-txt-zuo .plist .con{width: calc(100% - 36px);display: flex;}
.contact-us-wrap .info-txt-zuo .plist .con span{font-weight: bold;margin-right: 6px;}
.contact-us-wrap .info-txt-zuo .plist .img{width: 26px;}
.contact-us-wrap .maps-con-you{width: 50%;}
#mapContainer{width: 100%;height: 100%;}

@media (max-width: 1230px) {
    .contact-us-wrap .info-txt-zuo{width: 100%;padding: 20px 15px 30px;}
    .contact-us-wrap .info-txt-zuo .gsname{font-size: 22px;}
    .contact-us-wrap .maps-con-you{width: 100%;margin-top: 20px;}
    #mapContainer{width: 100%;height: 300px;}
}
@media(max-width: 991px){
    .location{padding: 10px 0;}
    .about-box-wp .title{padding: 6px;}
    .aboutswiper .swiper-button-prev:after,.aboutswiper .swiper-button-next:after{font-size: 16px;color: #fff;}
    .wp_show_menu_zuo{width: 100%;}
    .wp_show_text_you{width: 100%;padding: 10px 0 0;}
    .wp_show_text_you .location{display: none;}
    .nav-show .mobile-nav{text-align: center;padding: 10px;}
    .nav-show .mobile-nav:before{content: '';width: 100%;height: 100%;height: calc(100vh - 60px);background: rgba(0,0,0,0.5);position: fixed;top: 60px;right: -100%;z-index: 98;}
    ul.tab-item{width: 70%;max-width: 360px;height: calc(100vh - 60px);background: #fff;overflow-y: auto;position: fixed;top: 60px;right: -100%;z-index: 99;}
    .nav-show .mobile-nav.active:before,ul.tab-item.active{right: 0;}
    .item-pro-wrap a.item-list .title{padding: 6px;}

    .layout-pro-wp{padding: 0;background: none;margin-top: 30px;}
    .layout-pro-wp .work-img-zuo{width: 100%;}
    .layout-pro-wp .work-con-you{width: 100%;padding: 30px 0 0;}
    .contact-us-message a.icon{width: 120px;padding: 6px;}
    .RecommendedProducts .swiper-button-next,.RecommendedProducts .swiper-button-prev{width: 28px;height: 28px;}
    .RecommendedProducts .swiper-button-next:after,.RecommendedProducts .swiper-button-prev:after{font-size: 14px;}
    .RecommendedProducts .pro-list-box .picimg{padding: 5px 5px 0;}
    .layout-message .submit{width: 120px;padding: 6px;}
    .honor-wrap .item{height: 64px;}
}