@import "reset.css";
@import "global.css";
.container{ min-width:320px; max-width:640px; margin:0 auto; background:#fff; float:none; font-size:1.4rem;}
/* header */
#header {
	height: 90px;
	line-height: 90px;
	margin: 0 auto;
	padding: 10px 20px;
	text-align: center;
}
#header h2 {
	width: 332px;
	height: 90px;
	margin: 0px auto;
	background-image: url(../images/logo.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#header .home {
	display: block;
	width: 40px;
	height: 90px;
	background: url(../images/home.png) center center no-repeat;
	float: left;
}
#header .phone {
	display: block;
	width: 40px;
	height: 90px;
	background: url(../images/phone.png) center center no-repeat;
	float: right;
}
/* nav */
#nav li {
	width: 25%;
	height: 110px;
	float: left;
	background: #004986;
	color: #fff;
	text-align: center;
	border-bottom: 1px #fff solid;
}
#nav li a {
	color: #fff;
	display: block;
	height: 100%;
	padding-top: 60px;
	border-right: 1px #fff solid;
	font-size: 1.5em;
	font-weight: bold;
}
#nav li .bno{ border:none;}

#nav li .icon1 {
	background: url(../images/icon1.png) center 20px no-repeat;
}
#nav li .icon2 {
	background: url(../images/icon2.png) center 20px no-repeat;
}
#nav li .icon3 {
	background: url(../images/icon3.png) center 20px no-repeat;
}
#nav li .icon4 {
	background: url(../images/icon4.png) center 20px no-repeat;
}
#nav li .icon5 {
	background: url(../images/icon5.png) center 20px no-repeat;
}
#nav li .icon6 {
	background: url(../images/icon6.png) center 20px no-repeat;
}
#nav li .icon7 {
	background: url(../images/icon7.png) center 20px no-repeat;
}
#nav li .icon8 {
	background: url(../images/icon8.png) center 20px no-repeat;
}

/*crumbs*/
#crumbs{ padding:10px 20px;}
.crumbs{line-height: 30px;height: 30px; background:url(../images/ic_home.png) left center no-repeat;padding-left:40px;color: #333; position:relative;}
.crumbs span{ padding:0 10px; font-family:"宋体";}
.crumbs a{ color: #333; font-size:1.2em;}
.crumbs .goback{ position:absolute;right:0px; top:0px; background:url(../images/ic_back.png) left center no-repeat;padding-left:30px;}
/*article*/
#article{ padding:20px;}
#article img{ margin:20px 0;}
#article h1{ text-align:center; font-size:2em; font-weight:normal; color:#004986; height:1em; line-height:1em;}
#article p{ text-indent:2em; line-height:1.8em; padding-top:10px;}
#article h2{ font-size:1.3em; color:#004986; border-bottom:1px solid #004986; line-height:1em; height:1.3em;}
#article h3{ font-size:1em; color:#333; text-align:center;}
#article h4{ font-size:1.2em; color:#b99918; padding-top:10px;}
/*article1*/
#article1{ padding:10px 0 0;}
#article1 img{ margin:20px 0;}
#article1 h1{ text-align:center; font-size:1.5em; font-weight:bold; color:#004986; height:1em; line-height:1em;}
#article1 p{ text-indent:2em; line-height:1.8em; padding-top:10px;}
#article1 h2{ font-size:1.3em; color:#004986; border-bottom:1px solid #004986; line-height:1em; height:1.3em;}
#article1 h3{ font-size:1em; color:#333; text-align:center;}
#article1 h4{ font-size:1.2em; color:#b99918; padding-top:10px;}

/* menu */
#menu{ padding-top:15px;}

#menu li {
	width: 25%;
	height: 110px;
	float: left;
	background: #b5b5b5;
	color: #fff;
	text-align: center;
	border-bottom: 8px #fff solid;
}
#menu li a {
	color: #fff;
	display: block;
	height: 100%;
	padding-top: 65px;
	border-right: 8px #fff solid;
	font-size: 1.2em;
}
#menu li:hover {
	background: #fabf00;
}
#menu li .bno{ border:none;}

