@charset "utf-8";
/* CSS Document */
/*初始化开始*/
*{
	margin:0;
	padding:0;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
}
img{
	border:0;
}
.header .tb{
	width:1200px;
	height:120px;
	margin:0 auto;
}
.header .tb .as{
	width:264px;
	float:left;
}
.header .tb .wz{
	margin-left:320px;
	width:916px;
	margin-top:15px;
}
.header .tb .wz ul{
	margin-left:-15px;
	margin-top:14px;
}
.header .tb .wz li{
	float:left;
	margin-right:24px;
}
.header .tb .wz li:nth-of-type(3n){
	margin-right:0;
}
.header .tb .wz h2{
	font-size:30px;
	color:#0056a8;
	font-weight:normal;
}
.header .tb .wz li a{
	font-size:20px;
	color:#262626;
	font-weight:normal;
}
/*导航*/
.dh{
	width:100%;
	height:60px;
	background:url(../images/sy/dh.jpg) center;
}
.nav{
	width:1280px;
	height:60px;
	margin:0 auto;
	line-height:55px;
}
.nav li{
	width:181px;
	float:left;
	text-align:center;
	font-size:18px;
}
.nav li{
	width:181px;
	float:left;
	text-align:center;
	font-size:18px;border-right:1px solid #057cdc;
}
.nav li:nth-of-type(1){
	border-left:1px solid #057cdc;
}
.nav li a{
	width:181px;
	height:60px;
	display:block;
	color:#525151;
}
.nav li a:hover{
	color:#0056a8;
}
.nav li a:visited{
	color:#0056a8;
}
/*banner*/
.ba{
	width:1200px;
	height:450px;
	margin:0 auto;
}
/*案例*/
.al{
	width:1200px;
	margin:0 auto;
	margin-top:20px;
}
.al li{
	width:388px;
	height:500px;
	position:relative;
	float:left;
	margin-right:18px;
	margin-top:25px;
	transition:all 0.5s;
}
.al li:nth-of-type(3n){
	margin-right:0;
}
.al li:hover{
	box-shadow:0 5px 9px 0 #d3d1d1;
	transform:translate(0,-15px);
}
.al .kh{
	width:340px;
	height:185px;
	background:none;
	border:1px solid #bfbfbf;
	position:absolute;
	top:290px;
	left:23px;
	transition:all 0.5s;
}
.al li:hover .kh{
	width:350px;
	height:200px;
	position:absolute;
	top:282px;
	left:19px;
	border:1px solid #6e6d6d;
}	
.al .kh p{
	font-size:22px;
	color:#656565;
	text-align:center;
	margin-top:10px;
	line-height:30px;
}
.al li:hover .kh p{
	color:#303030;
}
/*底部*/
.db{
	width:1920px;
	margin:0 auto;
	margin-top:30px;
}