/*公用p标签样式*/ .C_con_p p,.C_range p,.C_special p{ color:#666;} h2.tab_tit span.active{ border-left:3px solid #511b66 !important; color:#511b66} h2.tab_tit span{ border-left:none !important; color:#999;margin-right: 10px;} /*--科室简介--*/ .summary{border:1px solid #e5e5e5;} .summary .SwitchImage{ position:relative;} .summary .SwitchImage,.summary .swiper-box,.summary .SwitchImage img{ height: 297px;width: 587px} .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:251px; height:295px; float:left; border-left:none; overflow:hidden} h2.title{ color:#333; font-size:24px; font-weight:normal; margin-bottom:6px} .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: 297px; width:587px} .more{float: right;font-family: "宋体";font-size: 12px;color: #511b66;} .more:hover{ font-weight: 600; } /*专家团队*/ .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:167px;border-top:1px solid #e5e5e5} .about_doc .swiper-box{ width:775px; 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: url(/Sites/Uploaded/UserUpLoad/20161019/20161019180014.png) no-repeat 4px 15px;} .slideTxtBox .hd a.next{ background: 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:219px;} .C_doc{ float: left;padding:10px 20px 20px;width: 320px;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: 74px; margin: 0 7px; overflow: hidden; padding:2px; width: 60px;} .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 #511b66 ; float: left;height: 186px;padding: 10px; width: 29.5%;} .column_3 ul.article_list li.Li_Even{ margin:0 2%;} .column_3 .title_type{color: #000;} .column_3 p{color:#666; margin-top:5px;} /*栏目类型四*/ .column_4 h2{ display:none} .column_4 p{color:#666;} /*左侧科室相册*/ .Department_right .SwitchImage,.Department_right .swiper-box,.Department_right .SwitchImage img{ height: 156px;width:300px} .Department_right div.SwitchImage .arrow-btn{ display:none} .Department_right .camera{ display:none;} /*在线问答页*/ .title_header .btn{float: right;font-size: 14px;font-weight: 500;color:#fff;background:#511b66;display: block;width: 70px;height: 32px;line-height: 32px;text-align: center;border-radius: 5px;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: #511b66} ul.ask_list li p.con_p a.detials:hover{font-weight:bold;} /*专家页*/ .doctorList li.doct_li{width:196px;float: left;border: 1px solid #ddd;box-shadow: 2px 2px 3px #ddd;padding: 0 6px;margin:24px 10px 0; position:relative;height: 380px;} .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:#511b66; } .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: 14px;display: block;width: 14px !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: #511b66;} /*弹窗*/ 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: 262px !important;height: 144px !important;right: -85px !important;top: -109px !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: 1200px;margin: 0 auto;} .all_ks span.tit_sapn {display: block;width: 190px;position: absolute;top: -57px;left: 0;text-indent: 20px;color: #fff;background: #511b66;height: 32px;line-height: 32px;cursor: pointer;} .all_ks .ks_box{height: auto;border: 2px solid #511b66;position: absolute;left: 0;top: -25px;width: 1000px;z-index: 9;background: #fff;padding: 20px;height: 266px;overflow-y: auto;-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: #511b66;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: 870px;float: right;} .all_ks .ks_box .Dep_List0 .li_Dep1{width: 150px;float: left;padding-left: 15px;background: url(/Content/Areas/Common/images/department/liicon04.png) no-repeat 0 center;} @media only screen and (max-width: 1024px){ img.dep_img{ width:57%} .summary .con_p{ width:43%} .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} .all_ks{ display: none; } .linkmap { width: 100% !important; padding-left: 10px !important;} } @media only screen and (max-width: 768px){ .ques_tit{width:60%;} .about_doc .Scroll_Box{ width: 400px; overflow: hidden; margin: 0 auto; } .doctorList li.doct_li{ margin: 24px 2% 0px; } } @media only screen and (max-width: 740px){ .doctorList li.doct_li{ margin: 24px 2% 0px; width: 29.3%; box-sizing: border-box; } } @media only screen and (max-width: 700px){ .doctorList li.doct_li{ height: 440px; } } @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} .slideTxtBox .hd{ width:505px;} } @media only screen and (max-width: 600px){ .doctorList li.doct_li{ width: 46%; } } @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} .Scroll_Box .doct_con p{ width: 155px !important; } .about_doc .Scroll_Box{ width: 300px; } } @media only screen and (max-width: 380px){ .doctorList li.doct_li{ height: 460px; } .doctorList li.doct_li a.doct_img{ box-sizing: border-box; } }