/* 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;}
a:visited{text-decoration: none; }
a:hover {text-decoration: none;}
a:active{text-decoration: none;}
.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;
}

.title h3{
    margin:0px auto;
    font-size: 0.25rem;
    color:#0f6b8c;font-weight: 600;
    line-height: 1.3;
}
.title p{font-size: 0.15rem;color:#0f6b8c;margin:0.1rem 0;padding:0 0.08rem;text-align: center;}
.box{
    background-color:#fff;
    width:100%;
    margin:0 auto;
    height:auto;
    position: relative;
    text-align: center;
}

.box .anli{
    display: -webkit-flex;
    display: flex;
    width:100%;
    padding:0.2rem 0px 0rem;
    margin:0 auto;
}
.box .anli li{
    flex:1;
    margin:0 0.1rem;
}
.box .anli li p{
    text-align: center;
    font-size: 0.15rem;
    margin:0.1rem auto;
}
.btn1{
    margin:0.1rem auto 0.1rem;
    color:#fff;
    /* width:3.2rem; */
    background-color: #0d5985;
    height:auto;
    position: relative;
    border-radius: 30px;
}

.btn1 a{font-size: 0.16rem;}
.btn2{background: #3d5365;border-radius: 30px;padding:0.02rem 0.15rem;font-size:0.16rem;margin:0.2rem auto 0.25rem;}
@media screen and (min-width: 410px) {
    .btn2{
        margin-top:0.45rem;
    }
}
.btn3{background:#20a1d3;border-radius: 30px;}

/* .btn2{
    background: url(../images/btn1.png)no-repeat top;
    height:30px;
    background-size: 100% 100%;
    width:auto;
    margin:0.25rem 0 0.25rem;
    color:#fff;
    text-align: center;
    font-size:12px!important;
}
@media screen and (min-width: 640px) {
    .btn2 {
     margin-top:0.5rem; } } */

.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: #fff;}
.s-area-3 .text-box{background:#fff;color: #fff;padding:0.1rem;font-size: 0.18rem;}
/* .text-box-2{width:90%;margin: 0.3rem auto;}
.text-box-2 li{margin:0.15rem auto;width:100%;height:100%;}
.text-box-2 li p{width:100%;}
.text-box-2 li span{flex: 4.3;width:43%;}
.text-box-2 li p img{flex: 4.3;width:43%;}
.text-box-2 li p span{background:#687b89;font-size:0.18rem;color: #fff;text-align: center;flex:5.7;width:57%;display: inline-block;padding:7% 0;vertical-align: middle;}
.text-box-2 li .t1{flex:5.7;width:57%;color: #fff;padding:3% 0;position: relative;display: block;height: auto;}
.text-box-2 li .t1 .t2{background:#687b89;height:100%;position: relative;display: block;}
.text-box-2 li .t1 .t2 .t3{position: absolute;top:50%;transform: translateY(-50%);width:100%;text-align: center;font-size: 0.18rem;z-index: 11;background:#687b89;height:auto;} */


.s-area-4 {position: relative; background: #f3f3f3;padding:0.1rem 0;}
/* .beizhu-box{width:100%;margin:0 auto 0.2rem;position: relative;}
.beizhu-img{position: absolute;bottom:0;left:2%;color:#fff;width:96%;height:auto;line-height: 0.28rem;}
.beizhu-img .beizhu-img-t{position: absolute;top:50%;transform: translateY(-50%);width:100%;padding:0 4%;font-size: 0.15rem;}
.beizhu-img .beizhu-img-t p{text-align: center;}
.beizhu{
    background: #f0eff2;
    width:96%;
    margin: 0 auto 0.16rem;
    padding:0.2rem 0.2rem 0.4rem;
    border-radius: 0.2rem;
}

.beizhu p{
    margin-bottom:0;
    text-indent: 0.3rem;
    font-size: 0.15rem;
}
@media screen and (min-width: 380px) {
    .beizhu{margin-bottom:0.22rem;}}
@media screen and (min-width: 390px) {
    .beizhu p{font-size: 0.16rem;}
    .beizhu-img .beizhu-img-t{font-size:0.16rem;}
}
@media screen and (min-width: 640px) {
    .beizhu{padding-bottom: 0.6rem}
} */
.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.04rem;}
.yatao ul li div{width:100%;position: relative;}
.yatao ul li h4{font-size:0.15rem;color: #000;margin:0.1rem 0 0;line-height: 1.4;}
@media screen and (max-width: 360px) {
    .yatao ul li h4{font-size: 0.15rem;}
}
.yatao ul li p{font-size: 0.16rem;text-align: center;margin:0;position: absolute;width:100%;color:#fff;bottom:0;margin-bottom:0.03rem;}
/* .yatao-bg{height:0.8rem;width:100%;margin: 0 auto;} */

/* @media screen and (max-width: 340px) {
    .yatao-bg{height: 1rem;}
}
@media screen and (max-width: 320px) {
    .yatao-bg{height: 1.3rem;}
}
@media screen and (min-width: 370px) {
    .yatao-bg{height: 0.5rem;}
} */
@media screen and (min-width: 410px) {
    .yatao ul li h4{font-size: 0.18rem;}
    .yatao ul li p{font-size: 0.2rem;}
/*     .yatao{top:0.15rem;} */
}
@media screen and (min-width: 640px) {
    .yatao ul li h4{font-size: 0.2rem;}
    .yatao ul li p{font-size: 0.22rem;margin-bottom:0.05rem;}
/*     .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:55%;position: absolute;right: 0;top: 0;z-index: 11;}
.doctor-text h4 span{color:#00729c;font-size:0.3rem;margin-right:0.02rem;}
.doctor-text h4{font-size:0.2rem;margin-top:0.2rem;}
.doctor-text p{font-size:0.18rem;padding-right:0.05rem;}
.doctor-text p span{font-size: 0.18rem;margin-right:0.02rem;}
.doctor img{width:45%;float:left;}
@media screen and (min-width: 360px) {
    .doctor img{
    width:49%;
}}
@media screen and (min-width: 640px) {
    .doctor-text h4{margin-bottom:0.5rem;}
    .doctor-text{
    width:50%;
}}
 .s-area-5 { position: relative;  background: #054154;padding:0 2% 2%;}
 .s-area-5 .title h3{color:#fff;padding-top:0.15rem;}
 .s-area-5 .title p{color:#fff;margin-bottom:0.1rem;}
.box-lc ul{display: -webkit-flex;display: flex;width:100%;padding:0 2%;}
.box-lc{padding:0.1rem 0 0.2rem;}
.box-lc ul li{border:1px solid #000;flex: 1;margin-right:0.3rem;position: relative;margin-top:0.9rem;padding-top:0.8rem;min-height:2rem;}
.box-lc ul li:last-child{margin-right: 0;}
.box-lc ul li .top-img{position: absolute;z-index: 11;left:0;top:0;transform: translateY(-50%);width:80%;left:10%;}
/* .box-lc ul li h3{margin:0.1rem auto;font-size: 0.2rem;color: #ff6c3a;} */
.box-lc ul li h4{margin:0.1rem  auto;font-size:0.18rem;color:#000;}
.box-lc ul li p{font-size: 0.15rem;margin:0 auto 0.05rem;text-align: center;}
.box-lc ul li p img{height:0.09rem;display: inline-block;vertical-align: inherit;width:auto;}
@media screen and (min-width:400px){.box-lc ul li p img{height:0.13rem;}}
@media screen and (min-width:450px){.box-lc ul li{margin-top:1rem;padding-top:1rem;}}
@media screen and (min-width:640px){.box-lc ul li{margin-top:1.2rem;padding-top:1.1rem;}}
.table-box table{width:100%;border-color:#054154;}
.table-box table tr th{border-color:#054154;font-weight: 400;width:50%;text-align: center;padding:2% 0;height:0.7rem;}
.s-area-6 {position: relative; background: #fff;margin-top:0.2rem;margin-bottom:20%;}

.s-area-7 { position: relative;background: #fff;}

.s-area-8 { position: relative; background: #fff;  margin-bottom:0.9rem;}

.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.8rem;}
.area-9-box{position: absolute;width: 60%;right:0;top:55%;height:auto;padding-left:5%;padding-right:1%;}
/* .area-9-box h3{font-size:0.19rem;color:#f13062;line-height: 0.25rem;margin-top:0;}
.area-9-box h4{font-size:0.18rem;color:#000;line-height: 0.25rem;} */
.area-9-box .btn-9-box{background: #f13062;color: #fff;border-radius: 20px;font-size: 0.15rem;margin-top:0.15rem;box-shadow: 2px 2px 5px #d12955;}
@media screen and (max-width: 330px) {
    .area-9-box{
    right:3%;
}}

.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;} */