@charset "utf-8";

* { margin: 0; padding: 0; }
ul { list-style: none; }

.swiper-container {
	margin: 0 auto; position: relative; overflow: hidden;
	-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index:1;
}
.swiper-wrapper {
	width: 100%; position: relative;
	-webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d( 0px, 0, 0 ); -webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d( 0px, 0, 0 ); -moz-transition-timing-function: ease;
	-o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d( 0px, 0, 0 ); -o-transition-timing-function: ease; -o-transform: translate( 0px, 0px );
	-ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d( 0px, 0, 0 ); -ms-transition-timing-function: ease;
	transition-property: transform, left, top; transition-duration: 0s; transform: translate3d( 0px, 0, 0 ); transition-timing-function: ease;
}
.swiper-free-mode > .swiper-wrapper {
	margin: 0 auto;
	-webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out;
	
}
.swiper-slide { float: left; }

.swiper-pagination-switch {
  display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;
}

.swiper-active-switch { background: #fff; }

.mainVb { position: relative; /*background: url(../../images/bg_dot.png) repeat 0 0;*/ }
.mainVb .swiper-container { /*background: url(../../images/shadow_b.png) repeat-x 0 top;*/ }
.mainVb .swiper-container .swiper-wrapper { /*background: url(../../images/shadow_t.png) repeat-x 0 bottom;*/ }
.mainVb .swiper-container { width: 1280px; }
.mainVb .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; }
.mainVb .arrow-left { position: absolute; top: 45%; left: 0; z-index: 100; }
.mainVb .arrow-right { position: absolute; top: 45%; right: 0; z-index: 100; }
.mainVb .pagination { position: absolute;  left: 0;  text-align: center;  bottom:15px;  width: 100%;  z-index: 5; }

@media only screen and  ( max-width: 1280px ) {
	.mainVb .swiper-container { width: 100%; }
}