@media screen and (min-width: 769px) {
    .primary-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        scroll-behavior: smooth;
        /* 启用平滑滚动 */
    }

    /* 页面切换动画 */
    .page-transition {
        transition: transform 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

    input {
        border: 1px solid rgba(228, 228, 228, 0);
    }

    .primary-container {
        width: 100%;
        min-width: 1009px;

        /* min-height: 900px; */
        /* overflow: hidden; width: 100%; position: fixed; */
    }

    #video-background-container-1654500417659 .video-background-container:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 75%);
        z-index: 1;
    }

    /* 顶部导航栏 */
    .top-bar {
        z-index: 2;
        width: 100%;
        /* padding: 10px 30px; */
        align-items: center;
        margin: 0 auto;
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: auto;
        right: auto;
        transform: none;
        height: auto;
        z-index: 11;
        content: "lt";
        max-width: none;
        min-width: 0px;
        max-height: none;
        min-height: 0px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        -webkit-transform: none;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 16px;
    }

    .top-bar-inn {
        width: 94%;
        /* height: 60px; */
        /* width: 100%;
        position: relative; */
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #layout-grid-1627288718138 .featured-img-000 {
        position: relative;
        z-index: 99999;
    }

    #featured-img-1627288718147 {
        max-width: calc(150px * 0.8);
    }

    #featured-img-1627288718147 {
        width: 100%;
        max-width: 140px;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        z-index: 2
    }

    #featured-img-1627288718147 > div {
        animation-fill-mode: both;
    }

    .featured-img-000 .animated {
        width: 100%;
        height: 100%;
        position: relative;
        min-height: inherit;
    }

    .featured-img-000 .panel-container {
        width: 100%;
        height: 100%;
        text-align: center;
        position: static;
    }

    a {
        color: #707070;
        text-decoration: none;
    }

    a {
        background-color: transparent;
    }

    img {
        vertical-align: middle;
        border: 0;
    }

    .logo {
        display: flex;
        align-items: center;
        /* max-width: calc(150px * 0.85); */
        max-width: 150px;
    }

    .logo img {
        /* width: 120px;
        height: 40px; */

        overflow-clip-margin: content-box;
        overflow: clip;
        width: 100%;
        height: 100%;

    }

    .logo-text {
        color: #ff0000;
        font-weight: bold;
        margin-left: 10px;
    }

    .search-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* width: 330px; */
        height: 80px;
    }

    .data-card {
        overflow: hidden;
        display: flex;
        align-items: center;
    }


    .p_headbox {
        /* opacity: 0; */
        /* transition: all 0.5s; */
        overflow: hidden;
        display: flex;
        align-items: center;
    }

    .placeholder {
        color: rgb(206, 206, 206);
        margin-right: -120px;
        font-size: 14px;
    }

    .finder-module {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        width: auto;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        overflow: visible;
        padding: 0;
        margin: 0;
        border-width: 1px;
        border-color: rgba(228, 228, 228, 0);
        border: 1px solid #fff;
        border-right: 1px solid rgba(228, 228, 228, 0);
        background-color: transparent;
        position: relative;
        display: flex;
        align-items: center;

    }

    .finder-module img {
        width: 15px;
        height: 15px;
        margin-left: 5px;
        margin-right: 5px;
    }


    .finder-module .user-input {
        width: 173px;
        height: 40px;
        line-height: 40px;
        /*padding-left: 20px;*/
        padding-right: 5px;
        background-color: rgb(9, 9, 9, 0);
        display: inline-block;

        vertical-align: middle;
        color: inherit;
        position: relative;
        font-size: 14px;

    }

    input:focus {
        outline: none;
    }

    input:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #fef4f4;
    }

    .query-submit {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        color: #333;
        width: auto;
        height: 41px;
        font-size: 14px;
        padding: 0 20px;
        cursor: pointer;
    }

    .query-submit .font {
        display: table-cell;
        vertical-align: middle;
        bottom: 0;

    }

    .i_buttonText {
        color: #000;
    }

    #global-nav-container {
        width: auto;
        max-width: none;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    #global-nav-container .content-group {
        display: flex;
        align-items: center;
    }

    .portal-main-nav .content-group {
        min-height: 50px;
        position: relative;
        left: 0;
        top: 0;
    }

    .portal-main-nav .nav_btn {
        width: 64px;
        height: 64px;
    }

    .portal-main-nav .nav_btn {
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        position: relative;
    }


    #global-nav-container .divider-element {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        max-width: 30px;
    }

    .portal-main-nav .divider-element {
        width: 100%;
    }

    .portal-main-nav .line {
        position: relative;
        display: block;
        width: 10px;
        height: 10px;
        margin: 5% auto;
        transition: all 0.6s ease;
        border-radius: 2px;
    }


    .portal-main-nav .line {
        position: relative;
        display: block;
        width: 10px;
        height: 10px;
        margin: 5% auto;
        transition: all 0.6s ease;
        border-radius: 2px;
    }


    .portal-main-nav .line:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        background: #fff;
        width: 4px;
        height: 4px;
        transform: translate(-50%, -50%);
        border-radius: 50%;
    }

    .nav_contain {
        position: absolute;
        left: 0;
        top: 0;
        height: 100vh;
        width: 100%;
        background-color: #000;
        display: flex;

    }

    .nav_contain_item {
        width: calc(100% / 6);
        height: 100vh;
        margin: 0;
        padding: 0;
        background-color: rgba(221, 45, 45, 0.75);
        background-color: rgb(0 0 0 / 75%);
        background-color: rgb(17, 17, 17);
        font-weight: bold;
        color: #fff;
        border-radius: 0;
        border: 1px solid #ffffff1f;
        font-size: 20px;
        text-align: center;
        display: block;
        width: 100%;
        font-weight: bold;
        /* transition: all 0.2s; */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav_contain_item img {
        display: none;
    }

    .nav_contain_item:first-child {
        display: none
    }

;

    .nav_contain_item:nth-child(3) {
        /* background: url(../images/item1.png);
        background-color: red; */

    }

    .nav_contain > .nav_contain_item:nth-child(2) {
        /* background-color: red;
        background: url(../images/primary-content-container.jpg); */

    }

    .nav_contain > .nav_contain_item:nth-child(2):hover {
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/item1.png);
        background-size: cover;
        /* 可选：调整背景图片大小 */
        background-position: center;
        /* 可选：背景图片居中 */
        background-repeat: no-repeat;
        /* 可选：防止重复 */


    }

    .nav_contain > .nav_contain_item:nth-child(3):hover {
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
            /* 黑色遮罩 */ url(../images/item2.png) center/cover no-repeat;
        /* background: url(../images/item2.png); */

    }

    .nav_contain > .nav_contain_item:nth-child(4):hover {
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url(../images/item3.png);

    }

    .nav_contain > .nav_contain_item:nth-child(5):hover {
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url(../images/item4.png);

    }

    .nav_contain > .nav_contain_item:nth-child(6):hover {
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url(../images/item5.png);
    }


    ul ul,
    ol ul,
    ul ol,
    ol ol {
        margin-bottom: 0;
    }

    blockquote,
    body,
    button,
    dd,
    dl,
    dt,
    fieldset,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    html,
    input,
    li,
    ol,
    p,
    pre,
    textarea,
    ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }


    #portal-primary-nav {
        display: none;
    }


    .portal-main-navigation .nav_btn {
        width: 64px;
        height: 64px;
    }

    .portal-main-navigation .nav_btn {
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        position: relative;
    }

    .portal-main-navigation .nav_btn:before {
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        display: block;
        background-size: contain;
        animation: bg_rotate 4s linear infinite;
    }

    .portal-main-navigation .line {
        position: relative;
        display: block;
        width: 10px;
        height: 10px;
        margin: 5% auto;
        transition: all 0.6s ease;
        border-radius: 2px;
    }

    .portal-main-navigation .line:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        background: #fff;
        width: 4px;
        height: 4px;
        transform: translate(-50%, -50%);
        border-radius: 50%
    }

    .portal-main-navigation .line2,
    .portal-main-navigation .line4,
    .portal-main-navigation .line6,
    .portal-main-navigation .line8 {
        opacity: 0;
    }

    #portal-primary-nav .divider-element {
        /* text-align: center; */
        display: flex;
        flex-wrap: wrap;
        max-width: 30px;
    }

    .search-icons {
        display: flex;
        align-items: center;
    }

    .search-box {
        background-color: #333;
        border: none;
        padding: 8px 15px;
        border-radius: 20px;
        color: #fff;
        margin-right: 15px;
    }

    .dot-icons span {
        display: inline-block;
        width: 6px;
        height: 6px;
        background-color: #fff;
        border-radius: 50%;
        margin-left: 8px;
    }

    .primary-content-block {
        height: 100vh;
        position: relative;
    }

    .first_mask {
        width: 100%;
        height: 100vh;
        position: absolute;
        background-color: rgb(9, 9, 9, 0.4);
        top: 0;
        left: 0;
        z-index: 1;
    }

    .first_mask1 {
        width: 100%;
        height: 100vh;
        position: absolute;
        background-color: rgb(9, 9, 9, 0.5);
        top: 0;
        left: 0;
        z-index: 1;
    }

    /* 主要内容 */
    .main-content {

        transition: all .5s ease;
        position: relative;
        max-width: 560px;
        margin: 0 21% 0px auto;

        z-index: 2;
        flex: 1;
        display: flex;
        flex-direction: column;
        animation-name: fadeInDown;
        animation-direction: normal;
        animation-duration: 0.5s;
        animation-delay: 1s;

    }

    .nxbb {
        display: none;
    }

    .main-content-arrow-button {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .main-content-line {
        flex: 0.95;
        height: 3px;
        background-color: #dad3d3;
    }

    .main-arrow-button {
        width: 60px;
        height: 60px;
        border: 1px solid #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        position: relative;

    }

    .main-arrow-button::after {
        content: "→";
        font-size: 24px;
        color: #fff;
    }

    .primary-content-container {
        background-size: cover;
        background-position: center center;
        width: 100% 1999.19px;
        display: flex;
        justify-content: center;
        height: 100vh;
        max-height: 1000px;
        padding-top: 10.5vw;
        position: relative;
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }


    .brand-name {
        font-size: 180px;
        color: rgb(255, 255, 255);
        font-family: Arial;
        font-weight: bolder;
        height: 220px;
    }

    .video-background-container {
        height: 100vh;
        width: 100%;
        position: relative;
        font-size: 0;
        min-height: inherit;
        background-color: rgb(252, 238, 229);
    }

    .video-background-container:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 75%);
        z-index: 1;
    }

    video {
        position: absolute;
        width: 100%;
        height: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .slogan1 {
        font-size: 37px;
        color: rgb(204, 204, 204);
    }

    .slogan2 {
        opacity: 1;
        color: #fff;
        transition: all .5s ease;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        line-height: inherit;
        font-size: 56px;
        text-align: left;
        vertical-align: top;
        word-break: break-all;

    }

    .arrow-button {
        animation-name: animate-float-up;
        animation-direction: normal;
        animation-duration: 0.6s;
        animation-delay: 1s;
        width: 60px;
        height: 60px;
        border: 1px solid #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        margin-top: 30px;
        align-self: flex-end;
        position: relative;
    }

    .product-arr {
        font-size: 36px;
        align-self: flex-end;
    }

    .arrow-button::after {
        content: "";
        font-size: 24px;
        color: #fff;
    }

    .arrow-button:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 50%;
        width: 0%;
        height: 100%;
        background: #fff;
        transition: all 0.3s;
        transform: translateX(-50%);
    }

    .main-arrow-button:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 50%;
        width: 0%;
        height: 100%;
        background: #fff;
        transition: all 0.3s;
        transform: translateX(-50%);
    }

    .main-arrow-button:hover:before {
        width: 100%;
        /* 悬停时宽度变为100% */
        opacity: 1;
        /* 悬停时显示 */
    }


    .main-arrow-button {
        width: 64px;
        height: 64px;
        line-height: 64px;
        border: 1px solid #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        position: relative;
    }

    /* 箭头默认白色 */
    .main-arrow-button::after {
        content: "→";
        font-size: 24px;
        color: #fff;
        /* 默认白色 */
        position: relative;
        z-index: 1;
        /* 确保箭头在上层 */
        transition: color 0.3s;
        /* 添加颜色过渡动画 */
    }

    /* 白色背景（不透明） */
    .main-arrow-button:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 0%;
        height: 100%;
        background: #fff;
        /* 完全不透明 */
        transition: all 0.3s;
        transform: translateX(-50%);
        z-index: 0;
        /* 背景在下层 */
    }

    /* 悬停时：背景展开 + 箭头变黑色 */
    .main-arrow-button:hover:before {
        width: 100%;
    }

    .main-arrow-button:hover::after {
        color: #000;
        /* 悬停时箭头变黑色 */
    }


    .arrow-button {
        /* width: 50px;
        height: 50px; */
        width: 62px;
        height: 62px;
        border: 1px solid #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        position: relative;
    }

    /* 箭头默认白色 */
    .arrow-button::after {
        content: "→";
        font-size: 24px;
        color: #fff;
        /* 默认白色 */
        position: relative;
        z-index: 1;
        /* 确保箭头在上层 */
        transition: color 0.3s;
        /* 添加颜色过渡动画 */
    }

    /* 白色背景（不透明） */
    .arrow-button:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 0%;
        height: 100%;
        background: #fff;
        /* 完全不透明 */
        transition: all 0.3s;
        transform: translateX(-50%);
        z-index: 0;
        /* 背景在下层 */
    }

    /* 悬停时：背景展开 + 箭头变黑色 */
    .arrow-button:hover:before {
        width: 100%;
    }

    .arrow-button:hover::after {
        color: #000;
        /* 悬停时箭头变黑色 */
    }


    /* 产品 */
    .product {
        width: 94%;
        max-width: 1300px;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 0px;
        margin: 0px auto;
        padding: 0px;
    }

    .product-bac:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 75%);
        z-index: 0;
    }

    .product-foot-mobile {
        display: none;
    }

    .product-category-btn-container, .product-category-btn {
        display: none;
    }

    .product-bac {
        position: relative;
        height: 100vh;
        background-image: url("../images/product-bac.jpg");
        width: 100%;
        display: flex;
        align-items: center;
        height: 100vh;
        max-height: 1000px;
        justify-content: center;
        position: relative;
    }

    .product-list {
        margin-left: 5%;
    }

    .product-display {
        margin-top: 0px;
        display: flex;
        margin-left: 0px;
    }

    @media only screen and (max-width: 1560px) and (min-width: 1025px) {
        .product-display {
            display: flex;
            margin-left: 11%;
        }
    }

    .product-title {
        width: 100%;
        font-size: 56px;
    }

    .product-category {
        font-size: 1.155rem;
        height: 2em;
        margin-bottom: 10px;
    }

    .product-category::before {
        content: '';
        display: block;
        width: 100%;
        height: 3px;
        background-color: #fff;
        position: absolute;
        opacity: 0;
        transition: all .5s ease;
        bottom: -2px;
    }


    .product-item img {
        position: relative;
        height: auto;
        object-fit: contain;
        max-width: 800px;
    }

    @media (min-width: 769px) and (max-width: 1523px) {
        .product-item img {
            position: relative;
            width: auto;
            height: auto;
            object-fit: contain;
            max-width: 800px;
        }
    }

    /* 制造 */
    .manufacturing-title {
        font-size: 56px;

    }

    .manufacturing-text {
        font-size: 16px;
        line-height: 30px;

        max-width: 575px;
        margin-top: 20px;
    }

    .industrial-showcase {
        width: 40%;
        margin: 20px auto 60px;
        padding: 20px;
        position: absolute;
        top: 50%;
        transform: translate(25%, -60%);
        left: 0;
        z-index: 2;
    }

    .manufacturing-bac {
        position: relative;
        height: 100vh;
        background-image: url("../images/manufacturing-bac.jpg");
        width: 100%;
        background-size: cover;
        /* background-size: 100% 100%; */
        background-repeat: no-repeat;
        background-position: center;
    }

    .responsibility-bac {
        position: relative;
        height: 100vh;
        background-image: url("../images/responsibility.jpg");
        width: 100%;
        background-size: cover;
        /* background-size: 100% 100%; */
        background-repeat: no-repeat;
        background-position: center;
    }

    .qualitybad3-bac {
        position: relative;
        height: 100vh;
        background-image: url("../images/qualitybad3.jpg");
        width: 100%;
        background-size: cover;
        /* background-size: 100% 100%; */
        background-repeat: no-repeat;
        background-position: center;
    }

    @media (min-width: 769px) and (max-width: 1239px) {
        .contact-info {
            display: flex;
            justify-content: center;
            width: 94%;
            max-width: 1239px;
        }

        .bottom-nav {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #353535;
            color: #bcbbbb;
            padding: 30px 0;
        }

        .qr-code img {
            width: 120px;
            height: 120px;
            flex-wrap: 1;
            margin-left: 3px;

        }
    }

    @media (min-width: 1240px) {
        .contact-info {
            display: flex;
            justify-content: center;
            width: 94%;
            max-width: 1520px;
        }

        .bottom-nav {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 30px;
            background-color: #353535;
            color: #bcbbbb;
        }

        .qr-code img {
            width: 120px;
            height: 120px;
            margin-left: 30px;
            flex-wrap: 1;
        }
    }


    .foot-fix {
        position: fixed;
        left: 0;
        width: auto;
        display: flex;
        justify-content: center;
        z-index: 4;

    }


    .footitem {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin-right: 10px;
    }

    .nav-item {
        /* cursor: pointer; */
        font-size: 14px;
        color: #fff;
        margin-bottom: 15px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        font-family: inherit;
        font-weight: 500;

    }

    .footdot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px #ffffff78 solid;
    }

    .primary-circle {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        position: relative;
        margin: 0 auto;
        transition: all 0.5s;
    }

    .circle {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px #ffffff78 solid;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.5s;
    }

    .primary-circle:hover {
        border: 1px solid rgba(255, 255, 255, 0.47);
        /* 悬停时边框变为半透明白色 */
    }

    .primary-circle:hover .circle {
        background-color: #fff;
        /* 小元背景变白色 */
    }

    .nav-item:hover {
        color: #ff0000;
    }

    .bottom_box {
        text-align: left;
        flex-grow: 1;

    }

    .bottom_box a:hover {
        .bottom_name {
            color: #fff !important;
        }

        color: #fff !important;
    }

    .company-detaillist {
        display: flex;
        flex-grow: 1;
    }

    .bottom_title {
        font-size: 16px;
        color: #fff;
        line-height: 30px;
        display: block;
        padding-bottom: 12px;
        position: relative;
    }

    .bottom_name {
        font-size: 14px;
        line-height: 30px;
        color: rgba(255, 255, 255, 0.3);
        display: block;
        transition: all 0.3s;
    }

    .company-info {

        flex-grow: 1;

    }

    .company_name {
        font-size: 18px;
        font-weight: bold;
        color: #FFFFFF;
        display: block;
    }

    .address {
        margin-top: 20px;
    }

    .bottom_name_pc {
        font-size: 14px;
        line-height: 30px;
        color: rgba(255, 255, 255, 0.3);
        display: block;
        transition: all 0.3s;
    }

    .bottom_name_mobile {
        display: none;
    }

    .bottom_name_item {
        display: none;
    }

    .bottom_box a:hover {
        color: var(--a-color)
    }


    .copyright {
        position: relative;
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top: 1px solid rgb(114, 114, 114);
        background-color: #353535;

    }

    .aboutus_mobile {
        display: none;
    }

    .nav {
        width: auto;
        height: auto;
        overflow: hidden;
        position: fixed;
        bottom: 5%;
        z-index: 999;
        left: 3.3%;
    }

    .secondary-block {
        position: fixed;
        bottom: 5%;
        margin: 0 auto;
        left: 50%;
        z-index: 2;

    }

    .cursor-control {
        width: 15px;
        height: 27px;
        border: 1px #fff solid;
        border-radius: 10px;
    }

    .cursor-center {
        animation: shu 2s linear infinite;
        background: #fff;
        width: 2px;
        margin: 7px auto;
        position: relative;
    }

    .arrow-downward {
        animation: xiajian 2s linear infinite;
        max-width: 15px;
    }

    .arrow-downward img {
        width: 100%;
        animation: xiajian 2s linear infinite;
        max-width: 15px;
    }

    /* 定义关键帧动画 */
    @keyframes shu {
        0% {
            height: 0%;
        }

        100% {
            height: 50%;
        }
    }

    /* 定义关键帧动画 */
    @keyframes xiajian {
        0% {
            transform: translateY(0px);
            opacity: 1;
        }

        100% {
            transform: translateY(20px);
            opacity: 0;
        }
    }

    /* 关于我们 */
    .aboutus {
        width: 100%;
    }

    .aboutus-bac {
        position: relative;
        background-image: url("../images/main-content-bac.jpg");
        width: 100%;
        padding-top: 10.5vw;
        font-family: 微软雅黑;
        background-repeat: repeat-x;
    }

    @media (max-width: 1560px) {
        .aboutus-bac {
            position: relative;
            background-image: url("../images/main-content-bac.jpg");
            width: 100%;
            padding-top: 4vw;
            background-repeat: repeat-x;
        }
    }

    .aboutus-bac:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 75%);
        z-index: 0;
    }

    .aboutus-line {
        height: 100%;
        width: 1px;
        background-color: #cccccc;
        margin-left: 60px;
    }

    .section-title {
        display: flex;
        justify-content: center;
        width: 35%;
        font-size: 56px;
        height: 100%;
        animation-name: fadeInDown;
        animation-duration: 0.5s;
        animation-delay: 1s;
        animation-fill-mode: both;

    }


    .aboutus-info {
        flex: 0.75;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 80%;
    }

    .counter {
        font-size: 36px;
        color: #fff;
        font-family: 'Manteka';
    }

    .info-container {
        width: 70%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .info-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .info-label {
        font-size: 16px;
    }

    .section-text {
        margin-top: 25px;
        font-size: 18px;
        animation-name: lightSpeedIn;
        animation-duration: 0.6s;
        animation-delay: 1s;
        animation-fill-mode: both;
    }

    @keyframes lightSpeedIn {
        0% {
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
            opacity: 0;
        }

        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }

        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    .responsive-grid-000 {
        width: 94%;
        max-width: 1300px;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 0px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .responsive-grid-000 > div {
        animation-fill-mode: both;
    }

    .responsive-grid-000 > .layout-grid {
        width: 100%;
        position: relative;
    }

    .responsive-grid-000 > div > .grid-wrapper {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        overflow: visible;
    }

    .responsive-grid-000 > div > .grid-wrapper > .layout-module:nth-child(2n+1) {
        margin-left: 0;
        clear: left;
        margin-right: 0;
        width: 50%;
        position: relative;
    }

    #global-text-style {
        width: auto;
        max-width: none;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 18px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        padding-top: 10px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 10px;
        font-size: 56px;
        font-family: 微软雅黑;
        color: #FFFFFF
    }


    #dynamic-layout {
        width: 94%;
        max-width: 1300px;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 0px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    #dynamic-layout > div > .grid-wrapper > .layout-module:nth-child(2n+0) {
        width: 50%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #dynamic-layout > div > .grid-wrapper > .layout-module:nth-child(2n+1) {
        margin-left: 0;
        clear: left;
        margin-right: 0;
        width: 50%;
        position: relative;
    }

    .foundation-css {
        line-height: normal;
        word-wrap: break-word;
        word-break: break-all;
        font-size: 14px;
        word-wrap: break-word !important;
        word-break: normal !important;
        font-size: 56px;
        text-align: left;
        color: #fff;
    }


    #dynamic-layout > div > .grid-wrapper > .layout-module:nth-child(2n+1):before {
        content: "";
        position: absolute;
        top: 0;
        right: 20%;
        width: 1px;
        height: 100%;
        background: #ccc;
    }

    .responsive-grid-000 > div > .grid-wrapper > .layout-module:nth-child(2n+0) {
        width: 50%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #shared-code-module {
        width: auto;
        max-width: none;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    #shared-code-module .dbg {
        animation-name: lv-fadeInRight;
        animation-duration: 1s;
        animation-delay: 0.8s;
        animation-fill-mode: both;
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    @keyframes lv-fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(50px);
            -ms-transform: translateX(50px);
            transform: translateX(50px);
            filter: blur(20px);
        }


        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            filter: blur(0px);
        }
    }

    .public-code-module .list {
        width: 45%;
    }

    .animate-float-up,
    .fadeInUphover:hover {

        animation-name: animate-float-up;
    }

    @keyframes identifier {
        0% {
            opacity: 0;

            transform: translate3d(0, 100%, 0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    .public-code-module .s_t {
        position: relative;
        text-align: left;
        padding: 40px 0 30px;
        text-align: center;
    }

    #shared-code-module .con {
        display: flex;
        align-items: flex-end;
    }

    #shared-code-module .s_t {
        padding-top: 0;
    }

    .public-code-module .jb {
        font-size: 20px;
        font-family: "Microsoft YaHei";
        color: #535353;
        padding-left: 2px;
        color: #fff;

    }

    .public-code-module .txt {
        color: #fff;
        text-align: left;
        font-size: 16px;
        padding-top: 10px;
    }

    .content-copy {
        width: auto;
        max-width: none;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        font-size: 18px;

        color: #fff;
        font-family: 微软雅黑
    }

    .content-copy span {
        line-height: 2;
    }

    #floating-action {
        width: 100%;
        max-width: 62px;
        min-width: 0px;
        height: auto;
        max-height: 0px;
        min-height: 62px;
        margin-top: 50px;
        margin-left: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }


    /* 制造 */
    .p_gridbox {
        width: 94%;
        max-width: 1300px;
        min-width: 0px;
        min-height: 0px;
        margin: 0px auto;
        padding: 0px;
        flex-wrap: wrap;
        position: relative;
        overflow: visible;
        height: 100vh;
        max-height: 1000px;

    }

    #w_grid-Manufacture003 .p_gridbox {
        padding-top: 15vw;
    }

    @media only screen and (max-width: 1560px) {
        #w_grid-Manufacture003 .p_gridbox {
            padding-top: 0px;
            transform: scale(0.8);
        }
    }
    #w_grid-Manufacture1 .p_gridbox {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #w_grid-Manufacture002 .p_gridbox {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #w_grid-Manufacture003 > .p_gridbox {
        display: flex;
        justify-content: center;
        height: 100vh;
        max-height: 1000px;
    }

    #w_grid-Manufacture003 > div > .p_gridbox {
        padding-top: 15vw;
    }

    @media only screen and (max-width: 1560px) {
        #w_grid-Manufacture003 > div > .p_gridbox {
            padding-top: 0;
            transform: scale(0.8);
        }
    }

    @media only screen and (max-width: 1560px) {
        .p_gridbox {
            transform: scale(0.8);
        }
    }

    .macbac {

        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        max-height: 1000px;
        position: relative;
    }


    .p_gridCell-Manufacture1 {
        min-height: inherit;
    }

    #w_grid-Manufacture1 {
        background-image: url(../images/manufacturing-bac.jpg);
        width: 100%;
        background-size: cover;
        background-position: center center;
        min-width: 0px;
        max-height: none;
        min-height: 0px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    #w_grid-Manufacture003 {
        background-image: url(../images/responsibility.jpg);
        width: 100%;
        background-size: cover;
        background-position: center center;
        min-width: 0px;
        max-height: none;
        min-height: 0px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

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


    @media only screen and (min-width: 769px) {
        .p_gridCell-Manufacture1:first-child {
            width: 100%;
            margin-top: 0rem;
            margin-bottom: 0rem;
        }
    }

    .p_gridCell-Manufacture1 {
        position: static;
    }

    #w_common_text-Manufacture1 {
        width: auto;
        max-width: none;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .reset_style {
        line-height: normal;
        overflow-wrap: break-word !important;
        word-break: normal !important;
        font-size: 14px;
    }

    .reset_style p {
        font-size: 14px;
        margin: 0px;
    }

    a {
        background-color: transparent;
    }

    #w_common_text-Manufacture2 {
        width: auto;
        max-width: 579px;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 18px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        padding-top: 10px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 10px;
    }

    #w_fbtn-Manufacture3 {
        width: 100%;
        max-width: 62px;
        min-width: 0px;
        height: auto;
        max-height: 0px;
        min-height: 62px;
        margin-top: 45px;
        margin-left: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .w_fbtn-Manufacture001 {
        display: block;
        text-align: center;
        font-size: 0px;
    }

    #w_fbtn-Manufacture3 > div a {
        position: relative;
    }

    .w_fbtn-Manufacture001 .p_link {
        min-height: inherit;
        display: block;
    }

    /* 品质 */
    .p_wrapbox {
        position: relative;
        background-color: #F4F4F4;
        overflow: hidden;
    }

    .p_bgBox {
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .p_fboxChild {
        border-color: rgba(228, 228, 228, 0);
        overflow: hidden;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto;
    }


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


    .p_gridCell-Manufacture1:nth-child(1n) {
        margin-right: 0;
    }

    .p_gridCell-Manufacture1:nth-child(1n+0) {
        width: 100%;
        margin-left: 0;
        clear: none;
    }

    #w_grid-Manufacture002 {
        background-image: url(../images/qualitybad3.jpg);
        width: 100%;
        min-width: 0px;
        max-height: none;
        min-height: 0px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    #w_grid-Manufacture002 > div {
        animation-fill-mode: both;
    }


    .p_gridCell-Manufacture1:nth-child(n+1) {
        margin-left: 0px;
        clear: left;
    }

    #w_common_text-1654499628675 {
        width: auto;
        max-width: none;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    #w_common_text-1654499628689 {
        width: auto;
        max-width: 575px;
        min-width: 0px;
        max-height: none;
        min-height: 18px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    #w_common_text-1654499628689 {
        width: auto;
        max-width: 575px;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 18px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        padding-top: 10px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 10px;
    }
}