@charset "utf-8";
/* CSS Document */



.banner{max-width: 580px;text-align: center; margin: 0 auto; }
.banner img{ max-width: 100%; margin:10px 0 0 0; border: none}
/* banner end */
.bzjj{width:100%; margin:10px auto 0 auto;}
.bzjj p{line-height:2em; float:left; text-indent:2em}

.ydy{ height:48px; line-height:48px; max-width:580px; margin:auto; font-size:16px; background:#f4f4f4; text-align:center; margin-bottom:20px; margin-top:20px;}
.btn{ margin:auto; max-width:580px;}
.btn a{ display:block;}
.btn a.l{ width:33%;}
.btn a.l img{ width:100%; max-width:180px;}
.btn a.r{ width:66%;text-align:right;}
.btn a.r img{ width:100%; max-width:360px;}

/*.title{ height:60px; line-height:60px; background:#f02c80; color:#FFF; font-size:24px; margin:10px 0; text-align:center;}*/
.title a{ color:#FFF;font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.jj2{ margin-top:0;}
.d-box{ margin-bottom:20px;}
.disease{ width:20%;height:130px; line-height:31px; padding-top:30px; text-align:center; color:#FFF; font-size:25px;  }
.disease img{ width:100%; max-width:120px;}
.dis-list{ width:78%; height:100px; }
.dis-list a{ width:24%; margin-left:1%; display:block; float:left;height:48px; line-height:48px; text-align:center; color:#545454; margin-bottom:4px; background:#e9f5e0;font-size:1.2em;}

.dis-list a.big{ width:49%;}

.sbj01{ background:#16b29a;}
.sbj02 a{ background:#d0f0eb;}
.sbj03{ background:#d65076;}
.sbj04 a{ background:#f7dce4;}
.sbj05{ background:#23b1c7;}
.sbj06 a{ background:#d3eff4;}
.sbj07{ background:url(../images/l1.png) no-repeat center}
.sbj08 a{ background:#fee4cd;}



.btnll{ display:block; height:3em; line-height:3em; color:#FFF; text-align:center; margin:10px 0 10px 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px; background:#ffa130; font-size:120%;}

.btnll a{color:#FFF;}


.btnllt{ height:50px; line-height:25px; padding:15px 15px;text-indent:2em; max-width:580px; margin:auto; font-size:16px; background:#f4f4f4;  margin-bottom:20px; margin-top:20px;}


.ren{ width:100%; margin:10px auto;}
.reni{ width:100%;margin:0 auto;}
.reni ul{ width:580px; margin:0 auto}
.reni ul li{ width:580px; float:left; margin-bottom:10px}
.reni ul li img{ width:280px;width:100%; max-width:273px; float:left}
.reni ul li h1{width:280px; padding-left:20px;  font-size:20px; line-height:25px; float:left; color:#5b9dde}
.reni ul li p{ width:280px; padding-left:20px;  font-size:15px; line-height:22px; padding-top:10px;float:left; text-indent:2em}


.ren2{ width:100%; margin:10px auto;}
.reni2{ width:100%;margin:0 auto;}
.reni2 ul{ width:580px; margin:0 auto}
.reni2 ul li{ width:580px; float:left; margin-bottom:10px}
.reni2 ul li img{ width:280px;width:100%; max-width:273px; float:right}
.reni2 ul li h1{width:280px;  padding-right:20px; font-size:20px; line-height:25px; float:left; color:#5b9dde}
.reni2 ul li p{ width:280px; padding-right:20px;  font-size:15px; line-height:22px; padding-top:10px;float:left; text-indent:2em}


.rong{ width:100%; margin:10px auto;}
.rongi{ width:100%;margin:0 auto;}
.rongi ul{ width:580px;margin:0 auto}
.rongi ul li{ width:290px; float:left; margin-bottom:10px}


.rongi ul li  div.renimg{ text-align:center}
.rongi ul li img{ width:273px;width:100%; max-width:273px;}
.rongi ul li h1{width:290px; font-size:16px; line-height:25px; text-align:center;color:#5b9dde; padding-top:10px; height:50px;}


.do-pic{ width:20%; max-width:220px; margin-right:3%; float:left; }
.do-pic img{ width:100%; margin-top:10px}
.do-con{  float:left; width:77%; }

@media screen and (min-width:641px)and (max-width:992px){.do-pic{ width:30%; margin-right:3%; }.do-con{  width:67%; }}

.do-con h2{ font-size:1.5em; height:40px; line-height:40px; /*color:#f02c80;*/ color:#5b9dde;}

.do-con h3{ font-size:1.2em; height:40px; line-height:40px; /*color:#f02c80;*/ color:#000;}
.do-con h2 span{ /*font-size:0.6em;*/ padding-left:30px;}
.do-con p{ line-height:2em; font-size:1em;}
.do-con p span{ color:#5b9dde}
.do-con p a{ color:#5b9dde;}
.zx-btn a,.adress a{ display:inline-block; width:48%; height:40px; line-height:40px; color:#FFF; text-align:center; background:#ffa130; margin-top:10px;}
.zx-btn a.wyyy,.adress a.mfdh{ margin-left:4%; /*background:#ff8a40;*/}


.guan{ width:100%; margin:10px auto; }
.guan ul{ width:100%}
.guan ul li{ width:100%; border-bottom:1px #096 dashed;margin-bottom:20px; float:left}
.guan ul li h1{ font-size:18px; float:left; width:100%; height:30px;}
.guan ul li p{ text-indent:2em; float:left; width:100%; line-height:25px;}

/*关于华北样式*/
.intro{ padding:20px 2%; width:96%; line-height:1.5em;}
.intro span{ color:#f02c80;}
.instrument,.envir{ width:100%; text-align:center; margin:auto;}
.instrument img{ width:100%;max-width:380px;}
.envir img{ width:100%; max-width:543px;}
.doc-box ul li{ float:left; width:33%; text-align:center;}
.doc-box ul li img{ width:100%; max-width:78px; border:1px #d6d6d6 solid;text-align:center;}
.doc-box ul li p{ width:100%;line-height:1.5em; font-size:0.8em;text-align:center;}
.doc-box ul li p span{width:100%; font-weight:bold;text-align:center;}
.doc-box ul li h5{ font-size:0.8em; line-height:1.5em;}
/*医院地址*/
.ico-box ul li{border-bottom:1px #d6d6d6 solid; padding-bottom:20px; margin-top:20px; padding-left:2%;}
.icon{ width:16%; max-width:86px;}
.icon img{ width:100%; max-width:80px;}
.ic-cont{ width:80%; padding-left:2%;}
.ic-cont h3{ font-size:1.5em; line-height:2em;}
.ic-cont p{ line-height:1.5em;}

.title{ height:42px; line-height:42px; background:#eeeeee; border-bottom:1px #d2d2d2 solid;color:#585858; /*font-weight:bold;*/ font-size:20px; margin:20px 0; text-align:center;}