@charset "utf-8";
body, div {
	margin: 0;
	padding: 0
}
.aquarium {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
}
.fish_box {
	display: inline-block;
}
.fish_box  img
{
  width:100%;
}
.fishGroup .fish_wrap:nth-child(2) .fish_box {
	-webkit-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
}
.fishGroup .fish_wrap:nth-child(3) .fish_box {
	-webkit-transform: translate(-150%, 25%);
	transform: translate(-150%, 25%);
}
.fishGroup .fish_wrap:nth-child(4) .fish_box {
	-webkit-transform: translate(-250%, 65%);
	transform: translate(-250%, 65%);
}
.fishGroup .fish_wrap:nth-child(5) .fish_box {
	-webkit-transform: translate(-320%, -25%);
	transform: translate(-320%, -25%);
}
.left_right_1 {
	position: absolute;
	width: 100%;
	height: 70%;
}
.left_right_1 .x {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: left_right_1_x 70s linear infinite;
	animation: left_right_1_x 70s linear infinite;
}
 @-webkit-keyframes left_right_1_x {
 0% {
 left: 10%;
}
 100% {
 left: 150%;
}
}
.left_right_1 .y {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: left_right_1_y 27.5s ease infinite;
	animation: left_right_1_y 27.5s ease infinite;
}
 @-webkit-keyframes left_right_1_y {
 0% {
 top: 35%;
}
 30% {
 top: 30%;
}
 50% {
 top: 55%;
}
 70% {
 top: 65%;
}
 100% {
 top: 35%;
}
}
.left_right_2 {
	position: absolute;
	width: 100%;
	height: 70%;
}
.left_right_2 .x {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: left_right_2_x 25s linear infinite;
	animation: left_right_2_x 25s linear infinite;
}
 @-webkit-keyframes left_right_2_x {
 0% {
 left: 20%;
}
 100% {
 left: 110%;
}
}
.left_right_2 .y {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: left_right_2_y 25s ease-in-out infinite;
	animation: left_right_2_y 25s ease-in-out infinite;
}
 @-webkit-keyframes left_right_2_y {
 0% {
 top: 50%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 50% {
 top: 35%;
}
 75% {
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 100% {
 top: 100%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
}
.left_right_3 {
	position: absolute;
	width: 100%;
	height: 70%;
}
.left_right_3 .x {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: left_right_3_x 50s linear infinite;
	animation: left_right_3_x 50s linear infinite;
}
 @-webkit-keyframes left_right_3_x {
 0% {
 left: 30%;
}
 100% {
 left: 140%;
}
}
.left_right_3 .y {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: left_right_3_y 50s ease-in-out infinite;
	animation: left_right_3_y 50s ease-in-out infinite;
}
 @-webkit-keyframes left_right_3_y {
 0% {
 top: 25%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
 top: 45%;
 
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 38% {
 top: 50%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
}
 50% {
 top: 40%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
}
 75% {
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 100% {
 top: 25%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
}


.left_right_4 {
	position: absolute;
	width: 100%;
	height: 70%;
}
.left_right_4 .x {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: left_right_4_x 30s linear infinite;
	animation: left_right_4_x 35s linear infinite;
}


.left_right_4 .y {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: left_right_4_y 30s ease-in-out infinite;
	animation: left_right_4_y 30s ease-in-out infinite;
}

 @-webkit-keyframes left_right_4_x {
 0% {
 left: 40%;
}
 100% {
 left: 190%;
}
}

 @-webkit-keyframes left_right_4_y {
 0% {
 top: 30%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
 top: 40%;
 
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 38% {
 top: 50%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
}
 50% {
 top: 60%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
}
 75% {
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 100% {
 top: 35%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
}

.left_right_5 {
	position: absolute;
	width: 100%;
	height: 70%;
}
.left_right_5 .x {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: left_right_5_x 25s linear infinite;
	animation: left_right_5_x 25s linear infinite;
}


.left_right_5 .y {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: left_right_5_y 25s ease-in-out infinite;
	animation: left_right_5_y 25s ease-in-out infinite;
}

 @-webkit-keyframes left_right_5_x {
 0% {
 left: 50%;
}
 100% {
 left: 180%;
}
}

 @-webkit-keyframes left_right_5_y {
 0% {
 top: 40%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
 top: 35%;
 
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 38% {
 top: 50%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
}
 50% {
 top: 60%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
}
 75% {
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 100% {
 top: 40%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
}

 .left_right_6 {
	position: absolute;
	width: 100%;
	height: 70%;
}
.left_right_6 .x {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: left_right_6_x 35s linear infinite;
	animation: left_right_6_x 35s linear infinite;
}


.left_right_6 .y {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: left_right_6_y 35s ease-in-out infinite;
	animation: left_right_6_y 35s ease-in-out infinite;
}

 @-webkit-keyframes left_right_6_x {
 0% {
 left: 60%;
}
 100% {
 left: 170%;
}
}

 @-webkit-keyframes left_right_6_y {
 0% {
 top: 50%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
 top: 45%;
 
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 38% {
 top: 50%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
}
 50% {
 top: 60%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
}
 75% {
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 100% {
 top: 50%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
}

.left_right_7 {
	position: absolute;
	width: 100%;
	height: 70%;
}
.left_right_7 .x {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: left_right_7_x 45s linear infinite;
	animation: left_right_7_x 45s linear infinite;
}


.left_right_7 .y {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: left_right_7_y 45s ease-in-out infinite;
	animation: left_right_7_y 45s ease-in-out infinite;
}

 @-webkit-keyframes left_right_7_x {
 0% {
 left: 70%;
}
 100% {
 left: 160%;
}
}

 @-webkit-keyframes left_right_7_y {
 0% {
 top: 30%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
 top: 60%;
 
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 38% {
 top: 30%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
}
 50% {
 top: 60%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
}
 75% {
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 100% {
 top: 30%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
}

.left_right_8 {
	position: absolute;
	width: 100%;
	height: 70%;
}
.left_right_8 .x {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: left_right_8_x 55s linear infinite;
	animation: left_right_8_x 55s linear infinite;
}


.left_right_8 .y {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: left_right_8_y 55s ease-in-out infinite;
	animation: left_right_8_y 55s ease-in-out infinite;
}

 @-webkit-keyframes left_right_8_x {
 0% {
 left: 80%;
}
 100% {
 left: 160%;
}
}

 @-webkit-keyframes left_right_8_y {
 0% {
 top: 45%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
 top: 60%;
 
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 38% {
 top: 60%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
}
 50% {
 top: 70%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
}
 75% {
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 100% {
 top: 45%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
}



.right_left_1 {
	position: absolute;
	width: 100%;
	height: 100%;
	transforM: scaleX(-1);
}
.right_left_1 .x {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 70%;
	-webkit-animation: right_left_1_x 25s linear infinite;
	animation: right_left_1_x 25s linear infinite;
}
 @-webkit-keyframes right_left_1_x {
 0% {
 left: 25%;
}
 100% {
 left: 110%;
}
}
.right_left_1 .y {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: right_left_1_y 25s ease-in-out infinite;
	animation: right_left_1_y 25s ease-in-out infinite;
}
 @-webkit-keyframes right_left_1_y {
 0% {
 top: 40%;
}
 100% {
 top: 65%;
}
}
.right_left_2 {
	position: absolute;
	width: 100%;
	height: 70%;
	transforM: scaleX(-1);
}
.right_left_2 .x {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 70%;
	-webkit-animation: right_left_2_x 30s linear infinite;
	animation: right_left_2_x 30s linear infinite;
}
 @-webkit-keyframes right_left_2_x {
 0% {
 left: 70%;
}
 100% {
 left: 120%;
}
}
.right_left_2 .y {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: right_left_2_y 30s ease-in-out infinite;
	animation: right_left_2_y 30s ease-in-out infinite;
}
 @-webkit-keyframes right_left_2_y {
 0% {
 top: 40%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
 -webkit-transform: rotateZ(-0deg);
 transform: rotateZ(-0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 50% {
 top: 50%;
}
 75% {
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 100% {
 top: 60%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
}
.right_left_3 {
	position: absolute;
	width: 100%;
	height: 100%;
	transforM: scaleX(-1);
}
.right_left_3 .x {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: right_left_3_x 35s linear infinite;
	animation: right_left_3_x 35s linear infinite;
}
 @-webkit-keyframes right_left_3_x {
 0% {
 left: 60%;
}
 100% {
 left: 130%;
}
}
.right_left_3 .y {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: right_left_3_y 35s ease-in-out infinite;
	animation: right_left_3_y 35s ease-in-out infinite;
}
 @-webkit-keyframes right_left_3_y {
 0% {
 top: 50%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 50% {
 top: 60%;
}
 75% {
 -webkit-transform: rotateZ(-0deg);
 transform: rotateZ(-0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 100% {
 top: 50%;
 -webkit-transform: rotateZ(-0deg);
 transform: rotateZ(-0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
}
.right_left_4 {
	position: absolute;
	width: 100%;
	height: 70%;
	transforM: scaleX(-1);
}
.right_left_4 .x {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: right_left_4_x 45s linear infinite;
	animation: right_left_4_x 45s linear infinite;
}
 @-webkit-keyframes right_left_4_x {
 0% {
 left: 50%;
}
 100% {
 left: 140%;
}
}
.right_left_4 .y {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: right_left_4_y 50s ease-in-out infinite;
	animation: right_left_4_y 50s ease-in-out infinite;
}
 @-webkit-keyframes right_left_4_y {
 0% {
 top: 45%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 50% {
 top: 60%;
}
 75% {
 -webkit-transform: rotateZ(-0deg);
 transform: rotateZ(-0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 100% {
 top: 45%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
}

.right_left_5 {
	position: absolute;
	width: 100%;
	height: 70%;
	transforM: scaleX(-1);
}
.right_left_5 .x {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: right_left_5_x 25s linear infinite;
	animation: right_left_5_x 25s linear infinite;
}
 @-webkit-keyframes right_left_5_x {
 0% {
 left: 40%;
}
 100% {
 left: 150%;
}
}
.right_left_5 .y {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: right_left_5_y 25s ease-in-out infinite;
	animation: right_left_5_y 25s ease-in-out infinite;
}
 @-webkit-keyframes right_left_5_y {
 0% {
 top: 35%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 50% {
 top: 55%;
}
 75% {
 -webkit-transform: rotateZ(-0deg);
 transform: rotateZ(-0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 100% {
 top: 35%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
}


.right_left_6 {
	position: absolute;
	width: 100%;
	height: 70%;
	transforM: scaleX(-1);
}
.right_left_6 .x {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: right_left_6_x 55s linear infinite;
	animation: right_left_6_x 55s linear infinite;
}
 @-webkit-keyframes right_left_6_x {
 0% {
 left: 30%;
}
 100% {
 left: 160%;
}
}
.right_left_6 .y {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: right_left_6_y 55s ease-in-out infinite;
	animation: right_left_6_y 55s ease-in-out infinite;
}
 @-webkit-keyframes right_left_6_y {
 0% {
 top: 45%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
top: 65%;
}
 50% {
 top: 50%;
}
 75% {
 -webkit-transform: rotateZ(-0deg);
 transform: rotateZ(-0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
top: 65%;
}
 100% {
 top: 45%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
}

.right_left_7 {
	position: absolute;
	width: 100%;
	height: 70%;
	transforM: scaleX(-1);
}
.right_left_7 .x {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: right_left_7_x 60s linear infinite;
	animation: right_left_7_x 60s linear infinite;
}
 @-webkit-keyframes right_left_7_x {
 0% {
 left: 20%;
}
 100% {
 left: 170%;
}
}
.right_left_7 .y {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: right_left_7_y 60s ease-in-out infinite;
	animation: right_left_7_y 60s ease-in-out infinite;
}
 @-webkit-keyframes right_left_7_y {
 0% {
 top: 65%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
top: 35%;
}
 50% {
 top: 40%;
}
 75% {
 -webkit-transform: rotateZ(-0deg);
 transform: rotateZ(-0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
top: 35%;
}
 100% {
 top: 65%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
}


.right_left_8 {
	position: absolute;
	width: 100%;
	height: 70%;
	transforM: scaleX(-1);
}
.right_left_8 .x {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: right_left_8_x 65s linear infinite;
	animation: right_left_8_x 65s linear infinite;
}
 @-webkit-keyframes right_left_8_x {
 0% {
 left: 10%;
}
 100% {
 left: 180%;
}
}
.right_left_8 .y {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: right_left_8_y 65s ease-in-out infinite;
	animation: right_left_8_y 65s ease-in-out infinite;
}
 @-webkit-keyframes right_left_8_y {
 0% {
 top: 35%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
top: 55%;
}
 50% {
 top: 40%;
}
 75% {
 -webkit-transform: rotateZ(-0deg);
 transform: rotateZ(-0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
top: 55%;
}
 100% {
 top: 35%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
}

.renwu {
	 
	width: 300px;
	 
	 
}
 

 
@CHARSET "UTF-8";
#container {
	position: fixed;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 80px;
	background: url(../images/pz.jpg) no-repeat center top;
	background-attachment: fixed;
	background-size: cover;
}