@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,table, caption, tbody, tfoot, thead, tr, th, td,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:#00a2ea;}

.logo{ height:0.98rem; width:50.5%; margin-left:3.75%; float:left;background:url(../images/logo.png) left center no-repeat; background-size:100%;}

.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*/

/*?22?¦Ì?o?*/




.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 #00a2ea;}

.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-?¡è??1¨°o?*/

#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;}

/*foot-address*/

.foot_address{margin-bottom:120px; border-top:1px solid #dedede; padding-bottom:40px;background-color:#fff}

.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_address address a{color: #666;}
@media screen and (max-width:639px){
body{font-size:14px}
.top_search,.top_tel{ height:49px;}

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

/*.logo{ background-size:80%; -webkit-background-size:80%;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;}

.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;}
}

/*¦Ì¡Á2?1?12???t*/
.bottom1{ 
    bottom: 0%;
    display: block;
    left: 0;
    margin:0 auto;
    max-width: 100%;
    min-width: 320px;
    position: fixed;
    right: 0;
    z-index: 19891;
	/*background-size:100%;*/	
	}
.bot1{ 
	background: -webkit-linear-gradient(left, #744bf1, #704ef0, #5165ec, #3d74ea, #2685e7) bottom; /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #744bf1, #704ef0, #6c51f0, #3d74ea, #2685e7) bottom; /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #744bf1, #704ef0, #5165ec, #3d74ea, #2685e7) bottom; /* Firefox 3.6 - 15 */
    background: linear-gradient(to #744bf1, #704ef0, #6c51f0, #3d74ea, #2685e7) bottom; /* ¡À¨º¡Á?¦Ì?¨®?¡¤¡§¡ê¡§¡À?D?¡¤??¨²¡Á?o¨®¡ê?*/ 

	}
.centers{ width:50%; margin:0 auto; padding-bottom:7.5%; position:relative;}
.bot11{ float:left; width:38%;}
.bot11_icon img{ width:30%; margin:0 auto; display:block; margin-top:5%; margin-bottom:2%;}
.bot11_txt{ text-align:center; font-size:20px; font-family:"?¡é¨¨¨ª??o¨²";}
.bot11 a{ color:#fff;}



.bot13{ float:left; width:38%; cursor:pointer;}
.bot13_icon img{ width:24%; margin:0 auto; display:block; margin-top:5%; margin-bottom:2%;}
.bot13_txt{ text-align:center; font-size:20px; font-family:"?¡é¨¨¨ª??o¨²";}
.bot13 a{ color:#fff;}

.bot14{ width:24%; float:left;}
.bot14 a{ color:#fff;}
.bot14_icon{ width:100%; margin:0 auto; }
.bot14_icon img{ width:16%; position:absolute; bottom:8%; left:40%;}
.bot14_txt{ position:relative; z-index:120; font-size:18px; font-family:"?¡é¨¨¨ª??o¨²"; margin-top:27%; padding-left:23%;}

/*?¨¬¨®|¨º?*/
@media screen and (max-width:320px) {
.centers{ width:100%; padding-bottom:17%;}
.bot11_txt{ font-size:14px; }
.bot12_txt{ font-size:14px;}
.bot13_txt{ font-size:14px;}
.bot14_txt{ font-size:12px; margin-top:15%;}
.bot14_icon img{ width:23%;}
} 
@media screen and (min-width:321px) and (max-width:329px) {
.centers{ width:100%;  padding-bottom:17%;}
.bot11_txt{ font-size:14px; }
.bot12_txt{ font-size:14px;}
.bot13_txt{ font-size:14px;}
.bot14_txt{ font-size:12px;  margin-top:25%; padding-left:26%;}
.bot14_icon img{ width:23%;}
} 
@media screen and (min-width:330px) and (max-width:409px) {
.centers{ width:100%;  padding-bottom:17%;}
.bot11_txt{ font-size:14px; }
.bot12_txt{ font-size:14px;}
.bot13_txt{ font-size:14px;}
.bot14_txt{ font-size:12px; margin-top:27%; padding-left:30%;}
.bot14_icon img{ width:22%; left:40%; }
} 
@media screen and (min-width:410px) and (max-width:500px) {
	.centers{ width:100%;  padding-bottom:17%;}
	.bot11_txt{ font-size:16px; }
	.bot12_txt{ font-size:16px;}
	.bot13_txt{ font-size:16px;}
	.bot14_txt{ font-size:12px; margin-top:27%; padding-left:30%;}
	.bot14_icon img{ width:22%; left:40%;}
} 
@media screen and (min-width:500px) and (max-width:555px) {
.bot14_icon img{ bottom:36%;}
.centers{ width:100%;  padding-bottom:17%; }
.bot11_txt{ font-size:18px; }
.bot12_txt{ font-size:18px;}
.bot13_txt{ font-size:18px;}
.bot14_txt{ font-size:14px;  margin-top:18%; padding-left:23%;}
} 
@media screen and (min-width:556px) and (max-width:650px) {
.bot14_icon img{ bottom:36%;}
.centers{ width:100%;  padding-bottom:17%; }
.bot11_txt{ font-size:18px; }
.bot12_txt{ font-size:18px;}
.bot13_txt{ font-size:18px;}
.bot14_txt{ font-size:16px;  margin-top:18%; padding-left:23%;}

} 
@media screen and (min-width:650px) and (max-width:1236px) {
.bot14_icon img{ bottom:36%;}
.centers{ width:100%;  padding-bottom:17%; }	
.bot14_txt{ font-size:16px;  margin-top:18%; padding-left:25%;}
}
