#banner { width: 100%;height:100%; text-align: center; overflow: hidden; position: relative; }
#banner .swiper-slide { width: 100%; float: left; height:100%; overflow:hidden;}
#banner .swiper-slide .swiper-img{width:100%;}
#banner .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 55%; margin-top: -15px; width: 17px; height: 30px; z-index: 999; }
#banner .arrow-right { background: url(../images/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 55%; margin-top: -15px; width: 17px; height: 30px; z-index: 999; }
#banner .pagination { position: absolute; left: 0; text-align: center; bottom: 20px; width: 100%; z-index: 999; }
.swiper-pagination-bullet { display: inline-block; width:7px; height:7px; border-radius:7px; background: white; margin: 0 3px; cursor: pointer; }
.inner {width: 940px;
	height: 167px;text-align:center;position: absolute;
	left:50%;
	margin-left: -470px;
	top: 40%;}
#banner .ani { display:inline-block;}
.m-swiper-img{display:none;width:100%;}
#banner .swiper-slide .swiper-img,#banner .inner,#banner .arrow-left,#banner .arrow-right{display:block}	
@media (max-width:1023px) {
.m-swiper-img{display:block;}
#banner .swiper-slide .swiper-img,#banner .inner,#banner .arrow-left,#banner .arrow-right{display:none}	
	
}