@charset "UTF-8";

.wow{
	visibility: hidden;
	visibility: visible \9;
}

/* duang 加特效 */
.bounce{
	-webkit-animation:1s ease;
	-moz-animation:1s ease;
	-ms-animation:1s ease;
	animation:1s ease;
}
.fadein,.fadeinT,.fadeinB,.bouncein,.bounceinT,.bounceinR,.bounceinB{
	-webkit-animation:1s ease-out backwards;
	-moz-animation:1s ease-out backwards;
	-ms-animation:1s ease-out backwards;
	animation:1s ease-out backwards;
}
/* 淡入 */
.fadein{
	-webkit-animation-name:fadein;
	-moz-animation-name:fadein;
	-ms-animation-name:fadein;
	animation-name:fadein;
}
/* 淡入-从上 */
.fadeinT{
	-webkit-animation-name:fadeinT;
	-moz-animation-name:fadeinT;
	-ms-animation-name:fadeinT;
	animation-name:fadeinT;
}
/* 淡入-从下 */
.fadeinB{
	-webkit-animation-name:fadeinB;
	-moz-animation-name:fadeinB;
	-ms-animation-name:fadeinB;
	animation-name:fadeinB;
}


/* 弹跳 */
.bounce{
	-webkit-animation-name:bounce;
	-moz-animation-name:bounce;
	-ms-animation-name:bounce;
	animation-name:bounce;
}

/* 弹入 */
.bouncein{
	-webkit-animation-name:bouncein;
	-moz-animation-name:bouncein;
	-ms-animation-name:bouncein;
	animation-name:bouncein;
}
/* 弹入-从上 */
.bounceinT{
	-webkit-animation-name:bounceinT;
	-moz-animation-name:bounceinT;
	-ms-animation-name:bounceinT;
	animation-name:bounceinT;
}
/* 弹入-从下 */
.bounceinB{
	-webkit-animation-name:bounceinB;
	-moz-animation-name:bounceinB;
	-ms-animation-name:bounceinB;
	animation-name:bounceinB;
}



/* define */

