@charset "utf-8";







html,







body,







ul,







li,







ol,







dl,







dd,







dt,







p,







h1,







h2,







h3,







h4,







h5,







h6,







form,







fieldset,







legend,







img {







	margin: 0;







	padding: 0







}















body {







	font: 14px/1.0531 'Microsoft YaHei', arial, helvetica, clean, sans-serif;







	color: #414141;







	margin: 0;







	padding: 0;







	line-height: 1.5;







}















 :focus {







	outline: 1;







}















article,







aside,







canvas,







details,







figcaption,







figure,







footer,







header,







hgroup,







menu,







nav,







section,







summary {







	display: block;







}















a {







	margin: 0;







	padding: 0;







	border: 0;







	font-size: 100%;







	vertical-align: baseline;







	background: transparent;







	color: #414141;







}















ins {







	background-color: #ff9;







	color: #000;







	text-decoration: none;







}















mark {







	background-color: #ff9;







	color: #000;







	font-style: italic;







	font-weight: bold;







}















del {







	text-decoration: line-through;







}















table {







	border-collapse: collapse;







	border-spacing: 0;







	display: inline-table;







}















hr {







	display: block;







	height: 1px;







	border: 0;







	border-top: 1px solid #cccccc;







	margin: 1em 0;







	padding: 0;







}















li,







ul {







	list-style-type: none;







}















img {







	display: inline-block;







	border: none;







}















a:link,







a:hover,







a:active,







a:visited {







	text-decoration: none;







}















input,







textarea {







	outline: 0;







	border: 0;







}















textarea {







	resize: none;







}















h1,







h2,







h3,







h4,







h5,







h6,







dl,







dd,







dt,







i,







em {







	font-weight: normal;







	font-style: normal;







}























/*banner*/















.fullSlide {







	width: 100%;







	position: relative;







	height: 460px;







	background: #FFF;







	overflow: hidden;







}















.fullSlide .bd {







	height: 460px;







	margin: 0 auto;







	position: relative;







	z-index: 1;







	overflow: hidden;







}















.fullSlide .bd ul {







	width: 100% !important;







}















.fullSlide .bd li {







	width: 100% !important;







	height: 460px;







	overflow: hidden;







	text-align: center;







}















.fullSlide .bd li a {







	display: block;







	height: 460px;







}















.fullSlide .hd {







	width: 100%;







	position: absolute;







	z-index: 2;







	bottom: 0;







	left: 0;







	height: 30px;







	text-align: center;







}















.fullSlide .hd ul {







	text-align: center;







}















.fullSlide .hd ul li {







	cursor: pointer;







	display: inline-block;







	zoom: 1;







	width: 14px;







	height: 14px;







	margin: 3px;







	background-color: #049167;







	overflow: hidden;







	line-height: 99px;







	border: 2px solid #FFF;







	border-radius: 50%;







	-webkit-transition: all .3s ease-out;







	transition: all .3s ease-out;







}















.fullSlide .hd ul .on {







	width: 50px;







	background: #FFA800;







	border-radius: 9px;







	-webkit-transition: all .3s linear;







	transition: all .3s linear;







}















.fullSlide .prev,







.fullSlide .next {







	width: 40px;







	height: 60px;







	position: absolute;







	top: 50%;







	margin-top: -30px;







	z-index: 2;







	background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;







	filter: alpha(opacity=30);







	-moz-opacity: .3;







	opacity: .3;







	-webkit-transition: all .5s linear;







	transition: all .5s linear;







}















.fullSlide .prev {







	background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;







	left: 10%;







}















.fullSlide .next {







	background-position: -6px -137px;







	right: 10%;







}























/*search*/















.search_box {







	width: 100%;







	height: 54px;







	background: url(../images/search-bg.jpg) no-repeat center;







}















.search {







	width: 1180px;







	margin: auto;







}















.keytext {







	width: 700px;







	height: 54px;







	line-height: 54px;







	float: left;







	font-family: Microsoft YaHei;







	font-size: 14px;







	color: #fff;







}















.keytext a {







	margin: 0px 12px 0px 0px;







	color: #ffff;







	display: inline-block;







}















.keytext a:hover {







	/* color: #049167; */







}















.keytext i {







	display: inline-block;







	font-size: 14px;







	color: #5f5f5f;







}















