﻿.pd20-0{ padding:20px 0px;}
.w513{ width:503px;}
.w342{ width:342px; margin:0 15px;}
.w285{ width:285px;}

/*院徽*/
.article_box{height: 175px;}
.article_box img{float:left;margin-right:20px;height: 174px;width: 200px;}
.article_box h2{font-size: 18px;color: #333;font-weight: normal; margin-bottom:5px;}
.article_box p{font-size: 14px;line-height: 28px;color: #999999;}
.article_box .details { display:none;}

.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);}
/*历史沿革*/
ul.xxlistBox li{background:url(../images/history.png) no-repeat 0 center; padding-left:15px; line-height:30px}
/*院报*/
.yuanbao{ width:100%; height:101px; background:#76c8c4;}
.yuanbao span img {margin-left:20px;margin: 20px 15px 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: 16px;color:#fff;margin-bottom: 26px;}
.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; }
/*医院荣誉*/
.picBtnTop{width:100%;height: 185px;position:relative;overflow:hidden;}
.hd{height:190px;width:90px;position:absolute;right:0;bottom:5px;overflow:hidden;display: none;}
.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: 185px;width: 270px;margin-right:0px;}
.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;margin-right:0px;margin-bottom: 0px;}
.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;}



/*医院设备*/
.w860{ width:860px;}
div .Scroll_Box .arrow-btn{ display:block;}
.Scroll_Box .arrow-btn{top:60px;display: block;width:25px;font-size:32px;height:46px;line-height:48px;background: #078a85;color:#fff;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;}
.Scroll_Box .btn-left{ _left:-30px;}
.Scroll_Box .arrow-btn:hover{color:#fff !important;background: #ee6872;}
.Scroll_Box{padding:15px 0px;width: 860px;}
.Scroll_Box .swiper-box{width: 800px;height: 183px;}
.Scroll_Box .swiper-box ul li .Img_Box{float: left;padding: 0px !important;}
.Scroll_Box .swiper-box ul li .Img_Box .pic{width:218px;height: 157px;margin:0 24px;}
.Scroll_Box .swiper-box ul li img{width:218px;height: 150px;}
.Scroll_Box .arrow-btn{top: 77px;}



@media only screen and (max-width: 1024px)
{
.w513,.w342,.w285{ width:32%;}
.w513 .article_box img{ display:none;}
.w860 {width: 65% !important;}
.Scroll_Box .arrow-btn{ display:none !important;}
.Scroll_Box{ width:535px; overflow:hidden; margin:0 auto;}

}
@media only screen and (max-width: 1000px)
{
ul.listBox li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}
@media only screen and (max-width: 860px)
{
.w860 {width: 60% !important;}
.w513,.w342,.w285{ width:31%;}
.Scroll_Box{ width:280px;}
.RY{ width:285PX;}
}
@media only screen and (max-width: 800px)
{
.w860 {width: 58% !important;}
}
@media only screen and (max-width: 768px)
{
.w860 {width: 49% !important;}
.RY{ width:49%;}
.picBtnTop{ width:290px; height:170px; margin:0 auto;}
.w513{ width:100%;}
.w513 .article_box img{ display:block;}
.article_box{ height:auto;}
.w342{ margin:0px; width:49%;}
.w285{ width:49%;}
}

@media only screen and (max-width: 600px)
{
.w342,.w285,.w860{ width:100% !important; box-sizing:border-box;}
}
@media only screen and (max-width: 400px)
{
.w513 .article_box img{ float:none; margin:0 auto 10px;} 
}



  