/* 主体部分-------------------------------- */
/*科室展示*/
.cc_l{width:520px;float:left}
.cc_r { float: right; padding: 0 0 0 20px; width: 200px;}
.cc_r .tab_zoom_boxall .ks_tab_con,.cc_r .tab_zoom_box{width:200px}
.cc_r .ul_department li{width:100%}

.cc_l .tab_zoom_box,.cc_r .tab_zoom_box{height:280px}
.tab_zoom_boxal .ks_tab_con { width:520px; overflow:hidden; float:left; padding:10px 0; }
.sy_ts_ta li{color:#999}
.sy_ts_ta { height:32px; line-height:32px; background:url(/Content/Areas/Hospitals/images/sy_ts_tab_bg.jpg) repeat-x }
.sy_ts_ta li { float:left; width:100px; text-align:center; height:28px; line-height:28px; padding:1px; /*font-weight:bold;*/ font-size:14px; font-family:'微软雅黑', Arial, Helvetica, sans-serif; cursor:pointer }
.sy_ts_ta li.hover { color:#f90 }
.sy_ts_ta li.sy_keshihover { padding:0; border:#75ceb5 solid 2px; border-bottom:#FFF solid 2px; color:#41a68a }
/*专家展示*/
.Doctors_list{margin:12px 0;background:url(../images/bgcolor_ecf7f3_bg.gif) repeat-y}
.Doctors_list li{line-height:28px;font-size:14px;width:320px;float:left;height:28px;overflow:hidden}
.Doctors_list li.bgcolor_none{background:#F7F7F7}
.Doctors_list li p{float:left}

.Doctors_list li .firstP{width:128px;text-align:right}
.Doctors_list li .firstP a{color:#29a29b;padding-right:10px;border-right:1px solid #29a29b}
.Doctors_list li .scendP{width:190px}
.Doctors_list li .scendP a{margin-left:10px;display:block;float:left}

/*-----------------------------------------*/
.centerLdiv{width:570px;float:left}
.centerRdiv{width:370px;float:right}

/*特色门诊/医疗-------------------*/
.centerDiv{border:1px solid #e6e6e6}

/*特色门诊*/
.centerDivFocus{overflow:hidden;padding:20px 20px 0;height:148px;position:relative}
.centerDivFocus li{width:100%;height:148px}
.centerDivFocus li a img{border:1px solid #DDD;width:213px;height:133px;float:left;margin-right:13px}
.centerDivFocus li h2 a{color:#41a68a;line-height:32px}
.centerDivFocus li p{line-height:22px;text-indent:2em}
.centerDivFocus li p img{display:none}
.centerDivFocus li p a{color:#F90}
.centerDivFocus li p a:hover,.centerDivFocus li p a:active{color:#41a68a}
.num{position:absolute;right:10px;bottom:10px}
.num li{width:19px;height:17px;padding-top:5px;float:left;background:url(../images/focus_but.gif) no-repeat 0 bottom;text-align:center;line-height:17px;color:#babbb5;cursor:pointer;margin:0 3px}
.num li.s{background-position:0 0;color:#FFF}

/*特色医疗*/
.textAreaXX li{width:260px;height:135px;float:left;padding:0 9px 0 15px;background:url(../images/dashed_linebg.gif) no-repeat right center}
.textAreaXX li .title_type{display:block;margin:20px 0 10px;font-weight:700}
.textAreaXX li img{float:left;margin-right:8px;width:102px;height:78px;border:1px solid #DDD;}
.textAreaXX li .img_box:hover img{padding:2px;border:1px solid #41a68a;width:96px;height:72px}
.textAreaXX li p{line-height:28px}
.textAreaXX li p .more{color:#F90}
.textAreaXX li p .more:hover{color:#41a68a}

.centerDC{border:1px solid #e6e6e6;background:#fafafa;height:213px}
.centerDM{margin-top:12px;height:180px}
.centerDC h2{font-family:'微软雅黑',Arial, Helvetica, sans-serif;font-size:16px;padding-left:15px;color:#41a68a;margin:13px 0}
.centerDC ul li{width:29%;float:left;padding-left:15px;font-size:14px;line-height:32px}
.titleSty4 a.moreI{width:34px;height:12px;margin:18px 29px 0 0;background:url(../images/moreI_bg.gif) no-repeat}
.titleSty4 a.moreI:hover,.titleSty4 a.moreI:active{background:url(../images/moreI_h_bg.gif) no-repeat}

@media only screen and (max-width:768px){
.cc_l,.cc_r,.centerRdiv,.tab_zoom_box,.tab_zoom_boxal .ks_tab_con { width: 100% !important;padding: 0;height: auto !important;}
.centerLdiv { width: 100%; margin-bottom: 15px;}
.cc_r .ul_department li {width: 50%;}
.Doctors_list{ background:none}
.Doctors_list li{ width:50%}
.Doctors_list li .firstP{ width:40%}
.Doctors_list li .scendP{ width:60%}
}
@media only screen and (max-width:718px){
.Doctors_list li{ width:100%}
.Doctors_list li .firstP{ width:140px}
.Doctors_list li .scendP{ width:60%}
.Doctors_list li{ height:auto}	
	}
@media only screen and (max-width:450px){
.ul_department li { width: 50%;}
.centerDivFocus li a img { width: 150px; height: auto;}
}
@media only screen and (max-width:372px){
.Doctors_list li .scendP{ width:43%}
.centerDivFocus li a img{ display:none}
}