﻿
/*公用p标签样式*/
.C_con_p p,.C_range p,.C_special p{ color:#666; line-height:2em}
.con_p p{ line-height:2em}
h2.tab_tit span{ border-bottom:none; color:#999;margin-right: 10px;cursor: pointer;}
h2.tab_tit span.active{border-bottom:2px solid #00c4d4 !important;color:#00c4d4 !important;}
/*--科室简介--*/
.summary{}
.row .col-lg-3{width: 25%;}
.row .col-lg-9{width: 75%;}
.summary .SwitchImage{ position:relative;}
.summary .SwitchImage,.summary .swiper-box,.summary .SwitchImage img{ height: 297px;width: 577px}
.SwitchImage .pagination,div.SwitchImage .swiper-box ul li h2{ display:none}
.summary .SwitchImage .arrow-btn{ background: #f3f2f0; bottom: 14px; color: #007ea3;display: block;font-size: 22px;font-weight: bold;height: 30px;line-height: 26px;position: absolute;text-align: center;width: 29px;z-index: 99;}
.summary .SwitchImage .btn-left{border-right: 2px solid #d1dade;right: 88px; border-radius:4px 0 0 4px;}
.summary .SwitchImage .btn-right{ border-radius: 0 4px 4px 0;right: 60px}
.camera{background:url(/Content/Areas/Common/images/department/icon1.png);border-radius: 4px;bottom: 14px;display: block;height: 30px;position: absolute;right: 16px;width: 30px;
z-index: 99}
.summary .con_p{ width:855px; height:295px; float:left; border-left:none; overflow:hidden}
h2.title{ color:#333; font-size:24px; font-weight:700; margin-bottom:10px}
h2.title a{color: #105ead;}
.summary .con_p p{ padding-bottom: 10px; line-height:2em}
.summary .con_p .b_top{border-top: 1px solid #f2f2f2;}
.special, .range{ background:url(/Content/Areas/Common/images/Article/icon_2.png) no-repeat scroll 0 center;line-height: 57px;padding-left: 15px; color:#000;}
.special{ margin-right:22%;}
img.dep_img{ float: left;height: 300px; width:450px}
.more{float: right;font-family: "宋体";font-size: 12px;color: #00c4d4;}
.more:hover{ font-weight: 600; }

/* 联系我们 */
.contact{background: transparent !important;}
.ksxc img{width: 300px;height: 220px;margin-bottom: 10px;}
.ksxc img:hover{transform: scale(1.03);transition: all 0.5s}
.ksxc li{float: left;box-sizing: border-box;float: left;
  box-sizing: border-box;
  width: 300px;
  margin: 0 12px;
  text-align: center;
}
.ksxc li:hover{transition: all .5s;font-weight: 700;cursor: pointer;}
/*专家团队*/
.about_doclist{ position:relative}
.about_doclist li.swiper-slide{width: 400px;}
.dep_doclist .bot_box{ position:absolute;top:0; right:10px; width:auto; background:url(/Sites/Uploaded/UserUpLoad/20161008/20161008143052.jpg) no-repeat left center; padding-left:10px;bottom:inherit;left:inherit;}
div.about_doclist .kzr{ background: #e5e5e5;color: #81662e;float: left;font-size: 16px;height: 145px;line-height: 30px; margin-right: 10px;padding-top: 22px;text-align: center; width: 27px;}
div.about_doc .tab_box{ display:none; border:none;}
.about_doc .Scroll_Box{ width:100%; height:187px;border-top:1px solid #e5e5e5}
.about_doc .swiper-box{ width:800px; margin:0 auto; height:167px;}
.doct_con .color_tit{ margin-right:10px;}
.doct_con .bot_box{ margin-top:15px;}
div.Scroll_Box .arrow-btn{ color:#c2c2c2; display:block; font-size:37px;}
.arrow-left-doc,.arrow-right-doc{font-size:51px !important; font-weight:bold !important;top:72px !important;}
div.Scroll_Box .btn-left{ left:-3px;}
div.Scroll_Box .btn-right{ right:-3px;}

/*--所辖科室--*/
.C_doc .Scroll_Box{border-top:1px solid #e5e5e5}
.slideTxtBox{ overflow:hidden;}
.slideTxtBox .hd{ position:relative;overflow:hidden;}
.slideTxtBox .hd .bt{ width:850px; margin:0 auto;overflow:hidden;}
.slideTxtBox .hd a{ display:block; height:37px; width:15px; position:absolute; top:0; line-height:37px; text-align:center;border-radius: 4px 4px 0 0;color: #808080;border: 1px solid #ccc;}
.slideTxtBox .hd a.prev { background:#fff url(/Sites/Uploaded/UserUpLoad/20161019/20161019180014.png) no-repeat 4px 15px;}
.slideTxtBox .hd a.next{ background:#fff url(/Sites/Uploaded/UserUpLoad/20161019/20161019180149.png) no-repeat 4px 15px;}
.next{ right:0;}
.prev{ left:0;} 
/*--所辖科室 科室简介--*/
.C_con_p{ background:url(/Sites/Uploaded/UserUpLoad/20161009/20161009105049.jpg) no-repeat right center;}
.C_con_p,.C_right{ float: left;padding:10px 20px 20px;width:254px;}
.C_doc{ float: left;padding:10px 20px 20px;width: 360px;background:url(/Sites/Uploaded/UserUpLoad/20161009/20161009105049.jpg) no-repeat right center;}
.C_con_p .pic img{ width:100%; height:110px; margin-bottom:5px;}
/*--所辖科室 专家介绍--*/
.C_doc .Scroll_Box{ height: 88px; margin-top:15px;width: 320px;}
.C_doc .swiper-box{height: 88px;width: 239px;}
.C_doc .Scroll_Box_2,.C_doc .Scroll_Box_2 .swiper-box{ height:105px;}
.C_doc .swiper-slide li{ float:left; background:url(/Content/Areas/Common/images/Article/icon_2.png)no-repeat scroll 0 center; line-height:32px; padding-left:15px; width:64px;}
.C_doc .Scroll_Box .swiper-box ul li:hover a{ color:none}
.C_doc .Scroll_Box .arrow-btn{ top:38px;}
.doc_type_2 .doct_img{ border: 1px solid #ccc;display: block;height: 78px;margin: 0 7px; overflow: hidden; padding:2px; width: 66px;}
.doc_type_2 .doct_img img{width: 60px; height:72px;}
.Scroll_Box .swiper-box ul li.doc_type_2 h2{ line-height:24px;}
.C_doc .Scroll_Box_2 .arrow-btn{ top:36px}
/*栏目类型三*/
.column_3 ul.article_list li{border:1px solid #ccc;border-top:2px solid #00c4d4;float: left;height: 186px;padding: 10px;width: 31.3%;background: none;margin: 0px 1% 10px;}
.column_3 ul.article_list li.Li_Even{}
.column_3 .title_type{color: #000;} 
.column_3 p{color:#666; margin-top:5px;}
/*栏目类型四*/
.column_4 h2{ display:none} 
.column_4 p{color:#666;line-height: 24px;}
/*左侧科室相册*/
.col-lg-3 .SwitchImage,.col-lg-3 .swiper-box,.col-lg-3 .SwitchImage img{ height: 156px;width:300px}
.col-lg-3 div.SwitchImage .arrow-btn{ display:none}
.col-lg-3 .camera{ display:none;}

.col-lg-3 .column_4 img{width: 100%; display: block;height: 160px;margin-bottom: 10px;}

/*在线问答页*/
.title_header .btn{float: right;color:#fff;background:#00c4d4;margin-top: 6px;}
ul.ask_list li{line-height: 36px;border-bottom: 1px dashed #ccc;padding:15px 0;}
ul.ask_list li:hover{ background: #F1FFFE; }
ul.ask_list li h2{font-size: 14px;line-height: 28px;background:url(/Content/Areas/Common/images/question/ask_bg.png) no-repeat left 2px;padding-left:30px;color: #666}
ul.ask_list li h2 span.date_time{float: right;color: #666}
ul.ask_list li p.con_p{color: #666;font-family: "新宋体","宋体";font-size: 12px;background:url(/Content/Areas/Common/images/question/ask_bg.png) no-repeat left -24px;padding-left:30px; line-height:36px;}
ul.ask_list li p.con_p span{float: right;margin-left: 15px;font-family: "微软雅黑"}
ul.ask_list li p.con_p a.detials{color: #00c4d4}
ul.ask_list li p.con_p a.detials:hover{font-weight:bold;}

/*专家页*/
.doctorList li.doct_li{width:220px;float: left;border: 1px solid #ddd;box-shadow: 2px 2px 3px #ddd;padding: 0 6px;margin:24px 16px 0; position:relative;height: 380px;}
.doctorList li.doct_li:nth-child(5n){margin-right:0;}
.doctorList li.doct_li a.doct_img{ display:block; width:134px; height:176px; border:1px solid #f0f0f0; overflow:hidden;margin: 20px auto 0;}
.doctorList li.doct_li a.doct_img img{ width:100%; height:auto;}
.doctorList li.doct_li h2 a{ font-size:14px; color:#333; line-height:50px; border-bottom:1px dotted #e1e1e1;display: block;text-align: center;}
.doctorList li.doct_li h2 a:hover{ color:#00c4d4; }
.doctorList li.doct_li p.p_H{ line-height:24px; font-size:12px; color:#999;margin: 10px 4px;}
span.zhicheng{ background:url(/Content/Areas/Common/images/department/zhicheng.png) no-repeat; display:block; width:31px;position:absolute;height: 35px;top: 20px;right: -3px; }
span.zhicheng a{color: #fff;line-height: 31px;font-size: 12px;display: block;width: 24px !important;overflow: hidden;margin: 0 auto;height: 32px;}

.doc_fz li{float: left;height: 35px;line-height: 35px;padding: 0 40px;color: #fff;background: #73aee0;margin-right: 10px;cursor: pointer;}
.doc_fz{width: 440px;margin: 20px auto 0px;}
.doc_fz li.current{background: #00c4d4;}

/*弹窗*/
li.btn_more ul.btn_icon{border: 1px solid #ccc !important;}
.about_doc .tab_box .about_doclist li.btn_more ul.btn_icon { right: -10px !important;top: 0 !important;}
.about_doc .tab_box .Scroll_Box li.btn_more ul.btn_icon {width: 240px !important;height: 166px !important;right: -70px !important;top: -108px !important;}
.tempWrap .about_doclist li.btn_more ul.btn_icon {right: -14px !important; top: -65px !important; }
.about_doc .FixedField_Img .Img_box { width: 150px !important; height: 150px !important; padding: 0px !important; bottom: 0 !important; right: -10px !important;}

/*科室导航*/
.all_ks{position: relative;width: 1310px;margin: 0 auto;}
.all_ks span.tit_sapn {display: block;width: 130px;position: absolute;top: -42px;left: 0;text-indent: 20px;color: #fff;background: #0f5ead;height: 38px;line-height: 38px;font-size: 20px; cursor: pointer;}
.all_ks .ks_box{height: auto;border: 2px solid #0f5ead;position: absolute;left: 0px;top: -4px;width: 1310px;z-index: 9999;background: #fff;padding: 20px;height: 306px;overflow-y: auto !important;-webkit-box-shadow: 1px 5px 8px #ccc;-moz-box-shadow: 1px 5px 8px #ccc;box-shadow: 1px 5px 8px #ccc;}

.all_ks .ks_box p.p_Dep0{font-size: 14px;color: #fff;background: #00c4d4;width: 90px;height: 30px;line-height: 30px;text-align: center;margin-bottom: 10px;float: left;border-radius: 6px;}
.all_ks .ks_box .Dep_List0 .Dep_List1{ display: none; }
.all_ks .ks_box .Dep_List0 {margin-bottom: 10px;width: 1120px;float: right;}
.all_ks .ks_box .Dep_List0 .li_Dep1{ width: 190px;float: left; padding-left: 15px;line-height:28px;background: url(/Content/Areas/Common/images/department/liicon04.png) no-repeat 0 center;}

/*二维码*/
.erweima_x{ background:url(/Content/Areas/Departments/images/erm.png) no-repeat scroll center 5px;display: block;float: right; height: 38px;position: relative; width: 24px;display:none\0; *display:none; _display:none;}
.erweima_x:hover{ background:url(/Content/Areas/Departments/images/ermH.png) no-repeat scroll center 5px;}
.ewm_b{ background: #fff none repeat scroll 0 0;border: 1px solid #ccc; display: none;padding-top: 5px;position: absolute;right: 0px;
text-align: center;top:28px;width: 160px;z-index: 100;}
/*地理位置*/
.wz p{ line-height:24px; }
@media only screen and (max-width:1310px){
.all_ks{ width:1140px;}
.all_ks .ks_box{ width: 1140px; }
.col-lg-3 .SwitchImage, .col-lg-3 .swiper-box, .col-lg-3 .SwitchImage img{ width: 262px; }
.all_ks .ks_box .Dep_List0{width: 930px;}
.doctorList li.doct_li,.doctorList li.doct_li:nth-child(5n){ margin: 24px 28px 0; }
}
@media only screen and (max-width:1280px){
  .main{width:100%;margin:0 auto;}
}
@media only screen and (max-width:1200px){
.all_ks{ display: none; }
.col-lg-3 .column_4 img {width: 24%;height: auto;margin-bottom: 0;float: left;margin-right: 14px;}
.article_list{ overflow: hidden; }
.article_list li{ width: 47%; float: left; box-sizing: border-box;margin-right: 3%; }
.doctorList li.doct_li,.doctorList li.doct_li:nth-child(5n){ margin: 24px 40px 0; }
}
@media only screen and (max-width: 1024px){
img.dep_img{ width:100%}
.summary .con_p{ width:100% !important; height: auto;}  
.slideTxtBox .hd{ width:627px}
.slideTxtBox .hd a{ background-color:#fff !important}
.C_con_p{ width:40%; box-sizing:border-box}
.C_right { display:none}
.C_doc{ width:60%; box-sizing:border-box; background:none}
.about_doc .swiper-box{width: 100%;}
 .article_list li{ width: 100%;  }
 .doctorList li.doct_li, .doctorList li.doct_li:nth-child(5n){margin: 24px 62px 0;}
}

@media only screen and (max-width: 768px){
.summary .SwitchImage{ display:none;}
 .ques_tit{width:60%;}
 .about_doc .swiper-box { width: 720px;}
.doctorList li.doct_li, .doctorList li.doct_li:nth-child(5n){ margin: 24px 5%; width: 40%; }
}
@media only screen and (max-width: 640px){
img.dep_img{ width:100%; overflow:hidden; height:auto;}
.summary .con_p{ width:100%; height:auto; float:none}
.dep_doclist{ border-bottom:1px solid #ccc}
.about_doc .Scroll_Box{ border-top:none; width:350px; margin:0 auto}
.slideTxtBox .hd{ width:505px;}
.doctorList li.doct_li, .doctorList li.doct_li:nth-child(5n){ margin: 24px 2%; width: 46%; }
}

@media only screen and (max-width: 500px){
.summary .SwitchImage
.doctorList li.doct_li{ height: 420px; }
}

@media only screen and (max-width:556px){
.C_con_p{ display:none}
.C_doc{ width:100%} 
.C_doc .Scroll_Box{ margin:15px auto 0; border-top:none; width:258px} 
.slideTxtBox .hd{ width:261px}
  }   
@media only screen and (max-width: 450px){
th.span_date,td.span_date{display: none}
.dep_doclist .bot_box{ display:none}
.about_doc .Scroll_Box{ width:309px;height: 190px;} 
} 
@media only screen and (max-width: 425px){
  .doc_fz{width: 100% !important;}
  .doc_fz li{width: 100%;margin-bottom: 10px;padding: 0;text-align: center;}
}
@media only screen and (max-width: 400px){
.doctorList li.doct_li, .doctorList li.doct_li:nth-child(5n){ margin: 24px 4%; width: 92%; }
.dep_doclist{overflow: hidden;}
}
@media only screen and (max-width: 320px){
.about_doc .Scroll_Box {width: 100%;}
} 