﻿@charset "utf-8";
/* CSS Document */
.linkmap{ display:none;}
/*元旦新加*/
/*首页导航*/
/*------linkmap-----*/
/*--frendlink--*/
/* banner */

/*-----------主体样式--------*/ 
/*二维码*/
.banner{
  overflow:hidden;
  position:relative;
}
 .banner_image{
 position: absolute;
 right: 180px;
 bottom: 30px;
 width: 155px;
  }
.yd_rk{width: 305px;*width: 100px;z-index: 11;position: absolute;right:100px;top: 50%;transform: translateY(-50%);border-radius: 4px;background: url(/Sites/Uploaded/UserUpLoad/20200428/20200428145604.png);padding: 20px 20px 0px;box-sizing: border-box;}
.yd_rk img{width: 120px;height:120px;}
.yd_rk li{*width: 100px;margin-bottom: 10px;line-height: 28px;text-align: center;color: #fff;width: 50%;float: left;}
.bg_fa{
 background: #fafafa;
}
.banner_phone,.main_phone{
  display: none;
}
.main_content{overflow: hidden;}
/*说明*/
h2.title_header{text-align: center;margin:10px 0;}
.item{width:19%;float: left;margin:0 0.5%;margin-bottom: 10px}
h2.tit{border: 1px solid #44ACFA;font-size: 16px;line-height: 32px;padding: 0 5px;border-bottom: none;background: #44ACFA;color: #fff;text-align: center;}
.item ul{border:1px solid #ededed;font-size: 14px;line-height: 28px;padding:10px;}
.item ul li {background: #F5F5F5; margin-bottom:2px;padding: 0 10px;}
/*首页轮播*/
.pic img{width: 100%;}
.main{
 width: 100%;
 margin-bottom: 0px;
}
.banner .swiper-container{height: auto;overflow: hidden;}
.banner .swiper-wrapper{height: auto !important;}
.banner .swiper-slide{height: auto !important;}

.big_tit{
 font-size: 18px;
 font-weight: bold;
}
.big_tit.fl{
 margin-right: 20px;
}
.big_tit li{
 float: left;
}
.main_content{
 padding: 30px 0px 60px;
}
.tits{
 height: 38px;
 line-height: 38px;
 margin-bottom: 30px;
}
.sm_tit{
 margin-bottom: 20px;
}
.new_item{
 display: none;
}
.new_item.active{
 display: block;
}
.sm_tit li{
 float: left;
 padding: 0px 20px;
 position: relative;
 border-radius: 20px;
 z-index: 1;
 height: 38px;
 line-height: 38px;
}
.sm_tit a{font-size: 16px;}
.sm_tit li::after{
 content: "";
 display: block;
 height:100%;
 width: 0;
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
 border-radius: 20px;
 transition: all 0.3s ease 0s;
}
.ks_tab_con{
 display: none;
}
.sm_tit li.active:hover{
 background: none;
}
.sm_tit li.active::after,.sm_tit li:hover::after{
 width: 100%;
 background: #00568e;
}
.sm_tit li.active a{color: #fff;}
.sm_tit li:hover a{color: #fff;}
.Img_top img{
 width: 100%;
}
/*专题*/
.zt_box{
 overflow: hidden;
 margin-bottom: 15px;
}
.zt_list li{
 box-shadow: 1px 2px 8px #d6d6d6;
 border: 1px solid #d6d6d6;
}
.zt_list .Li_Odd{
 width: 46%;
 float: left;
 box-shadow: 1px 2px 8px #d6d6d6;
 border: 1px solid #d6d6d6;
 box-sizing: border-box;
 overflow: hidden;
}
.zt_list .Li_Even{
 float: right;
 width: 46%;
 text-align: right;
 box-sizing: border-box;
}
.zt_list li img{
 /* box-shadow: 1px 2px 8px #d6d6d6; */
 /* border: 1px solid #d6d6d6; */
 transition: all 0.8s;
 -webkit-transition: all 0.8s;
 -moz-transition: all 0.8s;
}
.zt_list li:hover img{
 transform: scale(1.05,1.05);
 -webkit-transform: scale(1.05,1.05);
 -moz-transform: scale(1.05,1.05);
}
.sptit.tits{
 margin-bottom: 7px;
}
 /*--新闻，通知---*/
 /*新闻*/
.new_cotent{
 position: relative;
 height: 420px;
 width: 815px;
}
.new_cotent ul{
 position: absolute;
 display: none;
}
.new_cotent ul.active{
 display: block;
}
 /*通知*/
 .big_tit li{
  margin-right: 20px;
 }
 .big_tit li:last-child{
 margin-right: 0px;
 }
 .big_tit .active a{color:#00568e; font-weight: bold}
 .color_99 a{color: #999;font-weight: normal}
 .news_box {
 width: 395px;
}
.new_ul .column_1 .news_box{
 margin-right: 25px;
}
.news_info {
 width: 340px;
 height: 105px;
 padding: 30px 25px 32px 30px;
 line-height: 25px;
 box-shadow: 1px 2px 8px #d6d6d6;
 border: 1px solid #d6d6d6;
 background: #fff;
}
.news_info a.title_type{
 font-size: 16px;
}
.news_info .news_txt{
 font-size: 12px;
 color: #b3b3b3;
 margin-top: 0px;
}
.hugk_item p{
 text-indent: 2em;
 line-height: 30px;
}
.gg_items{
 position: relative;
}
.gg_items .gg_item{
 position: absolute;
 opacity: 0;
}
.gg_items .gg_item.active{
 opacity: 1;
 transition: all 1s linear;
 z-index: 1;
}
.more_content,.more_container{
 position: relative;
 width: 93px;
 margin-top: 5px;
}
.more_content .more,.more_container .more{
 opacity: 0;
 position: absolute;
 
}
.more_content .more.active,.more_container .more.active{
 opacity: 1;
 transition: all 1s linear;
 z-index: 1;
}
.news_box img {
 width: 395px;
 height: 245px;
 display: block;
 transition: all 0.8s;
 -webkit-transition: all 0.8s;
 -moz-transition: all 0.8s;
}
.news_box .img_box:hover img {
 transform: scale(1.05,1.05);
 -webkit-transform: scale(1.05,1.05);
 -moz-transform: scale(1.05,1.05);
}
.new_ul li{
 float: left;
 background: #fff;
}
.tz_list{
 width: 470px;
}
.new_ul.float_none li{
 float: none;
}
.tz_items li{
 line-height: 95px;
 font-size: 16px;
 overflow: hidden;
}
.tz_items li:hover .span_date{
 color: #00568e;
 transition: all 0.5s linear;
} 
.tz_items li a{
 padding-left: 30px;
 padding-right: 10px;
 display: inline-block;
 width: 328px;
 box-shadow: 1px 2px 8px #d6d6d6;
 -webkit-transition: all .35s;
 -ms-transition: all .35s;
 transition: all .35s;
}
.tz_items li a:hover{
 padding-right: 0;
 padding-left: 40px;
}
.last .span_date{
 border: none;
}
.span_date{
 display: block;
 height: 95px;
 line-height: 20px;
 width: 100px;
 float: left;
 text-align: center;
 border: none;
 border-bottom: 1px solid #d6d6d6;
}
.span_date b {
 display: block;
 font-size: 30px;
 line-height: 40px;
 margin-top: 8px;
}
/*病人向导和在线服务*/
.guid_box{
 width: 632px;
 padding: 30px 0px 30px 50px;
 box-sizing: border-box;
}
.guid_list{
 overflow: hidden;
}
.guid_list li{
 float: left;
 width: 50%;
 font-size: 16px;
 line-height: 60px;
 height: 61px;
 padding-right: 50px;
 box-sizing: border-box;
}
.guid_list li p{
 border-bottom: 1px solid #b2d4e4;
 overflow: hidden;
}
.guid_list li p a{
 display: block;
 width: 100%;
 background: url(/Content/Areas/Hospitals/images/guid_bottom.png) no-repeat bottom left;
 transition: all 0.5s linear;
 -moz-transition:all 0.5s linear;
 -webkit-transition:all 0.5s linear;
 -o-transition:all 0.5s linear;
}
.guid_list li p span{
 float: right;
 height: 60px;
 width: 60px;
 background: url(/Content/Areas/Hospitals/images/guid_left.png) no-repeat center center;
 transition: all 0.5s linear;
 -moz-transition:all 0.5s linear;
 -webkit-transition:all 0.5s linear;
 -o-transition:all 0.5s linear;
}
.guid_list li p:hover span{
 transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -o-transform: rotate(0deg);
}
.guid_list li p:hover a{
 font-weight: bold;
 background: url(/Content/Areas/Hospitals/images/guid_bottom2.png) no-repeat bottom left;
}
/*科室样式*/
.sy_ts_tab{
 overflow: hidden;
}
.sy_ts_tab li {
 float: left;
 font-size: 16px;
 color: #333333;
 margin-right: 30px;
 line-height: 32px;
 text-align: center;
 margin-bottom: 3px;
}
.sy_ts_tab li.sy_keshihover{
 border-bottom: 3px solid #00568e;
 margin-bottom: 0px;
}
.ks_tab_con li {
 float: left;
 min-width: 177px;
 height: 50px;
 font-size: 14px;
 text-align: center;
 line-height: 50px;
 background: #eef3fa;
 margin-top: 10px;
 margin-right: 10px;
 color: #545454;
 border-radius: 5px;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 transition: all 0.5s;
 -webkit-transition: all 0.5s;
}
li.li_department:hover {
 background: #00568e !important;
}
li.li_department:hover a{
 color: #fff;
}
/*专家介绍*/
.doc_content{
 padding-bottom: 40px;
}
.doctorBox{
 position: relative;
}
.swiper-content{
 height: 365px;
}
.swiper-content .pd25{
 padding: 25px;
 margin: 0px 30px;
}
.swiper-content .picZoom{
 float: left;
 margin-right: 10px;
}
.swiper-content .picZoom img{
 width: 136px;
 height: 184px;
}
.swiper-content .textZoom{
 line-height: 24px;
}
.swiper-content .textZoom a{
 color:#00568e;
}
.swiper-content .textZoom h1 a{
 font-size: 16px;
}
.doctorBox .btn-box{
 position: absolute;
 bottom: 10px;
 right: 10px;
 width: 150px;
 height: 57px;
 box-sizing: border-box;
}
.doctorBox .btn-box a{
 display: inline-block;
 width: 55px;
 height: 55px;
 border: 1px solid #00568e;
 line-height: 55px;
 text-align: center;
 color: #00568e;
 font-family: "宋体";
 font-size: 34px;
 margin: 0 5px;
 transition: all 0.5s;
}
.doctorBox .btn-box a:hover{
 background: #00568e;
 color: #fff;
 border: 1px solid #fff;
}
.hugk_item img{
 float:left;
 margin-right:15px;
}
/*党建*/
.dang_tit li{
 margin-right: 35px;
 margin-bottom: 3px;
}
.dang_tit li:first-child{
 margin-right: 35px;
}
.dang_tit li:last-child{
 margin-right: 0px;
}

.dang_tit li.active{
 margin-bottom: 0px; 
 border-bottom: 3px solid #00568e;
} 
.dang_item li{
 float: left;
 margin-right: 60px;
}
.dang_items{
 position: relative;
 height: 400px;
}
.dang_item{
 position: absolute;
 opacity: 0;
}
.dang_item.active{
 opacity: 1;
 z-index: 1;
 transition: all 0.5s linear;
}
.dang_item li.last{
 margin-right: 0px;
}
.dang_item .news_info{
 border: none;
 width: 100%;
 box-shadow: 0px 0px 0px 0px;
 margin: 0px;
 padding: 0px;
 background: none;
}
.dang_item .news_txt .detail{
 display: none;
}
.dang_item .news_info .title_type{
 font-size: 16px;
 line-height: 50px;
}
.dang_item li:hover a{
 color: #00568e;
}
/*健康课堂*/
.jk_tit li{
 margin-right: 35px;
 margin-bottom: 3px;
}
.jk_tit li:first-child{
 margin-right: 35px;
}
.jk_tit li:last-child{
 margin-right: 0px;
}

.jk_tit li.active{
 margin-bottom: 0px; 
 border-bottom: 3px solid #00568e;
} 
.jk_items{
   
}
.jk_item{
 width: 100%;
 position: relative;
 display: none;
 box-sizing: border-box;
}
.jk_item.active{
 display: block;
 transition:  all 0.5s linear;
}
.pd30{
 padding: 30px;
}
.ul_video li{
 width: 45%;
 float: left;
 padding: 20px;
 box-shadow: 1px 2px 8px #d6d6d6;
 margin-right: 3%;
 margin-top: 20px;
}
.ul_video li:hover h2{
 font-weight: bold;
 color: #00568e;
}
.ul_video li:hover img{
 border: 1px solid #00568e;
}
.ul_video li img{
 height: 150px;
 width: 225px;
 border: 1px solid #d6d6d6;
 padding: 5px;
 float: left;
 margin-right: 15px;
}
.ul_video li.Li_Even {
 margin-right: 0px;
}
.ul_video li:first-child{
 margin-top: 0px;
}
.ul_video li:nth-child(2){
 margin-top: 0px;
}
.ul_video li h2{
 font-size: 16px;
 line-height: 32px;
}
/*健康课堂二级菜单*/
.kp_tit.big_tit{
 font-size: 16px;
 margin-bottom: 20px;
}
.kp_tit li{
 margin-right: 35px;
 margin-bottom: 3px;
}
.kp_tit li:first-child{
 margin-right: 35px;
}
.kp_tit li:last-child{
 margin-right: 0px;
}

.kp_tit li.active{
 margin-bottom: 0px; 
 border-bottom: 3px solid #00568e;
} 
.kp_item{
 display: none;
 height: 426px;
}
.kp_item.active{
 display: block;
}
.phone_show{
 display: none;
}
.phone_show img{
 width: 100%;
 margin-bottom: 15px;
}
/*二级菜单图片列表*/
.img_list li img{
 height: 200px;
 width: 300px;
 border: 1px solid #d6d6d6;
 padding: 5px;
 float: left;
 margin-right: 15px;
}
.img_list li{
 overflow: hidden;
 margin-top: 20px;
}
.img_list li:hover a.title_type{
 font-weight: bold;
}
.img_list li:hover img{
 border: 1px solid #00568e;
}
.img_list li a.title_type{
 font-size: 16px;
 line-height: 32px;
}
.img_list li:first-child{
 margin-top: 0px;
}
.xueshu_list li{
 float: left;
 width: 235px;
 height: 150px;
 margin-right: 26.66px;
 margin-top: 26.66px;
 position: relative;
 overflow: hidden;
}
.xueshu_list li.mt0{
 margin-top: 0px;
}
.xueshu_list li img{
 width: 100%;
}
.xueshu_list li:hover img{
 transform: scale(1.1);
 transition: all .5s;
}
.xueshu_list li p{
 position: absolute;
 top: 40px;
 width: 100%;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 line-height: 30px;
 text-align: center;
}
.xueshu_list li .more{
 position: absolute;
 bottom: 30px;
 left: 75px;
 color: #fff;
}
ul.article_list li span.span_date{
 height: auto;
 border-bottom: none;
}
@media only screen and (max-width: 1760px){
.yd_rk img {width: 85px;height: 85px;}

.yd_rk {width: 235px;/* top: calc(50% - 180px); */}

.banner_image {width: 135px;right: 150px;}
}
@media only screen and (max-width: 1440px){

   .new_cotent{width: 700px;}
 .span_date{height: 87px;}
 .dang_item li{margin-right: 97px;}
 .tz_items li{line-height: 86px;}
 .news_box,.news_box img{width: 335px;height: 208px;}
 .news_info{width: 280px;padding: 30px 25px 29px 30px;}
 .xueshu_list li{width: 212px;}
 .guid_box1{width: 577px;}
 .guid_box{width: 577px;padding: 30px 0 30px 30px;}
 .guid_list li{padding-right: 30px;}
 .ks_tab_con li{margin-right: 8px;}
 .ul_video li{margin-right: 2%;}
 .doc_box p.doc_desc{
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4;
 overflow: hidden;}
 .doc_box .doc_dep{
 overflow: hidden;
 text-overflow:ellipsis;
 white-space: nowrap;
 }
}
@media only screen and (max-width: 768px){
  .banner_phone,.main_phone{
 display: block;
  }
  .banner_phone{
 overflow: hidden;
  }
  .banner,.row{
 display:none;
  }
  div.wrap_main {
 background: #fafafa !important;
}
.phone-card{
  overflow: hidden;
}
.phone-card a {
  width: 3.44rem;
  height: 1.85rem;
  display: block;
  border-radius: 0.1rem;
  overflow: hidden;
}
.phone-card a img{
  width: 100%;
}
.phone-news{
  background: #fff;
  overflow: hidden;
}
.mb20 {
  margin-bottom: 0.2rem;
}
.mt20 {
  margin-top: 0.2rem;
}
.phone-news .news_title {
  height: 0.94rem;
  line-height: 0.94rem;
  padding: 0 0.3rem;
  box-sizing: border-box;
  border-bottom: 1px solid #F0F0F0;
}
.phone-news .news_title .newsTitle_phone {
  font-size: 0.36rem;
  color: #004180;
}
.phone-news .news_title .newsTitle_phone_more {
  font-size: 0.26rem;
  color: #004180;
}
ul.article_list {
  padding: 0 0.2rem;
}
ul.article_list li {
  padding-left: 0;
  background: none;
  line-height: 1.09rem;
  border-bottom: 1px solid #F6F6F6;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
ul.article_list li span.span_date {
  font-size: 0.24rem;
  color: #999;
  line-height: 1.09rem;
}
ul.article_list li a {
  font-size: 0.3rem;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dept_list{
  padding: 0.3rem;
  overflow: hidden;
  display: flex;
  justify-content: space-around;
}
ul.dept_list li {
  width: 1.5rem;
  height: 1.1rem;
  float: left;
  text-align: center;
  border-radius: 0.1rem;
}
ul.dept_list li a img {
  width: 0.3rem;
  height: 0.3rem;
  margin: 0.2rem auto 0.15rem;
  display: block;
}
ul.dept_list li span {
  color: #fff;
  font-size: 12px;
}
ul.dept_list li:nth-child(1){
  background: #4bc1c4;
}
ul.dept_list li:nth-child(2){
  background: #628dc8;
}
ul.dept_list li:nth-child(3){
  background: #e56b75;
}
ul.dept_list li:nth-child(4){
  background: #cfab72;
}
.phone_bottom{
  overflow: hidden;
 display: flex;
 justify-content: space-around;
}
ul.phone_bottom li {
  width: 2.2rem;
  height: 1.4rem;
  text-align: center;
  font-size: 0.3rem;
  color: #fff;
  border-radius: 0.1rem;
}
ul.phone_bottom li a img {
  width: 0.35rem;
  height: 0.35rem;
  display: block;
  margin: 0.3rem auto 0.2rem;
}
ul.phone_bottom li a span {
  color: #fff;
}
ul.phone_bottom li:nth-child(1){
  background: #628dc8;
}
ul.phone_bottom li:nth-child(2){
  background: #62c4c8;
}
ul.phone_bottom li:nth-child(3){
  background: #d27181;
}
.doc_list{
  padding: 0 0.2rem;
}
.doctorUl{
  width:100% !important;
}
.doc_list .swiper-slide {
  float: left;
  height: 1.6rem;
  box-sizing: border-box;
  padding-top: 0.3rem;
  border-bottom: 1px solid #ddd;
  width:100%;
}
.doc_list .swiper-content .pd25 {
  padding: 0;
  margin: 0;
}
div.box_shadow {
  box-shadow: none;
  border: none;
}
.doc_list .swiper-content .picZoom {
  float: left;
  margin-right: 10px;
}
.doc_list .swiper-content .picZoom>a {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
  overflow: hidden;
  border-radius: 50%;
}
.doc_list .swiper-content .picZoom img {
  width: 100%;
  height: auto;
}
.doc_list .swiper-content .textZoom h1 a {
  font-size: 14px;
}
.doc_list .swiper-content .textZoom p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  margin: 0 0.2rem;
}
.doc_list .swiper-content .textZoom p:nth-child(1) a{
  display: none;
}
.doc_list .swiper-content .textZoom h1{
  float: left;
}
.doc_list .swiper-content .textZoom p{
  float: left;
}
.doc_list .swiper-content .textZoom p a{
  display: none;
}
.doc_list .swiper-content .textZoom p.doc_desc a{
  display: inline-block;
}
.doc_list .swiper-content .textZoom p.doc_desc{
  width:70%;
  float: none;
}
.doc_list .swiper-content {
  height: auto;
}
 .main{ padding:0 0.2rem;}
 .main .banner .arrow_btn{background-size: 200%;width: 20px;height: 38px;margin-top: -20px; }
 .main .row{padding: 0px 10px; }
 .new_cotent { width: 100%;}
 .new_cotent ul{width: 100%;}
 .new_ul .column_1 .news_box{ margin-right: 0px;width: 100%;}
 .sm_tit li{padding: 0 10px; margin: 0;}
 .new_ul li{float: none;}
 .new_ul li.last{display: none;}
 .sm_tit a{font-size: 14px;}
 .main_content>.fl{float: none;}
 .news_box, .news_box img{width: 100%;}
 .news_info {width: 100%;box-sizing: border-box;height: auto;}
 .tz_list.fr{float: none;width: 100%;height: 377px;}
 .span_date{width: 20%;}
 .tz_items li a{width: 80%;
 box-sizing: border-box;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;}
 .tz_items li{height: 77px;}
 .guid_list li p span{width: 12px;}
 .guid_box{padding: 30px 0 30px 5px;width: 100%;}
 .guid_list li{padding-right: 15px;font-size: 14px;}
 .guid_list li p a em{display: none;}
 .sy_ts_tab{display: flex;}
 .sy_ts_tab {overflow: hidden;display: flex;justify-content: space-between;}
 .sy_ts_tab li{margin-right: 0px; float: none;}
 .ks_tab_con li{min-width: 48%;margin-right: 4%;}
 .ks_tab_con li:nth-child(even){margin: 0px;}
 .swiper-box{width: 100%;}
 .doctorBox .btn-box{display: none;}
 .dang_tit li{margin-right: 0px;}
 .dang_tit li:nth-child(even){display: none;}
 .dang_tit.fl{margin-right: 0px;width: 100%; display: flex;justify-content: space-around;}
 .dang_item li{margin-right: 0px;width: 100%;}
 .dang_item .column_2,.dang_item .column_3{display: none;}
 /**/
 .kp_tit li{margin-right: 0px;}
 .pc_show{display: none;}
 .phone_show{
 display: block;
 }
} 