.rmgj-n-r {







	float: right;







	margin-top: 11px;







	background:url(../images/search-bg.png) no-repeat center;







	margin-right: 20px;







}















.rmgj-n-r .text {







	width: 159px;







	padding-left: 10px;







	font-size: 14px;







	font-family: Montserrat, sans-serif;







	height: 30px;







	/* margin-right: 50px; */







	color: #fff;







	outline: none;







	/* border: 1px solid #ccc; */







	background: transparent;







	float: left;







	box-sizing: border-box;







	-webkit-transition: all 0.15s ease;







	-moz-transition: all 0.15s ease;







	-ms-transition: all 0.15s ease;







	transition: all 0.15s ease;







	border-left: none;







	border-right: none;







}















.keytext span {







	padding-right: 10px;







	display: block;







	float: left;







	font-size: 14px;







	color: #fff;







}















.submit {







	/* border: 1px solid #ccc; */







	border-left: none;







	border-right: none;







	width: 45px;







	float: left;







	padding: 0;







	text-align: center;







	height: 30px;







	background: url(../images/sosuo.png) no-repeat center;







	vertical-align: middle;







	cursor: pointer;







	color: #fff;







}























/*products*/







.products{







	width: 100%;







	height: 752px;







	background: url(../images/products-bg.jpg) no-repeat center top;







	margin-top: 40px;







}







.products-left{







	width: 270px;







	height: 752px;







}







.products-title{







	width: 270px;







	height: 138px;







	background: #049167;







	







}







.products-title h3{







	font: bold 30px "microsoft yahei";







	color: #fff;







	letter-spacing: 6px;







	padding: 30px 0 0 30px;







}







.products-title p{







	font:bold 16px arial;







	color: #fff;







	letter-spacing:2px;







	padding: 10px 0 0 30px;







}	







.products-Lbox{







	width: 270px;







	height: 614px;







	background: #f2f2f2;







}







.products-Lbox ul{







	padding-top: 10px;







}







.products-Lbox ul li{







	width: 256px;







	height: 35px;







	background: #fff;







	margin: 0 auto 10px;







}







.products-Lbox ul li a:before{







	display: inline-block;







	content: "";







	width: 20px;







	height: 2px;







	background: #f2f2f2;







    vertical-align: middle;







    margin-right: 20px;







}







.products-Lbox ul li a{







	font: 16px/37px "microsoft yahei";







	color: #333;







	display: inline-block;







	width: 256px;







}







.products-Lbox ul li:hover{







	background: #049167 url(../images/jiaobiao.png) no-repeat 220px center;







}







.products-Lbox ul li:hover a:before{







	background: #FFA800;







}







.products-Lbox ul li:hover a{







	color: #fff;







}















.products-menu{







	width: 896px;







}







.products-menu h3{







	width: 148px;







	height: 67px;







	background: #FFA800;







	font: bold 22px/67px "microsoft yahei";







	text-align: center;







	letter-spacing: 4px;







	color: #fff;







}























.rmgj-n-r {







	float: right;







	width: 224px;







	margin-top: 16px;







	background: url(../images/sosuobg.png) no-repeat center bottom;







	margin-right: 20px;







	height: 34px;







}















.rmgj-n-r .text {







	width: 186px;







	padding-left: 10px;







	font-size: 14px;







	font-family: Montserrat, sans-serif;







	height: 34px;







	color: #fff;







	outline: none;







	background: transparent;







	float: left;







	box-sizing: border-box;







	-webkit-transition: all 0.15s ease;







	-moz-transition: all 0.15s ease;







	-ms-transition: all 0.15s ease;







	transition: all 0.15s ease;







}















.keytext span {







	padding-right: 10px;







	display: block;







	float: left;







	font-size: 14px;







	color: #fff;







}















.submit {







	width: 38px;







	float: left;







	padding: 0;







	text-align: center;







	height: 34px;







	vertical-align: middle;







	cursor: pointer;















	color: #fff;







	background: transparent url(../images/sosuo.png) no-repeat center;







}















.products-right {







	width: 896px;







}







.products-box ul{







	padding-top: 10px;







}







.products-box ul li img{







	width: 210px;







	height: 162px;







	display: block;







}







