 
.doc_view_top {
 
 position: relative;
}
/* 医生介绍页 */
.clearb {
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
 overflow: hidden;
 visibility: hidden;
 line-height: 0;
}

/* main */
.doc_view_main {
 margin: 0 auto;
 margin-top: 15px;
}

.doc_view_top {
 /* border: 1px solid #e8e8e8; */
 /* padding: 1px; */
 position: relative;
}

.doc_view_t_rq {
 /* background: url(../images/doc_overview/doc_org_topbg.jpg) repeat-x; */
 /* height: 206px; */
 overflow: hidden;
 /* padding: 0 18px; */
}

.doc_view_t_rq .doc_tit {
 /* border-bottom: 1px solid #d2d2d2; */
 /* height: 35px; */
 /* line-height: 35px; */
 font-size: 20px;
 color: #333;
 margin-bottom: 20px;
 display: inline-block;
 position: relative;
 cursor: pointer;
}

.doc_view_t_rq .doc_tit::after,
.title3::after,
.tit01 div::after {
 content: "";
 width: 30px;
 height: 3px;
 background: #333;
 position: absolute;
 left: 0;
 bottom: -10px;
 border-radius: 10px;
 transition: all 0.3s;
}

.doc_view_t_rq .doc_tit:hover::after,
.title3:hover::after,
.tit01 div:hover:after {
 width: 80px;
}

.zdxk_list {
 overflow: hidden;
 float: left;
}

.zdxk_listr li {
 width: 420px;
 float: left;
 /* display: inline-block; */
 padding: 0 10px;
 box-sizing: border-box;
 height: 230px;
}

.doc_imgtxt_l {
 width: 150px;
 float: left;
 position: relative;
 margin-right: 10px;
}

.doc_imgtxt_l p img {
 width: 100%;
 height: auto;
}

.doc_imgtxt_l p.doc_name {
 position: absolute;
 z-index: 2;
 width: 111px;
 height: 18px;
 line-height: 18px;
 top: 121px;
 right: 0;
 text-align: center;
}

.doc_imgtxt_l p.doc_name a {
 color: #fff !important;
}

.doc_imgtxt_l p.name_toum {
 display: none;
 position: absolute;
 height: 18px;
 width: 111px;
 opacity: 0.5;
 filter: Alpha(Opacity=80, Style=0);
 -moz-opacity: 0.8;
 -khtml-opacity: 0.8;
 opacity: 0.8;
 background: #334f87;
 right: 0;
 top: 121px;
}

.doc_imgtxt_r {
 width: 245px;
 float: left;
}

.doc_imgtxt_r p {
 line-height: 22px;
 color: #666;
 font-size: 14px;
}

.doc_imgtxt_r p a {
 font-size: 20px;
 color: #275BAB;
 display: inline-block;
 padding-bottom: 15px;
 font-weight: 700;
}

.doc_imgtxt_r p span {
 color: #333;
}

.doc_imgtxt_r p span a {
 /* color: #0067ac; */
}

.doc_imgtxt_r p.doc_btn {
 margin-top: 10px;
}

.doc_imgtxt_r p.doc_btn a {
 width: 95px;
 height: 21px;
 line-height: 21px;
 text-align: center;
 display: block;
 background: url(../images/doc_overview/doc_btn.jpg) no-repeat;
 color: #333;
}

#List1_1,
#List2_1 {
 float: left;
}

.doc_view_con {}

.pcont {
 float: left;
 display: inline;
 overflow: hidden;
 width: 1280px;
 /* padding: 0 25px; */
 /* position: relative; */
 height: 230px;
 box-sizing: border-box;
}

.ScrCont {
 overflow: hidden;
 /* width: 32766px; */
}

.span_left,
.span_right {
 width: 40px;
 height: 40px;
 display: inline-block;
 background: rgba(0, 0, 0, 0.2);
 position: absolute;
 border-radius: 50%;
 margin-top: 75px;
}

.span_left {
 left: -40px;
}

.span_right {
 right: -40px;
}

 

.span_left:hover .left_btn {
 background-image: url('/images/sjfh.png');
}

.right_btn {
 background-image: url('/images/sjfhb.png');
 display: inline-block;
 float: right;
 background-position: center;
 background-repeat: no-repeat;
 width: 100%;
 height: 100%;
 transform: rotate(180deg);
}

.span_right:hover .right_btn {
 background-image: url('/images/sjfh.png');
 transform: rotate(180deg);
}

/* 底部 */
.doc_view_btm {
 margin-top: 15px;
}

.doc_btm_l {
 width: 196px;
 float: left;
}

.doc_btm_r {
 width: 802px;
 float: left;
}

.top_bg {
 height: 36px;
 line-height: 36px;
 background: url(../images/doc_overview/top_bg.jpg) no-repeat left bottom;
 padding-left: 20px;
}

.top_bg h2 {
 font-size: 14px;
 color: #fff;
}

