@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#333;
	background:#fff;
	white-space: nowrap;
    overflow-x: scroll;
	overflow-y: hidden;
	-webkit-text-size-adjust: none !important;	/* iOS禁止微信改变字号 */
}

body{
	-webkit-text-size-adjust: 100% !important;	/* iOS禁止微信改变字号 */	
}

@media only screen and (max-height: 938px) { body{ font-size: 15px; } }
@media only screen and (max-height: 875px) { body{ font-size: 14px; } }
@media only screen and (max-height: 813px) { body{ font-size: 13px; } }
@media only screen and (max-height: 750px) { body{ font-size: 12px; } }
@media only screen and (max-height: 688px) { body{ font-size: 11px; } }
@media only screen and (max-height: 625px) { body{ font-size: 10px; } }

a{
	color:#333;
}

a:hover{
	text-decoration: none;
	color: #c00 !important;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	color: #dfdfdf !important;
}

img{
	display:block;
	max-height: 100%;
	max-width: 100%;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}

table{
	font-size: 1em;
}

.photo{
	position: relative;
	overflow: hidden;
}

.photo img{
	width: 100%;
	height: 100%;
}

.photo p{
	position: absolute;
	left: 0px;
	bottom : 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.abs{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 1;
}

#page{
	position: relative;
	height: 100%;
}

#body-bg{
	max-width: none;
	height: 100%;
}

.body-bg{
	position: relative;
	display: inline-block;
	vertical-align: top;
	max-width: none;
	height: 100%;
}

#box{
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	overflow-y: hidden;
}




.layout {
	width:6.06%;
    top: 0px;
    height: 100%;
    position: absolute;
    overflow: visible;
}
#layout1{ left:0px;}
#layout2{ left:6.06%;}
#layout3{ left:12.12%;}
#layout4{ left:18.18%;}
#layout5{ left:24.24%;}
#layout6{ left:30.3%;}
#layout7{ left:36.36%;}
#layout8{ left:42.42%;}
#layout9{ left:48.48%;}
#layout10{ left:54.54%;}
#layout11{ left:60.6%;}
#layout12{ left:66.66%;}
#layout13{ left:72.72%;}
#layout14{ left:78.78%;}
#layout15{ left:84.84%;}
#layout16{ left:90.9%;}
#layout17{ left:96.97%; width:3.03%;}


.music{
	position: fixed;
	right: 1.5em;
	top: 1.5em;
	width: 9.5em;
	height: 2.5em;
	cursor: pointer;
	
	z-index: 9988;
}

.music i{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 2.5em;
	height: 2.5em;
	background-size: auto 100%;
	background-position: right top;
	background-repeat: no-repeat;
}
.music.on i{background-image:url(images/music-on.png); }
.music.off i{background-image:url(images/music-off.png); }
.music img{display: inline-block;}
@-moz-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-o-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-webkit-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@keyframes music{from{ transform:rotate(-360deg); }to{ }}
.music.on i{
	animation:'music' 1.5s linear 0s infinite;
	-ms-animation:music 1.5s linear 0s infinite;
	-moz-animation:music 1.5s linear 0s infinite;
	-o-animation:'music' 1.5s linear 0s infinite;
	-webkit-animation:'music' 1.5s linear 0s infinite;
}
.music.first{
	opacity: 0;
}
.music-note{
	position: fixed;
	right: 1.5em;
	top: 0.9em;
	width: 9.5em;
	height: 3.18em;
	cursor: pointer;
	z-index: 9977;
}
.music-note.hide{
	display: none;
	top: -10em;
}
.music-note span{
	position: absolute;
	left: 0px;
	top: 0.86em;
	width: 6em;
	height: 2.32em;
	background: url("images/music-note1.png") no-repeat center center;
	background-size: contain;
}
.music-note i{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 2.5em;
	height: 3.18em;
	background: url("images/music-note2.png") no-repeat center center;
	background-size: contain;
}

.topic1{
	width: 52.15%;
	height: 24.27%;
	left: 20.95%;
	top: 16%;
	background-image: url("images/topic1.png");
}
.topic2{
	width: 32.05%;
	height: 12.4%;
	left: 31%;
	top: 42.67%;
	background-image: url("images/topic2.png");
}
.logo{
	width: 10.65%;
	height: 7.87%;
	left: 3.2%;
	top: 6%;
	background-image: url("images/logo.png");
}
.plane{
	width: 6.15%;
	height: 7.2%;
	left: 74.9%;
	top: 11.87%;
	background-image: url("images/plane.png");
}
.yun1,.yun2{
	width: 28.75%;
	height: 15.2%;
}
.yun1{
	left: 9.4%;
	top: 64.8%;
	background-image: url("images/yun1.png");
}
.yun2{
	left: 64%;
	top: 77.2%;
	background-image: url("images/yun1.png");
}

