*{margin: 0px;padding: 0px;}

body{min-width:1200px;background:#ffffff;background-image:url();background-repeat:repeat-x;background-position:0px 0px;margin:0px;padding:0px;text-decoration:none;font-size: 12px;font-variant:normal;font-family: "微软雅黑";}/*为部分带全站背景图准备可以将背景图或背景色部分删除掉*/

a:link,a:visited,a:hover,a:active{text-decoration:none;}

a{text-decoration: none;}

li{list-style-type:none;}

ul,ol{list-style-type: none;list-style-image: none;}

/*清除浮动*/

 



.main{

	width: 1200px;

	margin:0 auto;

}

.top{

	width: 100%;

	height: 40px;

	background: #eeeeee;

}

.top p{

	float: left;

	font-size: 14px;

	color:#3c3c3c;

	line-height: 40px;

}

.top ul{

	float: right;

	height: 40px;

	overflow: hidden;

}

.top ul li{

	float: left;

	padding-right: 10px;

	padding-left: 10px;

	line-height: 40px;

	position: relative;

}

.top ul li:after{

	content: "";

	width: 1px;

	height: 14px;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -7px;

	background: #6d6d6d;

}

.top ul li a{

	color:#3c3c3c;

	font-size: 14px;

}

.top ul li:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}