.mid_bg {
 background: url(../images/doc_overview/mid_bg.jpg) repeat-y;
}

.mid_bg h2 {
 font-size: 14px;
 color: #0067ac;
 background: url(../images/doc_overview/ks_ico.jpg) no-repeat left 30px;
 line-height: 30px;
 padding: 20px 0 0 10px;
 margin: 0 0 0 25px;
}

.dep_list {
 padding: 0 0 20px 50px;
}

.dep_list li {
 line-height: 35px;
}

.dep_list li a {
 color: #333;
 font-size: 14px;
}

.btm_bg {
 height: 1px;
 background: url(../images/doc_overview/btm_bg.jpg) no-repeat;
}

.doc_btm_r .doc_h2 {
 height: 36px;
 line-height: 36px;
 background: #b3c5dd;
 padding-left: 25px;
 color: #fff;
 font-size: 14px;
}

.btm_r_l {
 width: 642px;
 float: left;
 padding: 15px 25px;
 height: 114px;
 overflow: hidden;
 background: url(../images/doc_overview/l_bg.jpg) repeat-x;
}

.btm_r_l dl dt {
 width: 86px;
 float: left;
 margin-right: 10px;
}

.btm_r_l dl dt img {
 width: 86px;
 height: 110px;
}

.btm_r_l dl dd {
 width: 525px;
 float: left;
}

.btm_r_l dl dd h2 {
 margin-bottom: 10px;
 font-size: 14px;
}

.btm_r_l dl dd h2 a {
 color: #0067ac;
}

.btm_r_l dl dd p {
 line-height: 25px;
 color: #333;
}

.btm_r_l dl dd p span {
 padding-right: 15px;
}

.btm_r_l dl dd p span b {
 color: #0067ac;
 font-weight: normal;
}

.btm_r_l dl dd p a {
 color: #0067ac;
}

.btm_r_r {
 width: 110px;
 float: left;
 height: 144px;
 overflow: hidden;
 background: url(../images/doc_overview/r_bg.jpg) repeat-x;
}

.btm_r_r h2 {
 text-align: center;
 color: #333;
 font-size: 12px;
 line-height: 25px;
 font-weight: normal;
 padding-top: 20px;
}

.btm_r_r p {
 line-height: 25px;
 text-align: center;
 color: #0067ac;
 font-size: 12px;
}

.btm_r_r p a {
 height: 21px;
 line-height: 21px;
 background: url(../images/doc_overview/doc_btn.jpg) no-repeat;
 display: block;
 width: 95px;
 text-align: center;
 color: #333;
 margin: 0 auto;
 font-size: 12px;
 margin-top: 5px;
}


/* 改版底部样式*/
.doc_dl {
 margin: 20px 0;
}

.doc_dl dt {
 width: 116px;
 height: 31px;
 line-height: 31px;
 font-size: 14px;
 color: #fff;
 padding-left: 20px;
 float: left;
 background: url(/Content/Areas/Hospitals/images/doc_view_bg01.jpg) no-repeat;
}

.doc_dl dd {
 width: 820px;
 border-right: 1px solid #ccc;
 height: 31px;
 float: left;
 background: url(/Content/Areas/Hospitals/images/doc_view_bg02.jpg) repeat-x;
 display: inline
}

.title_5 {
 background: none repeat scroll 0 0 #F5F5F5;
 border-top: 4px solid #E6E6E6;
 color: #333333;
 height: 30px;
 line-height: 30px;
 padding: 0 0 0 10px;
}

.title_5 a {
 background: none repeat scroll 0 0 #E6E6E6;
 display: block;
 float: right;
 font-size: 12px;
 font-weight: normal;
 text-align: center;
 width: 50px;
}

.doctor_by_list {
 line-height: 30px;
 font-size: 14px;
 margin-bottom: 18px;
 display: flex;
 /* background: #DFF3FF; */
}

.doctor_by_list .doctor_by_list_left,
.doctor_by_list .doctor_by_list_right {
 background: #DFF3FF;
}

.doctor_by_list_left {
 display: flex;
 margin-right: 20px;
 align-items: center;
 justify-content: center;
 width: 145px;
 padding: 10px;
 box-sizing: border-box;
}

.sub_left {
 color: #333;
 /* margin: 5px 0; */
 /* padding-right: 7px; */
 text-align: center;
 font-weight: 700;

}

.doctor_by_list_right {
 width: 1115px;
}

.sub_right {

 /* float: left; */
 /* border-left: 1px solid #4b7ba9; */
 margin: 5px 0px;
 line-height: 20px;
}

.sub_right li {
 width: 120px;
 float: left;
 padding: 5px 8px;
 position: relative;
 /* overflow: hidden; */
 white-space: normal;
 /* text-overflow: ellipsis; */
}

.sub_right li a {
 /* font-weight: 700; */
 color: #333;
}

.sub_right li a:hover {
 color: #275BAB;
}

