@charset "utf-8";

body,div,menu,ol,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,input,p,form,header,nav,article,section,aside,footer,video,audio,figure,textarea {
    padding: 0;
    margin: 0;
}
input,select,textarea,img,area {
    outline: none;
    border: none;
}
input,select,textarea {
    background: #FFF;
}
mark {
    background: none;
}
img {
    vertical-align: middle;
    width: 100%;
}
textarea {
    resize: none;
}
li {
    list-style-type: none;
}
body {
    font: 16px/1 "Microsoft YaHei";
}
em,i,strong,b,small,h1,h2,h3,h4,h5,h6,address {
    font-style: normal;
}

.fl-c:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.fl-c {
    *zoom: 1;
}
a {
    text-decoration: none;
    outline: none;
    color: inherit;
}

.fl {
    float: left;
}
.fr {
    float: right;
}
.no-bt {
    border-top: none !important;
}
.no-br {
    border-right: none !important;
}
.no-bb {
    border-bottom: none !important;
}
.no-bl {
    border-left: none !important;
}
.no-mb{
    margin-bottom: 0!important;
}
.no-mr{
    margin-right: 0!important;
}
.f26{
    font-size: .26rem;
}
.text-i{
    text-indent: 2em;
}
.col-r{
    color: red;
}
.wrap {
    max-width: 640px;
    margin: 0 auto;
    overflow: hidden;
   
}
.clear-fix {
    clear: both;
    *zoom: 1;
}
.clear-fix:before {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    content: "";
    font-size: 0;
}

