/*****公共样式开始*****/
html{-webkit-tap-highlight-color: transparent;overflow-x: hidden; height: 100%;  font-size: 312.5%;background-color:#fff; -webkit-text-size-adjust: none;}
*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
article,aside,blockquote,body,button,code,dd,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
caption,th{text-align:left}
fieldset,img{border:none}
ul{overflow:hidden}
li{list-style:none}
ins{text-decoration:none}
del{text-decoration:line-through}

button{-webkit-appearance:none;border:none}
a{-webkit-touch-callout:none;text-decoration:none}
:focus{outline:0}
em,i{font-style:normal}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
input[type=submit]{-webkit-appearance:none}
p{line-height:1.6em}
.clear:before,.clearfix:after{display:table;content:''}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
ul,ul li{list-style:none}
.clear{clear:both}
.mt1{margin-top:.1rem;}
.mt2{margin-top:.2rem;}
.mt3{margin-top:.3rem;}
.mt4{margin-top:.4rem;}
.mt45{margin-top:.45rem;}
.mt5{margin-top:.5rem;}
.fl{float:left}
.fr{float:right}
.hidd{overflow:hidden}
.none{display:none}
img{vertical-align:middle;max-width:100%;border:0;}
.relative{position:relative}
.absolute{position:absolute}
table { border-collapse: collapse; border-spacing: 0; width: 100%; }

body{font-family:Microsoft YaHei,Helvetica,STHeiTi,sans-serif;color:#3f3f3f;background-color:#fff;outline:0;max-width:640px;min-width:320px;width:100%;margin:auto;font-size: .24rem;}

@media screen and (min-width:350px){

	html{font-size:342%;}

}

@media screen and (min-width:410px){

	html{font-size:400%;}

}

@media screen and (min-width:480px){

	html{font-size:469%;}

}

@media screen and (min-width:640px){

	html{font-size: 625%;}

}
/*****公共样式结束*****/
.ripple {position: relative;overflow: hidden;display: block;}
.ripple::after {content: "";background: rgba(255, 255, 255, 0.5);display: block;position: absolute;border-radius: 50%;padding-top: 0;padding-left: 0;margin-top: 0;margin-left: 0;opacity: 1;overflow: hidden;-webkit-transition:all 0s;transition:all 0s;}
.ripple:hover::after {padding-top: 240%;padding-left: 240%;margin-top: -120%; margin-left: -120%;border-radius: 50%;opacity: 0;-webkit-transition: all 1s;transition: all 1s;}

/*top*/
.logo{ width:100%; background:#fbfaf8; text-align:center;overflow: hidden;}
.logo images{ width:100%; vertical-align:bottom; padding-bottom:1%;}
.text{overflow:hidden;}

nav ul{overflow: hidden;zoom: 1;}
nav ul li{position: relative; display: block;width:24.6%;margin-right: 0.5%;margin-bottom: 0.5%;float: left;}
.hot{position: absolute;top: .07rem;right: .03rem;display: block;width: .3rem;}
nav ul li:nth-of-type(4),nav ul li:nth-of-type(8){margin-right: 0;}
nav ul li a{display: block;color: #fff;background: #e55a5c;padding:8% 2%;text-align: center;}
/*top结束*/

.banner{ width:100%; overflow:hidden;}
.banner a img{ display:block;width:100%; }
section{width:100%;}

/*中间区域*/
.title-1{ background:#e55a5c; padding:.1rem 0;}
.title-1 h2{ text-align:center; font-weight:bold; font-size:.36rem; color:#FFF;}
.title-1 p{ text-align:center;font-size:.22rem; color:#FFF;}
.title-1 p span{ display:inline-block; width:16.72%; height:.15rem; background:url(../images/tit-icon.png) no-repeat; background-size:100% 100%;}

/*安全人流*/
.m1-top{  padding:.2rem .15rem;}
.m1-top td{ border:solid .01rem #dbdbdb;}
.m1-top tr.m1-1 td{ color:#e55a5c; font-size:.28rem; font-weight:bold; text-align:center; padding:.18rem 0;}
.m1-top tr.m1-1 td.bg1e{ background:#fffafa;}
.m1-top tr.m1-2 td{ padding:.15rem 0 .3rem 0; overflow:hidden;}
.m1-top tr.m1-2 td h3{ padding:.1rem 0 .05rem 0; text-align:center; font-weight:bold; text-align:center;}
.m1-top tr.m1-2 td p{ padding:0 .1rem;line-height:.32rem; text-align:justify;}
.m1-top tr.m1-2 td p font{ color:#e55a5c;}
.m1-top tr.m1-2 td a{ display:block; width:80%; margin:.15rem auto 0; padding:.05rem; border-radius:.03rem; background:#60c688; color:#fff; text-align:center;}
.m1-zj{ height:2.04rem; background:url(../images/m1-zj.jpg) no-repeat; background-size:100% 100%;}
.m1-zj p{ padding:.22rem 0 0 2.35rem;line-height:.32rem; width:97%;}
.m1-zj h3{ overflow:hidden;padding:.2rem 0 0 2.85rem;}
.m1-zj h3 a{ display:inline-block; float:left; width:36.62%; margin-right:7%;padding:.05rem 0; text-align:center;border-radius:.03rem; color:#FFF;}
.m1-zj h3 a.m1-btn1{ background:#60c688;}
.m1-zj h3 a.m1-btn2{ background:#e55a5c;}


/*费用构成*/
.cont-m2{ background:#f6f6f6; padding-bottom:.3rem;}
.m2-text img{ display:block; width:100%;}
.m2-btn1{ padding:0 .15rem;}
h2.btn-1{ width:79.6772%; margin:0 auto;}
h2.btn-1 a{ display:inline-block; color:#FFF; text-align:center; padding:.12rem 0; width:46.502%; border-radius:.05rem;}
h2.btn-1 a i{ display:inline-block; width:8.74%;}
h2.btn-1 a.a1{ background:#60c688;}
h2.btn-1 a.a2{ background:#e55a5c;}

/*技术优势*/
.m2-top{ padding:0 .15rem;}
.m2-top ul li{ width:47.378%; border:solid .01rem #bfbfbf;margin:0rem 0 0 .11rem;}
.m2-top ul li p{ padding:.1rem 0; background:#f6f6f6; text-align:center; font-size:.2rem;  }
.m2-bt{ padding:.25rem .42rem .35rem .42rem;}
.m2-bt p{  line-height:.32rem; text-align:justify; padding-bottom:.25rem;}
.m2-bt p font{ color:#f01313;}
.m3-bt1{ position:relative;  background:url(../images/rlfy4_img3.jpg) no-repeat;background-size:100% 100%; height:7.21rem;}
.rlfybox41{margin:0 .15rem;}
.rlfybox41 .db{ position:absolute; top:2.55rem; left:0;}
.rlfybox41 .db p,.rlfybox41 .db span{ display:block; float:left; width:39.345%; line-height:.93rem; height:.93rem; text-align:center; color:#ea626e; font-size:.26rem;}
.rlfybox41 .db span{ float:right; color:#777;}

/*患者*/
.cont-m4{ background:#f6f6f6; padding:.2rem;}
.m4-op{ background:#FFF; padding-bottom:.3rem;}
.m4-top{ padding:.2rem .18rem 0 .18rem;}
.m4-top dl{ overflow:hidden;}
.m4-top dl dt{ float:left; width:49.646%;}
.m4-top dl dd{ float:right;width:46.1%;}
.m4-top dl dd .mmt{ overflow:hidden;}
.m4-top dl dd .mmt span{ float:left; width:3.85%; display:inline-block;  background:url(../images/m4-linebg.png) no-repeat; background-size:100% 100%; height:1.89rem;}
.m4-top dl dd .mmt p{ float:left; width:95%; padding-left:5%; }
.m4-top dl dd .mmt p font{ color:#d73133;}
.m4-top dl dd a{ width:63%;display:inline-block;color:#FFF; text-align:center; padding:.1rem 0; border-radius:.05rem;background:#60c688; margin-left:9%; margin-top:.12rem;}

/*专家*/
.cont-m5 p{ padding:.22rem; text-align:justify;}
.cont-m5 ul li{ float:left; width:30.938%; margin-left:.11rem;}

/*援助中心*/
.cont-m6{ padding-bottom:.35rem;background:#f6f6f6;}
.img_ban_con div{ overflow:hidden;position:relative;}
.img_ban_con img{display: block;width: 100%; }
.img_ban_con div i{ display:inline-block; width:100%; padding:.1rem 0; background:#000; text-align:center; color:#FFF; position:absolute; bottom:0; left:0;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;    background:rgba(0,0,0,0.7);}
.img_ban_con { padding-bottom:0.36rem;}
.ban-bt ul li {width: 20%; margin-left:.26rem;float:left;height:100%;}
.ban-bt ul li h3{ width:100%; height:100%; position:relative;}
.ban-bt ul li p{ text-align:center; padding:.1rem 0;}
.ban-bt ul li span{ display:block;width: 100%;border-radius:50%;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;    background:rgba(0,0,0,0.7);opacity: 0.7; position:absolute; left:0; top:0; z-index:99; height:100%;}
.ban-bt ul li.active span{opacity: 0;}

/*7*/
.cont-m7 ul{ overflow:hidden; padding:.3rem .15rem;}
.cont-m7 ul li{ width:48.035%; border:solid .01rem #bfbfbf;}
.cont-m7 ul li h3{ margin:0 .15rem; border-bottom:dashed .01rem #b7b7b7; line-height:.5rem; height:.5rem; font-weight:bold; text-align:center;}
.cont-m7 ul li p{ padding:.1rem .15rem;}
.cont-m7 ul li p font{ color:#d73133;}

/*8*/
.m8-tit h2{ text-align:center; font-weight:bold; font-size:.38rem; color:#e55a5c;}
.m8-tit p{ text-align:center;}
.m8-top h3{ overflow:hidden;}
.m8-top h3 img{ float:left; display:inline-block; margin-left:.15rem;}
.m8-top h3 img:nth-of-type(1){ width:21.095%;}
.m8-top h3 img:nth-of-type(2){ width:23.907%;}
.m8-top h3 img:nth-of-type(3){ width:22.345%;}
.m8-top h3 img:nth-of-type(4){ width:20.938%;}
.m8-top p{ padding:.2rem;}
.m8-bt ul{ overflow:hidden;}
.m8-bt ul li{ float:left; width:22.814%; margin-left:.11rem;}
.m8-bt ul li p{ text-align:center; padding:.1rem;}
.m8-bt ul li:nth-of-type(1){ background:#ffeeee;}
.m8-bt ul li:nth-of-type(2){ background:#dcfeea;}
.m8-bt ul li:nth-of-type(3){ background:#ffeadb;}
.m8-bt ul li:nth-of-type(4){ background:#d3e8ff;}
.m8-bt ul li:nth-of-type(1) p{ color:#e55a5c;}
.m8-bt ul li:nth-of-type(2) p{ color:#60c688;}
.m8-bt ul li:nth-of-type(3) p{ color:#ea873e;}
.m8-bt ul li:nth-of-type(4) p{ color:#5794d8;}

/** 挂号css **/

.guahao{width: 100%;margin: 0 auto;}
.guahao-01{margin: 0.1rem auto;}
.reg{background: #f2f2f2; padding:0 .2rem;}
.reg p{padding:0.3rem 0 .25rem 0; border-bottom:dashed .01rem #a9a9a9; text-align:center; font-size:.22rem; color:#c10000;}
.reg form{ padding-bottom:0.3rem;}
.reg p b{color:#d60000; font-weight:normal;}
.reg dl dt{  margin-left:5%;}
.reg dl dt ul{padding:0.2rem;}
.reg dl dt li{ overflow:hidden; zoom:1; margin-top:0.3em; text-align:center;margin: 0.07rem auto;}
.reg dl dt li label{width:26%; float:left; text-align:right;color: #595959;padding: 0.05rem 0; }
.reg dl dt li span{width:72%; float:left; padding-left:2%; text-align:left; }
.reg dl dt li input,.reg li select{border:1px solid #d0d0d0; padding:0.1rem 0;  width:83%; vertical-align:middle;color:#595959}
.reg li select{width: 83%; font-size: 0.22rem;}
.reg dl dt li input{color: #bbbbbb;font-size: 0.22rem;padding-left: 2%;}
.reg dl dd{ display:block; text-align:center; overflow:hidden;}
.reg dl dd input.bt1{width:39%; background:#60c688;  border:0; color:#fff; cursor:pointer; padding:2% 0; margin-right:6%; font-size:.22rem; }
.reg dl dd input.bt2{width:39%; background:#e55a5c;  border:0; color:#fff;cursor:pointer;padding:2% 0; font-size:.22rem;}
.wx{background: url(../images/wx_bg.jpg) center repeat;padding: 1% 0 3%;}
.wxd{overflow: hidden;zoom: 1;padding:2% 1%;}
.wxd dt,.wxd dd{display: block;float: left;}
.wxd dt{width: 67%;}
.wxd .dtm{height:1.99rem;background: #fff;border:1px solid #d4d4d4;}
.wxd dt .dtt{font-size: 0.24rem;color: #393939; text-align: center;line-height: 0.34rem;margin: 0.1rem auto;}
.wxd dt .dtt span{color: #cb0000;}
.wxd dt .dtt b{display: block;color: #393939;}
.wxd dd{width: 33%;height:1.99rem;}
.wxd dd img{width: 100%;height:1.99rem;display: block;}
.wxd .yh{font-size: 0.22rem;color: #393939;padding: 0;margin: 0.07rem auto;line-height: 0.34rem; text-align: left;width: 90%;}
.wxd .yh span{color: #ea5504;}
.wxp{font-size: 0.22rem;text-align: left;padding:0 1%;}

/*中间区域 结束*/

/*foot*/
footer {background: url(../images/addr.jpg) center no-repeat;background-size: 100% 100%; padding-bottom: 2%;}
footer nav{margin: 0.2rem auto;overflow: hidden;zoom: 1;}
footer nav a{display:block; float:left;width:25%;background:#e55a5c url(../images/fotnav.jpg) no-repeat right center; text-align:center; color:#fff; padding:2% 0;}
footer .logof,footer .tla{display: block;width:90.783%; margin:0 auto;}
.tla img{ margin-top:.2rem;display: block;}
footer p{ color:#595757; text-align:center; margin:2% auto; }
footer ul{ overflow:hidden; text-align:center; margin:10% auto;}
footer  ul li {display:inline-block;width: 22%;}
footer  ul li a{color:#595757; }
footer  ul li  img{ display:block;width:60%; margin:0 auto;}
.navb{margin: 0.2rem auto 0rem;overflow: hidden;zoom: 1;}
.navb a{display:block; float:left;width:30.5%;border-radius: .07rem;  margin-left: 2%; background:#ababab; text-align:center; color:#fff;height: .6rem;line-height: .6rem;}
.navb a:nth-of-type(2){background: #60c688;}
.navb a:nth-of-type(3){background: #e55a5c;}
.navb a img{display: inline-block;width: .4rem;}
.navb a span{display: inline-block;width: 60%;height: 100%;float: left;text-align: right;}




