/* 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;}
/* a.color{color: #993399;} */
body{overflow-x:hidden;max-width:640px;margin:0 auto;min-width: 320px;}
p{text-align: left;}
li{list-style: none;}
a:link{text-decoration: none;color:#fff;}
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: #cde9fc;}
.main-special{width:100%; height:auto;background-color: #cde9fc;}
.main-center{width:100%; height:auto; margin:0 auto; display:block;}
.main-centers{width:100%; height:auto; margin:0 auto; display:block;}
.title{
    background-color:#041e47;
    text-align: center;
    color:#fff;
    padding:0.1rem 0;
    border-radius: 5px 5px 0 0 ;
    height:auto;
    width:98%;
    margin:0.2rem auto 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 h3{
    margin:0px auto;
    font-size: 0.25rem;
}
.box{
    background-color:#fff;
    width:98%;
    margin:0 auto;
    height:auto;
    border-radius:0 0 5px 5px;
    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;
}
.s-area-5 .box ul li:last-child{
    margin-right:0;
}
.s-area-5 .box ul li p{
    font-size:0.15rem;
    margin:0.1rem 0 0;
    text-align: center;
}
.box .anli{
    display: -webkit-flex;
    display: flex;
    width:100%;
    padding:0.2rem 0px 0.05rem;
    margin:0 auto;
}
.box .anli li{
    flex:1;
    margin:0 0.1rem;
}
.btn1{
    background: url(../images/btn1.png)no-repeat top;
    height:34px;
    background-size: 100% 100%;
    width:auto;
    margin:0 0 0.2rem;
    color:#fff;
    text-align: center;
}
.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;}
.s-area-1 { position: relative;}
.s-area-1 img { display:block; }
/* .s-area-1 .img-1 { padding-top:10%; margin:0 auto;}
.s-area-1 .img-2 { margin-top:10%;margin-left:64%;}
.s-area-1 .img-3 { margin-top:-3%;margin-left:62%;} */

.s-area-2 { position: relative;background-color:#cde9fc;}
/* .s-area-2 a{position: absolute;z-index: 10;width:50%;height:40%;left:50%;top:60%;} */

.s-area-3 { position: relative; }
.left-box,.right-box{
    flex:1;
    text-align: center;
}
.left-thum{
    width: auto;
    height:0.3rem;
    float:left;
    margin:0;
}
.right-box ul li{
    display: flex;
    display: -webkit-flex;
    text-align: left;
    margin:0.02rem 0 0 0.1rem;
}

@media screen and (max-width: 320px) {
    .right-box ul li{
    margin:0.02rem 0 0 0;
} }
.right-box ul li p{
    margin:0;
    font-size:0.15rem;

}
.s-area-4 {position: relative; }
.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;
}}
.s-area-5 { position: relative;  }

.s-area-6 {position: relative; }
.doctor{
    width:98%;
    margin:0.05rem auto 0;
    position: relative;
    height:auto;
}
.doctor-about{
    position: absolute;
    top:13%;
    left:3%;
    width:94%;
    height:85%;
    color:#fff;
    border: #fff solid 1px;
}
.doctor-about-box{
    height:100%;
}
.doctor-about-box .bd{
    position: relative;
    width:100%;
    margin:0 auto;
    
    height:auto;
}

.doctor-about-box .bd ul{
    position: relative;
    height:100%;

}
.doctor-about-box .bd .tempWrap{
    height: 100%!important;
}
@media screen and (min-width: 640px) {
    .doctor-title h4{
        font-size:30px;
    }
  /*   .doctor-about-box .bd{
    height:68%;
}  */
}
@media screen and (max-width: 320px){
    /* .doctor-about-box .bd{
    height:53%;} */
    .doctor-text{
        margin-top:0rem!important;
    }
    .doctor-text .btn2{
        margin-top:0!important;
    }
    .doctor-box p{
        padding:0.3rem 0.1rem;
    }

}

.doctor-about-box .bd ul li{
    position: relative;
    width: 100%;
    height:100%;
}
.doctor-about-box .bd ul li img{  
    width:50%;
    float:left;
    position: absolute;
    bottom: 0;
    left:0;

}
/* @media screen and (min-width: 640px){
    .doctor-about-box .bd ul li img{
        width:55%;
    }} */
.doctor-about-box .hd{
    position: absolute;
    width:auto;
    bottom:4%;
    left:50%;   
    z-index: 99;
    text-align: center;
    /* margin-left: translateY(-25%); */
    transform: translateX(-50%);
    
}
.doctor-about-box .hd ul li{
    width:0.1rem!important;
    height:0.1rem;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
    float:left;
    margin:0 1px;
   
}
.doctor-about-box .hd ul li.on{
    background:#fff;
}

.doctor-text{
    width:50%;
    float:right;
    text-align: center;
    height:auto;
}
/* @media screen and (min-width: 640px){
    .doctor-text{
        width:45%;
    }} */
.doctor-text h4{
    margin:5px 0;
    text-align: left;
}
@media screen and (min-width: 640px) {
    .doctor-text h4{
        margin:20px 0;
        font-size:30px;
} }
.doctor-text p{
    font-size: 0.15rem;
    margin-bottom:2px;
    text-align: left;
}
@media screen and (min-width: 640px) {
    .doctor-text p{
        margin:10px 0;
        font-size:20px;
} }
.doctor-box{
    width:100%;
    
    margin:0 auto;
    text-align: left;
}
.doctor-box p{
    text-indent: 0.3rem;
    padding:0.2rem 0.1rem;
    font-size: 0.15rem;
}
@media screen and (max-width: 320px){
    .doctor-box p{
        padding:0.3rem 0.1rem;
    }

}
/* 
.h_top{transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.h_top:hover{transform:translate(0,-10px);-moz-transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-o-transform:translate(0,-10px);} */

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

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

.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; }
.s-area-9 .box ul{
    display: -webkit-flex;
    display: flex;
    padding: 0 0.1rem;
}
.s-area-9 .box ul li{
   flex: 1;
   margin:0.1rem;
}
.s-area-9 .box ul li p{
    margin:0.1rem 0 0;
    text-align: center;
}

.s-area-9 .btn-list{
    position: absolute;left:0;bottom:17%; z-index: 10;
}

@media screen and (min-width: 640px){
    
    .s-area-9 .btn-list{
        bottom:19%;
    }

}



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