.clear-fix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    content: "";
    font-size: 0;
}
.logo {
    height: 1.21rem;
}
.logo img {
    display: block;
    width: 6.4rem;
    margin: 0 auto;
    padding-top: .0rem;
}
.w600{
    width: 6rem;
    margin:0 auto;
}
.banner img{
    width: 6.4rem;
}
.banner{
    margin-bottom: .4rem;
}
.tit{
    height: 1rem;
    background: #730005;
    font-size: .44rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 1rem;
}
.p1 .tit{
    margin-bottom: .3rem;
}
.tit2{
    height: .84rem;
    line-height: .84rem;
    background: url(../images/tit-bg.jpg) center no-repeat;
    background-size: 100%;
    font-size: .36rem;
    color: #8c0303;
    font-weight: bold;
    text-align: center;
    margin-bottom: .3rem;
}
.p1-case-img img{
    width: 5.6rem;
    display: block;
    margin:0 auto;
}
.db ul{
    margin:.2rem .2rem .15rem .2rem;
    background: url(../images/li-bg.jpg) .86rem .1rem no-repeat;
    background-size: .17rem;
}
.db li{
    line-height: .58rem;
}
.db li strong{
    font-size: .24rem;
    color: #8c0303;
    display: inline-block;
    margin-right: .55rem;
}
.db li span{
    font-size: .22rem;
    color: #333333;
}
.case-a a{
    width: 4.12rem;
    height: .5rem;
    display: block;
    margin:0 auto;
    border-radius: .25rem;
    border:1px solid #e60012;
    text-align: center;
}
.case-a a span{
    display: inline-block;
    line-height: .5rem;
    font-size: .26rem;
    color: #e60012;
    padding-right: .53rem;
    background: url(../images/hand1.gif) right center no-repeat;
    background-size: .26rem;
}
.p1-case{
    margin-bottom: .82rem;
    background: #f5f4f4;
    margin-bottom: .2rem;
    padding-bottom: .3rem;
    padding-top: .27rem;
}
.p1,.p2,.p3,.p4{
    margin-bottom: .4rem;
}
.btn1{
    overflow: hidden;
}
.btn1 a{
    width: 2.8rem;
    height: .66rem;
    border-radius: .1rem;
    text-align: center;
}
.btn1 a.fl{
    background: #f97a00;
}
.btn1 a.fr{
    background: #9a0202;
}
.btn1 a.fr img{
    width: 1.92rem;
}
.btn1 a span{
    display: inline-block;
    height: 100%;
    padding-left: .5rem;
}
.btn1 a.fl span{
    background: url(../images/btn-img1.gif) left center no-repeat;
    background-size: .49rem;
    line-height: .66rem;
    color: #fff;
    font-size: .24rem;
}
.btn1 a.fr span{
    background: url(../images/btn-img2.gif) left center no-repeat;
    background-size: .49rem;
    padding-top: .18rem;
    box-sizing:border-box;
}
.p-style{
    font-size: .24rem;
    line-height: .4rem;
    color: #333;
    text-indent: 2em;
}
.p2 .tit{
    margin-bottom: .26rem;
}
.p2-cont1{
    margin-top: .25rem;
}
.p2-tit{
    text-align: center;
    padding-bottom: .25rem;
    border-bottom:1px dashed #cccccc;
}
.p2-tit p{
    display: inline-block;
    font-size: 0;
}
.p2-tit p img{
    width: 1.09rem;
    float: left;
}
.p2-tit p span{
    font-size: .36rem;
    line-height: .46rem;
    color: #730005;
    font-weight: bold;
    text-align: left;
    padding-left: .1rem;
}
.p2-cont1 .p2-tit{
    margin-bottom: .2rem;
}
.p2-cont1-img{
    overflow: hidden;
    margin-bottom: .28rem;
}
.p2-cont1-img .fl{
    width: 2.6rem;
}
.p2-cont1-img .fr{
    width: 3.3rem;
    border:1px solid #cccccc;
}
.p2-cont1-img .fr p{
    font-size: .22rem;
    line-height: .36rem;
    color: #333333;
    text-indent: 2em;
    padding:.15rem .2rem;
    letter-spacing: -.01rem;
}
.p2-a1{
    text-align: center;
    margin-bottom: .2rem;
}
.p2-a1 a{
    font-size: .24rem;
    color: #8c0303;
}
.p2-a1 a span{
    color: #e60012;
}
.p2-btn1 a{
    width: 5.22rem;
    height: .5rem;
    display: block;
    margin:0 auto;
    border-radius: .25rem;
    background: #f97b00;
    text-align: center;
}
.p2-btn1 a span{
    display: inline-block;
    line-height: .5rem;
    color: #fff;
    font-size: .26rem;
    padding-right: .43rem;
    background: url(../images/hand2.gif) right center no-repeat;
    background-size: .3rem;
}
.p2-cont2{
    margin:.3rem 0;
}
.p2-cont2 .p2-tit{
    margin-bottom: .4rem;
}
.steps{
    overflow: hidden;
    width: 5.6rem;
    margin:0 auto .2rem auto;
}
.steps>div{
    width: 2.7rem;
    display: table;
    height: 2.16rem;
}
.steps>div img{
    width: 2.7rem;
}
.steps>div p{
    display: table-cell;
    vertical-align:middle;
    font-size: .22rem;
    line-height: .38rem;
    color: #333333;
    text-indent: 2em;
}
.steps>div p a{
    color: #e60012;
}
.steps-tips{
    font-size: .24rem;
    line-height: .4rem;
    color: #333333;
    margin-bottom: .22rem;
}
.steps-tips strong{
    color: #e60012;
}
.p2-cont2 .p2-btn1 a{
    background: #e60012;
}
.p2-cont2 .p2-btn1 a span{
    background: url(../images/hand3.gif) right center no-repeat;
    background-size: .3rem;
}
.advantage{
    background: url(../images/p2-bg1.jpg) center no-repeat;
    background-size: 6rem;
    height: 3.85rem;
    margin-top: .28rem;
    margin-bottom: .3rem;
}
.advantage ul{
    overflow: hidden;
    margin-right: -.2rem;
}
.advantage ul li{
    width: 2.9rem;
    height: 1.82rem;
    float: left;
    padding-top: .2rem;
    box-sizing:border-box;
    margin-right: .2rem;
    margin-bottom: .15rem;
}

.advantage ul li strong{
    font-size: .26rem;
    color: #8c0303;
    margin-bottom: .15rem;
    display: inline-block;
    padding:0 .17rem;
}
.advantage ul li p{
    font-size: .22rem;
    line-height: .36rem;
    color: #333333;
    padding:0 .17rem;
    width: 1.85rem;
}

.p3-img{
    overflow: hidden;
    margin-right: -.2rem;
    margin-top: .3rem;
}
.p3-img li{
    width: 2.9rem;
    float: left;
    margin-right: .2rem;
    margin-bottom: .2rem;
}
.p3-img li img{
    width: 2.9rem;
}
.p3-doc ul{
    overflow: hidden;
    margin-bottom: .23rem;
    margin-top: .2rem;
}
.p3-doc ul li:nth-of-type(3n){
    margin-right: 0;
}
.p3-doc ul li{
    width: 1.95rem;
    float: left;
    margin-right: .07rem;
    margin-bottom: .07rem;
}
.p4 .tit{
    margin-bottom: .2rem;
}
.p5 .tit{
    margin-bottom: .3rem;
}
.p5{
    margin-bottom: .4rem;
}
.p4 .p-style{
    margin:.25rem 0;
}
.p4-img img{
    width: 6rem;
}
.p4-honor img{
    width: 6rem;
}


