/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
@charset "utf-8";
/*CSS Document*/
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input { padding:0; margin:0;}
body { font-size:14px; font-family:"微软雅黑"; color: #333;}
img { border:none;}
ul, li { list-style-type:none;}
input, select, textarea { outline:none;}
textarea { resize:none;}
a { text-decoration:none; color: #333;transition:all 200ms ease-in 0s;}
a:hover{text-decoration:none;}
/*清除浮动*/
.clearfix:before, .clearfix:after { content:""; display:table;}
.clearfix:after { clear:both; overflow:hidden;}
.clearfix { zoom:1;}
.fl { float:left;}
.fr { float:right;}
html {   
    font-size: 625%;-webkit-text-size-adjust:none;    
} 
@media only screen and (max-width: 640px) {
	html {   
	    font-size: 555%;   
	} 
}  



.top{ width: 100%;}
.head{ position: relative; width: 100%; padding: 15px 0;}
.head-logo{ width: 45%;background: #fff;}
.mid-con{ width: 1180px; margin: 0 auto;}
.head-right{ width: 55%;/* background: #519d0f; */overflow: hidden;/* height: 140px;*/}
.logo{ width: 30%;/* padding: 25px 0 0 0;*/}

.middle{ width: 100%;}
.index-news{ width: 100%;}
.news-left{ width: 48.5%;}

#content {margin: 32px auto 0 auto; overflow: hidden; height: 312px;}
#content .hd { height: 30px; line-height: 30px; text-align: right;margin-bottom: 15px;}
.hd p{ font-size: 0.24rem;}
.hd a{ background: url(../images/h-icon.png) no-repeat left center; color: #878787; padding-left: 25px;}
.news-box{ width: 47%;padding-bottom: 10px;}
.news-tp{ width: 100%; position: relative;overflow: hidden; }
.news-tp a{ overflow: hidden;}
.news-tp a img{-webkit-transition: all ease-in 0.7s;
-moz-transition: all ease-in 0.7s;
-ms-transition: all ease-in 0.7s;
-o-transition: all ease-in 0.7s;
transition: all ease-in 0.7s;}
.news-tp a:hover img{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
.date{position: absolute; background: #17b21b; color: #fff; left: 0px; top: 0px; width: 60px; height: 60px; text-align: center;}
.date b{ font-size: 0.24rem;}
.date span{font-size: 0.12rem;}
.news-wz{ background: rgba(0,0,0,0.5) !important; background-color: #000; filter:alpha(opacity=50);
position:absolute; bottom: 0px; left: 0px; z-index: 9;height: 35px; width: 100%; line-height: 35px; padding: 0 10px; overflow: hidden;
text-overflow: ellipsis; white-space: nowrap;}
.news-wz a{ color: #fff;}
.news-text{ width: 100%; color: #817f7f; line-height: 24px; margin-top: 10px;}
.news-right{ width: 50%; margin-top: 44px;}
.news-right .more{ display: block; width: 100%; height: 33px;}
.news-right .more:hover{ color: #17b21b;}
.news-list li{width: 100%; margin-bottom: 15px;}
.news-list li a{ border: 1px solid #eee; display: block; padding: 15px 10px;}
.news-list li a h3{ font-size: 0.14rem; color: #373737;}
.news-list li a h3 span{ float: right;}
.news-list li a p{ margin-top: 13px; color: #7d7d7d;overflow: hidden;
text-overflow: ellipsis; white-space: nowrap;}
.news-list li a:hover{border: 1px solid #17b21b;}
.news-list li a:hover h3{color: #17b21b;}

.tabbtn {height:60px; width: 1200px; margin: 0 auto;}
.tabbtn li {float:left;position:relative; width: 120px; text-align: center;}
.tabbtn li a {display:block;float:left;overflow:hidden;width:120px;text-align:center;font-size:12px;cursor:pointer;}
.tabbtn li.current a {height:60px;line-height:60px;color:#fff;background: #17b21b;}
/* tabcon */
.tab-box{ width: 100%; background: #f5f5f5;}
.tabcon {position:relative;/*必要元素*/height:412px;overflow:hidden; width: 1200px;margin: 0 auto;}
.tabcon .subbox {position:absolute;/*必要元素*/left:0;top:0;}
.tabcon .sublist {padding:5px 10px;}
/* leftcon */
#leftcon .subbox {width:9999em;}
#leftcon .subbox .sublist {float:left;width:1200px;}
/* sublist */
.sublist {padding:10px;}
.sublist li {height:28px;line-height:28px;font-size:12px;}
.sublist li span {margin:0 5px 0 0;font-size:12px;font-weight:400;color:#ddd;}
.tab-title{ background: #e8e8e8; line-height: 60px; overflow: hidden;}
.cp-wz{ width: 62%; padding-left: 2%;}
.cp-wz h1{ font-size: 0.24rem; color: #0c800f; margin-top: 70px;}
.cp-wz p{ line-height: 24px; color: #818181; margin-top: 10px;}
.cp-wz span{ display:block; color: #eb6b16; font-size: 0.16rem; margin-top: 40px;}
.cp-btn{ margin-top: 46px;}
.cp-btn a{ display:inline-block; width: 180px; height: 50px; text-align: center; line-height: 50px;color: #fff;}
.cp-btn a:first-child{ background: #eb6b16; margin-right: 20px;}
.cp-btn a:last-child{ background: #17b21b;}
.cp-btn a:first-child:hover{background: #cf5c10;}
.cp-btn a:last-child:hover{ background: #0c970f;}
.cp-img{ width: 30%; margin-top: 30px;}
.cp-img img{ display: block; margin: 0 auto; width: 80%;}
.introduce{ width: 100%; position: relative; background: url(../images/bg-index.jpg) no-repeat top center; overflow: hidden;
padding-top: 235px;}
.Introduction{ background: #fff;padding: 25px 25px 35px 25px;}
.Introduction p{ color: #272827; padding-bottom: 15px;}
.Introduction span{ color: #9a9b9a; line-height: 24px;}
.Introduction a{ color: #8c8c8c; border: 1px solid #d4d4d4; width: 100px; height: 25px; display: block; text-align: center; line-height: 25px;
margin-top: 15px;}
.Introduction a:hover{ background: #2c7d30; color: #fff;}
.culture{ width: 100%;}
.title-box{width: 167px; height: 156px; padding: 10px;}
.wh-box{ background: #f7970f;}
.white{ border: 1px solid #fff; color: #fff; text-align: center; height: 136px; width: 147px;}
.white p{ font-size: 0.16rem; margin-top: 40px; padding-bottom: 5px;}
.white span{ text-transform: uppercase; font-size:0.12rem;}
.criterion{background: url(../images/bz-bg.jpg) no-repeat left center; height: 156px; width:846px; color: #fff; text-align: center;}
.criterion p{ font-size: 0.16rem; padding: 50px 0 10px 0;}
.fz-box{ background: #2c7d30; margin-left: 167px;}
.fz-text{height: 156px; width:846px; background: #f5f5f5; padding-top: 50px; text-align: center; line-height: 24px; color: #5b5b5b; line-height: 30px;}
.contact{ margin-top: 60px;}
.lx-tit{ font-size: 0.24rem; text-align: center;}
.lx-top{ margin-top: 75px;}
.lx-top span{ font-size: 0.18rem; padding-bottom: 20px; display: block;}
.lx-top p{ color: #848282; line-height: 24px;}
.message{ margin-top: 35px;}
.m-way{ width: 40%;}
.m-way input{ display: block; border: 0px; background: #e6e6e6; height: 46px; line-height: 46px; color: #848282; width: 100%;
margin-top: 22px; padding-left: 10px;}
.nr-wz{ width: 58%; margin-top: 20px;}
.nr-wz textarea{ background: #e6e6e6; width: 100%; border: 0px; text-align: left; height: 185px; padding: 10px;}
.btn-tj{ width: 100%;}
.btn-tj button{ border: 1px solid #d2d2d2; width: 236px; height: 50px; text-align: center; height: 50px; font-size: 0.16rem; color: #848282;
margin: 30px auto; background: #fff; display: block;}
.btn-tj button:hover{ background: #2c7d30; color: #fff; border:0px;}

footer{ width: 100%; background: #313131; text-align: center; line-height: 93px; color: #fff;}
footer a{ color: #fff;}
footer a:hover{ color: #2c7d30; position: absolute;}
/*about*/
.loaction{border-bottom: 1px solid #e5e5e5; line-height: 45px;}
.about-introduction{}
.ny-tit{ text-align: center; padding: 50px 0 20px 0;}
.ny-tit p{ color: #4d4d4d; font-size:0.3rem}
.ny-tit span{ display: inline-block; width: 60px; height: 5px; background: #2c7d30;}
.gs-wz{ line-height: 36px; color: #4d4d4d;}
.about-tp{height: 173px; line-height: 173px; color: #574705; font-size:0.48rem; text-align: center; margin-top: 50px;
background: url(../images/ny-tp.jpg) no-repeat left center;}
.ln-box{ width: 100%; margin-top: 75px;}
.ln-text{ width: 52%; padding-top: 20px;}
.ln-text p{ color: #4d4d4d; font-size: 0.16rem;}
.ln-text p span{ color: #2c7d30; line-height: 36px;}
.ln-pic{ width:48%;}
.ln-pic img{ width: 100%;}
.fz-list{ }
.fz-list ul li{ position: relative; width: 31%; float: left; margin-right: 3.3%;margin-top: 20px;}
.lits-text{ position: absolute;top: 0px; left: 0px; width: 100%; height: 100%;background: rgba(0,0,0,0.5) !important; 
background-color: #000; filter:alpha(opacity=50); font-size: 0.24rem; color: #fff; line-height: 36px; text-align: center; padding-top: 35%;}
.fz-list ul li:last-child{ margin-right: 0px;}
.fz-list ul li:hover .lits-text{background: rgba(0,0,0,0.7) !important; 
background-color: #000; filter:alpha(opacity=70); cursor: pointer;}
.hz-box{ padding-bottom: 95px; margin-top: 20px;}
.hz-box a{ display:block; border: 1px solid #dcdcdc; width: 23.7%; height: 100px; font-size: 0.15rem; text-align: center; line-height: 100px;
float: left; margin: 20px 1.5% 0 0;}
.hz-box a:nth-child(4n){ margin-right: 0px;}
.hz-box a:hover{ border: 1px solid #2c7d30; background: #2c7d30; color: #fff;}
/*新闻动态*/
.ny-news{ margin-top: 35px; border: 1px solid #dad8d8;}

.news-title{ border-top: 10px solid #3c7808;border-bottom: 1px solid #d2d2d2; line-height: 53px; overflow: hidden;}
.news-title a{ display: block; width: 50%; float: left; text-align: center; font-size: 0.18rem;}
.news-title a:first-child{ background: #519d0f; color: #fff;}
.ny-news ul{ background: #f3f3f3; padding: 0px 10px 10px 20px;}
.ny-news ul li{ padding: 20px 0;border-bottom: 1px dashed #d2d2d2;}
.ny-news ul li a p{ font-size: 0.16rem; color: #3c7808; padding-bottom: 5px;}
.ny-news ul li a span{ color: #858585; line-height: 24px;}
.page{ text-align: center; padding: 50px 0;}
.page a{ display: inline-block; width: 28px; line-height: 28px; border-radius: 14px; background: #e1dede;}
.page a:hover{ background: #519d0f; color: #fff;}

.article{ padding: 2% 2% 100px 2%;}
.wz-tit{ border-bottom: 1px dashed #dbdbdb; padding-bottom: 15px; text-align: center;}
.wz-tit h3{color: #107239; font-size: 0.22rem; padding: 15px 0;}
.wz-tit span{ color: #777;}
.wz-content{ line-height: 30px; padding-top: 30px;}
/*产品中心*/
.ny-cp{ padding-bottom: 50px;}
.cp-list{ background: #f0efef; width: 194px; padding: 20px 0; margin-top: 20px;}
.cp-list ul li{ line-height: 54px;}
.cp-list ul li a{ display: block; width: 90%; text-align: center;}
.cp-list ul li a:hover{ background: #17b21b; color: #fff;}
.cp-box{ width: 986px;}
.cp-box ul li{ background: #f0efef; width: 48%; height: 280px; float: left; margin-left: 2%; margin-top: 20px;}
.pic-box{ width: 45%;}
.pic-box img{display: block;margin: 0 auto;}
.text-box{ width: 55%;  height: 100%; padding: 20px 15px; position: relative;
border: 1px solid #dadada; background: #fff;}
.text-box p{ font-size:0.16rem; padding-bottom: 25px;}
.text-box span{ line-height: 24px;}
.text-box a{ width: 110px; height: 30px; background: #aaabac; color: #fff; text-align: center; line-height: 30px;
display: block; position: absolute; right: 15px; bottom: 15px;}
.text-box a:hover{ background: #9ea0a2;}



/*08-12*/
/* rslides */
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:12px;height:12px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px; background: #ff;
position:absolute; left:0; z-index:1000;color:transparent;text-indent: -99999px;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("../images/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
	.callbacks_tabs.callbacks1_tabs{ margin-top: -30px; margin-bottom: 0px;}
}


.case-box ul li{ width: 32.3%; float: left; position: relative; margin-right:1.5%; margin-top: 20px;}
.case-box ul li a{ display: block;overflow: hidden;}
.case-box ul li a img{width:100%;-moz-transition: all ease 1s;
-webkit-transition: all ease 1s;
-o-transition: all ease 1s;
-ms-transition: all ease 1s;
transition: all ease 1s;}
.case-box ul li a:hover img{-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
.case-box ul li:nth-child(3n){ margin-right: 0px;} 
.case-box ul li a p{ position: absolute;bottom:0px; left: 0px; line-height: 60px; width: 100%; color:#fff; text-align: center; font-size: 0.16rem;
background: rgba(0,0,0,0.7) !important; background-color: #000; filter:alpha(opacity=70);}