*{padding:0px;margin:0px;}
html{width:100%;height:100%;}
body{
	 background-image:url("images/bj.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 
}
.box{
	width:810px;
	height:290px;
	background-color:rgba(255,255,255,0.5);
	margin:0 auto;
	
}
ul li{
	list-style:none;
	width:150px;
	height:130px;
	float:left;
	overflow:hidden;
	margin-left:10px;
	margin-top:10px;
	position:relative;
}
.box ul li p{
	width:100%;
	height:30px;
	line-height:30px;
	background-color:rgba(0,0,0,0.7);
	color:#fff;
	position:absolute;
	left:0px;bottom:0px;
	text-align:center;
	font-family:"微软雅黑";
}
.box ul li a img{
	transition:all 500ms linear;
}
.box ul li a:hover img{
	-webkit-transition:scale(1.5,1.5);
	-moz-transition:scale(1.5,1.5);
	-ms-transition:scale(1.5,1.5);
	-o-transition:scale(1.5,1.5);
	transform:scale(1.5,1.5);
}