html{
    height: 100%;
}
body{
    height: 100%;
}
#header{
    position: relative;
    width: 100%;
    height: auto;

}
.mid{
    position: relative;
    width: 100%;
    height: auto;

}
#top-banner{
    width: 100%;
    height: auto;
}
#mid-banner{
    width: 100%;
    text-align: center;
}
.banner{
    position: relative;
    width: 100%;
    height: auto;
}
#guideline{
    width: 100%;
    float: left;
    height: auto;
    font-size: 1.7vw;
    background-color: rgb(154,48,54);

}
.navlist{
    float: left;
    height: 100%;
    width: 100%;
}
.navlist li{
    list-style-type: none;
    text-decoration: none;
    float: left;
    height: 100%;
    width: 11%;
    text-align: center;

}
.navlist a{
    color: rgb(248,245,245);
    text-decoration: none;

}

.gzsjj{
    color: rgb(82,23,29);
    text-decoration: none;
}

.navlist a:hover{
    color: #000;
}
#maintext{
    padding-top: 2%;
    float: left;
    width: 100%;
    height: auto;
    background-image: url("../img/back.jpg");
    background-size: cover;
}
#person_intro{
    float: left;
    width: 40%;
    height: auto;
}
#yykpic{
    float: left;
    width: 40%;
    height: auto;
    margin-top: 2%;

}
#yyktext{
    float: left;
    width: 60%;
    height: auto;
    font-size: 1.12vw;
    text-align: justify;
    margin-top: -1%;
}
#yyk{
    float: left;
    width: 94%;
    height: 80%;
}
.nav{
    float: left;
    width: 100%;
    height: 15%;
    font-size: 1.6vw;
    font-weight: bolder;
    color: rgb(82,23,29);
    border-bottom: 0.3vw solid;
    border-image-source: linear-gradient(-90deg, rgba(154,48,54,0),rgba(154,48,54,100));
    border-image-slice: 1;
}
#team_intro{
    float: left;
    width: 54%;
    height: auto;
    padding-left: 2%;
}

#teamtext{
    float: left;
    width: 40%;
    height: auto;
    font-size: 1.12vw;
    text-align: justify;
    margin-top: -1%;
    margin-left: -2%;
}
#teampic{
    float: left;
    width: 60%;
    height: auto;
    margin-top: 2%;
}
#teamp{
    float: left;
    width: 94%;
    height: auto;
}
#first{
    float: left;
    padding-left: 2%;
    width: 98%;
    height: auto;
}
#second{
    float: left;
    padding-left: 2%;
    width: 98%;
    height: auto;
    margin-top: 1%;
}

#talent{
    float: left;
    width: 40%;
    height: auto;
}

#talenttext{
    float: left;
    font-size: 1.12vw;
    width: 50%;
    height: 70%;
    text-align: justify;
    padding-top: 2%;
    padding-left: 2%;
}
#talentpic{
    float: left;
    width: 48%;
    height: auto;
    margin-top: 2%;
}
#zwlz{
    float: left;
    width: 100%;
    height: auto;
}
#talentlist{
    float: left;
    width: 45%;
    height: auto;
    font-size: 1.5vw;
    text-decoration: none;
    padding-left: 5%;
}
.treat-first{
    float: left;
    width: 45%;
    font-size: 1vw;
    padding-left: 1%;
    padding-top: 2%;
}
#treat-second{
    float: left;
    width: 45%;
    font-size: 1vw;
    padding-top: 2%;
}
.treat-first-first{
    float: left;
    width: 95%;
}
#treat-first-second{
    float: left;
    width: 90%;
}
#adver{
    float: left;
    width: 100%;
    height: auto;
}
.advers{
    float: left;
    width: 20%;
    height: 100%;
}
.adverpic
{
    float: left;
    width: 90%;
    height: 90%;
    transform: translate(5%);
}
.advertext{
    float: left;
    width: 80%;
    text-align: center;
}
#adverlist{
    float: left;
    width: 100%;
    height: auto;
    font-size: 1.2vw;
    text-decoration: none;

}
#mid-pic{
    float: left;
    width: 96%;
    /*height: 20%;*/
    margin-top: 2%;
    transform: translate(2%);
}

#third{
    float: left;
    padding-top: 2%;
    padding-left: 2%;
    width: 98%;
    height: auto;
}
#forth{
    float: left;
    padding-top: 2%;
    padding-left: 2%;
    width: 98%;
    height: auto;
}
#fifth{
    float: left;
    padding-top: 2%;
    padding-left: 2%;
    width: 98%;
    height: auto;
}
.more{
    position: relative;
    margin-left: 85%;
    margin-top: 50%;
    font-size: 1.1vw;
}
#clinic{
    float: left;
    width: 45%;
    height: auto;

}
#cliniclist{
    float: left;
    width: 80%;
    height: auto;
    font-size: 1.5vw;
    text-decoration: none;
    padding-left: 2%;
}
#teach{
    float: left;
    width: 54%;
    height: auto;
    padding-left: 2%;
}
#teachlist{
    float: left;
    width: 100%;
    height: auto;
    font-size: 1.5vw;
    text-decoration: none;
    padding-left: 2%;
}
#forth{
    float: left;
    padding-left: 2%;
    width: 98%;
    height: auto;
}
#teachers{
    float: left;
    width: 70%;
    height: auto;

}
#teampics{
    margin-top: 2%;
    float: left;
    width: 100%;
    height: auto;
    padding-bottom: 5%;
}
.pic1{
    float: left;
    width: 28%;
    padding-left: 1%;
    height: auto;
}
.pic1img{
    padding-top: 2%;
    float: left;
    width: 45%;
    height: auto;
}
.innerimg{
    float: left;
    width: 100%;
    height: auto;
}
.pic1text{
    float: left;
    width: 45%;
    height: auto;
}
.p1{
    text-align: center;
    font-size: 1.5vw;
    font-weight: bolder;
}
.p2{
    text-align: center;
    font-size: 1.1vw;

}
.p3{
    text-align: center;
    font-size: 1.1vw;
    font-weight: bolder;
}
.p4{
    font-size: 0.7vw;
    text-align: center;
}
#pic2{
    float: left;
    width: 100%;
    height: auto;
    padding-left: 2%;
    padding-top: 2%;
}
#pic3{
    float: left;
    width: 30%;
    height: auto;
    padding-left: 2%;

}


#bottom{
    background-color:  rgb(154,48,54);
}
#bottom .p2{
    color: aliceblue;
}

#spacialpic{
    float: left;
    width: 45%;
    height: 60%;
    padding-top: 2%;
}
#spacial{
    float: left;
    width: 30%;
    height: auto;
}
#tslf{
    float: left;
    padding-top: 1%;
    width: 45%;
    height: auto;
}

.treatlist{
    float: left;
    width: 100%;
    height: auto;
    font-size: 1.5vw;
    text-decoration: none;
}

.clinic-item{
    float: left;
    width: 31%;
    margin-right: 1%;
    height: auto;
    border: black 1px solid;
    font-size: 1vw;
}
.teach-item{
    float: left;
    width: 23%;
    margin-right: 1%;
    height: auto;
    border: black 1px solid;
    font-size: 1vw;
}
.clinic-des{
    height: 250px;
    overflow: auto;
}

.treat-item{
    float: left;
    width: 24%;
    margin-right: 1%;
    height: auto;
    border: black 1px solid;
    font-size: 1vw;
}
.treat-des{
    height: 90px;
    overflow: auto;
}