*{margin: 0px;padding: 0px;}
body{min-width:1250px;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: "微软雅黑";position: relative;}/*为部分带全站背景图准备可以将背景图或背景色部分删除掉*/
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;}
/*清除浮动*/


.head{
	width: 93%;
	margin:0 auto;
	height: 89px;
	left: 50%;
	margin-left: -46.5%;
	overflow: hidden;
	border-bottom: 1px solid #fff;
	position: absolute;
	top: 0;
	z-index: 100;
}
.head  .logo{
	float: left;
	margin-left: 4%;
	margin-top: 30px;
}
.head .nav {
	float: left;
	margin-left: 18%;
	margin-top: 40px;
}
.head ul li{
	float: left;
	margin-left: 80px;
}
.head ul li:hover a{
	color:#000;
}
.head ul li a{
	font-size: 22px;
	color:#fff;
	font-weight: normal;
}
.head .nav .on a{
	color:#000000;
}
.head .tel{
	float: right;
	margin-top: 40px;
	margin-right: 5%;
	color:#fff;
	font-size: 22px;
}
@media  screen and (min-width:1600px) and (max-width: 1919px){
 	.head .nav{
 		margin-left: 8%;
 	}
}
@media  screen and (min-width:1400px) and (max-width: 1599px){
 	.head .nav{
 		margin-left: 8%;
 	}
 	.head .nav ul li{
 		margin-left:40px;
 	}
}
@media  screen and  (max-width: 1200px){
 	.head .nav{
 		margin-left: 4%;
 	}
 	.head .nav ul li{
 		margin-left:30px;
 	}
}
.banner{ 
	width:100%;
	margin:0 auto; 
	overflow:hidden; 
	position:relative; 
 
}
.banner .hd{
 height:50px; 
 overflow:hidden; 
 position:absolute; 
 left:50%;
 margin-left: -70px;
 bottom:5px;
 z-index:1; 
}
.banner .hd ul{
 overflow:hidden; 
 zoom:1; 
 float:left; 

}
.banner .hd ul li{
 float:left; 
 margin-right:25px;  
 width:30px; 
 height:30px; 
 line-height:14px; 
 border-radius: 50%;
 text-align:center; 
 cursor:pointer;
 background: #7d97ac;
 
}
.banner .hd ul li.on{
 background:#c2d684; 
  
}
.banner .bd{
 position:relative; 
 height:100%;
  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;
 z-index: 100;
 height:40px;  
 display: none;
 filter:alpha(opacity=50);opacity:0.5;   
}
.banner:hover .next{
	display: block;
}
.banner:hover .prev{
	display: block;
}
.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;  
}
.item{
	max-width: 1600px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 80px;
}
.title{
	width: 400px;
	margin:0 auto;
	height:auto;
	margin-bottom: 65px;
}
.title p{
	color:#81c42a;
	font-size:48px;
	text-align: center;
	transition: .5s;
}
.title span{
	display: block;
	color:#81c42a;
	font-size: 24px;
	text-align: center;
	margin-top: 5px;
	position: relative;
	transition: .5s;
}
.title span:after{
	content: "";
	width: 0;
	height: 2px;
	left: 50%;
	bottom:-5px;
	position: absolute;
	transition: .5s;
	background: #81c42a;
}
.title:hover span:after{
	width: 120px;
	left: 50%;
	margin-left: -60px;
}
.title:hover p{
	transform: scale(0.8);
}
.title:hover span{
	transform: scale(1.2);
}
.title span a{	display: block;
	color:#81c42a;
	font-size: 24px;
	text-align: center;
	margin-top: 5px;}
