@charset "utf-8";
/* CSS Document */
a:hover{
	text-decoration: none;
}
.banner{
	height:300px;
	padding-top:0px;
	}
.mid{
	text-align:center;
	width:1000px;
	overflow: hidden;
	margin:0 auto;
	}
.p1{
	font-size:28px;
	color:#333;
	line-height:50px;
	padding-top:30px;
	}
.p2{
	font-size:16px;
	color:#666;
	}
.mid ul{
	list-style:none;
	clear:both;
	padding-top:30px;
	}
.mid li{
	position:relative;
	float:left;
	overflow: hidden;
	}
/*.mid li:hover div{
	animation: tt 1s 1 linear;
}
@keyframes tt{
	from{top: 240px;}
	to{top: 0px;}
}*/
.mid li img{
	display:block;
	}
.tu01{
	margin:0px 14px 30px 0px;
	}
.tutu{
	margin:0px 15px;
	}	
.tu02{
	margin:0px 0px 30px 14px;
	}
.mid li div{
	position:absolute;
	width:226px;
	height:238px;
	left:0;
	top:240px;
	background:rgba(255,255,255,0.9);
	border:1px solid #dbdbdb;
	}
h5{
	font-size:18px;
	color:#333;
	text-align:center;
	line-height:24px;
	margin-top:20px;
	}
.fontsmall{
	display:block;
	text-align:left;
	margin:0 auto;
	width:200px;
	font-size:14px;
	color:#4d4d4d;
	margin-top: 8px;
	line-height: 20px;
	}
.mid li a{
	margin-left:12px;
	display:inline-block;
	color: #429AFF;
	line-height: 20px;
	position:relative;}