body{
	padding: 0;
	width: 100%;
	height: 100%;	
}
.center{
	width: 100%;
	height: -moz-calc(100% - 30px);
	height: calc(100% - 30px);
	height: -webkit-calc(100% - 30px);
	padding: 0;
	background-image: url(../image/debtBg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.center .logo{
	width: 1020px;
	height: 300px;
	position: relative;
	left: calc(50% - 510px);
	left: -moz-calc(50% - 510px);
	left: -webkit-calc(50% - 510px);
	top: calc(50% - 150px);
	top: -moz-calc(50% - 150px);
	top: -webkit-calc(50% - 150px);
}

.center .logo > ul{
	width: 100%;
	height: 100%;	
}
.center .logo > ul > li{
	width: 320px;
	height: 100%;
	background-color: #fff;
	float: left;
	margin: 0 15px;
	cursor: pointer;
	transition: transform 0.8s;
	-webkit-transition: transform 0.8s;
	-moz-transition: transform 0.8s;	
}
.center .logo > ul > li:hover{
	transform:translateY(-25px);
	-ms-transform:translateY(-25px); /* IE 9 */
	-moz-transform:translateY(-25px); /* Firefox */
	-webkit-transform:translateY(-25px); /* Safari �� Chrome */
	-o-transform:translateY(-25px); /* Opera */	
}
.center .logo > ul > li:first-child{
	margin-left: 0px;
}
.center .logo > ul > li:last-child{
	margin-right: 0px;
}
.center .logo > ul > li .image{
	idth: 100%;
	height: 200px;
	background-repeat: no-repeat;
	background-position: center bottom;	
}
.center .logo > ul > li .title{
	margin: 0;
	padding: 15px 0 0;
	width: 100%;
	height: 60px;
	font-size: 25px;
	font-weight: 500;
	color: #6e6e6e;
	text-align: center;
}
.icon-fkxx{
	background-image: url(../image/logo-fkxx.png);
}
.icon-fksb{
	background-image: url(../image/logo-fksb.png);
}
.icon-xxwh{
	background-image: url(../image/logo-xxwh.png);
}