﻿.article_box img { float: left; margin-right: 0; width: 100%;  height: 200px;}
.img_left .img_box{ display: block; width: 41%;border:1px solid #ccc;margin-bottom: 10px; display: block; overflow: hidden;margin-right:20px;float:left;}
.img_left img{float: none;width: 100%;height: auto; margin-right: 0px;}
.article_box img:hover{opacity: 0.7;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; }
.ld_box img{ width: 143px; height: 194px; margin-right: 20px ; }
.Scroll_Box{padding:15px 25px; width: 1150px;}
.swiper-box{ width: 1100px; height: 156px;}
.swiper-box ul li .Img_Box{padding:0;}
.swiper-box ul li p{font-size: 14px;line-height:26px;padding-right: 5px;}
.swiper-box ul li p.zhiwu{ height:26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.swiper-box ul li p.XX{height: 52px;}
.swiper-box ul li .Img_Box .pic{ width:110px;height:150px;float: left; }
.swiper-box ul li img{width:100%;height:150px;}

.swiper-box ul li a.details{color: #45b796;}
.swiper-box ul li a.details:hover{font-weight: bold;color: #45b796 !important;}
.Scroll_Box .btn-right {width: 30px;height: 60px;}
.Scroll_Box .btn-left {width: 30px;height: 60px;background: #;}

.Map_Box{border: 1px solid #ccc;width: 100%;height: 177px;box-sizing: border-box;_width: 240px;}

/*历史沿革*/
.article_column li{ background:url(/Sites/Uploaded/UserUpLoad/20160817/20160817172710.png) no-repeat left center !important; *height: 32px; *overflow: hidden;}
.article_column li a{ display: none; }

/*模式一*/
.xs_scroll{padding:15px 25px; width: 320px; margin:0 auto;}
.xs_scroll .swiper-box{ width: 270px; height: 180px;}
.xs_scroll .swiper-slide { position: relative; margin: 0 10px;width: 250px !important;}
.xs_scroll .swiper-box ul li .Img_Box{float: left}
.xs_scroll .swiper-box ul li .Img_Box .pic{ width:250px;height:180px;padding: 2px;border: 1px solid #ccc;box-sizing: border-box;}
.xs_scroll .swiper-box ul li img{width:244px;height:174px;}
.col-md-12 .Scroll_Box .arrow-btn{top:60px;font-size: 32px !important;display:block;line-height: 60px;background: #45b796;text-align: center;color: #fff !important;}
.xs_scroll .arrow-btn{top:80px; text-indent:-999px; display:block !important; }
.xs_scroll .btn-left{ background: url(/Sites/Uploaded/UserUpLoad/20160817/20160817181813.png) no-repeat;width: 20px; }
.xs_scroll .btn-right{ background: url(/Sites/Uploaded/UserUpLoad/20160817/20160817181813.png) no-repeat -18px 0;width: 20px; }
.xs_scroll.Scroll_Box .arrow-btn{top:60px; display:block;width:25px; font-size:32px; height:46px; line-height:48px; background:#005087; color:#fff !important; text-align:center;}
.xs_scroll .Scroll_Box .btn-left{ _left:-30px;}
.xs_scroll .Scroll_Box .arrow-btn:hover{ background:#55e1b8; color:#fff}
.xs_scroll .Scroll_Box .swiper-box ul li h2{ width:100px; position:absolute; bottom:3px; background:url(/Sites/Uploaded/UserUpLoad/20160817/20160817135150.png) repeat;}

.Scroll_Box .arrow-btn:hover{ background:#55e1b8; color:#fff !important; transition:all 0.2s; -moz-transition:all 0.2s;-ms-transition:all 0.2s; -o-transition:all 0.2s; -webkit-transition:all 0.2s;}

/*医院荣誉*/
.picBtnTop{ width:100%; height:194px; position:relative; overflow:hidden;}
.hd{ height:190px; width:90px; position:absolute; right:0; bottom:5px; overflow:hidden;}
.hd ul li{cursor: pointer;font-size: 16px;height: 55px;padding: 4px 0;width: 90px;}
.hd ul li:hover img,.hd ul li.on img{border: 2px solid #45b796;box-sizing: border-box;}
.hd ul li img{ height:55px; width:80px;}
.bd{ position:relative;height: 190px;width: 270px;}
.bd ul li{position:relative;height: 185px !important;width: 270px;*zoom:1;}
.bd ul li .img_box img{height: 185px;width: 270px;border: 1px solid #ccc;box-sizing: border-box;padding: 2px;}
.bd ul li .title{ position:absolute; bottom:0; left:0;height: 40px; width:385px; line-height:40px; z-index:2;}
.bd ul li .title a{ color:#fff; padding-left:10px;}

@media only screen and (max-width: 768px){
.img_left .img_box{ width: 260px;height: 176px; float: left; margin-right: 20px;}
.swiper-box ul li p.zhiwu{ height:auto;}
.swiper-box ul li p.XX{ height:auto;}
ul.article_list li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.H280{height:auto;}
div.Scroll_Box{width:530px;margin:0 auto;overflow: hidden;box-sizing:border-box;}
.arrow-btn{display: none;}
.H250 { height: auto;}
.btn_box { width: 100%;}
.bd,.bd ul li,.bd ul li .img_box img { width: 250px;}
.hd { width: 90px;}
.col-md-12 .Scroll_Box .arrow-btn{ display:none;}
.Map_Box,.xs_scroll .arrow-btn{ display:none !important;}
.article_box.pd15-0.fr.col-md-6.col-sm-6{ width:100%;}
.pd15-0.fl.col-md-6.col-sm-6{ display:none;}
.col-md-4 .pl10,.pr10{ padding-left:0px; padding-right: 0px; }
.swiper-box ul li p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media only screen and (max-width: 640px){
.H250{height:auto;}
.swiper-box{width:1140px;}
div.Scroll_Box{width:288px;padding:20px 0;}
.pl10,.pl15{ padding-left: 0px; }
.btn_box a { width: 30%;  margin-right: 3%;}
.hd { display: none;}
.bd{ margin: 0px auto;}
}
@media only screen and (max-width: 500px){
.img_left .img_box{ width: 200px;height: 135px; }
ul.article_list li p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media only screen and (max-width: 400px){
.img_left .img_box{ width: 100%;height: auto; }
}
  