.row-ManagementTeam {
    padding: 74px 0 0px;
}

.row-ManagementTeam .disTit {
    margin-bottom: 50px;
}

.m-ManagementTeam1 {
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    overflow: hidden;
    margin-bottom: 61px;
}

.m-ManagementTeam1 .pic {
    float: left;
    width: 385.56px;
    height: 508.17px;
}

.m-ManagementTeam1 .pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.m-ManagementTeam1 .txt {
    overflow: hidden;
    padding: 68px 106px 0px 96px;
}

.m-ManagementTeam1 .txt .name {
    /* font-family: Microsoft YaHei; */
    font-size: 23px;
    color: #000000;
    margin-bottom: 6px;
}

.m-ManagementTeam1 .txt .info {
    /* font-family: Microsoft YaHei; */
    font-size: 13px;
    color: #545454;
    margin-bottom: 28px;
}

.m-ManagementTeam1 .txt .desc {
    /* font-family: Myriad Pro; */
    font-size: 16px;
    color: #303030;
    line-height: 1.8125;
    height: 300px;
    overflow-y: auto;
}

.ul-ManagementTeam {
    overflow: hidden;
    display: block;
    margin: 0 -16px;
}

.ul-ManagementTeam li {
    float: left;
    width: 25%;
    margin-bottom: 33px;
}

.ul-ManagementTeam .con {
    position: relative;
    height: 0;
    padding-top: 121.7%;
    overflow: hidden;
    display: block;
    margin: 0 16px;
}

.ul-ManagementTeam .con img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ul-ManagementTeam .con .info .t2 {
    font-size: 12px;
    color: #DDDDDD;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ul-ManagementTeam a .info {
    position: absolute;
    text-align: center;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    padding-bottom: 20px;
    bottom: 0;
    left: 0;
    height: 100px;
    width: 100%;
    background: linear-gradient(0deg, #000, transparent 80%);
}

.ul-ManagementTeam .con .info .t1 {
    font-size: 17px;
    color: #fff;
}

.ul-ManagementTeam .con .info .artContent {
    display: none;
}

.about-view5 {
    padding: 61px 0;
}

@media screen and (max-width: 1199px) {
    .m-ManagementTeam1 .pic {
        float: none;
        width: 100%;
        height: auto;
    }

    .m-ManagementTeam1 .txt {
        padding: 20px 30px 30px;
    }

    .m-ManagementTeam1 .txt .desc {
        height: auto;
    }

    .m-ManagementTeam1 .pic img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .row-ManagementTeam {
        padding: 34px 0 0px;
    }

    .row-ManagementTeam .disTit {
        margin-bottom: 20px;
    }

    .m-ManagementTeam1 .txt .info {
        margin-bottom: 20px;
    }

    .m-ManagementTeam1 {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 959px) {
    .ul-ManagementTeam {
        margin: 0 -8px;
    }

    .ul-ManagementTeam li {
        width: 33.3%;
        margin-bottom: 16px;
    }

    .ul-ManagementTeam .con {
        margin: 0 8px;
    }

    .about-view5 {
        padding: 30px 0;
    }

    .m-ManagementTeam1 .txt {
        padding: 15px 15px 20px;
    }
}

@media screen and (max-width: 767px) {
    .ul-ManagementTeam {
        margin: 0 -5px;
    }

    .ul-ManagementTeam li {
        width: 33.3%;
        margin-bottom: 10px;
    }

    .ul-ManagementTeam .con {
        margin: 0 5px;
    }

    .ul-ManagementTeam li {
        width: 50%;
    }
}