﻿
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}

#mould74579 .navs>li:hover>a{background-color:#009140;background:#009140;border-radius:4px; }
#mould74579 .navs>li.active>a{background-color:#009140;background:#009140;border-radius:4px; }
#mould74580{width:100%;}
#mould74581 li>a:hover{color:#009140;}
#mould74581 li.active>a{color:#009140;}
#mould74581 ul li:before{ background-color:#009140;background:#009140; }
#mould74581 ul li:after{ background-color:#009140;background:#009140; }
#mould74581 ul li:hover:before{ background-color:#009140;background:#009140; }
#mould74581 ul li:hover:after{ background-color:#009140;background:#009140; }
#mould74582{width:100%;}
#mould74582>div{min-height:500px;}
#mould74583{width:100%;}
.navbars4{ width:1600px;}
.navbars4 .logo{width: 500px;}
.navbars4 li a{ margin:0 5px;}
.phone{ float:right; margin-left:48px;}
.phone p{ line-height:100px; font-size:20px; background: url("/images/phone.png") no-repeat center left; padding-left:30px;}


.crumbs{ width: 72%; margin: 0 auto;}
.crumbs_nav{ float: left; width: 40%; line-height: 80px;}
.crumbs_nav a{ display: inline-block; margin: 0 15px;}
.crumbs_nav a:hover{ color: #009140;}
.crumbs_nav a.b{ background: url("/images/btn.png") no-repeat; background-position: -157px 0; width: 20px; height: 20px; position: relative; top: 5px;}
.crumbs_nav span{ margin-left: 15px; color: #009140;}
.crumbs ul{ float: right; width: auto;}

.children-navs{ margin-bottom:36px;}
.children-navs ul li{ min-width: auto; margin:0 5px;}
.children-navs ul li:last-child{ margin-right:0;}
.children-navs ul li a{ font-size:16px; padding: 0 15px;}
.children-navs ul li:hover a{ color: #009140;}
.children-navs ul li.active a{ color: #009140;}
.children-navs ul li.active:after, .children-navs ul li.active:before{ bottom: -2px; background: #009140;}
.children-navs ul li:hover:after, .children-navs ul li:hover:before{ bottom: -2px; background: #009140;}

.footer{ background: url('//upload.ruituoyun.com/Upload/website/3277/image/2021/03/25/6375228512294967779182073.jpg') no-repeat; border-top:4px solid #009140;}
.foot{ width:1360px; padding:60px 0 60px 0;}
.foot_nav > ul > li{ margin-right:64px;}
.foot_nav > ul > li:last-child{ margin-right:0;}
.foot_nav li p{ margin-bottom:20px; color: #333;}
.foot_nav li a{ line-height:32px; color: #333;}
.foot_nav li a:hover{ color:#009140;}


.footer-foot{ background:none;}
.footer-foot .center{ width:1360px; margin:0 auto; border-top:1px solid rgba(0,0,0,0.2);}
.footer-foot p{ line-height:60px; float:left; color:#333;}
.footer-foot p a{ color:#333;}
.footer-foot p a:hover{ color:#009140;}
.footer-foot p:last-child{ float:right;}
.foot-ewm{ float:right; border-left: 1px solid rgba(0,0,0,0.2);}
.foot-ewm p{ float:initial; line-height:36px;}


#mould74584{ width:1360px; margin:0 auto;}
#mould74584 p{ line-height:30px;}
#mould74584 p img{ margin:5px 0;}

.picture1 .picture1-cont{ width:1360px;}
.picture1 .picture1-cont > ul a{ border:1px solid #ccc; box-sizing:border-box;}
.picture1 .picture1-cont > ul li{ width:24%;}
.picture1 .picture1-cont > ul li a img{ height:243px;}
.picture1 .picture1-cont > ul li div{ margin: 10px 0 25px 0;}

.wz_main,.news001 .news_ny_bg,.product-list,.main3,#mould74594,.product{ width:1360px; margin:0 auto;}
.wz_main .wz_news_ny li .text{ width:67%;}
.news001 .news_ny_cont_xq p{ text-indent:inherit;}
.news001 .news_ny_cont_xq p img{ max-width: 100%; max-height: initial;}
.wz_main .wz_news_ny li:hover .text span {
 border-color:#009140;
 background-color:#009140;
 background:#009140;
 border-radius:4px;
 color:#fff;
}

.tb_page{ width:1360px; margin: 30px auto;}
.tb_page h4 a,.news001 .news_ny_cont_xq h3 a,.fenye3_all h4 a{ color:#009140;}
.product-list > ul li{ margin-bottom:20px; width:23.5%;}
.product-list > ul li p:first-child{ height:470px;}
.main3{ padding:0;}

.product li{ margin-bottom:20px;}
.product li p:first-child{ height:326px;}
.product_xq3 h2{ height:auto;}

/*视频 #mould35389 li:nth-child(1) div{padding-left:36%;} */
#mould35389,.width_1360{ width:1300px; margin: 0 auto;}
#mould35389 li{ width:48%; float:left;margin-bottom:2%;}

#mould35389 li:nth-child(even){ float:right;}
#mould35389 li .videos{width:100%; height:352px;  display: inline-block;}
#mould35389 li video{ width:100%; height: 100%;}
#mould35389 li p{ text-align:center; line-height:60px;}
#mould35389 li:hover p{ color: #333;}


/*联系*/
#mould54317{ background: url(/images/contact_bg.fff97c3a.png) no-repeat right 50px top 50px; background-size: 90%; padding: 0 0 90px 0; box-sizing: border-box;}
.width_1360{ width: 1360px; margin: 0 auto;}
.contact-box h2{ font-size: 70px; font-family: Patrician; position: relative; padding-bottom:20px;}
.contact-box h2:after{ content: ""; display: block;width: 70px; height: 1px; border-top: 1px solid #000; position: absolute;bottom: 0;left: 0;}
.contact-box h3{ font-size: 30px; line-height:30px; margin-top:20px;}
.contact-box h3 em{ font-size: 24px; margin: 0 25px; color: #666;}
.contact-box h3 span{ font-size: 20px; color: #8d8d8d; display: inline-block;}

.contact-container{ width: 48%; padding: 50px 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 18px;}
.contact-container .left{ width: 80px; float: left; margin: 0 24px 0 40px;}
.contact-container .left img{ width: 100%;}
.contact-container .right{ float: left; margin-top: 8px;}
.contact-container .right p{ font-size: 24px; line-height:24px; margin-top: 10px; color: #1a1a1a;}

.dizhi .contact-container{ float: left;  margin-top: 60px;}
.dizhi .contact-container:nth-child(even){ float: right;}
#mould54317 .map{ margin-top:60px;}
.allmap{ overflow: hidden;}


/*留言*/
.message_179{ padding-bottom: 60px;  background: url(/images/answer.jpg) no-repeat;}
.message_179 .width_1360{ padding: 0 30px; box-sizing: border-box; width: 76%; margin-top:20px;}
.message_179 .top{ margin-bottom: 30px;}
.message_179 .top h3{ font-size: 30px; line-height: 30px;letter-spacing: 1px;font-weight: bold;color: #009140;margin-bottom: 15px;}
.message_179 .top p{ color: #666; line-height:24px;}
.message_179 .form{ }
.message_179 .form .left{ float:left; width:38%;}
.message_179 .form .left li h2{ color: #b0b0b0; line-height:36px;}
.message_179 .form .left li .company{ position: relative;}
.message_179 .form .left li em{ background: url("/images/btn-2.png") no-repeat; width: 30px; height:30px; display: block; position: absolute; top: 25px; left: 25px; background-position: 3px 0;}
.message_179 .form .left li:nth-child(2) em{ background-position: -34px 0;}
.message_179 .form .left li:nth-child(3) em{ background-position: -74px 0;}
.message_179 .form .left li:nth-child(4) em{ background-position: -112px 0;}
.message_179 .form .left li input{ width: 100%; height: 80px; border: 2px solid #dcdcdc; border-radius: 5px; padding: 0 0 0 80px; color: #666; box-sizing: border-box; margin-bottom:10px;}
.message_179 .form .left li input:focus{ box-shadow: none;}

.message_179 .form .right{ float:right; width:52%;}
.message_179 .form .right h2{ color: #b0b0b0; line-height:36px;}
.message_179 .form .right .detail{ position: relative;}
.message_179 .form .right .detail textarea{ width: 100%; height:460px; border: 2px solid #dcdcdc; border-radius: 5px; display: block; background: #fff; padding-top: 60px; padding-left: 28px; box-sizing: border-box;}
.message_179 .form .right .detail textarea:focus{ box-shadow: none;}
.message_179 .form .right .detail span{ position: absolute; top:15px; left: 25px;}
.message_179 .form .right .detail span em{ background: url("/images/btn-2.png") no-repeat; width: 30px; height:30px; display: inline-block; background-position: -152px 0; position: relative; top: 8px; margin-right:8px;}
#submit{ width: 340px; margin: 36px auto 0 auto; border-radius: 6px; line-height: 54px; text-align: center; color: #fff; background: #009140; display: block;}
#submit:hover{ background: #009140; cursor: pointer;}
.submit{ background: #bab9b9 !important; cursor: pointer;}




@media (max-width:1680px){ 
  .navbars4{ width:94%!important;}
  .navbars4 .logo{ width:30%!important;}
}
@media (max-width:1560px){ 
  .navbars4{ width:94%!important;}
  .navbars4 .logo{ width:25%!important;}
}
@media (max-width:1440px){ 
  .navbars4{ width:94%!important;}
.navbars4 .logo{ width:25%!important;}
.navbars4 li a {padding: 8px 18px;}
.phone{ float:right; margin-left:10px;}
}
@media (max-width:1360px){ 
.navbars4{ width:94%!important;}
.navbars4 .logo{ width:24%!important;}
.navbars4 li a {padding: 8px 18px;}
.phone{ float:right; margin-left:5px;}
}