.mouse{
	position:absolute;
	width:12.6%;
	left: 39.2%;
	top: 75.8%;
}
.mouse img{
	width:100%;
	height:auto;
}



.wheel1{
	width: 9.5%;
	height: 25.33%;
	left: 21.75%;
	top: 55.47%;
	background-image: url("images/wheel1.png");
}
.wheel2{
	width: 7.05%;
	height: 18.8%;
	left: 28.15%;
	top: 75.6%;
	background-image: url("images/wheel1.png");
}
.arrow1{
	width: 3.15%;
	height: 18.4%;
	left: 36.5%;
	bottom:0;
	background-position:center bottom;
	background-image: url("images/arrow1.png");
}
.arrow2{
	width: 3.55%;
	height: 28.93%;
	left: 39.8%;
	bottom:0;
	background-position:center bottom;
	background-image: url("images/arrow2.png");
}


.link{
	cursor:pointer;
	height: 11.73%;
}
.link1{
	width: 15.45%;
	left: 35.8%;
	top: 53.47%;
	background-image: url("images/link1.png");
}
.text1{
	width: 43.85%;
	height: 37.47%;
	left: 10.65%;
	top: 9.47%;
	background-image: url("images/text1.png");
}

.lun{
	width: 13.68%;
	height: 42.7%;
	left:-6.96%;
	top: -15.66%;
	background-image: url("images/lun.png");
}

.link2{
	width: 22.1%;
	left: 12.9%;
	top: 38.67%;
	background-image: url("images/link2.png");
}
.link3{
	width: 15.45%;
	left: 88.75%;
	top: 33.33%;
	background-image: url("images/link3.png");
}
.link4{
	width: 20.5%;
	left: 21.6%;
	top: 16.4%;
	background-image: url("images/link4.png");
}
#layout4 .yun1{
	left: 8.35%;
	top: 61.2%;
	background-image: url(images/yun1-1.png);
}

.wave1{
	width: 13.45%;
	height: 20.4%;
	left: 24.7%;
	bottom:0;
	background-image: url("images/wave1.png");
	background-position:center bottom;
}
.wave2{
	width: 8.1%;
	height: 12.13%;
	left: 3.1%;
	bottom:0;
	background-image: url("images/wave2.png");
}
.bird{
	width: 23.95%;
	height: 17.73%;
	left: 71.7%;
	top: 13.2%;
	background-image: url("images/bird.png");
}
.boat1{
	width: 9%;
	height: 12.4%;
	left: 53.15%;
	top: 80%;
	background-image: url("images/boat1.png");
}
.boat2{
	width: 5.85%;
	height: 5.33%;
	left: 84.3%;
	top: 56.13%;
	background-image: url("images/boat2.png");
}

#layout5 .yun2{
	left: 47%;
	top: 72%;
}

.link5{
	width: 12.75%;
	left: 9.15%;
	top: 14.4%;
	background-image: url("images/link5.png");
}
.text2{
	width: 39.55%;
	height: 38%;
	left: 74.85%;
	top: 12.8%;
	background-image: url("images/text2.png");
}
.text2 .lun {
    width: 15.17%;
    height: 42.11%;
    left: -8.98%;
    top: -15.35%;
}
.bird1{
	width: 8.52%;
	height: 12.4%;
	left: 19.95%;
	top: 24%;
	background-image: url("images/bird1.png");
}
.bird2{
	width: 12.7%;
	height: 17.87%;
	left: 4.05%;
	top: 10.93%;
	background-image: url("images/bird2.png");
}
.link6{
	width: 22.5%;
	height: 19.87%;
	left: 32.15%;
	top: 14.27%;
	background-image: url("images/link6.png");
}

#layout7 .yun1 {
    left: 11.5%;
    top: 78%;
    background-image: url(images/yun1-1.png);
}
.text3{
	width: 39.55%;
	height: 40%;
	left: 28.3%;
	top: 23.33%;
	background-image: url("images/text3.png");
}
.text3 .lun {
    height: 40%;
    top: -12.67%;
}

#layout8 .yun2 {
    left: 31.5%;
    top: 74.8%;
    background-image: url(images/yun1-1.png);
}
#layout8 .bird2{
	left: 87.9%;
	top: 13.07%;
}

