@charset "gb2312";
/* CSS Document */
html, body { height: 100%; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0 }
ul, ol { list-style: none }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }
a { text-decoration: none; }
h2, h3, h4 { font-family: "Microsoft YaHei"; }
html{ font-size:125%;}
body {  font-size:24px; font:1.2em/1.7 "microsoft yahei", "Tahoma", \5b8b\4f53, Arial;color: #444; }
.wp {min-width: 320px; max-width: 640px; margin: 0 auto; }
.z{ float:left;}
.y{ float:right;}
.red{ color:red;}
.tr{ text-align:right;}
img{ border:none; border:0;}
.yello{ color:#fff2ac;}
.kfs{ color:#b46f19;}
.h{ color:#444444;}
.color_l{ color:#666666;}
.red{ color:#ff0000;}

.head{text-align:center;}
.head .top{ height:1.8rem; overflow:hidden; background:#4e4033;  line-height:2.1rem;}
.head .top .sz{ width:1rem;}
.head .top p{font-size:1rem; color:#908376; width:100%;height:2.1rem;}
.logo{ height:6.60rem; background:#de944c; padding-top:1.15rem;color:#fff2ac;}
.logo .logo1{  height:3.85rem; display:block;}
.logo .logo1 img{ height:100%; width:auto;}
/*nav*/
.nav{ height:2.75rem; background:#b46f19; border-top:1px solid #eaa460;}
.nav ul{width: 100%; height:2.75rem; line-height:2.75rem;  min-width: 320px; max-width: 640px; margin: 0 auto;}
.nav ul li{ width:20%; background:url(../images/nav_s_07.jpg) right repeat-y;height:2.75rem; line-height:2.75rem; font-size: 1.6rem; text-align:center; float:left;}
.nav ul span{ background:url(../images/nav_s_07.jpg) left repeat-y; width:100%;height:2.75rem; display:block;}
.nav ul li a{ color:#FFF;}
.fl {
    float: left;
}

.fr {
    float: right;
}
.main{
	margin:0 auto;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.container {
    min-width: 320px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}
.gutter{
	margin: 2%;
}
.red{
	color: #d9233c;
}
.pink{
	color:#d44343 !important;
}
/*清楚浮动*/
.clearfix:after {content:""; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { *zoom:1; }
/*content*/
.tel{
	margin: 2% 0;
}
.title{

}
.title h3{
	color: #fff;
	font-size: 20px;
	font-family: "microsoft yahei";
	line-height: 43px;
	text-align: center;
	background: #de944c;
}
.intro p{
	color: #505050;
	font-size: 15px;
	text-indent: 30px;
	padding: 2%;
	line-height: 30px;
}
.qst{
	margin:3% 0 5% 0;
	text-align: center;

}
.qst p a{
	display: inline-block;
    color: #fff;
    background-color: #de411a;
    padding: 1% 2%;
    border-radius: 20px;
    font-size: 15px;
    font-family: "microsoft yahei";
}
.content03 h3{
	background-color: #fff;
	color: #b46f19;
}
.content03 h4{
	background-color: #b46f19;
	color: #fff;
	width: 320px;
	line-height: 30px;
	font-size: 15px;
	font-family: "宋体";
	text-indent: 10px;
}
.tw{
	padding-left: 10%;
}
.tw img{
	margin-right: 20px;
}
.tw p{
	font-size: 15px;
	color: #505050;
	line-height: 24px;
}
.tb{
	padding:5% 0; 
}
.tb table td{
	border: 1px solid #ffffff;
	text-align: center;
	font-size:15px;
	color: #505050;
	line-height: 3;
}


.ysjj{
	margin:4% auto 2% auto; 
	width: 30%;
	font-size: 15px;
	font-family: "microsoft yahei";
	color: #ffffff;
	padding: 1%;
	background-color: #e8516a;
}
.ysxx{
	padding-left: 10%;
	padding-right: 10%;
	color: #646464;
	text-align: left;
	font-size: 13px;
	font-family: "microsoft yahei";
	line-height: 2;
}
.ysxx p:first-child {
	text-align: center;
}
.ysyy{
	margin-top: 2%;
	margin-bottom: 3%;
}
.sp1{
	display: inline-block;
	padding: 2%;
	background-color: #f37420;
	color: #ffffff;
	margin-right: 5%;
	font-size: 15px;
	font-family: "microsoft yahei";
	margin-top: 1%;
}
.sp2{
	display: inline-block;
	padding: 2%;
	background-color: #fecb0f;
	color: #d44343;
	font-size: 15px;
	font-family: "microsoft yahei";
	margin-top: 1%;
}
/*.wenti img{
	padding: 5% 0;
}*/
.wenti {
	padding-top: 5%;
	padding-left: 5%;
	background: url(../images/wh.jpg) no-repeat;
	background-position: 40% 200%;
}
.wenti .ulr{
	margin-left: 20%;
}
.wenti li{
	/*width: 40%;*/
	margin: 0 auto;
	font-size: 15px;
	line-height: 3;
	font-family: "microsoft yahei";
	border-bottom:1px dotted #646464;
	color: #646464;
}
.wenti li a{
	color: #646464;
}
.w40{
	width: 40%;
}
.doc1{
	margin: 2% 0;
	background-color: #ededed;
}
.doc2{
	margin-bottom: 3%;
	background-color: #ededed;
}
.doc img{
	width: 42%;
}
.docinfo{
	text-align: center;
	/*background-color: blue;*/
	width: 58%
}
.ysjj{
	margin:4% auto 2% auto; 
	width: 25%;
	font-size: 15px;
	font-family: "microsoft yahei";
	color: #ffffff;
	padding: 1%;
	background-color: #b46f19;
}
.ysxx{
	padding-left: 10%;
	padding-right: 10%;
	color: #646464;
	text-align: left;
	font-size: 13px;
	font-family: "microsoft yahei";
	line-height: 2;
}
.ysxx p:first-child {
	text-align: center;
}

/*header区移动端适应*/
/*医生专家简介部分移动端适应*/
@media screen and (max-width: 420px) { 
	.doc img{
		margin-top: 2%;
	}
  .docinfo p{
	line-height: 1.5;
  }
    .ysjj{
  	width: 35%;
  }
}
@media screen and (max-width: 345px) {
  .doc img {
    float: none;
    margin:0 auto;
    width: 63%;
  }
  .ysjj{
  	width: 35%;
  }
  .ysxx{
  	padding-left: 2%;
  }
  .docinfo{
	float: none;
	margin:0 auto;
	width: 85%;
	padding-bottom: 5%;
  }
}


/*wenti框适应*/
@media screen and (max-width: 595px) {

.wenti .ulr{
	margin-left: 15%;
}
}

@media screen and (max-width: 560px) {

.wenti .ulr{
	margin-left: 13%;
}
}

@media screen and (max-width: 545px) {

.wenti .ulr{
	margin-left: 12%;
}
}

@media screen and (max-width: 530px) {

.wenti {
	padding-top: 2%;
	padding-left: 2%;
	background: url(../images/wh.jpg) no-repeat;
	background-position: left 50%;
}
.wenti .ull{
	float: none;
	margin-left: 25%;
}
.wenti .ulr{
	float: none;
	margin-left: 25%;
}
.wenti li{
	margin: 0 auto;
	margin-top: 2%;
	font-size: 14px;
	line-height: 2;
	font-family: "microsoft yahei";
	border-bottom:1px dotted #646464;
	color: #646464;
}
}

@media only screen and (min-width: 640px){
.wp { max-width: 640px; }
}
@media only screen and (max-width: 600px) {
.wp { max-width: 600px; }
html { font-size:100%;}
}
@media only screen and (max-width: 480px) {
.wp { max-width: 480px; }
html { font-size:75%;}
}
@media only screen and (max-width: 360px) {
.wp { max-width: 360px; }
html { font-size:62.5%;}
#tab-box .bd .big-img{ width:105px; height:auto;}
}
.wp{
    overflow: hidden;
}
@media only screen and (max-width: 588px) {
.p3{
	padding-left: 2%;
}
}
@media only screen and (max-width: 544px) {
.p2 img,.p3 img{
	float: none;
	margin: 10px auto;
}
.p2,.p3{
	text-align: center;
}
}
@media only screen and (max-width: 446px) {
.p1 img{
	float: none;
	margin: 10px auto;
}
.p1{
	text-align: center;
}
}