.leader_list ul {
        display: flex;
        flex-wrap: wrap;}

    .leader_list ul li {
        display: flex;
        flex-direction: row;
        width: 48%;
        flex-wrap: wrap;
        margin: 1%;
        border: 1px solid rgb(221, 221, 221);}


    .leader_text ul {
        display: flex;
        flex-direction: column;}

    .leader_pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;}

    .leader_pic {
        width: 35%;}

    .leader_text ul li {
        width: 100% !important;
        margin: 10px 0;
        border: none;}

  .leader_text {
    padding: 0px 20px;
    width: 100%;}

    .leader_text ul li:nth-child(1) {
        line-height: 50px;
        font-size: 20px;
        margin: 10px 0;}

    .leader_text ul li:nth-child(2) {
        line-height: 22px;
        margin-top: 0px;}

    .leader_text ul li:nth-child(3) {
        color: rgb(51, 51, 51);
        font-size: 14px;}

    .leader_text ul li:nth-child(4) {
        color: rgb(51, 51, 51);
        font-size: 14px;}



    /* 添加响应式代码 */

    /* 平板设备 (768px 到 1024px) */
    @media screen and (max-width: 1024px) {
        .leader_list ul li {
            width: 100%;
            /* 平板上一行显示一个 */
            margin: 15px 0;}

        .leader_pic {
            width: 30%;}

        .leader_text {
            width: 70%;
            /* 调整文字区域宽度 */
            padding: 0px 15px;}

        .leader_text ul li:nth-child(1) {
            font-size: 18px;
            /* 减小姓名字体 */
            line-height: 40px;}
    }

    /* 大屏手机 (576px 到 768px) */
    @media screen and (max-width: 768px) {
        .leader_list ul li {
            width: 100%;
            margin: 12px 0;
            flex-direction: row;}

        .leader_pic {
            width: 30%;}

        .leader_text {
            width: 70%;
            padding: 0px 12px;}

        .leader_text ul li:nth-child(1) {
            font-size: 16px;
            line-height: 35px;}

        .leader_text ul li:nth-child(2) {
            line-height: 20px;
            font-size: 14px;}

        .leader_text ul li:nth-child(3),
        .leader_text ul li:nth-child(4) {
            font-size: 12px;}
    }


    @media screen and (max-width: 576px) {
        .leader_list ul li {

            width: 100%;
            margin: 10px 0;}

        .leader_pic {

            height: 200px;
            overflow: hidden;}

        .leader_text {
            padding: 15px 10px;}

        .leader_text ul {
            align-items: center;}

        .leader_text ul li:nth-child(1) {
            font-size: 18px;
            line-height: 30px;
            margin-bottom: 5px;}

        .leader_text ul li:nth-child(2) {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 8px;}

        .leader_text ul li:nth-child(3),
        .leader_text ul li:nth-child(4) {
            font-size: 14px;
            margin: 5px 0;}

    }


    @media screen and (max-width: 400px) {
        .leader_pic {
            height: 180px;}

        .leader_text ul li:nth-child(1) {
            font-size: 16px;}

        .leader_text ul li:nth-child(2) {
            font-size: 14px;}

        .leader_text ul li:nth-child(3),
        .leader_text ul li:nth-child(4) {
            font-size: 12px;}

        .pb_sys_common {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;}

        .pb_sys_common .p_t {
            width: 100%;
            margin-bottom: 8px;}
    }

    @media screen and (max-width: 576px) {
        .leader_pic img {
            object-fit: cover;
            object-position: center;}
    }


    @media (hover: hover) and (pointer: fine) {
        .leader_list ul li:hover {
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transform: translateY(-2px);
            transition: all 0.3s ease;}
    }


    @media (hover: none) and (pointer: coarse) {
        .leader_list ul li:active {
            background-color: rgba(0, 0, 0, 0.02);}
    }

    @media screen and (min-width: 1440px) {
        .leader_list ul li {
            width: 48%;}
    }

/* 123 */