*{ margin:0; padding:0; }

.head {	width: 100%;	height: auto; overflow: hidden; }
.head .inner {	width: 1200px;	height: auto; overflow: hidden;	margin: 0 auto;}
.head .inner .logo {	float: left;	margin-top: 1.25rem;}
.head .inner .logo img {width: 100%;	height: auto;}
#nav {	float: right;	    margin-top: -3%;}
#nav ul{ height: 0;}
#nav li {float: left; padding-top: 3rem;}
#nav li>a {		display: inline-block;	vertical-align: middle;	padding: 0.125rem 1rem;	border-right: 1px solid #ddd;	font-size: 0.825rem;	color: #595959;	overflow: hidden;}
#nav li:last-child a {	border: 0;}
#nav li>a>img {	width: 1.25rem;height: 1.25rem;}



.banner{ width: 100%; height: auto; overflow: hidden;}
.banner img{ width: 100%;}

.about{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; margin-bottom:2.25rem;}
.about h1{ color: #007f41; margin:2.25rem 0;}
.about .inner{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.about .inner p{ font-size: 0.825rem; line-height: 2.5rem; color: #717171;}


/* background-color: #B5B575;*/
.shizi {width: 100%; height: auto; overflow: hidden; padding-bottom: 4rem; background: url(../images/banner-bg.jpg)  repeat; }
.shizi h1{ color: #fff; margin:2.25rem 0;}
.shizi .inner {width: 1200px;margin: 0 auto;}
.shizi .inner .sznav{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.shizi .inner .sznav .item{  width: 287px;  height: 400px;  float: left;  margin-right: 0.5rem; margin-top: 1rem; background:#FFF;  color: #000;text-align: center; }
.shizi .inner .sznav .item span{ font-size: 0.825rem; line-height: 2rem; color: #717171;}
.shizi .inner .sznav .item img{ width: 100%;}

.zixun{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; margin-bottom:2.25rem;}
.zixun h1{ color: #007f41; margin:2.25rem 0;}
.zixun .inner{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.zixun .inner ul { height: auto; overflow: hidden; }
.zixun .inner ul li{ width: 47%;float: left; margin-left: 2%; font-size: 0.825rem;  line-height: 2.5rem; border-bottom: 1px dashed #ccc;}
.zixun .inner ul li a{ color: #717171;}
.zixun .inner ul li a:hover{ color: #717171;}
.zixun .inner .more{ width: 40%; margin: 0 auto; margin-top: 1.5rem;  background: #007f41; color: #fff; border-radius: 5px;text-align: center;}
.zixun .inner .more a{ color: #fff; font-size: 0.825rem; line-height: 56px; }
.zixun .inner .more a:hover{ color: #fff;}

.huanjing{ width: 100%; height: auto; overflow:hidden; margin: 0 auto; background: #eaeaea; padding-bottom:2.25rem;}
.huanjing h1{color: #007f41;  margin:2.25rem 0;}
.huanjing .inner{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.huanjing .inner ul li{width: 31%; height: auto; overflow: hidden; float: left; margin: 1%; text-align: center;}
.huanjing .inner ul li img{ width: 100%;}

.huanjing .inner ul li p{ width: 100%; margin: 0 auto;background-color:rgba(0,0,0,0.6); z-index: 99; position: relative; top: -2.25rem; line-height: 2rem;}
.huanjing .inner ul li p span{ color: #fff; opacity: 1;}



.foot {	width: 100%; height: 11.25rem;	background: #3f3f3f;	overflow: hidden;  font-size: 0.725rem; line-height: 2.25rem; font-weight: normal;}
.foot .line {	margin-top: 1rem;	width: 100%;	height: 0.125rem;	background: #FFFFFF;	overflow: hidden;}
.foot .inner {	width: 1200px;	margin: 0 auto;	padding: 1rem 0;	overflow: hidden;}
.foot .inner .foot-nav {width: 100%;height: auto;text-align: center;}
.foot .inner .foot-nav li {	display: inline-block; padding: 0 0.725rem;}
.foot .inner .foot-nav li a {color: #fff;}
.foot .inner .copyright{ width: 100%; text-align: center; color: #fff;}




@media screen and (max-width:1920px){
	.head .inner { width: 1200px;}
	.about h1{ color: #007f41;}
	.about .inner{ width: 1200px; }
	.shizi .inner{ width: 1200px; }
	.shizi .inner .sznav{ width: 1200px; }
	.shizi .inner .sznav .item{  width: 287px;  height: 400px;  }
	.zixun .inner{ width: 1200px;}
	.huanjing .inner{ width: 1200px; }
	.huanjing .inner ul li{width: 31%;}
	.foot .inner {	width: 1200px;}
}
@media screen and (max-width:1400px){
	.head .inner { width: 1200px;}
	.about h1{ color: #007f41;}
	.about .inner{ width: 1200px; }
	.shizi .inner{ width: 1200px; }
	.shizi .inner .sznav{width: 1200px;  }
	.shizi .inner .sznav .item{  width: 287px;  height: 400px;  }
	.zixun .inner{ width: 1200px;}
	.huanjing .inner{ width: 1200px; }
	.huanjing .inner ul li{width: 31%;}
	.foot .inner {	width: 1200px;}
}
@media screen and (max-width:1200px){
	.head .inner { width: 1000px;}
	.about h1{ color: #007f41;}
	.about .inner{ width: 1000px; }
	.shizi .inner{ width: 1000px; }
	.shizi .inner .sznav{width: 1000px;  }
	.shizi .inner .sznav .item{  width: 240px;  height: auto;  }
	.zixun .inner{ width: 1000px;}
	.huanjing .inner{ width: 1000px; }
	.huanjing .inner ul li{width: 31%;}
	.foot .inner {	width: 1000px;}
}
@media screen and (max-width:1024px){
	.head .inner { width: 95%;}
	.about h1{ color: #007f41;}
	.about .inner{ width: 95%; }
	.shizi .inner{ width: 95%; }
	.shizi .inner .sznav{ width: 95%;  }
	.shizi .inner .sznav .item{  width: 23.5%;  height: auto;  }
	.zixun .inner{ width: 95%;}
	.huanjing .inner{ width: 95%; }
	.huanjing .inner ul li{width: 31%;}
	.foot .inner {	width: 95%;}
}
@media screen and (max-width:960px){
	.head .inner { width: 95%;}
	.about h1{ color: #007f41;}
	.about .inner{ width: 95%; }
	.shizi .inner{ width: 95%;; }
	.shizi .inner .sznav{width: 95%;  }
	.shizi .inner .sznav .item{ width: 47.5%; height: auto; }
	.zixun .inner{ width: 95%;}
	.zixun .inner ul li{ width: 95%;}
	.huanjing .inner{ width: 95%; }
	.huanjing .inner ul li{width: 31%;}
	.foot .inner {	width: 95%;}
}
@media screen and (max-width:768px){
	.head .inner { width: 100%;}
	#nav li{  padding-top: 3rem;}
	#nav li>a {	padding: 0.125rem 0.5rem;	}
	.about h1{ color: #007f41;}
	.about .inner{  width: 95%; }
	.shizi .inner{ width: 95%;; }
	.shizi .inner .sznav{width: 95%;  }
	.shizi .inner .sznav .item{   width: 47.5%; height: auto; }
	.zixun .inner{ width: 95%;}
	.zixun .inner ul li{ width: 95%;}
	.huanjing .inner{ width: 95%; }
	.huanjing .inner ul li{width: 47.5%;}
	.foot .inner {	width: 95%;}
}
@media screen and (max-width:640px){
	.head .inner { width: 95%;}
	#nav { width: 100%; float: left; height: 3rem;}
	#nav li{ padding-top: 0.5rem;}
	#nav li>a {	padding: 0.25rem 0.5rem;	}
	.about h1{ color: #007f41;}
	.about .inner{ width: 95%; }
	.shizi .inner{ width: 95%;; }
	.shizi .inner .sznav{width: 95%;  }
	.shizi .inner .sznav .item{   width: 47.5%; height: auto; }
	.zixun .inner{ width: 95%;}
	.zixun .inner ul li{ width: 95%;}
	.huanjing .inner{ width: 95%; }
	.huanjing .inner ul li{width: 47.5%;}
	.foot .inner {	width: 95%;}
}
@media screen and (max-width:480px){
	.head .inner { width: 95%;}
	#nav { width: 100%; float: left; height: 3rem;}
	#nav li{ padding-top: 0.5rem;}
	#nav li>a {	padding: 0.25rem 0.725rem;	}
	.about h1{ color: #007f41;}
	.about .inner{  width: 95%;}
	.shizi .inner{ width: 95%;; }
	.shizi .inner .sznav{width: 95%;  }
	.shizi .inner .sznav .item{  width: 47.5%; height: auto;}
	.zixun .inner{ width: 95%;}
	.zixun .inner ul li{ width: 95%;}
	.huanjing .inner{ width: 95%; }
	.huanjing .inner ul li{width: 47.5%;}
	.foot .inner {	width: 95%;}
}