.bannetp {
    width: 100%;
    height: 50vh;
    position: relative;
}

.bannetp>img {
    width: 100%;
    height: 100%;
}

.bannetp>div {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    z-index: 99;
    color: #ffffff;
}

.bannetp>div>h1 {
    font-size: 50px;
    font-weight: 600;
}

/* .bannetp > div> p{
    font-size: 16px;
    margin-top: 25px;
} */





.profile-bj {
    background: url('../images/pic47.png') no-repeat left bottom;
    background-size: 100%;
    padding: 70px 80px;
}

.profile-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.profilebx-le {
    width: 48%;
}

.profilebx-le h2 {
    font-size: 50px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 30px;
}

.profilebx-le p {
    font-size: 16px;
    line-height: 30px;
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}


.profilebx-ri {
    width: 48%;
}

.profilebx-ri img {
    width: 100%;
}






.statistics {
    width: 100%;
    position: relative;
}

.statistics img {
    width: 100%;
}

.statis-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    display: flex;
    justify-content: space-between;
}

.statis-bx-itm{
    color: #ffffff;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
}
.statis-bx-itm h2 {
    font-size: 60px;
    font-weight: 400;
}
.statis-bx-itm>span {
    font-size: 18px;
    color: #ffffff;
    /* text-align: center; */
    display: inline-block;
}







.about-history{
    background-image: url('../images/pic50.png');
    background-size: 100% 100%;
    
}

.history-box{
    padding: 80px 0;
}
.history-box h2{
    font-size: 50px;
    font-weight: 600;
    text-align: center;
}
.history-bx-tim{
    width: 100%;
    padding: 80px 0;
    overflow-x: auto;
    display: flex;
}

.history-bx-tim::-webkit-scrollbar {
    height: 8px;
    background-color: rgb(230, 230, 230);
    border-radius: 50px;
}
.history-bx-tim::-webkit-scrollbar-thumb {
    background-color: rgb(170, 170, 170);
    border-radius: 50px;
}

.history-bx-tim > ul{
    padding:20px 0 20px 50px;
    position: relative;
}

.history-bx-tim > ul::before{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #dedede;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.history-bx-tim > ul::after{
    content: '》》》》》';
    width: 10px;
    height: 10px;
    /* background-color: #00a0e9; */
    color: #00a0e9;
    position: absolute;
    left: 45px;
    top: 48%;
    transform: translateY(-50%);
    border-radius: 50px;
}
.history-bx-tim > ul > li{
    min-height: 230px;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
}
.history-bx-tim > ul > li p{
    width: 215px;
    font-size: 16px;
    color: #333333;
    padding: 15px 0;
}
.history-bx-tim > ul > li h3{
    font-size: 36px;
    color: #222222;
    font-weight: 600;
    padding: 10px 0;
}
.histor-data{
    border-left: 1px solid #00a0e9;
    margin: 15px 0;
    opacity: 1 !important;
}





.about-structure{
    background-image: url('../images/pic52.png');
    background-size: 100% 100%;
}

.structure-bx-tim{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 90px;
}

.structure-bx-tim img{
    width: 70%;
}






