@charset "gb2312";

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,dl,dt,dd,fieldset, form, label, legend,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0px;padding: 0px;border: 0;font-size: 100%;font: inherit;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}


body{line-height: 1; font-size:16px; font-family:"Microsoft YaHei";/*arial*/;}

ol, ul,li {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

/* table {border-collapse: collapse;border-spacing: 0;} */

header,article,footer,nav,section,aside,menu{ display:block;}

.fix:after {visibility: hidden;display: block;font-size: 0;content:""; clear: both; height: 0;}

.fix{*zoom:1;}

a{ text-decoration:none;}

.clear{ width:100%; height:0px; clear:both;}

.red{ color:#F00;}

.warmp{}
.clearfix::before,
.clearfix::after{
  content:"";
 height:0;
  line-height:0;
  display:block;
  visibility:hidden;
  clear:both;
}
.f-left{float:left;}
.f-right{float:right;}
/*header end*/

.topbar{ background:#28b4c3;}

.logo{ height:98px; width:40.5%; margin-left:3.75%; float:left;background:url(../images/logo.png) left center no-repeat;}

.top_search{ height:98px; width:12%; float:right; margin-right:3.75%; background:url(../images/top_search.png) center center no-repeat;}

.top_tel{ height:98px; width:10%; float:right; background:url(../images/top_tel.png) center center no-repeat;}

.description{ font-size:1.375em; color:#333; text-align:center; height:60px; line-height:60px;}

.description span{ background:#ffc000; border-radius:20em; color:#fff; padding:5px 5px;}

/*header end*/

/*¼²²¡µ¼º½*/




.nav_title span{ background:#fff; color:#000; font-size:1.625em; padding:0 10px;}

.nav_title_des{ text-align:center; color:#666666; font-size:1em;}

.disease_list{ margin:0 3.125% 10px 3.125%; clear:both;}

.disease_list ul li{ width:25%; height:64px; line-height:64px; float:left; position:relative; margin:3px 0;}

.search_disease ul li{ width:33.3333%;}

/* .disease_list ul li a{ display:block; margin:0 1%; border: solid 1px #d6d6d6; text-align:center; font-size:1.375em; color:#666666;} */

.disease_list ul li a{ display:block; margin:0 1%; border: solid 1px #d6d6d6; text-align:center; font-size:1.375em; color:#666666;overflow:hidden;height:100%}

.disease_list ul li a.hot{ background:url(../images/hot.png) 90% 5px no-repeat;}

.disease_list ul li a.red{ color:#ff0000;}

.disease_list ul li a.line_t{ line-height:32px;}

.arrow_down{ height:50px; clear:both; background:url(../images/arrow_down.jpg) center center no-repeat; }

.nav{ margin:0 2.75%;}

.nav ul li{ width:33.33%; height:166px; float:left; margin:5px 0;}

.nav ul li a{ display:block; margin:0 5px; height:50px; padding-top:116px; text-align:center; color:#fff; font-size:1.625em;}

.nav ul li:nth-child(1) a{ background:url(../images/nav_bg_01.png) center 20% no-repeat #28b4c3;}

.nav ul li:nth-child(2) a{ background:url(../images/nav_bg_02.png) center 20% no-repeat #5bd999;}

.nav ul li:nth-child(3) a{ background:url(../images/nav_bg_03.png) center 20% no-repeat #7658f8;}

.nav ul li:nth-child(4) a{ background:url(../images/nav_bg_04.png) center 20% no-repeat #ffc000;}

.nav ul li:nth-child(5) a{ background:url(../images/nav_bg_05.png) center 20% no-repeat #e6567a;}

.nav ul li:nth-child(6) a{ background:url(../images/nav_bg_06.png) center 20% no-repeat #cb70d7;}



/*index-Ô¤Ô¼¹ÒºÅ*/

#reservation{ width:100%; margin:10px auto;}

#reservation ul li{ width:100%; float:left; height:3em; line-height:3em; font-size:1.375em;margin-bottom:22px}

/* #reservation ul li span{ width:30%; height:3em; box-sizing:border-box; border-right:solid #fff 1em; float:left; text-align:right;} */



#reservation ul li input{ box-sizing:border-box; border:solid #d6d6d6 1px; font-size:1em; font-family:"Microsoft YaHei"; width:100%; height:3.6em; margin:0.2em 0; float:left; -webkit-appearance: none; padding-left:20px; }

/* #reservation ul li .input_ks{ height:2.6em; font-size:1em; width:40%;} */

#reservation ul li .input_ks option{ font-size:1em;}

#reservation ul li .input_description{ width:70%; box-sizing:border-box; font-size:1em; border:solid #d6d6d6 1px; background:url(../other/./images/dropdown_bg) right bottom no-repeat; height:6em; line-height:1.5em;}

#reservation ul li:last-child{ height:4em;}

.btn_submit{ text-align:center; margin:10px auto; clear:both;}

.btn_submit input{ background:#ffc000; width:30%; color:#fff; font-size:1.625em; border:none; font-family:"Microsoft YaHei"; padding:10px 0; -webkit-appearance: none;}

.nav_foot{ background:#393939; width:100%; padding:15px 0; position:fixed; left:0; bottom:120px; display:none;}

.nav_foot ul{ margin:0 2%}

.nav_foot ul li{ width:25%; height:64px; margin:3px 0; line-height:64px; float:left;}

.nav_foot ul li a{ display:block;border:solid 1px #525151; margin:0 3px; text-align:center; font-size:1.25em; color:#999999; background:#000;}

.nav_foot ul li a:hover{ color:#ffffff;}

.nav_foot ul li:nth-child(1) a span{ background:url(../images/nav_foot_bg1.png) left center no-repeat; padding:0 20px 0 13px;}

.nav_foot ul li:nth-child(2) a span{ background:url(../images/nav_foot_bg2.png) left center no-repeat; padding:0 20px 0 13px;}

.nav_foot ul li:nth-child(3) a span{ background:url(../images/nav_foot_bg3.png) left center no-repeat; padding:0 15px 0 13px;}

.nav_foot ul li:nth-child(4) a span{ background:url(../images/nav_foot_bg4.png) left center no-repeat; padding:0 16px 0 13px;}

.nav_foot ul li:nth-child(5) a span{ background:url(../images/nav_foot_bg5.png) left center no-repeat; padding:0 16px 0 13px;}

.nav_foot ul li:nth-child(6) a span{ background:url(../images/nav_foot_bg6.png) left center no-repeat; padding:0 25px 0 13px;}

.nav_foot ul li:nth-child(7) a span{ background:url(../images/nav_foot_bg7.png) left center no-repeat; padding:0 29px 0 13px;}

.nav_foot ul li:nth-child(8) a span{ background:url(../images/nav_foot_bg8.png) left center no-repeat; padding:0 13px 0 13px;}

/*foot-address*/

.foot_address{margin-bottom:140px; border-top:1px solid #d6d6d6}

.foot_links{ height:54px; line-height:54px; font-size:1.625em; text-align:center; }

.foot_links a{ color:#666666; display:block; width:25%; float:left;}

.foot_address address{ text-align:center; font-size:1.375em; line-height:1.5em; color:#666666;}

/*foot*/

.foot{background:#28b4c3; position:fixed; z-index:1000; bottom:0; left:0; width:100%;}

.foot ul{ margin:0 2%; }

.foot ul li{ width:25%; height:120px; float:left;}

.foot ul li a{ display:block; padding-top:80px; text-align:center; font-size:1.5em; color:#fff;}

.foot ul li:nth-child(2) a{ background:url(../images/foot_bg_01.png) center 20px no-repeat;}

.foot ul li:nth-child(1) a{ background:url(../images/foot_bg_02.png) center 19px no-repeat;}

.foot ul li:nth-child(3) a{ background:url(../images/foot_bg_03.png) center 20px no-repeat;}

.foot ul li:nth-child(4) a{ background:url(../images/foot_bg_04.png) center 24px no-repeat;}

@media screen and (max-width:639px){
body{font-size:14px}
.logo,.top_search,.top_tel{ height:49px;}

/* .logo{ background-size:129px 36.5px; -webkit-background-size:129px 36.5px;} */

.logo{ background-size:200px 36.5px; -webkit-background-size:200px 36.5px;width:70%}

.top_search,.top_tel{ background-size:30px 30px; -webkit-background-size:30px 30px}

/* .description{ font-size:0.875em; height:32px; line-height:32px;} */
.description{ font-size:14px; height:32px; line-height:32px;}

.nav_title{ height:30px; line-height:30px;}

.nav_title span{ font-size:1em;}

.nav_title_des{ font-size:0.875em;}

.disease_list{ margin:0 1% 10px 1%;}

.disease_list ul li{ height:40px; line-height:40px; margin:1% 0;}

.disease_list ul li a{ font-size:0.875em; margin:0 2%;}

.disease_list ul li a.hot{ background-size:10px 10.7px;-webkit-background-size:10px 10.7px; background-position:95% 3px;}

.disease_list ul li a.line_t{ line-height:20px;}

.arrow_down{ height:40px; background-size:35px 20px;}

.nav ul li{ height:90px;}

.nav ul li a{ background-size:42px 42px; -webkit-background-size:42px 42px; height:35px; padding-top:55px; font-size:1em;}

.nav ul li:nth-child(1) a{background-size:42px 42px;-webkit-background-size:42px 42px;}

.nav ul li:nth-child(2) a{background-size:42px 42px;-webkit-background-size:42px 42px;}

.nav ul li:nth-child(3) a{background-size:42px 42px;-webkit-background-size:42px 42px;}

.nav ul li:nth-child(4) a{background-size:42px 42px;-webkit-background-size:42px 42px;}

.nav ul li:nth-child(5) a{background-size:42px 42px;-webkit-background-size:42px 42px;}

.nav ul li:nth-child(6) a{background-size:42px 42px;-webkit-background-size:42px 42px;}

.doc_list{ height:82px; padding:5px 0;}

/* .doc_list ul{ height:82px; width:93.75%;} */

.doc_list ul{ height:82px; width:93.75%;}

/* .doc_list ul li{ width:46%; height:82px;  margin:0 2%;} */

.doc_list ul li{ width:46%; height:82px;  margin:0 2%;}

.doc_list ul li img{ float:left; width:67.7px; height:80px; margin-right:5%}

.doc_list ul li span{ font-size:1em; line-height:110%;}

.doc_list ul li p{font-size:0.75em;line-height:140%; }

.doc_list ul li .doc_zx{ font-size:0.75em; line-height:150%; padding:2px 6px;}

.doc_more{ height:30px; line-height:30px; font-size:0.875em; -webkit-background-size:280px 1px;}

.special_list{ width:96%;}

.special_list ul li{ height:50px; line-height:50px; font-size:1em; text-indent:0.5em;overflow:hidden}

.special_list ul li span{ margin-right:0.5em; padding:1px 7px;}

.special_list ul li:nth-child(10) span{ padding:1px 2px;}

#reservation{ margin-left:0px;}

#reservation ul li{ font-size:1em;}

#reservation ul li span{border-right:solid #fff 0em;}

#reservation ul li input{}

#reservation .btn_submit input{ width:40%; font-size:1.125em; padding:6px 0;}

.nav_foot{ bottom:60px;}

.nav_foot ul{ margin:0;}

.nav_foot ul li{ height:46px; line-height:46px;}

.nav_foot ul li a{font-size:0.875em; margin:0 2px;}

.nav_foot ul li:nth-child(1) a span{ background-size:20px 16px; padding:0 9px;}

.nav_foot ul li:nth-child(2) a span{ background-size:20px 16.4px; padding:0 12px;}

.nav_foot ul li:nth-child(3) a span{ background-size:20px 18.6px; padding:0 11px;}

.nav_foot ul li:nth-child(4) a span{ background-size:15.3px 20.6px; padding:0 9px;}

.nav_foot ul li:nth-child(5) a span{ background-size:27px 17px; padding:0 14px;}

.nav_foot ul li:nth-child(6) a span{ background-size:22px 18px; padding:0 12px;}

.nav_foot ul li:nth-child(7) a span{ background-size:24.6px 18px; padding:0 14px;}

.nav_foot ul li:nth-child(8) a span{ background-size:24.6px 18px; padding:0 9px;}

.foot_address{margin-bottom:80px;}

.foot_links{ height:38px; line-height:38px; font-size:1em;}

.foot_links a{ color:#666666; display:block; width:25%; float:left;}

.foot_address address{ text-align:center; font-size:0.875em; line-height:1.5em; color:#666666;}

.foot ul li{ height:60px;}

.foot ul li a{ padding-top:35px; font-size:1em;}

.foot ul li:nth-child(1) a{ background-size:26.4px 28.8px; background-position:center 5px;}

.foot ul li:nth-child(2) a{ background-size:32.4px 28.2px; background-position:center 4px;}

.foot ul li:nth-child(3) a{ background-size:16.2px 26.4px; background-position:center 6px;}

.foot ul li:nth-child(4) a{ background-size:24px 21px; background-position:center 8px;}

}



