* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}
body {
	background-color: #7faee9;
}
.all {
	width: 1200px;
	height: 880px;
	background-color: aqua;
	margin: 0 auto
}
.top {
	width: 1200px;
	height: 100px;
	background: url( images/bg-top.jpg) no-repeat;
	background-color: #b6c1c5;
}
.nav, .menu {
	width: 1200px;
	height: 80px;
	background-color: #eaeaea;
}
.logo {
	width: 160px;
	height: 60px;
	background: url(images/logo.jpg);
	float: left;
	margin: 10px 0 0 80px
}
.meun li {
	float: left;
	width: 240px;
	height: 80px;
	text-align: center;
	padding-top: 20px
}
.meun li a {
	display: block;
	color: #777777;
	font: lighter 18px "微软雅黑";
}
.meun li a:hover {
	background-color: #b6c1c5;
	color: #FFFFFF
}
.backgroud {
	width: 1200px;
	height: 660px;
	background: url(images/bg-b.jpg) no-repeat
}
.bg-photo {
	width: 320px;
	height: 400px;
	background: url(images/photo-b.jpg);
	float: left;
	border-radius: 15px;
	border: 6px #7faee9 solid;
	margin-top: 80px;
	margin-left: 40px;
	box-shadow: 10px 10px 10px #777777;
}
.eye {
	display: block;
	width: 200px;
	height: 200px;
	background: url(images/eye.jpg);
	float: left;
	background-color: aliceblue;
	margin-left: 200px;
	margin-top: 50px;
	border-radius: 50%;
	animation: move 1.8s infinite;
}
@keyframes move {
 0%, 100% {
 transform: translateY(0);
}
 50% {
 transform: translateY(-15px);
}
}
.era {
	width: 240px;
	height: 240px;
	background: url(images/era.jpg);
	float: right;
	margin-right: 80px;
	margin-top: 40px;
	border-radius: 50%;
	animation: move 1.8s infinite;
}
.bizi {
	width: 180px;
	height: 180px;
	background: url(images/bizi.jpg);
	float: left;
	margin-left: -300px;
	border-radius: 50%;
	margin-top: 440px;
	animation: move 1.8s infinite;
}
.zui {
	width: 180px;
	height: 180px;
	background: url(images/zui.jpg);
	float: right;
	margin-right: -140px;
	border-radius: 50%;
	margin-top: 400px;
	animation: move 2s infinite;
}
.foot {
	width: 1200px;
	height: 40px;
	background: url(images/bg-foot.jpg)
}
/* CSS Document */