﻿

.service1 {
	width: 100%;
	background: #fff;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
}

.service1 .width80{ font-size:13px; line-height:2em; padding-top:20px;}
.service1 a:hover img{ opacity:0.9;}

.service1 a:hover h2{ color: #F60; }

.service1 .title h1 {
	font-size: 28px;
	color: #333;
	line-height: 30px;
	text-align: center;
}

.service1 .con {
	width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
	overflow: hidden;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 50px;
}
.service1 dl {
	float: left;
	width: 25%;
	height: auto;
	line-height: 26px;
	color: #666;
	margin: 0px 0px;
	text-align:center;
}
.service1 dl h2 {
	font-size: 16px;
	margin: 25px 0 5px 0;
	color: #F60;
	font-weight: bold;
}
.serve {
	width: 1200px;
	margin: 60px auto 30px auto;
	font-size: 12px;
	overflow: hidden;
}
.serve .title {
	width: 100%;
	text-align: center;
}
.serve h1 {
	font-size: 24px;
	color: #070707;
	line-height: 36px;
}
.serve_con {
	width: 100%;
	overflow: hidden;
	margin: 20px auto;
}
.serve_con .s1, .serve_con .s3, .serve_con .s2, .serve_con .s4 {
	width: 215px;
	margin: 20px 38px;
	float: left;
}
.serve_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;
}
.serve_con .s1:hover span {
	background-position: -70px -59px;
}
.serve_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;
}
.serve_con .s2:hover span {
	background-position: -151px -59px;
}
.serve_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;
}
.serve_con .s3:hover span {
	background-position: -228px -59px;
}
.serve_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;
}
.serve_con .s4:hover span {
	background-position: -295px -59px;
}
.serve_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;
}
.serve_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;
}
.serve_con a:hover ul {
	color: #F08326;
}
.serve_con a:hover ul h2 {
	color: #F08326;
}
 @media screen and (max-width:1200px) {
.serve {
	width: 1000px;
}
.serve_con .s1, .serve_con .s3, .serve_con .s2, .serve_con .s4 {
	width: 215px;
	margin: 20px 17px;
}
.service1 .con {
	width: 1000px;
}
.service1 dl {
	margin: 0px 18px;
}}
 @media screen and (max-width:1000px) {
.serve {
	width: 760px;
}
.serve_con .s1, .serve_con .s3, .serve_con .s2, .serve_con .s4 {
	width: 295px;
	margin: 20px 37px;
}

.service1 .con {
	width: 90%;
	margin-top: 0px;
	padding-bottom: 0px;
}
.service1 dl {
	margin: 20px 8%;
}
 }
  @media screen and (max-width:760px) {

.serve {
	width: 460px;
	font-size: 16px;
}
.serve_con .s1, .serve_con .s3, .serve_con .s2, .serve_con .s4 {
	width: 100%;
	margin: 20px auto;
}
.serve h1 {
	font-size: 22px;
}
.service1 .con {
	width: 90%;
	margin-top: 30px;
	padding-bottom: 30px;
}
.service1 dl {
	width: 50%;
	margin: 20px 0%;
	text-align: center;
}
.service1 .title h1 {
	font-size: 24px;
}
}
 @media screen and (max-width:470px) {
	 
	 .serve {
	width: 300px;
	font-size: 16px;
}
.serve h1 {
	font-size: 22px;
}
.service1 {
	padding-top: 0px;
	margin-top:0px;
}}

 @media screen and (max-width:300px) {
.serve {
	width: 290px;
	font-size: 16px;
}
.serve_con .s1, .serve_con .s3, .serve_con .s2, .serve_con .s4 {
	width: 100%;
	margin: 20px auto;
}
.serve h1 {
	font-size: 22px;
}
}