﻿@charset "utf-8";

/*专家列表页*/
h2.title2 {line-height: 55px;overflow: hidden;font-size: 24px;font-weight:normal;color: #282828;font-family: 'Microsoft YaHei','微软雅黑';}
h2.title2 a{color: #282828; font-size: 24px; font-weight:normal;}
h2.title2 a:hover{ color:#078a85}
.main_con{width:1160px;margin:0 auto;background: #fff; padding:0px 20px 20px;}
   .menuAScro {
 overflow: hidden;
}

.menuAScro h2.DepNameBtn1 {
 font-size: 18px;
 padding: 5px;
 color: #000;
 font-weight: normal;
 margin-bottom: 10px;
 /* width: 100px; */
 transition: all 0.3s;
 border: 1px solid #DDD;
 float: left;
 margin-right: 10px;
 border-radius: 5px;
 cursor: pointer;
 text-align: center;
 padding: 9px 10px;
}

.menuAScro h2.DepNameBtn1.active {
 background: #078a85;
 color: #fff;
 border: 1px solid #078a85;
}

.menuAScro h2.DepNameBtn1:hover {
 background: #078a85;
 color: #fff;
 border: 1px solid #078a85;
}
.HospitalsC{display: none;}
.HospitalsC.active{display: block;}
/*医生介绍*/
.zx_icon { background: #d44137 ; 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 {}
.content_top_ul { margin-top:10px;float:left;}
.content_top_ul li { width:348px;height:160px;overflow: hidden;float:left; background:#f5f5f5; padding:10px;margin-right:15px;-webkit-transition: all ease .3s; transition: all ease .3s;}
.content_top_ul li:hover{-webkit-transform: scale(1);  transform: scale(1); box-shadow: 0px 0px 18px rgba(0,0,0,.5);}
.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 { line-height: 32px;}
.content_top_ul li h2 a { color:#078a85;font-size:16px;}
.content_top_ul li p{color: #078a85;font-size: 14px;line-height: 27px;}
.content_top_ul li p span{color:#333;}
.zj {overflow:hidden;}
.zj p span.cz{margin-left:-6px;}
.DoctorXX p span.cz{margin-left:-6px;}
.scr_cont { width:100000px;}
.DoctorCount{width: 1160px;margin:0 auto;background-color: #fff;height:200px;}
.doctor_ltd_inside { overflow:hidden;width:1130px;}
.content_bot h3 {height:45px;background:url(../images/ysjj_tit.jpg) no-repeat left top;font:bold 14px/45px "宋体";color:#FFF;padding-left:20px;margin-top:15px;}

/*医生介绍列表*/
h2.dep_img{border: 1px solid #DDD;padding: 10px;position: relative;color:#078a85;/* font-weight:bold; */margin-bottom:10px;box-sizing: border-box;float: left;margin-right: 10px;font-size: 18px;}
h2.dep_img.active a {
 color: #078a85;
}
h2.dep_img.active {border-top: 1px solid transparent;}
h2.dep_img::after {
 content: "";
 width: 0;
 height: 2px;
 top: 0px;
 background: #078a85;
 position: absolute;
 left: 0;
 transition: all 0.3s;
}
h2.dep_img:hover {
 border-top: 1px solid transparent;
}

h2.dep_img:hover::after {
 content: "";
 width: 100%;
}
h2.dep_img.active::after {
 content: "";
 width: 100%;
}
.contentHeader {
 overflow: hidden;
}
.content_bot {color:#666666; padding:15px 0 0;}
.content_bot .menuB{}
.content_bot .menuB .menuCount {border-bottom:1px dashed #DFDFDF;margin:20px 0px;padding:0 0 15px}
.DepName {background:#078a85;color:#FFFFFF;float:left;font-size:16px;font-weight:100;height:30px;line-height:30px;text-align:center;width:180px}
.DepName a{color:#FFFFFF; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.DepName a:hover{ text-decoration:none; background:#FA5372;}
.menuCount ul {float:right;width:945px}
.content_bot ul li {float:left;font-size:14px;height:30px;line-height:30px;padding-left:20px;width:85px;position:relative}
.content_bot ul li a{display: block}
.DoctorXX { background:#f5f5f5;border:1px solid #DDDDDD;padding:15px;position:absolute;width:348px;z-index:100;left:0px;top:30px;height:155px;overflow:hidden;}
.DoctorXX img {float:left;height:155px;margin-right:10px;width:120px}
.DoctorXX p{ color:#078a85 ;font-size: 14px;line-height: 28px;}
.DoctorXX p span{color: #333}

/*未开启医生站点*/
.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(../images/zr.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;}
h2.title_header{margin: 25px 0 15px 0;}
.zj_cont p strong{color:#078a85}
.zj_cont p span a{color:#222;font-weight:100}
.zj_cont p span a:hover{color:#078a85;}
.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(../images/ico1.jpg) no-repeat scroll 9px 10px;font-size:14px;}




 @media only screen and (max-width:768px){
	 .main_con{width:100%;float: none; box-sizing: border-box; padding:0 10px}
  .DoctorCount{ width:95%;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;}
}

@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;}
}
 
 