/*内页banner*/
.innerbanner{ }
.innerbanner img{ width: 100%  }



/*关于我们内页导航*/
.innerpagetitle{ border-bottom: 1px solid #ccc;color: #000; height:50px; 
	line-height: 50px; width: 100%;}

.innerpagetitle strong{ font-size:20px; float: left; font-weight:normal; }
.innerpagetitle p{ float: right; line-height: 50px;  }

.textcon p{ line-height: 30px; font-size: 14px; margin-bottom: 20px; text-indent: 30px }
.textcon img{ margin-bottom: 20px; margin:10px auto; display: inline-block; max-width:100%; }


/*产品中心内页*/
.conleft{ float: left; width: 260px; margin-top: 30px;  }
.conleft img{ background: #00873e	; width: 200px }
.conright{  width: 1200px; float: right; min-height: 500px; background:#fff; padding:0 20px; margin-top: 30px }



.listbox .listbox{ margin-bottom:20px; overflow: hidden; display: block; clear: both; background: #fff }
.listbox .pronav{ background: #00873e; height: 100px; line-height: 100px;  text-align: center; color: #fff; display: block; font-size:25px; font-weight: normal; }
.listbox .prosubnav{ background: #f9f9f9; overflow: hidden; }
.listbox .prosubnav li{ line-height: 50px; background: url(../images/listicon.png) no-repeat 30px 20px ; padding-left: 70px; border-bottom: 1px #efefef dashed ; display: block; }
.listbox .prosubnav li a{ display: block; font-size: 14px }
.listbox .prosubnav li:hover{ background: url(../images/listiconhover.png) no-repeat 30px 20px ; color: #00873e}


.question strong{border-bottom: 1px solid #ccc; display: block; margin-top: 30px; line-height: 50px; font-size: 18px; font-weight: normal;  }
.question strong a{ float: right; font-size: 12px; color: #ccc  }
.question strong a:hover{ color: #00873e  }
.question ul li{ height: 30px; line-height:30px; padding-left:20px; overflow: hidden; background: url(../images/icon.png) 5px 12px no-repeat;  border-bottom: 1px solid #f1f1f1 }


.procon{ float: left;padding:30px 0; }
.procon .proconlist li{ float: left; margin-right: -12px; width: 370px; height:372px;}
.procon .proconlist li:nth-child(3n){ margin-right:0; }
.procon .proconlist li img{ width: 100%; overflow: hidden; height: 300px }
.proconlist li{ margin-bottom:30px;border:1px dashed #f8f8f8; background: #fff; text-align: center; }
.proconlist li:hover{ box-shadow: 0px  0px 10px #ccc; transition: 0.5s;}
.proconlist li p{ height: 50px; line-height: 50px; font-size: 18px }




/*新闻列表页面*/
.newslist li{ border-bottom: 1px dashed #dfdfdf;  padding:10px 0; }
.newslist li a{ display: block; overflow: hidden; height: 100%; width: 100% }
.newslist li span{ float: left; width:150px;  text-align: center; border-right: 1px solid #efefef; font-size: 16px; margin-right: 30px }
.newslist li span em{ display: block; line-height: 30px; font-size: 30px;line-height: 40px }
.newslist li span i{ font-size: 18px; line-height: 20px }
.newslist li p{ float: left; width: 980px; border  }
.newslist li strong{ display: block; line-height: 30px; font-size:18px; font-weight: normal; color: #000;  }
.newslist li b{ display: block; line-height: 30px; font-size: 15px; color: #a8a8a8}
.newslist li:hover{ box-shadow: 0px  0px 20px #ccc; transition: 0.5s;  }


/*分页*/
.page {
	width:100%;
	height:auto;
	margin:0px auto;
	overflow:hidden;
	text-align:center;
	margin:40px 0;
}
.page a {
	padding:10px 15px;
	color:#4c4c4c;
	font-size:12px;
	margin:10px 5px;
  display: inline-block;
}
.page a.cur,.page a:hover {
	background:#00873e	;
	color:#fff;
}
.page a.nocur {
	background:none;
	color:#4c4c4c;
}


/*新闻详细页面*/
.newcontit{width: 100%; text-align: center;}
.newcontit strong{ font-size: 18px; color: #000;  margin:30px 0 10px 0; display: block; }
.newcontit span{ display: block; margin-bottom:30px;  }
.newcontit span em{ margin-left: 20px }


.nextpage{ margin:20px 0; }
.nextpage p{ line-height: 30px;
 overflow: hidden;display:block;  font-size: 14px; font-weight: bold; color:#000 }
 .nextpage p a{ margin-left: 10px }
 


.productcon {width: 100%; overflow: hidden; margin:50px 0; }
.productcon .proleft{ float: left; width: 350px; }
.productcon .proleft img{ max-width: 350px; overflow: hidden; }

.productcon .proright{ float: left; width: 450px; height: 30px;  margin-left:60px }

.productcon .proright p{ line-height: 40px; }

.productcon .proright p span{ color: #000; font-size: 14px; }
.protext a{background:#79bf1f; font-size: 16px; color: #fff;
 padding:10px 30px; display: inline-block; cursor: pointer; margin-right: 20px; margin-bottom:20px;}





/*留言板*/
.message {
  background: #fff;
  width: 460px;
  padding: 20px;
  margin: 0 auto;
  margin-top:30px;
}
.message p{
  text-align: center;
}
.message p strong{
  font-size: 30px;
  display: block;
  color: #000;
}
.message p em{
  color: #eeb819;
  font-size: 14px;

}
.message form{
  margin-top: 20px;
}

.message form label{ 
  display: block;
  margin-bottom: 20px
   }
   
.message form label span{ 
  width: 100px; 
display: inline-block; 
text-align: left;
font-size: 16px;
 }

.message form label input{
  border: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  min-height: : 40px; 
  line-height: 40px;
  padding-left: 5px;
  background: #f1f1f1;
  width: 300px
}

.message form label.button{ 
  width: 100%;
  height: 40px; 
  background: #333333;
  color:#fff; 
  display: block;
  border-radius: 5px;
  text-align: center;
  line-height: 40px;
 }


 .message form label.button input{
  border: none;
  background: none;
  color: #fff;
  cursor: pointer;
 }


.message form label textarea{
  border: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  line-height: 40px;
  padding-left: 5px;
  background: #f1f1f1;
  width: 300px}



.key { margin-top: 20px; }
.key h4{ color: #fff; }
.key div{padding: 10px}
.key p{ font-size: 12px; line-height: 30px; color: #666;   }
.key p span{ color: #000;}



.joincon{ padding-bottom: 50px }
.joinlist h3{ font-size: 20px; height: 60px; line-height: 60px; border-bottom: 1px solid #ccc; }
.joinlist strong{display: block; font-size: 16px; height: 50px; line-height:50px; display: inline-block; }
.joinlist p{ font-size: 14px;  height: 30px; line-height: 30px; color: #555 }














#footer{
    width: 100%;
    height: 420px;
    background: #00873e;
    position: relative;
    overflow: hidden;
}
.footer_main{
    width: 1200px;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.footer_top{
    width: 100%;
    height: 332px;
    box-sizing: border-box;
    border-bottom: 1px solid #cccccc;
    position: relative;
    overflow: hidden;
}
.footer_link{
    width: 100%;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
}
.footer_link span{
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 70px;
    float: left;
}
.footer_link ul{
    width: 1000px;
    height: 70px;
    float: left;
    overflow: hidden;
    margin-bottom: 0;
    margin-left: 20px;
}
.footer_link ul li{
    float: left;
    font-size: 15px;
    margin-right: 24px;
    line-height: 70px;
}
.footer_link ul li:last-child{
    margin-right: 0;
}
.footer_link ul li a{
    color: #ffffff;
    opacity: 0.8;
    transition: .4s;
}
.footer_link ul li a:hover{
    opacity: 1;
}

.footer_top > div h4{
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    margin-top: 85px;
    margin-bottom: 0;
}
.footer_nav{
    width: 304px;
    height: 100%;
    float: left;
    overflow: hidden;
}
.footer_nav h4{
    margin-bottom: 24px!important;
}
.footer_nav ul{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 0;
}
.footer_nav ul li{
    width: 50%;
    height: auto;
    float: left;
    overflow: hidden;
    margin-bottom: 24px;
}
.footer_nav ul li a{
    color: #ffffff;
    font-size: 16px;
    line-height: 16px;
    opacity: 0.8;
    transition: .4s;
}
.footer_nav ul li a:hover{
    opacity: 1;
}
.footer_info{
    width: 442px;
    height: 100%;
    float: left;
    margin-left: 76px;
    overflow: hidden;
}
.footer_info h4{
    margin-bottom: 28px!important;
}
.footer_mob{
    height: 35px;
    box-sizing: border-box;
    background-image: url('../images/foot_mob.png');
    background-position: left center;
    background-repeat: no-repeat;
    color: #ffffff;
    display: block;
    font-size: 26px;
    font-weight: bold;
    line-height: 35px;
    padding-left: 46px;
    margin-bottom: 20px;
}
.footer_info p{
    color: #e5e5e5;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px;
}
.footer_ewm{
    height: 100%;
    float: right;
    overflow: hidden;
}
.footer_ewm h4{
    margin-bottom: 14px!important;
}
.footer_ewm ul{
    height: auto;
    overflow: hidden;
    margin-bottom: 0;
}
.footer_ewm ul li{
    width: 120px;
    height: auto;
    float: left;
    margin-right: 30px;
    overflow: hidden;
}
.footer_ewm ul li:last-child{
    margin-right: 0;
}
.footer_ewm ul li img{
    width: 100%;
    display: block;
    margin-bottom: 8px;
}
.footer_ewm ul li span{
    color: #e5e5e5;
    display: block;
    font-size: 13px;
    text-align: center;
}

.footer_bot{
    width: 100%;
    height: 70px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.foot_logo{
    width: 146px;
    height: 174px;
    float: left;
    overflow: hidden;
}
.foot_logo img{
    width: 100%;
}
.foot_text{
    width: 765px;
    height: auto;
    box-sizing: border-box;
    float: left;
    padding-top: 20px;
    margin-left: 75px;
    overflow: hidden;
}
.foot_text p{
    width: 100%;
    color: #cccccc;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
    text-align: justify;
}

.foot_link{
    width: 166px;
    height: 40px;
    border-radius: 45px;
    background: #ffffff;
    color: #00911a!important;
    display: block;
    float: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    margin-top: 58px;
    transition: .3s;
}
.foot_link:hover{
    background: #2cb545;
    color: #fff!important;
}

.footer_copy{
    width: 100%;
    height: 50px;
    color: #ffffff;
    font-size: 14px;
    line-height: 50px;
    margin-bottom: 0;
    text-align: center;
    opacity: 0.8;
    position: absolute;
    bottom: 0;
    left: 0;
}
.footer_copy b{
    font-weight: 500;
}
.footer_copy a{
    color: #ffffff!important;
}

/* footer */






/*标题*/

.products_nav{ margin-bottom:30px; display: block;  overflow: hidden; margin-top:30px; }
.title{
  padding: 20px;
}
.title .h1{
  text-transform: uppercase;
  font-size: 30px;
  text-align: center;
  font-weight: inherit;
  position: relative;
  line-height: 40px
}
.title .h1:after{
  content: "";
  width: 100px;
  height: 2px;
  color: #e77817;
  position: absolute;
  bottom: 0;
  background: #e77817;
  left: 50%;
  margin-left: -50px;
  
}
.title .h2{
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  line-height: 30px;
  color: #e77817;
}
.title .h2 span{
  color: #00873e;

}

.in_products{
  min-width: 1200px;
  background: url(../images/bg.jpg)repeat-y center;
  padding-bottom:65px;
  overflow: hidden;
  color: #fff
}
.in_products .box{
  width: 1200px;
  margin: 0 auto;
}
.products_nav li{
  float: left;
  margin: 0 15px;
  cursor: pointer;
  background: #00873e;
  margin-bottom:10px;

}
.products_nav li .left{
  float: left;
  width: 200px;
  padding:20px;
}
.products_nav li .left .h1{
  font-size: 18px;
  font-weight: bold;
  color: #fff
  
}
.products_nav li .right{
  float: left;
  width: 60px;
  height: 60px;
  text-align: center;
  
}
.products_nav li:hover{
  background: #e77817;
  color: white;
}
.products_nav li:hover .left{
  color: white;
}
.products_nav li:hover .right{
  background: url(../images/products_nav.png) no-repeat center
}
.products_nav .on .left{

  color: white;
}
.products_nav .on .right{
  background:#e77817 url(../images/products_nav.png) no-repeat center
}
.in_products ol li{
  float: left;
  width: 280px;
  height: 280px;
  margin: 0 9px;
  
}
.in_products ol li .img{
  overflow: hidden;
  width: 280px;
  height: 280px;
}
.in_products ol li:hover img{
  transform: scale(1.2)
}
.in_products ol li img{
  width: 280px;
  height: 280px;
  border: 1px solid #e2e2e2;
  display: block;
  transition: transform 0.3s;
}
.in_products ol li .p{
  text-align: center;
  color: white;
  background: #00873e;
  line-height: 35px;
  padding:0 5px;
}
.in_products ol{
  margin-top: 30px;
}






/*新闻列表*/

.news_con{ overflow:hidden;}

.news_con ul li{ overflow:hidden; padding-top:24px; margin-bottom:16px; padding-bottom:40px; border-bottom:1px dashed #e2e2e2; display:block;}

.news_con ul li .imgs{ width:286px; float:left; display:inline; overflow:hidden; border-radius:4px;}

.news_con ul li .imgs img{width:100%; height:211px;/* -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;*/-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

.news_con ul li:hover .imgs img{/*-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);*/-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.news_con ul li .i_about_r{ float:right; display:inline; line-height:24px; width:856px; overflow:hidden; }

.news_con ul li .i_about_r h3{ line-height:44px; height:44px; overflow:hidden; font-size:20px; color:#666666; font-weight:normal;transition: all 0.3s;}

.news_con ul li .i_about_r em{ font-style:normal; font-size:14px; display:block; color:#999999; height:22px; line-height:22px;}

.news_con ul li .i_about_r .p{ height:48px; overflow:hidden; font-size:14px; color:#666666; line-height:24px; margin-bottom:23px; margin-top:11px;}

.news_con ul li .i_about_r .news_more{ width:140px; text-align:center; float:right; height:42px; line-height:42px;  color:#666666; font-size:14px;transition: all 0.3s; background:#f2f2f2; border-radius:4px;}

.news_con ul li:hover .i_about_r .news_more{filter: Alpha(Opacity=80);opacity: 0.8;background:#00873e;color:#fff; }

.news_con ul li .i_about_r .news_more:hover{ margin-left:5px;}

.news_con ul li:hover .i_about_r h3{ color:#00873e;}