.products-box ul li {







	width: 210px;







	height: 212px;







	display: block;







	float: left;







	margin: 6px 6px 10px;







}







.products-box ul li p{







	font: 14px/50px "microsoft yahei";







	background: #f2f2f2;







	padding:0 10px;







	width: 190px;







	overflow: hidden;







	text-overflow:ellipsis;







	white-space: nowrap;







	text-align: center;







}















.products-box ul li:hover p{







	display: block;







	color: #fff;







	background: #049167;







}







.products-box ul li:hover a{







	color: #fff;







}























/*adm1*/







.adm1{







	width: 100%;







	height: 186px;







	background: url(../images/adm1.jpg) no-repeat center;







	margin-top: 40px;







}







.adm1-left{







	width: 678px;







	height: 186px;







}







.adm1-left h4{







	font: bold 26px/36px "microsoft yahei";







	color: #FFA800;







	padding-top: 40px;







}







.adm1-left p{







	font: 16px/38px "microsoft yahei";







	color: #fff;







}







.adm1-tel span{







    display: inline-block;







    font: bold 24px/36px "microsoft yahei";







    color: #fff;







    padding-top: 20px;







    padding-left: 50px; 







}







.adm1-tel b{







    display: inline-block;







    font: bold 24px/36px "microsoft yahei";







    color: #fff;







    padding-top: 20px;







    padding-left: 10px; 







}







.adm1-tel a{







	 display: inline-block;







	 font: 14px/34px "microsoft yahei";







	 color: #fff;







	 text-align: center;







	 margin-top: 20px;







	 width: 110px;







	 height: 34px;







	 background: #FFA800;







	 vertical-align: bottom;







	 margin: 0 5px;







	 -webkit-transition:.5s;







	 transition:.5s;







}







.adm1-tel a:hover{







	-webkit-transform: translate(0,-2px);







	transform: translate(0,-2px);







	box-shadow: 2px 2px 5px rgba(0,0,0,.1);







}















/*case*/







.title{







	font: bold 26px/36px "microsoft yahei";







	color: #333;







	text-align: center;







	padding-top:40px;







	background: url(../images/title-bg.png) no-repeat center 90px;







	letter-spacing: 4px;







}







.title span{







	color: #049167;







}







.title p{







	font: bold 14px arial;







	color: #ccc;







	padding-top: 30px;







	letter-spacing: 1px;







}







.case{







	height: 580px;







	overflow: hidden;







}







.case-box{







	margin-top: 30px;







}















.case .case-1{







	width: 282px;







	height: 372px;







	position: absolute;







	top: 0;







	left: 0;







}







.case-1 img{







	display: block;







	width: 282px;







	height: 372px;







	







}







.case ul li p {







	position: relative;







}







.case ul li p a{







    position: absolute;







    width: 230px;







    left: 26px;







    height: 40px;







    background: rgba(25,147,109,.66);







    bottom: 40px;







    font: 16px/40px "microsoft yahei";







    color: #fff;







    text-align: center;







    -webkit-transition: .5s;







    transition: .5s;







}







.case ul li:hover a{







	background: #049167;







}







.case .case-2{







	width: 282px;







	height: 182px;







	position: absolute;







	top: 0;







	left: 299px;







}







.case-2 img{







	display: block;







	width: 282px;







	height: 182px;







	







}







.case .case-3{







	width: 282px;







	height: 180px;







	position: absolute;







	top: 192px;







	left: 299px;







}







.case-3 img{







	display: block;







	width: 282px;







	height: 180px;







}















.case .case-4{







	width: 282px;







	height: 372px;







	position: absolute;







	top: 0;







	left: 597px;







}







.case-4 img{







	display: block;







	width: 282px;







	height: 372px;







	







}















.case .case-5{







	width: 282px;







	height: 372px;







	position: absolute;







	top: 0;







	right: 0;







}







.case-5 img{







	display: block;







	width: 282px;







	height: 372px;







	







}























/*adv*/







.adv{







	width: 100%;







	height: 758px;







	background: url(../images/adv.jpg) no-repeat center;







	overflow: hidden;







}







.adv-title h4{







	font: bold 50px arial;







	color: #049167;







	padding-left: 190px;







	padding-top: 46px;







}







