@charset "utf-8";
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, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,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: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;;list-style:none}
/* 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:16px/24px "Microsoft YaHei";/*arial*/ min-width:320px;}
ol, ul {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;}
  	 .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.warmp{max-width:640px;margin:0 auto; background-color:#fff;}
	.topfixed{position:fixed;top:0;max-width: 640px;margin:0 auto;z-index:10;}
	.topfixed img,.zwtop img{width:100%;float:left}
	.zwtop{width:100%;}
	.foot_address{margin-bottom:2rem;}
/*header end*/
.topbar{ background:#28b4c3;}
.logo{ height:98px; width:59.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:1em; color:#fff; padding:0px 5px;}
/*header end*/

/*��������*/
.banner{ max-width:640px; overflow:hidden; position:relative; margin:0 auto; clear:both;}
.banner img{ width:100%;}
.ban_tel{ padding-top:10px; text-align:center;}
.ban_tel img{ width:94%;}
.nav_title{ width:100%; height:54px; line-height:54px; text-align:center; position:relative; background:url(../images/nav_title_bg.jpg) left center repeat-x; clear:both;}
.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;width:98%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.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-ҽ��*/
.doc_list{ width:600px;height:132px;margin:5px 0;overflow:hidden;}
.doc_list .swiper-wrapper{ height:132px; width:600px; margin:0 auto; }
.doc_list .swiper-wrapper li{ width:280px; height:132px; float:left; margin:0 10px;}
.doc_list .swiper-wrapper li img{ float:left; border:solid 1px #ebebeb; margin-right:10%; width:110px; height:130px;}
.doc_list .swiper-wrapper li span{ font-size:1.625em; color:#000; line-height:116%;}
.doc_list .swiper-wrapper  p{font-size:1.25em;line-height:160%; color:#666; text-align:left}
.doc_list .swiper-wrapper li .doc_zx{ font-size:1.25em; color:#ffffff; background:#28b4c3; line-height:180%; padding:2px 8px;}
.doc_more{ height:40px; line-height:40px;  text-align:center; font-size:1.375em; }
.doc_more a{color:#666666;}

/*index-�ر��ע*/
.special_list{ width:90%; margin:10px auto;}
.special_list ul li{ width:100%; float:left; border:solid #d6d6d6; box-sizing:border-box; border-width:1px 1px 0 1px; height:80px; line-height:80px; font-size:1.375em; text-indent:1em;padding-right: 0.5em;}
.special_list ul li:last-child{ border-bottom-width:1px;}
.special_list ul li span{padding:2px 10px; color:#fff; background:#cccccc;}
.special_list ul li a{ color:#666666; display:inline-block;width: 70%;white-space: nowrap; overflow: hidden; font-size: 12px;}
.special_list ul li:nth-child(1) span,.special_list ul li:nth-child(2) span,.special_list ul li:nth-child(3) span{ background:#ffc000; }
.special_list ul li:nth-child(10) span{ padding:2px 4px;}

/*index-ԤԼ�Һ�*/
#reservation{ width:90%; margin:10px auto;margin-bottom:0;}
#reservation ul li{ width:100%; float:left; height:2em; line-height:2em; font-size:1.375em;}
#reservation ul li span{ width:30%; height:2em; box-sizing:border-box; border-right:solid #fff 1em; float:left; text-align:right;}
#reservation ul li span i{ color:#ff0000;}
#reservation ul li input{ box-sizing:border-box; border:solid #d6d6d6 1px; font-size:1em; font-family:"Microsoft YaHei"; width:70%; height:1.6em; margin:0.2em 0; float:left; -webkit-appearance: none;}
#reservation ul li .input_ks{ height:1.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;  height:4em; line-height:1.5em;}
#reservation ul li:last-child{ height:4em;}

.btn_submit{ text-align:center; margin:10px auto; clear:both;margin-bottom:0;}
.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{ padding:0 20px 0 13px;}
.nav_foot ul li:nth-child(2) a span{ padding:0 20px 0 13px;}
.nav_foot ul li:nth-child(3) a span{ padding:0 15px 0 13px;}
.nav_foot ul li:nth-child(4) a span{ padding:0 16px 0 13px;}
.nav_foot ul li:nth-child(5) a span{ padding:0 16px 0 13px;}
.nav_foot ul li:nth-child(6) a span{ padding:0 25px 0 13px;}
.nav_foot ul li:nth-child(7) a span{ padding:0 29px 0 13px;}
.nav_foot ul li:nth-child(8) a span{ padding:0 13px 0 13px;}

/*foot-address*/
.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 span{color:#666666;}
.foot_address address a{color:#666666;}
/*foot*/
.foot{background:#28b4c3; position:fixed; z-index:1000; bottom:0; left:0; width:100%; display:none}
.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;}


@media screen and (max-width:639px){
.logo,.top_search,.top_tel{ height:49px;}
.logo{ background-size:contain; -webkit-background-size:contain;margin:2% 0 2% 3.75%;}
.top_search,.top_tel{ background-size:30px 30px; -webkit-background-size:30px 30px}
.description{ font-size:0.875em; 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.yh{ background-size:20px 10.7px;-webkit-background-size:20px 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; margin:5px 0;width:93.75%; overflow:hidden; margin:auto}
.doc_list .swiper-wrapper{ height:82px; width:93.75%;}
.doc_list .swiper-wrapper { width:46%; height:82px;  margin:0 2%;}
.doc_list .swiper-wrapper  img{ float:left; width:67.7px; height:80px; margin-right:5%}
.doc_list .swiper-wrapper span{ font-size:1em; line-height:110%;}
.doc_list .swiper-wrapper p{font-size:0.75em;line-height:140%; }
.doc_list .swiper-wrapper .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;}
.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:30%; 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:16px 16px; padding:0 9px;}
.nav_foot ul li:nth-child(2) a span{ background-size:16px 16.4px; padding:0 9px;}
.nav_foot ul li:nth-child(3) a span{ background-size:14.6px 18.6px; padding:0 9px;}
.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:15.3px 17.3px; padding:0 9px;}
.nav_foot ul li:nth-child(6) a span{ background-size:22px 18px; padding:0 14px;}
.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:13.3px 18.6px; padding:0 10px;}

.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_address address{ text-align:center; font-size:12px; 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;}
}

/*new add 2016-8-24*/
.ad{position: absolute;z-index: 1;right: 0px;bottom: 6px;line-height:1.2;color:#ffffff; font-size: 12px;background-color: #ADA4A4;}
#close_bar{position:fixed;bottom:100px;right:0;z-index:1001;}
#close{
	display: block;
	width: 20px;
	height: 20px;
	position: relative;	
}

#close::before,#close::after{
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	margin-top: -1px;
	display:block;
	width:100%;
	height: 5px;
	background-color: #fff;
}
#close::before{
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
#close::after{
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media only screen and (max-width: 639px) {
	#close_bar{bottom:40px;width:20px;height:20px;}
	#close{
		float:right;
		display: block;
		width: 10px;
		height: 10px;
		position: relative;	
	}

	#close::before,#close::after{
		position: absolute;
		content: "";
		top: 50%;
		left: 0;
		margin-top: -1px;
		display:block;
		width:100%;
		height: 1px;
		background-color: #fff;
	}
}

.article_time a{ color:#999999}
.wirter{ text-align:right; color:#666666; margin-right:0.6em  }
@media only screen and (max-width: 345px) {
	#reservation ul li{ font-size:.8em;}
	.wirter{ margin-right:0.4em  }
}
 @media screen and (min-width:376px) and (max-width:414px) {
	.wirter{  margin-right:1em  }
	 }