/*.gallery-list {margin-top:20px}
.gallery-list .thumbnails {margin:10px; display:inline-block; *display:inline; *zoom:1; vertical-align:top}
.gallery-list .thumbnails ul {margin:0 21px 20px 21px; letter-spacing:-0.05em; }
.gallery-list .thumbnails ul li {padding-bottom:10px; width:150px}

.gallery-list .thumbnails ul li span {font-family:"Trebuchet Ms",verdana,tahoma; font-size:11px; letter-spacing:0}
.gallery-list .thumbnails ul .sub-ject {text-align:justify; word-break:break-all; word-wrap:break-word; line-height:18px}
.gallery-list .thumbnails ul .name {color:#555}
.gallery-list .thumbnails a {display:inline-block}

.gallery-list .data-nothing {border-bottom:1px solid #e5e5e5}

@media (max-width: 767px) 
{
	.gallery-list .thumbnails ul li img {width:100%; height:140px;}
	.gallery-list .thumbnails ul {margin:0px; letter-spacing:-0.05em;}
}*/


ul.cate {font-size:0;margin:0 0 50px 0;}
ul.cate li {display:inline-block;vertical-align:top;width:24.25%;margin:0 1% 1% 0; text-align:center;border:1px solid #d5d5d5;box-sizing:border-box;border-radius:5px;}
ul.cate li:nth-child(4n) {margin-right:0;}
	
ul.cate li a {display: block;font-size:18px;padding:20px 0;}
ul.cate li a:hover {color:#333;}
ul.cate li.on {background:#f9f9f9;}
ul.cate li.on a {color:#333;}

.gallery-list {margin-top:20px;font-size: 0;}
.gallery-list .thumbnails {box-sizing:border-box;margin:10px;display:inline-block;vertical-align:top;width: 23.5%;margin:0 2% 2% 0;}
.gallery-list .thumbnails:nth-child(4n){margin:0 0 2% 0;}
.gallery-list .thumbnails ul {font-size: 0;}
.gallery-list .thumbnails ul li {padding-bottom:10px;}

.gallery-list .thumbnails ul li span {/* font-family:"Trebuchet Ms",verdana,tahoma; */font-size: 16px;letter-spacing:0;}
.gallery-list .thumbnails ul .sub-ject {text-align:justify; word-break:break-all; word-wrap:break-word; line-height:18px}
.gallery-list .thumbnails ul .name {color:#555}
.gallery-list .thumbnails a {display: block;width: 100%;font-size: 17px;line-height: 28px;word-break: keep-all;}
.gallery-list .thumbnails a img {width:100%;height:200px;}

.gallery-list .data-nothing {border-bottom:1px solid #e5e5e5}

@media (max-width: 768px){
ul.cate li {width:48%;}
	
.gallery-list .thumbnails {width:48%;}
.gallery-list .thumbnails:nth-child(2n){margin:0 0 2% 0;}
.gallery-list .thumbnails a img{min-height:200px;}
}