/* 列表页 */
.main{ width: 1150px; padding: 0 15px 15px; background:#fff;}

.dqwz{ background: url(hnbemc-ddh-home.png) no-repeat left center; color: #999; padding: 10px 0 10px 20px; line-height: 20px;}
.dqwz a{ color: #999;}

.column-left{ float: left; width: 238px; padding: 0 20px 50px; border:1px solid #d9d9d9; border-top:2px solid #007941;}
.column-left h2{ font-size: 20px; color: #3f3f3f; height: 60px; line-height: 60px; text-align: center;}
.column-left ul{ border-top: 1px solid #d1d1d1;}
.column-left ul li{ height: 44px; line-height: 44px; border-bottom: 1px solid #d1d1d1; text-align: center; font-size: 16px;}
.column-left ul li a{ display: block; width: 100%; height: 100%; color: #3f3f3f;}
.column-left ul li.current a,.column-left ul li a:hover{ background: url(hnbemc-ddh-jt.png) no-repeat 150px center #007941; color: #fff; text-decoration: none;}

.column-right{ float: right; width: 788px; padding: 20px 50px;  border: 1px solid #d9d9d9;}
.column-right-head{ height: 20px; line-height: 20px;}
.column-right-head h3{ float: left; font-size: 18px; color: #3f3f3f;}

.news-list{ margin: 10px 0; min-height: 500px;}
.news-list li{ height: 36px; line-height: 36px; vertical-align: top; font-size: 16px;background: url(hnbemc-dian.png) no-repeat left center;padding-left:10px;}
.news-list li.split{ border-bottom: 1px dashed #d9d9d9; padding-bottom: 10px; margin-bottom: 10px;}
.news-list li a{ float: left; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-list li span{ float: right; font-size: 12px;}

/* 文章页 */
.article-main{ padding: 30px 50px; border: 1px solid #d9d9d9; background-color: #fff; min-height:450px;}
.article-main h2{ font-size: 24px; line-height: 30px; font-weight: normal; color: #000; text-align: center;}
.article-main .info{ background: #f0f0f0; height: 36px; line-height: 36px; font-size: 12px; margin-top: 30px; padding: 0 15px 0 20px;}
.article-main .info p{ float: left; font-size: 12px;}
.article-main .info p a{ color: #959595; }
.article{ line-height: 30px; font-size: 16px; color: #000; padding: 20px 0; word-wrap:break-word; word-break:break-all;}
.article p{ line-height: 30px; font-size: 16px; color: #000;}
.article img{ max-width: 100% !important; height: auto;}
.article table{ max-width: 100% !important;}

.share{ float: right;}
.share b{ float:left; font-weight: normal; font-size:12px;}
.share .bdsharebuttonbox{ float: left !important; padding-top: 5px !important;}

.content{ min-height: 400px;}
.content table{ max-width: 100% !important;}
.content img{ max-width: 100% !important; height: auto;}


@media screen and (max-width: 1180px){
	.main{ width: 99%; padding: 0 0.5% 0;}
	
	.article-main{ padding: 30px 2%; min-height: inherit;}
	
	.column-left{ width: 28%; padding: 0 1% 50px; box-sizing: border-box;}
	.column-right{ width: 71%; padding: 20px 1%; box-sizing: border-box;}
	
	.article table,.content table{ width: 100% !important;}
}

@media screen and (max-width: 768px){
	.column-left,.column-right{ width: 100%;}
	.column-left{ padding-bottom: 0;}
	.column-left h2{ font-size: 18px; height: 50px; line-height: 50px;}
	.column-left ul li{ font-size: 14px; height: 39px; line-height: 39px;}
	.column-right{ margin-top: 10px; padding: 10px 1%;}
	.news-list{ height: auto;}
	
	.article-main h2{ font-size: 20px; height: auto; line-height: 30px;}
	.article img{ display: block; margin: 0 auto;}
}

@media screen and (max-width: 600px){
	.article-main .info{ height: auto; line-height: 24px; padding: 3px 10px 0;}
	.article-main .info p{ width: 100%;}
	.share{ float: left;}
	.share .bdsharebuttonbox{ padding-top: 0 !important;}
}

@media screen and (max-width: 480px){
	.column-left{ display: none;}
	.column-right{ margin-top: 0;}
	
	.tool,.serch{ display: none !important;}
	
	.footer{ margin-top: 0 !important;}
	
	.content table{ width: 100% !important;}
}

@media screen and (max-width: 400px){
	.news-list li a{max-width: 70%;}
}