/*简介*/
.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; }
.article_box p { color:#333; }
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 #ccc;float: right;width: 510px; +margin-top: 10px;}
.btn_box a{width: 100px;height: 35px;display: block;float: left;margin-right: 20px;line-height: 35px;text-align: center;margin-top: 15px; background: #2862a3;color:#fff;}
.btn_box a:hover{ background:#00a6e2; transition:all 0.2s; -moz-transition:all 0.2s;-ms-transition:all 0.2s; -o-transition:all 0.2s; -webkit-transition:all 0.2s;color:#fff;}
/*领导*/
.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: #2862a3;}
.swiper-box ul li a.details:hover{font-weight: bold;color: #2862a3 !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;}

/*模式一*/
.xs_scroll{padding:15px 25px; width: 1150px;overflow: hidden; }
.xs_scroll .swiper-box{ width: 1000px; height: 180px;}
.xs_scroll .swiper-box ul li .Img_Box{float: left; position:relative;}
.xs_scroll .swiper-box ul li .Img_Box .pic{ width:212px;height:140px; border: 1px solid #d8d8d8;border-bottom: none;}
.xs_scroll .swiper-box ul li img{width:100%;height:140px;}
.xs_scroll .swiper-box ul li h2 { background: #eee;width: 212px;border: 1px solid #d8d8d8;border-top: none;line-height: 36px !important;height: 36px;position: absolute;bottom: -36px;left: 5px;}
.xs_scroll .swiper-box ul li h2 { color:#000;}

.col-md-12 .Scroll_Box .arrow-btn,.xs_scroll.Scroll_Box .arrow-btn{top:60px;font-size: 32px !important;display:block;line-height: 60px;background: #2862a3;text-align: center;color: #fff !important;width: 30px;}
.xs_scroll.Scroll_Box .arrow-btn{ top:60px;font-size: 32px !important;display:block;line-height: 60px;background: #2862a3;text-align: center;color: #fff !important;width: 30px;}
.xs_scroll .btn-left,.xs_scroll .Scroll_Box .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:hover,.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: 4px 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: 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;}

/*医院环境*/
.hj_scroll{padding:15px 0; width: 260px;_width: 250px;}
.hj_scroll .swiper-box,.hj_scroll ul li img,.hj_scroll ul li .Img_Box .pic{ width: 260px; _width: 240px; height: 180px;margin-right:0 !important;}
.hj_scroll .swiper-box ul li .Img_Box{ padding:0 !important;}
.hj_scroll .swiper-box ul li h2{position: absolute;bottom: 0;background: #000;width: 260px;opacity: 0.7;}
.hj_scroll .swiper-box ul li h2 a{color: #fff;}

/*医院文化*/
.wh_box .img_box{ width:386px; height:100px; display:block; overflow:hidden;}
.wh_box .img_box img{ width:100%; height:auto;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; margin-top: -26px;}
.wh_box .img_box img:hover{-webkit-transform: scale(1.03);-moz-transform: scale(1.03);-o-transform: scale(1.03);}
.wh_box ul.article_list li{ width:110px; float:left;}
.wh_box ul.article_list li.column8{ display: none; }


@media only screen and (max-width: 768px){
	.col-md-12 .Scroll_Box .arrow-btn, .xs_scroll.Scroll_Box .arrow-btn{ display: none; }
	div.img_center img{ height:auto}
	.wh_box .img_box,.hj_scroll{ width:100% !important;}
	.col-md-4,.col-md-8 {width: 100%;}
		
	.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;}

	.arrow-btn{display: none;}
	.H250 { height: auto;}
	.btn_box { width: 100%;}

	.col-sm-hid{ display:none;}
	div.Scroll_Box{ width:528px;margin:0 auto; overflow:hidden}
	.xs_scroll {width: 470px !important;}

	.picBtnTop {width: 380px;}
	.hd{ display: block; position: initial; float: right; }
	.bd, .bd ul li, .bd ul li .img_box img {width: auto;}
}
@media only screen and (max-width: 640px){

div.Scroll_Box{width:276px;padding:20px 0;}
.xs_scroll {width: 240px !important;}
.pl10,.pl15{ padding-left: 0px; }
.btn_box a { width: 30%; margin-right: 3%;}
.pr10,.pl10{ padding: 0; }
.col-sm-6 { margin-bottom: 0px;}

}
@media only screen and (max-width: 400px){
.img_left img {width: 100%;height: auto;box-sizing: border-box;}
.wh_box ul.article_list li {width: 50%; box-sizing: border-box;}

.hd{ display:none;}
.bd, .bd ul li, .bd ul li .img_box img {width: 250px; margin: 0 auto;}
}