/* CSS Document */
@media screen and (min-width: 640px) {
    html {
      font-size: 100px; 
    text-align: center;} }
@media screen and (max-width: 640px) {
    html {
    font-size: 80px; 
   text-align: center;}
    }
@media screen and (max-width: 320px) {
    html {
    font-size: 60px; 
   text-align: center;} }
a{text-decoration: none;color:#fff}
/* a.color{color: #993399;} */
body{overflow-x:hidden;max-width:640px;margin:0 auto;min-width: 320px;}
p{text-align: left;margin:0;}
li{list-style: none;}
a:link{text-decoration: none;color:#fff;}
a:visited{text-decoration: none; color:#fff;}
a:hover {text-decoration: none;color:#fff;}
a:active{text-decoration: none;color:#fff;}
.clear{clear:both;}
.hide{display:none;}
img{width:100%;margin:0 auto;}
ul{padding:0;margin:0;}
.dw-grid-wrapper{width:100%;height:auto;background-color: #fff;}
.main-special{width:100%; height:auto;background-color: #fff;}
.main-center{width:100%; height:auto; margin:0 auto; display:block;}
.main-centers{width:100%; height:auto; margin:0 auto; display:block;}
.title{
    height:auto;
    width:100%;
    margin:0.25rem auto 0.15rem;
}
/* hr{
    border-top:1px solid #000;
    margin:0;
} */
/* .title1{
    margin-top:1.5rem;
}
@media screen and (min-width: 640px) {
    .title1 {
     margin-top:2.1rem; } }
@media screen and (max-width: 640px) {
    .title1 {
    margin-top:1.5rem; }
    }
@media screen and (max-width: 320px) {
    .title1 {
    margin-top:1.6rem; } } */
.title img{width:80%;vertical-align: middle;}
/* .title h3{
    margin:0px auto;
    font-size: 0.25rem;
    color: #e13350;
    font-weight: 600;
    line-height: 1.2;
} */
.title p{font-size: 0.16rem;text-align: center;color:#000;padding:4%; border-bottom:1px solid #006594;}
.box{
    background-color:#fff;
    width:100%;
    margin:0 auto;
    height:auto;
    position: relative;
    text-align: center;
}
.s-area-5 .box ul{
    display: flex;
    display: -webkit-flex;
    width:98%;
    margin:0 auto;
    padding:0.2rem 0 0;
}
.s-area-5 .box ul li{
    flex:1;
    margin-right:0.15rem;
    height:1.5rem;
}
@media screen and (max-width: 320px) {
    .s-area-5 .box ul li{
        height:1.65rem;
    }
}
.s-area-5 .box ul li:last-child{
    margin-right:0;
}
.s-area-5 .box ul li p{
    font-size:0.15rem;
    margin:0 0 0.06rem;
    text-align: center;
}
.box .anli{
    display: -webkit-flex;
    display: flex;
    width:100%;
    padding:0;
    margin:0 auto;
}
.box .anli li{
    flex:1;
    margin:0 0.05rem;
}
.box .anli li p{
    text-align: left;
    font-size:14px;
    margin:0 auto;
    border:1px solid #000;
    border-top:none;padding:2% 6%;
}
@media screen and (max-width:320px){.box .anli li p{font-size: 12px;}}
.box .anli li h3{font-size:0.18rem;color:#fff;background:#07447c;margin:0 auto;padding:0.2rem 0;}
.box .anli li p span{text-align: center;font-weight: 600;display: block;}
.box .anli .anli-box{position: relative;}
.box .anli .anli-box p{color:#fff;position: absolute;bottom:1px;left:0;margin:0 auto;width:100%;text-align: center;}
@media screen and (min-width:640px){.box .anli .anli-box p{bottom:5px;font-size:0.16rem;}}

.s-area-6 .box .anli li p{height:1.6rem;font-size: 0.15rem;padding:6%;}
@media screen and (max-width:320px){.s-area-6 .box .anli li p{height:2.6rem;padding:10% 6%;}}
.btn1{
    margin:0.1rem auto 0.1rem;
    color:#fff;
    height:auto;
    position: relative;
    background:#f32542;
/*     border-radius: 0.1rem; */
/*     border:#fff 1px solid; */
    font-size: 0.16rem;
/*     box-shadow:  1px 1px 1px #c3c2c2; */
}
/* .btn1 .btn-left{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left:7%;
    color:#fff;
    z-index: 11;
    font-size: 0.2rem;
}
.btn1 .btn-right{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right:7%;
    color:#fff;
    z-index: 11;
    font-size: 0.2rem;
} */
.btn1 a{font-size: 0.16rem;}
.btn2{background: #e90000;border-radius: 30px;padding:0.02rem 0.15rem;font-size:0.16rem;width:2rem;}
@media screen and (min-width: 410px) {
    .btn2{
        margin-top:0.45rem;
    }
}
.btn3{background:#20a1d3;border-radius: 30px;}


.dw-grid-container { width:100%;margin:0 auto;position: absolute;top:0;height:100%;}
.dw-grid-container .img-responsive{width:auto;margin:0 auto;}
.text-box{width:96%;margin:0 auto;}

.s-area-1 { position: relative;}

.s-area-1 img { display:block; }

.s-area-2 { position: relative;background-color:#fff;}
.s-area-2 .text-box{background:#f0eff2;border-radius: 5px;display: -webkit-flex;display: flex;}
.s-area-2 .text-box span{flex:1.4;padding:0.15rem 0; color:#fff;font-size:0.2rem;background:#687b89;border-radius: 5px 0 0 5px;line-height: 1.3;}
.s-area-2 .text-box p{flex:8.6;padding:0.15rem 0.1rem;font-size:0.18rem;}
@media screen and (max-width: 320px) {
    .s-area-2 .text-box span {
    font-size:0.24rem;line-height: 1.2; } }

.s-area-2-text{background: #fff;height:auto;border-radius: 5px;width:96%;margin:0.2rem auto;}
.s-area-2-text ul{display: -webkit-flex;display: flex;padding:0 0.05rem;}
.s-area-2-text ul li{flex:1;margin:0.1rem 0.05rem;border:1px solid #054766;color:#11516f;font-size:0.18rem;text-align: center;padding:0.1rem 0;}

.s-area-3 { position: relative; background: #f1f1f1;padding: 4% 3%;}
.s-area-3-main{background:#fff; padding:1% 0;}


.s-area-3 .text-box{color: #000;padding:0.1rem;font-size: 0.18rem;text-align: center;}

.s-area-4 {position: relative; background: #fff;width:100%;margin:0 auto;padding:5% 0 1%;}


.yatao-list{position: relative;width:98%;margin:0 auto;}
.yatao{position: relative;width:100%;text-align: center;z-index: 11;}
.yatao ul{display: -webkit-flex;display: flex;}
.yatao ul li{flex: 1;margin:0.05rem;}
.yatao ul li h4{font-size:0.16rem;color: #000;margin:0.1rem 0 0;}
@media screen and (max-width: 360px) {
    .yatao ul li h4{font-size: 0.15rem;}
}
.yatao ul li p{font-size: 0.15rem;text-align: center;margin:0;}

@media screen and (min-width: 410px) {
    .yatao ul li h4{font-size: 0.18rem;}
/*     .yatao{top:0.15rem;} */
}
@media screen and (min-width: 640px) {
    .yatao ul li h4{font-size: 0.2rem;}
/*     .yatao-bg{height:0rem;} */
/*     .yatao .btn1{margin-top:0.2rem; } */
}
.btn-list{
    width:100%;
    display: -webkit-flex;
    display: flex;
}
.btn-list div{
    flex:5;
}
@media screen and (min-width: 640px) {
    .btn-list div{
    flex:1;
}}
.doctor{width:100%;position: relative;height:100%;}
.doctor-text{width:50%;position: absolute;right: 0;top: 0;z-index: 11;}
.doctor-text h4 span{font-size:0.25rem;}
.doctor-text h4{font-size:0.2rem;margin:0rem;color:#fff;}
.doctor-text ul li{text-align: left;color: #fff;font-size: 0.15rem;}
.doctor-text p{font-size:0.15rem;color:#fff;}
.doctor-text p span{font-size: 0.18rem;}
.doctor img{width:100%;}

@media screen and (min-width: 640px) {
    .doctor-text h4{margin-bottom:0.5rem;}
    .doctor-text{
    width:50%;
}}

.s-area-6 {position: relative; background: #fff;padding:0.01rem 0;margin-top:0.1rem;}
.s-area-6 .text-box{padding:0.1rem;font-size: 0.16rem;}

.s-area-7 { position: relative;background: #fff;}
.img-box{border:1px solid #c6c6c6;width:95%;margin:0 auto 0.2rem;}
.img-box h3{font-size: 0.25rem;color:#696969;}
.img-box h4{font-size:0.2rem;color:#696969;}
.img-box img{width:80%;margin:0 auto;}
.img-box p{width:80%;margin:0 auto;font-weight: 600;margin-bottom:0.15rem;font-size:0.16rem;}
.pinpai-box .hd ul{
    display: -webkit-flex;
    display: flex;
    padding:0;
}
.pinpai-box .hd ul li{
    flex:1;
    margin:0 0.02rem;
    border: #04334b 1px solid;
    color:#04334b;
    font-size: 0.18rem;
    text-align: center;
}
.pinpai-box .hd ul li.on{
    border: none;
    color: #fff;
    background-color: #04334b;
}
.pinpai-box .bd {
    width:96%;
    margin:0 auto;
    text-align: center;
}
.pinpai-box .bd ul li{
    width:100%;
    margin:0 auto;
}
.pinpai-box .bd ul li img{
    width:100%;
}

.s-area-8 { position: relative; background: #f1f1f1; padding: 4% 3%; margin-bottom:0.9rem;margin:0.1rem auto 0;}
.s-area-8 .img-box{padding:2% 0;border:1px solid #000;}
.s-area-8 .img-box p{font-weight: 500;margin-bottom:0.05rem;width:90%;}
.table-bordered tbody tr td{
    border: #000 1px solid;
    width:36%;
    padding:8px;
    vertical-align: middle;
    text-align: left;
    font-size:0.15rem;
}
.table-bordered tbody tr td:first-child{
    width:28%;
    text-align: center;
    font-size:14px;
}
.table-bordered tbody tr td:last-child{
    color:#767778;
}
.s-area-9 { position: relative; margin-bottom:0.9rem;}
.s-area-9 .btn-box{position: absolute;bottom:0.1rem;left:0;width:100%;}
.s-area-9 .box-text{position: absolute;width:50%;left:50%;bottom:0;}
.s-area-9 .box-text h3{font-size: 0.25rem;color:#07447c;margin:0.2rem 0;}
.s-area-9 .box-text h3 span{background-color:#07447c;font-size: 12px;color:#fff; padding:0.04rem;}
.s-area-9 .box-text p{font-size: 0.15rem;}
.s-area-9 .btn-list{width:100%; display: flex;display: -webkit-flex;}
.s-area-9 .btn3{font-size:0.16rem;border-radius: 0;background-color: #de1129; margin:0.2rem 0;}
@media screen and (max-width:320px){.s-area-9 .box-text h3{margin:0.1rem 0;}
.s-area-9 .btn3{margin:0.1rem 0;}}

.layui-layer { background-color:transparent; box-shadow:none;  }
.layui-layer-close { top:20px !important; right:-10px !important; }


/* 轮播图css */
.swiper-container {
            width: 100%;
            height: 100%;
}
.swiper-slide {
    position: relative;
    text-align: center;
    font-size: 18px;
    background: #f3f5f7;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/* .swiper-slide div{
    color:#11516f;
    text-align: center;
}
.swiper-slide div h3{margin:0.1rem 0 0.05rem;font-size: 0.25rem;}
.swiper-slide div p{margin:0 0 0.3rem;font-size:0.18rem;text-align: center;} */