/*服务*/

 

.service2 {
	width: 100%;
	background: #f7f7f7;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 35px;
}
.service2 .title h1 {
	font-size: 28px;
	color: #333;
	line-height: 30px;
	text-align: center;
}
.service2 .con {
	width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
	overflow: hidden;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 50px;
}
.service2 dl {
	float: left;
	width: 130px;
	height: 270px;
	line-height: 26px;
	color: #666;
	margin: 0px 35px;
}
.service2 dl a{ color:inherit;}
.service2 dl h2 {
	font-size: 16px;
	margin: 25px 0 5px 0;
	color: #333;
}
.serve2 {
	width: 1200px;
	margin: 60px auto 30px auto;
	font-size: 12px;
	overflow: hidden;
}
.serve2 .title {
	width: 100%;
	text-align: center;
}
.serve2 h1 {
	font-size: 24px;
	color: #070707;
	line-height: 36px;
}
.serve2_con {
	width: 100%;
	overflow: hidden;
	margin: 20px auto;
}
.serve2_con .s1, .serve2_con .s3, .serve2_con .s2, .serve2_con .s4 {
	width: 215px;
	margin: 20px 38px;
	float: left;
}
.serve2_con .s1 span {
	background: url(../images/icon.png) -70px 0;
	display: block;
	width: 48px;
	height: 59px;
	margin: 0 auto;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.serve2_con .s1:hover span {
	background-position: -70px -59px;
}
.serve2_con .s2 span {
	background: url(../images/icon.png) -151px 0;
	display: block;
	width: 54px;
	height: 59px;
	margin: 0 auto;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.serve2_con .s2:hover span {
	background-position: -151px -59px;
}
.serve2_con .s3 span {
	background: url(../images/icon.png) -228px 0;
	display: block;
	width: 48px;
	height: 59px;
	margin: 0 auto;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.serve2_con .s3:hover span {
	background-position: -228px -59px;
}
.serve2_con .s4 span {
	background: url(../images/icon.png) -295px 0;
	display: block;
	width: 48px;
	height: 59px;
	margin: 0 auto;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.serve2_con .s4:hover span {
	background-position: -295px -59px;
}
.serve2_con a ul {
	width: 100%;
	line-height: 20px;
	color: #40454d;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.serve2_con a ul h2 {
	font-size: 16px;
	color: #070707;
	margin-bottom: 10px;
	text-align: center;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.serve2_con a:hover ul {
	color: #F08326;
}
.serve2_con a:hover ul h2 {
	color:#F08326 ;
}

 @media screen and (max-width:1230px) {
	 
	 .serve2 {
	width: 1160px;
}
.serve2_con .s1, .serve2_con .s3, .serve2_con .s2, .serve2_con .s4 {
	width: 215px;
	margin: 20px 37px;
}

 }
  @media screen and (max-width:1200px) {
.serve2 {
	width: 1000px;
}
.serve2_con .s1, .serve2_con .s3, .serve2_con .s2, .serve2_con .s4 {
	width: 215px;
	margin: 20px 17px;
}
.service2 .con {
	width: 1000px;
}
.service2 dl {
	margin: 0px 18px;
}
  }

 @media screen and (max-width:760px) {
	 .serve2 {
	width: 460px;
	font-size: 16px;
}
.serve2_con .s1, .serve2_con .s3, .serve2_con .s2, .serve2_con .s4 {
	width: 100%;
	margin: 20px auto;
}
.serve2 h1 {
	font-size: 22px;
}
.service2 .con {
	width: 90%;
	margin-top: 30px;
	padding-bottom: 30px;
}
.service2 dl {
	width: 50%;
	margin: 20px 0%;
	text-align: center;
}
.service2 .title h1 {
	font-size: 24px;
}

 }
 @media screen and (max-width:470px) {
	 .serve2 {
	width: 300px;
	font-size: 16px;
}
.serve2 h1 {
	font-size: 22px;
}
.service2 {
	padding-top: 35px;
	margin-top: 0;
}
}
 @media screen and (max-width:300px) {
.serve2 {
	width: 290px;
	font-size: 16px;
}
.serve2_con .s1, .serve2_con .s3, .serve2_con .s2, .serve2_con .s4 {
	width: 100%;
	margin: 20px auto;
}
.serve2 h1 {
	font-size: 22px;
}
}