/* 详情 */
    .Nybanner .text {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 2;
        left: 0;
        bottom: 0;
        padding: 0 var(--container);
        padding-top: 100px;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .Nybanner .text h2 {
        font-weight: 400;
        font-size: 14px;
        color: #000;
    }

    .Nybanner .text h1 {
        font-weight: 700;
        font-size: 42px;
        color: #000;
        margin-top: 5px;
        margin-bottom: 45px;
    }

    @media (max-width: 1200px) {
        .Nybanner .text {
            padding-top: 0;
        }

        .Nybanner .text h1 {
            font-size: 38px;
            color: #000;
            margin-top: 5px;
            margin-bottom: 15px;
        }
    }

    @media (max-width: 720px) {
        .Nybanner .text {
            padding-top: 0;
        }

        .Nybanner .text h1 {
            font-size: 28px;
        }

        .Nybanner .banner {
            height: 300px;
        }
    }

    .NavList {
        position: relative;
        z-index: 999;
        width: 100%;
        height: 90px;
        display: flex;
    }

    .NavList .CpTitle {
        display: none;
    }

    .NavList .CpNav {
        width: 100%;
        display: flex;
    }

    .NavList li {
        width: 100%;
        height: 100%;
        position: relative;
        border-right: 1px solid #E7E7E7;
    }

    .NavList li * {
        transition: 0.5s;
    }

    .NavList li .link1 {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        grid-gap: 10px;
        background: #fff;
    }

    .NavList li.on .link1 {
        background: var(--color);
    }

    .NavList li.on .link1 * {
        filter: invert(1);
    }

    .NavList li.on .link1 i {
        transform: rotateX(180deg);
    }

    .NavList li .link1 img {
        width: 25px;
    }

    .NavList li .link1 a {
        font-size: 18px;
        color: #000000;
    }

    .NavList li .link1 i {
        display: block;
    }

    .NavList li .dropdown1 {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 100%;
        width: 100%;
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        display: none;
    }

    .NavList li.on .dropdown1 {
        display: block;
    }

    .NavList li .dropdown1 a {
        display: block;
        border-bottom: 1px solid #E7E7E7;
        padding: 30px;
    }

    .NavList li .dropdown1 a:hover {
        color: var(--color);
        font-weight: bold;
    }

    @media (max-width:1600px) {
        .NavList .CpNav {
            justify-content: center;
        }

        .NavList li {
            width: auto;
        }

        .NavList li:last-child {
            border: 0px;
        }

        .NavList li .link1 {
            padding: 0 20px;
        }

        .NavList li .link1 a {
            font-size: 16px;
        }
    }

    @media (max-width: 1440px) {
        .NavList li .link1 {
            padding: 0 15px;
        }

        .NavList li .link1 a {
            font-size: 14px;
        }

        .NavList li .link1 img {
            width: 20px;
        }

        .NavList li .dropdown1 a {
            padding: 30px 15px;
        }
    }

    @media (max-width: 1200px) {

        .NavList {
            height: auto;
            flex-wrap: wrap;
        }

        .NavList .CpTitle {
            padding: 0 var(--container);
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 60px;
            border-bottom: 1px solid #E5E5E5;
            font-size: 18px;
            font-weight: bold;
        }

        .NavList .CpNav {
            display: none;
            flex-wrap: wrap;
            border: 1px solid #ccc;
        }

        .NavList li {
            width: 100%;
            height: auto;
            border: 0px;
            border-bottom: 1px solid #ccc;
        }

        .NavList li .link1 {
            height: auto;
            padding: 20px var(--container);
            justify-content: flex-start;
            position: relative;

        }

        .NavList li .link1 a {
            font-size: 18px;
        }

        .NavList li .link1 i {
            position: absolute;
            right: var(--container);
        }

        .NavList li .dropdown1 {
            position: unset;
            border: 1px solid #ccc;
        }

        .NavList li .dropdown1 a {
            padding: 15px calc(var(--container) + 30px);

        }
    }

    @media (max-width: 720px) {
        .NavList li .link1 a {
            font-size: 16px;
        }

        .NavList li .dropdown1 a {
            font-size: 14px;
        }
    }

    /* 产品图文 第一屏 */
    .NyBigBox {
        padding-top: 0;
        padding-bottom: 0;
    }

    .cpjj {
        position: relative;
        width: 100%;
        padding: 0px var(--container);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        background: #F0F1F5;
        overflow: hidden;
    }

    .CpText {
        width: 35%;
        display: flex;
        flex-direction: column;
        grid-gap: 15px;
        position: relative;
        z-index: 3;
        justify-content: center;
    }

    .CpText::after {
        content: "";
        position: absolute;
        z-index: -2;
        top: 0%;
        right: 0;
        width: 200%;
        height: 100%;
        background: #fff;
    }

    .CpText::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0%;
        right: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        transform-origin: right bottom;
        transform: rotate(20deg) scaleY(1.5);
    }

    .CpText h1 {
        font-weight: 700;
        font-size: 32px;
        line-height: 1.5;
        color: var(--color);
    }

    .CpText span {
        display: block;
        width: 50px;
        height: 3px;
        background: var(--color);
    }

    .CpText .desc {
        font-size: 14px;
        line-height: 1.5;
        color: #2F2F2F;
    }

    .CpText a {
        margin-top: 60px;
        display: flex;
        align-items: center;
        grid-gap: 30px;
        font-size: 16px;
        color: #2F2F2F;
    }

    .CpText a img {
        width: 50px;
    }


    .CpImg {
        width: 35%;
        padding: 120px 0;
    }

    .CpImg img {
        width: 100%;
    }

    .icon0 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        grid-gap: 30px;
    }

    .icon0 li {
        display: flex;
        flex-direction: column;
        align-items: center;
        grid-gap: 15px;
    }

    .icon0 li img {
        width: 40px;
        height: 40px;
        object-fit: contain;
    }

    .icon0 li p {
        font-size: 14px;
        text-align: center;
        color: #2F2F2F;
    }


    @media (max-width: 1440px) {
        .CpText {
            width: 40%;
        }

        .CpImg {
            margin-right: 90px;
        }

        .icon0 {
            position: absolute;
            z-index: 2;
            right: var(--container);
            height: 100%;
        }

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

    @media (max-width: 1200px) {
        .CpText {
            grid-gap: 5px;
        }

        .CpText h1 {
            font-size: 24px;
        }

        .CpText a {
            margin-top: 15px;
        }

        .CpImg {
            width: 40%;
            padding: 90px 0;
            margin-right: 60px;
        }

        .icon0 li {
            grid-gap: 5px;
        }

        .icon0 {
            grid-gap: 15px;
        }
    }

    @media (max-width:720px) {
        .cpjj {
            padding-top: 60px;
            padding-bottom: 60px;
        }

        .CpText {
            width: 100%;
            grid-gap: 15px;
        }

        .CpText a {
            margin-top: 0;
        }

        .CpText::before,
        .CpText::after {
            display: none;
        }

        .CpImg {
            width: 100%;
            padding: 30px 0;
            margin-right: 0px;
        }

        .icon0 {
            position: unset;
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;
        }
    }

    /* ---------- 产品详情 ----------*/

    /* 详情分类 */
    .NyList {
        width: 100%;
        padding: 45px var(--container);
        display: flex;
        justify-content: center;
    }

    .NyList a {
        position: relative;
        padding: 0 75px;
        border-right: 1px solid #E5E5E5;
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #2F2F2F;
        cursor: pointer;
    }

    .NyList a:hover {
        font-weight: bold;
        color: var(--color);
    }

    .NyList a:last-child {
        border: 0px;
    }

    .NyList a img {
        position: absolute;
        left: 15px;
        width: 45px;
        opacity: 0;
    }

    .NyList a:hover img {
        opacity: 1;
    }

    @media (max-width: 1200px) {
        .NyList a {
            padding: 0 30px;
        }

        .NyList a img {
            width: 20px;
            left: 5px;
        }
    }

    @media (max-width:720px) {
        .NyList a {
            padding: 0;
            width: 100%;
        }

        .NyList a img {
            display: none;
        }
    }

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

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

    /* 通用样式 */
    .NyContent {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: var(--container);
        padding-right: var(--container);
    }

    .NyContent1 {
        padding-top: 120px;
    }

    .NyContent3 {
        padding-bottom: 120px;
    }

    .NyBox {
        margin-top: 45px;
    }

    @media (max-width: 1200px) {
        .NyContent {
            padding-top: 45px;
            padding-bottom: 45px;
        }

        .NyContent1 {
            padding-top: 90px;
        }


        .NyContent3 {
            padding-bottom: 90px;
        }
    }

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

        .NyContent {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .NyContent1 {
            padding-top: 60px;
        }

        .NyContent3 {
            padding-bottom: 60px;
        }
    }

    /* NyContent1 */

    .NyContent1 {
        width: 100%;
    }


    .NyBox1 .raw-html-embed {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .Swiper1 {
        position: relative;
        z-index: 3;
        width: 40%;
        height: 600px;
    }

    .Slide1 {
        padding: 0 75px;
        display: flex;
        align-items: center;
        align-items: center;
        grid-gap: 60px;
        position: relative;
    }

    .Slide1::after {
        content: "";
        position: absolute;
        left: 0;
        width: 26px;
        height: 26px;
        background: url(/assets/images/icon14.png) no-repeat center;
        background-size: contain;
        opacity: 0;
    }

    .Slide1 * {
        transition: 0.5s;
    }

    .Slide1.on::after {
        opacity: 1;
    }

    .Slide1::before {
        content: "";
        position: absolute;
        left: 13px;
        width: 1px;
        height: 200%;
        background: #D9D9D9;
    }

    .Slide1 img {
        width: 45px;
        height: 45px;
        object-fit: contain;
        filter: brightness(0);
    }

    .Slide1.on img {
        filter: brightness(1);
    }

    .Slide1 span h4 {
        font-weight: 700;
        font-size: 18px;
        color: #000000;
    }

    .Slide1.on span h4 {
        color: var(--color);
    }

    .Slide1 span h5 {
        font-size: 14px;
        color: #2F2F2F;
    }

    .item1 {
        position: relative;
        z-index: 2;
        width: 60%;
    }

    .item1 li.on {
        display: block;
    }

    .item1 li {
        display: none;
    }

    .item1 li .desc1 {
        display: flex;
        flex-direction: column;
        grid-gap: 10px;
        margin-bottom: 45px;
    }

    .item1 li .desc1 p {
        display: flex;
        align-items: center;
        grid-gap: 15px;
        line-height: 1.5;
    }

    .item1 li .desc1 p b {
        display: contents;
    }

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

    .Swiper1A .swiper-slide {
        border-radius: 20px;
        overflow: hidden;
        z-index: 2;
        border: 1px solid #C9C9C9;
        box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
    }

    .Swiper1A .swiper-slide img {
        display: block;
        width: 100%;
    }

    .Swiper1A .swiper-slide-prev {
        opacity: 0;
    }

    .Swiper1A .swiper-slide-next {
        z-index: 1;
        left: -75%;
        transform: scale(0.8);
    }



    @media (max-width: 1200px) {
        .Swiper1 {
            width: 100%;
            height: auto;
            margin-bottom: 45px;
        }

        .Slide1 {
            width: 300px;
            padding: 0;
            grid-gap: 30px;
            padding-bottom: 45px;
            justify-content: center;
        }

        .Slide1::before {
            width: 300%;
            height: 1px;
            left: auto;
            bottom: 13px;
        }

        .Slide1::after {
            left: auto;
            bottom: 0;
        }

        .Slide1.swiper-slide-active {
            z-index: 3;
        }

        .item1 {
            width: 100%;
        }
    }

    @media (max-width:720px) {
        .Slide1 {
            width: 200px;
            grid-gap: 15px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .Slide1 span h4,
        .Slide1 span h5 {
            text-align: center;
        }
    }



    /* NyContent2 */

    .NyBox2 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .desc2 {
        width: 65%;
        background: #FFFFFF;
        box-shadow: 0px 0px 10px 10px #F4F4F4;
        border-radius: 12px;
        padding: 45px;
    }

    .desc2 tr {
        padding: 0;
        border: 0;
    }

    .desc2 tr:first-child {
        border-bottom: 3px solid var(--color);
    }

    .desc2 tr td {
        padding: 15px 30px;
        vertical-align: middle;
    }

    .desc2 tr:nth-child(2n) {
        background: #F3F4F6;
    }

    .desc2 tr:first-child td {
        text-align: center;
        justify-content: center;
        padding: 20px;
        padding-top: 0;
        font-weight: 700;
        font-size: 18px;
        color: var(--color);
    }

    .desc2 tr td:first-child {
        width: 40%;
        border-right: 2px solid #fff;
    }

    .desc2 tr td:last-child {
        width: 60%;
    }


    .NyCp {
        position: relative;
        width: calc(35% - 90px);
        display: flex;
        align-items: flex-end;

    }

    .CanPin {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: calc(100% - 150px);
        overflow: hidden;
        padding: 25px;
        background: #FFFFFF;
        border: 1px solid #E2E2E2;
        border-radius: 12px;
    }

    .CanPin .raw-html-embed {
        /* overflow: hidden;
        overflow-y: scroll; */
        display: flex;
        flex-direction: column;
        grid-gap: 30px;
    }

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

    .NyCpItem .img {
        width: 100%;
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 15px;
        position: relative;

    }

    .NyCpItem .img:hover::after {
        content: "";
        position: absolute;
        z-index: 3;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, #F7F7F8 0%, #C0CAE8 100%);
        z-index: 1;
    }

    .NyCpItem img {
        width: 100%;
        position: relative;
        z-index: 2;
    }

    .NyCpItem .text {
        margin-top: 10px;
    }

    .NyCpItem:hover .text * {
        color: var(--color);
    }

    .NyCpItem .text h4 {
        font-size: 18px;
        color: #000000;
        margin-bottom: 5px;
    }

    .NyCpItem .text h5 {
        font-size: 14px;
        color: #2F2F2F;
    }

    @media (max-width: 1200px) {
        .desc2 {
            width: 100%;
        }

        .NyCp {
            display: none;
        }
    }

    @media (max-width:720px) {
        .desc2 {
            padding: 30px;
        }

        .desc2 tr td {
            padding: 15px;
        }
    }

    @media (max-width:460px) {
        .desc2 {
            padding: 0px;
        }

        .desc2 tr:first-child td {
            padding: 20px;
        }
    }

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

    /* NyContent3 */
    .NyBox3 table {
        border-radius: 10px 10px 0 0;
        overflow: hidden;
        background: #fff;
    }

    .NyBox3 tr {
        width: 100%;
        padding: 0;
        border: 0;
        display: flex;
        grid-gap: 2px;
        background: #fff;
    }

    .NyBox3 tr td {
        padding: 20px 5px;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .NyBox3 tr:nth-child(2n) td {
        background: #F3F4F6;
    }

    .NyBox3 tr:first-child {
        background: var(--color);
    }

    .NyBox3 tr:first-child td {
        color: #fff;
    }

    .NyBox3 tr td:first-child {
        flex: 2;
    }

    .NyBox3 tr strong {
        font-weight: bolder;
        font-size: 40px;
        line-height: 0px;
    }


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

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

    @media (max-width: 1200px) {
        .NyBox3 tr td {
            padding: 10px 5px;
        }

        .NyBox3 tr td {
            font-size: 14px;
        }
    }

    @media (max-width:720px) {
        .NyBox3 {
            width: 100%;
            overflow: hidden;
            overflow-x: scroll;
        }

        .NyBox3 figure.table {
            width: 800px;
        }
    }

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

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


    /* NyContent4 */
    .NyContent4 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .NyBox4 .raw-html-embed {
        display: flex;
        grid-gap: 45px 120px;
        justify-content: center;
        flex-wrap: wrap;
    }


    .NyBox4 p {
        display: flex;
        flex-direction: column;
        align-items: center;
        grid-gap: 20px;
    }

    .NyBox4 p img {
        display: block;
        width: 60px;
        height: 60px;
        object-fit: contain;
    }

    @media (max-width: 1440px) {
        .NyBox4 .raw-html-embed {
            grid-gap: 45px 75px;
        }
    }

    @media (max-width: 1200px) {
        .NyContent4 {
            padding-top: 90px;
            padding-bottom: 90px;
        }

        .NyBox4 .raw-html-embed {
            grid-gap: 45px;
        }

        .NyBox4 p img {
            width: 45px;
            height: 45px;
        }
    }

    @media (max-width:720px) {
        .NyContent4 {
            padding-top: 60px;
            padding-bottom: 60px;
        }

        .NyBox4 .raw-html-embed {
            grid-gap: 30px;
        }
    }

    @media (max-width:460px) {
        .NyBox4 p img {
            width: 30px;
            height: 30px;
        }
    }

    /* NyContent5 */
    .NyBox5 {
        margin-top: 45px;
    }

    .NyBox5 h4 {
        text-align: center;
        font-weight: 700;
        font-size: 26px;
        text-align: center;
        color: #000000;
    }

    .NyBox5 .item5 {
        margin-top: 60px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        grid-gap: 75px;
    }

    .NyBox5 .item5 .table5 {
        position: relative;
        z-index: 2;
        width: 500px;
        padding: 40px;
        padding-top: 60px;
        background: rgba(255, 255, 255, 0.6);
        border: 1px solid #FFFFFF;
        box-shadow: 0px 6px 4px rgba(0, 0, 0, 0.15);
        backdrop-filter: blur(10px);
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .NyBox5 .item5 .table5::after {
        content: "";
        position: absolute;
        top: -3.5px;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        width: 170px;
        height: 7px;
        background: var(--color);
        border-radius: 10px;
    }

    .NyBox5 .item5 .table5::before {
        content: "";
        position: absolute;
        z-index: -1;
        right: -10%;
        width: 30%;
        height: 30%;
        display: block;
        background: var(--color);
        border-radius: 50%;
        filter: blur(150px);
    }

    .NyBox5 .item5 .table5:nth-child(2)::before {
        right: auto;
        left: -10%;
    }

    .NyBox5 .item5 .table5 h4 {
        font-weight: 700;
        font-size: 22px;
        text-align: center;
        color: var(--color);
        margin-bottom: 45px;
    }

    .NyBox5 .item5 .table5:nth-child(2) h4 {
        color: #000;
    }

    .NyBox5 .item5 .table5 span {
        width: 100%;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #D9D9D9;
    }

    .NyBox5 .item5 .table5 span:last-child {
        border-bottom: 1px solid #D9D9D9;
    }

    .NyBox5 .item5 .table5 span p {
        font-size: 16px;
        line-height: 2;
        color: var(--color);
    }

    .NyBox5 .item5 .table5:nth-child(2) span p {
        color: #000;
    }

    .NyBox5 .item5 .table5 span p:last-child {
        font-size: 18px;
        font-weight: bold;
    }

    .NyBox5 .item5 .table5 span:last-child p {
        font-weight: bold;
        color: var(--color2);
    }

    .NyBox5 .item5 .table5 span:last-child p:last-child {
        font-size: 32px;
        color: var(--color2);
    }

    .NyBox5 .item5 .img5 {
        position: absolute;
        z-index: 2;
    }


    @media (max-width: 1200px) {
        .NyBox5 .item5 {
            grid-gap: 60px;
        }

        .NyBox5 .item5 .table5 {
            width: calc(50% - 30px);
        }

        .NyBox5 .item5 .table5 span {
            grid-gap: 15px;
        }

        .NyBox5 .item5 .table5 span p {
            min-width: 50px;
        }

        .NyBox5 .item5 .table5 span p:last-child {
            font-size: 18px;
            font-weight: bold;
            text-align: right;
        }
    }

    @media (max-width:720px) {
        .NyBox5 .item5 {
            margin-top: 30px;
        }

        .NyBox5 h4 {
            font-size: 18px;
        }

        .NyBox5 .item5 .table5 {
            width: 100%;
        }

        .NyBox5 .item5 {
            grid-gap: 75px;
        }
    }




    /* NyContent6 */
    .NyContent6 {
        padding-bottom: 120px;
    }

    .NyBox6 {
        margin: 0;
    }

    .NyBox6 .raw-html-embed {
        display: flex;
        flex-wrap: wrap;
        border-radius: 16px;
        background: #F3F4F6;
        overflow: hidden;
    }

    .img6 {
        width: 45%;
        border: 1px solid #D3D3D3;
    }

    .img6 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: none;
    }

    .img6 img.on {
        display: block;
    }

    .item6 {
        width: 55%;
        padding: 75px;
    }

    .item6 .NyTitle {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px dashed #BCBABA;
    }

    .text6Box {
        display: flex;
        flex-direction: column;
        grid-gap: 10px;
    }

    .text6 {
        position: relative;
    }

    .text6 h1 {
        width: 100%;
        height: 60px;
        background: rgba(190, 190, 190, 0.5);
        border-radius: 50px;
        text-align: center;
        font-weight: 700;
        font-size: 24px;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .text6.on h1 {
        background: var(--color2);
    }

    .desc6 {
        display: none;
    }

    .desc6 h4 {
        margin-top: 15px;
        font-size: 16px;
        line-height: 30px;
        color: var(--color);
    }

    .desc6 h4 b {
        font-weight: 700;
        font-size: 32px;
        color: var(--color2);
    }

    .icon6Box {
        width: 100%;
        margin: 10px 0;
        display: flex;
        grid-gap: 3px;
    }

    .icon6 {
        width: 100%;
        background: #fff;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        grid-gap: 5px;
        font-size: 14px;
        text-align: center;
        color: #2F2F2F;
    }

    .desc6 p {
        font-size: 16px;
        line-height: 2;
        color: #2F2F2F;
        margin-bottom: 10px;
    }

    @media (max-width: 1440px) {
        .item6 {
            padding: 30px 45px;
        }

        .text6 h1 {
            height: 45px;
            font-size: 18px;
        }

        .icon6 {
            padding: 15px;
        }

        .desc6 p {
            line-height: 1.5;
            margin-bottom: 0;
        }
    }

    @media (max-width: 1200px) {
        .NyContent6 {
            padding-bottom: 90px;
        }

        .icon6 img {
            width: 30px;
        }

        .desc6 p {
            font-size: 14px;
        }
    }

    @media (max-width: 1000px) {
        .NyBox6 .raw-html-embed {
            display: flex;
            flex-direction: column-reverse;
        }

        .item6 {
            width: 100%;
        }

        .img6 {
            width: 100%;
        }
    }

    @media (max-width:720px) {
        .NyContent6 {
            padding-bottom: 60px;
        }
    }

    @media (max-width:460px) {
        .item6 {
            padding: 30px 20px;
        }

        .text6 h1 {
            font-size: 16px;
        }

        .icon6 {
            padding: 10px;
        }
    }





    /* NyContent7 */
    .NyContent7 {
        position: relative;
    }

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

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

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

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

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

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





    /* NyContent8 */
    .NyContent8 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .NyBox8 {
        display: flex;
        justify-content: center;
    }


    @media (max-width: 1200px) {
        .NyContent8 {
            padding-top: 90px;
            padding-bottom: 90px;
        }
    }

    @media (max-width:720px) {
        .NyContent8 {
            padding-top: 60px;
            padding-bottom: 60px;
        }
    }



    /* NyContent9 */
    .NyContent9 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .NyBox9 {
        margin-top: 45px;
        width: 100%;
    }

    .NyBox9 .raw-html-embed {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        grid-gap: 20px;
    }

    .item9A {
        position: absolute;
        z-index: 2;
        background: #fff;
        padding: 20px;
        border-radius: 50%;
        width: 20%;
    }

    .item9A img {
        width: 100%;
    }

    .item9 {
        width: calc(50% - 10px);
        height: 420px;
        background: #F9FAFB;
        padding: 45px;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .item9:nth-child(2n) .number {
        left: auto;
        right: 45px;
    }

    .item9 .number {
        position: absolute;
        left: 45px;
        top: 45px;
        font-weight: 700;
        font-size: 38px;
        line-height: 1;
        color: #B6B6B6;
    }

    .item9 img {
        width: 75px;
    }

    .item9 h4 {
        font-size: 20px;
        text-align: center;
        color: #000000;
        margin-top: 30px;
        margin-bottom: 15px;
    }

    .item9 h5 {
        font-size: 16px;
        line-height: 1.5;
        text-align: center;
        color: #2F2F2F;
        max-width: 320px;
    }

    .item9 h5 b {
        color: var(--color2);
    }

    @media (max-width:1440px) {
        .item9A {
            width: 25%;
        }
    }

    @media (max-width:1200px) {
        .NyContent9 {
            padding-top: 90px;
            padding-bottom: 90px;
        }

        .item9 {
            padding: 30px;
        }

        .item9 .number {
            left: 30px;
            top: 30px;
        }

        .item9:nth-child(2n) .number {
            left: auto;
            right: 30px;
        }
    }

    @media (max-width:720px) {
        .NyContent9 {
            padding-top: 60px;
            padding-bottom: 60px;
        }

        .item9 {
            padding: 15px;
            height: 360px;
        }

        .item9A {
            width: 140px;
            padding: 15px;
        }

        .item9 .number {
            font-size: 28px;
            left: 15px;
            top: 15px;
        }

        .item9:nth-child(2n) .number {
            left: auto;
            right: 15px;
        }

        .item9 img {
            width: 45px;
        }

        .item9 h4 {
            font-size: 18px;
            margin-top: 15px;
            margin-bottom: 5px;
        }

        .item9 h5 {
            font-size: 14px;
        }
    }



    /* NyContent10 */
    .NyContent10 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .NyBox10 {
        width: 100%;
        overflow: hidden;
        border-radius: 20px;
    }

    .NyBox10 figure.image img {
        width: 100%;
    }

    @media (max-width:1200px) {
        .NyContent10 {
            padding-top: 90px;
            padding-bottom: 90px;
        }
    }

    @media (max-width:720px) {
        .NyContent10 {
            padding-top: 60px;
            padding-bottom: 60px;
        }

        .NyBox10 {
            border-radius: 15px;
        }
    }

    /* NyContent000 */
    .NyContent000 {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        background: #F7F7F8;
    }

    .text000 {
        position: relative;
        z-index: 3;
        width: 50%;
        padding-left: var(--container);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        grid-gap: 30px;
    }

    .text000 .NyTitle {
        align-items: flex-start;
    }


    .text000 h3 {
        font-size: 14px;
        line-height: 1.5;
        color: #2F2F2F;
        padding-right: 30px;
    }

    .text000 .number {
        width: 100%;
        margin: 30px 0;
        display: flex;
    }

    .text000 .number span {
        width: 50%;
        font-weight: 700;
        font-size: 42px;
        color: var(--color);
        display: flex;
        flex-direction: column;
    }

    .text000 .number span b {
        font-size: 14px;
        color: #000000;
    }

    .item000 {
        width: 125%;
        grid-gap: 20px;
    }

    .item000 {
        width: 125%;
        display: flex;
        grid-gap: 20px;
    }

    .item000 a {
        width: 100%;
        height: 140px;
        display: flex;
        align-items: center;
        justify-content: center;
        grid-gap: 45px;
        background: #FFFFFF;
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.06);
        border-radius: 20px;
        transition: 0.5s;
    }

    .item000 a:hover {
        background: var(--color);
    }

    .item000 a img {
        width: 45px;
        height: 45px;
        object-fit: contain;
    }

    .item000 a p {
        font-weight: 700;
        font-size: 18px;
        color: #000000;
        display: flex;
        flex-direction: column;
        grid-gap: 10px;
    }

    .item000 a b {
        font-weight: 400;
        font-size: 14px;
        color: #2F2F2F;
    }

    .item000 a * {
        transition: 0.5s;
    }

    .item000 a:hover * {
        filter: invert(1);
    }

    .item000 a:hover b {
        color: #fff;
    }

    .img000 {
        width: 50%;
        border-radius: 34px 0 0 0;
        overflow: hidden;
    }

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


    @media (max-width: 1440px) {
        .text000 {
            grid-gap: 15px;
        }

        .text000 .number {
            margin: 0;
        }

        .item000 a {
            grid-gap: 15px;
        }
    }

    @media (max-width: 1200px) {
        .item000 {
            width: 175%;
            grid-gap: 10px;
        }

        .item000 a {
            height: 100px;
        }

        .item000 a img {
            width: 30px;
            height: 30px;
        }

        .item000 a p {
            font-size: 16px;
        }

        .item000 a b {
            font-size: 12px;
        }

        .text000 {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .text000 .number span {
            font-size: 24px;
        }
    }

    @media (max-width:720px) {
        .text000 {
            width: 100%;
            padding-left: var(--container);
            padding-right: var(--container);
            padding-top: 45px;
            padding-bottom: 45px;
        }

        .item000 {
            width: 100%;
            grid-gap: 10px;
        }

        .text000 h3 {
            padding: 0;
        }

        .img000 {
            margin-top: 15px;
            width: 100%;
        }
    }

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

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