@charset "utf-8";
 * { margin: 0;padding: 0;}
 html, body { width: 100%;height: 100%; overflow: hidden; }
.content {height: 100%; position: relative; left: 0; top: 0%;}
.content .page {height: 100%; position: relative; background-color:#f1ece8;  width:100%; }

.xiangxiatishi { position: fixed; bottom: 20px;left: 50%;-webkit-transform: translateX(-50%); -webkit-animation: dong 1s linear 0s infinite alternate; z-index:999;}
@-webkit-keyframes dong {from {bottom: 20px; } to { bottom: 60px;}}

/* music */  
@-webkit-keyframes reverseRotataZ{  
    0%{-webkit-transform: rotateZ(0deg);}  
    100%{-webkit-transform: rotateZ(-360deg);}  
}  
@-webkit-keyframes rotataZ{  
    0%{-webkit-transform: rotateZ(0deg);}  
    100%{-webkit-transform: rotateZ(360deg);}  
}  
#musicControl { position: fixed; display:inline-block; width:30px;height:30px; right:2rem;top:2rem;margin:0; padding:0px;z-index:99999999}  
#musicControl a { display:inline-block;width:25px;height:25px;overflow:hidden; }  
#musicControl a audio{width:100%;height:56px;}  
#musicControl a.stop { background-position:left bottom; background:url('../images/music2.png') no-repeat;background-size:100%;}  
#musicControl a.on { background-position:0px 1px;-webkit-animation: reverseRotataZ 1.2s linear infinite; background:url('../images/music.png') no-repeat;background-size:100%;}  
#music_play_filter{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:99999998;}  


/*p0*/
.content .cur .p0_title{ font-size:3rem; color:#fff; top:3rem;  opacity:0; filter:Alpha(opacity=0); animation:p0_title 1s ease-out; -webkit-animation:p0_title 1s ease-out;  -moz-animation:p0_title 1s ease-out;  animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; }
@keyframes p0_title{from {left:10rem; opacity:0; filter:Alpha(opacity=0);}to {left:3rem; opacity:1; filter:Alpha(opacity=100); }}
@-moz-keyframes p0_title {from {left:10rem; opacity:0;}to {left:3rem; opacity:1; }}
@-webkit-keyframes p0_title {from {left:10rem; opacity:0;}to {left:3rem; opacity:1; }}
@-o-keyframes p0_title {from {left:10rem; opacity:0;}to {left:3rem; opacity:1; }}

/*bk*/ 
.content .cur .back{ position: absolute; width:200%;height:60%;background: url(../images/bk.png) no-repeat center top; background-size:cover; bottom:0px; -webkit-animation:back 6s linear 0s infinite;  animation:back 10s linear 0s infinite; -moz-animation:back 10s linear 0s infinite; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; }
@keyframes back{from {left:0rem;}to {left:-20rem;}}
@-moz-keyframes back{from {left:0rem;}to {left:-20rem; }}
@-webkit-keyframes back {from {left:0rem;}to {left:-20rem;}}
@-o-keyframes back {from {left:0rem;}to {left:-20rem;  }}

/*太阳*/
.sun{ width:5rem;height:5rem;background: url(../images/img1.png) no-repeat center center; background-size:cover; border-radius:140px;   -webkit-animation:sun 3s linear 0s infinite;  animation:sun 3s linear 0s infinite; -moz-animation:sun 3s linear 0s infinite; }  
@keyframes sun{ from{  -webkit-transform:rotate(0deg); }  to{  -webkit-transform:rotate(360deg); } }
@keyframes sun{ from{  -webkit-transform:rotate(0deg); }  to{  -webkit-transform:rotate(360deg); } }
@-moz-keyframes sun{ from{  -webkit-transform:rotate(0deg); }  to{  -webkit-transform:rotate(360deg); } }
@-webkit-keyframes sun { from{  -webkit-transform:rotate(0deg); }  to{  -webkit-transform:rotate(360deg); } }
@-o-keyframes sun { from{  -webkit-transform:rotate(0deg); }  to{  -webkit-transform:rotate(360deg); } }

.content .cur .sun_xianlu{ position: absolute; -webkit-animation:sun_xianlu 3s ease-out;  animation:sun_xianlu 3s ease-out; -moz-animation:sun_xianlu 3s ease-out; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; opacity:0; filter:Alpha(opacity=0);}
@keyframes sun_xianlu{from {left:20rem; top:20rem; opacity:0; filter:Alpha(opacity=0);}to {left:2rem; top:1rem;opacity:1; filter:Alpha(opacity=100); }}
@-moz-keyframes sun_xianlu{from {left:20rem; top:20rem; opacity:0; filter:Alpha(opacity=0);}to {left:2rem; top:1rem;opacity:1; filter:Alpha(opacity=100); }}
@-webkit-keyframes sun_xianlu {from {left:20rem; top:20rem; opacity:0; filter:Alpha(opacity=0);}to {left:2rem; top:1rem;opacity:1; filter:Alpha(opacity=100); }}
@-o-keyframes sun_xianlu {from {left:20rem; top:20rem; opacity:0; filter:Alpha(opacity=0);}to {left:2rem; top:1rem;opacity:1; filter:Alpha(opacity=100); }}

/*云1*/
.content .cur .yun1{width:10rem;height:5rem; position: absolute; top:20%; background: url(../images/img4.png) no-repeat center center; background-size:100%;  opacity:0; filter:Alpha(opacity=0); animation:yun1 1s ease-out; -webkit-animation:yun1 1s ease-out;  -moz-animation:yun1 1s ease-out;  animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-delay:2s;-webkit-animation-delay:2s;}
@keyframes yun1{from {left:10rem; opacity:0; filter:Alpha(opacity=0);}to {left:3rem; opacity:1; filter:Alpha(opacity=100); }}
@-moz-keyframes yun1{from {left:10rem;  opacity:0; filter:Alpha(opacity=0);}to {left:3rem; opacity:1; filter:Alpha(opacity=100); }}
@-webkit-keyframes yun1 {from {left:10rem; opacity:0; filter:Alpha(opacity=0);}to {left:3rem;opacity:1; filter:Alpha(opacity=100); }}
@-o-keyframes yun1 {from {left:10rem; opacity:0; filter:Alpha(opacity=0);}to {left:3rem; opacity:1; filter:Alpha(opacity=100); }}

/*云2*/
.content .cur .yun2{width:8rem;height:5rem; position: absolute; top:3%; background: url(../images/img5.png) no-repeat center center; background-size:100%;  opacity:0; filter:Alpha(opacity=0); animation:yun2 1.2s ease-out; -webkit-animation:yun2 1.2s ease-out;  -moz-animation:yun2 1.2s ease-out;  animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-delay:2.2s;-webkit-animation-delay:2.2s;}
@keyframes yun2{from {right:5rem; opacity:0; filter:Alpha(opacity=0);}to {right:3rem; opacity:1; filter:Alpha(opacity=100); }}
@-moz-keyframes yun2{from {right:5rem;  opacity:0; filter:Alpha(opacity=0);}to {right:3rem; opacity:1; filter:Alpha(opacity=100); }}
@-webkit-keyframes yun2 {from {right:5rem; opacity:0; filter:Alpha(opacity=0);}to {right:3rem;opacity:1; filter:Alpha(opacity=100); }}
@-o-keyframes yun2 {from {right:5rem; opacity:0; filter:Alpha(opacity=0);}to {right:3rem; opacity:1; filter:Alpha(opacity=100); }}

/*niao1*/
.content .cur .niao1{width:5rem;height:5rem; position: absolute; top:23%; background: url(../images/img2.png) no-repeat center center; background-size:100%;  opacity:0; filter:Alpha(opacity=0); animation:niao1 1s ease-out; -webkit-animation:niao1 1s ease-out;  -moz-animation:niao1 1s ease-out;  animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-delay:2s;-webkit-animation-delay:2s;}
@keyframes niao1{from {left:10rem; top:33%; opacity:0; filter:Alpha(opacity=0);}to {left:8rem; top:23%;  opacity:1; filter:Alpha(opacity=100); }}
@-moz-keyframes niao1{from {left:10rem; top:33%; opacity:0; filter:Alpha(opacity=0);}to {left:8rem; top:23%;  opacity:1; filter:Alpha(opacity=100); }}
@-webkit-keyframes niao1 {from {left:10rem; top:33%; opacity:0; filter:Alpha(opacity=0);}to {left:8rem; top:23%;  opacity:1; filter:Alpha(opacity=100); }}
@-o-keyframes niao1 {from {left:10rem; top:33%; opacity:0; filter:Alpha(opacity=0);}to {left:8rem; top:23%;  opacity:1; filter:Alpha(opacity=100); }}

/*niao2*/
.content .cur .niao2{width:2rem;height:2rem; position: absolute; top:18%; background: url(../images/img3.png) no-repeat center center; background-size:100%;  opacity:0; filter:Alpha(opacity=0); animation:niao2 1.5s ease-out; -webkit-animation:niao2 1.5s ease-out;  -moz-animation:niao2 1.5s ease-out;  animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-delay:1.5s;-webkit-animation-delay:1.5s;}
@keyframes niao2{from {right:6rem; top:38%; opacity:0; filter:Alpha(opacity=0);}to {right:4rem; top:28%;  opacity:1; filter:Alpha(opacity=100); }}
@-moz-keyframes niao2{from {right:6rem; top:38%; opacity:0; filter:Alpha(opacity=0);}to {right:4rem; top:28%;  opacity:1; filter:Alpha(opacity=100); }}
@-webkit-keyframes niao2 {from {right:6rem; top:38%; opacity:0; filter:Alpha(opacity=0);}to {right:4rem; top:28%;  opacity:1; filter:Alpha(opacity=100); }}
@-o-keyframes niao2 {from {right:6rem; top:38%; opacity:0; filter:Alpha(opacity=0);}to {right:4rem; top:28%;  opacity:1; filter:Alpha(opacity=100); }}

/*niao3*/
.content .cur .niao3{width:2rem;height:2rem; position: absolute; top:3%; background: url(../images/img6.png) no-repeat center center; background-size:100%;  opacity:0; filter:Alpha(opacity=0); animation:niao3 1s ease-out; -webkit-animation:niao3 1s ease-out;  -moz-animation:niao3 1s ease-out;  animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;animation-delay:2s;-webkit-animation-delay:2s;}
@keyframes niao3{from {right:5rem; top:7rem; opacity:0; filter:Alpha(opacity=0);}to {right:7rem; top:3%;  opacity:1; filter:Alpha(opacity=100); }}
@-moz-keyframes niao3{from {right:5rem; top:7rem; opacity:0; filter:Alpha(opacity=0);}to {right:7rem; top:3%;  opacity:1; filter:Alpha(opacity=100); }}
@-webkit-keyframes niao3 {from {right:5rem; top:7rem; opacity:0; filter:Alpha(opacity=0);}to {right:7rem; top:3%; opacity:1; filter:Alpha(opacity=100); }}
@-o-keyframes niao3 {from {right:9rem; top:5rem; opacity:0; filter:Alpha(opacity=0);}to {right:7rem; top:3%; opacity:1; filter:Alpha(opacity=100); }}

/*newTitle*/
.content .cur .newTitle{width:100%;height:2.5rem; margin:0 auto; position: absolute; top:25%; background: url(../images/img8.png) no-repeat center center; background-size:80%;  opacity:0; filter:Alpha(opacity=0); animation:newTitle 1s ease-out; -webkit-animation:newTitle 1s ease-out;  -moz-animation:newTitle 1s ease-out;  animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;animation-delay:2s;-webkit-animation-delay:2s;}
@keyframes newTitle{from { top:-5rem; opacity:0; filter:Alpha(opacity=0);}to { top:25%;  opacity:1; filter:Alpha(opacity=100); }}
@-moz-keyframes newTitle{from { top:-5rem; opacity:0; filter:Alpha(opacity=0);}to {top:25%;  opacity:1; filter:Alpha(opacity=100); }}
@-webkit-keyframes newTitle {from {top:-5rem; opacity:0; filter:Alpha(opacity=0);}to {top:25%;  opacity:1; filter:Alpha(opacity=100); }}
@-o-keyframes newTitle {from {top:-5rem; opacity:0; filter:Alpha(opacity=0);}to {top:25%;  opacity:1; filter:Alpha(opacity=100); }}

/*Title*/
.content .cur .Title{width:100%;height:2.5rem; font-size:2rem; line-height:2.5rem; font-weight:bold; color:#0f3e46; text-align:center; margin:0 auto; position: absolute; top:15%; opacity:0; filter:Alpha(opacity=0); animation:Title 1s ease-out; -webkit-animation:Title 1s ease-out;  -moz-animation:Title 1s ease-out;  animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;animation-delay:2s;-webkit-animation-delay:2s;}
@keyframes Title{from { top:-5rem; opacity:0; filter:Alpha(opacity=0);}to { top:15%;  opacity:1; filter:Alpha(opacity=100); }}
@-moz-keyframes Title{from { top:-5rem; opacity:0; filter:Alpha(opacity=0);}to {top:15%;  opacity:1; filter:Alpha(opacity=100); }}
@-webkit-keyframes Title {from {top:-5rem; opacity:0; filter:Alpha(opacity=0);}to {top:15%;  opacity:1; filter:Alpha(opacity=100); }}
@-o-keyframes Title {from {top:-5rem; opacity:0; filter:Alpha(opacity=0);}to {top:15%;  opacity:1; filter:Alpha(opacity=100); }}

/*chuan*/
.content .cur .chuan{width:20rem;height:10rem; margin:0 auto; position: absolute; top:30%; background: url(../images/img7.png) no-repeat center center; background-size:90%;  opacity:0; filter:Alpha(opacity=0); animation:chuan 1s ease-out; -webkit-animation:chuan 1s ease-out;  -moz-animation:chuan 1s ease-out;  animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;animation-delay:1s;-webkit-animation-delay:1s;}
.content .cur .chuan2{width:20rem;height:10rem; margin:0 auto; position: absolute; top:30%; background: url(../images/img7b.png) no-repeat center center; background-size:90%;  opacity:0; filter:Alpha(opacity=0); animation:chuan 1s ease-out; -webkit-animation:chuan 1s ease-out;  -moz-animation:chuan 1s ease-out;  animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;animation-delay:1s;-webkit-animation-delay:1s;}
@keyframes chuan{from { left:150%; opacity:0; filter:Alpha(opacity=0);}to { left:15%;  opacity:1; filter:Alpha(opacity=100); }}
@-moz-keyframes chuan{from { left:150%; opacity:0; filter:Alpha(opacity=0);}to {left:15%;  opacity:1; filter:Alpha(opacity=100); }}
@-webkit-keyframes chuan {from {left:150%; opacity:0; filter:Alpha(opacity=0);}to {left:15%;  opacity:1; filter:Alpha(opacity=100); }}
@-o-keyframes chuan {from {left:150%; opacity:0; filter:Alpha(opacity=0);}to {left:15%;  opacity:1; filter:Alpha(opacity=100); }}

/*ionimg*/
.content .cur .ionimg{width:3rem;height:2rem;position: absolute; background-size:50%;  background: url(../images/img9.png) no-repeat center center;  opacity:0; filter:Alpha(opacity=0); animation:ionimg 1s ease-out; -webkit-animation:ionimg 1s ease-out;  -moz-animation:ionimg 1s ease-out;  animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}

@keyframes ionimg{from { left:-3rem; opacity:0; filter:Alpha(opacity=0);}to { left:8%;  opacity:1; filter:Alpha(opacity=100); }}
@-moz-keyframes ionimg{from { left:-3rem; opacity:0; filter:Alpha(opacity=0);}to {left:8%;  opacity:1; filter:Alpha(opacity=100); }}
@-webkit-keyframes ionimg {from {left:-3rem; opacity:0; filter:Alpha(opacity=0);}to {left:8%;  opacity:1; filter:Alpha(opacity=100); }}
@-o-keyframes ionimg {from {left:-3rem; opacity:0; filter:Alpha(opacity=0);}to {left:8%;  opacity:1; filter:Alpha(opacity=100); }}

.content .cur .ion1{ animation-delay:2s;-webkit-animation-delay:2s;  }
.content .cur .ion2{ animation-delay:2.5s;-webkit-animation-delay:2.5s;  }
.content .cur .ion3{ animation-delay:3s;-webkit-animation-delay:3s; }
.content .cur .ion4{ animation-delay:3s;-webkit-animation-delay:3.5s; }
.content .cur .ion5{ animation-delay:3s;-webkit-animation-delay:4s; }

/*word*/
.content .cur .word{width:20rem;height:2rem;position: absolute; line-height:2rem; font-size:1.5rem; font-weight:bold; color:#FFF; opacity:0; filter:Alpha(opacity=0); animation:word 1s ease-out; -webkit-animation:word 1s ease-out;  -moz-animation:word 1s ease-out;  animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}

@keyframes word{from { left:110%; opacity:0; filter:Alpha(opacity=0);}to { left:25%;  opacity:1; filter:Alpha(opacity=100); }}
@-moz-keyframes word{from { left:110%; opacity:0; filter:Alpha(opacity=0);}to {left:25%;  opacity:1; filter:Alpha(opacity=100); }}
@-webkit-keyframes word {from {left:110%; opacity:0; filter:Alpha(opacity=0);}to {left:25%;  opacity:1; filter:Alpha(opacity=100); }}
@-o-keyframes word {from {left:110%; opacity:0; filter:Alpha(opacity=0);}to {left:25%;  opacity:1; filter:Alpha(opacity=100); }}

.content .cur .word1{ animation-delay:2s;-webkit-animation-delay:2s;  }
.content .cur .word2{ animation-delay:2.5s;-webkit-animation-delay:2.5s; }
.content .cur .word3{ animation-delay:3s;-webkit-animation-delay:3s; }
.content .cur .word4{ animation-delay:3s;-webkit-animation-delay:3.5s; }
.content .cur .word5{ animation-delay:3s;-webkit-animation-delay:4s; }

/*newTitle2*/
.content .cur .newTitle2{width:100%;height:2.5rem; margin:0 auto; position: absolute; top:15%; background: url(../images/p2img1.png) no-repeat center center; background-size:80%;  opacity:0; filter:Alpha(opacity=0); animation:newTitle2 1s ease-out; -webkit-animation:newTitle2 1s ease-out;  -moz-animation:newTitle2 1s ease-out;  animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;animation-delay:2s;-webkit-animation-delay:2s;}
@keyframes newTitle2{from { top:-5rem; opacity:0; filter:Alpha(opacity=0);}to { top:15%;  opacity:1; filter:Alpha(opacity=100); }}
@-moz-keyframes newTitle2{from { top:-5rem; opacity:0; filter:Alpha(opacity=0);}to {top:15%;  opacity:1; filter:Alpha(opacity=100); }}
@-webkit-keyframes newTitle2 {from {top:-5rem; opacity:0; filter:Alpha(opacity=0);}to {top:15%;  opacity:1; filter:Alpha(opacity=100); }}
@-o-keyframes newTitle2 {from {top:-5rem; opacity:0; filter:Alpha(opacity=0);}to {top:15%;  opacity:1; filter:Alpha(opacity=100); }}


/*wenzi*/
.content .cur .wenzi{width:100%;height:15rem; position: absolute; top:25%; background: url(../images/p2img4.png) no-repeat center center; background-size:80%;  opacity:0; filter:Alpha(opacity=0); animation:wenzi 1s ease-out; -webkit-animation:wenzi 1s ease-out;  -moz-animation:wenzi 1s ease-out;  animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;animation-delay:2s;-webkit-animation-delay:2s;}
@keyframes wenzi{from { top:30%; opacity:0; filter:Alpha(opacity=0);}to { top:20%;  opacity:1; filter:Alpha(opacity=100); }}
@-moz-keyframes wenzi{from { top:30%; opacity:0; filter:Alpha(opacity=0);}to {top:20%;  opacity:1; filter:Alpha(opacity=100); }}
@-webkit-keyframes wenzi {from {top:30%; opacity:0; filter:Alpha(opacity=0);}to {top:20%;  opacity:1; filter:Alpha(opacity=100); }}
@-o-keyframes wenzi {from {top:30%; opacity:0; filter:Alpha(opacity=0);}to {top:20%;  opacity:1; filter:Alpha(opacity=100); }}


/*link*/
.content .cur .link{width:40vw; height:2.5rem; font-size:1.1rem; font-weight:bold; position: absolute; right:10%; top:50%;  opacity:0; filter:Alpha(opacity=0); animation:link 1s ease-out; -webkit-animation:link 1s ease-out;  -moz-animation:link 1s ease-out;  animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;animation-delay:3s;-webkit-animation-delay:3s;}
@keyframes link{from { top:80%; opacity:0; filter:Alpha(opacity=0);}to { top:50%;  opacity:1; filter:Alpha(opacity=100); }}
@-moz-keyframes link{from { top:80%; opacity:0; filter:Alpha(opacity=0);}to {top:50%;  opacity:1; filter:Alpha(opacity=100); }}
@-webkit-keyframes link {from {top:80%; opacity:0; filter:Alpha(opacity=0);}to {top:50%;  opacity:1; filter:Alpha(opacity=100); }}
@-o-keyframes link {from {top:80%; opacity:0; filter:Alpha(opacity=0);}to {top:50%;  opacity:1; filter:Alpha(opacity=100); }}

/*erweima1*/
.content .cur .erweima1{width:12rem; height:11rem; position: absolute; top:50%; left:5vw; opacity:0; filter:Alpha(opacity=0); animation:erweima1 1s ease-out; -webkit-animation:erweima1 1s ease-out;  -moz-animation:erweima1 1s ease-out;  animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;animation-delay:2s;-webkit-animation-delay:2s;}
.erweima1 img{ width:14rem;}
@keyframes erweima1{from { top:80%; opacity:0; filter:Alpha(opacity=0);}to { top:60%;  opacity:1; filter:Alpha(opacity=100); }}
@-moz-keyframes erweima1{from { top:80%; opacity:0; filter:Alpha(opacity=0);}to {top:60%;  opacity:1; filter:Alpha(opacity=100); }}
@-webkit-keyframes erweima1 {from {top:80%; opacity:0; filter:Alpha(opacity=0);}to {top:60%;  opacity:1; filter:Alpha(opacity=100); }}
@-o-keyframes erweima1 {from {top:80%; opacity:0; filter:Alpha(opacity=0);}to {top:60%;  opacity:1; filter:Alpha(opacity=100); }}

/*erweima2*/
.content .cur .erweima2{width:10rem; height:11rem; position: absolute; right:5vw; top:50%; opacity:0; filter:Alpha(opacity=0); animation:erweima2 1s ease-out; -webkit-animation:erweima2 1s ease-out;  -moz-animation:erweima2 1s ease-out;  animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;animation-delay:2s;-webkit-animation-delay:2s;}
@keyframes erweima2{from { top:80%; opacity:0; filter:Alpha(opacity=0);}to { top:60%;  opacity:1; filter:Alpha(opacity=100); }}
@-moz-keyframes erweima2{from { top:80%; opacity:0; filter:Alpha(opacity=0);}to {top:60%;  opacity:1; filter:Alpha(opacity=100); }}
@-webkit-keyframes erweima2 {from {top:80%; opacity:0; filter:Alpha(opacity=0);}to {top:60%;  opacity:1; filter:Alpha(opacity=100); }}
@-o-keyframes erweima2 {from {top:80%; opacity:0; filter:Alpha(opacity=0);}to {top:60%;  opacity:1; filter:Alpha(opacity=100); }}


/*yu*/ 
.content .cur .yu{ position: absolute; width:10rem;height:10rem;background: url(../images/img14.png) no-repeat center top; background-size:100%; top:55%;animation:yu 8s infinite;-moz-animation:yu 8s infinite; /* Firefox */-webkit-animation:yu 8s infinite; /* Safari and Chrome */-o-animation:yu 8s infinite; /* Opera */ }
.content .cur .yu2{ position: absolute; width:3rem;height:2rem;background: url(../images/img13.png) no-repeat center top; background-size:100%; top:70%;left:120%;animation:yu 5s infinite;
-moz-animation:yu 5s infinite; /* Firefox */-webkit-animation:yu 5s infinite; /* Safari and Chrome */-o-animation:yu 5s infinite; /* Opera */ animation-delay:2s;-webkit-animation-delay:2s;}
@keyframes yu
{
0%   {left:120%;}
25%  {left:50%;}
75%  {left:30%}
100% {left:-40%;}
}

@-moz-keyframes yu /* Firefox */
{
0%   {left:120%;}
25%  {left:50%;}
75%  {left:30%}
100% {left:-40%;}
}

@-webkit-keyframes yu /* Safari and Chrome */
{
0%   {left:120%;}
25%  {left:50%;}
75%  {left:30%}
100% {left:-40%;}
}

@-o-keyframes yu /* Opera */
{
0%   {left:120%;}
25%  {left:50%;}
75%  {left:30%}
100% {left:-40%;}
}