.link7{
	width: 26.7%;
	height: 12.13%;
	left: -3.85%;
	top: 19.6%;
	background-image: url("images/link7.png");
}
.link8{
	width: 17.35%;
	height: 19.87%;
	left: 52.4%;
	top: 9.47%;
	background-image: url("images/link8.png");
}
.link9{
	width: 18.5%;
	height: 19.87%;
	left: 2.55%;
	top: 18.67%;
	background-image: url("images/link9.png");
}
.link10{
	width: 14.45%;
	left: 81.25%;
	top: 54.53%;
	background-image: url("images/link10.png");
}

#layout10 .yun1 {
    left: 43.6%;
    top: 77.07%;
    background-image: url(images/yun1-1.png);
}

.bird3{
	width: 8.2%;
	height: 10.8%;
	left: 69.7%;
	top: 18%;
	background-image: url("images/bird3.png");
}

.link11{
	width: 15.15%;
	height: 19.87%;
	left: 8.35%;
	top: 21.07%;
	background-image: url("images/link11.png");
}
.rocket{
	width: 13.35%;
	height: 45.87%;
	left: -2.4%;
	top: 7.73%;
	background-image: url("images/rocket.png");
}

#layout11 .yun2 {
    left: 83.15%;
    top: 69.73%;
    background-image: url(images/yun1-1.png);
}

.text4{
	width: 39.55%;
	height: 40%;
	left: 7.55%;
	top: 11.47%;
	background-image: url("images/text4.png");
}
.text4 .lun {
	width:15.17%;
    height: 40%;
    top: -12.67%;
	left:-8.98%;
}
.boat3{
	width: 2.45%;
	height: 11.2%;
	left: 18.05%;
	top: 57.47%;
	background-image: url("images/boat3.png");
}
.boat4{
	width: 4.35%;
	height: 20%;
	left: 47.1%;
	top: 70.4%;
	background-image: url("images/boat3.png");
}
.boat5{
	width: 7.8%;
	height: 35.73%;
	left: 51.8%;
	top: 60.13%;
	background-image: url("images/boat3.png");
}
.bird4{
	width: 32.35%;
	height: 34.4%;
	left: 63.3%;
	top: 41.47%;
	background-image: url("images/bird4.png");
}
.bird5{
	width: 14.7%;
	height: 7.07%;
	left: 30.85%;
	top: 10.53%;
	background-image: url("images/bird5.png");
}
.link12{
	width: 20.5%;
	left: 2.55%;
	top: 14.13%;
	background-image: url("images/link12.png");
}
.link13{
	width: 19.3%;
	left: 66.85%;
	top: 21.6%;
	background-image: url("images/link13.png");
}
.link14{
	width: 20.6%;
	height:12.13%;
	left: 26.3%;
	top: 72.53%;
	background-image: url("images/link14.png");
}
.link15{
	width: 20.6%;
	height:12.13%;
	left: 55.05%;
	top: 10.4%;
	background-image: url("images/link15.png");
}
.text5{
	width: 39.55%;
	height: 40%;
	left: 82.45%;
	top: 33.73%;
	background-image: url("images/text5.png");
}
.text5 .lun {
	width: 15.17%;
    height: 40%;
    top: -13%;
    left: -8.5%;
}

.bird6{
	width: 14.75%;
	height: 11.2%;
	left: 13.7%;
	top: 8.13%;
	background-image: url("images/bird6.png");
}

.link16{
	width: 15.7%;
	height: 19.87%;
	left: 39.75%;
	top: 6.8%;
	background-image: url("images/link16.png");
}
.link17{
	width: 16.4%;
	height: 19.87%;
	left: 83.6%;
	top: 14.27%;
	background-image: url("images/link17.png");
}
.text6{
	width: 33.25%;
	height: 40%;
	left: 71.75%;
	top: 12.53%;
	background-image: url("images/text6.png");
}
.text6 .lun {
	width: 18.05%;
	height: 40%;
	left: -10.83%;
	top: -12.5%;
}
.kite{
	width: 33.05%;
	height: 49.33%;
	left: 47.45%;
	top: 50.67%;
	background-image: url("images/kite.png");
	background-position:center bottom;
}


#layout15 .yun1 {
    left: 15.15%;
    top: 36.13%;
    background-image: url(images/yun1-1.png);
}
.bird7 {
    width: 14.75%;
	height: 11.2%;
	left: 13.3%;
	top: 9.47%;
	background-image: url("images/bird7.png");
}


#layout16 .yun1 {
    left: 36.2%;
    top:auto;
	bottom:-1%;
    background-image: url(images/yun1-1.png);
}

