@charset "utf-8";


/* animate */

.header{width:100%;min-width:1200px;background:#0d1339;}
.topbgimg{ width:1600px;height:720px;  position:relative; background:url(http://www.cs.com.cn/images/30year/images/move-bg.jpg) no-repeat;}
.animate-container{width:1600px;margin:auto;overflow:hidden;}

.swiper-slide{
	position:relative;
	opacity:1;
}
.swiper-slide-active{
	opacity:1;
}
.swiper-slide .img{
	position:absolute;
}

.mslide1{
	
}

.mslide1 .s0{left:0%;bottom:0px;z-index:1;}
.mslide1 .s1{left:12%;top:50px;z-index:3;}
.mslide1 .s2{left:27%;top:410px;z-index:2;}
.mslide1 .s3{left:0;bottom: 0px;z-index:0;}
.mslide1 .s4{left:0;bottom: 0px;z-index: 0;}

.loop{
	animation-iteration-count: infinite;/*无限*/
	animation-timing-function:linear;/*平滑*/
}
.moveRight{-webkit-animation-name:moveRight;animation-name:moveRight}
@-webkit-keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
90%{opacity: 1;left:-3%;}
100%{opacity:.1;left:0%;}}
@keyframes moveRight{0%{opacity: 0;left:-30%;}
10%{opacity: 1;}
90%{opacity: 1;left:-3%;}
100%{opacity:.1;left:0%;}}


@-webkit-keyframes sideToSide {
  0% {
    -webkit-transform: translate(100%, 0);
  }
  50% {
  	-webkit-transform: translate(-22%, 0);
  }
  100% {
  	-webkit-transform: translate(100%, 0);
  }
}
@keyframes sideToSide {
  0% {
    transform: translate(0%, 0);
  }
  50% {
  	transform: translate(-22%, 0);
  }
  100% {
  	transform: translate(0%, 0);
  }