/* 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;
}
/* 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:0.6rem;vertical-align: middle;}
.title h3{
    margin:0px auto;
    font-size: 0.25rem;
    color: #e13350;
    font-weight: 600;
    line-height: 1.2;
}
.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: center;
    font-size: 0.15rem;
    margin:0.05rem auto;
}
.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;}}
.btn1{
    margin:0.1rem auto 0.1rem;
    color:#fff;
    height:auto;
    position: relative;
    background:#eb6154;
    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: #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;}


.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;}
.dw-grid-wrapper .title2{display:-webkit-flex;display: flex;}
.dw-grid-wrapper .title2 div{flex:1;}
.dw-grid-wrapper .title2 h3{font-size: 0.24rem;margin-left:0.1rem;}
@media screen and (max-width: 320px) {.title2 div{flex:2.5;}}
@media screen and (min-width: 400px) {.title2 div{flex:2.5;}}
@media screen and (min-width: 640px) {.title2 div{flex:5;}}

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

.s-area-4 {position: relative; background: #eb6154;width:96%;margin:0 auto;}
.s-area-4 .text{width:90%;margin:0 auto;}
.s-area-4 .text .text-list{position: relative;height:0.5rem;width:auto;text-align: left;margin-bottom:0.1rem;}
.s-area-4 .text .text-list img{height:100%;width:auto;}
.s-area-4 .text .text-list p{position: absolute;bottom:10%;left:12%;text-align: left;color: #fff;font-size: 0.16rem;}
.s-area-4 .text .text-img{position: absolute;bottom:0;right:0;width:60%;z-index: 0;}
.s-area-4 .btn1{font-size: 0.15rem;padding:0.05rem 0.3rem;margin-bottom:0.2rem;}
@media screen and (max-width:320px){.s-area-4 .text .text-list{margin-bottom:0.2rem;}}
@media screen and (min-width:400px){.s-area-4 .text .text-list{margin-bottom:0.2rem;}
.s-area-4 .text .text-img{width:60%;}}
@media screen and (min-width:640px){.s-area-4 .text .text-list p{font-size: 0.18rem;}
.s-area-4 .text .text-img{width:55%;}}

.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;}
.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: #0fa0a5;  margin-bottom:0.9rem;width:96%;margin:0.1rem auto 0;}

.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%;}

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