@charset "gb2312";
/* CSS Document */
/*-------------------公共样式开始---------------------*/
html{ font-size:10px;}
@media screen and (min-width:320px) {html{ font-size:10px;}}
@media screen and (min-width:360px) {html{ font-size:11px;}}
@media screen and (min-width:414px) {html{ font-size:11.5px;}}
@media screen and (min-width:500px) {html{ font-size:13px;}}
*{margin: 0px;border: 0px;padding: 0px;}
body { max-width:640px; min-width:320px; margin:0 auto; background-color:#fff; }
body * { color:#666; font-family: "Microsoft YaHei"; line-height:2.4rem;}
p,dl,dt,dd,li,div,section,nav { font-size:1.45rem; color:#666; }
ul li,ol li { list-style: none; }
p { text-align:justify; text-justify:inter-word; }
img { vertical-align:middle; border:0; outline:0; max-width:100%;}
.fl,.fls { float: left; }
.fr,.frs { float: right; }
.ov { overflow: hidden; }
.w_pad { padding:10px; }
a { text-decoration: none; color:#fff;  -webkit-tap-highlight-color:rgba(255,0,0,0);}
input { -webkit-appearance:none; border-radius:0; border:0; outline:none; }
.clearfix { *zoom:1;}
.clearfix:after { content:''; display:table; clear:both;}
textarea { resize:none; }
/*-------------------公共样式结束---------------------*/

/*--- btn S ---*/ 
.btn { overflow:hidden; margin:1.6rem auto 0; width:80%;}
.btn a{ display:block; border-radius:0; width:48%; font-weight:100; padding:3% 0; text-align:center;}
.btn a img { display:inline-block; width:30%; margin-top:-.2rem; margin-right:.4rem; vertical-align:middle;}
.btn a:nth-of-type(1){ background-color:#dc3434;}
.btn a:nth-of-type(2){ background-color:#ff7900;}
.oneBtn { display:block; margin:1.2rem auto 0; width:90%; color:#FFF; background:#f38100; font-weight:100; padding:2.5% 0; border-radius:.3rem; text-align:center; }
.oneBtn img { display:inline-block; width:2rem; margin-top:-2px; margin-right:.4rem;}
/*两个按钮交换的背景色*/
.btn_change a.on { background:#ccc;}
/*两个按钮同时闪动效果样式*/
.btn_same a.on {opacity:.8;}
/*两个按钮图片闪动*/
.btn_pic a img.on{ opacity:.8; }
/*单个按钮字体变颜色*/
.one_color { color:#333;}
/*单个按钮背景变颜色*/
.one_bgc { background:#333;}
@media screen and (min-width:320px) { .btn a,.oneBtn { font-size:1.4rem; } }
@media screen and (min-width:360px) { .btn a,.oneBtn { font-size:1.5rem; } }
@media screen and (min-width:414px) { .btn a,.oneBtn { font-size:1.6rem; } }
@media screen and (min-width:500px) { .btn a,.oneBtn { font-size:1.7rem; } }
/* CSS Document */

/* index */
#top {background:#FFF; }
#top #xx { overflow:hidden; width:100%;   background:#FFF; }
#top #xx #logo { width:100%; float:left; text-align:center; }
#top #xx #logo img { width:90%; }
#top #xx #dh { width:0; float:left; text-align:center;} 
#top #xx #dh img { width:55%; }

/*nav*/
.nav { background:#630b19;  overflow: hidden;}
.nav ul { overflow:hidden; padding:1rem 0; }
.nav ul li { width:16.66%; float:left;}
.nav ul li a { display:block;  text-align:center; font-size:1.6rem; line-height:1.6rem; color:#FFF;}
.nav ul li a span{color:#630b19; display: inline-block; line-height: 1.6rem; float: right;}
.nav ul li:last-of-type a { border-right:0;}

/*banner*/
.banner { position:relative;}
.banner .hd{ position:absolute; right:0; bottom:1rem; z-index:9;margin-top: 14px; height: 14px; line-height: 14px; }
.banner .hd ul { height: 14px; line-height: 14px; text-align: center; }
.banner .hd ul li { vertical-align: top; margin: 0 3px; display:inline-block; width: 14px; height: 14px; line-height: 14px; border-radius: 14px; font-size: 0; background: #ccc; }
.banner .hd ul li.on { background: #630b19; }
.mianNav { overflow:hidden; }
.mianNav li { width:23.5%; margin-right:2%; float:left; text-align:center; margin-bottom:2%;}
.mianNav li:nth-child(4n) { margin-right:0;}
.mianNav li a { display:block; background:#FFF; border:1px solid #e3e3e3; padding:.8rem 0;} 
.mianNav li img { width:55%; display:block; margin:0 auto;}
.mianNav li span { display:block; font-size:1.5rem; line-height:1.5rem;margin-top:.6rem;}
.mianNav li:nth-child(5),.mianNav li:nth-child(6),.mianNav li:nth-child(7),.mianNav li:nth-child(8){margin-bottom: 0;}
/**m1医院新闻**/
.m1{padding-top:0;}
.m1 .m1nr{ overflow: hidden;}
.m1 .le{width:50%;float:left}
.m1 .le p.p1{ height: 5rem;background:#b98958; text-align: center;color:#fff; border:2px solid #fff;}
.m1 .le p.p1 b{font-size:2rem;color:#fff; line-height: 2.4rem;padding-top:0.5rem; display: block;}
.m1 .le p.p1 span{ display: block;color:#fff;height: 1.5rem;font-size:1.2rem; line-height: 1.5rem;}
.m1 .le .pic{ position: relative;border:2px solid #fff;}
.m1 .le .pic a img{width:100%;display: block; margin: 0 auto;} 
.m1 .le .pic p{ position: absolute;bottom:0;left:0; background: rgba(0,0,0,0.8);color:#fff;font-size:1.3rem; line-height: 1.8rem;padding:0.5rem; text-align: center;}
.m1 .ri{width:50%;float:right;}
.m1 .ri .pic{ position: relative;border:2px solid #fff;}
.m1 .ri .pic a img{width:100%;display: block; margin: 0 auto;} 
.m1 .ri .pic p{ position: absolute;bottom:0;left:0; background: rgba(0,0,0,0.8);color:#fff;font-size:1.3rem; line-height: 1.8rem;padding:0.5rem; text-align: center;}
.m1 .ul1 {overflow: hidden; margin-top:1.2rem;width:100%;}
.m1 .ul1 li{border-bottom:1px solid #dcdcdc;}
.m1 .ul1 a{color:#333; display: inline-block; line-height: 3.6rem;width:100%;}
.m1 .ul1 span{display: inline-block;width:20px; height: 20px; background: #86061b; color:#fff; line-height: 20px; text-align: center;font-size:1.6rem;margin-right:0.5rem;} 
.m1 .ul1 b{font-weight: normal;float:right; line-height: 3.6rem; color: #b98958;}
.m1 .ul1 li:last-child{border-bottom:0;}
/**m2全国名医**/
.m2{padding-top:0;}
.m2 #focus{margin-top:1.6rem; position: relative;margin-bottom: 4rem;}
.m2 #focus .bd a img{ display: block; width: 100%; margin: 0 auto;}
.m2 #focus .bd li{ position: relative;}
.m2 #focus .bd li span{display: block;background:rgba(0,0,0,0.8); position: absolute; left: 0; bottom: 0;padding: 0.5rem 0; width: 100%; text-align: center;color: #fff;font-size:1.4rem} 
.m2 #focus .hd{ position:absolute; left: 50%; bottom:-2rem; z-index:9;margin-top: 14px; height: 14px; line-height: 14px; margin-left:-65px;}
.m2 #focus .hd ul { height: 14px; line-height: 14px; text-align: center; }
.m2 #focus .hd ul li { vertical-align: top; margin: 0 3px; display:inline-block; width: 14px; height: 14px; line-height: 14px; border-radius: 14px; font-size: 0; background: #ccc; }
.m2 #focus .hd ul li.on { background: #630b19; }
.m2 .zhhy a img{width:100%;margin:0 auto; display: block;}
.m2 .hospitals{padding:0rem 0rem 2rem; position:relative;margin-top:1.4rem}
.m2 .hospitals ul:nth-of-type(1){width:52%;}
.m2 .hospitals ul:nth-of-type(2){width:45%;}
.m2 .hospitals ul li{color: #333;font-size: 1.1rem;text-indent:1.6em;line-height:2.2rem;}
.m2 .hospitals ul:nth-of-type(1) li:nth-of-type(1){background: url(../images/icon01.jpg) no-repeat left center;background-size:1.4rem;}
.m2 .hospitals ul:nth-of-type(1) li:nth-of-type(2){background: url(../images/icon02.jpg) no-repeat left center;background-size:1.4rem;}
.m2 .hospitals ul:nth-of-type(1) li:nth-of-type(3){background: url(../images/icon03.jpg) no-repeat left center;background-size:1.4rem;}
.m2 .hospitals ul:nth-of-type(1) li:nth-of-type(4){background: url(../images/icon04.jpg) no-repeat left center;background-size:1.3rem;}
.m2 .hospitals ul:nth-of-type(1) li:nth-of-type(5){background: url(../images/icon05.jpg) no-repeat left center;background-size:1.4rem;}
.m2 .hospitals ul:nth-of-type(2) li:nth-of-type(1){background: url(../images/icon06.gif) no-repeat left center;background-size:1.4rem;}
.m2 .hospitals ul:nth-of-type(2) li:nth-of-type(2){background: url(../images/icon07.gif) no-repeat left center;background-size:2.6rem;text-indent:2.9rem;}
.m2 .hospitals ul:nth-of-type(2) li:nth-of-type(3){background: url(../images/icon08.jpg) no-repeat left center;background-size:1.3rem;}
.m2 .hospitals ul:nth-of-type(2) li:nth-of-type(4){background: url(../images/icon09.jpg) no-repeat left center;background-size:1.4rem;}
.m2 .hospitals ul:nth-of-type(2) li:nth-of-type(5){background: url(../images/icon10.jpg) no-repeat left center;background-size:1.4rem;}
.m2 .hospitals .line{ display:block; position:absolute; width: 1px;height: 80%; top:10; left:53%;  background: -webkit-linear-gradient(top, #fff 0%,#999 20%,#999 80%, #ffffff 100%); }
.m2 .doctor ul li .doc{ display:block; overflow: hidden;}
.m2 .doctor ul li{display:none;}
.m2 .doctor ul li.on{display: block;}
.m2 .doctor .per_pic{width:13rem}
.m2 .doctor .per_txt p.p1{color:#666;}
.m2 .doctor .per_txt p.p1 span{color:#333;font-size:1.6rem; font-weight: bold;margin-right:0.5rem; display: inline-block;}
.m2 .doctor .per_txt p.p2{color:#333;font-size:1.3rem;line-height: 2rem;}
.m2 .doctor .per_txt p.p3{font-size:1.3rem;color:#666; line-height: 1.8rem;}
.m2 .doctor .per_txt p.p3 b{color:#333;line-height: 1.8rem; display: inline-block;}
.m2 .doctor .per_txt p.p3 span{color:#b98958; line-height: 1.8rem; display: inline-block;}
.m2 .doctor .per_txt p.p4{border-top:1px solid #e6e6e6;margin-top:0.5rem; line-height: 2rem;padding-top:0.5rem;font-size:1.3rem}
.m2 .doctor .per_txt p.p4 span{ display: inline-block; line-height: 2rem;color:#b98958;}
.m2 .doctor .per_txt p.p4 br{ line-height: 0rem;}
.m2 .doctor .pic{margin-top:1rem;margin-bottom: 1.2rem; overflow: hidden;}
.m2 .doctor .pic p{width:32%;float:left;}
.m2 .doctor .pic p:nth-child(2){margin:0 2%;}
.m2 .doctor .pic p a{ display: block;border:1px solid #e6e6e6}
.m2 .doctor .click_more { text-align:center; font-size:1.8rem; margin-top:1.2rem;color:#999}
.m2 .doctor .click_more img { display:inline-block; width:1.5rem; margin-left:.6rem; vertical-align:middle; margin-top:-.4rem;}
/**m3诊疗项目**/
.m3{padding-top:0;}
.m3 .pic{margin-top:1.4rem; overflow: hidden; margin-bottom: 1.4rem;}
.m3 .pic a img{width:100%; display: block; margin: 0 auto;}
.m3 .ul1{ overflow: hidden; width:90%; margin: 0 auto;}
.m3 .ul1 li{width:32%; float: left;}
.m3 .ul1 li:nth-child(2){margin:0 2%;}
.m3 .ul1 li a{ display: block; width: 100%; background: #999999; border-radius: 0.5rem; padding:4% 0; text-align: center;}
.m3 p.p1{border:1px solid #e6e6e6;border-radius: 3rem; height: 3.6rem; line-height: 3.6rem; width:90%; margin:0 auto;margin-top:1.4rem;margin-bottom:1.4rem}
.m3 p.p1 img{width:2rem; margin-left:1rem;margin-right:0.5rem}
.m3 p.p1 span{display: inline-block; background: #b98958; border-top-right-radius: 3rem;border-bottom-right-radius: 3rem; float:right; height: 3.6rem; line-height: 3.6rem;padding:0 1rem;color:#fff;}
.m3 p.p1 input{height: 3rem;width:54%; line-height: 3.4rem;margin-top:-0.3rem}
.m3 .ul2{ overflow: hidden; margin-top: 2rem;}
.m3 .ul2 li{width:32%;float:left; position:relative;margin:0 auto; text-align: center;}
.m3 .ul2 li:nth-child(2){margin:0 2%;}
.m3 .ul2 li a{ display: block; margin: 0 auto; text-align: center;}
.m3 .ul2 li span{ position:absolute;top:50%;left:50%;margin-left:-2.5rem;text-align: center; width:5rem; height: 3.8rem; border:2px solid #fff;z-index: 9; color:#fff;border-radius: 50%; display: block; line-height: 1.4rem;margin-top:-2.5rem;font-size:1.3rem;padding-top:1.2rem}
.m3 .ul2 span br{line-height: 0;}
.m3 .ul3{ overflow: hidden; margin-top:1.4rem}
.m3 .ul3 li{float:left; position: relative;}
.m3 .ul3 li a img{width:100%;}
.m3 .ul3 li:nth-child(1){width:66%;}
.m3 .ul3 li:nth-child(2){width:32%;float:right}
.m3 .ul3 li:nth-child(1) span{ display: block; position: absolute;  bottom:0.5rem; text-align: center;color:#fff; width:100%;}
.m3 .ul3 li:nth-child(2) span{ position:absolute;top:50%;left:50%;margin-left:-2.5rem;text-align: center; width:5rem; height: 3.8rem; border:1px solid #fff;z-index: 9; color:#fff;border-radius: 50%; display: block; line-height: 1.4rem;margin-top:-2.5rem;font-size:1.3rem;padding-top:1.2rem}
.m3 .ul3 li:nth-child(2) span br{ line-height: 0;}
.m3 .zhzy{padding:1.6rem 0;}
.m3 .m3nr{ overflow: hidden;}
.m3 .m3nr .ri{width:50%;float:right}
.m3 .m3nr .ri p.p2{ height: 5rem;background:#b98958; text-align: center;color:#fff; border:2px solid #fff;}
.m3 .m3nr .ri p.p2 b{font-size:2rem;color:#fff; line-height: 2.4rem;padding-top:0.5rem; display: block;}
.m3 .m3nr .ri p.p2 span{ display: block;color:#fff;height: 1.5rem;font-size:1.2rem; line-height: 1.5rem;}
.m3 .m3nr .ri .pics{ position: relative;border:2px solid #fff;}
.m3 .m3nr .ri .pics a img{width:100%;display: block; margin: 0 auto;} 
.m3 .m3nr .ri .pics p{ position: absolute;bottom:0;left:0; background: rgba(0,0,0,0.8);color:#fff;font-size:1.3rem; line-height: 1.8rem;width:100%; text-align: center;padding:0.5rem 0;}
.m3 .m3nr .le{width:50%;float:left;}
.m3 .m3nr .le .pics{ position: relative;border:2px solid #fff;}
.m3 .m3nr .le .pics a img{width:100%;display: block; margin: 0 auto;} 
.m3 .m3nr .le .pics p{ position: absolute;bottom:0;left:0; background: rgba(0,0,0,0.8);color:#fff;font-size:1.3rem; line-height: 1.8rem;padding:0.5rem; text-align: center;}
.m3 .ul4 {overflow: hidden; margin-top:1.2rem;width:100%;}
.m3 .ul4 li{border-bottom:1px solid #dcdcdc;}
.m3 .ul4 a{color:#333; display: inline-block; line-height: 3.6rem;width:100%;}
.m3 .ul4 span{display: inline-block;width:20px; height: 20px; background: #86061b; color:#fff; line-height: 20px; text-align: center;font-size:1.6rem;margin-right:0.5rem;} 
.m3 .ul4 b{font-weight: normal;float:right; line-height: 3.6rem; color: #b98958;}
.m3 .ul4 li:last-child{border-bottom:0;}
/**m4就诊环境**/
.m4{padding-top:0;}
.m4 .ul1{ overflow: hidden;margin-top:1.4rem}
.m4 .ul1 li{width:49%;float:left;margin-bottom: 3%;}
.m4 .ul1 li:nth-child(2n){float:right}
.m4 .ul1 li span{ width:100%; display: block; margin-top:0.5rem; text-align: center;}
.m4 .ul1 .click_more { text-align:center; font-size:1.8rem; margin-top:1.2rem;color:#999}
.m4 .ul1 .click_more img { display:inline-block; width:1.5rem; margin-left:.6rem; vertical-align:middle; margin-top:-.4rem;}
.m4 .zhhy{padding:1.6rem 0;padding-bottom: 0;}
.m4 .zhhy a img{width:100%; display: block; margin: 0 auto;}
/**m5病友说**/
.m5{padding-top:0;}
.m5 ul { margin-top:0.4rem;}
.m5 ul li { padding:1rem 0;}
.m5 ul li.on { display:block;}
.m5 ul li h2 { font-weight:100; font-size:1.6rem; line-height:3rem; height:3rem; color:#333; margin-bottom:.8rem;}
.m5 ul li h2 img { display:inline-block; width:3rem;  vertical-align:top; margin-right:1rem;}
.m5 ul li h2 span { font-size:1.4rem; color:#666;}
.m5 ul li p { line-height:2rem; color:#666;margin-left:4rem}
.m5 ul li .p1 { text-align:right; margin-top:.4rem; color:#999;}
.m5 ul li .p1 img { display:inline-block; width:1.6rem; margin-left:1rem;  vertical-align:top;margin-right:0.3rem }
.m5 ul li .p1 span { color:#999;}
.m5 ul .click { display:block; color:#999; text-align:center; font-size:1.8rem; margin-top:1.2rem;}
.m5 ul .click img { display:inline-block; width:1.5rem; margin-left:.6rem; vertical-align:middle; margin-top:-.4rem;}
.m5 .ul2{margin-left:4rem; overflow:hidden;}
.m5 .ul2 li{width:32%;float:left;padding:0;}
.m5 .ul2 li:nth-child(2){margin:0 2%;}
.m5 .box { margin-top:1.6rem;}
.m5 .box textarea { border:0; -webkit-appearance:none; border-radius:0; border:1px solid #cccccc; width:96%; margin:0 auto; outline:none;resize: none; padding:2%; line-height:2rem; height:6rem; overflow:hidden; color:#ccc; font-size:1.3rem; }
.m5 .box p { overflow:hidden; margin-top:.6rem;}
.m5 .box p a { display:block; width:30%; line-height:3.2rem; text-align:center; background:#b98958; float:right; font-size:1.45rem;}
.m5 .ddys li{width:36%;}
/**m6患者关注**/
.m6{padding-top:0;}
.m6 .hd{ text-align: center; text-decoration: underline;margin:0 auto;font-size:1.8rem;margin-top: 1rem;color:#999;}
.m6 .hd img{width:1.6rem;margin-right:0.3rem; vertical-align: top;margin-top:0.4rem	/*-moz-transition:all ease-out 0.2s;-o-transition:all ease-out 0.2s;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;*/}
/*.m6 .hd img.on{transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);}*/
.m6 .bd ul {overflow: hidden; margin-top:1.2rem;width:100%;display: none;}
.m6 .bd ul.on{ display: block;}
.m6 .bd ul li{border-bottom:1px solid #dcdcdc;}
.m6 .bd ul a{color:#333; display: inline-block; line-height: 3.6rem;width:100%;}
.m6 .bd ul span{display: inline-block;width:20px; height: 20px; background: #86061b; color:#fff; line-height: 20px; text-align: center;font-size:1.6rem;margin-right:0.5rem;} 
.m6 .bd ul b{font-weight: normal;float:right; line-height: 3.6rem; color: #b98958;}
.m6 .bd ul li:last-child{border-bottom:0;}
.telzhhy{padding-top:0;}
/**footernav**/
.footernav{padding-top:0;}
.footernav .ul1{ overflow: hidden;}
.footernav .ul1 li{width:25%;float:left; text-align: center;}
.footernav .ul1 li a{ display: block; border:1px solid #e3e3e3;padding:0.8rem 0;width:90%;margin:0 auto;} 
.footernav .ul1 li a img{ text-align: center;margin:0 auto;width:55%;}
.footernav .ul1 li span{ display: block; text-align: center; height: 1.5rem; line-height: 1.5rem;font-size:1.5rem;margin-top:0.4rem}
/**footer**/
footer .logo{background:#630b19;padding-top:2rem}
footer .map a img{ width:100%;margin:0 auto; display: block;}
footer .footer{background: #630b19;padding:1.2rem 0; text-align: center;}
footer .footer p{ text-align: center; font-weight: 400; color:#fff;}
footer .footer p.p2{font-size:1.6rem}