@charset "utf-8";
/*医生介绍*/

.DoctorCount{ border: 1px solid #ccc;background:#fff;margin-top: 15px }
.zx_icon { background:#0f60ac ; border-radius: 4px; color: #fff!important; display: inline-block; font-size: 12px; height: 17px; line-height: 17px; text-align: center; padding:0 2px; font-weight: normal;margin-left:15px;}
.zx_icon:hover{ opacity:0.7;}
.content_top_ul { margin-top:10px;float:left;zoom:1;}
.content_top_ul li { width:475px;height:180px;overflow: hidden;float:left; background:#f1f1f1; padding:10px;margin-right:15px;-webkit-transition: all ease .3s; transition: all ease .3s;}
.content_top_ul li:hover{ cursor:pointer; background:#e4e4e4;}
.content_top_ul li a img{height:155px;width:120px;float:left;padding:2px;border:1px solid #ccdee6;margin-right:18px;}
.content_top_ul li h2 { font-size:16px;line-height: 32px;}
.content_top_ul li h2 a { color:#0f60ac;}
.content_top_ul li p{color: #0f60ac;font-size: 14px;line-height: 27px;}
.content_top_ul li p span{color:#333;}
.menuC-tab li:nth-child(4n) {
 margin-right: 0;
}
 .tab_menu h2 {
 font-size: 24px;
 margin-bottom: 10px;
 padding-bottom: 10px;
 border-bottom: 2px solid #1f60ad;
 color: #1f60ad;
}
.tab_menu h2 i {
 font-size: 18px;
}
.zj {overflow:hidden;}
.zj p span.cz{margin-left:-6px;}
.DoctorXX p span.cz{margin-left:-6px;}
.scr_cont { width:110000px; height: 190px;overflow: hidden;}
.doctor_ltd_inside {overflow:hidden;position:relative;zoom:1;width: 1268px;}
.menuCount h3 {height:45px;background:url(../../common/images/ysjj_tit.jpg) no-repeat left top;font:bold 14px/45px "宋体";color:#FFF;padding-left:20px;margin-top:15px;}
.ChuZhen{ color:#0f60ac !important;}
h2.title_header{margin-bottom:20px;}

/*医生介绍列表*/
.menuB{width: 21%;float: left}
.menuC{width: 80%;float: right;/* border: 1px solid #ededed; *//* padding: 15px; *//* box-shadow: 1px 2px 8px #d6d6d6; */}
.menuC-tab{display: none;}
.menuC-tab li{
 width: 224px;
 float: left;
 padding-bottom: 20px;
 /* border-bottom: 1px dashed #ccc; */
 /* margin-top: 20px; */
 /* height: 240px; */
 position: relative;
 margin-right: 20px;
 }
 .menuC-tab.menuC-tab-special li{
  width: 100%;
  position: relative;
 }
 .menuC-tab-special li .doc-img{
  width: 20%;
 }
 .menuC-tab-special li .doc-right{
  width: 80%;
 }
/* 医生 */
.doc-img{
 /* width: 40%; */
 /* float: left; */
}
.menuC-tab:nth-child(1){display: block;}
.doc-img a{/* display: block; */display: block;/* box-shadow: 0 0 10px #999; *//* border-radius: 10px; */overflow: hidden;cursor: pointer;}
.doc-img a img{height: 268px;}
.doc-img a img:hover{transform: scale(1.03);transition: all 0.5s;}
.doc-right{
 /* padding: 0 10px; */
 /* width: 60%; */
 /* float: right; */
 background: #F8F8F8;
 text-align: center;
 height: 85px;
 /* box-shadow: 0px 20px 40px 0px rgba(208, 208, 208, 0.26); */
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
.doc-name{
 font-size: 22px;
 font-weight: 700;
 padding-bottom: 10px;
 /* border-bottom: 1px dashed skyblue; */
}
.doc-pro{
 font-size: 14px;
 /* padding-left: 20px; */
 font-size: 16px;
 
 font-weight: bold;
 color: #666666;
}
.doc-sp{
 line-height: 32px;
}
.doc-sp span{color: #aaa;}



.menuB .menuCount{border-bottom:1px dashed #DFDFDF;margin:20px 0px;padding:0 0 15px;_height:30px;}
.DepName {
 /* margin: 0 0 1px; */
 /* background: #cde6ff; */
 font-size: 22px;
 text-align: center;
 /* overflow: hidden; */
}
.DepName:last-child{margin-bottom: 0;}
.DepName a{
 border-bottom: 1px solid #eee;
 font-size: 20px;
 color: #000;
 font-weight: normal;
 text-align: center;
 height: 82px;
 /* line-height: 75px; */
 display: block;
 /* font-weight: bold; */
 color: #333333;
 display: flex;
 justify-content: center;
 align-items: center;
}
.main_left .active {
 /* background: url(/Sites/Uploaded/UserUpLoad/20170914/20170913103549.png) no-repeat center; */
 /* background-size: cover; */
}
.main_left .active a{color: #1F60AD;}
.leftNavTitle{font-weight: 700;}
.DepName a:hover{
 /* text-decoration:none; */
 /* background: url(/Sites/Uploaded/UserUpLoad/20170914/20170913103549.png) no-repeat center; */
 /* background-size: cover; */
 /* color:#fff; */
 color: #1F60AD;
 }
.menuCount ul {float:right;width:1050px}
.menuCount ul li {float:left;font-size:14px;height:30px;line-height:30px;padding-left:20px;width:130px;position:relative; }
.menuCount ul li a{display: block}
.DoctorXX {width:348px;height:155px;background:#f5f5f5;border:1px solid #DDDDDD;padding:15px;position:absolute;z-index:100;
 left:0px;top: 38px;overflow-y:scroll; }
.DoctorXX img {float:left;height:155px;margin-right:10px;}
.DoctorXX p{ color:#0f60ac ;font-size: 14px;line-height: 28px;}
.DoctorXX p span{color: #333}
.DoctorXX span.sj{width:17px;height:9px;display:block;position: absolute;top: 0px;z-index: 11111111111111;margin-top: -9px;}
.DoctorXX span.sj img{width: 17px !important;height:9px;float: none;margin-right: 0px;vertical-align: top;}
/*未开启医生站点*/
.doc_jj_con{padding-top:25px;}
.doc_jj_con p{font-size: 14px;line-height: 28px;}
.zj_img{float: left;text-align: center;border:1px solid #eee;padding:5px;margin-right:15px;position: relative;}
.doc_dh{position:absolute;width:35px;height:35px;left:0;right:0;background:url(/Content/Areas/Common/images/department/icon_4.gif) no-repeat ;top:0px}
p.pic-info{font-size: 14px;line-height: 28px;}
p.pic-info a{cursor: pointer;}
p.docimg img{width:120px;height:155px;}
.zj_cont p strong{color:#0f60ac}
.zj_cont p span a{color:#222;font-weight:100}
.zj_cont p span a:hover{color:#0f60ac;}
.zj_cont p{line-height: 28px;}
.zj_cont p .xiangTzx,.zj_cont dl dt .xiangTzx{ background: #d44137 ; border-radius: 4px; color: #fff; display: inline-block; font-size: 12px; height: 17px;line-height: 17px; margin-left: 10px; text-align: center; width: 58px;}
.zj_cont p .xiangX { background: #fc9e18;border-radius: 4px; color: #fff; display: inline-block; font-size: 12px; height: 17px; line-height: 17px; margin-left: 10px; text-align: center; width: 33px;}
.zj_cont dl dt .yuey{ background: #399859;border-radius: 4px; color: #fff; display: inline-block; font-size: 12px; height: 17px; line-height: 17px; margin-left: 10px; text-align: center; width: 33px;}
.zj_cont p .xiangTzx:hover,.zj_cont p .xiangX:hover,.zj_cont dl dt .xiangTzx:hover,.zj_cont p .yuey:hover,.zj_cont dl dt .yuey:hover {opacity:0.7;filter:alpha(opacity=70)}
.doc_name_list{border-top:1px dotted #c0c0c0;padding:4px 0;margin:20px 0 0 0}
.doc_name_list a{line-height:30px;padding:0 10px 0 20px;background:url(/Content/Areas/Common/images/Article/icon_2.png) no-repeat scroll 9px 10px;font-size:14px;}
.doc-right .doc-sp a{
 float: right;
    width: 80px;
    text-align: center;
    border: 1px solid #0088ce;
    border-radius: 5px;
    color: #0088ce;
    transition: all 0.2s;
    position: absolute;
    bottom: 10px;
    right: 10px;
   } 
   .doc-right .doc-sp a:hover{
    background: #0f5ead;
    color: #fff;
    transition: all 0.2s;
   }
   .menuC-tab .doc-right .doc-sp{
 line-height: 28px;
 display: -webkit-box;
  -webkit-box-orient: vertical; 
  -webkit-line-clamp:4; 
  overflow: hidden;
}
.nav_img{display: none;}

.wrap_main {
  background: #fff;
}

.menuC-tab li:hover .doc-right {
  background: #fff;
  box-shadow: 0px 20px 40px 0px rgba(208, 208, 208, 0.26);
}
.DepName:last-child a {
  border: none;
}
.doc-right a {
  color: #1F60AD;
}
.doc_search input {
  width: 23%;
  height: 54px;
  background: #F5F5F5;
  border: 1px solid #1F60AD;
  border-radius: 27px;
  /* outline: inherit; */
  font-size: 16px;
  padding: 0 20px;
  box-sizing: border-box;
  line-height: 54px;
  margin-right: 35px;
  font-family: "宋体";
  float: left;
}

.doc_search {
  margin-bottom: 20px;
  overflow: hidden;
}

.doc_search input:focus {
  background: #fff;
}
input::-webkit-input-placeholder{
  font-size: 16px;
  
  font-weight: bold;
  color: #1F60AD;
  opacity: 0.7;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  font-size: 16px;
  
  font-weight: bold;
  color: #1F60AD;
  opacity: 0.7;
}
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
  font-size: 16px;
  
  font-weight: bold;
  color: #1F60AD;
  opacity: 0.7;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  font-size: 16px;
  
  font-weight: bold;
  color: #1F60AD;
  opacity: 0.7;
}
.doc_search a {
  width: 15%;
  height: 53px;
  background: #1F60AD;
  border-radius: 27px;
  float: left;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 53px;
  font-weight: bold;
}
.menuC-tab li.leader {
 width: 100%;
 display: flex;
 justify-content: flex-start;
 align-items: self-start;
}

.doc-left {
 width: 224px;
}

.doc_model {
 margin-left: 30px;
}
.docM_top h2 {
 display: flex;
 align-items: center;
 margin-bottom: 10px;
}

.docM_top h2 a {
 font-size: 28px;
 color: #1f60ad;
}

.docM_top h2 p {
 width: 100px;
 height: 30px;
 font-size: 15px;
 
 font-weight: bold;
 color: #FFFFFF;
 background: url(/Sites/Uploaded/UserUpLoad/20201225/20201225155451.png) no-repeat;
 text-align: center;
 line-height: 30px;
 margin-left: 20px;
 border-radius: 10px;
}

.docM_bottom p {
 color: #999;
 margin-bottom: 20px;
 font-size: 16px;

}

.docM_bottom p span.Specialty {
 color: #1f60ad;
 background: url(/Sites/Uploaded/UserUpLoad/20201225/20201225144733.png) no-repeat center left;
 padding-left: 25px;
 font-weight: bold;
}

a.docM_more {
 position: absolute;
 right: 0;
 bottom: 20px;
 width: 100px;
 height: 40px;
 line-height: 40px;
 /* text-align: center; */
 background: #1f60ad url(/Sites/Uploaded/UserUpLoad/20201225/20201225154942.png) no-repeat 65px center;
 border-radius: 20px;
 color: #fff;
 padding-left: 20px;
}


.docM_middle {
 margin-bottom: 10px;
 font-size: 16px;
}

.docM_bottom p span.Description {
 color: #1f60ad;
 background: url(/Sites/Uploaded/UserUpLoad/20201225/20201225155351.png) no-repeat center left;
 padding-left: 25px;
 font-weight: bold;
}
.NoLeader .doc_model {
 position: absolute;
 width: 585px;
 top: 32px;
 background: #fff;
 left: 195px;
 z-index: -1;
 padding: 40px;
 border-radius: 30px;
 box-shadow: 0 0 10px #ccc;
 opacity: 0;
 transform: translateX(-40px);
 transition: all 0.2s;
}
.NoLeader a.docM_more{
 border-radius: 20px 0;
 bottom: 0px;
}
.menuC-tab li.NoLeader:nth-child(4n) .doc_model{
 right: auto;
 left: -630px;
}
 .hover.NoLeader .doc_model {
 z-index: 1;
 opacity: 1;
 transform: translateX(0);
 transition: all 0.2s;
}

li.NoLeader .doc_model::after {content: "";position: absolute;border-color: transparent #fff transparent transparent;border-width: 40px;border-style: solid;top: 21px;left: -70px;width: 0;height: 0;}
.menuC-tab li.NoLeader:nth-child(4n) .doc_model::after{
 content: "";
 border-color: transparent transparent transparent #fff;
 left: auto;
 top: 21px;
 right: -70px;
}
.DepName a.sp_a {
 font-size: 15px;
}
/* .menuC-tab.menuC-tab_21 li {
  width: 176px;
}

.menuC-tab.menuC-tab_21 li:nth-child(4n) {
  margin-right: 20px;
}

.menuC-tab.menuC-tab_21 li:nth-child(5n) {
  margin-right: 0;
}

.menuC-tab.menuC-tab_21 li .doc-img a img {
  width: 100%;
  height: auto;
}

.menuC-tab.menuC-tab_21 li:nth-child(5n) .doc_model {
  right: auto;
  left: -630px;
}

.menuC-tab.menuC-tab_21 li:nth-child(5n) .doc_model::after {
  right: -70px;
  left: auto;
  border-color: transparent  transparent transparent #fff;
}

.menuC-tab.menuC-tab_21 li .doc_model {
  left: 165px;
} */
@media (max-width: 1440px){
/*   .menuC-tab.menuC-tab_21 li:nth-child(5n) .doc_model {
 left: -530px;
} */
 .menuC-tab li{
 height: auto;
 padding-bottom: 40px;
 }
 .NoLeader .doc_model{
 width: 500px;
 }
 .menuC-tab li.NoLeader:nth-child(4n) .doc_model{
 left: -530px;
 }
 .menuC-tab li.NoLeader:nth-child(4n-1) .doc_model{
 left: -530px;
 }
 .menuC-tab li.NoLeader:nth-child(4n-1) .doc_model::after{
 content: "";
 border-color: transparent transparent transparent #fff;
 left: auto;
 top: 21px;
 right: -70px;
 }
 .menuC-tab .doc-right .doc-name{
 font-size: 17px;
 }
 .menuC-tab .doc-right .doc-pro{
 font-size: 13px;
 padding-left: 7px;
 padding-right: 7px;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
 .menuC-tab .doc-right .doc-pro:nth-of-type(2){
 padding: 0;
 }
}
@media (max-width: 1310px){
.menuCount ul {width: 940px;}
.doctor_ltd_inside{ width: 1095px; }
}
@media (max-width: 1280px){
 /* .menuC-tab li{min-height: 350px;} */
}
@media (max-width: 1200px){
.doctor_ltd_inside{width: 100%;}
.menuCount ul {width: 100%;}
}

@media only screen and (max-width:768px){
  .menuC-tab.menuC-tab_21 li {
 width: 100%;
}
  .wrap_main .container {
 width: 100%;
}
  .side_menu_inside{display: none;}
.main_con{width:100%;float: none;}
#con_setTab_1{position: relative;}
.DoctorCount{ width:100%;margin:0 auto;padding:0;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */} 
.doctor_ltd_inside{width:100%;}
.DoctorXX{ display:none!important}
.menuCount ul{ width:98%}
.DepName{ width:100%}
.content_top h3, .Title1{ border:none}
.content_bot .menuB{ padding:10px;border:none}
.content_bot .menuB .menuCount{ margin:10px 0px;}
.pd20,.title_header{ padding: 0;}
.DoctorCount.pd20{ padding:20px; }
.main_left{display: block;width: 100%;position: absolute;z-index: 1;background: transparent;}
.menuC{width: 100%;margin-top: 90px;}
.main_left .active{background: rgba(110 ,182, 255 ,0.7);}
.DepName{background: rgba(205 ,230 ,255 , 0.5);margin: 0;}
.main_left .lv1_ul{background: rgba(255 ,255, 255 , 0.5);padding: 0;}
.nav_img{
 margin-bottom: 4px;
 display: inline-block;
}

.doc_search a {
  width: 15%;
}

.doc_search input {
  width: 23%;
}

.Min.mt10 {
  padding: 0 15px;
}

}
@media only screen and (max-width:640px){ 
 .menuCount ul{ width:100%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
 .menuCount ul li{ width:25%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
 .content_top_ul li{width:300px;}
 .DoctorCount{width:100%;}
 .menuC-tab li{width: 100%; flex-direction: column;}
}
@media only screen and (max-width:640px){
 .menuC-tab-special li .doc-img{width: 100%;}
 .menuC-tab-special li .doc-right{width: 100%;}
 .doc-img{width: 100%;}
 .doc-right{width: 100%;}
 .doc_search input {
   width: 100%;
   margin-bottom: 10px;
  }
  
  .doc_search a {
   width: 100%;
  }
  
  .doc-img a img {
   height: auto;
   width: 100%;
  }
  .doc-left{width: 100%;}
  .doc-left {
 width: 100%;
}

.doc_model {
 margin: 10px 0 0;
}
}