.gehang .doctor_by_list_left,
.gehang .doctor_by_list_right {
 background: #fff;
 /* border: solid 1px #eff4fa */
}

.sub_right li blockquote {
 height: 138px;
 left: -50px;
 line-height: 22px !important;
 overflow: hidden;
 padding: 15px 12px;
 position: absolute;
 text-align: left;
 top: 30px;
 width: 300px;
 z-index: 200;
 font-size: 12px;
 border: 1px solid #ddd;
 background: #fff;
 overflow-y: auto;
}

.sub_right li blockquote p {
 width: 100%;
 color: #275BAB;
}

.sub_right li blockquote p:nth-child(3) {
 width: 100%;
 color: #666;
}

.sub_right li blockquote img {
 border: 1px solid #D6D6D6;
 float: left;
 height: 134px;
 margin-right: 8px;
 width: 99px;
}

.sub_right li blockquote span {
 color: #333;
}

.sub_right li blockquote .chuzhen .Icon {
 color: #275BAB;
 padding: 2px 4px;
}

.title3ys {
 font-size: 20px;
 height: 30px;
 line-height: 30px;
 margin: 10px 0 20px 0;
 position: relative;
 cursor: pointer;
 display: inline-block;
}

.title3ys .line {
 width: 40px;
 height: 2px;
 background-color: #333;
 margin-bottom: 20px;
}

/*学科带头人*/
.docteam_list {
 width: 100%;
}

.docteam_list li {
 width: 33%;
 float: left;
 display: inline;
 margin-top: 12px;
}

.docteam_list li:hover {
 background: #eef4f7
}

.docteam_list li img {
 width: 99px;
 height: 134px;
 padding: 3px;
 border: 1px solid #1F82B6;
 background: #FFF;
 float: left
}

.docteam_cont {
 margin: 0 10px 0 120px;
 line-height: 24px;
 font-size: 12px
}

.docteam_cont a {
 color: #1F82B6
}

.docteam_cont a.doc_name {
 font-size: 14px;
 font-weight: bold
}
.left_btn {
   background-image: url('/images/sjfhb.png');
   background-repeat: no-repeat;
   display: inline-block;
   background-position: center;
    float: left;
    width: 100%;
    height: 100%;
 
}
.title3ys {
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    margin: 10px 0 20px 0;
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.title3ys .line {
 width: 40px;
 height: 2px;
 background-color: #333;
 margin-bottom: 20px;
}

 
.title3ys::after {
 content: "";
 width: 30px;
 height: 3px;
 background: #333;
 position: absolute;
 left: 0;
 bottom: -10px;
 border-radius: 10px;
 transition: all 0.3s;
}

 
.title3ys:hover::after {
 width: 80px;
}


@media only screen and (max-width:768px) {

 /* 改版后修改 */
 .main,
 .doctor_by_list_right {
 width: 100%;
 }

 .doctor_by_list {
 display: block;
 }

 /* 轮播 */
 /* 轮播按钮 */
 .span_left,
 .span_right {
 display: none;
 }

 .docteam_list li {
 width: 49%;
 }

 .doc_imgtxt_l p img {
 width: 100%;
 /* height: 100%; */
 }

 .sub_right li a {
 font-weight: 100;
 }

 .doc_imgtxt_l {
 /* width: 100%; */
 }

 .doctor_c {
 width: 100%;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 /* Firefox */
 -webkit-box-sizing: border-box;
 /* Safari */
 }

 .doc_imgtxt_r {
 width: 100%;
 float: none;
 }

 .doctor_by_list_left {
 width: 100%;
 }

 .sub_right li {
 width: 28%;
 }

 .pcont {
 width: 100%;
 padding: 0;
 height: auto;
 }

 .sub_left {
 width: 100%;
 font-weight: bold;
 text-align: left;
 font-size: 18px;
 /* padding: 0 0 0 10px; */
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 /* Firefox */
 -webkit-box-sizing: border-box;
 /* Safari */
 }

 .doctor_con .Doctor_right {
 width: 50%;
 }

 .jianjie,
 .tel {
 width: 100%;
 }

 .sub_right {
 border: none;
 width: 100%;
 overflow: hidden;
 margin: 0;
 }

 .sub_right li blockquote {
 display: none !important
 }
 /* 医生简介 */
 .doctor_con .Doctor_right p{
   line-height: 26px;
 }
 .doctor_con a.detaile {
   margin-top: 10px;
 }
}

@media only screen and (max-width:640px) {
 /* 医生 */
 .Doctor_left{
   overflow: hidden;
 }
 .doctor_con a.img{
   margin: 0 auto;
   float: none;
 }
 .doctor_con .Doctor_right{
   width: 100%;
   margin-left: 0px;
   padding: 20px 20px 0px;
   box-sizing: border-box;
 }
 .docteam_list li {
 width: 100%;
 }

 .doctor_con h2 span {
 display: none
 }

 .left_btn,
 .right_btn {
 display: none
 }

} 