﻿.workMenu{width:968px;background:rgba(255,255,255,0.2);margin:32px auto 0;padding:0 16px 9px;}
.workMenu .path{height:37px;line-height:37px;padding:8px 0 0;}
.workMenu .path p,.workMenu .path p a{line-height:37px;}
.workMenuList{width:960px;padding:9px 4px 0;}
.type-check{width:960px;overflow:hidden;}
.type-check label{height:18px;width:55px;text-align:center;color:#fff;line-height:18px;margin:8px 0 0;background:#c30f0e;float:left;}
.type-check .label{width:890px;line-height:34px;float:left;padding:0 0 0 10px;font-size:14px;color:#bcbcbc;}
.type-check .label a{color:#bcbcbc;}
.type-check .label a:hover, .type-check .label .checked{color:#c30f0e;}

dl,dt,dd,img,a{margin:0;padding:0;}
.workContent{width:1000px;padding:12px 0 40px 0;margin:0 auto; margin-top:16px; background: rgba(255,255,255,0.2);}

.workBox{padding: 14px;position:relative;}
.workContent dl {
	width:24%;
	background:#f2f2f2;
	float:left;
    margin-right: 1.33%;
    margin-bottom: 2%;
}
.workContent dl:nth-child(4n){
    margin-right: 0;
}
.workContent dt {
	overflow:hidden;
}
.workContent dt img {
	display:block;
	width:100%;
}
.workContent dd {
	padding:9px;
	overflow:hidden;
	color:#666;
}
.workContent dd b {
	display:block;
	line-height:32px;
	color:#333;
	font-size: 14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.workContent dd p {
	line-height:20px;
}
.workContent dd p a.more {
	background:#c30f0e;
	color:#fff;
	float:right;
	padding:0px 5px;
}

/* .artContent dl{display:block; float:left; margin-right:10px;} */
.artContent .workBox { margin-bottom:20px;}
.artContent .workBox h3 { font-family:'微软雅黑','宋体'; font-size:16px; color:#c30f0e; font-weight:bold; border-bottom:2px solid #c30f0e; height:24px; line-height:24px; text-indent:4px; margin-bottom:10px;}

.clear{clear:both;}

.workContent .artBox dl{
	background: #dcd5c6;
}

@media (max-width: 1000px) {
	.workMenu, .workContent{width: 96%;  margin-top: 0; margin: 0 2%;}
	.workMenu{padding: 0 2%;}
	.workMenuList, .type-check, .type-check .label, .type-check .label1{width: 100% !important;}
	.workContent dl{width: 48%; margin-right: 0; margin-bottom: 3.2vw;}
	.workContent dl:nth-child(odd){clear: both;}
	.workContent dl:nth-child(even){margin-left: 4%;}
	.workBox{padding: 0 2vw;}
	.workContent dl:nth-child(4n){margin-right: 0 !important;}
}