﻿/*-------------------科室------------*/
.Department_left{ width:266px; float:left}
.dep_title1{ background:url("https://www.mark-barnett.com/Content/Areas/Departments/images/dep_title.jpg") no-repeat 0 0px; width:266px; height:53px; display:block; cursor:pointer}
.depList_con{ position:relative}
.depList{ position:absolute; width:910px; background:#FFF; border:solid 3px #007929; overflow:auto; height:367px; padding:10px 20px; display:none; z-index:2; top:50px;}
.depList .title4 span{color:#333!important; float:left!important;}
.depList .title4 span a{ float:left;font-size:18px; }
.function li{ float:left; font-weight:normal; width:175px!important; text-align:left; font-size:14px; line-height:30px; display:inline}
.function li ul{ display:none!important}
.function li a{ color:#333!important}
.function .sy2_ul{ padding:0 10px; width:927px; height:360px; overflow: scroll; overflow-x:hidden}
.dep_title2{ height:40px; line-height:40px;  color:#36a55b; border-bottom:solid 1px #dddddd;font-family:"Microsoft YaHei"; font-weight:normal;}

.clinicsBox{ border:solid 1px #dddddd; border-top:solid 2px #179742; margin:10px 0 0 0px; padding:0 10px 10px 10px;}
.contactBox{ line-height:25px; margin:10px 0 0px; font-size:14px; color:#666}
.contactBox_bottom{background:url("https://www.mark-barnett.com/Content/Areas/Departments/images/contact_bottom.jpg") no-repeat center 0px; height:21px; width:266px;}
.clinicsCon{line-height:31px;font-size:14px;color:#666;background:url("https://www.mark-barnett.com/Content/Areas/Departments/images/ico10.jpg") repeat 0px 0px;margin:10px 0px;height: 435px;overflow-y: auto;}

.Department_right{ width:645px; float:right; border:solid 1px #dcdcdc; padding:12px 15px 10px 15px;}
/*科室介绍*/
.DepartmentBox{ margin:10px 0 0 0px; font-size:14px; line-height:30px;}
.DepartmentBox img{ width:280px; height:210px; float:left; display:block; margin:0 10px 0 0px;}
.DepartmentBox p{ text-indent:2em}
.DepartmentBox p a{ color:#007929}
/*科室专家*/
.doctorList{ margin:25px 0 0 0px;}
.doctorList li{ width:112px; float:left; margin:0 17px 0 0px; display:inline}
.doctorList li img{ width:88px; height:105px; padding:2px; border:solid 1px #d9d9d9; display:block}
.doctorList li img:hover{ border:solid 1px #179742}
.doctorList li h3, .doctorList li h3 a{ font-size:14px; color:#36a55b; height:25px; line-height:25px;}
.doctorList li p{ font-size:12px; line-height:22px; color:#36a55b}
.doctorList li p span{ color:#333}
.visitBox{ }
.fontstyle{ font-size:12px; font-weight:normal}
.fontstyle strong{ color:#e87711;font-weight:normal}


/*科室介绍*/
.DeparClumn  li{ height:40px; line-height:40px; border-bottom:solid 1px #d9d9d9; }
.DeparClumn  li a{ display:block;font-size:14px; font-weight:bold; padding:0 15px 0 30px;background:url("https://www.mark-barnett.com/Content/Areas/Common/images/left_ico.jpg") no-repeat 15px 15px;}
.DeparClumn  li a:hover{background: url("https://www.mark-barnett.com/Content/Areas/Common/images/left_ico2.jpg") #1a9c4a no-repeat 15px 15px; color:#FFF}
.article_con{ font-size:14px; line-height:25px; color:#444; margin:10px 0 0 0px;}
.article_con p{ text-indent:2em}
.datumDate{margin:10px 0 0px; height:30px; line-height:30px; text-align:right; border-top:solid 2px #e9e9e9; padding:8px 0 0 0px; color:#999}

.DepartmentBox .FirstParent{display:block;font-family:"Microsoft YaHei";font-weight:bold;font-size:16px}


/*科普知识*/
.ke_dynamic_list li { background: url("https://www.mark-barnett.com/Content/Areas/Common/images/ico8.jpg") no-repeat scroll left 12px; font-size: 14px; line-height: 35px; padding: 0 0 0 15px;}

/*心脏中心单独样式*/
.doctor_box {font-size: 14px;line-height: 26px; margin:10px 0 0 0px;}
.doctor_box span {font-weight: bold; color:#179742}
.doctor_box .doctor_box_list a{margin:0 5px 0 0px;}
/*所辖科室*/
.childrenDepartment{margin:5px 0 0 0px;}
.dep_listUl li{ display: inline;   float: left;  height: 38px;  margin:10px 5px; overflow:hidden}

.dep_listUl li  a {  background: url("https://www.mark-barnett.com/Sites/Uploaded/Image/2014/5/libg1.jpg") repeat-x ;  border: 1px solid #CCCCCC;
 color: #36A55B;  display: block;  float: left;  font-size: 14px;  font-weight: bold;  height: 36px;  line-height: 36px;
 text-align: center; }
.dep_listUl li  a:hover {  background: url("https://www.mark-barnett.com/Sites/Uploaded/Image/2014/5/libg1_h.jpg") repeat-x ;border:none;   color: #fff;  display: block;  }

.cz_box{ display: none; }
/*出诊信息样式*/
tbody{width:100%; display:inline-table;}
h2.Com_tit{height: 40px;line-height: 40px;border-bottom: solid 1px #e5e5e5;margin: 0 0 2px 0px;color: #4d4d4d;}
h2.Com_tit span {padding: 0 5px;border-bottom: 3px solid #179742;display: block;float: left;font-family: "Microsoft YaHei";font-weight: normal;font-size: 20px;height: 37px;line-height: 37px;}
.Scheduling_qiehuan{ border-bottom:1px solid #ccc; height:35px; padding-bottom:1px;}
.Scheduling_qiehuan span{ float: left;height:35px;line-height: 35px;padding:0 10px; display:inline-block;color:#333;margin-right:10px; cursor:pointer; font-size:18px;}
.Scheduling_qiehuan span.current{color: #333; border-bottom:2px solid #179742;}
.chuzhen{ font-weight:normal;line-height: 35px; float:none; width:100%; background:#f3f3f3; padding-left:10px; box-sizing:border-box;}
.clinicDetail{border-left: 1px solid #ccc;border-top: 1px solid #ccc;}
.clinicDetail .frist_tr th{color:#fff;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;font-weight:100;line-height:32px;background: #179742;}
.clinicDetail .frist_tr td{color:#fff;background: #179742;line-height:25px;width:100px;}
.clinicDetail td{height:27px;line-height:27px;vertical-align:middle;text-align:center;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;color:#333;}
td.sday{background:#fffdf5;}
.clinicDetail .frist_tr .select_table_hover{background: #75c19c !important;color:#FFF;}
.Dep_Name{ width:95px;}
.PCDisplay{border-right: 1px solid #ddd;}
 .swiper-container {
 padding: 10px 0;
}
.columnList {
 margin: 20px 0 10px;
}
a.Com_more {
 float: right;
}
.swiper-container{
 --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
 --swiper-navigation-color: #179742;/* 单独设置按钮颜色 */
 --swiper-navigation-size: 30px;/* 设置按钮大小 */
  }
  .columnList .swiper-slide img {
 width: 100%;
 height: 210px;
}
@media only screen and (max-width: 768px){
 body{font-size:100%!important}
 div.Department_left{width:100%;float:none;}
 div.Department_right{width:100%;float:none;box-sizing:border-box;}
 ul.function li{width:25%!important}
 div.depList{width:100%;box-sizing:border-box;}
 h2.dep_title1{width:100%;box-sizing:border-box;background:#179742;padding:0 0 0 40%;}
 h2.dep_title1:before{content:"科室导航";line-height:53px;color:#FFF;font-size:1em;text-align:center;}
 div.contactBox_bottom{display:none;}
 ul.doctorList li{width:23%;margin:0;padding:0 1%; }
 ul.doctorList li img{width:98%;height:auto;border: none;}

 .visitBox,.scheduling { display: none;}
 .cz_box{ display: block;  width: 100%; height: 36px;  line-height: 36px; margin: 10px 0;  background: #0c905a;  text-align: center; }
 .cz_box a{ color: #fff;  font-size: 16px; }

 ul.doctorList li > a{  display: block;  width: 100%; height: 180px; overflow: hidden; border: solid 1px #d9d9d9; }
 .article_con p img{max-width: 100%;}

}
@media only screen and (min-width: 640px) and (max-width: 768px){

}
@media only screen and (max-width: 640px){
  ul.doctorList li > a{ height: 150px;  }
 
}
@media only screen and (max-width: 480px){
ul.doctorList li {  width: 46%; padding: 0 2%;}
ul.doctorList li > a {  height: 210px;}
.doctorList li p{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.columnList .swiper-slide img {
 width: 100%;
 height: 265px;
}
}
@media only screen and (max-width: 380px){
  ul.doctorList li > a { height: 160px;}
  .columnList .swiper-slide img {
 width: 100%;
 height: 225px;
 }
}

 