﻿
.H250{height:250px;overflow: hidden;}
.article_box img {  float: left;  margin-right: 0;  width: 100%;   height: 200px;}
.img_left img{float: left;width:260px;height:176px;border:1px solid #ccc;  margin-right: 20px;}
.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; }
div.img_center img{float: none;display:block;margin:0 auto;width: 100%;height: 190px;padding: 2px;box-sizing: border-box;border: 1px solid #ccc; _width: 246px;}
.btn_box {border-top: 1px solid #ededed;float: right;width: 510px;}
.btn_box  a{width: 100px;height: 35px;display: block;float: left;margin-right: 20px;line-height: 35px;text-align: center;margin-top: 15px;background: #ededed;color: #666;}
.btn_box  a:hover{ color:#fff; background:#2076bd; transition:all 0.2s; -moz-transition:all 0.2s;-ms-transition:all 0.2s; -o-transition:all 0.2s; -webkit-transition:all 0.2s;}

.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;height: 26px;}
.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: #2076bd;}
.swiper-box ul li a.details:hover{font-weight: bold;color: #2076bd !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;}
.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: #2076bd;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:#358bc5; 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:#358bc5; 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: 3px 0;width: 90px;}
.hd ul li:hover img,.hd ul li.on img{border: 2px solid #e23838;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: 180px;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;}

.article_box p.text{_margin-top: -20px}

@media only screen and (max-width: 768px){
.col-md-12 .Scroll_Box .arrow-btn{ display:none}
.hd{ display:none}
.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;}
}
@media only screen and (max-width: 640px){
.pr10{ padding-right:0px;}
.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%;}
.bd{ margin: 0px auto;}
}
@media only screen and (max-width: 400px){
.img_left img {width: 100%;height: auto;box-sizing: border-box;}
}
