﻿
.banner{height: 340px;border: 1px solid #d6d6d6;border-radius: 4px;padding: 4px;width: 990px;box-shadow: 1px 2px 8px #d6d6d6;}
.leftBox{width: 304px;float: left;margin-right: 20px;}
.centerBox{width: 304px;float: left;padding: 0 20px;_padding: 0 10px 0 16px;}
.rightBox{width: 310px;float: right;margin-left: 20px;}
.linkmap{ display: none; }

.leftBox1{width: 320px;float: left;}
.centerBox1{width: 320px;float: left;margin: 0 20px;}
.rightBox1{width: 320px;float: right;}

#tab_ky{border-right: 1px dotted #ccc;border-left: 1px dotted #ccc;}
/**/
.rightBox .article_box{border: 1px solid #d6d6d6;border-radius: 4px;padding: 10px;height: 167px; background: url(/Content/Areas/Hospitals/images/index/artic_bg.jpg) repeat-x left bottom;}
.rightBox .article_box a img{width:100%;height:100%;}
.rightBox .article_box h2 a{ color:#0c3d5d; font-size: 14px;line-height: 22px;}
.rightBox .article_box p {line-height: 22px;}
.rightBox .article_box p .detial{ color: #fe8b10; float: right; background: url(/Sites/Uploaded/UserUpLoad/20170914/20170914115834.jpg) no-repeat;
 width: 26px;
 height: 22px;
 margin-left: 20px;
 display: inline-flex;
 padding-bottom: 6px;}

/*科学研究*/
.keti_list li{ width: 47%; _width: 44%; float: left;border: 1px solid #d6d6d6;border-radius: 4px; background: url(/Content/Areas/Hospitals/images/index/li_bg.jpg) repeat-x left bottom !important; 
 padding-left: 0!important;margin:0 2% 10px 0;margin:0 2% 5px 0\9;_margin:0 2% 5px 0;}
.keti_list li:nth-child(5),.keti_list li.last{margin-bottom: 0;}
.keti_list li a{padding-left: 20px;background: url(/Content/Areas/Hospitals/images/index/dot.jpg) no-repeat 8px 6px;}
.sec_article{border: 1px solid #d6d6d6;border-radius: 0 0 4px 4px;padding: 10px;}
.sec_article .swiper-box{position: relative;overflow: hidden;width: 282px;height: 88px;}
.sec_article img{ width: 282px;height: 100%;}
.sec_article .swiper-box .swiper-slide{ position: relative;float: left;}
.sec_article .swiper-box h2{ position: absolute;bottom: 0; left: 0;line-height: 24px; width: 100%;text-indent: 10px; background: url(/Content/Areas/Hospitals/images/index/blue_bg.png); }
.sec_article .swiper-box h2 a{ color: #fff; }
.sec_article .pagination{ position: absolute; bottom: 5px; right: 0; width: 110px; }
.sec_article .pagination span{ width: 12px; height: 12px; border-radius: 10px; background: #fff;display: block;float: left;margin-right: 6px;}
.sec_article .pagination span.swiper-active-switch{ background: #6bb2e6; }

h2.title_header a.titTab{border: 1px solid #d6d6d6;background: url(/Content/Areas/Hospitals/images/index/li_bg.jpg) repeat-x left bottom;height: 36px;border-bottom: 1px solid #fff;border-radius: 5px 5px 0 0;float: left;width: 94px;text-align: center;margin-right: 5px;}
h2.title_header a.titTab.active{height: 37px; background: no-repeat;}
.centerBox h2.title_header{height: 38px;}

/*title_header2*/
.title_header2{height: 34px;line-height: 34px;}
.title_header2 span{border: 1px solid #d6d6d6;font-size: 16px;display: block;float: left;width: 96px;text-align: center;
background: url(/Content/Areas/Hospitals/images/index/li_bg.jpg) repeat-x left bottom;
margin-right: 10px;height: 33px;cursor: pointer;}
.title_header2 span.on{border-top: 3px solid #116cb2;height: 31px;border-bottom: 2px solid #fff;background: none;}
.title_header2 a.more{ float: right;font-family: "宋体";color: #999;font-weight: normal;font-size: 12px; }

.borderBox{border: 1px solid #d6d6d6;border-radius: 0 4px 4px;padding: 10px;box-shadow: 0px 3px 10px #d6d6d6;height: 214px;}
.borderBox1{border: 1px solid #d6d6d6;border-radius: 0 4px 4px;padding: 10px;box-shadow: 1px 5px 10px #d6d6d6;height: 196px;}

/*特点医疗*/
.tsyl{ border: 1px solid #dadada;border-radius:0 6px 6px 0; height: 226px; }
.tabList{width: 130px;float: left;background:#dadada;height: 226px;}
.tabList li{line-height: 32px;padding: 0 6px;cursor: pointer;}
.tabList li.on{ background: #0c5d9c;}
.tabList li a{ color:#666; }
.tabList li.on a{color: #fff;}
.keshi_js{float: left;width:150px;padding: 10px;}

.keshi_js .ks_top {border-bottom: 1px solid #ececec;padding-bottom: 10px;margin-bottom: 10px;}
.keshi_js .ks_top h2{line-height: 28px; font-size: 16px;}
.keshi_js .ks_top p{line-height: 26px;}
.keshi_js .ks_bottom li{ float: left;width: 42%;line-height: 26px;padding-left: 12px;background: url(/Content/Areas/Hospitals/images/index/dot2.png) no-repeat left center;}
.keshi_js .ks_top p .detials{ color: #fe8b10; float: right; background: url(/Sites/Uploaded/UserUpLoad/20170914/20170914115834.jpg) no-repeat;
 width: 26px;
 height: 22px;
 margin-left: 20px;
 display: inline-flex;
 padding-bottom: 6px;}

/**/
.img_lsye img{width: 654px;}
.kanwuBox{width: 320px;}
.kanwuBox img{float: left;height: 81px;}
.kanwuBox ul{background: #0c5d9c;padding: 10px 15px;width: 164px;float: left;}
.kanwuBox ul li{line-height: 30px;background: url(/Content/Areas/Hospitals/images/index/yd.png) no-repeat left center;padding-left: 14px; }
.kanwuBox ul li a{ color: #fff; } 


/*banner*/
.scroll_img{width: 750px;float: left;}
div.scroll_img ul li{position: relative;width:100%;height:388px;}
div.scroll_img ul li img{width:100%;height:338px;}
div.scroll_img ul li span.op_bg{position: absolute;background: url(/Content/Areas/Hospitals/images/index/op_bg.png) repeat;width:100%;height:45px;left:0;bottom:0;display: block;z-index: 8;}
div.scroll_img ul li h2{font-size:12px;color: #fff;position: absolute;bottom:0;left: 15px;z-index: 10;line-height: 45px;}
div.scroll_img ul li h2 a{color: #fff;}

.li_qh{width: 236px;}
ul.scroll_list li{height:58px; +margin-top: -3px; padding: 4px;background: #fbfbfb;border: 1px solid #ccc;border-bottom: none;}
ul.scroll_list li.last{border-bottom: 1px solid #ccc;}
ul.scroll_list li.active{background: #ff8400;color: #fff;}
ul.scroll_list li.active h2 a{ color: #fff; }
ul.scroll_list li img{float: left; margin-top:0;width: auto;height: 58px;}
ul.scroll_list li h2{font-size: 14px;}
ul.scroll_list li a.img_box{ height:58px; width:70px; float:left; display:block; margin-right:10px;overflow: hidden;}
ul.scroll_list li.active .img_box{*position:relative;*zoom:1}

.img_box {display: block;}
.img_box img{ width: 100%; }
.sec_article.sec_articleImg img {
 height: 62px;
}
.imgBox_top{ border-bottom: 1px solid #e3e3e3; padding-bottom: 15px; }

.title_header2 a.phone{display: none;}
/*下载专区*/
  .xiazai{
  display:none;
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
  border: 1px solid #d6d6d6;
  border-radius: 0 4px 4px;
  box-shadow: 1px 5px 10px #d6d6d6;
  cursor: pointer;
  }
  .xiazai a{
  display: block;
  height: 100%;
  width:100%;
  }
  .xiazai:hover{
  background: #fe8b10;
  }
  .xiazai:hover a{
  color: #fff;
  }
@media only screen and (max-width: 768px){
 ul.article_list li{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
 .sec_article .swiper-box,.sec_article img{width: 100%;}
 .xiazai{display:block;}
 .sec_article .img_box img{width: 303px;display: block;margin: 0 auto;}
.sec_article.sec_articleImg img {
 height: auto;
}
 .title_header2 a.phone{display: block;}
 .title_header2 a.pc{display: none;}

 .rightBox .article_box{height: auto;}
 .banner{ width: 100%;box-sizing: border-box; height: auto; }
 .scroll_img {width: 100%;float: none;margin-bottom: 10px;}
 .li_qh {width: 100%;float: none;}
 ul.scroll_list li{width: 50%;float: left;box-sizing: border-box;border: 1px solid #ccc;}
 ul.scroll_list li a.img_box,ul.scroll_list li img {height: 100%;width: 80px;}

 .leftBox {width: 48%;float: left;margin-right: 0;}
 .centerBox {width: 48%;float: right;padding: 0;}
 #tab_ky {border-right: none;border-left: none;}
 .rightBox {width: 100%;float: none;margin-left: 0;clear: both;margin-top: 20px;}
 .fl.img_lsye{width: 60%;height: 70px;overflow: hidden;}
 .img_lsye img {width: auto;height: 70px;}

.kanwuBox {width: 38%;height: 70px;overflow: hidden;}

 .kanwuBox ul {width: auto;float: none;}
 .kanwuBox img {width: auto;margin-left:-46px;}

 .leftBox1 {width: 48%;}
 .centerBox1 {width: 48%;float: right;margin: 0;}
 .rightBox1 {width: 100%;float: right;margin-top: 20px;}

 .tabList{margin-right: 10px;}
 .keshi_js {float: none;width: auto;}
 .keshi_js .ks_bottom li{width: 90px;}

 .keshi_js .ks_top p a{float: none;}

 .rightBox1 .article_list li{float: left;width: 50%;box-sizing: border-box;}
 .rightBox1 .borderBox1{height: auto;}
  .tsyl a{display:block;}
  .tsyl a img{ display:block; margin:0 auto;}
}
@media only screen and (max-width: 720px){
 .keshi_js .ks_bottom li {width: auto;margin-right: 10px;}
 .kanwuBox img {margin-left: -136px;}
}
@media only screen and (max-width: 640px){
 .li_qh{display: none;}
 .scroll_img{margin-bottom: 0;}
 div.scroll_img ul li,div.scroll_img ul li img{height: auto;}
 .leftBox{width: 100%;}
 .centerBox { width: 100%;margin-top: 20px;}
 .tabList{margin-right: 10px;}
 .keshi_js {float: none;width: auto;padding: 10px;}

 .leftBox1,.centerBox1{width: 100%; margin-top: 20px;}
 .borderBox1{height:auto;}
.kanwuBox img {margin-left: -136px;}
}
@media only screen and (max-width: 640px){
.fl.img_lsye {width: 100%;height: auto;overflow: hidden;}
.img_lsye img {width: 100%;height: auto;}
.kanwuBox {width: 100%;height: auto;margin-top: 20px;}
.kanwuBox img {height: auto;margin-left: -181px;}
}
@media only screen and (max-width:425px){
 h2.title_header a.titTab {
 width: 90px;
}

.sec_article .img_box img {
 width: 100%;
}
 .rightBox1 .article_list li{width: 100%;}
} 
@media only screen and (max-width:414px){
 .kanwuBox img {
 height: auto;
 margin-left: -301px;
} 
} 
@media only screen and (max-width:375px){
.kanwuBox img {
 height: auto;
 margin-left: -319px;
} 
}
@media only screen and (max-width:320px){
.kanwuBox img {
 height: auto;
 margin-left: -347px;
} 
} 