* {
	box-sizing: border-box;
	font-family: "微软雅黑";
	font-size: 14px;
	transition: all 100ms;
	-webkit-transition: all 100ms;
	-moz-transition: all 100ms;
	-o-transition: all 100ms;
}

body {
	padding: 0;
	margin: 0;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.move{
	position: relative;
}
.img img{
	width: 100%;
}

.rest {
	margin: 0;
	padding: 0;
}

.am-g-fixed {
	max-width: 1000px;
	margin: 0 auto;
}

.clear {
	overflow: hidden;
}

header {
	border-bottom: 9px solid #217f3b;
	padding: 20px 0 0;
}

nav {
	padding: 13px 0 0;
	position: relative;
}

.nav li {
	float: left;
}
.nav li .level-two{
	display: none;
	position: absolute;
	left: -166px;
	top: 100%;
	width: 1000px;
	height: 260px;
	z-index: 9;
	border-top: 10px solid #217F3B;
	background: #43a563;
}
.nav li:hover .level-two{
	display: block;
}
.nav li .level-two span{
	margin-left: 10px;
}
.nav li a {
	display: block;
	color: #3f3f3f;
	padding: 5px 10px;
}

.nav li:hover a {
	color: #FFFFFF;
	background: #217F3B;
}

.nav .active a {
	color: #FFFFFF;
	background: #217F3B;
}
.nav li .level-two a{
	display: block;
	width: 100%;
	color: #FFFFFF;
	background: transparent;
}
.nav li .level-two a:hover{
	color: #000000;
}
.nav-footer{
	width: 100%;
	line-height: 30px;
	background: #333333;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
}

.nav li .level-two .am-u-lg-3{
	position: relative;
}
.nav li .level-two img{
	display: inline-block;
}
.nav li .level-two span{
	display: inline-block;
	width: 70%;
	overflow: hidden;
	vertical-align: middle;
}
.nav li .level-two .am-u-lg-3 ul{
	display: none;
	background: #ffffff;
	position: absolute;
	top: 100%;
	left: 7%;
	z-index: 999;
	padding: 0;
}
.nav li .level-two .am-u-lg-3 ul li{
	width: 100%;
}

.nav li .level-two .am-u-lg-3:hover ul{
	display: block;
}
.nav li .level-two .am-u-lg-3 ul a{
	width: 100%;
	color: #000000;
}
.nav li .level-two .am-u-lg-3 ul li:hover a{
	color: #FFFFFF;
	background: #217F3B;
}

.select {
	margin: -13px 0 0;
	color: #999999;
}

.language a {
	font-size: 12px;
	padding: 0 5px;
	color: #999999;
}

.language a:hover {
	color: #217F3B;
}

.sel {
	margin-top: 10px;
	height: 22px;
	border: 1px solid #bfbfbf;
}

.ss {
	width: 80%;
	float: left;
	border: none;
	height: 20px;
	background: #fcfcfc;
	padding: 0 3px;
}
.sel button {
	float: left;
	width:20px;
	height: 20px;
	border: none;
	position: relative;
	padding: 0px 4px 3px 3px;
	background: #FFFFFF;
	border-left: 1px solid #BFBFBF;
	

}

.sel button image {
	top: 5px;
	left: 5px;

}

.banner {
	width: 100%;
	margin: 1px 0 5px;
}
.banner img{
	width: 100%;
	height: 250px;
}

.index-top {
	margin: 0;
	padding: 0 10px 0 0;
}

.index-title {
	width: 98%;
	border-bottom: 1px solid #217F3B;
	font-size: 15px;
	color: #217F3B;
	text-indent: 5px;
}

.index-content .img {
	width: 49%;
	padding: 5px;
	float: left;
}

.index-text {
	width: 51%;
	height: 170px;
	float: right;
	overflow: hidden;
	text-indent: 2em;
	line-height: 1.25em;
	padding: 5px 0 0 5px;
	
}
.index-text a {
	font-size: 12px;
	color:#333}

.index-text a:hover {
	color:#217F3B;
	
}

.index-list {
	margin: 5px auto;
	height:85px;
}

.index-list .img {
	width: 20%;
	padding: 5px;
	float: left;
}

.list-text {
	width: 80%;
	font-size: 10px;
	line-height: 1.5em;
	float: right;
	padding: 0 0 0 5px;
}
.list-text a {
	font-size: 12px;
	color:#333}

.list-text a:hover {
	color:#217F3B;
	
}
.list-text span {
	color: #217F3B;
	font-size: 12px;
}

.content {
	width: 98%;
	border-top: 26px solid #c2ebcd;
	margin: 0px 0 10px 0;
}

.item {
	margin-top: 5px;
	border-top: 26px solid #c2ebcd;
}

.item .img {
	width: 35%;
	margin-top: 10px;
	float: left;
}


.item-text {
	width: 65%;
	float: right;
	padding: 0 10px;
}

.item-text h3 {
	font-size: 14px;
	color: #217F3B;
	margin: 0;
	padding: 0;
	line-height: 2em;
}

.item-text p {
	margin: 0;
	padding: 0;
	text-indent: 2em;
	font-size: 10px;
	line-height: 1.2em;
}
.item-text a {
	font-size: 12px;
	color:#333}

.item-text a:hover {
	color:#217F3B;
	
}

.filter {
	border-top: 5px solid #217F3B;
	border-bottom: 5px solid #217F3B;
	background: #C2EBCD;
	margin-top: 5px;
	position: relative;
	padding: 35px 10px 10px;
	text-align: center;
}

.filter .img {
	position: absolute;
	top: 30px;
	left: 20px;
}

.filter h3 {
	text-align: left;
	font-size: 16px;
	color: #217F3B;
	text-indent: 70px;
	margin: 0;
	padding: 0;
}

.filter p {
	text-align: left;
	font-size: 12px;
	color: #4c4c4c;
	margin: 30px 0 0;
}

.filter a {
	font-size: 18px;
	color: #217F3B;
	font-weight: bold;
}

.option {
	width: 100%;
	height: 25px;
	overflow: hidden;
	margin: 10px 0 0 0;
}

.option a {
	display: block;
	width: 50%;
	height: 25px;
	text-align: center;
	float: left;
	color: #5c5c5c;
	line-height: 25px;
}

.option a:hover {
	background: #217F3B;
	color: #FFFFFF;
}

.option .active {
	background: #217F3B;
	color: #FFFFFF;
}

.case {
	width: 100%;
	min-height: 500px;
	background: #C2EBCD;
	padding: 10px;
}

.case a {
	color: #217F3B;
}

.case a:hover {
	color: #5C5C5C;
}

footer.am-g {
	border-top: 9px solid #217f3b;
	margin-top: 30px;
	padding: 20px 0 5px;
}

.foot-title {
	color: #217F3B;
}

footer li {
	font-size: 12px;
	line-height: 1.5em;
	width: 220px;
	float: left;
}

footer a {
	color: #474747;
	font-size: 12px;
	line-height: 1.5em;
}

footer a:hover {
	color: #217F3B;
}

.copyright {
	margin: 20px 0 0;
	background: #333333;
	padding: 10px 0;
	color: #FFFFFF;
	text-align: center;
}

.copyright span {
	margin: 0 10px;
	font-size: 12px;
}

.copyright img {
	margin: 0 20px 0 30px;
}

.content1 {
	width: 98%;
	border: none;
	margin: 0;
}
.home-list{
	width: 100%;
	border-top: 1px solid #217F3B;
	padding: 0 10px 5px;
	background: #f7f8f8;
	font-size: 14px;
	color: #217F3B;
}
.border-bottom{
	border-bottom: 1px solid #217F3B;
}
.home-list a{
	color: #217F3B;
}
.home-list a:hover{
	color: #4C4C4C;
}

.search{
	padding: 50px 0 0;
}
.search .am-container{
	font-weight: bold;
	padding-left: 50px;
	font-size: 15px;
}
.search .am-g{
	margin: 10px 0 0;
}
.search select{
	width: 90%;
}
.search button{
	width: 50%;
	border: none;
	background: #217F3B;
	color: #FFFFFF;
}
.contact{
	padding: 50px 0 0 50px;
	color: #217F3B;
	background: url(../images/contact.png) 80% 0 no-repeat;
}
.contact div{
	font-size: 16px;
}
.contact .am-g{
	margin: 5px 0 0;
}
.contact p{
	padding: 0;
	margin: 0;
	font-size: 16px;
}
.contact-input1{
	margin: 10px 0 0!important;
}
.contact-input{
	margin: 50px 0 0!important;
}
.contact-input1 input{
	width: 100%;
	font-size: 14px;
	line-height: 30px;
	padding: 0 5px;
	border: 1px solid #EEEEEE;
}
textarea{
	margin: 10px 0 0;
	width: 65%;
	height: 200px;
	border: 1px solid #EEEEEE;
	resize: none;
	padding: 5px;
	font-size: 14px;
}
.contact button{
	margin: 20px 0 0;
	width: 20%;
	border: none;
	background: #217F3B;
	color: #FFFFFF;
	line-height: 1.5em;
}
.map{
	border-top: 8px solid #217F3B;
	margin: 20px 0 0;
}

.about{
	margin: 10px auto 0;
}
.about-list{
	width: 100%;
	min-height: 400px;
	background: #f7f8f8;
}
.about-list li a{
	display: block;
	width: 100%;
	line-height: 30px;
	text-align: center;
	color: #000000;
	background: #c2ebcd;
	margin-bottom: 5px;
}
.about-list .active a{
	background: #217F3B;
	color: #FFFFFF;
}
.about-list li:hover a{
	background: #217F3B;
	color: #FFFFFF;
}
.about p{
	text-indent: 2em;
	margin: 0;
}
.news li{
	overflow: hidden;
	width: 100%;
	padding: 5px 0 10px;
	border-bottom: 1px solid #217F3B;
}
.news .img{
	width: 15%;
	background: #000000;
}
.news .img img{
	width: 100%;
}
.news .text{
	width: 82%;
}
.news a{
	font-size: 15px;
	color: #217F3B;
	overflow: hidden;
}
.news a span{
	float: right;
}
.news p{
	text-indent: 0;
	padding-left: 20px;
	margin: 10px 0 0;
}

.product{
	margin: 10px auto;
}
.product-list a{
	display: block;
	padding: 0 10px;
	line-height: 30px;
	float: left;
	background: #F2F2F2;
	margin-right: 5px;
	color: #217F3B;
}
.product-list .active{
	background: #217F3B;
	color: #FFFFFF;
}
.product-list a:hover{
	background: #217F3B;
	color: #FFFFFF;
}
.product-case{
	margin-top: 10px;
}
.product-case p{
	margin: 0;
	text-indent: 2em;
}
.product-case h3{
	font-size: 18px;
	color: #217F3B;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.product-case table{
	width: 80%;
	margin-top: 10px;
}
.product-case table td{
	border: 1px solid #2c2c2c;
	padding: 5px;
	text-align: center;
}
.product-case ul{
	list-style: square;
	margin-left: 20px;
}

.label{
	width: 100%;
	background: #217F3B;
	color: #FFFFFF;
	font-size: 24px;
	padding: 10px 0;
	text-align: center;
	margin-bottom: 5px;
}
.bg{
	background: #C2EBCD;
	min-height: 200px;
	width: 100%;
	margin-top: 5px;
}
.app{
	padding-right: 0;
}
.app-top{
	padding: 10px;
	background: #fbfbfb;
	color: #217F3B;
}
.app-title{
	background: #217F3B;
	width: 100%;
	line-height: 30px;
	color: #FFFFFF;
	text-align: center;
}
.app-list{
	margin-top: 10px;
}
.app-list .img{
	width: 100%;
}
.app-list a{
	display: block;
	width: 100%;
	line-height: 2em;
	font-size: 16px;
	color: #217F3B;
	text-align: center;
}
.app-list .text{
	padding: 0;
	font-size: 12px;
	color: #4C4C4C;
	height:75px;
	overflow:hidden;
}
.app-list .text a{
	font-size: 12px;
	color: #333;
	line-height: 1.5em;
	text-align: left;
}
.app-list .text a:hover{
	color: #217F3B;
}
.app-list .am-u-lg-3{
	padding: 7px 10px;
}
.product-case h4{
	padding: 0;
	margin: 0;
}
.water-list .am-u-lg-2{
	width: 20%;
}

.container{
	min-width: 300px;min-height: 320px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.slide{
	width: 100%;
	position: absolute;
}
.container ul{
	list-style: none;
	position: absolute;
	z-index: 99;
	top: 90%;
	left: 48%;
	overflow: hidden;
}
.container li{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: white;
	margin: 0 5px;
	float: left;
	line-height: 99;
	cursor: pointer;
	border: 1px solid white;
}
.container .active{
	background: #217F3B;
}
.container li:hover{
	background: #217F3B;
}

.bg{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	margin: 0;
	visibility: hidden;
}


.swiper-container{
	position: fixed!important;
	top: 5%;
	left: 10%;
	width: 600px;
	height: 600px;
	margin: auto;
	background: white;
	z-index: 999999;
	padding: 50px;
	overflow: hidden;
	visibility: hidden;
}
.swiper-slide{
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
}
.swiper-slide img{
	width: 100%;
}

.swiper-container span{
	position: absolute;
	right: 10px;
	top: 10px;
	display: block;
	cursor: pointer;
}
.page {
	margin-top: 15px;
	}
.background{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	display: none;
}
.em