/* 淡入 */
@-webkit-keyframes fadein{
    0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes fadein{
    0%{opacity:0}
    100%{opacity:1}
}
@-ms-keyframes fadein{
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes fadein{
    0%{opacity:0}
    100%{opacity:1}
}
/* 淡入-从上 */
@-webkit-keyframes fadeinT{
    0%{opacity:0;-webkit-transform:translateY(-100px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeinT{
    0%{opacity:0;-moz-transform:translateY(-100px)}
    100%{opacity:1;-moz-transform:translateY(0)}
}
@-ms-keyframes fadeinT{
    0%{opacity:0;-ms-transform:translateY(-100px)}
    100%{opacity:1;-ms-transform:translateY(0)}
}
@keyframes fadeinT{
    0%{opacity:0;transform:translateY(-100px)}
    100%{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes fadeinT_s{
    0%{opacity:0;-webkit-transform:translateY(-40px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeinT_s{
    0%{opacity:0;-moz-transform:translateY(-40px)}
    100%{opacity:1;-moz-transform:translateY(0)}
}
@-ms-keyframes fadeinT_s{
    0%{opacity:0;-ms-transform:translateY(-40px)}
    100%{opacity:1;-ms-transform:translateY(0)}
}
@keyframes fadeinT_s{
    0%{opacity:0;transform:translateY(-40px)}
    100%{opacity:1;transform:translateY(0)}
}

/* 淡入-从下 */
@-webkit-keyframes fadeinB{
    0%{opacity:0;-webkit-transform:translateY(40px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeinB{
    0%{opacity:0;-moz-transform:translateY(40px)}
    100%{opacity:1;-moz-transform:translateY(0)}
}
@-ms-keyframes fadeinB{
    0%{opacity:0;-ms-transform:translateY(40px)}
    100%{opacity:1;-ms-transform:translateY(0)}
}
@keyframes fadeinB{
    0%{opacity:0;transform:translateY(40px)}
    100%{opacity:1;transform:translateY(0)}
}

/* 淡出-向上 */
@-webkit-keyframes fadeoutT{
    0%{opacity:1;-webkit-transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-100px)}
}
@-moz-keyframes fadeoutT{
    0%{opacity:1;-moz-transform:translateY(0)}
    100%{opacity:0;-moz-transform:translateY(-100px)}
}
@-ms-keyframes fadeoutT{
    0%{opacity:1;-ms-transform:translateY(0)}
    100%{opacity:0;-ms-transform:translateY(-100px)}
}
@keyframes fadeoutT{
    0%{opacity:1;transform:translateY(0)}
    100%{opacity:0;transform:translateY(-100px)}
}

/* 弹跳 */
@-webkit-keyframes bounce{
    0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
    40%{-webkit-transform:translateY(-30px)}
    60%{-webkit-transform:translateY(-15px)}
}
@-moz-keyframes bounce{
    0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
    40%{-moz-transform:translateY(-30px)}
    60%{-moz-transform:translateY(-15px)}
}
@-ms-keyframes bounce{
    0%,20%,50%,80%,100%{-ms-transform:translateY(0)}
    40%{-ms-transform:translateY(-30px)}
    60%{-ms-transform:translateY(-15px)}
}
@keyframes bounce{
    0%,20%,50%,80%,100%{transform:translateY(0)}
    40%{transform:translateY(-30px)}
    60%{transform:translateY(-15px)}
}
/* 弹入 */
@-webkit-keyframes bouncein{
    0%{opacity:0;-webkit-transform:scale(0.3)}
    50%{opacity:1;-webkit-transform:scale(1.05)}
    70%{-webkit-transform:scale(0.9)}
    100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bouncein{
    0%{opacity:0;-moz-transform:scale(0.3)}
    50%{opacity:1;-moz-transform:scale(1.05)}
    70%{-moz-transform:scale(0.9)}
    100%{-moz-transform:scale(1)}
}
@-ms-keyframes bouncein{
    0%{opacity:0;-ms-transform:scale(0.3)}
    50%{opacity:1;-ms-transform:scale(1.05)}
    70%{-ms-transform:scale(0.9)}
    100%{-ms-transform:scale(1)}
}
@keyframes bouncein{
    0%{opacity:0;transform:scale(0.3)}
    50%{opacity:1;transform:scale(1.05)}
    70%{transform:scale(0.9)}
    100%{transform:scale(1)}
}
/* 弹入-从上 */
@-webkit-keyframes bounceinT{
    0%{opacity:0;-webkit-transform:translateY(-100px)}
    60%{opacity:1;-webkit-transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceinT{
    0%{opacity:0;-moz-transform:translateY(-100px)}
    60%{opacity:1;-moz-transform:translateY(30px)}
    80%{-moz-transform:translateY(-10px)}
    100%{-moz-transform:translateY(0)}
}
@-ms-keyframes bounceinT{
    0%{opacity:0;-ms-transform:translateY(-100px)}
    60%{opacity:1;-ms-transform:translateY(30px)}
    80%{-ms-transform:translateY(-10px)}
    100%{-ms-transform:translateY(0)}
}
@keyframes bounceinT{
    0%{opacity:0;transform:translateY(-100px)}
    60%{opacity:1;transform:translateY(30px)}
    80%{transform:translateY(-10px)}
    100%{transform:translateY(0)}
}

/* 弹入-从下 */
@-webkit-keyframes bounceinB{
    0%{opacity:0;-webkit-transform:translateY(30px)}
    60%{opacity:1;-webkit-transform:translateY(-15px)}
    80%{-webkit-transform:translateY(5px)}
    100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceinB{
    0%{opacity:0;-moz-transform:translateY(30px)}
    60%{opacity:1;-moz-transform:translateY(-15px)}
    80%{-moz-transform:translateY(5px)}
    100%{-moz-transform:translateY(0)}
}
@-ms-keyframes bounceinB{
    0%{opacity:0;-ms-transform:translateY(30px)}
    60%{opacity:1;-ms-transform:translateY(-15px)}
    80%{-ms-transform:translateY(5px)}
    100%{-ms-transform:translateY(0)}
}
@keyframes bounceinB{
    0%{opacity:0;transform:translateY(30px)}
    60%{opacity:1;transform:translateY(-15px)}
    80%{transform:translateY(5px)}
    100%{transform:translateY(0)}
}

.fawu_animate .img_1{
	-webkit-animation:1s ease-out backwards;
	-moz-animation:1s ease-out backwards;
	-ms-animation:1s ease-out backwards;
	animation:1s ease-out backwards;
	
	-webkit-animation-name:bounceinB_fawu;
	-moz-animation-name:bounceinB_fawu;
	-ms-animation-name:bounceinB_fawu;
	animation-name:bounceinB_fawu;
}
.fawu_animate .img_2{
	-webkit-animation-delay:0.2s;
	-moz-animation-delay:0.2s;
	-ms-animation-delay:0.2s;
	animation-delay:0.2s;
}
.fawu_animate .img_3{
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	-ms-animation-duration:0.5s;
	animation-duration:0.5s;
	
	-webkit-animation-delay:0.4s;
	-moz-animation-delay:0.4s;
	-ms-animation-delay:0.4s;
	animation-delay:0.4s;
}

.gujia_animate .img_1{
	-webkit-animation:0.8s ease-out backwards;
	-moz-animation:0.8s ease-out backwards;
	-ms-animation:0.8s ease-out backwards;
	animation:0.8s ease-out backwards;
	
	-webkit-animation-name:bounceinB_fawu;
	-moz-animation-name:bounceinB_fawu;
	-ms-animation-name:bounceinB_fawu;
	animation-name:bounceinB_fawu;
}
.gujia_animate .img_2{
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	-ms-animation-duration:0.5s;
	animation-duration:0.5s;
	
	-webkit-animation-delay:0.6s;
	-moz-animation-delay:0.6s;
	-ms-animation-delay:0.6s;
	animation-delay:0.6s;
}
.gujia_animate .img_3{	
	-webkit-animation-delay:0.8s;
	-moz-animation-delay:0.8s;
	-ms-animation-delay:0.8s;
	animation-delay:0.8s;
}

.paimai_animate .img_1{
	-webkit-animation:0.8s ease-out backwards;
	-moz-animation:0.8s ease-out backwards;
	-ms-animation:0.8s ease-out backwards;
	animation:0.8s ease-out backwards;
	
	-webkit-animation-name:bounceinB_fawu;
	-moz-animation-name:bounceinB_fawu;
	-ms-animation-name:bounceinB_fawu;
	animation-name:bounceinB_fawu;
}
.paimai_animate .img_2{
	-webkit-animation-delay:0.4s;
	-moz-animation-delay:0.4s;
	-ms-animation-delay:0.4s;
	animation-delay:0.4s;
}
.paimai_animate .img_3{
	-webkit-animation:0.5s ease-out 1s backwards;
	-moz-animation:0.5s ease-out 1s backwards;
	-ms-animation:0.5s ease-out 1s backwards;
	animation:0.5s ease-out 1s backwards;
	
	-webkit-animation-name:bounceinB_hammer;
	-moz-animation-name:bounceinB_hammer;
	-ms-animation-name:bounceinB_hammer;
	animation-name:bounceinB_hammer;
}

/* 弹入-从下 */
@-webkit-keyframes bounceinB_fawu{
    0%{opacity:0;-webkit-transform:translateY(15px)}
    60%{opacity:1;-webkit-transform:translateY(-15px)}
    80%{-webkit-transform:translateY(5px)}
    100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceinB_fawu{
    0%{opacity:0;-moz-transform:translateY(15px)}
    60%{opacity:1;-moz-transform:translateY(-15px)}
    80%{-moz-transform:translateY(5px)}
    100%{-moz-transform:translateY(0)}
}
@-ms-keyframes bounceinB_fawu{
    0%{opacity:0;-ms-transform:translateY(15px)}
    60%{opacity:1;-ms-transform:translateY(-15px)}
    80%{-ms-transform:translateY(5px)}
    100%{-ms-transform:translateY(0)}
}
@keyframes bounceinB_fawu{
    0%{opacity:0;transform:translateY(15px)}
    60%{opacity:1;transform:translateY(-15px)}
    80%{transform:translateY(5px)}
    100%{transform:translateY(0)}
}

@-webkit-keyframes bounceinB_hammer{
    0%{opacity:0;-webkit-transform:translateY(15px)}
    60%{opacity:1;-webkit-transform:translateY(-15px)}
    80%{-webkit-transform:translateY(15px)}
    100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceinB_hammer{
    0%{opacity:0;-moz-transform:translateY(15px)}
    60%{opacity:1;-moz-transform:translateY(-15px)}
    80%{-moz-transform:translateY(15px)}
    100%{-moz-transform:translateY(0)}
}
@-ms-keyframes bounceinB_hammer{
    0%{opacity:0;-ms-transform:translateY(15px)}
    60%{opacity:1;-ms-transform:translateY(-15px)}
    80%{-ms-transform:translateY(15px)}
    100%{-ms-transform:translateY(0)}
}
@keyframes bounceinB_hammer{
    0%{opacity:0;transform:translateY(15px)}
    60%{opacity:1;transform:translateY(-15px)}
    80%{transform:translateY(15px)}
    100%{transform:translateY(0)}
}

.video_bg .corner_1,
.video_bg .corner_2,
.video_bg .corner_3,
.video_bg .corner_4{
	-webkit-animation:1s ease-out backwards;
	-moz-animation:1s ease-out backwards;
	-ms-animation:1s ease-out backwards;
	animation:1s ease-out backwards;
}
.video_bg .corner_1{
	-webkit-animation-name:fadeinTL;
	-moz-animation-name:fadeinTL;
	-ms-animation-name:fadeinTL;
	animation-name:fadeinTL;
}
.video_bg .corner_2{
	-webkit-animation-name:fadeinBL;
	-moz-animation-name:fadeinBL;
	-ms-animation-name:fadeinBL;
	animation-name:fadeinBL;
}
.video_bg .corner_3{
	-webkit-animation-name:fadeinTR;
	-moz-animation-name:fadeinTR;
	-ms-animation-name:fadeinTR;
	animation-name:fadeinTR;
}
.video_bg .corner_4{
	-webkit-animation-name:fadeinBR;
	-moz-animation-name:fadeinBR;
	-ms-animation-name:fadeinBR;
	animation-name:fadeinBR;
}

/* 淡入-从左上 */
@-webkit-keyframes fadeinTL{
    0%{opacity:0;transform:translate(-40px,-40px)}
    100%{opacity:1;transform:translate(0,0)}
}
@-moz-keyframes fadeinTL{
    0%{opacity:0;transform:translate(-40px,-40px)}
    100%{opacity:1;transform:translate(0,0)}
}
@-ms-keyframes fadeinTL{
    0%{opacity:0;transform:translate(-40px,-40px)}
    100%{opacity:1;transform:translate(0,0)}
}
@keyframes fadeinTL{
    0%{opacity:0;transform:translate(-40px,-40px)}
    100%{opacity:1;transform:translate(0,0)}
}
/* 淡入-从左下*/
@-webkit-keyframes fadeinBL{
    0%{opacity:0;transform:translate(-40px,40px)}
    100%{opacity:1;transform:translate(0,0)}
}
@-moz-keyframes fadeinBL{
    0%{opacity:0;transform:translate(-40px,40px)}
    100%{opacity:1;transform:translate(0,0)}
}
@-ms-keyframes fadeinBL{
    0%{opacity:0;transform:translate(-40px,40px)}
    100%{opacity:1;transform:translate(0,0)}
}
@keyframes fadeinBL{
    0%{opacity:0;transform:translate(-40px,40px)}
    100%{opacity:1;transform:translate(0,0)}
}
/* 淡入-从右上 */
@-webkit-keyframes fadeinTR{
    0%{opacity:0;transform:translate(40px,-40px)}
    100%{opacity:1;transform:translate(0,0)}
}
@-moz-keyframes fadeinTR{
    0%{opacity:0;transform:translate(40px,-40px)}
    100%{opacity:1;transform:translate(0,0)}
}
@-ms-keyframes fadeinTR{
    0%{opacity:0;transform:translate(40px,-40px)}
    100%{opacity:1;transform:translate(0,0)}
}
@keyframes fadeinTR{
    0%{opacity:0;transform:translate(40px,-40px)}
    100%{opacity:1;transform:translate(0,0)}
}
/* 淡入-从右下*/
@-webkit-keyframes fadeinBR{
    0%{opacity:0;transform:translate(40px,40px)}
    100%{opacity:1;transform:translate(0,0)}
}
@-moz-keyframes fadeinBR{
    0%{opacity:0;transform:translate(40px,40px)}
    100%{opacity:1;transform:translate(0,0)}
}
@-ms-keyframes fadeinBR{
    0%{opacity:0;transform:translate(40px,40px)}
    100%{opacity:1;transform:translate(0,0)}
}
@keyframes fadeinBR{
    0%{opacity:0;transform:translate(40px,40px)}
    100%{opacity:1;transform:translate(0,0)}
}


.video_box .video_play,
.video_text_bottom{
	-webkit-animation-duration:0.8s;
	-moz-animation-duration:0.8s;
	-ms-animation-duration:0.8s;
	animation-duration:0.8s;
	
	-webkit-animation-delay:0.6s;
	-moz-animation-delay:0.6s;
	-ms-animation-delay:0.6s;
	animation-delay:0.6s;
}
.video_box .people .people_1,
.video_box .people .people_2,
.video_box .people .people_3,
.video_box .people .people_4,
.video_box .people .people_5{
	-webkit-animation-duration:0.8s;
	-moz-animation-duration:0.8s;
	-ms-animation-duration:0.8s;
	animation-duration:0.8s;
	
	-webkit-animation-delay:1.4s;
	-moz-animation-delay:1.4s;
	-ms-animation-delay:1.4s;
	animation-delay:1.4s;
}
.video_box .people .people_2,
.video_box .people .people_3,
.video_box .people .people_4,
.video_box .people .people_5{
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-ms-animation-delay:2s;
	animation-delay:2s;
}

.video_box .water .water_1{
	-webkit-animation-delay:2.4s;
	-moz-animation-delay:2.4s;
	-ms-animation-delay:2.4s;
	animation-delay:2.4s;
}
.video_box .water .water_2{
	-webkit-animation-delay:2.6s;
	-moz-animation-delay:2.6s;
	-ms-animation-delay:2.6s;
	animation-delay:2.6s;
}
.video_box .water .water_3{
	-webkit-animation-delay:2.8s;
	-moz-animation-delay:2.8s;
	-ms-animation-delay:2.8s;
	animation-delay:2.8s;
}
.video_box .water .water_4{
	-webkit-animation-delay:3.2s;
	-moz-animation-delay:3.2s;
	-ms-animation-delay:3.2s;
	animation-delay:3.2s;
}
.video_box .water .water_5{
	-webkit-animation-delay:3s;
	-moz-animation-delay:3s;
	-ms-animation-delay:3s;
	animation-delay:3s;
}
.video_box .water .bubble_1{
	-webkit-animation-delay:3.6s;
	-moz-animation-delay:3.6s;
	-ms-animation-delay:3.6s;
	animation-delay:3.6s;
}
.video_box .water .bubble_2{
	-webkit-animation-delay:4s;
	-moz-animation-delay:4s;
	-ms-animation-delay:4s;
	animation-delay:4s;
}

.water_box{
	-webkit-filter: url("#goo-no-comp");
	filter: url("../../html/qunxing.html#goo-no-comp");
	position: absolute;
}
.water_box .circle{
	border-radius:50%;
	position:absolute;
	-webkit-transform: translateY(880px);
	-moz-transform: translateY(880px);
	-ms-transform: translateY(880px);
	transform: translateY(880px);
}
.water_box .circle2{
	border-radius:50%;
	position:absolute;
}
.water_box .rect{
	position:absolute;
}
	
.water_box_1{
	left:605px;
	top: 150px;
	z-index: 10;
	width: 400px;
	height: 900px;
}
.water_box_1 .circle_1{
	width:200px;
	height:200px;
	background-color:#12D8F6;
	top:115px;
	left: 0;
}
.water_box_1 .circle_2{
	width:120px;
	height:120px;
	background-color:#0FA5E0;
	top:155px;
	left:220px;
}
.water_box_2{
	-webkit-filter: url("#goo-no-comp2");
	filter: url("../../html/qunxing.html#goo-no-comp2");
	left:75px;
	top: 150px;
	z-index: 5;
	width: 420px;
	height: 900px;
}
.water_box_2 .circle_1{
	width:150px;
	height:150px;
	background-color:#FD5536;
	top:150px;
	left: 0;
}
.water_box_2 .circle_2{
	width:250px;
	height:225px;
	background-color:#FE923E;
	top:115px;
	left:150px;
}
.water_box_2 .circle_3{
	width:50px;
	height:50px;
	background-color:#FD5536;
	top:125px;
	left: 70px;
}
.water_box_2 .rect_1{
	display: none;
	width:140px;
	height:60px;
	top:160px;
	left:110px;
	background-color:#FD5536;
	background: linear-gradient(to right, #FD5536 0%,#FE923E 100%);
	transform: translateY(400px) rotate(-23deg);
}
.water_box_3{
	-webkit-filter: url("#goo-no-comp3");
	filter: url("../../html/qunxing.html#goo-no-comp3");
	left:1000px;
	top: 385px;
	z-index: 8;
	width: 400px;
	height: 900px;
}
.water_box_3 .circle_1{
	width:150px;
	height:150px;
	background-color:#20cfe9;
	top:150px;
	left: 60px;
}
.water_box_3 .circle_2{
	width:100px;
	height:100px;
	background-color:#1ca6d7;
	top:145px;
	left:230px;
}
.water_box_3 .circle_3{
	width:95px;
	height:95px;
	background-color:#20cfe9;
	top:20px;
	left:90px;
}
.water_box_3 .circle_4{
	width:60px;
	height:60px;
	background-color:#20cfe9;
	top:185px;
	left:160px;
}
.water_box_3 .circle_6{
	width:60px;
	height:60px;
	background-color:#20cfe9;
	top:120px;
	left:105px;
}
.water_box_3 .circle_5{
	width:60px;
	height:60px;
	background-color:#1ca6d7;
	top:175px;
	left:200px;
}

.water_box_4{
	-webkit-filter: url("#goo-no-comp3");
	filter: url("../../html/qunxing.html#goo-no-comp3");
	left:-105px;
	top: 135px;
	z-index: 1;
	width: 400px;
	height: 900px;
}
.water_box_4 .circle_1{
	width:135px;
	height:135px;
	background-color:#23e1f2;
	top:160px;
	left: 120px;
}
.water_box_4 .circle_2{
	width:180px;
	height:180px;
	background-color:#1fbae1;
	top:65px;
	left: 240px;
}
.water_box_4 .circle_2 .circle2_1{
	width:60px;
	height:25px;
	background-color:#1fbae1;
	top:10px;
	left:-30px;
}
.water_box_4 .circle_3{
	width:75px;
	height:75px;
	background-color:#25f9fc;
	top:170px;
	left: 45px;
}
.water_box_4 .circle_4{
	width:75px;
	height:75px;
	background-color:#22def0;
	top:25px;
	left: 155px;
}
.water_box_4 .circle_5{
	width:180px;
	height:180px;
	background-color:#1fbae1;
	top:585px;
	left: 125px;
}
.water_box_4 .circle_6{
	width:100px;
	height:100px;
	background-color:#23e9f5;
	top:635px;
	left: 15px;
}
.water_box_4 .circle_7{
	width:90px;
	height:75px;
	background-color:#23e9f5;
	top:760px;
	left: 100px;
	transform: translateY(400px) rotate(-60deg);
}

.bubble img{
	position: absolute;
}
.bubble .bubble_2{
	top: 443px;
	left: 1145px;
	z-index: 9;
	
	-webkit-animation-delay:4.5s;
	-moz-animation-delay:4.5s;
	-ms-animation-delay:4.5s;
	animation-delay:5.5s;
}
.bubble .bubble_1{
	top: 650px;
	left: -121px;
	z-index: 0;
	
	-webkit-animation-delay:6s;
	-moz-animation-delay:6s;
	-ms-animation-delay:6s;
	animation-delay:6s;
}

@media screen and (max-width: 1220px) {
	.water_box_1{
		left: 555px;
	}
	.water_box_3{
		left: 716px;
	}
}