/*引导页样式*/
body{
	background:url(../Images/guide_bg.jpg) repeat-x;
}
.cloud{
	position:absolute;
	z-index:1;
}
.mainbody{
	width:1040px;
	height:710px;
	position:relative;
	z-index:2
}
.rightbg{
	width:482px;
	height:710px;
	float:right;
	position:relative;
	background: url(../Images/guide-bg.png);
}
.guide-people{
	position:absolute;
	left:0px;
	top:10px;
}
.guide-slogan{
	position:absolute;
	left:200px;
	top:110px;
}
.guide-logo{
	position:absolute;
	left:45px;
	top:200px;
}
.enter a {
	background: url(../Images/enter-bg.png) no-repeat center center;
	position: absolute;
	left:180px;
	top: 380px;
	display: block;
	width: 114px;
	height:84px;
	padding-top:30px;
	text-align: center;
	-moz-border-radius: 57px;
	-webkit-border-radius: 57px;
	border-radius: 57px;
	font-family: "微软雅黑";
	font-size: 20px;
	color: #f00;
	text-shadow: 0 1px 3px #fff;
	font-weight:bold

}
.enter a span{
	color:#2fbbd1;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:lighter
}
.enter a:hover {
	background: url(../Images/enter-hover.png) no-repeat center center;
	background-size: auto!important;
	-webkit-animation: circleZoom .5s;
	-moz-animation: circleZoom .5s;
	-ms-animation: circleZoom .5s;
	-o-animation: circleZoom .5s;
	animation: circleZoom .5s;
	
}

 @-webkit-keyframes circleZoom {
 0% {
background-size: 0 0
}
 80% {
background-size: auto 100%
}
 100% {
background-size: auto 100%
}
}
@-moz-keyframes circleZoom {
 0% {
background-size: 0 0
}
 80% {
background-size: auto 100%
}
 100% {
background-size: auto 100%
}
}
@-ms-keyframes circleZoom {
 0% {
background-size: 0 0
}
 80% {
background-size: auto 100%
}
 100% {
background-size: auto 100%
}
}
@-o-keyframes circleZoom {
 0% {
background-size: 0 0
}
 80% {
background-size: auto 100%
}
 100% {
background-size: auto 100%
}
}
@keyframes circleZoom {
 0% {
background-size: 0 0
}
 80% {
background-size: auto 100%
}
 100% {
background-size: auto 100%
}
}