#menu li .menu1 {
	background: url(../images/menu1.png) center 20px no-repeat;
}
#menu li .menu2 {
	background: url(../images/menu2.png) center 20px no-repeat;
}
#menu li .menu3 {
	background: url(../images/menu3.png) center 20px no-repeat;
}
#menu li .menu4 {
	background: url(../images/menu4.png) center 20px no-repeat;
}
#menu li .menu5 {
	background: url(../images/menu5.png) center 20px no-repeat;
}
#menu li .menu6 {
	background: url(../images/menu6.png) center 20px no-repeat;
}
#menu li .menu7 {
	background: url(../images/menu7.png) center 20px no-repeat;
}
#menu li .menu8 {
	background: url(../images/menu8.png) center 20px no-repeat;
}
/*tips*/
.tips{ border:1px dashed #c64b08; margin:10px;}
.tips_l{ float:left; width:10%; text-align:center; height: auto; line-height:1.5em; font-size:1.2em; font-weight:bold;background:#c64b08; color:#fff;}
.tips_r{ float:right;width:85%; line-height:1.5em; padding:5px;}
.bt_zx{ padding:20px; height:10%; text-align:center;}
.form_table{ padding:20px; text-align:center;}
.form_table table{ width:100%;}
.form_table th{ width:8%; font-size:1em;}
.form_table tr{ height:3em;}
.form_table td{ width:20%;}
.form_table td,.form_table th{height: 40px;}
.form_table th{color: #666;text-align: right;padding-right: 10px;font-weight: normal;}
.form_table .top{ vertical-align:top;}
.form_table td input.text{width:100%;height: 38px; line-height:38px;vertical-align:middle; border: 1px solid #dcdcdc;padding: 0 5px;outline: 0 none;}
.form_table textarea{ width:100%; border: 1px solid #dcdcdc; padding-right:10px;}
.boy{ width:15px; height:32px; padding:16px 8px; background:url(../images/boy.png) center center no-repeat; margin-right:10px;}
.girl{ width:15px; height:32px; padding:16px 8px; background:url(../images/girl.png) center center no-repeat;}
/*zj*/
.zj01{	width:50%;
	height:225px;
	margin: 0px auto;
	background-image: url(../images/zj01.jpg);
	background-position:20px 50%;
	background-repeat: no-repeat;
	padding:30px 0 20px 50%;
	font-size:0.9em;
	line-height:1.8em;
}
.zj01 h5{ line-height:2em; font-weight:normal; font-size:0.9em;
}
.zj01 h5 i{ padding-right:10px;}
/*key*/
.key li{ width:30%; float:left; height:3em; line-height:3em; text-align:center;	background: #f3e6bb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	 margin:5px;
}
.key li a{ display:block; width:100%; height:100%;}
/* m01 */
.m01_l{ width:50%; float:left;}
.m01_r{ width:45%; float:right; padding:15px 0 0 10px; text-align:left;}
#article1 .m01_r h3{ font-size:1.2em; font-weight:bold; text-align:left; color:#004986; line-height:1.5em;}
#article1 .m01_r div{  font-size:0.9em; line-height:1.5em;}

.m02{ padding:20px 0; text-align:center; line-height:2.2em; color:#666;}
#article1 .m02 h1{ color:#333;}

.m03{ padding:20px 0; text-align:left; line-height:2.2em; color:#666; }
#article1 .m03 h1{ color:#333; text-align:left;}
#article1 .m04{ padding:20px 0;}
#article1 .m04_l{ width:48%; float:left; background:#f1f1f0;}
#article1 .m04_r{ width:48%; float:right; background:#f1f1f0;}
#article1 .m04 p{ text-indent:0; color:#333; padding:5px 10px;}
#article1 .m04 img{ margin:0px;}
#article1 .m05{ margin:20px 0px; height:168px; padding-left:188px; background:url(../images/zylb02.jpg) left center no-repeat;}
#article1 .m05 h3{ text-align:left; color:#333; font-size:1.2em;}
#article1 .m05 p{ text-align:left; text-indent:0;color:#333; line-height:1.2em;}


#article1 .t04{text-align: center; margin-top:30px;}
#article1 .box01 h2{ display:inline; text-align:center; padding:5px 20px; border:1px solid #004986; color:#333;}
#article1 .box01 h2 i{color:#004986;}

#article1 .t05{text-align: center; margin-top:30px; margin-left:50%;}
#article1 .t05 .t05_1{background:url(../images/t05_1.png) left bottom no-repeat; padding-left:60px;}
#article1 .t05 .t05_2{background:url(../images/t05_2.png) left bottom no-repeat; padding-left:60px;}
#article1 .t05 .t05_3{background:url(../images/t05_3.png) left bottom no-repeat; padding-left:60px;}
#article1 .t05 .t05_4{background:url(../images/t05_4.png) left bottom no-repeat; padding-left:60px;}
#article1 .t05 .t05_5{background:url(../images/t05_5.png) left bottom no-repeat; padding-left:60px;}

#article1 .t05 h2{ display: inline-block; width:100%; text-align:left;color:#004986; border:none; padding:15px; position:relative; margin-left:-40%;}
#article1 .t05 h2 i{color:#333;font-size:0.7em; position:absolute; left:60px; bottom:-3px; display:block;}

#article1 .t06{text-align: center; margin:20px auto; margin-left:50%;}
#article1 .t06 .t06_1{background:url(../images/t05_1.png) left bottom no-repeat; padding-left:60px;}
#article1 .t06 .t06_2{background:url(../images/t05_2.png) left bottom no-repeat; padding-left:60px;}
#article1 .t06 h2{ display: inline-block; width:100%; text-align:left;color:#fabf00; border:none; padding:15px; position:relative; margin-left:-40%;}
.t06a{ text-align:center; font-size:1.2em; font-weight:bold; color:#004986; padding:15px 0;}

#article1 .key li{ background:#666; }
#article1 .key li a{color:#fff; }
#aaa{ padding-top:20px;}
#aaa h3{ background:url(../images/q.png) left center no-repeat; padding-left:40px; height:50px; line-height:50px; text-align:left; font-size:1.2em;}
#aaa .text{ background:url(../images/a.png) left top no-repeat; padding-left:40px; padding-bottom:20px; line-height:1.5em;}

/* 案例 */
.SH_box{width:100%;}
.SH_content{width:96.6%; margin:1.7%; float:left;}
.sh_blank{ height:20px; float:left; clear:left; width:100%;}
.case{height:auto; overflow:hidden; float:left; margin-bottom:3%;}
.case ul{height:auto; overflow:hidden; float:left;}
.case li{width:96%; height:auto; float:left; margin:2% 2%; }
.case .dot{width:57px; height:13px; margin:0 auto; padding:5px 0 0; clear:left;}
.case .dot a{width:13px; height:13px; float:left; margin:0 3px; display:block;}
.case .dot .a1{ background:url(../images/SH_dot1.png) no-repeat center top;}
.case .dot .a1:hover{ background:url(../images/SH_dotHover1.png) no-repeat center top;}
.case .dot .on{ background:url(../images/SH_dotHover1.png) no-repeat center top;}
/* 出诊专家 */
.czzj{height:auto; float:left;}
.czzj ul{height:auto; overflow:hidden; float:left;}
.czzj li{width:100%; height:auto; float:left; padding:5% 2%; }
.czzj li .zj{width:30%; height:auto; float:left; margin:0  4% 0  2% ;}
.czzj li .text{ width:50%;float:left;}
.czzj li .text b{ height:2em; line-height:2em; font-size:1.2em;padding-bottom:1%; width:100%; display:block; color:#333;}
#article1 .czzj li .text p{text-align:left; text-indent:0; padding:0;}
#article1 .czzj li img{padding:0; margin:0;}
.czzj li .text p span{ font-weight:bold;}
.czzj li .text a{background:#fdab00; border-radius:8px; color:#fff; font-weight:bold; display:block; text-align:center; margin-bottom:5px; float:left;}
.czzj li .text .a1{width:48%; margin-right:2%; border-radius:0.4rem;}
.czzj li .text .a2{width:48%; background:#004986; border-radius:0.4rem;}
.czzj .dot{width:57px; height:13px; margin:0 auto; padding:5px 0 15px; clear:left;}
.czzj .dot a{width:13px; height:13px; float:left; margin:0 3px; display:block;}
.czzj .dot .a1{ background:url(../images/SH_dot1.png) no-repeat center top;}
.czzj .dot .a1:hover{ background:url(../images/SH_dotHover1.png) no-repeat center top;}
.czzj .dot .on{ background:url(../images/SH_dotHover1.png) no-repeat center top;}
.article_zx{ background:#fdab00; border-radius:8px; line-height:4rem; font-size:1.5em; color:#fff; font-weight:bold; display:block; text-align:center; margin-bottom:5px}
/*footer*/
#footer{ text-align:center; padding:20px 0px;}
.flink{ height:2em; color:#666;}
.flink a{ padding:0 10px;}
.fphone{ color:#222;}

/*zx_bar*/
#zx_bar{ width:100%; position:fixed; z-index:9999px; bottom:0px; max-width:640px; }
#zx_bar li {
	width: 25%;
	height:4em;
	float: left;
	background: #004986;
	color: #fff;
	text-align: center;
}
#zx_bar li a {
	color: #fff;
	display: block;
	height: 33px;
	padding-top: 2.5em;
}
#zx_bar li .bl{	border-left: 1px #153e5f solid;
}
#zx_bar li .br{	border-right: 1px #467cac solid;
}
#zx_bar li .bno{ border:none;}

#zx_bar li .zx1 {
	background: url(../images/zx1.jpg) center 0.5em no-repeat;
	background-size:auto 34%;
}
#zx_bar li .zx2 {
	background: url(../images/zx2.jpg) center 0.5em no-repeat;
	background-size:auto 34%;
}
#zx_bar li .zx3 {
	background: url(../images/zx3.jpg) center 0.5em no-repeat;
	background-size:auto 34%;
}
#zx_bar li .zx4 {
	background: url(../images/zx4.jpg) center 0.5em no-repeat;
	background-size:auto 34%;
}













@media (max-width:479px) {
/* header */
#header {
	height: 60px;
	line-height: 60px;
	padding: 5px;
}
#header h2 {
	width: 280px;
	height: 60px;
	background-size:80%;
}
#header .home {
	width: 40px;
	height: 60px;
	background-size:80%;
}
#header .phone {
	width: 40px;
	height: 60px;
	background-size:80%;
}
/* nav */
#nav li {
	height: 90px;
}
#nav li a {
	font-size: 1em;
}
.crumbs a{ font-size:1em;}
/* footer */
#footer{ font-size:0.75em;}

/*list*/
.list01 li{ width:92%; margin-right:0; margin-bottom:20px;}

/*czzj*/
.czzj li .text b{ font-size:1em;}

#article1 h1{ font-size:1em;}
.form_table td input.text{width:80%;}
#article h2{ font-size:1em;}
.h3em{ height: auto; line-height:1.5em; padding:10px 0;}
.zj01{	background-position:20% center;font-size:0.8em;line-height:1.2em;}

}