h2.tab_tit,.title_header1{ border-bottom:1px solid #ccc; line-height: 40px; margin-top: 30px; }
h2.tab_tit span,.title_header1 span{ color:#1d9da9; font-size: 18px; margin-right: 20px; font-weight: bold; border-bottom: 2px solid #1d9da9; display: inline-block; cursor: pointer; }
h2.tab_tit span.No_active{ color: #333; border-bottom: 0px; }
.box1 .article_box,.box2 .article_box{ padding-bottom: 30px; margin-top: 30px; border-bottom: 1px dashed #e1e1e1; } 
.box1 .article_box img,.box2 .article_box img{ width: 210px; height: 130px; float: left; margin-right: 20px; }
.box1 .article_box h2,.box2 .article_box h2{ font-size: 18px; line-height: 48px; }
.box1 .article_box h2 span.span_date,.box2 .article_box h2 span.span_date{ font-size: 12px; line-height: 24px; color: #999; display: block; }
.box1 .article_box h2 a,.box2 .article_box h2 a{ color: #1d9da9; }
.box1 .article_box img,.box2 .article_box img{ width: 240px; height: 160px; float: left; margin-right: 20px; }
.box1 .article_box p,.box2 .article_box p{ color: #666; font-size: 14px; line-height: 24px; }
.box1 .article_box p a.details,.box2 .article_box p a.details{ display: block; width: 142px; height: 30px; line-height: 30px; border-radius: 50px; 
	font-size: 14px; text-align: center; border:2px solid #1d9da9; margin:20px 0px ; color: #1d9da9; float:left; }
.box1 .article_box p a.details:hover,.box2 .article_box p a.details:hover{ color:#fff; background:#1d9da9 }

.box1 .article_list li,.box2 .article_list li{ width: 50%; float:left; border-bottom: 1px dashed #e1e1e1; line-height: 40px; 
 box-sizing: border-box; background: url(/Content/Areas/Hospitals/images/Main/icon_2.jpg) no-repeat 0px 18px; padding-bottom: 10px;}
.box1 ul.article_list li span.span_date,.box2 ul.article_list li span.span_date{ float:none; display: block; line-height: 20px; }
.more a{ width: 100%; background: #f3fafb; color: #1d9da9; display: block; text-align: center; margin: 30px 0px; line-height: 50px; }
.more a:hover{ color: #fff; background:#1d9da9; }
.box .article_list{ margin-top: 30px; }
.box .article_list li{ width:50%; float:left;box-sizing: border-box; }

@media only screen and (max-width: 768px){
 .box .article_list li{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .box1 .article_box p a.details, .box2 .article_box p a.details{display: none;}
} 
@media only screen and (max-width:700px){
	.box1 .article_box h2, .box2 .article_box h2 {font-size: 14px;line-height: 30px;}
}
@media only screen and (max-width:480px){
	.box1 .article_box img, .box2 .article_box img{width: 100%;height: auto;margin-bottom: 10px;}
	.box .article_list li{width: 100%;}
}