/*各个动画的css		*/
.leftUp img{-webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); }
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}
@keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}

.moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
@keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}

.moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}
@keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}

.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);}}

.rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
@keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}

/*以下是滑块移动必不可少的*/
@-webkit-keyframes banner-swiper-pagination-activating {
	0% {width:0;}
	100% {width:100%;}
}
@keyframes banner-swiper-pagination-activating {
	0% {width:0;}
	100% {width:100%;}
}
@-webkit-keyframes banner-swiper-slide-in {
	0% {-webkit-transform:translateY(50vh);transform:translateY(50vh);visibility:hidden;}
	100% {-webkit-transform:translateY(0);transform:translateY(0);visibility:visible;}
}
@keyframes banner-swiper-slide-in {
	0% {-webkit-transform:translateY(50vh);transform:translateY(50vh);visibility:hidden;}
	100% {-webkit-transform:translateY(0);transform:translateY(0);visibility:visible;}
}
/*以上是滑块移动必不可少的*/

.swiper-slide img{
	animation-duration:5s;
	animation-timing-function:linear;
	animation-fill-mode: forwards;
	-webkit-animation-duration:5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;
	}

#banner{width:100%;overflow:hidden;position:relative;}
.swiper-pagination {position:absolute;z-index:2;bottom:5%;left:50%;white-space:nowrap;transform:translateX(-50%);}
.swiper-pagination .swiper-pagination-bullet {width:36px;height:5px;border-radius:0;opacity:1;margin:0 8px;background-color:rgba(255,255,255,0.5);}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {-webkit-animation:banner-swiper-pagination-activating 5s linear both;animation:banner-swiper-pagination-activating 5s linear both;}