/* .about-honor{

} */
.honor-bx-tim{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.honor-bx-tim li{
    width: 16%;
    background-color: #f5f5f5;
    padding: 35px 50px;
    margin-top: 60px;
}
.honor-img{
    width: 100%;
    height: 200px;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.honor-img img{
    width: auto;
    height: auto;
}
.honor-bx-tim li h4{
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-top: 35px;
}






@media screen and (max-width:768px) {
    .bannetp {
        width: 100%;
        height: 25vh;
        position: relative;
    }

    .bannetp>img {
        width: 100%;
        height: 100%;
    }

    .bannetp>div {
        position: absolute;
        top: 50%;
        left: 10%;
        transform: translateY(-50%);
        z-index: 99;
        color: #ffffff;
    }

    .bannetp>div>h1 {
        font-size: .5rem;
        font-weight: 600;
    }

    /* .bannetp > div> p{
        font-size: .16rem;
        margin-top: .25rem;
    }
     */







     .profile-bj {
        background: url('../images/pic47.png') no-repeat left bottom;
        background-size: 100%;
        padding: .3rem .2rem;
    }
    
    .profile-box {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    
    
    .profilebx-le {
        width: 100%;
    }
    
    .profilebx-le h2 {
        font-size: .4rem;
        font-weight: 600;
        color: #000000;
        margin-bottom: .3rem;
    }
    
    .profilebx-le p {
        font-size: .16rem;
        line-height: .3rem;
        display: flex;
        flex-direction: column;
        margin-bottom: .25rem;
    }
    
    
    .profilebx-ri {
        width: 98%;
    }
    
    .profilebx-ri img {
        width: 100%;
    }
    
    
    
    
   
    .statistics {
        width: 100%;
        position: relative;
        overflow-x:auto;
    }

    
    .statistics img {
        width: 100%;
    }
    .statbx{
        width: 11rem !important;
    }
    .stat-img{
        width: 11rem !important;
    }

    .statis-box {
        position: absolute;
        top: 50%;
        left: 85%;
        transform: translate(-50%, -50%);
        z-index: 9;
        display: flex;
        justify-content: space-between;
    }
    
    .statis-bx-itm{
        color: #ffffff;
        display: flex;
        flex-direction: column;
        /* align-items: center; */
        padding: 0 .2rem;
    }
    .statis-bx-itm h2 {
        font-size: .24rem;
        font-weight: 400;
    }
    .statis-bx-itm>span {
        font-size: .16rem;
        color: #ffffff;
        /* text-align: center; */
        display: inline-block;
    }
    
    
    
    
    
    
    
    .about-history{
        background-image: url('../images/pic50.png');
        background-size: 100% 100%;
        
    }
    
    .history-box{
        padding: .4rem 0;
    }
    .history-box h2{
        font-size: .3rem;
        font-weight: 600;
        text-align: center;
    }
    .history-bx-tim{
        width: 100%;
        padding: .4rem 0;
        overflow-x: auto;
    }
    .history-bx-tim img{
        height: 2.6rem;
    }
    


    .history-bx-tim > ul{
        padding: .2rem 0 .2rem .5rem;
        position: relative;
    }
    
    .history-bx-tim > ul::before{
        content: '';
        width: 100%;
        height: 1px;
        background-color: #dedede;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .history-bx-tim > ul::after{
        content: '》》》》';
        width: .1rem;
        height: .1rem;
        /* background-color: #00a0e9; */
        position: absolute;
        left: .45rem;
        top: 48%;
        transform: translateY(-50%);
        border-radius: 50px;
    }
    .history-bx-tim > ul > li{
        height: 3rem;
        min-height: 2rem;
        padding-left: .15rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .history-bx-tim > ul > li p{
        width: 2.15rem;
        font-size: .16rem;
        color: #333333;
        padding: .15rem 0;
    }
    .history-bx-tim > ul > li h3{
        font-size: .36rem;
        color: #222222;
        font-weight: 600;
        padding: .1rem 0;
    }
    .histor-data{
        border-left: 1px solid #00a0e9;
        margin: .15rem 0;
    }
    





    
    
    
    .about-structure{
        background-image: url('../images/pic52.png');
        background-size: 100% 100%;
    }
    
    .structure-bx-tim{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: .3rem;
    }
    
    .structure-bx-tim img{
        width: 70%;
        height: 2rem;
    }
    
    
    
    
    
    
    /* .about-honor{
    
    } */
    .honor-bx-tim{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .honor-bx-tim li{
        width: 42%;
        background-color: #f5f5f5;
        padding: .3rem .2rem;
        margin-top: .3rem;
    }
    .honor-img{
        width: 100%;
        height: 2rem;
        background-color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .honor-img img{
        max-width: 100%;
        max-height: 100%;
    }
    .honor-bx-tim li h4{
        font-size: .18rem;
        font-weight: 600;
        text-align: center;
        margin-top: .2rem;
    }
    
    













}