.img-sadie{
	zborder:10px solid red;
	width: 1500px;
	z-index: 0;
	position: relative;
	margin: 0 auto;
}

.img-top-bird{
	position: absolute;
	top: 415px;
	left:-53px;
	width:300px;
	height:300px;
	background-repeat: no-repeat;
	background-image: url(../images/gif/bird.png) ;
}

.img-top-circus{
	position: absolute;
	top: 400px;
	left:820px;
	width:200px;
	height:200px;
	background-repeat: no-repeat;
	background-image: url(../images/gif/circus.png) ;
}

.img-top-kid{
	position: absolute;
	top: 480px;
	left:1020px;
	width:159px;
	height:183px;
	background-repeat: no-repeat;
	background-image: url(../images/gif/kid.png) ;
	background-position: 0px 0px;
}

.img-top-ocean{
	position: absolute;
	top: 605px;
	left: 530px;
	width:324px;
	height:346px;
	background-repeat: no-repeat;
	background-image: url(../images/gif/ocean.png) ;
}
.img-top-insect{
	position: absolute;
	top: 530px;
	left: 380px;
	width:90px;
	height:70px;
	background-repeat: no-repeat;
	background-image: url(../images/gif/insect.png) ;
}
.img-top-bee1{
	position: absolute;
	top: 400px;
	left: 280px;
	width:100px;
	height:100px;
	background-repeat: no-repeat;
	background-image: url(../images/gif/bee1.png) ;
}
.img-top-bee2{
	position: absolute;
	top: 410px;
	left: 480px;
	width:50px;
	height:60px;
	background-repeat: no-repeat;
	background-image: url(../images/gif/bee2.png) ;
}
.img-top-water{
	position: absolute;
	top: 10px;
	left: 1200px;
	width:450px;
	height:800px;
	background-repeat: no-repeat;
}
.img-left-seadog{
	position: absolute;
	top: 700px;
	left: -210px;
	width:371px;
	height:700px;
	background-repeat: no-repeat;
	background-image: url(../images/gif/seadog.gif) ;
	background-position-x:-610px;
}
.img-right-whale{
	position: absolute;
	top: 840px;
	left: 1300px;
	width:416px;
	height:410px;
	background-repeat: no-repeat;
	background-image: url(../images/tiny/whale.png) ;
}
.img-right-seawater{
	position: absolute;
	top: 705px;
	left:-210px;
	width:700px;
	height:400px;
	background-repeat: no-repeat;
	background-image: url(../images/tiny/seawater.png) ;
	background-position-x:-30px;
}
.img-center-fish{
	position: absolute;
	z-index: 999;
	width:235px;
	height:128px;
	background-repeat: no-repeat;
	background-image: url(../images/tiny/fish1.png) ;
}
.fish0{
	top: 2000px;
	left:300px;
}
.fish1{
	top: 2100px;
	left:200px;
	background-size:60%;
}
.fish2{
	top: 2200px;
	left:500px;
	background-size:40%;
}
.fish3{
	position: absolute;
	z-index: 999;
	width:289px;
	height:204px;
	background-repeat: no-repeat;
	top: 2000px;
	left:-165px;
	background-image: url(../images/gif/fish3.png) ;
}
.index-nav a.ggb{
	background-size: 100%;
	height: 88px
}
.center-bar{
	width:1480px;
	z-index: 999;
	position: relative;
	margin: 0 auto;
}
.center-bar a{
	display: block;
	position: absolute;
	text-indent: -9999px;
}

.btn-bird{
	width: 128px;
	height: 50px;
	left: 80px;
	top: 660px;
	background:url(../images/btn-bird.png) no-repeat left top;
}
.btn-circus{
	width: 158px;
	height: 50px;
	left: 719px;
	top: 358px;
	background:url(../images/btn-circus.png) no-repeat left top;
}
.btn-ocean{
	width: 128px;
	height: 50px;
	left: 808px;
	top: 710px;
	background:url(../images/btn-ocean.png) no-repeat left top;
}
.btn-kid{
	width: 128px;
	height: 50px;
	left: 1035px;
	top: 525px;
	background:url(../images/btn-kid.png) no-repeat left top;
}
.btn-insect{
	width: 128px;
	height: 50px;
	left: 400px;
	top: 470px;
	background:url(../images/btn-insect.png) no-repeat left top;
}
.btn-water{
	width: 128px;
	height: 50px;
	left: 1355px;
	top:628px;
	background:url(../images/btn-water.png) no-repeat left top;
}



.btn-waterz:hover{
		-webkit-animation:sucaijiayuan 1s .1s ease both;
		-moz-animation:tada 1s .1s ease both;
}
@-webkit-keyframes sucaijiayuan {
	0% {
		-webkit-transform:scale(1)
	}
	10%,20% {
		-webkit-transform:scale(0.8) rotate(-2deg)
	}
	30%,50%,70%,90% {
		-webkit-transform:scale(1.1) rotate(2deg)
	}
	40%,60%,80% {
		-webkit-transform:scale(1.1) rotate(-2deg)
	}
	100% {
		-webkit-transform:scale(1) rotate(0)
	}
}
.fash-fotter{
	width: 500px;
	height: 500px;
	position: absolute;
	top: 1705px;
	left: -200px;
}

.falsh-bottom{
	position: absolute;
	bottom: 396px;
	right: -106px;
}