.adv-title span{







	font: 22px/36px "microsoft yahei";







	vertical-align: middle;







	color: #333;







	letter-spacing: 2px;







}







.adv-left{







	width: 520px;







	padding-left: 50px;







	padding-top: 30px;







}







.adv-box{







	width: 986px;







	float: right;







	padding-top: 31px;







	position: relative;







}







.adv-boxx{







	height: 311px;







}







.adv-left h4{







	font:bold 40px arial;







	color: #FFA800;







}







.adv-left b{



	font: bold 22px/60px "microsoft yahei";



	color: #FFA800;



	letter-spacing: 2px;



	display: block;



}







.adv ul{







	height: 622px;







	overflow: hidden;







}







.adv-line{







	width: 40px;







	height: 1px;







	background: #FFA800;	







}







.adv-left p{



	font: bold 15px/30px "microsoft yahei";



	color: #FFA800;



	margin-top: 16px;



}







.adv-right{







	width: 346px;







	height: 200px;







	border: 6px solid #fff;







	margin-left: 50px;







	margin-top: 40px;







}







.adv-right img{







	display: block;







	width: 346px;







	height: 200px;







}































.adv-leftIc{







	width: 97px;







	height: 71px;







	background: url(../images/adv-left.jpg);







	position: absolute;







	bottom: -1px;







	left: -195px;







	z-index: 99;







	cursor: pointer;







}







.adv-rightIc{







	width: 97px;







	height: 71px;







	background: url(../images/adv-right.jpg);







	position: absolute;







	bottom: -1px;







	left: -98px;







	cursor: pointer;







	z-index: 99;







}























/*.witness*/







.witness{







	height: 552px;







}







.witness ul {







	margin-top: 30px;







	height: 362px;







	overflow: hidden;







}







.witness ul li{







	width: 272px;







	display: block;







	float: left;







	margin: 0 11px;







}







.witness ul li img{







	width: 272px;







	height: 172px;







	display: block;







}







.witness ul li .witness-bg{







	width: 272px;







	height: 180px;







	background: #f2f2f2;







	-webkit-transition: .5s;







	transition: .5s;







}







.witness ul li a{







	display: block;







	text-align: center;







	display: block;







	font: 18px/36px "microsoft yahei";







	padding-top: 10px;







	-webkit-transition: .5s;







	transition: .5s;







}







.witness-line{







	width: 25px;







	height: 1px;







	background: #049167;







	margin: 10px auto;







}







.witness ul li p{







	padding: 0 20px;







	display: -webkit-box;







-webkit-box-orient: vertical;







-webkit-line-clamp: 3;







overflow: hidden;







font: 14px/30px "microsoft yahei";







color: #5f5f5f;







height: 90px;







-webkit-transition: .5s;







	transition: .5s;







}







.witness ul li:hover .witness-bg{







	background: #049167;







}







.witness ul li:hover .witness-line{







	background: #fff;







}







