* { margin:0; padding:0;}
 
img{ border: 0;vertical-align: middle;max-width:100%;display: block;}
 
body{ font-size:16px;color:#333;background-color: #dadada; }
 
 
.swiper-container { width: 100%; padding-top: 100px;  padding-bottom: 50px;  overflow: hidden;}
.swiper-slide { background-position: center; background-size: cover; width: 580px; border: 2px solid #ffffff; box-sizing: border-box }
.swiper-slide img{width: 100%; vertical-align:middle; }


@media( max-width:1210px ){
	.swiper-container{ padding-top: 50px;  padding-bottom: 50px; } 
} 
@media( max-width:640px ){
	.swiper-slide{width: 400px !important; } 
}
@media( max-width:500px ){
	.swiper-slide{width: 320px !important; }
}