@charset "utf-8";
/* CSS Document */
.dl-04{ width:48.5%; float:left; overflow:hidden; margin-bottom:35px; margin-right:3%; box-shadow:0px 5px 10px -5px #ddd; display:flex}
.dl-04:hover{ box-shadow:0px 5px 10px -5px rgba(12,180,106,.2)}
.dl-04 h4{ width:260px; float:left; overflow:hidden; height:180px; }
.dl-04 img{ width:260px; height:180px; float:left; overflow:hidden;transition: all 0.5s;}
.dl-04:hover img{transform: scale(1.1);}
.dl-04 ul{ flex:1; padding:15px 30px; border:1px solid #e5e5e5; float:left; overflow:hidden; height:180px; background:#fff; -moz-box-sizing: border-box; box-sizing: border-box; }
.dl-04 dt{ width:100%; float:left; overflow:hidden; line-height:27px; height:54px; margin-bottom:15px; }
.dl-04 dt a{ font-size:18px; color:#111}
.dl-04 dt a b{ font-weight:normal}
.dl-04 dt font{ font-size:18px}
.dl-04:hover dt a{ color:#005fc3;}
.dl-04 dd{ width:100%; float:left; overflow:hidden; line-height:20px; height:40px; font-size:14px; color:#555;  margin-bottom:15px;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2
}
.dl-04 dd a{ color:#333}

.dl-04 h5{ width:100%; float:left; overflow:hidden; line-height:30px; font-weight:normal; color:#999; font-size:12px}

.dl-04 h5 span{ display:block; float:left; overflow:hidden; margin-right:20px; height:30px; line-height:30px; }
.span-001{ background:url(dot-53.gif) no-repeat 0 center; text-indent:15px}

.span-002{ background:url(dot-52.gif) no-repeat 0 center; text-indent:20px}


.shebei{ width:100%; float:left; overflow:hidden; text-align:center}
.m_r0{ margin-right:0}


@media (max-width:767px){
	.dl-04{ width:100%; margin-right:0%; margin-bottom:20px}
	.dl-04 h4{ width:150px; height:104px; }
	.dl-04 img{ width:100%; height:104px;}
	.dl-04 ul{ padding:10px; border-left:none; height:104px;}
	.dl-04 ul dd,.dl-04 ul h5{ display:none}
	

.dl-04 dt{ line-height:20px; height:40px; margin-bottom:0px; padding-bottom:0px; margin-top:15px}
	.dl-04 dt a{ font-size:14px; color:#333}
}

/*  max-width:750px  */
@media screen and (min-width:768px) and (max-width:991px){
	.dl-04{ width:100%; margin-right:0%;}
	.dl-04 dt{ text-overflow: ellipsis;white-space: nowrap;}

}

/*  max-width:960px  */
@media screen and (min-width:992px) and (max-width:1199px){

.dl-04{ width:100%; margin-right:0%;}

.dl-04 dt{ text-overflow: ellipsis;white-space: nowrap;}

}