﻿.W690{ width:690px;}
.H300{ height:300px;}
.H290{ height:270px;}
.Min_1{ width:1200px; margin:0 auto;}

/*医院新闻*/
.scroll_img{ width:488px; height:300px; float:left;}
.scroll_img .pic img{ width:488px; height:300px;}
.article_box{ margin-top:14px;border-bottom: 1px dotted #ccc;}

/*医院文化*/
.Min_3{ background-color:#f6f6f6;padding: 20px 0 40px;}
.Pic_Scroll{ zoom:1;position:relative; background:#fff;_zoom:1;*zoom:1;}
.Pic_Scroll .pcont{overflow:hidden;width:100%;+position: relative;}
.Pic_Scroll .ScrCont{width:1000000px;zoom:1;}
.Pic_Scroll ul{ float:left;}
.Pic_Scroll ul li{width:180px; float:left;margin-right:20px;text-align: center;position: relative;}
.Pic_Scroll ul li img{width: 180px;height:250px;padding: 1px;display: block;transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s ;-webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s}
.Pic_Scroll ul li .title_type{ line-height:30px;position: absolute;bottom: 0px;left: 0;background: #000;width: 100%;color: #fff;opacity: 0.8;}
.ScrCont h2{ border:none !important; line-height:24px;}
.span_title{ display:none;}
.Pic_Scroll ul li .title_type:hover{ color:#15a4a8;}
.Pic_Scroll ul li .img_box{width:180px; height:250px; overflow:hidden; display:block;border:1px solid #ccc;}
.Pic_Scroll ul li .img_box img:hover{-webkit-transform:scale(1.02);-moz-transform: scale(1.02);-o-transform:scale(1.02);}

/**/
.tzgg_con .article_list img{ width:100%; height:110px;}

/*医院院报*/
.article_box2 li{ position:relative; float:left; width:220px;margin-right: 20px;height: 320px;}
.article_box2 .span_date{ position:absolute; left:0;top: 160px;font-size:12px;}
.article_box2 .title_type{color:#000;display: block;line-height: 24px;margin: 6px 0;cursor: pointer;font-size: 14px;margin-top: 30px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.article_box2 img {float: left;width: 220px;height: 152px;display: block;}
.article_box2 li .img_box {display: block;height: 152px;}
.article_box2 p {color: #333;font-size: 12px;line-height: 24px;margin: 6px 0 10px;}


 @media only screen and (max-width: 768px){
 .Min_1,.Min_3,.Min_2 .title_header, .Min_3 .title_header,.W690,.W388{ width:100%;}
	.H300,.H290{ height:auto;}
	.scroll_img {float: none;margin: 0 auto;display: none;}
	.article_box1 a img {width: 160px;height: 100px;float: left;}
	.article_box1 h2, .article_box1 p {width: 74%;}
	.Pic_Scroll { width:90%;margin: 0 auto;}
	.article_box2{width: 520px;margin: 0 auto;}
	.article_list li{width:46%;float:left;margin-right:2%;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
	.Min_3{background:none;margin-top: 0px !important;padding: 0px;}
	ul.article_list li span.span_date {display: none;}
	.tzgg_con .article_list img {height: auto;float: left;width: 46%;margin-right: 2%;}

 .Pic_Scroll .pcont {width: 100%; overflow-x: auto; height: 280px;}

}
@media only screen and (max-width:700px){
	.article_box1 a img {width: 160px;height: 100px;float: left;}
	.article_box1 h2, .article_box1 p {width: 74%;}
	.Pic_Scroll { width:90%;margin: 0 auto;}
}

@media only screen and (max-width:640px){
	.scroll_img{ width: 60%;height: 200px;}
	.scroll_img .pic img {width:100%;height:200px;}
	.Pic_Scroll { width:80%;margin: 0 auto;}
	.article_box1 a img {width: 100%; height: 130px; float: none; margin: 0 auto 10px; display: block;}
	.article_box1 h2, .article_box1 p {width: 100%;}
	.article_box1 { margin-bottom:10px;}
	.article_box2{width: 260px;}
	.tit li{width:70%;}
	.tit li a{width:100%;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;display:block;}

}
@media only screen and (max-width:600px)
{
	.tit li{width:60%;}
}
@media only screen and (max-width:560px)
{
	.article_list li{width:100%;float:none; box-sizing:border-box;}
}
@media only screen and (max-width:520px)
{
	.scroll_img{ width: 70%;}
	.tit li{width:50%;}
.tzgg_con .article_list img {
 width: 100%; margin-right: 0;}
}
@media only screen and (max-width:450px)
{
	.scroll_img .pic img{height:190px;}
	.scroll_img{ width: 70%;height: 190px;}
	.tit li{width:40%;}
}
@media only screen and (max-width:380px)
{
	.scroll_img{width:75%;}
}
@media only screen and (max-width:320px)
{
	.scroll_img{width:90%;height:170px;}
	.scroll_img .pic img{height:170px;}
	.article_box .details{ display:none;}
} 