@media screen and (max-width: 768px) {
    /* 全局样式 */
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'Arial', sans-serif;
    }

    body {
        /* background-color: #000;
        color: #fff;
        min-height: 100vh;
        display: flex;
        flex-direction: column; */
        /* overflow: hidden; */
        font-family: 微软雅黑;
    }

    .primary-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        scroll-behavior: smooth;
        /* 启用平滑滚动 */
    }

    .page {
        /* text-align: center;
                font-size: 50px;
                height: 100vh;
                line-height: 100vh; */
        transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    }

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

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

    .container​_videoback {
        display: none;
    }

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

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

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

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

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

    .content-container {
        width: 100%;
    }

    .nav_contain {
        position: fixed;
        left: 0;
        top: 0;
        max-width: 1920px;
        padding: 0;
        background-color: rgb(0 0 0 / 75%);
        height: 100vh;
        /* padding-top: 14%; */
        padding-top: 75px;
        width: 100vw;
        /* padding: 20px 0; */
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        /* justify-content: center; */
        align-items: center;
    }

    .nav_contain_item {
        font-weight: bold;
        font-size: 16px;
        line-height: 56px;
        height: auto;
        width: 100%;
        width: 100vw;
        margin: 0;
        padding: 0;
        background-color: rgb(0 0 0 / 75%);
        color: #fff;
        border-radius: 0;
        border: 1px solid #ffffff1f;
        overflow: hidden;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .nav_contain_item img {
        display: block;
        position: absolute;
        width: 66px;
        height: 23px;
        top: 50%;
        transform: translate(0, -50%);
        right: 0;
        text-align: right;
        /* line-height: 29px; */
        padding-right: 43px;
    }

    /* 顶部导航栏 */
    .top-bar {
        /* padding: 10px 20px; */
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: auto;
        right: auto;
        transform: none;
        width: 100%;
        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;
    }

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

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

    #featured-img-1627288718147 {
        width: 100%;

        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;
    }

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

    .c_portalResSearch_total-02001 {
        display: block;
        font-size: 0;
    }

    #global-nav-container {
        width: auto;
        width: 100%;
        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;
    }

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

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

    .w_img {
        margin: 0;
        padding: 0;

    }

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

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

    .featured-img-000 .dynamic-media {
        height: inherit;
        overflow: hidden;
        font-size: 0
    }

    #c_portalResSearch_total-16630523421448041 .data-card {
        display: none;
    }

    #c_portalResSearch_total-16630523421448041 .data-card {
        overflow: hidden;;
        align-items: center;
    }

    #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-navigation .content-group {
        min-height: 50px;
        position: relative;
        left: 0;
        top: 10px;
    }

    .content-group {
        width: 100%;
        height: 100%;
        transition: left .3s;
        z-index: 9999;
    }

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

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

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

    #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 {
        height: 5px;
    }

    .portal-main-nav .line {
        position: relative;
        display: block;
        width: 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%;
    }


    .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;
    }

    .top-bar-inn {

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

    .logo {
        display: flex;
        align-items: center;

    }

    .logo img {
        width: 90px;
        height: 30px;
    }

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

    .search-container {
    }

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


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

    .finder-module {
        display: none;
    }

    .finder-module .user-input {
        display: none;
    }

    .query-submit {
        display: none;
    }

    .query-submit .font {
        display: none;
    }

    .i_buttonText {
        display: none;
    }


    /* .line {
        display: flex;
        width: 4px;
        height: 4px;
        margin: 2px;
        border-radius: 2px;
        background: #fff;

    } */
    /* .linebox {
        display: flex;
    } */
    .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 {
        /* width: 80%; */
        margin: 120px auto 60px;
        position: absolute;
        /* left: 40%; */
        /* transform: translate(20%,0); */
        /* background-color: rgb(9, 9, 9, 0.7); */
        top: 0;
        /* left: 0; */
        z-index: 2;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        text-align: center;
        padding: 20px;
        animation-name: fadeInDown;
        animation-direction: normal;
        animation-duration: 0.5s;
        animation-delay: 1s;
    }

    .nxbb {
        display: block;
    }

    .main-content-arrow-button {
        height: 100%;
        width: 150%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* background-color: aquamarine; */
    }

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

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

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

    .primary-content-container {

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

        /* background: url(/../images/homeabout.jpg?tenantId=247906&viewType=1&v=1749978424000);
            padding-top: 0;
            align-items: center;
            background-size: cover; */


    }

    @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-weight: bold;
        font-size: 60px;
        color: #fff;
        font-family: 'Arial';
        font-weight: bolder;

    }

    .slogan1 {
        font-size: 2vw;
        font-size: 24px;
        color: #cccccc;
    }

    .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: 36px;
    }

    .arrow-button {
        width: 62px;
        height: 62px;
        border: 1px solid #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        margin-top: 30px;
        /* align-self: flex-end; */
    }

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

    .product-arr {
        font-size: 24px;
        align-self: flex-end;
        color: #fff;

    }


    /* 产品 */
    .product {
        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;
    }

    .product-categories {
        width: 100% !important;
    }

    .product-price {
        width: 100% !important;
    }

    .product-category-btn-container{
        width: 100%;
    }

    .product-category-btn {
        color: #fff;
        width: 100px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        background-color: transparent;
        border: 1px solid #fff;
        white-space: nowrap;
        border-radius: 4px;
        margin: 1.3em 0;
        margin-top: 30px;
    }

    .product-category-btn:hover {
        background-color: #f0f0f0;
        /* 悬停时轻微变暗 */
    }

    /* 箭头样式（使用伪元素实现） */
    .product-category-btn::after {
        content: ">";
        margin-left: 8px;
        display: inline-block;
    }

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

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

    .product-list {
        /* width: 20%; */
        font-size: 36px;
        /* margin-left: 5%; */
    }

    .product-foot-mobile {
        /* margin-left: 200px; */
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin-top: 30px;
    }

    .product-foot {
        top:10px;
        .arrow-button{
            height: 40px;
            line-height: 40px;
        }
    }

    .product-display {
        width: 366px;
        /* margin-right: 20px; */
        /* margin-top: 70px; */
        display: flex;
        flex-direction: column;
        align-items: center;
        /* margin-left: 11%; */
    }

    .product-title {
        font-size: 36px;
        color: #FFFFFF;
    }

    .product-category {
        display: none;
        font-size: 14px;
        margin-top: 20px;
    }

    .arrow-button-promobile {
        width: 50px;
        height: 40px;
        border: 1px solid #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        margin-top: 22px;
        /* align-self: flex-end; */
    }

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

    .product-item img {
        position: relative;
        height: auto;
        object-fit: contain;
        max-width: 800px;
        height: 45vh;
        top: 50px;
        width: 100%;
        max-width: 800px;
    }

    /* 底部导航 */
    .bottom-nav {
        display: flex;
        /* flex-direction: column; */
        justify-content: center;
        padding: 30px 0px;
        /* padding-bottom: 0; */
        background-color: #353535;
        color: #bcbbbb;
    }

    .foot-fix {
        display: none;
        position: fixed;
        left: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        padding: 20px;
        z-index: 4;

    }

    .contact-info {
        display: flex;
        justify-content: space-between;
        width: 94%;
        /* background-color: #ff0000; */
    }

    .nav-item {
        display: none;

        margin: 0 15px;
        cursor: pointer;
        font-size: 12px;
        position: relative;
        color: #9b9898;
    }

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

    .bottom_box {
        display: none;
        text-align: left;
        margin-left: 30px;
    }

    .bottom_title {
        font-size: 16px;
        color: #ccc8c8;
        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;
    }

    .bottom_name_pc {
        display: none;
    }

    .company_name {
        display: none;
        font-size: 18px;
        font-weight: bold;
        line-height: 30px;
        color: #FFFFFF;
        display: block;
        transition: all 0.3s;
    }

    .company-info {
        max-width: fit-content;
        flex-grow: 1;
        width: 100%;
        /* max-width: 360px; */
        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;
    }

    .bottom_name_mobile {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

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

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

    .qr-code {
        max-width: fit-content;
        flex-grow: 1;
        width: 100%;
        /* max-width: 360px; */
        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;
    }

    .qr-code img {
        width: 120px;
        height: 120px;
        /* margin-left: 30px; */

    }

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

    }

    .secondary-block {
        position: fixed;
        bottom: 5%;
        margin: 0 auto;
        left: 50%;
        transform: translate(-50%);
    }

    .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-bac {
        position: relative;
        background-image: url("../images/main-content-bac.jpg");
        width: 100%;

        padding-top: 10.5vw;
        font-family: 微软雅黑;
        background-repeat: repeat-x;
        /* background-repeat: no-repeat;
        background-size: 100%; */
    }


    @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;
            /* background-repeat: no-repeat; */
            /* background-size: 100%; */
        }
    }



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


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

    @media only screen and (max-width: 768px) {
        .aboutus-bac {
            background: url(../images/homeaboutbad3.jpg);
            padding-top: 0;
            align-items: center;
            background-size: cover;
            width: 100%;
            display: flex;
            justify-content: center;
            height: 100vh;
            /* max-height: 1000px; */
            position: relative;
        }
    }

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

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


    }

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

    .aboutus-info {
        /* background-color: #ff0000; */
        /* flex: 0.75; */
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .aboutus-info-inn {
        width: 93%;

    }

    .counter {
        font-size: 24px;
    }

    .info-container {
        width: 80%;
        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: 12px;
    }

    .section-text {
        margin-top: 25px;
        font-size: 18px;
        line-height: 32px;
        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) {
        margin-left: 0px;
        clear: left;
        width: 100%;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    @media only screen and (max-width: 768px) {
        span[style*='font-size:56px'] {
            font-size: 36px !important;
        }
    }
    #dynamic-layout > div > .grid-wrapper > .layout-module:nth-child(2n+1) {
        margin-left: 0px;
        clear: left;
        width: 100%;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .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;
    }

    .aboutus-bac:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
    }


    .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;
    }

    #shared-code-module .counter {
        color: #fff;
        font-size: 24px;
        font-family: 'Manteka';
    }

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

    }

    .public-code-module .txt {
        color: #fff;

        text-align: left;
        font-size: 12px;
        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;
    }

    #floating-action > div {
        animation-name: animate-float-up;
        animation-duration: 0.6s;
        animation-delay: 1s;
        animation-fill-mode: both;
    }

    /* 制造 */
    .p_gridbox {
        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;
        /* width: 100%; */
        flex-wrap: wrap;
        position: relative;
        overflow: visible;
        /* height: 100vh; */
        max-height: 1000px;
    }

    #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;
        align-items: center;
        justify-content: center;
    }

    #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);
        }
    }

    .p_gridbox {
        transform: scale(1);
    }

    .macbac {

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


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

    .p_gridCell-Manufacture1 {
        /* position: static; */
    }

    #w_grid-Manufacture1 {
        background-image: url(../images/ergarg.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/ergsrhbad3.jpg);
        width: 100%;
        background-size: cover;
        background-position: center center;
        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;
    }

    .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-1627372084267 {
        width: 100%;
        max-width: none;
        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;
    }

    .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/rtyjsbad3.jpg);
        width: 100%;
        /* background-size: cover;
        background-position: center center; */
        /* 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;
    }

    #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;
        /* 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_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;
    }
}