.wrap_content{ width: 100%; max-width: 1210px; margin: 0 auto; padding: 50px 30px; display: flex; box-sizing: border-box; }
.wrap_content .article_main{ padding-right: 5%; margin-right: 5%; border-right: 1px solid #dfdfdf; flex: 1; }
.wrap_content .article_main .h1{ width: 100%; border-top: 4px solid #dfdfdf; font-size: 24px; color: #e40e13; line-height: 30px; padding: 25px 0; position: relative; letter-spacing: 2px; }
.wrap_content .article_main .h1 span{ position: relative; display: inline-block;}
.wrap_content .article_main .h1 span:before{ content: ' '; position: absolute; left: 0; right: 0; top: -29px; height: 4px; background-color: #e40e13; }
.wrap_content .article_main .h2{ font-size: 30px; color: #333; padding-bottom: 30px; }
.wrap_content .article_main .text{ font-size: 16px; line-height: 30px; padding-bottom: 30px; }
.wrap_content .article_main .text img{ max-width: 100%; height: auto !important; }

.wrap_content .article_sub{ display: block; float: right; width: 250px; background-color: #fff; box-sizing: border-box; position: relative;}
.wrap_content .article_sub span{ display: inline-block; box-sizing: border-box; overflow: hidden;}
.wrap_content .article_sub .article_cate{ position: relative;  border:4px solid #dfdfdf; border-bottom:none;}
.wrap_content .article_sub .article_cate:last-child{ border-bottom:4px solid #dfdfdf;  }
.wrap_content .article_sub .title{ width: 60%; line-height: 50px; height: 52px; position: absolute; left: 50%; top: -3px; margin-left: -30%; overflow: hidden; text-align: center; font-size: 18px; border-top: 3px solid #e40e13;  }
.wrap_content .article_sub .list{ width: 100%; height: auto; border-top: 1px solid #dfdfdf; margin-top: 50px; overflow-y: auto; }
.wrap_content .article_sub .list li{ width: 100%; margin: 0 auto; height: 40px; line-height: 40px; border-bottom: 1px dashed #efefef; padding: 0; text-align: center;  }
.wrap_content .article_sub .list li:last-child{ border-bottom: none; }
.wrap_content .article_sub .list li a{ transition: all 0.3s; display: block; text-decoration: none; color: #666; position: relative; z-index: 2; font-size: 14px; }
.wrap_content .article_sub .list li a:hover{ background-color:#e40e13 ; color: #fff; }


.wrap_content .article_main .articleList{}
.wrap_content .article_main .articleList ul{ margin: 0; padding: 0; list-style: none; padding-bottom: 20px; }
.wrap_content .article_main .articleList li{ margin: 0; padding: 0; list-style: none; }
.wrap_content .article_main .articleList li.img{ width: 200px; height: 160px; float: left; box-sizing: border-box; transition: all 0.3s; border:10px solid #efefef;}
.wrap_content .article_main .articleList li.img:hover{ border:3px solid #e40e13; }
.wrap_content .article_main .articleList li.img a{display: inline-block; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat;}
.wrap_content .article_main .articleList li.img img{ width: 100%; height: 100%;}
.wrap_content .article_main .articleList li.title{ padding-left: 220px; font-size: 18px; }
.wrap_content .article_main .articleList li.title a:hover{ color: #e40e13; text-decoration: none; }
.wrap_content .article_main .articleList li.shortDesc{ padding-left: 220px; }
.wrap_content .article_main .articleList li.time{ padding-left: 220px; color: #ccc; font-size: 14px; }



@media (max-width: 768px){
	.wrap_content{ display: block; padding: 20px 10px; }
	.wrap_content .article_main .h1{ padding: 10px 0; font-size: 20px; letter-spacing: 0; }
	.wrap_content .article_main .h1 span:before{ top:-14px; }
	.wrap_content .article_main .h2{ font-size: 18px; padding-bottom: 10px; }
	.wrap_content .article_main{ padding-right: 0; margin-right: 0; width: 100%; flex:none; border-right: none; padding-bottom: 20px; }
	.wrap_content .article_main .text{ font-size: 14px; }
	.wrap_content .article_sub{ float: none; width: 100%; }

	.wrap_content .article_main .articleList li.img{ width: 150px; height: 100px; }
	.wrap_content .article_main .articleList li.title{ font-size: 14px; padding-left: 160px; }
	.wrap_content .article_main .articleList li.shortDesc{ padding-left: 160px; }
	.wrap_content .article_main .articleList li.time{ font-size: 12px;  padding-left: 160px;}
}