.witness ul li:hover a,.witness ul li:hover p{color: #fff;}































/*adm2*/







.adm2{







	width: 100%;







	height: 190px;







	background: url(../images/adm2.jpg) no-repeat center;







}







.adm2-left h4{



	font: bold 28px/36px "microsoft yahei";



	color: #FFA800;



	letter-spacing: 1px;



	margin-top: 50px;



}







.adm2-left p{



	font: bold 18px/60px "microsoft yahei";



	color: #FFA800;



}







.adm2-right{







	padding-top: 40px;







}







.adm2-right h4{







	font: bold 34px/38px times;







	color: #fff;







	letter-spacing: 2px;







}







.adm2-right a{







	display: inline-block;







	width: 102px;







	height: 30px;







	background: #049167;







	text-align: center;







	font: 14px/30px "microsoft yahei";







	color: #fff;







	margin-top: 10px;







}























/*about*/







.about{







	width: 100%;







	height: 489px;







	background: url(../images/about.jpg) no-repeat center;







	margin-top: 50px;







}







.about-left{







	width: 920px;







	height: 452px;







}







.about-leftL{







	width: 366px;







	height: 452px;







}







.about-leftL img{







	display: block;







	width: 366px;







	height: 452px;







}







.about-leftR{







	width: 520px;







	margin-top: 140px;







}







.about-leftR h3 a{



	display: block;







	font: bold 26px/30px "microsoft yahei";







	letter-spacing: 2px;







	color: #049167;







	letter-spacing: 6px;







}







.about-leftR p{





font: 14px/30px "microsoft yahei";





color: #5f5f5f;





display: -webkit-box;





-webkit-box-orient: vertical;





-webkit-line-clamp: 6;





overflow: hidden;





margin: 30px 0;





height: 178px;

}











.about-right{







	width: 242px;







	height: 326px;







	border: 1px solid #fff;







	margin-top: 130px;







}







.about-right  img{







	display: block;







	width: 170px;








	margin: 24px auto 0;







}







.about-right p{







	text-align: center;







	font: 16px/50px "microsoft yahei";







	overflow: hidden;







	text-overflow:ellipsis;







	white-space: nowrap;







	width: 170px;







	margin: 0 auto;







	height: 50px;







}































/*album*/







.album ul li{







	width: 212px;







	height: 196px;







	margin: 20px 12px 0;







	float: left;







}







.album ul li img{







	width: 212px;







	height: 146px;







	display: block;







}







.album ul li p a{







	display: block;







	font: 16px/50px "microsoft yahei";







	color: #5f5f5f;







	text-align: center;







}















/*news*/







.news{







	width: 100%;







	height: 716px;







	background: #f2f2f2;







	margin-top: 20px;







}







.news-top{







	width: 364px;







	height: 194px;







	background: #fff;







	margin-top: 30px;







}







.news-top h4{







	padding:10px 20px;







	font: 18px/30px "microsoft yahei";







	color: #333;







	height: 30px;overflow: hidden;







text-overflow:ellipsis;







white-space: nowrap;







}







.news-top p{







	display: -webkit-box;







	-webkit-box-orient: vertical;







	-webkit-line-clamp: 2;







	overflow: hidden;







	padding: 0 20px;







	color: #5f5f5f;







	margin-bottom: 29px;







	margin-top: 10px;







	height: 43px;
}







.news-top span{







	width: 344px;







	height: 64px;







	display: block;







	color: #fff;







	font: bold 20px/64px times;







	padding-left: 20px;







	background:#049167 url(../images/news-icon.png) no-repeat 320px  center;







}







.news-left ul{







	padding-top: 10px;







	margin-right: 40px;







}







.news-left ul li{







	width: 364px;







}







.news-left ul li a{







	display: inline-block;







	width: 262px;







	font: 14px/36px "microsoft yahei";







	margin-right: 18px;







	overflow: hidden;







	text-overflow:ellipsis;







	white-space: nowrap;







	height: 36px;







}







.news-left ul li a:before{







	content: "-";







	padding-right: 10px;







}







.news-left ul li span{







	display: inline-block;







	font: 14px/36px "microsoft yahei";	







	vertical-align: top;







}







.news-left ul li:hover a{







	color: #049167;







}







.news-left ul li:hover span{







	color: #049167;







}















.faq{







	width: 370px;







	height: 510px;







	border: 1px solid #fff;







	margin-top: 30px;







	padding-top: 20px;







}







.faq ul li a{







	display: block;







	width: 270px;







	padding-left: 30px;







	background: url(../images/q.jpg) no-repeat left top;







	font: 16px/24px "microsoft yahei";







	margin-top: 20px;







	height: 24px;







	overflow: hidden;







text-overflow:ellipsis;







white-space: nowrap;







}







.faq ul li p{







	width: 267px;







	padding-left: 30px;







	background: url(../images/a.jpg) no-repeat left top;







	margin-top: 10px;







	display: -webkit-box;







	-webkit-box-orient: vertical;







	-webkit-line-clamp: 2;







	overflow: hidden;







	color: #5f5f5f;







	height: 60px;
}







.faq ul li{







	width: 300px;







	margin: 0 auto;







	border-bottom: 1px solid #fff;







	height: 102px;







}















/*links*/







.links{







	width: 100%;







	height: 64px;







	background: #049167;







	border-bottom:#3daa89 1px solid;







}







.links-left {







	font: 18px/65px "microsoft yahei";







	color: #fff;







	padding-right: 20px;







}







.links-right a{







	display: inline-block;







	font: 14px/65px "microsoft yahei";







	padding:0 10px;







	color: #fff;















}







.links-right a:hover{







	color: #FFA800;







}