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


/*产品列表*/
.container_a{ margin-top:64px!important;}
.container_a .sidebar{ width:18%; float:left;}
.container_a .sidebar li{ font-size:18px; line-height:40px; cursor: pointer;}
.container_a .content{ float:right; width:78%; padding-bottom:60px;}
.container_a .content h2{ font-size:36px; font-weight:bold; margin:0 0 20px 0;}
.container_a .content .product_list{ width:100%; margin-bottom:48px;}
.container_a .content .product_list li{ width:23.5%; float:left; margin:0 2% 2% 0;}
.container_a .content .product_list li:nth-child(4n){ margin-right:0;}
.container_a .content .product_list li a{ display:block; border-radius:8px; overflow:hidden;}
.container_a .content .product_list li a img{ transition:.5s;}
.container_a .content .product_list li:hover a img{ transform:scale(1.1);}
.container_a .content .product_list li div{ font-size:18px; font-weight:bold; padding:12px 12px 0 12px; box-sizing:border-box;}
.container_a .content .product_list li:hover div{ color: #1f9244;}
.container_a .content .product_list li p{ font-family:arial; color:#999; padding:6px 12px 0 12px; box-sizing:border-box;}
.container_a .content .product_list li:hover p{ color: #333;}
.container_a .content .product_list>div{ line-height:30px; margin-bottom:20px;}

.container_a .sidebar li.active{ font-weight: bold; color: #1f9244;}  
.sidebar.fixed{ position: fixed; top: 48px; z-index: 1000;}



/*导航*/
#mould86063{ width:100%; background:none; z-index:99;}
.navbars41{ width:1520px; height:100px; margin:0 auto;}
.navbars41 .logo{ float:left; width: 186px; height: 100%; display: table;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 ul{ float:right; display: table; height:100%;}
.navbars41 li{ display: table-cell; vertical-align: middle; position:relative;}
.navbars41 li a{ padding:0 24px; font-size:18px;}
.navbars41 li a em{ display: inline-block; width:13px; height:7px; background:url(/images/icon_1.png) no-repeat; position: relative; top: -2px; margin-left: 6px;}
.navbars41 li:first-child a em{ display:none;}
.navbars41 li a:hover{ color:#1f9244;}
.navbars41 li.active a{ color:#1f9244;}
.navbars41 li a:hover em{ background-position:0 -13px;}
.navbars41 li.active a em{ background-position:0 -13px;}

.btngsearch{ float:right; width:24px; height:28px; background:url(/images/search.png) no-repeat; background-size:100%; margin:36px 0 0 24px;}
#searchBox{ position:fixed; top:100px; left:0; width:100%; background:rgba(0,0,0,0.3); z-index:9;}
#searchBox div{ width:1200px; padding:30px 0; position:relative; margin:0 auto;}
#searchBox input{
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f5f5f5;
    font-size: 16px;
    transition:.5s;
    box-shadow:none;
    border: 2px solid #1f9244;
    padding: 0 20px;
    box-sizing:border-box;
    margin-bottom:0;
}
#searchBox a{ background:#1f9244 url(/images/search1.png) no-repeat center; background-size: 36px; width:80px; height:60px; display:block; position:absolute; right:0; top:30px;}

.navbars41 li:nth-child(3) .hide1{ width:222px; left:-42px;}
.navbars41 li .hide1{ position:absolute; top:80px; left:0; background: #fff; padding:10px; box-sizing:border-box; border-radius:5px; display:none; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.navbars41 li:hover .hide1{ display:block; text-align:center;}
.navbars41 li .hide1 a{ display:block; padding:0 20px;}
.navbars41 li:hover .hide1 a{ background: none; border-radius:inherit; color:#333; line-height:48px; font-size:18px;}
.navbars41 li:hover .hide1 a:hover{ background: #1f9244; border-radius:5px; color:#fff;}

.head_active{ background:#fff!important; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}


/*通用*/
.width_1520{ width:1520px; margin:0 auto;}
/*内页大图*/
#mould76972{ width:100%;}

/*基本页*/
#mould76974{ min-height:400px;}
#mould76976{ width:1520px; margin:0 auto;}
#mould76976 p{ line-height:30px;}
#mould76976 p img{ margin:5px 0;}


/*.zp_headst tr td {background: #116dbc;}*/

/*标签栏*/
.crumbs{ width: 1520px; margin: 0 auto;}
.crumbs_nav{ float: left; width: 30%; line-height: 80px;}
.crumbs_nav a{ display: inline-block; margin: 0 15px;}
.crumbs_nav a:hover{ color: #1f9244;}
.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: #1f9244;}
.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: #1f9244;}
.children-navs ul li.active a{ color: #1f9244;}
.children-navs ul li.active:after, .children-navs ul li.active:before{ bottom: -2px; background: #1f9244;}
.children-navs ul li:hover:after, .children-navs ul li:hover:before{ bottom: -2px; background: #1f9244;}

/*公司简介*/
.about_company{ width: 1520px;
    margin: 0 auto;}
/*.about_company .up_box{ margin-bottom: 60px;}*/
.about_company .up_box img{ border-radius:8px; overflow:hidden;}
.about_company .up_box h2{ font-size:32px; font-family: "ZYYT-M"; margin-top:60px; position:relative; padding-bottom:40px; margin-bottom:20px;color: #4b9e3f;}
.about_company .up_box h2:after{ content:""; width:64px; height:2px; background:#1f94c6; position:absolute; bottom:0; left:0;}
.about_company .up_box p{line-height:30px; margin-bottom:30px;}
.about_company .up_box p:last-child{ margin-bottom:0;}
.about_company .down_box{ position:relative; display: inline-block;}
/*.about_company .down_box:after{ content:""; width:64px; height:2px; background:#fa9d99; position:absolute; top:0; left:0; visibility: initial;}*/
.about_company .down_box div:first-child{ float:left; width:56%; margin-top:20px; overflow-y: scroll; padding-right: 48px;}
.about_company .down_box div:first-child p{ line-height:30px; margin-bottom:30px;}
.about_company .down_box div:first-child p:last-child{ margin-bottom:0;}
.about_company .down_box div:first-child::-webkit-scrollbar{ background-color: #ccc; width:5px; border-radius:2px;}
.about_company .down_box div:first-child::-webkit-scrollbar-thumb{ background-color: #32aba1; border-radius:2px;}
.about_company .down_box div:last-child{ float:right; width:28%; border-radius:8px; overflow:hidden; margin-top:20px;margin-bottom: 4%;
    margin-right: 8%;
    margin-top: -3%;
}

/*荣誉*/
.picture1 .picture1-cont{ width:1520px; margin:0 auto;}
.picture1 .picture1-cont > ul{ margin-bottom:20px;}
.picture1 .picture1-cont > ul li{ width:23.5%;}
.picture1 .picture1-cont > ul li a{  box-sizing:border-box;}
.picture1 .picture1-cont > ul li a img{ height:268px;}



/*新闻*/
.newslist li{ width:32%!important; padding:24px!important; border-radius:12px;}
.newslist>ul li:hover{ background: #1f9244; box-shadow: 0px 0px 24px rgb(26 139 73 / 30%);}
.newslist>ul li .newsimgs{ height:327px; border-radius:12px; overflow:hidden;}
.newslist>ul li .newsimgs img{ transition:.5s;}
.newslist>ul li:hover .newsimgs img{ transform:scale(1.1);}
.newslist>ul li .newsconts{ padding: 16px 0 0 0;}
.newslist>ul li .newsconts h3{ padding-bottom:15px; font-weight:bold; line-height: 30px;}
.newslist li .newsconts time{ display: block; margin-top:14px;}
.newslist li .newsconts time em{ background: url("/images/yan.png") no-repeat left center; padding-left:24px; float: right; font-size: 14px;}
.newslist>ul li:hover .newsconts h3{ border-bottom:1px solid rgba(255,255,255,0.6);}
.newslist>ul li:hover .newsconts h3,.newslist>ul li:hover .newsconts p,.newslist li:hover .newsconts time{ color: #fff;}
.newslist li:hover .newsconts time em{ background: url("/images/yan1.png") no-repeat left center;}

.f-pageone.fenye{ margin:10px 0 64px 0!important;}
.f-pageone.fenye li:hover{ border: 1px solid #1f9244;}
.f-pageone.fenye li a:hover{ color: #1f9244;}

.newcontent{ width:1520px; min-height:400px;}
.newcontent h2{ font-size:30px; line-height:30px;}
.newcontent p{ line-height:30px;}
.tb_page{ width:1520px; margin:30px auto 64px auto;}
.tb_page h4 a,.fenye3_all h4 a,.newcontent h3 a{ color:#1f9244;}


/*视频
#mould35389{ width:1600px; margin: 0 auto;}
#mould35389 li{ width:48%; float:left; margin-bottom:2%;margin-right:4%;}
#mould35389 li:nth-child(2){ margin-right:0;}
#mould35389 li:nth-child(4){ margin-right:0;}
#mould35389 li:nth-child(6){ margin-right:0;}
#mould35389 li .videos{ height: 432px;background-color:#000;}
#mould35389 li video{ width:100%; height: 100%; border:none;}
#mould35389 li p{ text-align:center; line-height:60px;}
#mould35389 li:hover p{ color: #333;}
*/



/*招聘页*/
.zhaopin_list{ width:1520px; margin: auto; min-height:800px;}
.zhaopin_a .left{ width:70%; float:left;}
.zhaopin_a .left .zhaopin_column{ background: linear-gradient(135deg, #1a8b48, #1d91a2); color:#fff; padding:0 24px; box-sizing:border-box; border-radius:4px; margin-bottom:1px;}
.zhaopin_a .left .zhaopin_column span{ display:inline-block; line-height:80px;}
.zhaopin_a .left .zhaopin_column span:nth-child(-n+2){ width:24%;}
.zhaopin_a .left .zhaopin_column span:nth-child(3){ width:20%;}
.zhaopin_a .left .zhaopin_column span:nth-child(4){ width:32%;}
.zhaopin_a .left li{ border-bottom:1px solid #e5e5e5;}
.zhaopin_a .left li .title{ padding:0 24px; box-sizing:border-box;}
.zhaopin_a .left li .title span{ line-height:72px; float: left;}
.zhaopin_a .left li .title span:nth-child(-n+2){ width:24%;}
.zhaopin_a .left li .title span:nth-child(3){ width:20%;}
.zhaopin_a .left li .title span:nth-child(4){ width:30%;}
.zhaopin_a .left li .title em{ float:left; width:2%; width:14px; height:14px; background-position:center; background-image: url(/images/ico2.png); margin-top:33px;}

.zhaopin_a .left li .title.active{ background: #1a8b48; color:#fff;}

.zhaopin_a .left li .requirement{ padding:24px; box-sizing:border-box; display:none; border:2px solid #1a8b48; box-sizing:border-box;}
.zhaopin_a .left li .requirement h2{ font-size:18px; font-weight:bold;}
.zhaopin_a .left li .requirement p{ line-height:30px;}

.zhaopin_a .right{ width:24%; float:right;}
.zhaopin_a .right .img_boxs{ background:url(/images/zhaopin.jpg) no-repeat; background-size: cover; color:#fff; padding:40px 36px 80px 36px; box-sizing:border-box; border-radius:6px;}
.zhaopin_a .right .img_boxs span{ font-size:24px;}
.zhaopin_a .right .img_boxs h2{ font-size:36px; font-weight:bold; line-height:40px; margin:12px 0;}
.zhaopin_a .right .img_boxs p{ line-height:18px;}
.zhaopin_a .right .img_boxs a{ border:1px solid #fff; width:128px; line-height:40px; display:inline-block; color:#fff; text-align:Center; margin-top:20px;}
.zhaopin_a .right .img_boxs a:hover{ color:#1f9244; background:#fff;}
.zhaopin_a .right .text_boxs{ background:#f2f2f2; color:#333; border-radius:6px; margin-top:20px; padding:36px;}
.zhaopin_a .right .text_boxs h2{ font-size:24px; margin-bottom:10px;}
.zhaopin_a .right .text_boxs p{ line-height:30px;}


/*简历*/
.resume{ margin-bottom:80px; width:1080px;}
.resume textarea{ width:100%; padding:20px; box-sizing:border-box;}
.resume .resume_submit{ margin-top: 30px; height:48px; line-height:48px; border-radius:6px;}
.resume .resume_submit:hover{ background:#1f9244;}


/*联系*/
.item{ margin-top: 4vw; margin-bottom: 8vw;}
.item .img{ width: 58vw; position: absolute; right: 0;margin-top: -3vw; z-index: -1; border-top-left-radius:12px; border-bottom-left-radius:12px; overflow:hidden;}
.item .textBox{ width: 35vw; height: 22vw; border-radius: 10px; background: url(/images/img80.jpg) center no-repeat; background-size: cover !important; padding-top: 9vw; padding-left: 5vw; 
  box-shadow: 0px 0px 24px rgb(26 139 73 / 30%);}
.item .d{ line-height: 60px; font-weight: bold; font-size: 24px; background: linear-gradient(90deg, #1a8b48, #1d91a2); color: transparent; -webkit-background-clip: text;}


/*留言*/
.message_179{ background: url("/images/answer.jpg") no-repeat; background-size: cover;}
.message_179 .width_1520{ padding: 0 30px; box-sizing: border-box;}
.message_179 .top{ margin-bottom: 50px; padding: 0;}
.message_179 .top h3{ font-size: 30px; line-height: 30px;letter-spacing: 1px; font-weight: bold;color: #1f9244; margin-bottom: 15px;}
.message_179 .top p{ color: #666; line-height:24px;}
.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: transparent; 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: 12px; line-height: 54px; text-align: center; color: #fff; background: #1f9244; display: block;}
#submit:hover{ background: #1d91a2; cursor: pointer;}
.submit{ background: #bab9b9 !important; cursor: pointer;}



/*底部*/
.footer_a{ background: url(/images/footBg.png) no-repeat 50% 50% / cover; position: relative; min-height:400px; position:relative;}
.footer_a .gotop{ position: absolute; left: 50%;top: 0; transform: translateX(-50%) translateY(-95%); cursor: pointer;}
.footer_a .gotop div{ position: absolute; left: 50%;top: 10px; transform: translateX(-50%);}
.footer_a .gotop div img{ animation: scroll_ 2s linear infinite;}

.footer_a .foot_logo{ padding:60px 0 40px 0; position:relative; border-bottom:1px solid rgba(255,255,255,0.5); display:none;}
.footer_a .foot_logo a{ width:200px; height:56px; line-height:56px; border:1px solid #fff; box-sizing:border-box; border-radius:28px; font-size:18px; color:#fff; padding-left:30px; box-sizing:border-box; 
  position:absolute; top:50px; right:0; display: table; transition:.4s;}
.footer_a .foot_logo a div:first-child{ z-index:2; position:relative;}
.footer_a .foot_logo a:hover{ color:#1f9244;}
.footer_a .foot_logo a div:last-child{ width:56px; height:56px; border-radius:28px; background:#fff; position:absolute; right:0; top:0; display: table-cell; vertical-align: middle; text-align:Center; z-index:1;}
.footer_a .foot_logo a div:last-child img{ margin:0 auto;}
.footer_a .foot_logo div:last-child:after{ content:""; width:56px; height:56px; border-radius:28px; background:#fff; position:absolute; right:0; top:0; z-index:-1; transition:.5s;}
.footer_a .foot_logo a:hover div:last-child:after{ width:200px;}

.footer_nav{ /*margin-top:36px;*/ padding-top:64px;}
.footer_nav ul{ width:64%; float:left;}
.footer_nav li{ float:left; width:18%;}
.footer_nav li:nth-child(2){ width:28%;}
.footer_nav li:last-child{ margin-right:0;}
.footer_nav li h4{ font-size:20px; line-height:40px; font-weight:bold;}
.footer_nav li h4 a{ color:#fff;}
.footer_nav li h5{ line-height:32px;}
.footer_nav li h5 a{ color:#f2f2f2;}
.footer_nav li h5:hover a{ color:#fff;}

.footer_lx{ float:left; width:16%; color:#fff;}
.footer_lx h4{ font-size:20px; line-height:40px; font-weight:bold;}
.footer_lx p{ line-height:36px; padding-left:28px;}
.footer_lx p:nth-child(2){ background: url(/images/icon_a.png) no-repeat left top 8px;}
.footer_lx p:nth-child(3){ background: url(/images/icon_b.png) no-repeat left top 8px;}
.footer_lx p:nth-child(4){ background: url(/images/icon_c.png) no-repeat left top 8px;}
.foot_share{ float:right; width:10%;}
.foot_share p{ color:#fff; text-align:center; margin-top:10px;}

.copyright{ border-top:1px solid rgba(255,255,255,0.1); margin-top:40px;}
.copyright .fl{ float:left;}
.copyright .fr{ float:right;}
.copyright .fl,.copyright .fr,.copyright a{ line-height:48px; color:#fff;}


@keyframes scroll_{
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(20px);
	}
	100% {
		transform: translateY(0px);
	}
}



@media (max-width: 1680px){
  .navbars41{ width:94%;}
  .width_1520,.crumbs,.about_company,.picture1 .picture1-cont,.newcontent,.tb_page,.zhaopin_list,.earch_cont{ width:90%!important;}
  .item .d{ font-size:22px;}
}
@media (min-width: 1560px) and (max-width: 1679px){
  
  .wenhua{width:90%!important;}
  .item .d{ font-size:20px;}
  .footer_lx{ width:20%;}
  .newslist>ul li .newsimgs{ height: 300px;}
}
@media (max-width: 1550px){.about_company .down_box div:last-child{ margin-top: -1.5%!important;}}
@media (min-width: 1440px) and (max-width: 1559px){
  .about_company .down_box div:last-child{ margin-top: 0%!important;}
  .wenhua .left .lie {grid-row-gap: 2.5rem!important;}
  .wenhua{width:90%!important;}
  #mould76976{width:90%!important;}
  .zhaopin_a .right .img_boxs h2{ font-size:30px;}
  .zhaopin_a .right .img_boxs p{ line-height:24px;}
  .item .d{ line-height: 48px; font-size:20px;}
  .newslist>ul li .newsimgs{ height: 280px;}
  .container_a .content{ width:80%;}
    
  .footer_lx{ width:20%;}
  .footer_nav li h5{ line-height: 30px;}
}
@media (min-width: 1360px) and (max-width: 1439px){
   .about_company .down_box div:last-child{ margin-top: 2.5%!important;}
  .wenhua{width:90%!important;}
  #mould76976{width:90%!important;}
  .wenhua .left .lie {grid-row-gap: 1rem!important;}
  .zhaopin_a .right .img_boxs h2{ font-size:30px;}
  .zhaopin_a .right .img_boxs p{ line-height:24px;}
  .item .d{ line-height: 48px; font-size:20px;}
  .item .textBox{ width: 38vw; height: 24vw;}
  .item .img{ margin-top: -2vw;}
  .newslist>ul li .newsimgs{ height: 256px;}
  .container_a .content{ width:80%;}
  
  .about_company .up_box h2{ margin-top:0;}
  .about_company{ padding-bottom: 64px;}
  
  .footer_lx{ width:20%;}
  .footer_nav li h5{ line-height: 30px;}
}



