.p-tb80{padding: 80px 0;}
.p-tb60{padding: 60px 0;}
.p-tb40{padding: 40px 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;}
.row20{margin-top: -20px;}
.fz-48{font-size: 48px;}
.fz-42{font-size: 42px;}
.fz-32{font-size: 32px;}
.fz-26{font-size: 26px;}
.fz-24{font-size: 24px;}
.fz-18{font-size: 18px;}
.fz-16{font-size: 16px;}
.fz-14{font-size: 14px;}
.content-text{font-size: 16px;line-height: 2;color: #333;}
.text-p p{margin-bottom: 0;}
.bg01{background: #f7f8f9;}

@media (max-width: 1440px) {
    .p-tb80{padding: 56px 0;}
    .p-tb60{padding: 42px 0;}
    .p-tb40{padding: 28px 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;}
    .row20{margin-top: -14px;}
    .fz-48{font-size: 40px;}
    .fz-42{font-size: 36px;}
    .fz-32{font-size: 28px;}
    .fz-26{font-size: 23px;}
    .fz-24{font-size: 20px;}
    .fz-18{font-size: 17px;}
    .fz-16{font-size: 15px;}
    .fz-14{font-size: 13px;}
    .content-text{font-size: 15px;}
}
@media (max-width: 991px) {
    .p-tb80{padding: 40px 0;}
    .p-tb60{padding: 30px 0;}
    .p-tb40{padding: 20px 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;}
    .row20{margin-top: -10px;}
    .fz-48{font-size: 32px;}
    .fz-42{font-size: 30px;}
    .fz-32{font-size: 24px;}
    .fz-26{font-size: 20px;}
    .fz-24{font-size: 18px;}
    .fz-18{font-size: 16px;}
    .fz-16{font-size: 14px;}
    .fz-14{font-size: 12px;}
    .content-text{font-size: 14px;}
}


.search-static{padding: 30px 0;background: #f7f8f9;border-bottom: 1px solid #eee;}
.search-static .search-form{background: #fff;padding-right: 180px;overflow: hidden;position: relative;}
.search-static .search-form .keywords{width: 100%;border: 1px solid #ced4da;border-right: none;border-radius: 6px 0 0 6px;padding: 20px;}
.search-static .search-form .confirm{width: 180px;height: 100%;background: #643d02;color: #fff;border-radius: 0 6px 6px 0;position: absolute;top: 0;right: 0;}
.search-static .search-form .confirm:hover{background: #ee7700;}

.about_us_bg{width: 100%;background: url('../images/aboutus.jpg') no-repeat center/cover;background-attachment: fixed;}
.about_us_bg .color{color: #fff;}
.aboutusInfo{padding: 40px 80px;display: flex;flex-wrap: wrap;justify-content: space-between;background: #fff;}
.aboutusInfo .desc_test_zuo{width: 45%;max-width: 508px;}
.aboutusInfo .cont_info_you{width: 50%;}
.aboutusInfo .cont_info_you .item{padding: 30px 0;border-top: 1px solid #ebebeb;display: flex;align-items: center;}
.aboutusInfo .cont_info_you .item:last-child{border-bottom: 1px solid #ebebeb;}
.aboutusInfo .cont_info_you .item .number{width: 80px;color: #643d02;}
.aboutusInfo .cont_info_you .item .contxt{width: calc(100% - 160px);padding: 0 40px;}
.aboutusInfo .cont_info_you .item .picimg{width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 2px dashed #ebebeb;}
.aboutusInfo .cont_info_you .item .picimg img{width: 40px;}
.aboutusInfo .cont_info_you .item:hover .number{color: #333;}
.aboutusInfo .cont_info_you .item:hover .picimg{border: none;}

.workshopswiper{padding: 20px 0 60px;}
.workshopswiper .swiper-slide img{border-radius: 8px;}
.workshopswiper .swiper-slide-active{transform: scale(1.1);}
.workshopswiper .swiper-pagination{bottom: 0;}

.newsListZuo{width: calc(30% - 4px);padding: 15px;background: #fff;margin: 4px 4px 0 0;}
.newsListZuo a.picimg{display: block;height: 280px;overflow: hidden;}
.newsListZuo .contxt{margin-top: 10px;}
.newsListZuo .contxt .title a{color: #333;}
.newsListZuo .contxt .desc{margin-top: 10px;color: #999;line-height: 1.75;-webkit-line-clamp: 2;height: 3.5em;}
.newsListZuo:hover a.picimg img{transform: scale(1.08);}
.newsListYou{width: 40%;}
.newsListYou .newitem{padding: 20px 15px;background: #fff;margin-top: 4px;display: flex;align-items: center;}
.newsListYou .newitem .sjdates{width: 64px;}
.newsListYou .newitem .content{width: calc(100% - 88px);margin-left: 24px;padding-left: 24px;border-left: 1px solid #dedede;}
.newsListYou .newitem .content .title a{color: #333;}
.newsListYou .newitem .content .desc{margin-top: 10px;color: #999;}
.newsListYou .newitem:hover{background: #643d02;}
.newsListYou .newitem:hover .sjdates{color: #fff;}
.newsListYou .newitem:hover .content .title a{color: #fff;}
.newsListYou .newitem:hover .content .desc{color: #fff;}

@media (max-width: 1440px) {
    .aboutusInfo{padding: 32px 64px;}
    .aboutusInfo .cont_info_you .item{padding: 24px 0;}

    .newsListZuo a.picimg{height: 260px;}
}
@media (max-width: 991px) {
    .search-static{padding: 15px 0;}
    .search-static .search-form{padding-right: 90px;}
    .search-static .search-form .keywords{padding: 10px;}
    .search-static .search-form .confirm{width: 90px;}

    .aboutusInfo{padding: 20px;}
    .aboutusInfo .desc_test_zuo{width: 100%;max-width: 100%;}
    .aboutusInfo .cont_info_you{width: 100%;margin-top: 30px;}
    .aboutusInfo .cont_info_you .item{padding: 15px 0;}
    .aboutusInfo .cont_info_you .item .number{display: none;}
    .aboutusInfo .cont_info_you .item .contxt{width: calc(100% - 80px);padding: 0 20px 0 0;}

    .newsListZuo{width: 100%;margin: 4px 0 0 0;}
    .newsListZuo a.picimg{height: 12rem;}
    .newsListYou{width: 100%;}
    .newsListYou .newitem .sjdates{width: 48px;}
    .newsListYou .newitem .content{width: calc(100% - 60px);margin-left: 12px;padding-left: 12px;}
}


.siteItems{background: #f7f8f9;border-bottom: 1px solid #eee;}
.siteItems .flexwrap{display: flex;align-items: center;justify-content: space-between;}
.siteItems ul.navsul>li{display: inline;margin-right: 20px;padding-right: 21px;position: relative;}
.siteItems ul.navsul>li:last-child{margin-right: 0;padding-right: 0;}
.siteItems ul.navsul>li:after{content: "";width: 1px;height: 15px;background: #ddd;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.siteItems ul.navsul>li:last-child:after{display: none;}
.siteItems ul.navsul>li>a{display: inline-block;padding: 20px 0;color: #333;position: relative;}
.siteItems ul.navsul>li.active>a,.siteItems ul.navsul>li>a:hover{color: #643d02;}
.siteItems ul.navsul>li>a:before{content: "";width: 0;height: 2px;background: #643d02;position: absolute;left: 0;bottom: 0;transition: all 0.5s;}
.siteItems ul.navsul>li.active>a:before,.siteItems ul.navsul>li>a:hover:before{width: 100%;}
.siteItems ul.navsul>li.active>a:after{content: "";width: 100%;height: 2px;background: #643d02;position: absolute;left: 0;bottom: 0;}
.siteItems ul.siteul{padding: 20px 0;}
.siteItems ul.siteul>li{display: inline;font-size: 14px;color: #333;}
.siteItems ul.siteul>li>span{margin: 0 2px;color: #999;font-family: '宋体';}
.siteItems ul.siteul>li>a{display: inline;color: #999;}

.rowFlexWrap{display: flex;flex-wrap: wrap;}
.showItemMenuZuo{width: 280px;position: relative;z-index: 2;}
.nav-show .mobile-nav{padding: 12px 20px;margin-bottom: 10px;background: #643d02;color: #fff;}
.nav-show .tab-item ul>li{position: relative;}
.nav-show .tab-item ul>li a{display: block;font-size: 16px;line-height: 50px;padding-left: 15px;background: #f5f5f5;color: #333;border-top: 1px solid #ebebeb;transition: all ease 0.3s;}
.nav-show .tab-item ul>li:first-child a{border-top: none;}
.nav-show .tab-item ul>li .cat span{display: block;width: 40px;height: 50px;cursor: pointer;display: flex;align-items: center;justify-content: center;position: absolute;top: 1px;right: 0;transition: all ease 0.3s;}
.nav-show .tab-item ul>li .cat span svg{width: 16px;height: 16px;transform: rotate(180deg);}
.nav-show .tab-item ul>li.cur .cat span{background: #643d02;}
.nav-show .tab-item ul>li a:hover,.nav-show .tab-item ul>li.cur a,.nav-show .tab-item ul>li .cat:hover a{background: #643d02;border-color: #643d02;color: #fff;}
.nav-show .tab-item ul>li.cur .cat span svg,.nav-show .tab-item ul>li .cat:hover span svg{fill: #fff;}
.nav-show .tab-item ul>li .navscon{min-width: 240px;white-space: nowrap;position: absolute;top: 0;left: 100%;opacity: 0;visibility: hidden;transition: all 0.3s;}
.nav-show .tab-item ul>li:hover .navscon{opacity: 1;visibility: visible;}
.nav-show .tab-item ul>li .navscon a{display: block;padding: 0 15px;background: #f5f5f5;color: #333;border-top: 1px solid #ebebeb;}
.nav-show .tab-item ul>li .navscon a:first-child{border-top: none;}
.nav-show .tab-item ul>li .navscon a:hover,.nav-show .tab-item ul>li .navscon a.active{background: #643d02;border-color: #643d02;color: #fff;}

.layoutyou{padding: 15px;background: #f5f5f5;}
.layoutyou .you_item{padding: 15px 0;border-top: 1px solid #ebebeb;display: flex;align-items: center;}
.layoutyou .you_item:last-child{border-bottom: 1px solid #ebebeb;}
.layoutyou .you_item svg{width: 30px;height: 30px;}
.layoutyou .you_item svg path{fill: #643d02;}
.layoutyou .you_item .contxt{width: calc(100% - 30px);padding-left: 15px;}
.layoutyou .you_item .contxt .name{line-height: 2;}
.layoutyou .you_item .contxt a{color: #333;}

.showItemTextYou{width: calc(100% - 280px);padding-left: 40px;}
.rowproItem{padding: 30px;display: flex;align-items: center;background: #fff;box-shadow: 0 2px 12px rgba(0,0,0,0.16);}
.rowproItem .picimg{display: block;width: 270px;height: 200px;overflow: hidden;}
.rowproItem:hover .picimg img{transform: scale(1.08);}
.rowproItem .contxt{width: calc(100% - 270px);padding-left: 40px;}
.rowproItem .contxt .title a{color: #333;}
.rowproItem:hover .contxt .title a{color: #643d02;}
.rowproItem .contxt .desc{margin: 6px 0 24px;color: #333;line-height: 2;-webkit-line-clamp: 3;height: 6em;}
.rowproItem .contxt a.viewmore{display: block;width: 180px;line-height: 40px;background: #643d02;color: #fff;border-radius: 4px;}
.rowproItem .contxt a.viewmore:hover{background: #ee7700;}

.rowFlexWrap.details{padding: 30px;background: #f5f7f9;}
.rowFlexWrap.details .works_img_zuo{width: 540px;}
.rowFlexWrap.details .works_img_zuo .workswipertop .swiper-slide .picimg{height: 400px;}
.rowFlexWrap.details .works_img_zuo .workswipertop .swiper-button-prev:after{font-size: 32px;color: #643d02;}
.rowFlexWrap.details .works_img_zuo .workswipertop .swiper-button-next:after{font-size: 32px;color: #643d02;}
.rowFlexWrap.details .works_img_zuo .workswiperend .swiper-slide .picimg{height: 78px;opacity: 0.5;cursor: pointer;}
.rowFlexWrap.details .works_img_zuo .workswiperend .swiper-slide-thumb-active .picimg{opacity: 1;}
.rowFlexWrap.details .works_con_you{width: calc(100% - 540px);padding-left: 50px;}
.rowFlexWrap.details .works_con_you a.slideBtn{display: block;width: 180px;line-height: 40px;text-align: center;background: #643d02;color: #fff;border-radius: 4px;}
.rowFlexWrap.details .works_con_you a.slideBtn.zuo{margin-left: 20px;}
.rowFlexWrap.details .works_con_you a.slideBtn:hover{background: #ee7700;}
.productDetails h1,.productDetails h2,.productDetails h3,.productDetails h4,.productDetails h5,.productDetails h6{font-size: 24px !important;font-weight: 700 !important;font-family: 'Helvetica' !important;margin-bottom: 10px !important;border: none !important;}
.box_item_next{line-height: 2;text-align: left;}
.box_item_next{line-height: 2;text-align: right;}
.box_item_prev a,.box_item_next a{color: #666;}
.box_item_prev span,.box_item_next span{margin-right: 8px;font-weight: 700;color: #333;}
.box_item_prev a:hover,.box_item_next a:hover{color: #643d02;text-decoration: underline;}

.cooperativepartner{background: url('../images/partner.jpg') no-repeat center/cover;background-attachment: fixed;}
.relatedproducts{background: url('../images/products.jpg') no-repeat center/cover;background-attachment: fixed;}
.cooperativepartner .boxitemtitle,.relatedproducts .boxitemtitle{color: #fff;}
.prodcutsitem{display: block;padding: 10px;height: 100%;background: #fff;position: relative;}
.prodcutsitem.box{background: #f7f8f9;}
.prodcutsitem:after{content: "";width: 100%;height: 100%;background: #643d02;position: absolute;top: 100%;left: 0;transition: all 0.5s;}
.prodcutsitem:hover:after{top: 0;}
.prodcutsitem .picimg{position: relative;z-index: 2;}
.prodcutsitem.slide .picimg{height: 240px;}
.prodcutsitem:hover .picimg img{transform: scale(1.08);}
.prodcutsitem .contxt{padding: 20px 0 10px;}
.prodcutsitem .contxt .title{color: #333;position: relative;z-index: 2;}
.prodcutsitem:hover .contxt .title{color: #fff;}
.prodcutsitem .contxt .desc{margin-top: 6px;color: #999;line-height: 1.6;-webkit-line-clamp: 3;height: 4.8em;position: relative;z-index: 2;}
.prodcutsitem:hover .contxt .desc{color: #fff;}

.slideItemFaq{padding: 20px 30px;background: #f9f9f9;}
.slideItemFaq .desc{margin-bottom: 10px;color: #999;}
.slideItemFaq:hover{background: #f3f3f3;}
.messageform .input{width: 100%;height: 40px;background: #fff;border: 1px solid #ced4da;padding: 0 12px;border-radius: 4px;}
.messageform .content{width: 100%;height: 200px;background: #fff;border: 1px solid #ced4da;padding: 6px 12px;border-radius: 4px;}
.messageform .input:focus,.messageform .content:focus{border-color: #dc3545;}
.messageform .sumbit{width: 100%;height: 40px;background: #643d02;color: #fff;border-radius: 4px;}
.messageform .sumbit:hover{background: #ee7700;}

.slideNewsBox .newsList:first-child{margin-top: 0;}
.slideNewsBox .newsList{display: flex;align-items: center;padding: 10px;background: #f7f8f9;}
.slideNewsBox .newsList:hover{background: #fff;box-shadow: 1px 4px 16px rgba(0,0,0,0.08);}
.slideNewsBox .newsList .picimgzuo{display: block;width: 400px;height: 260px;overflow: hidden;}
.slideNewsBox .newsList:hover .picimgzuo img{transform: scale(1.08);}
.slideNewsBox .newsList .contxtyou{width: calc(100% - 420px);display: flex;align-items: center;}
.slideNewsBox .newsList .contxtyou .content{width: calc(100% - 100px);padding: 0.4rem 0.6rem;}
.slideNewsBox .newsList .contxtyou .content .title a{color: #333;}
.slideNewsBox .newsList .contxtyou .content .desc{margin-top: 10px;color: #666;line-height: 2;-webkit-line-clamp: 2;height: 4em;}
.slideNewsBox .newsList .contxtyou .sjdates{width: 100px;color: #999;}
.slideNewsBox .newsList .contxtyou .content .title a:hover{color: #643d02;}
.slideNewsBox .newsList:hover .contxtyou .sjdates{color: #643d02;}
.newTimeHits{margin-top: 10px;padding-bottom: 10px;border-bottom: 1px dashed #e7e7e7;color: #888;}

.contact_info_you{width: 50%;padding: 50px;color: #fff;background: url('../images/contactus.jpg') no-repeat center/cover;}
.contact_info_you .content-text,.contact_info_you .content-text a{color: #fff;}
.contact_info_you .item{width: 140px;margin: 12px 12px 0 0;}
.contact_info_you .name{margin-top: 6px;color: #fff;}
.contact_form_zuo{width: 50%;padding: 50px;background: #f7f8f9;}

@media (max-width: 1440px) {
    .rowproItem .contxt a.viewmore{width: 160px;}
    .rowFlexWrap.details .works_img_zuo{width: 460px;}
    .rowFlexWrap.details .works_img_zuo .workswipertop .swiper-slide .picimg{height: 320px;}
    .rowFlexWrap.details .works_img_zuo .workswipertop .swiper-button-prev:after{font-size: 24px;}
    .rowFlexWrap.details .works_img_zuo .workswipertop .swiper-button-next:after{font-size: 24px;}
    .rowFlexWrap.details .works_img_zuo .workswiperend .swiper-slide .picimg{height: 60px;}
    .rowFlexWrap.details .works_con_you{width: calc(100% - 460px);padding-left: 35px;}
    .prodcutsitem.slide .picimg{height: 180px;}
}
@media (max-width: 991px) {
    .siteItems ul.siteul,.siteItems ul.navsul>li>a{padding: 12px 0;}
    .siteItems ul.siteul>li{font-size: 12px;}
    .siteItems .flexwrap ul.siteul{display: none;}

    .showItemMenuZuo{width: 100%;}
    .nav-show .mobile-nav{padding: 8px 20px;margin-bottom: 4px;}
    .nav-show .tab-item,.layoutyou{display: none;}
    .nav-show .tab-item ul>li a{line-height: 40px;}
    .nav-show .tab-item ul>li .cat span{height: 40px;}
    .nav-show .tab-item ul>li .cat span svg{transform: rotate(-90deg);}
    .nav-show .tab-item ul>li .navscon{display: none;width: 100%;min-width: 100%;position: static;opacity: 1;visibility: visible;}
    .nav-show .tab-item ul>li .navscon a{padding: 0 30px;background: #f9f9f9;}
    .showItemTextYou{width: 100%;padding: 20px 0 0;}
    .rowproItem{margin-top: 20px;display: block;padding: 15px;}
    .rowproItem .picimg{width: 100%;height: 12rem;}
    .rowproItem .contxt{width: 100%;padding: 15px 0 0;}
    .rowproItem .contxt a.viewmore{width: 120px;line-height: 34px;font-size: 12px;}

    .rowFlexWrap.details{padding: 15px;}
    .rowFlexWrap.details .works_img_zuo{width: 100%;}
    .rowFlexWrap.details .works_img_zuo .workswipertop .swiper-slide .picimg{height: 12rem;}
    .rowFlexWrap.details .works_img_zuo .workswipertop .swiper-button-prev:after{font-size: 16px;}
    .rowFlexWrap.details .works_img_zuo .workswipertop .swiper-button-next:after{font-size: 16px;}
    .rowFlexWrap.details .works_img_zuo .workswiperend .swiper-slide .picimg{height: 3rem;}
    .rowFlexWrap.details .works_con_you{width: 100%;padding: 30px 0 0;}
    .rowFlexWrap.details .works_con_you a.slideBtn{width: 100%;line-height: 40px;}
    .rowFlexWrap.details .works_con_you a.slideBtn.zuo{margin: 20px 0 0;}
    .productDetails h1,.productDetails h2,.productDetails h3,.productDetails h4,.productDetails h5,.productDetails h6{font-size: 20px !important;}
    .box_item_next{text-align: left;}
    .prodcutsitem{padding: 5px;}
    .prodcutsitem .title{padding: 10px 0 5px;}
    .prodcutsitem.slide .picimg{height: 6rem;}

    .slideItemFaq{padding: 15px;}
    .slideItemFaq .desc{margin-top: 5px;}
    .messageform .content{height: 120px;}
    .slideNewsBox .newsList:first-child{margin-top: 0;}
    .slideNewsBox .newsList{display: block;}
    .slideNewsBox .newsList .picimgzuo{width: 100%;height: 12rem;}
    .slideNewsBox .newsList .contxtyou{width: 100%;}
    .slideNewsBox .newsList .contxtyou .content{width: calc(100% - 60px);padding: 15px 15px 0 0;}
    .slideNewsBox .newsList .contxtyou .content .title a{color: #333;}
    .slideNewsBox .newsList .contxtyou .content .desc{margin-top: 5px;}
    .slideNewsBox .newsList .contxtyou .sjdates{width: 60px;}
    .contact_info_you{width: 100%;padding: 20px;}
    .contact_info_you .item{width: 110px;}
    .contact_form_zuo{width: 100%;padding: 20px;}
}