.link18{
	width: 15%;
	height: 19.87%;
	left: 9.1%;
	top: 17.6%;
	background-image: url("images/link18.png");
}
.link19{
	width: 13.55%;
	height: 19.87%;
	left: 60.8%;
	top: 26.93%;
	background-image: url("images/link19.png");
}
.bird8{
	width: 3.45%;
	height: 6.67%;
	left: 93.5%;
	top: 43.87%;
	background-image: url("images/bird8.png");
}
.bird9{
	width: 10%;
	height: 9.6%;
	left: 52.8%;
	top: 14.13%;
	background-image: url("images/bird9.png");
}
.name{
	width: 41.5%;
	height: 24.4%;
	left: 2.4%;
	top: 11.07%;
	background-image: url("images/name.png");
}
.logo1{
	width: 32.5%;
	height: 5.73%;
	left: 7.9%;
	top: 40.93%;
	background-image: url("images/logo1.png");
}


.drone1{
	width: 9.5%;
	height: 65.07%;
	left: 52.12%;
	top: 14.4%;
	background-image: url("images/drone1.png");
}
.drone2{
	width: 6.4%;
	height: 44%;
	left: 41.6%;
	top: 28%;
	background-image: url("images/drone1.png");
}







.drop{
	display:none;
	position:fixed !important;
	width:758px;
	height:326px;
	background:url(images/drop.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:50%;
	margin:-163px 0px 0px -379px;
	z-index:1000;
}
.drop .zi{
	width:86.41%;
	height:64.87%;
	margin:8.2% 0 0 7.26%;
	overflow-y: scroll;
    overflow-x: hidden;
}
.drop .zi::-webkit-scrollbar{ width:10px;}
.drop .zi::-webkit-scrollbar-thumb{
	border-radius:10px;
	background:rgba(51,213,242,1);
}
.drop .zi::-webkit-scrollbar-track{
	border-radius:14px;
	background:rgba(51,213,242,0.28);
}
.drop .zi p{
	font-size:34px;
	text-indent:2em;
	line-height:54px;
	color:#fff;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
}
.drop .close{
	width:50px;
	height:52px;
	position:absolute;
	background:url(images/close.png) no-repeat;
	background-size:100% 100%;
	right:-1.2%;
	bottom:-7%;
	cursor:pointer;
}







@-moz-keyframes topic1 {
   0%{opacity:0;transform:scale(0.3);}
   50%{opacity:1;transform:scale(1.05);}
   70%{opacity:1;transform:scale(0.9);}
   100%{opacity:1;transform:scale(1);}
}
@-o-keyframes topic1 {
   0%{opacity:0;transform:scale(0.3);}
   50%{opacity:1;transform:scale(1.05);}
   70%{opacity:1;transform:scale(0.9);}
   100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes topic1 {
   0%{opacity:0;transform:scale(0.3);}
   50%{opacity:1;transform:scale(1.05);}
   70%{opacity:1;transform:scale(0.9);}
   100%{opacity:1;transform:scale(1);}
}
@keyframes topic1 {
   0%{opacity:0;transform:scale(0.3);}
   50%{opacity:1;transform:scale(1.05);}
   70%{opacity:1;transform:scale(0.9);}
   100%{opacity:1;transform:scale(1);}
}
.topic1 {
  animation: 'topic1' 0.7s ease-in-out 0.2s forwards;
  -ms-animation: topic1 0.7s ease-in-out 0.2s forwards;
  -moz-animation: topic1 0.7s ease-in-out 0.2s forwards;
  -o-animation: 'topic1' 0.7s ease-in-out 0.2s forwards;
  -webkit-animation: 'topic1' 0.7s ease-in-out 0.2s forwards;
  opacity: 0;
}



@-moz-keyframes topic2 {
  0%{opacity:0;-webkit-transform:translateY(100px);}
  60%{opacity:1;-webkit-transform:translateY(30px);}
  80%{opacity:1;-webkit-transform:translateY(10px);}
  100%{opacity:1;-webkit-transform:translateY(0);}
}
@-o-keyframes topic2 {
  0%{opacity:0;-webkit-transform:translateY(100px);}
  60%{opacity:1;-webkit-transform:translateY(30px);}
  80%{opacity:1;-webkit-transform:translateY(10px);}
  100%{opacity:1;-webkit-transform:translateY(0);}
}
@-webkit-keyframes topic2 {
  0%{opacity:0;-webkit-transform:translateY(100px);}
  60%{opacity:1;-webkit-transform:translateY(30px);}
  80%{opacity:1;-webkit-transform:translateY(10px);}
  100%{opacity:1;-webkit-transform:translateY(0);}
}
@keyframes topic2 {
  0%{opacity:0;-webkit-transform:translateY(100px);}
  60%{opacity:1;-webkit-transform:translateY(30px);}
  80%{opacity:1;-webkit-transform:translateY(10px);}
  100%{opacity:1;-webkit-transform:translateY(0);}
}
.topic2 {
  animation: 'topic2' 0.5s ease-in-out 0.7s forwards;
  -ms-animation: topic2 0.5s ease-in-out 0.7s forwards;
  -moz-animation: topic2 0.5s ease-in-out 0.7s forwards;
  -o-animation: 'topic2' 0.5s ease-in-out 0.7s forwards;
  -webkit-animation: 'topic2' 0.5s ease-in-out 0.7s forwards;
  opacity: 0;
}




@-moz-keyframes logo {
  0%{opacity:0;-webkit-transform:translateX(-100px);}
  100%{opacity:1;-webkit-transform:translateX(0);}
}
@-o-keyframes logo {
  0%{opacity:0;-webkit-transform:translateX(-100px);}
  100%{opacity:1;-webkit-transform:translateX(0);}
}
@-webkit-keyframes logo {
  0%{opacity:0;-webkit-transform:translateX(-100px);}
  100%{opacity:1;-webkit-transform:translateX(0);}
}
@keyframes logo {
  0%{opacity:0;-webkit-transform:translateX(-100px);}
  100%{opacity:1;-webkit-transform:translateX(0);}
}
.logo {
  animation: 'logo' 0.8s ease-in-out 1.2s forwards;
  -ms-animation: logo 0.8s ease-in-out 1.2s forwards;
  -moz-animation: logo 0.8s ease-in-out 1.2s forwards;
  -o-animation: 'logo' 0.8s ease-in-out 1.2s forwards;
  -webkit-animation: 'logo' 0.8s ease-in-out 1.2s forwards;
  opacity: 0;
}



@-moz-keyframes mouse {
  0%{opacity:0;}
  100%{opacity:1;}
}
@-o-keyframes mouse {
  0%{opacity:0;}
  100%{opacity:1;}
}
@-webkit-keyframes mouse {
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes mouse {
  0%{opacity:0;}
  100%{opacity:1;}
}
.mouse{
  animation: 'mouse' 0.6s ease-in-out 1.8s forwards;
  -ms-animation: mouse 0.6s ease-in-out 1.8s forwards;
  -moz-animation: mouse 0.6s ease-in-out 1.8s forwards;
  -o-animation: 'mouse' 0.6s ease-in-out 1.8s forwards;
  -webkit-animation: 'mouse' 0.6s ease-in-out 1.8s forwards;
  opacity: 0;
}




/*闪烁*/
@-moz-keyframes link {
  0%,50%,100%{opacity:1;transform:scale(1);}
  25%,75%{opacity:0.9;transform:scale(0.96);}
}
@-o-keyframes link {
  0%,50%,100%{opacity:1;transform:scale(1);}
  25%,75%{opacity:0.9;transform:scale(0.96);}
}
@-webkit-keyframes link {
  0%,50%,100%{opacity:1;transform:scale(1);}
  25%,75%{opacity:0.9;transform:scale(0.96);}
}
@keyframes link {
  0%,50%,100%{opacity:1;transform:scale(1);}
  25%,75%{opacity:0.9;transform:scale(0.96);}
}
.link {
  animation: 'link' 4s ease-in-out 0s infinite alternate;
  -ms-animation: link 4s ease-in-out 0s infinite alternate;
  -moz-animation: link 4s ease-in-out 0s infinite alternate;
  -o-animation: 'link' 4s ease-in-out 0s infinite alternate;
  -webkit-animation: 'link' 4s ease-in-out 0s infinite alternate;
}





/*飘动*/
@-moz-keyframes shake1{
	from{ margin-top: 0.6em; margin-bottom: -0.6em; margin-left: -2em; margin-right: 2em;}
	to{ opacity: 1; }
}
@-o-keyframes shake1{
	from{ margin-top: 0.6em; margin-bottom: -0.6em; margin-left: -2em; margin-right: 2em;}
	to{ opacity: 1; }
}
@-webkit-keyframes shake1{
	from{ margin-top: 0.6em; margin-bottom: -0.6em; margin-left: -2em; margin-right: 2em;}
	to{ opacity: 1; }
}
@keyframes shake1{
	from{ margin-top: 0.6em; margin-bottom: -0.6em; margin-left: -2em; margin-right: 2em;}
	to{ opacity: 1; }
}
.yun1,.plane,.bird1,.bird3{
	animation:'shake1' 2s ease-in-out 0s infinite alternate;
	-ms-animation:shake1 2s ease-in-out 0s infinite alternate;
	-moz-animation:shake1 2s ease-in-out 0s infinite alternate;
	-o-animation:'shake1' 2s ease-in-out 0s infinite alternate;
	-webkit-animation:'shake1' 2s ease-in-out 0s infinite alternate;
}

@-moz-keyframes shake2{
	from{ margin-top: 0.6em; margin-bottom: -0.6em; margin-left: -0.5em; margin-right: 0.5em;}
	to{ opacity: 1; }
}
@-o-keyframes shake2{
	from{ margin-top: 0.6em; margin-bottom: -0.6em; margin-left: -0.5em; margin-right: 0.5em;}
	to{ opacity: 1; }
}
@-webkit-keyframes shake2{
	from{ margin-top: 0.6em; margin-bottom: -0.6em; margin-left: -0.5em; margin-right: 0.5em;}
	to{ opacity: 1; }
}
@keyframes shake2{
	from{ margin-top: 0.6em; margin-bottom: -0.6em; margin-left: -0.5em; margin-right: 0.5em;}
	to{ opacity: 1; }
}
.yun2{
	animation:'shake2' 2s ease-in-out 0s infinite alternate;
	-ms-animation:shake2 2s ease-in-out 0s infinite alternate;
	-moz-animation:shake2 2s ease-in-out 0s infinite alternate;
	-o-animation:'shake2' 2s ease-in-out 0s infinite alternate;
	-webkit-animation:'shake2' 2s ease-in-out 0s infinite alternate;
}
.bird7{
	animation:'shake2' 1.6s ease-in-out 0.5s infinite alternate;
	-ms-animation:shake2 1.6s ease-in-out 0.5s infinite alternate;
	-moz-animation:shake2 1.6s ease-in-out 0.5s infinite alternate;
	-o-animation:'shake2' 1.6s ease-in-out 0.5s infinite alternate;
	-webkit-animation:'shake2' 1.6s ease-in-out 0.5s infinite alternate;
}




@-moz-keyframes shake3{
	from{ margin-top: -0.6em; margin-bottom: 0.6em; margin-left: -1em; margin-right: 1em;}
	to{ opacity: 1; }
}
@-o-keyframes shake3{
	from{ margin-top: -0.6em; margin-bottom: 0.6em; margin-left: -1em; margin-right: 1em;}
	to{ opacity: 1; }
}
@-webkit-keyframes shake3{
	from{ margin-top: -0.6em; margin-bottom: 0.6em; margin-left: -1em; margin-right: 1em;}
	to{ opacity: 1; }
}
@keyframes shake3{
	from{ margin-top: -0.6em; margin-bottom: 0.6em; margin-left: -1em; margin-right: 1em;}
	to{ opacity: 1; }
}
.bird,.bird2,.bird5,.bird8{
	animation:'shake3' 1.4s ease-in-out 0s infinite alternate;
	-ms-animation:shake3 1.4s ease-in-out 0s infinite alternate;
	-moz-animation:shake3 1.4s ease-in-out 0s infinite alternate;
	-o-animation:'shake3' 1.4s ease-in-out 0s infinite alternate;
	-webkit-animation:'shake3' 1.4s ease-in-out 0s infinite alternate;
}


@-moz-keyframes shake4{
	from{ margin-top: -0.6em; margin-bottom: 0.6em; margin-left: -2em; margin-right: 2em;}
	to{ opacity: 1; }
}
@-o-keyframes shake4{
	from{ margin-top: -0.6em; margin-bottom: 0.6em; margin-left: -2em; margin-right: 2em;}
	to{ opacity: 1; }
}
@-webkit-keyframes shake4{
	from{ margin-top: -0.6em; margin-bottom: 0.6em; margin-left: -2em; margin-right: 2em;}
	to{ opacity: 1; }
}
@keyframes shake4{
	from{ margin-top: -0.6em; margin-bottom: 0.6em; margin-left: -2em; margin-right: 2em;}
	to{ opacity: 1; }
}
.bird4,.bird6,.bird9{
	animation:'shake4' 1.4s ease-in-out 0s infinite alternate;
	-ms-animation:shake4 1.4s ease-in-out 0s infinite alternate;
	-moz-animation:shake4 1.4s ease-in-out 0s infinite alternate;
	-o-animation:'shake4' 1.4s ease-in-out 0s infinite alternate;
	-webkit-animation:'shake4' 1.4s ease-in-out 0s infinite alternate;
}





/*旋转*/
@-moz-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-o-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-webkit-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@keyframes music{from{ transform:rotate(-360deg); }to{ }}
.wheel1{
	animation:'music' 4s linear 0s infinite;
	-ms-animation:music 4s linear 0s infinite;
	-moz-animation:music 4s linear 0s infinite;
	-o-animation:'music' 4s linear 0s infinite;
	-webkit-animation:'music' 4s linear 0s infinite;
}
.wheel2{
	animation:'music' 3.4s linear 0s infinite;
	-ms-animation:music 3.4s linear 0s infinite;
	-moz-animation:music 3.4s linear 0s infinite;
	-o-animation:'music' 3.4s linear 0s infinite;
	-webkit-animation:'music' 3.4s linear 0s infinite;
}
.lun{
	animation:'music' 7.5s linear 0s infinite;
	-ms-animation:music 7.5s linear 0s infinite;
	-moz-animation:music 7.5s linear 0s infinite;
	-o-animation:'music' 7.5s linear 0s infinite;
	-webkit-animation:'music' 7.5s linear 0s infinite;
}




@-moz-keyframes shang{
	from{ margin-bottom: 0.6em; }
	to{}
}
@-o-keyframes shang{
	from{ margin-bottom: 0.6em; }
	to{}
}
@-webkit-keyframes shang{
	from{ margin-bottom: 0.6em; }
	to{}
}
@keyframes shang{
	from{ margin-bottom: 0.6em; }
	to{}
}
.arrow1{
	animation:'shang' 1s ease-in-out 0s infinite alternate;
	-ms-animation:shang 1s ease-in-out 0s infinite alternate;
	-moz-animation:shang 1s ease-in-out 0s infinite alternate;
	-o-animation:'shang' 1s ease-in-out 0s infinite alternate;
	-webkit-animation:'shang' 1s ease-in-out 0s infinite alternate;
}



@-moz-keyframes shang1 {
  0%{transform:translateY(0.8em);}
  100%{}
}
@-o-keyframes shang1 {
  0%{transform:translateY(0.8em);}
  100%{}
}
@-webkit-keyframes shang1 {
  0%{transform:translateY(0.8em);}
  100%{}
}
@keyframes shang1 {
  0%{transform:translateY(0.8em);}
  100%{}
}
.kite {
  animation: 'shang1' 1.6s ease-in-out 1s infinite alternate;
  -ms-animation: shang1 1.6s ease-in-out 1s infinite alternate;
  -moz-animation: shang1 1.6s ease-in-out 1s infinite alternate;
  -o-animation: 'shang1' 1.6s ease-in-out 1s infinite alternate;
  -webkit-animation: 'shang1' 1.6s ease-in-out 1s infinite alternate;
}







@-moz-keyframes xia{
	from{ margin-bottom: -0.8em; }
	to{}
}
@-o-keyframes xia{
	from{ margin-bottom: -0.8em; }
	to{}
}
@-webkit-keyframes xia{
	from{ margin-bottom: -0.8em; }
	to{}
}
@keyframes xia{
	from{ margin-bottom: -0.8em; }
	to{}
}
.arrow2{
	animation:'xia' 1s ease-in-out 0s infinite alternate;
	-ms-animation:xia 1s ease-in-out 0s infinite alternate;
	-moz-animation:xia 1s ease-in-out 0s infinite alternate;
	-o-animation:'xia' 1s ease-in-out 0s infinite alternate;
	-webkit-animation:'xia' 1s ease-in-out 0s infinite alternate;
}

@-moz-keyframes xia1{
	from{ margin-bottom: -0.4em; }
	to{}
}
@-o-keyframes xia1{
	from{ margin-bottom: -0.4em; }
	to{}
}
@-webkit-keyframes xia1{
	from{ margin-bottom: -0.4em; }
	to{}
}
@keyframes xia1{
	from{ margin-bottom: -0.4em; }
	to{}
}
.wave1{
	animation:'xia1' 1s ease-in-out 0s infinite alternate;
	-ms-animation:xia1 1s ease-in-out 0s infinite alternate;
	-moz-animation:xia1 1s ease-in-out 0s infinite alternate;
	-o-animation:'xia1' 1s ease-in-out 0s infinite alternate;
	-webkit-animation:'xia1' 1s ease-in-out 0s infinite alternate;
}
.wave2{
	animation:'xia1' 1s ease-in-out 1s infinite alternate;
	-ms-animation:xia1 1s ease-in-out 1s infinite alternate;
	-moz-animation:xia1 1s ease-in-out 1s infinite alternate;
	-o-animation:'xia1' 1s ease-in-out 1s infinite alternate;
	-webkit-animation:'xia1' 1s ease-in-out 1s infinite alternate;
}


@-moz-keyframes xia2 {
  0%{transform:translateY(-1em);}
  100%{}
}
@-o-keyframes xia2 {
  0%{transform:translateY(-1em);}
  100%{}
}
@-webkit-keyframes xia2 {
  0%{transform:translateY(-1em);}
  100%{}
}
@keyframes xia2 {
  0%{transform:translateY(-1em);}
  100%{}
}
.rocket,.drone1 {
  animation: 'xia2' 1s ease-in-out 0s infinite alternate;
  -ms-animation: xia2 1s ease-in-out 0s infinite alternate;
  -moz-animation: xia2 1s ease-in-out 0s infinite alternate;
  -o-animation: 'xia2' 1s ease-in-out 0s infinite alternate;
  -webkit-animation: 'xia2' 1s ease-in-out 0s infinite alternate;
}

.drone2{
  animation: 'xia2' 1.4s ease-in-out 0.4s infinite alternate;
  -ms-animation: xia2 1.4s ease-in-out 0.4s infinite alternate;
  -moz-animation: xia2 1.4s ease-in-out 0.4s infinite alternate;
  -o-animation: 'xia2' 1.4s ease-in-out 0.4s infinite alternate;
  -webkit-animation: 'xia2' 1.4s ease-in-out 0.4s infinite alternate;
}




@-moz-keyframes you{
	from{ margin-left: -0.8em; }
	to{}
}
@-o-keyframes you{
	from{ margin-left: -0.8em; }
	to{}
}
@-webkit-keyframes you{
	from{ margin-left: -0.8em; }
	to{}
}
@keyframes you{
	from{ margin-left: -0.8em; }
	to{}
}
.boat1,.boat3{
	animation:'you' 1.6s ease-in-out 0s infinite alternate;
	-ms-animation:you 1.6s ease-in-out 0s infinite alternate;
	-moz-animation:you 1.6s ease-in-out 0s infinite alternate;
	-o-animation:'you' 1.6s ease-in-out 0s infinite alternate;
	-webkit-animation:'you' 1.6s ease-in-out 0s infinite alternate;
}







@-moz-keyframes zuo{
	from{ margin-left: 0.8em; }
	to{}
}
@-o-keyframes zuo{
	from{ margin-left: 0.8em; }
	to{}
}
@-webkit-keyframes zuo{
	from{ margin-left: 0.8em; }
	to{}
}
@keyframes zuo{
	from{ margin-left: 0.8em; }
	to{}
}
.boat2{
	animation:'zuo' 1.6s ease-in-out 0s infinite alternate;
	-ms-animation:zuo 1.6s ease-in-out 0s infinite alternate;
	-moz-animation:zuo 1.6s ease-in-out 0s infinite alternate;
	-o-animation:'zuo' 1.6s ease-in-out 0s infinite alternate;
	-webkit-animation:'zuo' 1.6s ease-in-out 0s infinite alternate;
}


@-moz-keyframes zuo1 {
  0%{transform:translateX(-1em);}
  100%{}
}
@-o-keyframes zuo1 {
  0%{transform:translateX(-1em);}
  100%{}
}
@-webkit-keyframes zuo1 {
  0%{transform:translateX(-1em);}
  100%{}
}
@keyframes zuo1 {
  0%{transform:translateX(-1em);}
  100%{}
}
.boat4 {
  animation: 'zuo1' 1.6s ease-in-out 0.2s infinite alternate;
  -ms-animation: zuo1 1.6s ease-in-out 0.2s infinite alternate;
  -moz-animation: zuo1 1.6s ease-in-out 0.2s infinite alternate;
  -o-animation: 'zuo1' 1.6s ease-in-out 0.2s infinite alternate;
  -webkit-animation: 'zuo1' 1.6s ease-in-out 0.2s infinite alternate;
}
.boat5 {
  animation: 'zuo1' 1.6s ease-in-out 0.6s infinite alternate;
  -ms-animation: zuo1 1.6s ease-in-out 0.6s infinite alternate;
  -moz-animation: zuo1 1.6s ease-in-out 0.6s infinite alternate;
  -o-animation: 'zuo1' 1.6s ease-in-out 0.6s infinite alternate;
  -webkit-animation: 'zuo1' 1.6s ease-in-out 0.6s infinite alternate;
}