@keyframes text {
        0% {
            transform: scale(1);
        }

        100% {
            transform: scale(1.3);
        }
    }

    /* 框架结构 */
    body {
        background: #fff;
    }

    /* 内页大图 */
    .Nybanner {
        overflow: hidden;
        position: relative;
        width: 100%;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .Nybanner .banner {
        position: relative;
        width: 100%;
        object-fit: cover;
        opacity: 1;
    }

    @media (max-width: 720px) {
        .Nybanner .banner {
            min-height: 150px;
        }
    }

    /* 内页框架 */
    .NyBigBox {
        background: #fff;
        padding-top: 60px;
        padding-bottom: 60px;
        position: relative;
        z-index: 9;
        overflow: hidden;
    }


    /* 面包屑样式 */
    .mbx {
        width: 100%;
        padding: 15px var(--container);
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        grid-gap: 5px;
        background: #f2f2f2;
    }

    .mbx a {
        font-size: 14px;
        color: #787878;
    }

    @media (max-width: 720px) {
        .mbx a {
            font-size: 12px;
        }
    }

    .NyBigBox .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .NyLeft {
        width: 25%;
        display: flex;
        flex-direction: column;
        grid-gap: 45px;
    }

    .NyNavBox {
        border: 1px solid #f2f2f2;
    }

    /* 分类样式 */
    .TitleNav {
        display: flex;
        align-items: center;
        grid-gap: 15px;
        padding: 15px 30px;
        background: var(--color);
        background-size: cover;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        position: relative;
    }

    .TitleNav::before {
        content: "";
        display: block;
        width: 10px;
        height: 25px;
        background: #fff;
        transform: skewX(150deg);
    }

    .NyNav {
        display: flex;
        flex-direction: column;
        grid-gap: 2px;
    }

    .NyNavFUji {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #f2f2f2;
        padding: 15px 30px;
        cursor: pointer;

    }

    .NyNavFUji a {
        font-size: 16px;
        color: #000;
    }

    .NyNav.on .NyNavFUji a {
        color: var(--color);
    }

    .NyNav.on .NyNavFUji i {
        transform: rotate(90deg);
    }

    .NyNavZiji {
        display: none;
    }


    .NyNavZiji a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #f2f2f2;
        padding: 15px 30px;
        padding-left: 45px;
        font-size: 14px;
        opacity: 0.8;
    }

    .NyNavZiji a.active {
        color: var(--color);
    }

    /* 左侧推荐产品样式 */
    .NyLeftProducts {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 20px;
    }

    .NyLeftProducts a {
        background: #f2f2f2;
        padding: 15px;
        display: flex;
        flex-wrap: wrap;
        display: none;
    }

    .NyLeftProducts a:nth-child(1),
    .NyLeftProducts a:nth-child(2),
    .NyLeftProducts a:nth-child(3) {
        display: flex;
    }

    .NyLeftProducts a .img {
        width: 50%;
    }

    .NyLeftProducts a .text {
        width: 50%;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        grid-gap: 10px;
        padding-left: 15px;
    }

    .NyLeftProducts a .text h1 {
        width: 100%;
        font-size: 16px;
        color: #343434;
    }

    .NyLeftProducts a .text span {
        background: #b3aca2;
        font-size: 16px;
        border-radius: 10px;
        padding: 10px;
        color: #fff;
        text-align: center;
    }

    /* 左侧联系方式样式 */
    .NyLeftDesc {
        padding: 15px;
        display: flex;
        flex-wrap: wrap;
        grid-gap: 30px;
    }

    .NyLeftDesc li {
        width: 100%;
        display: flex;
        align-items: center;
        grid-gap: 15px;
    }

    .NyLeftDesc li img {
        width: 30px;
        height: 30px;
        object-fit: contain;
    }

    .NyLeftDesc li h1 {
        color: var(--color);
        font-size: 16px;
    }

    .NyLeftDesc li p {
        color: #888;
        font-size: 16px;
    }

    /* 右侧样式 */
    .NyRight {
        width: calc(75% - 30px);
    }

    @media (max-width: 1200px) {
        .NyLeft {
            display: none;
        }

        .NyNavBox {
            display: none;
        }

        .NyNavBox:first-child {
            display: block;
        }

        .NavList {
            display: none;
        }

        .NyRight {
            width: 100%;
        }
    }


    /* 页码 */
    .Post {
        border-top: 1px solid #e6e6e6;
        width: 100%;
        padding: 20px 0;
        display: flex;
        justify-content: space-between;
    }

    .Post a {
        max-width: 50%;
        color: #333;
        line-height: 1;
        font-size: 16px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    @media (max-width: 720px) {
        .Post {
            display: flex;
            flex-wrap: wrap;
        }

        .Post a {
            width: 100%;
            max-width: 100%;
            margin: 5px 0;
        }
    }

    /* 定位 */
    .dian {
        position: relative;
        top: -100px;
    }

    @media (max-width: 640px) {
        .dian {
            position: relative;
            top: -60px;
        }
    }