﻿.H234{ height:234px; overflow:hidden}
.H250{ height:250px; overflow:hidden}
ul.article_list li{background: url(/Content/Areas/Common/images/Article/icon_2.png) no-repeat left center;}

/*院徽*/
.article_box{border:1px solid #ccc;padding:15px;height: 230px;margin: 15px 0px;}
.article_box .img_box{display:inline-block;width: 40%;float:left;}
.article_box .img_box img{margin: 100px 10px 0px 10px;}
.article_box .article_box_con{width: 54%;float:right;padding-left: 27px;background: url(/Sites/Uploaded/UserUpLoad/20160817/20160817175551.png) no-repeat left center;}

/*患者心声*/
.SwitchImage{width:349px;height:150px;/* position: relative; */}
.SwitchImage .swiper-box{width:100%;height: 150px;}
.SwitchImage .swiper-box ul li .Img_Box{padding:0 5px;}
.SwitchImage .swiper-box ul li p{font-size: 14px;line-height:26px;padding-right: 5px;}
.SwitchImage .swiper-box ul li .Img_Box .pic{ width:100%;height:150px;float: left; }
.SwitchImage .swiper-box ul li img{width:100%;height:150px;}
.SwitchImage .pagination{ right:24px !important;}
.SwitchImage .swiper-box ul li h2{ display:none;}
/*历史沿革*/
.article_column li{ background:url(/Sites/Uploaded/UserUpLoad/20160817/20160817172710.png) no-repeat left center !important;}

.img_boxs{ display:block; height:100px; overflow:hidden; width:100%;}
.img_boxs img{ width:100%; height:100px;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;}
.img_boxs img:hover{-webkit-transform:scale(1.03);-moz-transform: scale(1.03);-o-transform:scale(1.03);}
/*院报*/
.yuanbao{ width:100%; height:101px; background:#76c8c4;}
.yuanbao span img {margin-left:20px;margin: 20px 20px 0px 30px;float: left;}
.yuanbao .Journals_Img{padding-bottom: 10px; +padding-top:0px;_padding-top:0px;}
.yuanbao .Journals_Img li img{ display:none}
.yuanbao .Journals_Img li h2{font-size: 18px;color:#fff;}
.yuanbao .Journals_Img li h2 a{ color:#fff}
.yuanbao .more{display:inline-block;width: 70px;height: 24px;line-height: 24px;text-align: center;background: #016d67;color: #fff;}
.yuanbao .more:hover{ font-weight: 700;background: #0a8c84; }
/*先进文化*/
.focus_scrolling { width:100%; position:relative;}
.focus_scrolling  .btn{font-family: "宋体";font-size: 45px;position: absolute;top: 70px;}
.focus_scrolling  .next{left:5px;}
.focus_scrolling  .prev{right:5px;}
.focus_box{ width:560px; margin:0 auto;_height:120px; overflow:hidden; }
.focus_box ul li{margin: 0 10px;overflow: hidden;text-align: center; width:120px !important; position: relative;float:left}
.focus_box ul li .img_box{ display:block; width:120px; height:160px;overflow:hidden;}
.focus_box ul li img{ display:block; width:100%;}
.focus_box ul li img:hover{-webkit-transform:scale(1.1);-moz-transform: scale(1.1);-o-transform:scale(1.1);}
.focus_box ul a.title_type{  background: url(/Content/Areas/Common/images/Article/op_bg.png) repeat; bottom: 0; color: #fff; display: block;left: 0;line-height: 28px; position: absolute; width: 100%;}
.yg_box img{ width:100%; display:block; height:154px;}

/*医院环境*/
.xs_scroll{width:100%;margin: 15px 0px;}
.xs_scroll .swiper-box{ width: 1090px; height: 150px;}
.xs_scroll .swiper-box ul li .Img_Box{float: left}
.xs_scroll .swiper-box ul li .Img_Box .pic{ width:200px;height:120px}
.xs_scroll .swiper-box ul li img{width:100%;height:120px;}
.xs_scroll .arrow-btn{top:60px; display:block !important;font-size:32px; color:#fff; background:#2076bd; line-height:50px; height:48px; width:25px; text-align:center;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 .xs_scroll .arrow-btn:hover{ color:#fff; background:#358bc5 }
.Scroll_Box .swiper-box ul li .Img_Box{ padding:0px !important;}

@media only screen and (max-width: 768px){
ul.article_list li {  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.article_box .article_box_con {  width: 46%;  height: 226px;  overflow: hidden;}
.col-md-4.col-sm-12.fr{ display:none;}
.article_box .article_box_con{ width:49%; padding-left:20px;}
.SwitchImage{ width:100%;}
.article_column li{ width:45%; float:left;}
.col-md-5.col-sm-5.fr img,.col-md-7.col-sm-7.fl img{ width:100%;}
.xs_scroll .arrow-btn{ display:none !important}
.xs_scroll{padding:15px 0px;width: 650px; border:0px; margin:0 auto; overflow:hidden; box-sizing:border-box; }
.yuanbao .Journals_Img li h2 a {  font-size: 16px;}
}

@media only screen and (max-width: 640px){

.col-md-4.col-sm-12.fr{ display:block;}
.H234{ height:auto;}
.col-sm-hid{ display:block;}
.focus_box{ width:300px}
.xs_scroll{width:426px;}
.article_column li{ width:100%; float:none;}
.col-md-9.col-sm-12.fl .pr10{ padding-right:0px;}
.col-md-5.col-sm-5.fr .pl15,.col-md-3.col-sm-12.fr .pl15{ padding-left:0px;} 
.col-md-5.col-sm-5.fr .pl15 img{ margin:10px 0px;}
.col-md-7.col-sm-7.fl .pr15{ padding-right:0px;}
.col-md-9.col-sm-12.fl{ margin-bottom:0px;}

.yuanbao { margin-top: 15px;}
}
@media only screen and (max-width: 500px){
.article_box .article_box_con {  height: auto;}
.xs_scroll{width:214px;}
.yuanbao{ margin-top: 15px;}
}
@media only screen and (max-width: 450px){
.article_box{ height:auto;}
.article_box .img_box{ width:100%; float:none;}
.article_box .img_box img{ width:151px !important; height:40px; margin:0 auto; float:none; display:block;}
.article_box .article_box_con{ width:100%; padding-left:0px; background:none;}
}


@media only screen and (max-width: 410px){
.focus_box{ width:200px}
}

