<ul class="piao-list clearfix">
<li><a href="javascript:;"><img src="dist/img/qiu1.png" ></a></li>
<li><a href="javascript:;"><img src="dist/img/qiu2.png" ></a></li>
<li><a href="javascript:;"><img src="dist/img/qiu3.png" ></a></li>
<li><a href="javascript:;"><img src="dist/img/qiu4.png" ></a></li>
<li><a href="javascript:;"><img src="dist/img/qiu5.png" ></a></li>
</ul>
.piao-list{
position: absolute;
top: -20px;
text-align: center;
left: 160px;
z-index: 99;
}
.piao-list li{
float: left;
margin-right: 45px;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
.piao-list li a{
display: block;
}
.piao-list li:nth-child(2){
margin-top: -10px;
animation-delay:.5s;
-webkit-animation-delay:.5s;
}
.piao-list li:nth-child(3){
margin-top: -70px;
margin-right: 25px;
animation-delay:1s;
-webkit-animation-delay:1s;
}
.piao-list li:nth-child(4){
margin-top: 15px;
margin-right: 25px;
animation-delay:1.5s;
-webkit-animation-delay:1.5s;
}
.piao-list li:nth-child(5){
margin-top: 80px;
margin-right: 0;
animation-delay:2s;
-webkit-animation-delay:2s;
}