﻿@charset "utf-8";
/*=公共属性=*/
html,body,div,span,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,b,i,form,fieldset,legend,table,th,td em,textarea,input{ margin:0; padding:0;}
.hide{ display:none;}
.clear{clear: both;}
img{border:0;}
li,input{list-style-type: none;}
body{font-size:12px;font-family:"SimSun","Arial Narrow";background:#eee;color:#333;}
a:link,a:visited {color:#333;text-decoration: none;}
a:hover,a:active {color:#333;}

/*头部*/
.hd_top{background:url(../images/hd_bg.jpg) 0 0px repeat-x;}
#header{ height:105px; background:url(../images/header_bg2.jpg) center 0px no-repeat;}
#header span{ width:300px; height:41px; margin-left:auto; margin-right:auto; display:block; padding-top:63px;}
#header span a{ display: block;height: 41px;position: relative;top: -42px;}
#header a.home{position: relative;top: -45px;}

/*导航*/
#nav{ height:60px; background-color:#229bd9;}
#nav ul{ width:300px; height:60px; margin-left:auto; margin-right:auto; background:url(../images/pic_nav.jpg) no-repeat;}
#nav ul li{ float:left; width:75px; text-align:center;}
#nav ul li a{ display:block; line-height:30px; color:#fff; font-size:12px;}

/*banner*/
/*#banner{ margin-left:auto; margin-right:auto; width:300px; height:120px;}
.slideBox{ width:100%;overflow:hidden; position:relative;}
#slideBox{height:120px;}
#slideBox1{height:120px;}
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:10px; bottom:5px; z-index:1; }
.slideBox .bd a {display: block;height: 120px; width: 100%;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer; font-family:Arial,SimSun,sans-serif; font-size:14px;font-style: italic;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:300px; height:100%; display:block; margin:0 auto;}
.slideBox .banner_1 { background:url(../images/banner.jpg) center no-repeat; width:100%; height:120px; margin:0 auto;}
.slideBox .banner_2 { background:url(../images/banner2.jpg) center no-repeat; width:100%; height:120px; margin:0 auto;}*/


/*疾病导航*/
#disease_nav{ clear:both;}
#disease_nav h4{ height:30px; background-color:#229bd9;}
#disease_nav h4 span a{ margin-left:auto; margin-right:auto; display:block; width:300px; line-height:30px; font-weight:normal; font-size:12px; color:#fff;}
#disease_nav ul{ margin-left:auto; margin-right:auto; margin-top:5px; width:300px;}
#disease_nav ul li{ float:left; margin-left:5px; margin-right:4px; display:inline; width:66px; height:85px;}
#disease_nav ul li.pic1{ background:url(../images/btn_picnav_1.jpg) no-repeat;}
#disease_nav ul li.pic2{ background:url(../images/btn_picnav_2.jpg) no-repeat;}
#disease_nav ul li.pic3{ background:url(../images/btn_picnav_3.jpg) no-repeat;}
#disease_nav ul li.pic4{ background:url(../images/btn_picnav_4.jpg) no-repeat;}
#disease_nav ul li.pic5{ background:url(../images/btn_picnav_5.jpg) no-repeat;}
#disease_nav ul li.pic6{ background:url(../images/btn_picnav_6.jpg) no-repeat;}
#disease_nav ul li.pic7{ background:url(../images/btn_picnav_7.jpg) no-repeat;}
#disease_nav ul li.pic8{ background:url(../images/btn_picnav_8.jpg) no-repeat;}
#disease_nav ul li.pic9{ background:url(../images/btn_picnav_9.jpg) no-repeat;}
#disease_nav ul li.pic10{ background:url(../images/btn_picnav_10.jpg) no-repeat;}
#disease_nav ul li.pic11{ background:url(../images/btn_picnav_11.jpg) no-repeat;}
#disease_nav ul li.pic12{ background:url(../images/btn_picnav_12.jpg) no-repeat;}
#disease_nav ul li a{ display:block; padding-top:66px; height:19px; text-align:center; color:#666;}

/*栏目一*/
#column_1{ clear:both; padding-top:7px;font-size:12px;}
#column_1 div.bar{ height:30px; background-color:#229bd9;}
#column_1 h4{ margin-left:auto; margin-right:auto; width:210px;}

#column_1 h4 span{ padding-left:18px; padding-right:18px; display:block; float:left; display:inline; line-height:30px; font-weight:normal; font-size:12px; color:#fff; cursor:pointer;}
#column_1 h4 span.on{ font-weight:bold; background-color:#fbb217;}

#column_1 div.box{ margin-left:auto; margin-right:auto; clear:both; width:300px;}
#column_1 div.box h5{ font-size:14px; line-height:50px; text-align:center;}
#column_1 div.box h5 a{ color:#fbb217;}

#column_1 div.box ul.news{ clear:both; padding-left:3px; padding-right:3px;}
#column_1 div.box ul.news li{ clear:both; line-height:35px; height:25px; border-bottom:1px #9c9c9c dashed;padding-bottom: 5px;}
#column_1 div.box ul.news li a{ display:block; float:left;}
#column_1 div.box ul.news span{ display:block; float:right;}

#column_1 div.box ul.disease{ clear:both; padding-left:3px; padding-right:3px; padding-top:8px;}
#column_1 div.box ul.disease li{ float:left; margin-left:6px; margin-right:6px; margin-bottom:8px; display:inline; width:85px; height:30px; line-height:30px; text-align:center; background-color:#229bd9;}
#column_1 div.box ul.disease li a{ color:#fffefd;}
#column_1 div.box ul.disease li.stress a{ color:#fbb217; font-weight:bold;}

#column_1 div.box b.btn{display:block; clear:both; margin-left:60px; margin-top:5px; width:180px; height:30px; line-height:30px; background:url(../images/btn_arrow.jpg) 144px 6px #dcdcdc no-repeat;}
#column_1 div.box b.btn a{ display:block; margin-left:18px; font-weight:normal; color:#229bd9;}


/*栏目二*/
#column_2{ clear:both; padding-top:7px;}
#column_2 div.bar{ height:30px; background-color:#229bd9;}
#column_2 h4{ margin-left:auto; margin-right:auto; width:210px;}
#column_2 h4 span{ padding-left:18px; padding-right:18px; display:block; float:left; display:inline; line-height:30px; font-weight:normal; font-size:12px; color:#fff; cursor:pointer;}
#column_2 h4 span.on{ font-weight:bold; background-color:#fbb217;}

#column_2 div.box{ margin-left:auto; margin-right:auto; clear:both; width:300px;}
#column_2 div.box h5{ font-size:14px; line-height:50px; text-align:center;}
#column_2 div.box h5 a{ color:#fbb217;}

#column_2 div.box ul.news{ clear:both; padding-left:3px; padding-right:3px;}
#column_2 div.box ul.news li{ clear:both; line-height:35px; height:25px; border-bottom:1px #9c9c9c dashed;padding-bottom: 5px;}
#column_2 div.box ul.news li a{ display:block; float:left;}
#column_2 div.box ul.news span{ display:block; float:right;}

#column_2 div.box ul.disease{ clear:both; padding-left:3px; padding-right:3px; padding-top:8px;}
#column_2 div.box ul.disease li{ float:left; margin-left:6px; margin-right:6px; margin-bottom:8px; display:inline; width:85px; height:30px; line-height:30px; text-align:center; background-color:#229bd9;}
#column_2 div.box ul.disease li a{ color:#fffefd;}
#column_2 div.box ul.disease li.stress a{ color:#fbb217; font-weight:bold;}

#column_2 div.box b.btn{display:block; clear:both; margin-left:60px; margin-top:5px; width:180px; height:30px; line-height:30px; background:url(../images/btn_arrow.jpg) 144px 6px #dcdcdc no-repeat;}
#column_2 div.box b.btn a{ display:block; margin-left:18px; font-weight:normal; color:#229bd9;}

#column_2 div.box b.tel{ clear:both; display:block; margin-top:10px; height:35px; line-height:100%;  background-color:#dcdcdc; font:23px "微软雅黑"; }
#column_2 div.box b.tel a{color:#018cd6;}
#column_2 div.box b.tel span{ display:block; float:left; padding-left:45px; padding-right:5px; padding-top:5px; margin-right:10px; width:55px; height:30px; line-height:1.2em;background:url(../images/btn_tel.jpg) 12px 5px #018cd6 no-repeat; font-size:12px; font-weight:normal; color:#fff;}
#column_2 div.box b.tel span a{ color:#fff;}

/*在线医生*/
#doctor{ clear:both; padding-top:7px;}
#doctor h4{ height:30px; background-color:#229bd9;}
#doctor h4 span{ margin-left:auto; margin-right:auto; display:block; padding-left:13px; width:287px; height:30px; line-height:30px; font-size:12px; font-weight:normal; color:#fff;}
#doctor h4 span i{ display:block; float:left; font-style:normal;}
#doctor h4 span b a{display:block; float:right; width:65px; background:url(../images/btn_more.jpg) 28px 6px no-repeat;font-weight:normal;color: #FFF;}

#doctor div.box{ margin-left:auto; margin-right:auto; width:300px;}
#doctor div.box ul{ padding-top:10px;}
#doctor div.box ul li{ float:left; padding-top:8px; width:148px; height:72px; background:url(../images/pic_doctor_bg.jpg) no-repeat;font-size:12px;}
#doctor div.box ul li img{ display:block; float:left; margin-left:6px; display:inline;}
#doctor div.box ul li span{ display:block; float:left; margin-top:2px; margin-left:6px; width:83px; color:#666;}
#doctor div.box ul li b{ display:block;float:left; margin-left:6px; margin-top:2px;}
#doctor div.box ul li b a{display:block;  width:80px; height:26px; font-weight:normal; line-height:26px; text-align:center; color:#fff;}

#doctor div.box p.btn{ padding-top:8px;_padding-top:4px; clear:both;}
#doctor div.box p.btn a{ display:block;margin-left:22px; float:left; display:inline; width:115px; height:26px; line-height:26px; text-align:center; color:#fff; }
#doctor div.box p.btn a.pic1{ background:url(../images/btn_blue.jpg) no-repeat;}
#doctor div.box p.btn a.pic2{ background:url(../images/btn_yellow.jpg) no-repeat;}

/*预约挂号*/
#book{ clear:both; padding-top:11px;}
#book h4{ height:30px; background-color:#229bd9;}
#book h4 span{ margin-left:auto; margin-right:auto; display:block; padding-left:12px; width:288px; font-size:12px; font-weight:normal; line-height:30px; color:#fff;}

#book form{ margin-left:auto; margin-right:auto; padding-top:10px; clear:both; width:300px;}
#book ul.book_form{}
#book ul.book_form li{ float:left; padding-bottom:5px; width:300px; font-weight:bold;}
#book ul.book_form li.width_140{ width:150px;}
#book ul.book_form li input{ width:224px; height:23px; border:1px #9a9a9a solid;}
#book ul.book_form li.width_140 input{ width:74px;}
#book ul.book_form li.height_80 input{ height:80px;}
#book ul.book_form li input.btn{ margin-left:auto; margin-right:auto; margin-top:5px; display:block; width:115px; height:26px; line-height:26px; text-align:center; font-weight:normal; background:url(../images/btn_yellow.jpg) no-repeat;cursor:pointer;border:none;}
#book ul.book_form li span.btn a{ display:block; color:#fff;}
#book ul.book_form li span.notes{ display:block; padding-left:40px; margin-top:8px; font-weight:normal;}
#book ul.book_form li span.notes b{ color:#f00;}
#book ul.book_form li .select{ display: inline;float: right;width: 85px;}
#book ul.book_form li .textarea{width: 223px;}
/*专家回答*/
#dialog{ clear:both; padding-top:11px;}
#dialog h4{ height:30px; background-color:#229bd9;}
#dialog h4 span{ margin-left:auto; margin-right:auto; display:block; padding-left:12px; width:288px; font-size:12px; font-weight:normal; line-height:30px; color:#fff;}

#dialog div.box{ margin-left:auto; margin-right:auto; margin-top:6px; position:relative; width:300px; height:396px; overflow:hidden;}
#dialog div.box ul{ position:absolute;}
#dialog div.box ul li{ width:300px; height:98px; border-bottom:1px #a8a8a8 dashed; cursor:pointer;}
#dialog div.box ul li.pic1{ background:url(../images/pic_ask_1.jpg) 19px 7px no-repeat;}
#dialog div.box ul li.pic2{ background:url(../images/pic_answer_1.jpg) 19px 7px no-repeat;}
#dialog div.box ul li.pic3{ background:url(../images/pic_ask_2.jpg) 19px 7px no-repeat;}
#dialog div.box ul li.pic4{ background:url(../images/pic_answer_2.jpg) 19px 7px no-repeat;}

#dialog p.btn{ margin-left:auto; margin-right:auto; margin-top:7px; width:300px; height:35px; line-height:35px; background-color:#dcdcdc;}
#dialog p.btn a{color:#018cd6;}
#dialog p.btn span{ display:block; float:left; padding-left:6px; margin-right:13px; width:123px; background:url(../images/btn_hand.jpg) no-repeat;}
#dialog p.btn span a{ display:block; color:#fff;}

/*网站底部*/
#footer{ clear:both; margin-top:10px; height:257px; background-color:#229bd9;}
#footer div.box{ margin-left:auto; margin-right:auto; width:300px;}
#footer div.box ul{ padding-top:12px;}
#footer div.box ul li{float:left; margin-left:10px; display:inline; width:50px; height:73px; }
#footer div.box ul li.pic1{ background:url(../images/btn_aboutus.jpg) no-repeat;}
#footer div.box ul li.pic2{ background:url(../images/btn_qqwebo.jpg) no-repeat;}
#footer div.box ul li.pic3{ background:url(../images/btn_sinawebo.jpg) no-repeat;}
#footer div.box ul li.pic4{ background:url(../images/btn_ask.jpg) no-repeat;}
#footer div.box ul li.pic5{ background:url(../images/btn_phone.jpg) no-repeat;}
#footer div.box ul li a{ display:block; padding-top:56px; height:27px; color:#fff;}

#footer div.box span.pic_code{ float:left; display:block; margin-left:14px; margin-top:14px; display:inline; width:59px; height:59px; background:url(../images/pic_code.jpg) no-repeat;}

#footer div.box span.addr{ margin-top:14px; margin-left:6px; display:block; float:left; width:160px;}
#footer div.box span.addr p{ margin-bottom:9px; color:#fff;}
#footer div.box span.totop{ display:block; float:left; margin-top:20px; width:51px; height:50px; background:url(../images/btn_totop.jpg) no-repeat;}
#footer div.box span.totop a{ display:block; text-indent:-2000px; height:50px;}

/*底部浮动条*/
#float_bar{background:url(../images/pic_bottom_bg.png) repeat-x; height:67px; width:100%; position:fixed; bottom:0; left:0;_position:absolute; _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);}

#float_bar div.box{ position:relative;}

#float_bar div.home_wrap{ margin-left:auto; margin-right:auto; width:300px;}
#float_bar span.home{ position:absolute; width:50px; display:block; height:45px;left:50%;margin-left:-25px; background:url(../images/btn_home.png) center 0px no-repeat; z-index:1;}
#float_bar span.home a{ margin-left:auto; margin-right:auto; display:block; width:39px; height:45px; cursor:pointer;}

#float_bar div.pop_box{ position:absolute; width:100%; height:5000px;; background-color:#333; bottom:-14px; _bottom:75px; z-index:0; opacity:0.9;}
#float_bar div.pop_wrap{ margin-left:auto; margin-right:auto;width:300px;}
#float_bar ul.pop_item{ position: absolute; bottom:-40px; height:180px;}
#float_bar ul.pop_item li{ float:left; margin-left:9px; margin-right:9px; display:inline; width:56px; opacity:1;}
#float_bar ul.pop_item li.pic1{ margin-top:56px; background:url(../images/btn_pop_book.png) no-repeat;}
#float_bar ul.pop_item li.pic2{ background:url(../images/btn_pop_home.png) no-repeat;}
#float_bar ul.pop_item li.pic3{ background:url(../images/btn_pop_adrr.png) no-repeat;}
#float_bar ul.pop_item li.pic4{ margin-top:56px;  background:url(../images/btn_pop_search.png) no-repeat;}
#float_bar ul.pop_item li a{ display:block; padding-top:56px; width:56px; height:14px; color:#fff; }

#float_bar div.office_nav{ position:absolute; width:100%; height:200px; background-color:#eee; bottom:-14px; _bottom:85px;  z-index:0;}
#float_bar div.office_nav table{ width:100%;}
#float_bar div.office_nav table td{ height:43px; line-height:43px; text-align:center; border:1px #229bd9 solid;}
#float_bar div.office_nav table td a{ color:#018cd6;}

#float_bar ul.foot_nav{ margin-left:auto; margin-right:auto; width:300px;}
#float_bar ul.foot_nav li{ float:left; margin-left:9px; margin-right:5px; width:50px; height:55px; margin-top:16px;}
#float_bar ul.foot_nav li.pic1{ background:url(../images/btn_bottom_tel.jpg) no-repeat;}
#float_bar ul.foot_nav li.pic2{ margin-right:38px; background:url(../images/btn_bottom_ask.jpg) no-repeat;}
#float_bar ul.foot_nav li.pic3{ background:url(../images/btn_bottom_book.jpg) no-repeat;}
#float_bar ul.foot_nav li.pic4{ background:url(../images/btn_bottom_nav.jpg) no-repeat;}
#float_bar ul.foot_nav li a{ display:block; padding-top:36px; text-align:center; color:#fff;width:50px;height:19px;}
