/* -------- 创新研发 - YanFa - 创新研发 - YanFa - 创新研发 - YanFa - 创新研发 - YanFa ---------- */


    .YanFa_Big_1 {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .YanFa_Big_1 .NyTitle {
        padding: 0 var(--container);
    }

    .YanFa_1 {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .YanFa_List_Box {
        margin: 45px 0;
        padding: 0 var(--container);
        border-bottom: 1px solid #E6E6E6;
        display: flex;
        justify-content: center;
    }

    .YanFa_List_Box h1 {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
        max-width: 240px;
        padding: 20px 15px;
        font-size: 18px;
        color: #000000;
        border-radius: 6px 6px 0 0;
    }

    .YanFa_List_Box h1.on {
        font-weight: bold;
        background: var(--color);
        color: #fff;
    }

    .YanFa_Item_Box {
        position: relative;
    }

    .YanFa_Item_Box .item {
        display: none;
        position: relative;
        z-index: 2;
    }

    .YanFa_Item_Box .item.on {
        display: block;
    }

    .YanFa_1_txt {
        position: relative;
        width: 100%;
        height: 600px;
        z-index: 2;
        padding: 120px var(--container);
        display: flex;
        flex-direction: column;
        grid-gap: 45px;
        background: linear-gradient(90deg, #003686bf 30%, #00000000 50%);
    }

    .YanFa_1_txt .title {
        font-weight: 700;
        font-size: 16px;
        color: #FFFFFF;
    }

    .YanFa_1_txt .icon {
        display: flex;
        align-items: center;
        grid-gap: 25px;
    }

    .YanFa_1_txt .icon img {
        width: 55px;
    }

    .YanFa_1_txt h1 {
        font-weight: 700;
        font-size: 14px;
        color: #FFFFFF;
        margin-bottom: 10px;
    }

    .YanFa_1_txt h2 {
        width: 100%;
        max-width: 600px;
        font-size: 14px;
        color: #FFFFFF;
        opacity: 0.9;
    }

    .YanFa_1_bj {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
    }

    @media (max-width: 1200px) {
        .YanFa_1_txt {
            padding: 60px var(--container);
            grid-gap: 20px;
            background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0) 80%);
            height: 400px;
        }
    }

    @media (max-width:720px) {
        .YanFa_List_Box {
            margin: 15px 0;
            display: flex;
            flex-wrap: wrap;
            border: 0px;
        }

        .YanFa_List_Box h1 {
            border-radius: 6px;
            width: 50%;
            font-size: 16px;
        }

        .YanFa_1_txt {
            background: rgba(0, 0, 0, 0.8);
            height: 650px;
        }

        .YanFa_1_txt .icon {
            display: flex;
            align-items: flex-start;
            grid-gap: 5px;
            flex-direction: column;
        }
    }

    @media (max-width:460px) {
        .YanFa_1_txt {
            height: 700px;
        }
    }

    @media (max-width:380px) {}


    /* 2 */

    .YanFa_Big_2 {
        margin-top: 120px;
        padding: 0 var(--container);
    }

    .YanFa_2 {
        margin-top: 45px;
        display: flex;
        grid-gap: 5px;
    }


    .YanFa_2 .item {
        width: 100%;
        height: 30vw;
        overflow: hidden;
        position: relative;
        flex: 1;
        transition: 1s;
        background: #000000;
    }

    .YanFa_2 .item.on {
        flex: 0 1 50%;
    }

    .YanFa_2 .item .icon {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 2;
        padding: 45px 15px;
        transition: 0.5s;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }

    .YanFa_2 .item .icon img {
        height: 50px;
        margin-bottom: 15px;
    }

    .YanFa_2 .item .icon h1 {
        font-weight: 700;
        font-size: 16px;
        color: #FFFFFF;
    }

    .YanFa_2 .item .icon h2 {
        margin-top: 15px;
        width: 100%;
        max-width: 350px;
        font-weight: 400;
        font-size: 14px;
        color: #FFFFFF;
        display: none;
    }

    .YanFa_2 .item.on .icon {
        padding: 45px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
    }

    .YanFa_2 .item.on .icon h2 {
        display: block;
    }

    .YanFa_2 .item .bj {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: cover;
        opacity: 0.6;
        transition: 1s;
    }

    .YanFa_2 .item.on .bj {
        opacity: 0.8;
    }


    @media (max-width: 1440px) {}

    @media (max-width: 1200px) {
        .YanFa_Big_2 {
            margin-top: 90px;
        }

        .YanFa_2 {
            margin-top: 15px;
        }

        .YanFa_2 .item .icon h1 {
            text-align: center;

        }

        .YanFa_2 .item.on .icon h1 {
            text-align: left;
        }

        .YanFa_2 .item {
            height: 45vw;
        }

        .YanFa_2 .item .icon {
            padding: 20px 15px;
        }

        .YanFa_2 .item.on .icon {
            padding: 20px;
        }
    }

    @media (max-width:720px) {
        .YanFa_Big_2 {
            margin-top: 60px;
        }

        .YanFa_2 {
            display: flex;
            flex-wrap: wrap;
            grid-gap: 10px;
        }

        .YanFa_2 .item {
            width: calc(50% - 5px);
            height: auto;
            flex: none !important;
        }

        .YanFa_2 .item .icon {
            position: relative;
            padding: 30px 15px !important;
        }

        .YanFa_2 .item.on .icon {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .YanFa_2 .item .icon h1 {
            text-align: center !important;
        }

        .YanFa_2 .item .icon h2 {
            text-align: center !important;
            display: block;
        }

        .YanFa_2 .item .bj {
            opacity: 0.4 !important;
        }
    }

    @media (max-width:460px) {}

    @media (max-width:380px) {
        .YanFa_2 .item {
            width: 100%;
        }
    }