﻿
.H250{height:250px;overflow: hidden;}
.article_box img { float: left; margin-right: 0; width: 100%;  height: 200px;}
.img_left img{margin-bottom: 15px;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: 72px; overflow: hidden}
.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: #009933;}
.swiper-box ul li a.details:hover{font-weight: bold!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;}
.more:hover{color:#009933!important;}

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

/* 医院简介 */
.mini{margin-left: 35px;}
.article_box p{font-size: 14px!important;}
.col-md-8{width: 80%;}
.zuzhi{margin-left: 7px;}
.zuzhi,.mine{width:32.2%;}
.hos{padding-bottom:20px;}
.Map_Box {border:none!important;}
.photo,.older{width:50%;}
.article_box .details{margin-top:18px;}
.JJ div p .details{ float: right;color: #009933; margin-top: 0px; font-size: 12px;}

/* ———————— */
.main_content{width:1180px;}
.main_content{background: #fbf9fa;padding:0 10px;}
.por{margin-left: 35px;}
.mini li{list-style-type: disc;}
.green li h2,.por li h2,.mini li h2{font-size: 14px;}
.por li{ background: url(/Content/Areas/Hospitals/images/Main/point.png) no-repeat 0px center;padding-top: 9px;}
h2.title_header span a{color:#009933!important;}
.arti{ width: 30%;}
.view_w{padding:0 19px;margin-top: 15px;}
h2.title_header{width:100%;margin-left: 0!important;}
.fr_wi{width:20%;}
.more{color:#999!important;padding-right: 5px;}
.article_list_2 li{padding-bottom: 10px;}
.article_list_2 li span{float:right;}
.photo ul li{padding-bottom: 15px;float: left; text-align: center}
.hos{width: 100%;}
.view_w li img{padding-right: 7px;padding-bottom: 20px;width:300px;height: 130px;vertical-align: inherit;}
.view_w li {float:left;}
.fl_one{width:100%;}
.fr p:nth-child(3){display: none;}
.view_w li:nth-child(3){padding:0;}
.view_w li{padding-right: 110px;}
.border_bottom li{background: url(/Content/Areas/Hospitals/images/Main/point.png) no-repeat 0px center;}
.arti,.por{float: left;}
.arti img{width: 66%; float: left;}
.arti_m {width:30%;float: left;}
.arti_m p{line-height: 32px;}

.details{float: right;margin-top: -11px;color: #009933;}
.swiper-box{height:185px;}
.fr_two{margin-right: 10px;}
.title_type{text-align:center;display: block;}
.W410{margin-left: 110px;}
.Ma{width: 36%; float: left;}
.Ma img{width: 100%;}
/*模式一*/
.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: #009933;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;}
/* 老年医苑 */
.older .article_image a img{float: left;width: 300px;height: 174px;}

.older .article_image  p{line-height: 32px;font-size: 14px;display:block!important;margin-left: 20px;}
.arti p{line-height: 32px;}
.older .details{float: right;color:#009933;margin-top:20px;font-size:12px;}
.To_o li{float: left; margin-top: 8px; text-align: center}
.To_o li:hover img{border: 1px solid #009933;}
.To_o li:hover a{color:#009933;}
.To_o li img{ margin-bottom: 10px;width: 122px;border: 1px solid #ccc;margin-right: 20px; margin-right: 20px; display: block;}
/*医院荣誉*/
.img_left{margin-top:20px;}
.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}
.hos .article_list_2 li{line-height: 10px;}
.arti_m a.details{margin-top: 0px;font-size: 12px;}
/* 组织结构 */
.zuzhi ul{margin-top:15px;}
.ZZ a img{width: 370px; height: auto}

.To{height: 550px;}
.photo{height: 300px;}
.To_to{height: 300px;}
.older,.To_o{height: 300px;}

@media only screen and (max-width: 768px){
.article_list_2,.zuzhi{display: none;}
.photo,.hos,.mine,.zuzhi,.fr_two,.older{height:100%;width: 100%;}
.photo,.older{height:auto;width: 100%;}
.main_content{width:100%;}
.view_w li {padding-bottom: 10px; padding-right: 42px;width: 100%;text-align: center;}
.fl_n{width:100%;}
.fr_wi{float: none;width: 98%;}
.fl_one{width:100%;}
.fr_wii{width:100%;}
.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{ text-overflow:ellipsis; white-space:nowrap;}
.H280{height:auto;}
div.Scroll_Box{width:579px;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;}
.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: 694px){
.fr_two{width:30%;}
}
@media only screen and (max-width: 540px){
.mine,.zuzhi,.fr_two{width:100%;}
}

@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: 425px){
 .pro li{height: 30px!important;}
 .photo{overflow: hidden;}
 .img_left li{height: 211px;}
 .photo,.hos,.mine,.zuzhi,.fr_two,.older{height:100%;width: 100%;}
 .view_w li{width:100%!important;}
}

@media only screen and (max-width: 414px){
 .fr_two{margin: 0;}
}
@media only screen and (max-width: 400px){
.img_left img {width: 100%;height: auto;box-sizing: border-box;}
}
 @media only screen and (max-width: 400px){
 .zuzhi, .mine{width:48%;}
 }
 @media only screen and (max-width: 400px){
  .zuzhi,.mine{width:100%;}
 }

 @media only screen and (max-width: 400px){
 .view_w li{width:90%!important;}
 }
 @media only screen and (max-width: 320px){
 .mine,.zuzhi{width: 100%;}
 } 