@charset "utf-8";
/* CSS Document */
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
body>div{margin:0 auto}
a img {border:0}
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;text-decoration:none}
a:hover { color: #D40000; text-decoration: none}
*{margin:0px auto;padding:0px;font-family:"微软雅黑";}
img{border:0;}
.clear{ clear:both;}
.none{ margin-right:0px !important;}
.fl{ float:left;}
.bfb40{ width:48%;}
.bfb60{ width:52%;}



.tit{ width:96%; height:25px; margin:10px auto;}
.tit .titleft{ width:12%; line-height:25px; height:25px; float:left; font-size:18px; color:#078ea2; text-align:center; font-weight:bold;}
.tit .titmid{ width:70%; height:23px; background:url(../images/xian.jpg) no-repeat center bottom; margin:0px 1%; float:left;}
.tit .titright{ width:16%; line-height:25px; height:25px; background:#ffad01; float:left; text-align:center;}
.tit .titright a{ color:#000;}

.bzlm{ width:84%; height:auto; margin:0 auto;}
.bzlm img{ margin:2% 0px;}
.bzlm li{width:33.3%;height:49px;float:left;text-align:center;line-height:49px; display:block; background: #f3f3f3;box-sizing: border-box;border: 1px solid #fff}
.bzlm li a{display:block;  color:#FFFFFF;font-size:16px;    color: #717171;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px; }

/*专家开始*/
.zhuanjia{ width:90%; height:auto; margin:0 auto;}
.zhuanjia li{width:32%;height:auto;float:left; display:block; margin-right:2%;}
.zhuanjia li .dd1{/*width:48%;*/width:99%; height:24px; line-height:24px; float:left; text-align:center; margin-top:1%;}
.zhuanjia li .dd1 a{ color:#FFF; background:#078ea2; display:block; font-weight:bold;}
.zhuanjia li .dd2{width:48%; height:24px; line-height:24px; float:left; margin-left:4%; text-align:center; margin-top:1%;}
.zhuanjia li .dd2 a{ color:#000; background:#ffad01; display:block; font-weight:bold;}
/*专家结束*/
/*医院资质*/
.yyzz{ width:90%; height:auto; margin:0 auto;}
.yyzz img{ margin:2% 0px;}
.yyzz li{width:42%; height:auto; float:left; text-align:center; margin-bottom:2%; padding-left:6%; text-align:left; color:#FFF;}
.yyzz li.ppt1{ background:#078ea2;}
.yyzz li.ppt2{ background:#ff9000;margin-left:4%;}
.yyzz li.ppt3{ background:#2dbda4;}
.yyzz li.ppt4{ background:#10abc1;margin-left:4%;}
.yyzz li dt{ font-size:20px; font-weight:bold; line-height:32px; margin-top:5%;}
.yyzz li dd{ font-size:16px; font-weight:bold; line-height:24px; margin-bottom:5%; margin-top:2%;}
/*医院资质*/
/*自助挂号*/
.zzgh{ width:90%; height:auto; margin:0 auto;}
.cale{ width:96%; height:auto; margin:0 auto;}
.cale dl{ width:100%; float:left; margin-bottom:1%;}
.cale dt{ width:20%; height:30px; line-height:30px; float:left; font-size:16px; text-align:center; background:#078ea2; color:#FFF;}
.cale dd{ width:79%; height:28px; line-height:28px; float:left; border:1px #999 solid; color:#F00;}
.cale dd input{ width:95%;height:27px; line-height:27px; border:0px; color:#000;}
.cale dd textarea{ border:0px;}
.cale .my{height:auto;line-height:28px; border:0px;}
.cale .coolbg{display:block;border:1px solid #ccc; font-size:16px; color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; height:32px; line-height:32px; width:150px; background:#078ea2; float:left; margin-left:10%;}
.cale .coolpg{display:block;border:1px solid #ccc; font-size:16px; color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; height:30px; line-height:30px; width:150px; background:#078ea2; float:left; text-align:center; margin-left:18%;}
.cale .coolpg a{ color:#FFF;}
/*自助挂号*/
/*底部开始*/
.footer{width:100%; height:auto; padding-bottom:20px;}
.footer li{width:25%;height:auto;float:left; display:block; text-align:center; font-size:16px; line-height:48px; background:#078ea2;}
.footer li a{ color:#FFF;}
.footer p{ line-height:24px; font-size:14px; text-align:center;}
.footer img{ margin:8px 0px;}
@media (max-width:374px){
.tit .titleft{ font-size:14px; width:20%; height:24px; line-height:24px;}
.tit .titmid{ width:50%; height:20px; background:url(../images/xian.jpg) no-repeat center bottom; margin:0px 1%; float:left;}
.tit .titright{ width:28%; line-height:20px; height:20px; background:#ffad01; float:left; text-align:center; font-size:12px;}
.bzlm{ width:94%; height:auto; margin:0 auto;}
.bzlm li{height:44px;line-height:44px; }
.bzlm li a{font-size:12px;}
.zhuanjia{ width:94%;}
.zhuanjia li .dd1{width:100%; }
.zhuanjia li .dd2{width:100%; margin-left:0px; margin-top:5px;}
.zhuanjia li .dd1 a, .zhuanjia li .dd2 a{ font-weight:normal;}
.yyzz{ width:94%;}
.yyzz li{ width:46%; padding-left:2%;}
.yyzz li dt{ font-size:16px;}
.yyzz li dd{ font-size:12px;}
/*.zzgh{ width:94%;}
.cale dt{ width:28%; font-size:14px;}
.cale dd{ width:71%;}
.cale dd input{ width:92%;}
.cale .coolpg{ width:100px; margin-left:12%;}
.cale .coolbg{ width:100px;}*/
}
@media (min-width:375px) and (max-width:400px){
.tit .titleft{ font-size:14px; width:20%; height:24px; line-height:24px;}
.tit .titmid{ width:50%; height:20px; background:url(../images/xian.jpg) no-repeat center bottom; margin:0px 1%; float:left;}
.tit .titright{ width:28%; line-height:20px; height:20px; background:#ffad01; float:left; text-align:center; font-size:12px;}
.bzlm{ width:94%; height:auto; margin:0 auto;}
.bzlm li{height:44px;line-height:44px; }
.bzlm li a{font-size:12px;}
.zhuanjia{ width:94%;}
.zhuanjia li .dd1{width:100%; }
.zhuanjia li .dd2{width:100%; margin-left:0px; margin-top:5px;}
.zhuanjia li .dd1 a, .zhuanjia li .dd2 a{ font-weight:normal;}
.yyzz{ width:94%;}
.yyzz li{ width:43%; padding-left:5%;}
.yyzz li dt{ font-size:16px;}
.yyzz li dd{ font-size:12px;}
/*.zzgh{ width:94%;}
.cale dt{ width:28%; font-size:14px;}
.cale dd{ width:71%;}
.cale dd input{ width:92%;}
.cale .coolpg{ width:100px; margin-left:12%;}
.cale .coolbg{ width:100px;}*/
}
@media (min-width:401px) and (max-width:420px){
.tit .titleft{ font-size:14px; width:20%; height:24px; line-height:24px;}
.tit .titmid{ width:50%; height:20px; background:url(../images/xian.jpg) no-repeat center bottom; margin:0px 1%; float:left;}
.tit .titright{ width:28%; line-height:20px; height:20px; background:#ffad01; float:left; text-align:center; font-size:12px;}
.bzlm{ width:94%; height:auto; margin:0 auto;}
.bzlm li{height:44px;line-height:44px; }
.bzlm li a{font-size:12px;}
.zhuanjia{ width:94%;}
.zhuanjia li .dd1{width:100%; }
.zhuanjia li .dd2{width:100%; margin-left:0px; margin-top:5px;}
.zhuanjia li .dd1 a, .zhuanjia li .dd2 a{ font-weight:normal;}
.yyzz{ width:94%;}
.yyzz li{ width:40%; padding-left:8%;}
.yyzz li dt{ font-size:16px;}
.yyzz li dd{ font-size:12px;}
.zzgh{ width:94%;}
.cale dt{ width:28%; font-size:14px;}
.cale dd{ width:71%;}
.cale dd input{ width:92%;}
.cale .coolpg{ width:100px; margin-left:12%;}
.cale .coolbg{ width:100px;}
}


@media screen and (max-width:640px){.zjtd .box{font-size:100%}}

@media screen and (max-width:600px){.zjtd .box{font-size:93%}}

@media screen and (max-width:550px){.zjtd .box{font-size:85%}}

@media screen and (max-width:500px){.zjtd .box{font-size:78%}}

@media screen and (max-width:420px){.zjtd .box{font-size:65%}}

@media screen and (max-width:375px){.zjtd .box{font-size:58%}}

@media screen and (max-width:360px){.zjtd .box{font-size:56%}}

@media screen and (max-width:320px){.zjtd .box{font-size:50%}}
.zjtd{ width:100%; }
.zjtd .box{ height:100%; overflow:hidden; background:url(../images/bj.jpg) right top no-repeat; width:100%}	
.zjtd 	.pic{  width:30%; padding:10px;float:left}
.zjtd 	.txt{  width:63%; float:right;}	
.zjtd 	.txt p{ display:block; }	

.zjtd 	.txt .t1 span{ font-size:2.3em;line-height:2.4em;  float:left; width:25%; padding-right:10px;}	
.zjtd 	.txt .t1 i{ font-style:normal; font-size:1.6em; float:left; padding-top:5px; width:60%}
.zjtd 	.txt .t2{  clear:both; padding-top:5px;}
.zjtd 	.txt .t2 span{ background:#DF1183; color:#fff; line-height:1.8em; font-size:1.8em; padding:5px 10px;}
.zjtd 	.txt .t3{ line-height:2.5em; font-size:1.6em; }
.zjtd 	.txt .t4{font-size:1.4em; height:2.0em;}
.zjtd 	.txt .t4 .a1{ background:#FDA009; color:#fff; padding:4px 15px;}
.zjtd 	.txt .t4 .a2{ background:#DD127D; color:#fff; padding:4px 15px;}
.zjtd 	.txt .t4 a{ margin-right:20px;}
.zjtd .shanc{ clear:both; line-height:1.6em; padding: 0 10px 10px 10px; }
.zjtd .shanc a{ color:#F00}
.zjtd .hd {width:100%;height:11px; clear:both;text-align:center;}
.zjtd .hd ul {display:inline-block;height:8px;padding:3px 5px;	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:0;vertical-align:top;}
.zjtd .hd ul li {display:inline-block;width:8px;height:8px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#737c83;margin:0 5px;vertical-align:top;overflow:hidden;}
.zjtd .hd ul .on {background:#078EA2;}

/***********5月1日新添加板块***********/

.yousi {   width:90%;   height: auto;    overflow: hidden;   margin: 0 auto;   margin-bottom: 2%;}
.yousi ul li {   margin-top: 18px;    float: left;  margin-right:2%;  width:31%;    height: 169px;    position: relative;}

.yousi ul li:nth-child(3n){margin-right:0px;}
.yousi ul li:nth-child(1) .nr{background:#ff469f; color: #fff;}
.yousi ul li:nth-child(2) .nr{background:#48a9f8; color: #fff;}
.yousi ul li:nth-child(3) .nr{background:#1faf67; color: #fff;}
.yousi ul li:nth-child(4) .nr{background:#ff7a00;}
.yousi ul li:nth-child(5) .nr{background:#7d51e6;}
.yousi ul li:nth-child(6) .nr{background:#fe0000;}

.yousi ul li span{ width:51px; color:#ff469f; height:51px; background:#fff; position:absolute; border-radius:51px; text-align:center; border:1px solid #ff469f; font-size:24px; line-height:51px; left: 36%;font-weight:bold;}
.yousi ul li .nr{ width:100%; height:128px; border:1px solid #dedede; margin-top:26px;}
.yousi ul li a{background:#fff;color:#ff469f; border:1px solid #ff469f; float:left;  border-radius:2px; text-align:center; position:absolute; bottom:3px; left: 17%; padding: 3%;}
.yousi ul li:nth-child(2) span{color:#48a9f8; border:1px solid #48a9f8;}
.yousi ul li:nth-child(2) a{color:#48a9f8; border:1px solid #48a9f8;}
.yousi ul li:nth-child(3) span{color:#1faf67; border:1px solid #1faf67;}
.yousi ul li:nth-child(3) a{color:#1faf67; border:1px solid #1faf67;}
.yousi ul li:nth-child(4) span{color:#ff7a00; border:1px solid #ff7a00;}
.yousi ul li:nth-child(4) a{color:#ff7a00; border:1px solid #ff7a00;}
.yousi ul li:nth-child(5) span{color:#7d51e6; border:1px solid #7d51e6;}
.yousi ul li:nth-child(5) a{color:#7d51e6; border:1px solid #7d51e6;}
.yousi ul li:nth-child(6) span{color:#fe0000; border:1px solid #fe0000;}
.yousi ul li:nth-child(6) a{color:#fe0000; border:1px solid #fe0000;}

.yousi ul li .nr p{line-height:23px; color:#fff; text-align:center;  margin-left:2%;}
.yousi ul li .nr p{margin-top:30%;}
.yousi ul li .nr p.sheng{margin-top:18%;}
.yousi ul li .nr p.sheng1{margin-top:22%;}

@media screen and (max-width:320px){
	.yousi ul li {margin-right:3%; width:48%;}
	.yousi ul li:nth-child(2n){margin-right:0px;}
	.yousi ul li a{padding:2%; padding: 2%; left: 18%;}
	.yousi ul li:nth-child(3) a{padding:2%; padding: 2%; left:8%;}
	.yousi ul li:nth-child(6) a{padding:2%; padding: 2%; left:13%;}
	.yousi ul li span{ width:40px; height:40px; font-size:1.2rem; line-height:40px; left:37%;top: 3%;}
	.yousi ul li .nr p{ font-size: 0.8rem;  color:#fff; text-align:center;  margin-left:2%;}	
	.yousi ul li .nr p{margin-top:30%;}
	.yousi ul li .nr p.sheng{margin-top:18%;}
}




@media screen and (max-width:500px){
	
	.yousi ul li {margin-right:3%; width:48%;}
	.yousi ul li:nth-child(2n){margin-right:0px;}
	.yousi ul li:nth-child(3n){margin-right:3%;}
	.yousi ul li:nth-child(6){margin-right:0px;}
	.yousi ul li a{padding:2%; padding: 2%; left:24%;}
	.yousi ul li:nth-child(3) a{padding:2%; padding: 2%; left:18%;}
	.yousi ul li:nth-child(6) a{padding:2%; padding: 2%; left:23%;}
	.yousi ul li span{ width:50px; height:50px; font-size:1.5rem; line-height:50px; left:37%;top: 3%;}
	.yousi ul li .nr p{ line-height:23px; color:#fff; text-align:center;font-size: 0.8rem; color:#fff; text-align:center;  margin-left:2%;}
	.yousi ul li .nr p{margin-top:25%;}
	.yousi ul li .nr p.sheng{margin-top:15%;}
	.yousi ul li .nr p.sheng1{margin-top:21%;}
}

@media screen and (max-width:550px){
	
	.yousi ul li:nth-child(3) a{left: 12%;}
}


@media screen and (max-width:420px){
	.yousi ul li {margin-right:3%; width:48%;}
	.yousi ul li:nth-child(2n){margin-right:0px;}
	.yousi ul li:nth-child(3n){margin-right:3%;}
	.yousi ul li:nth-child(6){margin-right:0px;}
	.yousi ul li a{padding:2%; padding: 2%; left:21%;}
	.yousi ul li:nth-child(3) a{padding:2%; padding: 2%; left:13%;}
	.yousi ul li:nth-child(6) a{padding:2%; padding: 2%; left:18%;}
	.yousi ul li span{ width:50px; height:50px; font-size:1.5rem; line-height:50px; left:37%;top: 3%;}
	.yousi ul li .nr p{line-height:23px; color:#fff; text-align:center;font-size: 0.8rem; margin-left:2%;}
	.yousi ul li .nr p{margin-top:31%;}
	.yousi ul li .nr p.sheng{margin-top:20%;}
	.yousi ul li .nr p.sheng1{margin-top:26%;}
	}

@media screen and (max-width:360px){
	
	.yousi ul li {margin-right:3%; width:48%;}
	.yousi ul li:nth-child(2n){margin-right:0px;}
	.yousi ul li:nth-child(3n){margin-right:3%;}
	.yousi ul li:nth-child(6){margin-right:0px;}
	.yousi ul li a{padding:2%; padding: 2%; left:21%;}
	.yousi ul li:nth-child(3) a{padding:2%; padding: 2%; left:13%;}
	.yousi ul li:nth-child(6) a{padding:2%; padding: 2%; left:18%;}
	.yousi ul li span{ width:50px; height:50px; font-size:1.5rem; line-height:50px; left:37%;top: 3%;}
	.yousi ul li .nr p{ line-height:23px; color:#fff; text-align:center;font-size: 0.8rem; color:#fff; text-align:center;  margin-left:2%;}
	.yousi ul li .nr p{margin-top:34%;}
	.yousi ul li .nr p.sheng{margin-top:20%;}
	.yousi ul li .nr p.sheng1{margin-top:24%;}
}