.head{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.head  div div{

	height: 115px;

	display: table-cell;

	vertical-align: middle;

}



.head .name{

	float: left;

}

.head img{

	display: block;

}

.head  .tel{

	float: right;

}

.nav{

	width: 100%;

	height: 50px;

	background:#0da056;

}

.nav ul{

	width: 1200px;

	margin:0 auto;

	height: 50px;

	overflow: hidden;

}

.nav ul li{

	float: left;

	width: 150px;

	height: 50px;

	overflow: hidden;

	text-align: center;

	line-height: 50px;

}

.nav ul li a{

	color:#fff;
	font-size: 16px;
	display:block;

}

.nav ul li:hover{

	background: #ff9d01;

}

.banner{ 

	max-width: 1920px;

	margin:0 auto; 

	overflow:hidden; 

	position:relative; 

 

}

.banner .hd{

 height:15px; 

 overflow:hidden; 

 position:absolute; 

 left:45%; 

 bottom:10px; 

 z-index:1; 

}

.banner .hd ul{

 overflow:hidden; 

 zoom:1; 

 float:left; 



}

.banner .hd ul li{

 float:left; 

 margin-right:25px;  

 width:50px; 

 height:10px; 

 line-height:14px; 

 text-align:center; 

 cursor:pointer;

 background: #fff;

 

}

.banner .hd ul li.on{

 background:#00a0e9; 

  

}

.banner .bd{

 position:relative; 

  z-index:0; 

  width: 100%; 

}

.banner .bd li{

 zoom:1; 

 vertical-align:middle; 

}

.banner .bd img{

	width:100%; 

	display:block; 

}

.banner .prev,

.banner .next{

 position:absolute; 

 left:3%; 

 top:50%;

 margin-top:-3%;

 display:block; 

 width:32px;

 height:40px;  

 filter:alpha(opacity=50);opacity:0.5;   

}

.banner .next{

 left:auto; right:3%; 

 background-position:8px 5px; 

}

.banner .next {

	font-size: 

	58px;color:#fff;

}

.banner .prev{

	font-size: 

	58px;color:#fff;

}

.banner .prev:hover,

.banner .next:hover{

	filter:alpha(opacity=100);opacity:1;  

}

.banner .prevStop{ 

	display:none;  

}

.banner .nextStop{ display:none;  

}







.product{

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	margin-top: 60px;

}

 

 

.left-cont{

	width: 220px;

	height:auto;

	overflow: hidden;

	float: left;

}



.left-cont .list{

	width: 100%;

	height: auto;

	overflow: hidden;

 	

}

.left-cont .list .tit{

	width: 100%;

	height: 104px;

	overflow: hidden;

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

}



.left-cont .list .tit p{

	color:#fff;

	font-size: 24px;

	font-weight: bold;

	text-align: center;

	margin-top: 25px;

}



.left-cont .list .bd{

	width: 220px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	border: 1px solid #ebebeb;

	box-sizing: border-box;

	padding: 15px 8px;

	

	margin-bottom: 10px;

}



.left-cont .list h4{

	width: 204px;

	height: 40px;

	margin: 0 auto;

	line-height: 40px;

	margin-top: 10px;

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

}

.left-cont .list h4:first-child{

	margin-top: 0;

}



.left-cont .list h4 a{

	display: block;

	color:#fff;

	font-size: 16px;

	 white-space: nowrap;

    text-overflow: ellipsis;

    text-indent: 40px;

    overflow: hidden;

}





.left-cont .list ul{

	width: 180px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

}

.left-cont .list ul li{

	width: 100%;

	height: 45px;

	border-bottom: 1px dashed #cccccc;

	line-height: 45px;

}



.left-cont .list ul li a{

	display: block;

	color:#666666;

	font-size: 14px;

	text-indent: 25px;

}

.left-cont .list ul li:hover a{

	color:#0da056;

}



.left-cont .list ul li:hover{

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

}

 

.left-cont .list .tel p{

	color:#fff;

	font-size: 12px;

	text-indent: 40px;

	margin-top: 10px;

}



.left-cont .list .tel b{

	font-size: 21px;

	color:#ffffff;

	text-align: center;

 	margin-left: 20px;

 	display: block;

 	margin-bottom: 10px;

}





.right-cont{

	float: right;

	width: 960px;

	height: auto;

	overflow: hidden;

}



.right-cont .tit{

	width: 100%;

	height:35px;

	overflow: hidden;

	background: url(../images/icon03.png) no-repeat left 7px;

}



.right-cont .tit img{

	display: block;

	margin-left: 30px;

	float: left;

	margin-top: 4px;

}



.right-cont .tit a{

	display: block;

	float: right;

	color:#333333;

	font-size: 16px;

	text-transform: uppercase;

}



.right-cont .pic-box{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top:20px;

}



.right-cont .pic-box ul li{

	float: left;

	width: 312px;

	height: auto;

	overflow: hidden;

	margin-left: 12px;

	margin-bottom:20px;

	position: relative;

}

.right-cont .pic-box ul{

	margin-left: -12px;

}

.right-cont .pic-box ul li img{

	display: block;

	width: 312px;

	height: 258px;

}



.img-box {

	overflow: hidden;

}

.img-box img{

	transition: .5s;

}

.img-box img:hover{

	transform: scale(1.05);

}



.right-cont .pic-box ul li  p{

	width:100%;

	height: 35px;

	background: rgba(255,255,255,0.7);

	position: absolute;

	left: 0;

	color:#333333;

	text-align: center;

	line-height: 35px;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	font-size: 16px;

	bottom: 0;

}



.gg{

	width: 100%;

	height: 200px;

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

	margin-top: 30px;

}



.cases{

	width: 100%;

	height: 530px;

	overflow: hidden;

	background: #f2f2f2;

}

.title{

	width: 100%;

	height: auto;

	overflow: hidden;

	padding-bottom: 8px;

	margin-top: 40px;

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

}

.title p{

	color:#00b569;

	font-size: 36px;

	font-weight: bold;

	text-align: center;

}

.title span{

	display: block;

	color:#999999;

	font-size: 16px;

	text-align: center;

	text-transform: uppercase;

}

 

.cases .show{

	width: 1200px;

	margin:0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.cases .show .box{

	width: 800%;

}



.cases .pic {

	float: left;

}

 

.cases .pic ul li{

	float: left;

	width: 386px;

	height: auto;

	margin-right: 20px;

	overflow: hidden;

}

.cases .pic ul li img{

	display: block;

	width: 386px;

	height: 300px;

}

.cases .pic ul li p{

	width: 100%;

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 16px;

	color:#333333;

}







.partners{

	width: 100%;

	height: auto;

	overflow: hidden;

}





.partners .main{

	width: 1280px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 25px;

	position: relative;

}



.partners .next , .partners .prev{

	position: absolute;

	top:38px;

}

.partners .prev{

	right: 0;

	 

}

.partners .prev img{

	display: block;

}

.partners  .bd{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

}



.partners  .bd ul li{

	float: left;

	width: 224px;

	height: auto;

	margin-right: 20px;

	overflow: hidden;

}

.partners  .bd ul li img{

	display: block;

	width: 224px;

 	height: 120px;

}

.partners  .bd ul li p{

	width: 100%;

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 16px;

	color:#333333;

}



.adv{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.adv .tit{

	width: 100%;

	height: 164px;

	margin-bottom: 20px;

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

}



.adv .part{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

}

.adv .part ul{

	float: left;

	width:545px;

	height: auto;

	overflow: hidden;

 

}

.adv .part ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	min-height: 170px;

	margin-bottom: 20px;

}



.adv .part ul li .t{

	width: 100%;

	height: 80px;

	border-bottom: 1px solid #a4a6a9;

}

.adv .part ul li .t b{

	display: block;

	float: left;

	width: 87px;

	height: 80px;

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

	text-align: center;

	line-height: 80px;

	color:#fff;

	font-size: 43px;

	margin-top: 1px;

	position: relative;

	z-index: 1;

}



.adv .part ul li .t p{

	font-size: 30px;

	font-weight: bold;

	line-height: 80px;

	color:#038b53;

	margin-left: 15px;

	float: left;

}



.adv .part ul li .info{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 15px;

}



.adv .part ul li .info p{

	color:#333333;

	font-size: 16px;

	line-height: 30px;

	padding-left: 15px;

	background: url(../images/icon04.png) left 15px no-repeat;

}



.adv .part .pic{

	float: right;

}



.adv .part:nth-child(3n) .pic{

	float: left;

}



.adv .part:nth-child(3n) ul{

	float: right;

	margin-left: 0;

 

}





.about{

	width: 100%;

	height: 387px;

	overflow: hidden;

	margin-top: 70px;

	background: url(../images/bg01.png)  repeat-x  center bottom;

	background-size: auto 325px;

}

.about .left{

	float: left;

	width: 640px;

	height: auto;

	overflow: hidden;

}



.about .left  .t img{

	display: block;

}





.about .left .info{

	width: 100%;

	height: 188px;

	overflow: hidden;

	margin-top: 50px;

}



.about .left .info p{

	color:#333333;

	font-size: 15px;

	line-height: 30px;

	display: -webkit-box;

	-webkit-line-clamp:5;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



.about .left a{

	display: block;

	width: 180px;

	height: 40px;

	background: #00b569;

	text-align: center;

	line-height: 40px;

	color:#fff;

	font-size: 16px;

	margin-top: 20px;

}



.about .pic{

	float: right;

}

.about .pic img{

	display: block;

	width: 523px;

	height: 340px;

}



 



.process{

	width: 100%;

	height: 413px;

	overflow: hidden;

	background: #f2f2f2;

	margin-top: 85px;

}





.process .main{

	width: 1280px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 25px;

	position: relative;

}



.process .next , .process .prev{

	position: absolute;

	top:80px;

}

.process .prev{

	right: 0;

	 

}

.process .prev img{

	display: block;

}

.process  .bd{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

}



.process  .bd ul li{

	float: left;

	width: 285px;

	height: auto;

	margin-right: 20px;

	overflow: hidden;

}

.process  .bd ul li img{

	display: block;

	width: 285px;

 	height: 190px;

}

.process  .bd ul li p{

	width: 100%;

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 16px;

	color:#333333;

}



.news{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

 

}



.news .left{

	float: left;

	width: 548px;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.news .left .pic{

	width: 548px;

	height: auto;

	overflow: hidden;

	position: relative;

}

.news .left .pic img{

	display: block;

	width: 548px;

	height: 382px;

}



.news .left .pic  h4{

	width: 518px;

	padding: 0 15px;

	height: 45px;

	background: rgba(0,0,0,.4);

	position: absolute;

	left: 0;

	bottom: 0;

	line-height: 45px;

	color:#fff;

	font-size: 18px;

	font-weight: normal;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.news .left .info{

	width: 516px;

	padding:20px 15px;

	height: auto;

	overflow: hidden;

	border: 1px solid #cccccc;

	border-top: none;

}



.news .left .info p{

	color:#666666;

	font-size: 14px;

	display: -webkit-box;

	-webkit-line-clamp:3;

	-webkit-box-orient: vertical;

	overflow: hidden;

	line-height: 26px;
	text-indent:-2em;

}



.news .left .info span{

	display: block;

	color:#999999;

	font-size: 14px;

	margin-top: 20px;

	float: right;

}



.news  ul{

	float: right;

	width: 620px;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.news ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 11px;

}

.news ul li .time{

	float: left;

	width: 90px;

	height: 90px;

	background: #999999;

}



.news ul li .time b{

	color:#fff;

	font-size: 53px;

	text-align: center;

	display: block;

	margin-top: -3px;

}



.news ul li .time span{

	color:#fff;

	font-size: 18px;

	text-align: center;

	margin-top: -10px;

	display: block;

}



.news ul li  .info{

	float: right;

	width: 510px;

	height: 90px;

	overflow: hidden;

	border-bottom: 1px dashed #cccccc;

}

.news ul li:hover .time{

	background: #00b569;

}



.news ul li:hover  .info p{

	color:#00b569;



}

.news ul li  .info p{

	color:#333333;

	font-size: 16px;

	white-space: nowrap;

	margin-top: 10px;

	text-overflow: ellipsis;

	 overflow: hidden;

	 font-weight: bold;

}



.news ul li  .info  span{

	color:#666666;
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 20px;
	margin-top: 10px;
	text-indent:-2em;

}





.footer{

	width: 100%;

	height: 290px;

	overflow: hidden;

	background: #303030;

	margin-top: 65px;

}

.footer .left{

	float: left;

	width: 560px;

	height: auto;

	overflow: hidden;

}



.footer .name{

	margin-top: 50px;

}

.footer .name img{

	display: block;

}

.footer .info{

 	width: 100%;

 	height: auto;

 	overflow: hidden;

 	margin-top: 20px;

}

.footer .info p{

	color:#fff;

	font-size: 14px;

	line-height: 24px;

}

.footer .info a{

	color:#fff;

}

.footer .ewm{

	width: 200px;

	height: 290px;

	background: #00b569;

	float: right;

	 

}



.footer .ewm img{

	display: block;

	width: 105px;

	height: 105px;

	border: 1px solid #fff;

	margin: 0 auto;

	margin-top: 70px;

}

.footer .ewm p{

	text-align: center;

	color:#fff;

	font-size: 16px;

	margin-top: 5px;

}



.links{

	width: 100%;

	height: 59px;

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

}



.links .tit{

	float: left;

}



.links .tit p{

	color:#fff;

	font-size: 16px;

	line-height: 59px;

}



.links ul{

	width: 1030px;

	float: right;

	margin-top:10px;

	height: 40px;

	overflow: hidden;

}

.links ul li {

	float: left;

	padding: 0 10px;

	line-height:20px;

}



.links ul li a{

	color:#333333;

	font-size: 12px;



}



.in-content{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin:  30px auto;

}





.title-bar{

	width: 100%;

	position: relative;

	margin-top: 10px;

	height: 37px;

	border-bottom: 3px solid #eee;

	background: url(../images/icon01.png) no-repeat left 8px;

}



.title-bar h4{

	font-size: 18px;

 	

	margin-left: 35px;

	color:#00b569;

	font-size: 18px;

	float: left;

}



.crumbs{

	float: right;

}

.crumbs p{

	color:#666;

	font-size: 13px;



}



.crumbs img{

	display: block;

	float: left;

	margin-right: 10px;

}

.crumbs p{

	float: left;



}

.crumbs a{

	color:#666;

	font-size: 13px;

	padding-right: 10px;

	position: relative;



}

.crumbs a:after{

	content: ">";

	position: absolute;

	right: 0;

	color:#666;

	font-size: 12px;

	position: absolute;

	top: 0;

}

.crumbs a:last-child:after{

	display: none;

}



.quick{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 10px;

	background: #eee;

}



.quick .tit{

	width: 100%;

	height: 50px;

	line-height: 50px;

	background: #00b569;

}



.quick .tit p{

	text-align: center;

	line-height: 50px;

	font-size: 18px;

	font-weight: bold;

	color:#fff;

}



.quick ul{

	width: 94%;

	margin: 5px auto;

	height: auto;

	overflow: hidden;

}



.quick ul li{

	width: 100%;

	height: 30px;

	line-height: 30px;

	border-bottom: 1px dashed #ccc;

}



.quick ul li a{

	color:#333;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size:14px;

}



.quick .info{

	width: 94%;

	margin: 5px auto;

	height: auto;

	overflow: hidden;

}



.quick .info p{

	color:#333;
	font-size: 14px;
	line-height: 26px;

}
.fy{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}


 .fy p{
	width: 240px;
	height: 50px;
	float: left;
	line-height: 50px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 10px;
    text-overflow: ellipsis;
	border-left: 1px solid #d2d2d2;

}
 .fy p:first-child{
 	border: none;
 }

 .fy a{
 	color:#333333;
 	font-size: 14px;
 }

  .fy .return{
  	float: right;
  	line-height: 50px;
  	width: 140px;
  	border-left: 1px solid #d2d2d2;
  	text-align: center;
  }

.page{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	 

}

.page  ul{

	display: table;

	margin: 0 auto;

}



.page  ul li{

	border: 1px solid #d2d2d2;

	padding: 0 15px;

	height: 35px;

	line-height: 35px;

	color:#333;

	float: left;

	margin: 0 5px;

}

.page  ul li a{

	color:#333;

	

}

.page ul  .thisclass{

	background: #0DA056;

	border: 1px solid #0DA056;

	color:#fff;

}

 

.page  select{

	border: none;

	background: none;

	outline: none;

}







.detail-intro{

	width: 100%;

	height: auto;

	overflow: hidden;

 

	margin-top: 20px;

}

.detail-intro .t{

	margin-bottom: 30px;

}

.detail-intro .t p{

	color:#333333;

	font-size: 18px;

	height: 30px;

	border-bottom: 1px dashed #ccc;

	text-align: center;

}



.detail-intro .t span{

	display: block;

	color:#333333;

	font-size: 12px;

	text-align: center;

	margin-top: 5px;

}



.detail-intro  .intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	

}

.detail-intro  .intro img{

	display: block;

	margin: 0 auto;

	max-width: 100%;

}



.detail-intro  .intro p{

	font-size: 16px;

	color:#333;

	line-height: 30px;

}



 .map{

	width: 100%;

	border: 3px solid #d2d2d2;

	box-sizing: border-box;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}



 .map .allmap{

	width: 100%;

	height: 400px;

}





.news-list{

	width: 100%;

	height: auto;

	overflow: hidden;

	background: none;

	float:initial;

}

.news-list ul{

	margin-top: 0;

}

.mssg-intro{

	width:1080px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	margin-bottom: 50px;

	background: #eeeeee;

}



.mssg-intro img{

	display: block;

	float: left;

}



.mssg-intro form{

	width:550px;

	float: left;

	margin-left: 30px;

	margin-top: 30px;

}



.mssg-intro form ul li{

	width: 100%;

	height:auto;

	overflow: hidden;

	border: 1px solid #d2d2d2;

	margin-bottom: 15px;

	background: #fff;

	border-radius: 5px;

}

.mssg-intro form ul li input{

	height: 50px;

	border: none;

	width: 100%;

	outline: none;

	text-indent: 10px;

	color:#999999;

	font-size: 16px;

	background: none;

	font-family: '微软雅黑' ;

}



.mssg-intro form ul li textarea{

	width: 500px;

	height: 100px;

	border: none;

	outline: none;

	font-family: '微软雅黑' ;

	resize: none;

	background: none;

 	text-indent: 10px;

	padding-top: 10px;

	color:#999;

	font-size: 16px;

}



.mssg-intro form .btn input{

	width: 220px;

	display: block;

	height: 60px;

	float: left;

	margin-top: 20px;

	background: #00b569;

	outline: none;

	border: none;

	font-size: 18px;

	color:#fff;

	border-radius: 5px;

}

.mssg-intro form .btn input:last-child{

	float: right;

	background: #999;

}

.news-list{

	margin-top: 10px;

}

.news-list ul{

	width: 100%;

	float: inherit;

}

.news-list ul li .info{

	width: 850px;

}