body{font:normal 14px "Microsoft Yahei";margin:0;background:#caecee}
html,body{height:100%}
/*swiper*/
.pages{width:100%;display:inline-block;vertical-align:middle;position:absolute;top:50%;margin-top:-1000px;/*transition:height 1s;*/}
.pages:before,.pages:after{content:"";display:block;height:0;font-size:0;clear:both}
.swiper-container{width:100%;height:100%}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide img{width:100%}
.arrow{z-index:999;opacity:0;display:block;position:absolute;bottom:20px;left:50%;margin-left:-29px;width:60px;height:40px;background:url("../images/arrow.png") no-repeat;background-size:58px auto;-webkit-animation:arrow ease-out 1s infinite;-webkit-animation-delay:2.4s}
@-webkit-keyframes arrow{
0%{opacity:0;-webkit-transform:translate(0,0px)}
100%{opacity:1;-webkit-transform:translate(0,-20px)}
}
.swiper-slide{white-space:nowrap;text-align:center}
.swiper-slide img{vertical-align:bottom;max-height:100%}
.swiper-slide:after{content:"";display:inline-block;height:100%;vertical-align:bottom}