@charset "utf-8";
/* 四个图片一排 */
.listPicA01{ margin:0; padding:0;}
.listPicA01 li{ float:left; width:24%; margin:10px 0.5% 0 0.5%; text-align:center;}
.listPicA01 li .PicB { text-align:center;display: block; }
.listPicA01 li .PicB .Pic {height:380px; overflow: hidden;text-align:center;}


/* 三个图片一排 */
.listPicA02 li{ float:left; width:30.3%; margin:10px 1.5% 0 1.5%; text-align:center;}
.listPicA02 li .PicB { text-align:center;display: block;vertical-align:middle;}
.listPicA02 li .PicB .Pic { display:inline-table; }
.listPicA02 li .PicB .Pic a{ text-align:center;display:table-cell;vertical-align:middle;height:242px; }
.listPicA02 li .PicB .Pic a img{height:242px;}

/* 五个图片一排  */
.listPicA03 li{ float:left; width:19%; margin:10px 0.5% 0 0.5%; text-align:center;}
.listPicA03 li .PicB { text-align:center;display: block;}
.listPicA03 li .PicB .Pic { height:262px; overflow: hidden;text-align:center;}


.wip_art_banner img{ width:100%;}
.box { margin-top:15px;}
.tit{border-bottom:1px solid #CCC; height:30px; line-height:30px; margin:5px 0;}
.tit a{ font-size:22px; color:#0067c6; border-left:16px solid #0067c6; padding-left:10px;}



@media screen and (max-width: 1139px) {
#special_content{ width:98%; margin:0 1%;}
.wip_art_banner{width:100%;}
.listPicA01 li{ float:left; width:23%; margin:10px 1% 0 1%; text-align:center;}
.listPicA01 li .PicB .Pic a{ text-align:center;display:table-cell;vertical-align:middle;height:350px; }
.listPicA01 li .PicB .Pic a img{height:350px;}

.listPicA02 li .PicB .Pic a{ text-align:center;display:table-cell;vertical-align:middle;height:220px; }
.listPicA02 li .PicB .Pic a img{height:220px;}

.listPicA03 li{ float:left; width:23%; margin:10px 1% 0 1%; text-align:center;}
.listPicA03 li .PicB .Pic a{ text-align:center;display:table-cell;vertical-align:middle;height:262px; }
.listPicA03 li .PicB .Pic a img{max-height:262px;}
}
@media screen and (max-width: 1000px) {
#special_content{ width:98%; margin:0 1%;}
.wip_art_banner{width:100%;}
.listPicA01 li{ float:left; width:31.3%; margin:10px 1% 0 1%; text-align:center;}
.listPicA01 li .PicB .Pic a{ text-align:center;display:table-cell;vertical-align:middle;height:350px; }
.listPicA01 li .PicB .Pic a img{height:350px;}

.listPicA02 li .PicB .Pic a{ text-align:center;display:table-cell;vertical-align:middle;height:160px; }
.listPicA02 li .PicB .Pic a img{height:160px;}

.listPicA03 li{ float:left; width:30.3%; margin:10px 1.5% 0 1.5%; text-align:center;}
.listPicA03 li .PicB .Pic a{ text-align:center;display:table-cell;vertical-align:middle;height:262px; }
.listPicA03 li .PicB .Pic a img{max-height:262px;}
}
@media screen and (max-width: 750px) {
.listPicA01 li .PicB .Pic{height: 307px;}
#special_content{ width:98%; margin:0 1%;}
.wip_art_banner{width:100%;}
.listPicA01 li{ float:left; width:48%; margin:10px 1% 0 1%; text-align:center;}
.listPicA01 li .PicB .Pic a{ text-align:center;display:table-cell;vertical-align:middle;height:300px; }
.listPicA01 li .PicB .Pic a img{height:300px;}

.listPicA02 li{ float:left; width:48%; margin:10px 1% 0 1%; text-align:center;}
.listPicA02 li .PicB .Pic a{ text-align:center;display:table-cell;vertical-align:middle;height:140px; }
.listPicA02 li .PicB .Pic a img{height:140px;}

.listPicA03 li{ float:left; width:48%; margin:10px 1% 0 1%; text-align:center;}
.listPicA03 li .PicB .Pic a{ text-align:center;display:table-cell;vertical-align:middle;height:262px; }
.listPicA03 li .PicB .Pic a img{max-height:262px;}
}