.p5-swiper{
    width: 6rem;
    overflow: hidden;
    margin-top: .2rem;
}
.p5-swiper img{
    width: 2.9rem;
    float: left;
    height: 2.03rem;
}

.p5-swiper a img:nth-of-type(1){
    margin-right: .19rem;
}
.p5-btn{
    margin-top: .3rem;
}
.p5-btn a{
    width: 3.64rem;
    height: .5rem;
    display: block;
    margin:0 auto;
    border-radius: .25rem;
    background: #e60012;
    text-align: center;
}
.p5-btn a span{
    display: inline-block;
    line-height: .5rem;
    font-size: .26rem;
    color: #fff;
    padding-right: .48rem;
    background: url(../images/hand3.gif) right center no-repeat;
    background-size: .3rem;

}
/* 挂号 */

.gh-tit{
    font-size: .33rem;
    color: #620000;
    text-align: center;
    font-weight: bold;
    text-align: center;
}
.gh-tit span{
    display: inline-block;
    border-bottom:.1rem solid #620000;
    padding-bottom: .13rem;
    margin-bottom: .4rem;
}
.gh-wrap {
    width:6rem;
    margin: 0 auto;
    padding-bottom:.2rem;
}
.gh-wrap img{width:100%;}
.guahao {
    width:6rem;
    box-sizing: border-box;
    border-left: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    font-size: .24rem;
}
.guahao .guahao-logo {
    width: 5.5rem;
    height: .84rem;
    margin: 0 auto;
 margin-bottom: .25rem
}
.guahao .guahao-logo img{width:100%;}
.guahao h2 {
    text-align: center;
    font-weight: normal;
    color: #6f6d6d;
    font-size: .2rem;
    margin-bottom: .35rem
}
.guahao div {
margin-bottom:.25rem
}
.guahao form {
padding:0 .15rem;
position: relative;
}
.guahao select {
    width: .4rem;
    float: right;
font-size:.24rem;
    color: #a5a3a5;
padding: 0 .25rem;
height:.5rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #a6a6a6;
border-radius: .1rem;
    box-sizing: border-box;
}
.guahao label {
    width:1.5rem;
height:.5rem;
    text-align: right;
line-height:.5rem
}
.guahao label span {
    color: #ff0000
}
.guahao label[for=content] {
    line-height: 1
}
.guahao label[for=man], .guahao label[for=woman] {
    width: auto;
    vertical-align: middle
}
.guahao input {
    box-sizing: border-box;
padding:0 .25rem;
    width: 4rem;
height:.5rem;
font-size:.24rem;
line-height:.5rem;
    border: 1px solid #a6a6a6;
border-radius: .1rem;
    box-sizing: border-box;
}
.guahao input[type=radio] {
    width: auto;
    vertical-align: middle
}
.guahao textarea {
    box-sizing: border-box;
    width: 4rem;
    height: 1.2rem;
    border: 1px solid #a6a6a6;
    border-radius: .1rem;
    font-size:.24rem;
    font-family: 'Microsoft YaHei';
    text-indent:1em;
}
.guahao input#date {
 background-size: .44rem;
}
.submit {
    padding-top: .2rem;
    width: 2.4rem;
    height: .5rem;
    margin: 0 auto!important;
}
.submit input {
    width: 2.4rem;
    height: .5rem;
    border-radius: .25rem;
    color: #fff;
    background: #f10101;
    border: none;
    text-align: center;
    box-shadow: 0 .05rem .24rem rgba(0,0,0,.22);
    position: absolute;
    bottom:0;
}

.fl {
    float: left;
}
.wwiz{ font-size:0.24rem; line-height:0.37rem; margin:0.2rem 0;background:#e5e5e5;padding:0.13rem;}
.wwiz span{ color:#ff0000;}
.pay{
    margin-top: .22rem;
    margin-bottom: .35rem;
}
.pay img{
    width: 6.4rem;
}

