@charset "utf-8";
/* CSS Document */

html, body {
    position: relative;
    height: 100%;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide ul li{  float: left; width:18.2%; margin-right:2%;}
.swiper-slide ul li.no_margin{ margin-right: 0;}
.swiper-slide ul a,.swiper-slide ul a img{ width: 90%; display: block; margin: 0 auto;}
.swiper-slide ul a{ margin-bottom: 4%; padding: 0.5% ; overflow:hidden;}
.swiper-slide ul a img,.swiper-slide ul li .img img{
 transition:all 1s;
 -webkit-transition:all 1s;
 -o-transition:all 1s;
 -moz-transition:all 1s;

-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
 }
.swiper-slide ul a:hover img,.swiper-slide ul li:hover .img img{ 
transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);


-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
}