/**/
div.main ul.article_list li{ background:url(/Content/Areas/Hospitals/images/Main/li_bg.png) no-repeat scroll 0 15px;
 line-height: 32px;
 padding-left: 10px; font-size:14px;}
.border_bottom{ border-bottom:1px dotted #c1c1c1;}
.border-top{ border-top: 1px solid #cccccc;}
.article_banner{ display:block;}
.col-md-4 .article_box h2{ font-weight:normal; font-size:20px; margin-bottom:0;}
.col-md-4 .article_box h2 a{ color:#D11307;}
/*ͼƬ¹ö¶¯*/
div.SwitchImage, div.SwitchImage .swiper-box{ width:767px !important; height:322px !important}
.SwitchImage{position: relative; _zoom:1;_width:794px !important;}
.SwitchImage,.SwitchImage img{width:100% !important;height:322px !important;_width:794px !important;}
.SwitchImage .swiper-box{height:322px !important;_width:794px !important;}
div.SwitchImage .pagination{ left:74% !important; width:120px !important; }
.content_box{ background: url(/Content/Areas/Common/images/Article/op_bg.png) repeat; height: 292px;padding: 15px;position: absolute;right: 0;top: 0;width: 179px;}
.col-md-8 .SwitchImage .swiper-box ul li h2{ background:none;color: #fff;font-size: 22px;height:auto;left: inherit;line-height: 34px;position: static;top: inherit; width:auto;}
.col-md-8 .SwitchImage .swiper-box ul li h2 a{ padding-left:0;}
.content_box p{ color: #fff;font-size: 14px; line-height: 24px;margin-top: 15px;}

.col-md-4{ _width:378px;}



/**/
.a_img{ display:block; height:95px; width:100%;}
.a_img img{ margin:0 auto; display:block; width:100%}
.a_img img:hover{ opacity:0.8}
.article_box li{ background: #f2f2f2 none repeat scroll 0 0;
 color: #333333;
 font-size: 18px;
 height: 52px;
 padding: 10px;}
.article_box li .title_type{color: #333;
 display: block;
 font-size: 18px; line-height:24px;}
	
.article_box li span.span_date{ font-size:14px;}	

/**/
.img_1{ display:block; width:385px; height:100px;background:url(/Content/Areas/Hospitals/images/Main/yy_btn.jpg);}
@media only screen and (max-width: 768px)
{
.main_content{ width:100% !important}
div.main ul.article_list li,.article_box li.last{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.SwitchImage, div.SwitchImage .swiper-box{ width:50% !important;}
}
@media only screen and (max-width: 768px)
{
	.list_img li { width: 100%;}
	.arc_fl li{width: 100%;}
	.list_img li.last{ margin-top:10px;}
	.main_content, .w1200 {width: 100%;}
	.col-sm-12{ width:100%;} 
	.col-sm-hid{ display:none;}
	.col-md-8 .Scroll_Box .arrow-btn,div .Scroll_Box .arrow-btn{ display:none;}
	.xs_scroll{width: 636px; overflow: hidden; margin:0 auto}
	.img_list li {width: 165px;}
	.ke_box h2 {width: 196px;}
	ul.article_list li{ overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
	.col-sm-fl{ float:left; width:49%}
	.col-sm-fr{ float:right; width:49%}
	.img_1{ display:none}
	.col-md-8.fl.col-sm-12 { margin-bottom:0}
	.a_img{ background:none; height:auto}
	.a_img img{ width:100%}
	.pr10{ padding-right:0;}
	.col-sm-fr.mt15{ margin-top:0}
	.col-md-4.col-sm-12.fl ul.article_list li{ float:left; width:48%; box-sizing:border-box}
	.col-md-4.col-sm-12.fl ul.article_list:after{ content:".";display:block;height:0;clear:both;visibility:hidden;}
	.col-sm-12{ margin-bottom:0}
}

@media only screen and (max-width: 435px)
{.col-md-4.col-sm-12.fl ul.article_list li{ float:none; width:100%;}
	.col-sm-6{ width:100%;}
	.xs_scroll {width:420px;}
	.pr10{ padding-right:0;}
		.col-sm-fl{ float:none; width:100%}
	.col-sm-fr{ float:none; width:100%}
}

@media only screen and (max-width: 435px)
{
.a_img{ overflow:hidden}
	.a_img img{ width:171%; margin-left:-171px}	
	}

@media only screen and (max-width: 375px)
{
 .a_img img{ width: 182%;
 margin-left: -173px;}	
}
@media only screen and (max-width: 320px)
{
 .a_img img {width: 193%;}
}