.item .part:nth-child(1){
	 width: 770px;
	 height: auto;
	 overflow: hidden;
	 float: left;
	 position: relative;


}
.item .part:nth-child(1) img{
	display: block;
	width: 770px;
	height: 444px;
	transition:.5s;
}
.item .part:nth-child(1) .bg{
	width: 100%;
	height: 100%;
	background: url(../images/bg03.png)no-repeat center;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 1;
	transition:.5s;
}
.item .part .info{
	width: 94%;
	margin:0 auto;
	position: absolute;
	bottom: 13px;
	margin-left: 15px;
}
.item .part .info p{
	color:#fff;
	font-size: 24px;
	width: 100%;
}
.item .part .info span{
	display: block;
	color:#fff;
	font-size: 18px;
	opacity: 0;
	width: 100%;
	margin-top: 3px;
}
.item .part:nth-child(1):hover .bg span{
	opacity:1;
}
.item .part:nth-child(1):hover img{
	transform: scale(1.02);
}
.item .part:nth-child(n+2){
	width: 396px;
	margin:0 auto;
	float: left;
	margin-left: 18px;
	position: relative;
}
.item .part:nth-child(n+2)  ul {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.item .part:nth-child(n+2)  ul li{
	width: 193px;
	height: 217px;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
}
.item .part:nth-child(n+2)  ul li:last-child{
	width: 397px;
	height: 217px;
}
.item .part:nth-child(n+2)  ul li:last-child img{
	display: block;
	width: 397px;
	height: 217px;
}
.item .part:nth-child(n+2)  ul li img{
	display: block;
	width: 193px;
	height: 217px;
	transition:.5s;
}
.item .part:nth-child(n+2) .bg{
	background: rgba(0,0,0,0.3);
	transition:.5s;
	opacity: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.item .part:nth-child(n+2) .bg span{
	opacity: 0;
}
.item .part ul li:hover .bg{
	background: rgba(0,0,0,0.6);
}
.item .part ul li:hover  img{
	transform: scale(1.02);
}
@media  screen and (max-width:1600px) {
	.item .main{
		width:1200px;
		margin:0 auto;

	}
 	.item .part:nth-child(1){
 		width: 576px;
 	}
 	.item .part:nth-child(1) img{
 		width: 576px;
 		height: 332px;
 	}
 	.item .part:nth-child(n+2){
 		width: 294px;
 	}
 	.item .part:nth-child(n+2)  ul li{
 		width: 143px;
 		height: auto;
 		overflow: hidden;
 	}
 	.item .part:nth-child(n+2)  ul li img{
 		width: 143px;
 		height: 160px;
 	}
 	.item .part:nth-child(n+2)  ul li:last-child {
 		height: auto;

 	}
 	.item .part:nth-child(n+2)  ul li:last-child img{
 		width: 100%;
 		height: 160px;
 	}
 	.item .part:nth-child(n+2) .info p{
 		font-size: 18px;
 		 
 	}
 	.item .part:nth-child(n+2) .info  span{
 		 
 		font-size: 14px;
 	}
	 
}

.about{
	width: 100%;
	height: 327px;
	background: url(../images/about.png)no-repeat center;
	margin-top: 140px;
	overflow: hidden;
}
.about .main{
	width: 1200px;
	margin:0 auto;
}
.about .tit {
	width: 330px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 70px;
}
.about .tit p{
	color:#fff;
	font-size: 13px;
	letter-spacing:7px;
	text-align: center;
	
}
.about .tit span{
	font-size: 50px;
	color:#fff;
	text-align: center;
	display: block;
	margin-top: 10px;
}
.about  a{
	display: block;
	width: 200px;
	height: 40px;
	border: 1px solid #fff;
	margin:0 auto;
	margin-top: 25px;
	text-align: center;
	color:#fff;
	font-size: 14px;
	line-height: 40px;
	letter-spacing: 2px;
	transition:.7s;
	
}
.about  a:hover{
	box-shadow: 0px -50px 0px 0px #c2d684 inset;
	border: 1px solid #c2d684;
}
.about .info{
	float: right;
	width: 550px;
	margin-right: 150px;
	margin-top: 40px;
	height: 230px;
 
}
.about .info p{
	text-indent: 2em;
	font-size: 14px;
	color:#fff;
	line-height: 22px;
	letter-spacing: 1px;
}
.cases{
	width: 1170px;
	margin:0 auto;
	height: 730px;
	margin-top: 80px;

}
.cases .front{
	width: 748px;
	height: auto;
 	float:left;
 	margin-top: 15px;
}
.cases .front ul{
	display: flex;
	justify-content:space-between;
}
.cases .front ul li{
	width: 344px;
	height: auto;
	overflow: hidden;
	padding: 10px;
	transition: .3s;
	border: 1px solid #fff;
}
.cases .front ul li img{
	display: block;
	width: 344px;
	height: 238px;
}
.cases .front ul li:hover{
	 border: 1px solid #ccc;
	 transform: scale(1.01);
	     box-shadow: 0px 0px 7px 3px #ccc;
}
.cases .front ul li .info{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top:35px;
	font-family:"黑体";
}
.cases .front ul li .info h4{
	font-size:19px;
	width: 100%;
	font-weight: none;
}
.cases .front ul li .info span{
	display: block;
	color:#81c42a;
	line-height: 60px;
	font-size: 18px;
}
.cases .front ul li .info  p{
	color:#9b9b9b;
	font-size: 18px;
	width: 100%;
	line-height: 24px;
}
.cases .front ul li .info a{
	display: block;
	width: 118px;
	text-align: center;
	line-height: 38px;
	font-size: 14px;
	color:#000000;
	margin-top: 30px;
	height: 38px;
	border: 2px solid #d4d4d4;
}
.cases .front ul li .info a:hover {
	color:#c2d684;
}
.cases .list{
	float: right;
	width: 370px;
	height: 480px;
	overflow: hidden;
	margin-top: 15px;
	 
}
.cases .list a{
	display: flex;
	width: 100%;
	justify-content:center;
}
.cases .list .pic{
	float: left;
	width: 80px;
	height: 76px;
	margin-right: 20px;
}
.cases .list .pic img{
	display: block;
	width: 80px;
	height: 76px;
}
.cases .list  .info{
	width: 269px;
}
.cases .list ul li{
	margin-bottom: 40px;
	height: auto;
	overflow: hidden;
	font-family: "黑体";
}
.cases .list ul li p{
	color:#000;
	font-size: 19px;
	width: 100%;
}
.cases .list ul li span{
	display: block;
	color:#9b9b9b;
	font-size: 18px;
	margin-top: 5px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.cases .list ul li p:hover{
	color:#81c42a;
}
.cases .list ul li:hover{
	background: #3d3d3d;
	padding: 30px;
}
.cases .list ul li:hover .pic{
	display: none;
}
.cases .list ul li:hover p{
	color:#fff;
}
.cases .list ul li:hover span{
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 10px;
	height: 40px;
}
.team{
	width: 1280px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-top:70px;
}
.team .next,.team .prev{
	display: block;
	position: absolute;
	top:50%;
	margin-top: -28px;
}
.team .prev{
	right: 0;
}
.team .bd{
	width: 1038px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}
.team .bd ul li{
	width: 295px;
	height: 368px;
	position: relative;
	float: left;
	margin-right: 76px;
	border-radius: 15px;
	overflow: hidden;
	background: url(../images/loading.gif)no-repeat center;
}
.team .bd ul li img{
	display: block;
	width: 295px;
	height:368px;
}
.team .bd ul li .info{
	width: 295px;
	height: 368px;
	position: absolute;
	left: 0;

 	overflow: hidden;
	top: 0;
 
	opacity:0;
	background: rgba(0,0,0,0.5);
}
.team .bd ul li .info .jobs{
	font-family: "黑体";
	text-align: center;
	position: absolute;
	left:50%;
	bottom:50%;
	margin-left: -280px;
	margin-bottom:-21px;
	width:338px;
	transform: rotate(-90deg);
	transition: .5s;
	 
}
.team .bd ul li .info .jobs p{
	color:#fff;
	font-size: 18px;
	position: relative;
}
.team .bd ul li .info .jobs p:after{
	content: "";
	width: 100px;
	height: 1px;
	position: absolute;
	left: 0%;
	top: 50%;
	transition: .8s;
	background: #fff;
}
.team .bd ul li .info .jobs p:before{
	content: "";
	width: 100px;
	height: 1px;
	position: absolute;
	right: 0%;
	top: 50%;
	transition: .8s;
	background: #fff;
}
.team .bd ul li .info .jobs span{
	display: block;
	color:#fff;
	font-size: 18px;
}
.team .bd ul li h4{
	color:#fff;
	font-size:24px;
	text-align: center;
	font-weight: normal;
	position: absolute;
	bottom: 20px;
	text-align: center;
	width: 100%;
}
.team .bd ul li:hover .info .jobs p:before{
	right:2%;
}
.team .bd ul li:hover .info .jobs p:after{
	left:2%;
}
.team .bd ul li:hover .info{
	opacity:1;
}
.team .hd{
	margin-top: 30px;
}
.team .hd ul{
	display: flex;
	align-items: center;
	justify-content: center;

}
.team .hd ul li{
	float: left;
	width: 30px;
	height: 30px;
	line-height: 100px;
	border-radius: 50%;
	margin-left: 45px;
	background: #d5d5d5;
}
.team .hd ul .on{
	background: #e9f0d2;
}
.news{
	width: 1250px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
 
}
.news .tit{
	float: left;
}
.news .tit p{
	color:#3d3d3d;
	font-size: 68px;
	letter-spacing: 4px;
	width:240px;
}
.news .tit a{
	display: block;
	width: 204px;
	height: 38px;
	background: #c2d684;
	text-align: center;
	line-height: 38px;
	color:#fff;
	margin-top:5px;
	font-size: 14px;
}
.news  ul{
	float: right;
	width: 950px;
	display: flex;
	justify-content: space-between;
}
.news  ul li{
	width: 250px;
	border-left: 1px solid #eef0f1;
	height: 190px;
	display: flex;
	align-items: center;
	float: left;
	flex-wrap:wrap;
	padding-left: 35px;
}
.news  ul li span{
	display: block;
	color:#3c4549;
	font-size: 16px;
	font-family: "黑体";
	font-weight: block;
	margin-top: 7px;
}
.news  ul li h4{
	font-size: 14px;
	color:#0d0d0d;
	width: 100%;
}
.news  ul li p{
	color:#000000;
	font-size: 12px;
	line-height: 22px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;

}
.news  ul li  a{
	display: block;
	width: 26px;
	height: 16px;
	background: url(../images/more.png)no-repeat -26px top;
}
.news  ul li  a:hover{
	background: url(../images/more.png)no-repeat 0px top;
	transition:.7s;
}
.footer{
	width: 100%;
	height: 669px;
	margin-top: 90px;
	overflow: hidden;
}
.footer .map{
	width: 42%;
	height:100%;
	float: left;
}
.footer .right{
	float: right;
	width: 58%;
	height:669px;
	position: relative;
	background: #141b21;
}
.footer .cont  {
	margin-top: 145px;
	margin-left: 140px;
	float: left;
	height: auto;
	overflow: hidden;
}
.footer .cont .tit p{
	color:#fff;
	font-size: 30px;
	font-weight: bold;
}
.footer .cont .tit span{
	color:#fff;
	font-size: 16px;
	margin-top: 5px;
	display: block;
}
.footer .cont .info ul{
	margin-top: 10px;
}
.footer .cont .info ul li {
	height: auto;
	margin-top: 40px;
	overflow: hidden;
}
.footer .cont .info ul li p{
	color:#606265;
	font-size: 16px;
	float: left;
	width: 120px;
}
.footer .cont .info ul li span{
	color:#fff;
	font-size: 16px;
	display: block;
	width: 170px;
	float: left;
	line-height: 21px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.footer  .list{
	float: left;
	border-left:1px solid #31373c;;
	padding-left: 80px;
	min-height: 276px;
	margin-top: 145px;
	margin-left: 180px;
}
.footer  .list .column p{
	position: relative;
}
.footer  .list .column p:after{
	content: "●";
	position: absolute;
	left: -15px;
	top: 0;
	color:#fff;
	font-size: 14px;
}
.footer  .list .column {
	height: auto;
	margin-bottom: 30px;
}
.footer  .list .column p a{
	color:#fff;
	font-size: 16px;
	font-weight: bold;
}
.footer  .list .column ul li{
	margin-top: 7px;
}
.footer  .list .column ul li a{
	color:#707375;
	font-size: 14px;
}
.footer  .cp{
	position: absolute;
	bottom: 20px;
	width: 100%;

}
.footer  .cp p{
	color:#26343f;
	font-size: 12px;
	text-align: center;
}
.footer  .cp a{
	color:#26343f;
}
@media  screen and (max-width:1600px){
	.footer{
		height: 350px;
	}
	.footer .right{
		height: 350px;
	}
	.footer .cont{
	 	margin-top:25px;
		margin-left:80px;
		width: 390px;
	}
/*	.footer .list{
		float: initial;
		margin-left: 145px;
		width: 415px;
		margin-top:20px;
		padding-left:30px;
		border-left:none;
		border-top: 1px solid #31373c;
	}
	.footer .list .column{
		float:left;
		margin-right:80px;
		margin-top: 30px;
	}
	*/
	.footer .cont .info ul li{
		margin-top: 20px;
	}
	.footer  .list{
		 margin-left: 30px;
		 margin-top:35px;
		 min-height: 100px;
	}

}

/*内页*/
.in-banner{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.in-banner img{
	display: block;
	width: 100%;
}
.in-content{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.crumbs{
	width: 1200px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
	background: url(../images/icon01.png)no-repeat left center;
}
.crumbs p{
	color:#000;
	font-size: 16px;
	float: left;
	line-height: 30px;
	margin-left: 35px;
}
.crumbs  a{
	color:#333;
	font-size: 14px;
	line-height: 30px;
	padding-right: 5px;
	padding-left: 5px;
}
.pro-list{
	width: 1200px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	margin-bottom:100px;
}
.pro-list .tit {
	margin-top: 30px;
	text-align: center;
}
.pro-list .tit p{
	color:#1a1a1a;
	font-size: 60px;
}
.pro-list .tit span{
	display: block;
	color:#1a1a1a;
	font-size: 24px;
	margin-top: 10px;
}
.pro-list ul {
	margin-left:-30px;
}
.pro-list ul li{
	float: left;
	width: 370px;
	height: 325px;
	border-bottom: 2px solid #d6d6d6;
	overflow: hidden;
	float: left;
	margin-top: 60px;
	transition: .1s;
	margin-left: 30px;
}
.pro-list ul li img{
	display: block;
	width: 370px;
	height: 220px;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: 1s;
}
.pro-list ul li  p{
	color:#010101;
	font-size: 18px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 15px;
}
.pro-list ul li span{
	display: block;
	color:#003761;
	height: 45px;
	font-size: 16px;
	width: 100%;
	margin-top: 5px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 23px;
}
.pro-list ul li:hover{
	border-bottom: 2px solid #9ad055;
}
.pro-list ul li:hover img{
		-webkit-filter: grayscale(0);
	    -moz-filter: grayscale(0);
	    -ms-filter: grayscale(0);
	    -o-filter: grayscale(0);
	    filter: grayscale(0);
	    filter: gray;
}

.team-list{
	width: 1200px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
}
.team-list ul{
	margin-left: -60px;
}
.team-list ul li{
	width: 360px;
	height: 440px;
	position: relative;
	float: left;
	margin-bottom: 35px;
	margin-left: 60px;
}
.team-list ul li img{
	display: block;
	width: 360px;
	height: 440px;
}
.team-list ul li .info{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: .5s;
	opacity: 0;
	background: rgba(0,0,0,0.2);
}
.team-list ul li .info .jobs{
	font-family: "黑体";
	text-align: center;
	position: absolute;
	left:50%;
	bottom:50%;
	margin-left: -330px;
	margin-bottom:-21px;
	width:380px;
	transform: rotate(-90deg);
}
.team-list ul li .info .jobs p{
	color:#fff;
	font-size: 18px;
	position: relative;
}
.team-list ul li .info .jobs p:after{
	content: "";
	width: 100px;
	height: 1px;
	position: absolute;
	left: -10%;
	top: 50%;
	transition: .8s;
	background: #fff;
}
.team-list ul li .info .jobs p:before{
	content: "";
	width: 100px;
	height: 1px;
	position: absolute;
	right: -10%;
	top: 50%;
	transition: .8s;
	background: #fff;
}
.team-list ul li .info .jobs span{
	display: block;
	color:#fff;
	font-size: 18px;
}
.team-list ul li h4{
	color:#fff;
	font-size: 30px;
	text-align: center;
	font-weight: normal;
	position: absolute;
	bottom: 60px;
	text-align: center;
	width: 100%;
}
.team-list ul li:hover .info .jobs p:before{
	right: 0;
}
.team-list ul li:hover .info .jobs p:after{
	left: 0;
}
.team-list ul li:hover .info{
	opacity: 1;
}
.news-list{
	width: 1200px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 70px;
}
.news-list .list-left{
	width:800px;
	height: auto;
	overflow: hidden;
	float: left;
}
.news-list .list-left ul{
	margin-top: -50px;
}
.news-list .list-left ul li{
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 30px;
	margin-top: 30px;
 
}
.news-list .list-left ul li img{
	display: block;
	width: 370px;
	height: 280px;
	float: left;
}
.news-list .list-left ul li .info{
	width:100%;
	height: auto;
	overflow: hidden;
	float: right;
}
.news-list .list-left ul li h4{
	color:#212121;
	font-size: 20px;
	margin-top: 20px;
}
.news-list .list-left ul li span{
	display: block;
	color:#999999;
	font-size: 13px;
	margin-top:10px;
}
.news-list .list-left ul li p{
	color:#666666;
	font-size: 14px;
	line-height: 26px;
	font-family: "黑体";
	height: auto;
	overflow: hidden;
	margin-top:15px;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news-list .list-left ul li a{
	display: block;
	width: 165px;
	height: 40px;
	border: 2px solid #eeeeee;
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	color:#81c42a;
	margin-top: 20px;
	transition:.5s;

}
.news-list .list-left ul li a:hover{
	background: rgba(247,247,247,0.9);
}
.news-list .list-right{
	float: right;
	width: 302px;
	height: auto;
	overflow: hidden;
}
.news-list .search{
	width: 298px;
	height: 42px;
	border: 1px solid #cccccc;
	border-radius: 20px;
}
.news-list .search input.inputa{
	font-size: 14px;
	width: 250px;
	height: 42px;
	outline: none;
	border: none;
	margin-left: 20px;
	float:left;
}
.news-list .cont{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}
.news-list .cont .list-tit{
	margin-top: 40px;
}
.news-list .cont .list-tit p{
	color:#212121;
	font-size: 20px;
	font-weight:bold;
}
.news-list .cont .info{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 15px;
}
.news-list .cont .info p{
	color:#666666;
	font-size: 14px;
	line-height: 22px;
}
.news-list  .new{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
}
.news-list .new .list-tit{
	margin-top: 40px;
}
.news-list .new .list-tit p{
	color:#212121;
	font-size: 20px;
	font-weight:bold;
}
.news-list .new  ul{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.news-list .new  ul li{
	width: 100%;
	height: 70px;
	margin-bottom: 20px;
}
.news-list .new  ul li img{
	display: block;
	width: 70px;
	height: 70px;
	float: left;
}
.news-list .new  ul li .info{
	float: right;
	width:170px;
	margin-right: 35px;
}
.news-list .new  ul li .info p{
	color:#666666;
	font-size: 14px;
	line-height: 18px;
	margin-top: 3px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news-list .new  ul li .info span{
	display: block;
	color:#999999;
	font-size: 13px;
	margin-top: 8px;
}
.news-list .new  ul li:hover p{
	color:#81c42a;
}
.in-article{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	min-height: 600px;
	overflow: hidden;
	margin-top: 50px;
	margin-bottom: 30px;
}
.in-article .tit{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.in-article .tit p{
	color:#212121;
	font-size: 72px;
	width: 100%;
}
.in-article .tit span{
	display: block;
	color:#999999;
	font-size: 30px;
	margin-top: 10px;
	float: left;
}
.in-article .tit b{
	color:#999;
	font-weight: normal;
	font-size: 30px;
	display: block;
	height: 40px;
	line-height: 40px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}
.in-article .article-main{
	width: 1000px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 55px;
}
.iteam-main{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
}
.iteam-main .tit{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}
.iteam-main .tit p{
	color:#212121;
	font-size: 72px;
	width: 100%;
}
.iteam-main .tit span{
	display: block;
	color:#999999;
	font-size: 30px;
	margin-top: 10px;
}
.iteam-main ul{
	margin-top: 60px;
}
.iteam-main ul li{
	width: 100%;
	height: 551px;
	background: #f2f2f2;
}
.iteam-main ul li .box{
	width: 1200px;
	display: flex;
	height: 100%;
	justify-content:space-between;
	align-items: center;
	margin: 0 auto;
	overflow: hidden;
}
.iteam-main ul li .pic{
	float: left;
}
.iteam-main ul li .pic img{
	display: block;
	max-width: 454px;
	max-height: 483px;
}
.iteam-main ul li .info{
	width: 590px;
	height: auto;
	overflow: hidden;
}
.iteam-main ul li .info h4{
	color:#000;
	font-size: 36px;
	margin-bottom: 15px;
}
.iteam-main ul li .info p{
	color:#666666;
	font-size: 26px;
	line-height:40px;
}
.iteam-main ul li:nth-child(2n){
	background: #fff;
	flex-direction:row-reverse;
}
.iteam-main ul li:nth-child(2n) .box{
	flex-direction:row-reverse;
}
.in-about{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.in-about .intro{
	width: 1570px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 100px;
}
.in-about .intro .pic{
	float: left;
	width: 772px;
	height: auto;
	overflow: hidden;
}
.in-about .intro .pic img{
	display: block;
	width: 100%;
}
.in-about .info {
	float: right;
	width: 675px;
	height: auto;
	position: relative;
	z-index: 1000;
	overflow: hidden;
}
.in-about .info .tit p{
	color:#202020;
	font-size: 60px;
}
.in-about .info .tit span{
	display: block;
	color:#202020;
	font-size: 24px;
}
.in-about .info .text{
	width: 100%;
	height: 650px;
	overflow:auto;
	margin-top: 60px;
	font-size: 20px;
}
.in-about .detailed{
	width: 1360px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 60px;
	margin-bottom: 100px;
}
.in-about .detailed .photo{
	float: left;
	width: 598px;
	height: auto;
}
.in-about .detailed .photo img{
	display: block;
	width: 598px;
	height: 821px;
}
.in-about .detailed .data{
	float: right;
	width: 700px;
	height: 650px;
	overflow: hidden;
}
.in-about .detailed .data .name p{
	color:#202020;
	font-size: 60px;
}
.in-about .detailed .data .cv{
	margin-top: 10px;
}
.in-about .detailed .data .cv p {
	color:#d90202;
	font-size: 36px;
}
.in-about .detailed .data .text{
	width: 100%;
	height: 629px;
	margin-top:15px;
	overflow: auto;
}
.in-about .detailed .data .text p{
	color:#202020;
	font-size: 20px;
	line-height: 40px;
}

.in-about .detailed .project{
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	margin-top:40px;
}
.in-about .detailed .project .tit p{
	color:#d90202;
	font-size: 36px;
}
.in-about .detailed .project .text{
	margin-top: 20px;
	width: 100%;
}
@media  screen and (max-width:1600px){
	.in-about .intro{
		width: 1200px;
		margin:0 auto;
		margin-top:50px;
	}
	.in-about .intro .pic{
		width: 550px;
	}
	.in-about .info{
		width: 600px;
		height: 585px;
		 
	}
	.in-about .detailed{
		width: 1200px;
	}

	.in-about .detailed .photo{
		width: 500px;
	}
	.in-about .detailed .photo img{
		display: block;
		width: 550px;
		height: 756px;
	}
	.in-about .detailed .data{
		width: 600px;
		height: 756px;
	}
	.in-about .info .text{
		height: 405px;
	}
}
.in-about  .our-team{
	width: 100%;
	height: 925px;
	overflow: hidden;
	background: url(../images/bg01.png)no-repeat center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	margin-top: 130px;
}
.in-about  .our-team .tit{
	margin-top: 100px;
}
.in-about  .our-team .tit p{
	color:#fff;
	font-size: 48px;
	text-align: center;
}
.in-about  .our-team .tit span{
	display: block;
	color:#fff;
	font-size: 24px;
	text-align: center;
	margin-top: 5px;
}
.in-about  .our-team  ul{
	width: 1100px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	display: flex;
	margin-top:60px;
	justify-content: space-between;
}
.in-about  .our-team  ul li{
	width: 307px;
	height: 390px;
	position: relative;
	float: left;
	margin-bottom: 35px;
	border-radius: 10px;
	overflow: hidden;
 
}
.in-about  .our-team  ul li img{
	display: block;
	width: 307px;
	height: 390px;
}
.in-about  .our-team  ul li .info{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: .5s;
	opacity: 0;
	background: rgba(0,0,0,0.2);
}
.in-about  .our-team  ul li .info .jobs{
	font-family: "黑体";
	text-align: center;
	position: absolute;
	left:50%;
	bottom:50%;
	margin-left: -270px;
	margin-bottom:-21px;
	width:307px;
	transform: rotate(-90deg);
}
.in-about  .our-team  ul li .info .jobs p{
	color:#fff;
	font-size: 18px;
	position: relative;
}
.in-about  .our-team  ul li .info .jobs p:after{
	content: "";
	width: 100px;
	height: 1px;
	position: absolute;
	left: -10%;
	top: 50%;
	transition: .8s;
	background: #fff;
}
.in-about  .our-team  ul li .info .jobs p:before{
	content: "";
	width: 100px;
	height: 1px;
	position: absolute;
	right: -10%;
	top: 50%;
	transition: .8s;
	background: #fff;
}
.in-about  .our-team  ul li .info .jobs span{
	display: block;
	color:#fff;
	font-size: 18px;
}
.in-about  .our-team  ul li h4{
	color:#fff;
	font-size: 30px;
	text-align: center;
	font-weight: normal;
	position: absolute;
	bottom: 20px;
	text-align: center;
	width: 100%;
}
.in-about  .our-team  ul li:hover .info .jobs p:before{
	right: 0;
}
.in-about  .our-team  ul li:hover .info .jobs p:after{
	left: 0;
}
.in-about  .our-team  ul li:hover .info{
	opacity: 1;
}
.in-about  .our-team .more{
	display: block;
	width: 310px;
	height: 50px;
	border: 1px solid #fff;
	color:#fff;
	font-size: 14px;
	text-align: center;
	line-height: 50px;
	margin:0 auto;
	margin-top: 80px;
	transition: .5s;
	
}
.in-about  .our-team .more:hover{
	background: rgba(247,247,247,0.3);
}
.about-foot{
	margin-top: 0;
}

.in-contact{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.in-contact .tit{
	height: auto;
	overflow: hidden;
}
.in-contact .tit p{
	color:#81c42a;
	font-size: 60px;
	font-weight: bold;
	text-align: center;
}
.in-contact .tit h4{
	color:#81c42a;
	font-size: 24px;
	text-align: center;

}
.in-contact .tit span{
	display: block;
	width: 580px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	color:#777777;
	margin-top: 20px;
	line-height: 28px;
	font-size: 18px;
}

.in-contact .info{
	width: 1630px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.in-contact .info .box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	min-height: 120px;
	width: 40%;

}
.in-contact .info .address{
	background: url(../images/icon04.png)no-repeat left center;
	width: 100%;
}
.in-contact .info  p{
	color:#898989;
	font-size: 19px;
	margin-left: 45px;
	height: 40px;
	line-height: 40px;
}
.in-contact .info  .phone{
	background: url(../images/icon03.png)no-repeat left center;
}
.in-contact .info  .mail{
	background: url(../images/icon05.png)no-repeat left center;
}
.in-contact .map{
	width: 100%;
	height: 500px;
	margin-top: 30px;
}
.in-contact .map img{
	display: block;
	width: 100%;
	margin-top: 100px;
}
.cont-foot .logo{
	height: 669px;
}
@media  screen and (max-width:1600px){
	.in-contact .info{
		width: 1200px;
	}
	.in-contact .info  p{
		font-size: 16px;
	}
	.in-contact .info .box{
		width: 45%;
	}
	.cont-foot .logo{
	height: 350px;
}
}
.cont-foot{
	margin-top: 0;
}
.cont-foot .logo{
	width: 42%;
	height:350px;
	overflow: hidden;
	float: left;
	display: flex;
	align-items: center;
	justify-content:flex-end;
	background: #141b21;
}
.cont-foot .logo img{
	display: block;
}
.in-newsList{
	width: 1200px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	margin-top:50px;
	margin-bottom: 60px;
}
.in-newsList .tit{
	width: 100%;
	height: auto;
	overflow: hidden;
}
 
.in-newsList .tit  a{
	display: block;
	color:#212121;
	font-size: 14px;
	font-size: 24px;
	font-weight: bold;
}
.in-newsList ul li{
	width: 47%;
	float: left;
	height: auto;
	overflow: hidden;
	line-height: 40px;
	margin-top: 10px;
	border-bottom: 1px solid #ccc;
}
.in-newsList ul li:nth-child(2n){
	float: right;
}
.in-newsList ul li p {
 	font-size: 16px;
 	color:#666666;
	float: left;
	width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.in-newsList ul li span{
	display: block;
	float: right;
	color:#999999;
}
.in-newsList ul li:hover p{
	color:#81c42a;
}

.cases-list{
	width: 1200px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
}
.cases-list ul {
	margin-left: -20px;
 
	height: auto;
	overflow: hidden;
	background: url(../images/bg02.png)repeat-x left bottom;
	margin-bottom: 30px;
}
.cases-list ul li{
	width: 374px;
	height: 500px;
	overflow: hidden;
	float: left;
	margin-left:20px;
}
.cases-list ul li .img img{
	display: block;
	width: 374px;
	height: 342px;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: 1s;
}
.cases-list ul li .box{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.cases-list ul li .t{
	color:#464646;
	font-size: 25px;
	font-family: "黑体";
	margin-top:15px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.cases-list ul li .box .info div{
	float:left;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cases-list ul li .box div  img{
	display: block;
	margin-right: 7px;
}
.cases-list ul li .box div p{
	color:#464646;
	font-size: 20px;
	font-family: '黑体';
}
.cases-list ul li .info{
	display:flex;
	width: 100%;
	margin-top: 15px;
	justify-content:space-between;
}
.cases-list ul li .dz p{
	max-width: 140px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.cases-list ul li:hover img{
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
    transition: 1s;
}


/*添加*/
.nav ul li.on a{ color:#000;}
.dede_pages,.fy{width:100%; height:24px; line-height:24px; font-size:12px;text-align:center; float:left; margin-top:20px; margin-bottom:20px; }
.dede_pages ul{ width:100%; margin:0px auto; height:24px;text-align:center;}
.pagelist li{  text-decoration:none; margin-right:1px;display:inline-block; border:#CCC 1px solid; padding:0px 8px;}
.thisclass{ background:#333333; color:#FFF;}
.pagelist li select{ margin:3px;}
.pagelist li a:link,.fy a:link{ color:#000; text-decoration:none;}
.pagelist li a:visited,.fy a:visited{ color:#000; text-decoration:none;}
.pagelist li a:hover,.fy a:hover{ color:#d72223; text-decoration:none;}
.news-list .search input.btn{background: url(../images/icon02.png) no-repeat; width:30px; height:30px; float:right; border:none; margin-top:-30px;}
.case_lsit .xline{	
    margin-left: -20px;
	height: auto;
	overflow: hidden;
	background: url(../images/bg02.png)repeat-x left bottom; overflow:hidden;
	margin-bottom: 60px;
	}

.in-mssg{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 60px;
}
.in-mssg .tit p{
	color:#202020;
	font-size: 48px;
	text-align: center;
}
.in-mssg .tit span{
	display: block;
	color:#202020;
	font-size: 24px;
	text-align: center;
}
.in-mssg .text{
	width: 1200px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
}
.in-mssg .text p{
	color:#202020;
	font-size:18px;
}
.in-mssg form{
	width: 800px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	margin-top:50px;
}
.in-mssg form ul {
	margin-top: 50px;
}
.in-mssg form ul li{
	width: 100%;
	min-height: 35px;
	overflow: hidden;
	margin-bottom: 10px;
 
}
.in-mssg form ul li p{
	color:#333;
	font-size: 16px;
	float: left;
	line-height: 35px;
	width:120px;
	text-align: right;
}
.in-mssg form ul li input{
	width: 670px;
	float: right;
	outline: none;
	border: 1px solid #ccc;
	height: 33px;
	font-family: "黑体";
	text-indent: 5px;
	background: #eee;
	border-radius: 3px;
}
.in-mssg form ul li textarea{
	width: 670px;
	float: right;
	outline: none;
	border: 1px solid #ccc;
	height: 33px;
	font-family: "黑体";
	text-indent: 5px;
	height: 140px;
	background: #eee;
	resize:none;
	border-radius: 3px;
	padding-top: 5px;
}
.in-mssg form ul:nth-child(3) li:last-child {
	margin-top: 50px;
}
.in-mssg form  .btn{
	width: 120px;
	height: 30px;
	margin:0 auto;
	display: block;
	margin-top: 40px;
	background: #ccc;
	color:#333;
	border: none;
	border-radius: 3px;
}

.snapshot{
	width:1000px;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	position: relative;
 	margin-top: 60px;
}
.snapshot .pic{
	width: 1000px;
	margin: 0 auto;
	height: 600px;
	overflow: hidden;
}
.snapshot .pic img{
 	width:1000px;
 	display:block;
 	margin: 0  auto;
	height:600px;
	overflow: hidden;
}
.snapshot .info{
	position: absolute;
	right: 20px;
	top: 0;
	height: 100%;
	width: 350px;
	background: rgba(255,255,255,0.7);
}
.snapshot .info .img{
	display: block;
	width: 245px;
	margin:0 auto;
	margin-top:60px;
}
.snapshot .info img{
	display:block;
	width: 245px;
}
.snapshot .info ul{
	width: 245px;
	margin:0 auto;
	margin-top:70px;
}
.snapshot .info ul li{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.snapshot .info ul li p{
	color:#000;
	font-weight: bold;
	font-size:24px;
}
.snapshot .info ul li  span{
	font-size:20px;
}
/*3-29添加*/
.iteam-main ul li .info h4 a:link{
	color:#000;
}
.iteam-main ul li .info h4 a:visited{
	color:#000;
}
.iteam-main ul li .info h4 a:hover{
	color:#333;
}