.image{}
.image .list{margin:0 -8px;}
.image .list>ul:after{display:block; content:''; clear:both;}
.image .list>ul>li{float:left; padding:8px; width:33.3333%;}
.image .list>ul>li>a{display:block; background:#fff; background:#f0f0f0; overflow:hidden;}
.image .list>ul>li>a:hover{background:#f8f8f8; box-shadow:0 0 8px rgba(0,0,0,.18);}
.image .list>ul>li>a>span{display:block; overflow:hidden; margin:8px;}
.image .list>ul>li>a>span>img{display:block; max-width:100%; transition:.3s;}
.image .list>ul>li>a>span:hover>img{transform:scale(1.08);}
.image .list>ul>li>a>strong{display:block; padding:8px 0 16px 0; text-align:center; font-weight:normal; position:relative;}
@media(min-width:1200px){
.image{padding:48px 0;}
.image .list{padding-bottom:38px;}
}
@media(max-width:1199px){
.image{padding:38px 0;}
.image .list{padding-bottom:28px;}
}
@media(max-width:767px){
.image{padding:18px 0;}
.image .list{padding-bottom:18px;}
}
@media(max-width:992px){
.image .list>ul>li{width:50%;}
}
@media(max-width:767px){
.image .list{margin:0;}
.image .list>ul>li{padding:4px 0; width:100%;}
.image .list>ul>li>a>strong{padding:8px; padding-top:0;}
}