﻿/*--科室首页--*/
.bg_1{background:#F5F5F5;}
.Department_right{width:300px;float: right;}
.Department_left{width:885px;float: left;}
h2.dep_tit{height:32px;line-height: 36px;font-size: 15px;font-weight: bold;}
.con_p p{font-size: 14px;line-height: 2em}
.details{ color:#126089}

/*相关疾病*/
h2.dise_name{font-size: 14px;font-weight: bold;line-height: 32px;}
img.dise_img {width: auto;height: 95px;margin-right: 15px;float: left}
ul.dise_list li{line-height: 32px;float: left;padding-right: 15px;  }
ul.dise_list li a{padding-left: 15px;background: url(/Content/Areas/Common/images/Article/icon_2.png) no-repeat 9px center}
/*科室简介*/
.Department_left img.dep_img{width:584px;height:294px;float: left;border:1px solid #ccc; border-right:0px; margin-right:0px; padding:0px;}
.Department_left .con_p{ width:259px; border:1px solid #ccc; border-left:0px; padding:20px; float:left; height:254px;}
.con_p p{ line-height:24px;}
.con_p a.more{ display: block;}
.Department_left h2.title_all{ text-align:left; font-size:20px; line-height:45px;}
/*科室专家*/
.doct_con span.doct_mrg{ margin:0px;}
.doct_con  span{ color:#125f89}
.doctor .kzr{margin-right:10px; width:27px; height:145px; color:#125f89; background:#e5e5e5; float:left; font-size:16px; text-align:center; line-height:30px; padding-top:22px;}
.doctor a.doct_img img{ height:167px; width:115px;}
/*科室专家滚动*/
.xs_scroll{padding:15px 25px !important; width: 835px;}
.Scroll_Box .swiper-box{width: 835px !important; height: 140px !important;}
.xs_scroll .swiper-slide {  position: relative;   float:left; height:140px; overflow:hidden; cursor:pointer; line-height:24px}
.xs_scroll .swiper-box ul li .Img_Box{float: left}
.xs_scroll .swiper-box ul li .Img_Box .pic{ width:250px;height:180px;padding: 2px;border: 1px solid #ccc;box-sizing: border-box;}
.xs_scroll .swiper-box ul li img{float:left; width:99px !important; height:134px !important;  border:#ddd solid 1px;padding:2px;}
.xs_scroll .arrow-btn{top:80px !important; }
.xs_scroll .btn-left{ background: url(/Sites/Uploaded/UserUpLoad/20160817/20160817181813.png) no-repeat;width: 20px; height:32px; left:0px }
.xs_scroll .btn-right{ background: url(/Sites/Uploaded/UserUpLoad/20160817/20160817181813.png) no-repeat -18px 0;width: 20px; height:32px; richness:0px;}
.swiper-slide a{line-height:28px;padding:0px;background:none;font-size:14px;}
/*相关疾病*/
.disease img.dise_img{ width:auto; height:114px; border:1px solid #ccc; border-radius:3px; padding:2px;}
.disease h2.dise_name{ line-height:40px;}
.disease h2.dise_name a{ font-size:18px; color:#125f89;}
.disease .dise_p{ line-height:24px;}
.dise_list{ padding-top:10px; border-top:1px solid #ccc; margin-top:20px;}
/*出诊信息*/
.scheduling{display:none;}
.scheduling .title_header{ color:#33CF96;}
.scheduling h2.title_header span{ border-left:3px solid #33CF96}
.Scheduling_qiehuan{ display:none;}
/*科室动态*/
.leixing1 .article_box{ background:#125f89; margin:10px 0px;}
.leixing1 .article_box:hover{ background:#358BC5;}
.leixing1 .article_box h2,.leixing2 .article_box h2{ font-size:14px; line-height:24px; height:24px; padding:12px 10px;}
.leixing1 .article_box h2 a{ color:#fff;}
.leixing1 .article_box img,.leixing2 .article_box img{ width:106px; height:72px; float:left; margin-right:10px;}
.column ul.article_list li,.article ul.article_list li{ border-bottom:0px !important;}
.leixing2 .article_box{ background:none; margin:10px 0px;}
.leixing2 .article_box h2 a{ color:#333;}
/*临床科室动态科室动态*/
.column_dt .SwitchImage{ float:left; width:510px; height:313px; border:1px solid #eee; padding:3px;}
.column_dt .SwitchImage .swiper-box{ width:510px; height:313px;}
.column_dt .SwitchImage img{ width:100%}
.column_dt .SwitchImage .swiper-box ul li h2{ display:block}
.column_dt .article_list{ float:right; width:356px;}
/*联系我们*/
.lx{ background:#87afcf; padding:15px 0px 20px; color:#fff; border-radius:5px;}
.lx h3{ font-size:20px;   background:url(/Sites/Uploaded/UserUpLoad/20160907/20160907151741.png) no-repeat right 6px; line-height:46px;}
.lx h3 span{ line-height:30px; border-left:3px solid #fff; padding-left:20px;}
.lx .lx_con{ margin:0px 20px; border-top:1px solid #fff;}
.lx p{ line-height:30px;}
/*科室相册*/
.SwitchImage{position: relative;}
.swiper-box { width: 300px; height: 124px;}
.SwitchImage,.SwitchImage img{width:100%;}
.SwitchImage .swiper-box ul li h2{ display:none; }
.SwitchImage .pagination { right: 10px !important;  bottom: 10px !important;}
/*临床科室 科室相册*/
.column_xc .ScrollImage{ height:176px; width:847px; margin:10px auto 0; position:relative}
.column_xc .ScrollImage .swiper-box { width: 885px; height:176px;}
.column_xc .ScrollImage .swiper-box ul li .pic{ border:1px solid #eee; padding:3px; width:249px; height:166px; display:block}
.column_xc .ScrollImage .swiper-box img{ width:100%; height:100%}

/*相关咨询*/
#ques_list li{border-bottom:1px dashed #ccc;position:relative;cursor:pointer;background: url(/Content/Areas/Common/images/Article/icon_2.png) no-repeat 6px 16px;padding-left:15px;line-height: 30px; }
#ques_list li h2.ques_tit{font-size:14px;font-weight:normal;padding:3px 0;}
#ques_list span.span_icon{position:absolute;right:5px;top:0px;color:#ff9003;font-size:13px}
#ques_list li .ques_con{margin:5px 0;display:none;color:#666}
#ques_list .answer_l{float:left;text-align:center;*position: relative;overflow: hidden;margin:10px 15px 10px 0;width:75px;border:1px solid #ccc;padding:3px;font-size: 12px;line-height: 22px}
#ques_list .answer_l img{width:100%;display: block}
#ques_list .answer_r p{line-height:25px;font-size:14px}
#ques_list .answer_r p a:hover,#ques_list li .ques_con a:hover{font-weight: bold;}

/*科室问答*/
h2.title_header a.btn{font-size: 14px;float: right;display: inline-block;padding:0px 15px;line-height: 26px;margin-top: 7px;color: #fff}
.ques_table{ width:100%; text-align:center; border:#CCC solid 0px; border-collapse:collapse; border-spacing:0; line-height:30px;}
.ques_table th,.ques_table td{border-bottom:#e4e4e4 dashed 1px;}
.bg_blue td{ background:#f5f7fa;}
td.span_date,td.doc_answer{ color:#666; font-size:12px}



/*医护团队*/
.doctorList li{ width:47%; float:left; height:140px; overflow:hidden; margin-bottom:15px; margin-right:1%; cursor:pointer; line-height:24px; padding:1%;}
.doctorList li:hover{box-shadow:2px 2px 2px 2px lightgray; background:#f5f7fa }
.doctorList li img{ float:left; width:99px; height:134px; margin-right:8px; border:#ddd solid 1px;padding:2px; }
.doctorList li p{ text-indent:0em; padding-bottom:0}
.doctorList h2{ font-size:14px; color:#333;}
.doctorList .xiangTzx{ background: #c88700;margin: 0px 10px;padding: 1px 6px;color: rgb(255, 255, 255);border-radius: 5px;font-size: 12px;}
.doctorList .xiangTzx:hover{opacity: 0.7;}
.doct_list a{line-height:28px;padding:0 10px 0 20px;background:url(/Content/Areas/Common/images/Article/icon_2.png) no-repeat 9px center;font-size:14px;}
.doct_ask,.doct_detials{ background: #fc9e18;border-radius: 4px; color: #fff!important; display: inline-block; font-size: 12px; height: 17px; line-height: 17px; margin-left: 10px; text-align: center; width: 33px;}
.doct_ask{width:66px}
.doct_ask:hover,.doct_detials:hover{opacity:0.7;filter:alpha(opacity=70)}
.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}

/**/
.column_4 ul.article_list li{ border:1px solid #ccc; border-top:2px solid #2076bd ; float: left;height: 186px;padding: 10px; width: 31.33%; background:none; box-sizing:border-box}
.column_4 ul.article_list li.Li_Even{ margin:0 2%;}
.column_4 .title_type{color: #000;} 
.column_4 p{color:#666; margin-top:5px;}
/*栏目类型等于四*/
.Box_4{width:48%;margin-right:1%;border:1px solid #ccc;border-top:2px solid #126089;height: 218px}
.Box_4 h2.title_header{padding:0 10px;}
.Box_4 h2.title_header span{border:none;padding:0;}
.Box_4 ul.article_list{padding:0 10px;}


/*旅行门诊专家展示样式*/
.doct_left,.doct_right{width: 50%;float: left;}

/* 五官科 */
.item_kezhuren.first{
 width: 100%;
}
.item_kezhuren {
margin: 10px 0;
width: 50%;
float: left;
}
ul.dep_children li {
position: relative;
overflow: hidden;

}

ul.dep_children li h2 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
background: rgb(0 0 0 / 0.3);
/* color: #fff; */
line-height: 150px;
}
ul.dep_children li img{transition: all 0.5s;}
ul.dep_children li:hover img{transition: all 0.5s;transform: scale(1.2);}
ul.dep_children li h2 a {
color: #fff;
width: 100%;
height: 100%;
display: block;
font-size: 20px;
font-weight: bold;
}
.zc p {
display: initial;
}
.zhanchang p{
display: initial;
}
.zhanchang{
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
}

@media only screen and (max-width: 768px){
 .item_kezhuren{width: 100%;}
 h2.title_header{ overflow:hidden}
 .Department_left{ display:block; width:100%;}
 .Department_left img.dep_img{ width:50%; box-sizing:border-box;}
 .Department_left .con_p{ width:50%; box-sizing:border-box; height:294px;}
 .xs_scroll{ width:100% !important; padding:10px 0px !important;}
 .xs_scroll .arrow-btn{ display:none;}
 .Department_right{ width:100%;}
 .SwitchImage,.SwitchImage img{width:300px; margin:0 auto;}
 .column ul.article_list li, .article ul.article_list li{ width:50%; box-sizing:border-box; float:left; overflow:hidden; text-oveflow:ellipsis; white-space:nowrap;}
.lx {width: 50%;float: left;}
 .children{width: 48%; float: right; height: 188px;overflow: hidden;}

 .article_list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
 /*临床科室 科室动态*/
.column_dt .SwitchImage{ display:none}
.column_dt .article_list{ float:none; width:100%} 
.column_xc .ScrollImage{ width:553px; overflow:hidden}
.Box_4{width: 48%}
.doct_left,.doct_right{width: 100%;float: none;margin-bottom: 10px}

ul.article_list li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
}
@media only screen and (max-width: 640px){
 .doctorList li{ width:100%; padding:0px; margin-bottom:10px;}
}
@media only screen and (max-width: 600px){
 .column ul.article_list li, .article ul.article_list li{ width:100%; box-sizing:border-box; float:none; overflow:hidden; text-oveflow:ellipsis; white-space:nowrap;}
 .column_xc .ScrollImage{ width:257px; overflow:hidden}
 .Box_4{ width:100%; margin-right:0; float:none }
} 
@media only screen and (max-width: 530px){
.Department_left img.dep_img{ width:200px; height:auto; float:none; margin:0 auto; border-right:1px solid #ccc; display:block;}
.Department_left .con_p{ width:100%; float:none; border:0px; padding:0px; height:auto;}

.lx{ display: none; }
.children{ width: 100%; height: auto; }
} 
@media only screen and (max-width: 450px){
 th.span_date,td.span_date{display: none}
 .column_4 ul.article_list li{ float:none; width:100%; margin-top:15px;}
 .column_4 ul.article_list li.Li_Even{ margin:15px 0 0 0 ;}
 .column_4 ul.article_list{ height:201px; overflow:hidden}
} 
@media only screen and (max-width: 420px){
.Scroll_Box .swiper-box{width: 600px !important; height:145px !important}
 .xs_scroll{ width:300px !important; padding:10px 0px !important;}
 .xs_scroll .swiper-box ul li img{ float:none; margin:0 auto; display:block;}
} 
@media only screen and (max-width: 320px){

} 





   