* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'Abel';
    src: url('/static/font/Abel.ttf') format('truetype');
    /* 可以是其他格式，如 'opentype' 或 'embedded-opentype' */
}

@font-face {
    font-family: 'Bahn';
    src: url('/static/font/Bahn.ttf') format('truetype');
    /* 可以是其他格式，如 'opentype' 或 'embedded-opentype' */
}

@font-face {
    font-family: 'Impact';
    src: url('/static/font/impact.ttf') format('truetype');
    /* 可以是其他格式，如 'opentype' 或 'embedded-opentype' */
}

p {
    font-family: 'Abel', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Bahn', sans-serif;
    margin-bottom: 0;
}

ul {
    margin-bottom: 0;
}

ul li {
    list-style: none;
}

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

    /* 初始状态为原始大小 */
    50% {
        transform: scale(1.2);
    }

    /* 放大到1.2倍 */
    100% {
        transform: scale(1.4);
    }

    /* 最后放大到1.4倍 */
}

.btn1 {
    padding: 10px 20px;
    background-color: #fff;
    color: #272727;
    text-decoration: none;
}

.btn1:hover {
    border: 1px solid #fff;
    background: none;
    color: #fff;
    transition: all 0.5s ease;
    transform: translateY(-5px);
}

.btn2 {
    padding: 10px 20px;
    border: 1px solid #fff;
    color: #fff;
}

.btn2:hover {
    background-color: #fff;
    color: #272727;
    transition: all 0.5s ease;
    transform: translateY(-5px);
}

.btn3 {
    padding: 10px 20px;
    background-color: #f5f5fb;
    color: #272727;
    text-decoration: none;
    text-align: center;
}

.btn3:hover {
    background: none;
    border: 1px solid #272727;
    color: #272727;
    transition: all 0.5s ease;
    transform: translateY(-5px);
}

.btn4 {
    padding: 10px 20px;
    background-color: #272727;
    color: #fff;
    text-decoration: none;
    text-align: center;
}

.btn4:hover {
    background: none;
    border: 1px solid #272727;
    color: #272727;
    transition: all 0.5s ease;
    transform: translateY(-5px);
}

@media screen and (min-width: 769px) {
    .mt-100 {
    margin-top: 100px;
}

.mb-100 {
    margin-bottom: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

    /* 网站顶部 */
    .header {
        padding: 10px 0;
    }

    .header-logo img {
        height: 80px;
    }

    .header-title-tag {
        display: flex;
        gap: 20px;
        align-items: center;
        margin: 10px 0;
    }

    .header-title-tag-item {
        display: flex;
        gap: 5px;
        font-size: 0.9rem;
        font-family: 'Bahn', sans-serif;
    }

    .header-title-tag-item img {
        height: 15px;
    }

    .header-des-box {
        margin-top: 10px;
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .header-des-box-item {
        padding: 5px 10px;
        background-color: #fff;
        border-radius: 5px;
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .header-des-box-item img {
        height: 15px;
    }

    .header-btn {
        display: flex;
        justify-content: end;
        margin-top: 50px;
    }

    .header-btn a {
        padding: 12px 25px;
        background-color: rgb(251, 132, 33);
        color: #fff;
        border-radius: 25px;
        font-family: 'Bahn', sans-serif;
        text-decoration: none;
    }

    .header-btn a:hover {
        background-color: #272727;
        transition: all 0.5s ease-in-out;
    }

    .nav-menu {
        background-color: rgb(251, 132, 33);
    }

    .nav-menu-box {
        display: flex;
        padding: 10px 0;
        height: 80px;
        align-items: center;
        justify-content: end;
    }

    .nav-menu-box a {
        text-decoration: none;
        color: #fff;
        padding: 15px;
    }

    /* 网站顶部 */





    /* 下拉菜单样式 */
    .dropdown {
        position: relative;
        display: inline-block;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #fff;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
        top: 100%;
        left: 0;
    }

    .dropdown-content a {
        color: #272727 !important;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

    .dropdown-content a:hover {
        background-color: #f1f1f1;
    }

    .dropdown:hover .dropdown-content {
        display: block;
    }

    .dropdown:hover .dropdown-toggle {
        background-color: rgba(255, 255, 255, 0.1);
    }

    /* 下拉菜单样式 */


    /* 下拉菜单样式 */
    .nav-menu-list {
        list-style: none;
        display: flex;
        gap: 20px;
        height: 38px;
        align-items: center;
    }

    .nav-menu-list li {
        position: relative;
    }

    .nav-menu-list li a {
        text-decoration: none;
        color: #000;
        display: block;
    }

    /* 下拉菜单容器 */
    .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        min-width: 150px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        list-style: none;
        padding: 10px 0;
        margin: 0;
    }

    /* 下拉菜单项 */
    .dropdown-menu li {
        width: 100%;
    }

    .dropdown-menu li a {
        color: #333;
        padding: 8px 15px;
    }

    .dropdown-menu li a:hover {
        background-color: #f5f5f5;
    }

    /* 悬停显示下拉菜单 */
    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .nav-menu-search {
        display: flex;
        justify-content: end;
        padding: 15px 0;
    }

    .nav-menu-search input {
        padding: 10px;
        font-size: 0.6rem;
        font-family: "Abel", sans-serif;
        width: 250px;
        border: none;
    }

    .nav-menu-search input:focus {
        outline: none;
    }

    .nav-menu-search button {
        background-color: #fff;
        color: rgb(251, 132, 33);
        border: none;
    }

    .slider-item {
        position: relative;
    }

    .slider-item-bg img {
        width: 100%;
    }

    .slider-item-content {
        position: absolute;
        padding: 300px 0;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
        color: #fff;
        text-align: center;
    }

    .slider-item-content-btn {
        margin-top: 20px;
    }

    .slider-item-content-btn a {
        padding: 10px 30px;
        background-color: #fb8421;
        border-radius: 20px;
        color: #fff;
        text-decoration: none;
    }

    .slider-item-content h1 {
        margin: 0;
    }

    .home-about-box {
        display: flex;
        width: 100%;
        overflow: hidden;
    }

    .home-about-video video {
        width: 100%;
    }
    
    .mobile-header {
        display: none;
    }

    .mobile-nav {
        display: none;
    }

    .mobile-close {
        display: none;
    }



    /* 首页VR模块 */
    .home-company-box p {
        color: #000;
    }

    .home-about-text-des {
        margin-top: 20px;
    }

    .home-about-text-des p {
        color: #000;
    }

    .home-about-text-des-item-list ul li {
        font-size: 1rem;
        font-family: 'Abel';
    }

    .home-vr {
        background-color: #f3f3f3;
    }

    .home-vr-title {
        margin-bottom: 30px;
    }

    .home-vr-more {
        padding: 30px;
        background-color: #fff;
        border-radius: 15px;
        box-shadow: 0 0 20px 7px #0000000c;
    }

    .home-vr-box {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .home-vr-box-bg {
        border-radius: 12px;
        overflow: hidden;
    }

    .home-vr-box-bg img {
        width: 100%;
    }

    .home-vr-box h6 {
        margin-top: 15px;
    }

    .home-vr-box-btn {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
    }

    .home-vr-box-btn img {
        width: 50px;
    }

    .home-vr-box-product {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .home-vr-box-product-item-pic {
        width: 100%;
        display: flex;
        border-radius: 10px;
        overflow: hidden;
    }

    .home-vr-box-product-img {
        width: 19%;
        display: flex;
    }

    .home-vr-box-product-img img {
        width: 100%;
    }

    .home-vr-box-product-item-title a {
        text-decoration: none;
        color: #000;
        display: -webkit-box;
        /* 必须结合的弹性盒子模型 */
        -webkit-box-orient: vertical;
        /* 设置子元素的排列方式 */
        -webkit-line-clamp: 2;
        /* 限制显示行数（此处为3行） */
        overflow: hidden;
        /* 隐藏超出内容 */
        text-overflow: ellipsis;
        line-height: 1rem;
    }

    .home-vr-box-product-item-title a:hover {
        text-decoration: underline;
        color: #fb8421;
        transition: all 0.3s;
    }

    /* 首页VR模块 */




    /* 首页公司介绍 */
    .pageban {
        position: relative;
    }

    .pageban-bg img {
        width: 100%;
    }

    .pageban-content {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        flex-direction: column;
        gap: 15px;
        color: #fff;
        align-items: center;
    }

    .pageban-content h1 {
        text-transform: uppercase;
    }

    .pageban-content-line {
        border-bottom: 3px solid #fff;
        width: 30px;
    }

    .pageban-content a {
        color: #fff;
        text-decoration: none;
    }

    .home-company-box h1 {
        text-align: center;
        margin: 0;
    }

    .home-company-box p {
        margin: 15px 0 50px 0;
    }

    .home-company-box-pic-item img {
        width: 100%;
        margin-bottom: 20px;
    }

    /* 首页公司介绍 */





    /* 首页荣誉资质 */
    .home-honor-title {
        text-align: center;
        margin-bottom: 50px;
    }

    .home-honor-title h1 {
        margin: 0;
    }

    .home-honor-box img {
        width: 100%;
    }

    .home-honor {
        background-color: #f3f3f3;
    }

    .home-exhibition-big-item {
        width: 100%;
        overflow: hidden;
        display: flex;
    }

    .home-exhibition-big-item img {
        width: 100%;
    }

    .home-exhibition-small-item {
        width: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .home-exhibition-small-item img {
        width: 100%;
    }

    .category img {
        width: 100%;
    }

    /* 首页荣誉资质 */







    /* 首页产品 */
    .home-product {
        background-color: #f3f3f3;
    }

    .home-product-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .home-product-box-item {
        width: 25%;
        border: 1px solid #ccc;
    }

    .home-product-box-item-bg {
        position: relative;
        background-color: #fff;
        width: 100%;
        height: 276px;
        overflow: hidden;
    }

    .home-product-box-item-bg-img img {
        width: 100%;
    }

    .home-product-box-item:hover .home-product-box-item-bg-img img {
        display: none;
    }

    .home-product-box-item-video {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 276px;
        display: flex;
        align-items: center;
        z-index: 2;
    }

    .home-product-box-item-video video {
        width: 100%;
        display: none;
    }

    .home-product-box-item:hover .home-product-box-item-video video {
        display: block;
    }

    .home-product-box-item-tag {
        display: flex;
        gap: 5px;
        align-items: center;
        padding: 2px 5px;
        border-radius: 3px;
        background-color: #e7f4ff;
        color: #000;
        width: 130px;
        justify-content: center;
    }

    .home-product-box-item-tag img {
        height: 15px;
    }

    .home-product-box-item-text {
        padding: 15px;
        background-color: #fff;
    }

    .home-product-box-item-title {
        margin-top: 10px;
    }

    .home-product-box-item-title h5 {
        margin: 5px 0;
    }

    .home-product-box-item-title a {
        text-decoration: none;
        color: #000;
        display: -webkit-box;
        /* 必须结合的弹性盒子模型 */
        -webkit-box-orient: vertical;
        /* 设置子元素的排列方式 */
        -webkit-line-clamp: 2;
        /* 限制显示行数（此处为3行） */
        overflow: hidden;
        /* 隐藏超出内容 */
        text-overflow: ellipsis;
        line-height: 1rem;
    }

    .home-product-box-item-title a:hover {
        text-decoration: underline;
        color: #fb8421;
        transition: all 0.3s;
    }

    /* 首页产品 */







    /* 首页热销产品 */
    .home-hot-sale-box {
        position: relative;
        padding: 50px;
    }

    .home-hot-sale-box-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: -1;
        border-radius: 15px;
        overflow: hidden;
    }

    .home-hot-sale-box-bg img {
        width: 100%;
    }

    .home-hot-sale-box-content-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
    }

    .home-hot-sale-box-content-title h1 {
        margin: 0;
        color: #fff;
    }

    .home-hot-sale-box-content-title a {
        text-decoration: none;
        color: #fff;
    }

    /* 首页热销产品 */







    /* 首页优势 */
    .home-innovation-box-text {
        padding: 80px 50px;
        text-align: center;
        color: #fff;
    }

    .home-innovation-box-btn {
        margin-top: 30px;
    }

    .home-innovation-box-btn ul {
        display: flex;
        gap: 15px;
        justify-content: space-between;
        align-items: center;
    }

    .home-innovation-box-btn ul li a {
        display: flex;
        gap: 5px;
        align-items: center;
        font-size: 0.6rem;
        padding: 3px 5px;
        background-color: #ffffff82;
        border-radius: 3px;
        color: #000;
        text-decoration: none;
    }

    .home-innovation-box-btn ul li a:hover {
        background-color: #fff;
        transition: all 0.3s;
    }

    .home-introduction {
        background-color: #f3f3f3;
    }

    .home-introduction-box-title {
        text-align: center;
    }

    .home-introduction-box-title h1 {
        margin: 0;
    }

    .home-introduction-box-title-line {
        border-bottom: 1px solid #ccc;
        width: 100%;
        margin: 20px 0;
    }

    .home-introduction-box-more-item {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-bottom: 30px;
        width: 300px;
    }

    .home-introduction-box-more-item p {
        display: -webkit-box;
        /* 必须结合的弹性盒子模型 */
        -webkit-box-orient: vertical;
        /* 设置子元素的排列方式 */
        -webkit-line-clamp: 1;
        /* 限制显示行数（此处为3行） */
        overflow: hidden;
        /* 隐藏超出内容 */
        text-overflow: ellipsis;
    }

    .home-introduction-box-more-item-icon i {
        border: 1px solid #000;
        font-size: 2rem;
        padding: 6px;
        color: #000;
        border-radius: 50%;
    }

    .home-introduction-box-more-item:hover .home-introduction-box-more-item-icon i {
        color: #fb8421;
        transition: all 0.3s;
        border: 1px solid #fb8421;
    }

    .home-introduction-box-more-item-title h5,
    p {
        color: #000;
    }

    .home-introduction-box-more-item:hover .home-introduction-box-more-item-title h5,
    p {
        color: #fb8421;
        transition: all 0.3s;
    }

    .home-introduction-box-factory {
        margin-top: 30px;
    }

    .home-introduction-box-factory-item img {
        width: 100%;
    }
    
      .home-development {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .home-development-item {
        width: 19%;
    }
    
    .home-development-item img {
        width: 100%;
    }
    
    .equipment-box {
        margin-top:30px;
    }
    
    .equipment-item-img {
        border-radius: 10px;
        overflow: hidden;
    }

    .equipment-item-img img {
        width: 100%;
    }
    
    .equipment-item-text {
        padding: 20px;
    }
    
    .equipment-item-text h5 {
        text-align: center;
    }
    
    .equipment-item-text-des {
        margin-top:10px;
    }
    
    .equipment-item-text-des p {
        margin: 0;
    }
    /* 首页优势 */






    /* 首页联系我们 */
    .home-form-box {
        text-align: center;
    }

    .home-form-box h1 {
        margin: 0;
    }

    .home-form-box-title-line {
        border-bottom: 1px solid #ccc;
        width: 100%;
        margin: 20px 0;
    }

    .home-form-box-more input {
        border: none;
        padding: 20px;
        font-size: 0.8rem;
        font-family: 'Abel', sans-serif;
        border-radius: 5px;
        background-color: #f3f3f3;
        width: 100%;
        margin-bottom: 20px;
    }

    .home-form-box-more textarea {
        border: none;
        padding: 20px;
        font-size: 0.8rem;
        font-family: 'Abel', sans-serif;
        border-radius: 5px;
        background-color: #f3f3f3;
        width: 100%;
        margin-bottom: 20px;
        height: 150px;
    }

    .home-form-box-more-btn {
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }

    .home-form-box-more-btn button {
        border: none;
        padding: 15px 30px;
        font-size: 0.8rem;
        font-family: 'Bahn', sans-serif;
        border-radius: 5px;
        background-color: #fb8421;
        color: #fff;
        cursor: pointer;
    }

    .home-form-box-more-btn button:hover {
        background-color: #272727;
        transition: all 0.3s;
    }

    /* 首页联系我们 */







    /* 网站底部 */
    .footer {
        background-color: #f3f3f3;
    }

    .footer-logo-img img {
        width: 120px;
    }

    .footer-logo-qr {
        margin: 20px 0;
        display: flex;
        gap: 10px;
    }

    .footer-logo-qr img {
        width: 80px;
    }

    .footer-logo-social a {
        text-decoration: none;
    }

    .footer-logo-social i {
        font-size: 1.3rem;
        color: #000;
    }

    .footer-logo-social a:hover i {
        color: #fb8421;
        transition: all 0.3s;
    }

    .footer-menu-line {
        border-bottom: 1px solid #ccc;
        width: 100%;
        margin: 20px 0;
    }

    .footer-menu-list {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .footer-menu-list a {
        color: #000;
        text-decoration: none;
    }

    .footer-menu-list a:hover {
        color: #fb8421;
        transition: all 0.3s;
    }

    .footer-contact p {
        margin-top: 5px;
        color: #000;
    }

    .footer-copyright {
        margin-top: 100px;
        display: flex;
        gap: 50px;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .footer-copyright p {
        color: #333;
    }

    /* 网站底部 */








    /* 产品侧边栏样式 */
    .product-sidebar-list-item {
        position: relative;
    }

    .product-sidebar-list-item ul {
        padding: 0;
        margin: 0;
    }

    .product-sidebar-list-item li {
        position: relative;
        padding: 8px 0;
    }

    .product-sidebar-list-item li a {
        color: #333;
        text-decoration: none;
        display: block;
        padding: 5px 10px;
        transition: all 0.3s ease;
    }

    .product-sidebar-list-item li a:hover {
        color: #fb8421;
    }

    /* 右侧二级菜单样式 */
    .has-submenu>a::after {
        content: '>';
        float: right;
        margin-right: 10px;
        transition: transform 0.3s ease;
    }

    .has-submenu:hover>a::after {
        transform: translateX(5px);
    }

    .submenu {
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        min-width: 200px;
        background-color: #fff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        z-index: 10;
        padding: 10px 0;
        margin-left: 5px;
    }

    .submenu li {
        padding: 5px 0;
    }

    .submenu li a {
        padding: 8px 15px;
    }

    .submenu li a:hover {
        background-color: #f3f3f3;
        color: #fb8421;
    }

    .has-submenu:hover .submenu {
        display: block;
    }

    /* 确保父菜单在子菜单显示时保持高亮 */
    .has-submenu:hover>a {
        color: #fb8421;
        background-color: #f3f3f3;
        border-radius: 3px;
    }

    .product-sidebar-hot {
        width: 100%;
        padding: 20px;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .product-sidebar-hot a {
        display: flex;
        gap: 10px;
        align-items: center;
        color: #000;
        text-decoration: none;
        font-family: 'Bahn', sans-serif;
        text-transform: uppercase;
    }

    .product-sidebar-hot i {
        width: 40px;
        height: 40px;
        background-color: #97b3d5;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

    .product-sidebar-list {
        margin: 20px 0;
        border-top: 2px solid #fb8421;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .product-sidebar-list-title p {
        padding: 15px 10px;
        font-weight: 600;
    }

    .product-sidebar-list-line {
        border-bottom: 1px solid #dbe3ef;
        width: 100%;
    }

    .product-sidebar-hot {
        background-color: #fff;
    }

    .product-sidebar-hot-item {
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 86px;
    }

    .product-sidebar-hot-item-left {
        width: 40%;
        position: relative;
    }

    .product-sidebar-hot-item-left-img {
        display: flex;
    }

    .product-sidebar-hot-item-left-img img {
        width: 100%;
        display: block;
    }

    .product-sidebar-hot-item-left-video {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        z-index: 2;
        display: none;
    }

    .product-sidebar-hot-item-left-video video {
        width: 100%;
    }

    .product-sidebar-hot-item:hover .product-sidebar-hot-item-left-img img {
        display: none;
    }

    .product-sidebar-hot-item:hover .product-sidebar-hot-item-left-video {
        display: block;
    }

    .product-sidebar-hot-item-right {
        width: 55%;
    }

    .product-sidebar-hot-item-right a {
        font-size: 0.8rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .product-list-box-item {
        margin-bottom: 20px;
        overflow: hidden;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .product-list-box-item-bg {
        position: relative;
        width: 100%;
        height: 184px;
        overflow: hidden;
    }

    .product-list-box-item-bg-img {
        width: 100%;
        display: flex;
    }

    .product-list-box-item-bg-img img {
        width: 100%;
    }

    .product-list-box-item-bg-video {
        width: 100%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        display: none;
    }

    .product-list-box-item-bg-video video {
        width: 100%;
        background-color: #fff;
    }

    .product-list-box-item:hover .product-list-box-item-bg-img img {
        display: none;
    }

    .product-list-box-item:hover .product-list-box-item-bg-video {
        display: block;
    }

    .product-list-box-item-text {
        padding: 20px;
        background-color: #fff;
    }

    .product-list-box-item-tag {
        display: flex;
        gap: 5px;
        align-items: center;
        justify-content: center;
        padding: 5px;
        background-color: #e7f4ff;
        border-radius: 3px;
        width: 100px;
    }

    .product-list-box-item-tag img {
        height: 10px;
    }

    .product-list-box-item-tag h6 {
        font-size: 0.6rem;
    }

    .product-list-box-item-title a {
        text-decoration: none;
    }

    .product-list-box-item-title h5 {
        line-height: 0.9rem;
        font-size: 0.9rem;
        font-weight: 600;
        color: #000;
        margin: 10px 0;
        display: -webkit-box;
        /* 必须结合的弹性盒子模型 */
        -webkit-box-orient: vertical;
        /* 设置子元素的排列方式 */
        -webkit-line-clamp: 2;
        /* 限制显示行数（此处为3行） */
        overflow: hidden;
        /* 隐藏超出内容 */
        text-overflow: ellipsis;
    }

    .product-list-box-item-title p {
        line-height: 1rem;
    }

    .product-list-box-item-btn {
        margin-top: 20px;
    }

    .product-list-box-item-btn a {
        text-decoration: none;
        border: 1px solid #000;
        color: #000;
        border-radius: 20px;
        padding: 5px 20px;
    }

    .product-list-box-item-btn a:hover {
        background-color: #fb8421;
        border: none;
        color: #fff;
        transition: all 0.3s ease;
    }

    .pageinfo {
        margin-top: 30px;
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .pageinfo a {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f3f3f3;
        text-decoration: none;
        font-family: 'Bahn', sans-serif;
        color: #000;
    }

    .pageinfo a.active {
        background-color: #fb8421;
        color: #fff;
    }

    /* 产品图片切换样式 */
    .product-gallery {
        display: flex;
        gap: 20px;
        box-shadow: 0 0 10px 7px #00000008;
        height: 520px;
    }

    /* 左侧缩略图容器 */
    .thumbnail-container {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 120px;
    }

    /* 缩略图项 */
    .thumbnail-item {
        width: 100%;
        height: 80px;
        overflow: hidden;
        border: 2px solid transparent;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .thumbnail-item.active {
        border-color: #fb8421;
    }

    .thumbnail-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .thumbnail-item:hover img {
        transform: scale(1.05);
    }

    /* 右侧主显示区域 */
    .main-display {
        flex: 1;
        min-height: 500px;
        position: relative;
        background-color: #f9f9f9;
        border-radius: 5px;
        overflow: hidden;
    }

    /* 视频容器 */
    .video-container {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .video-container video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* 视频覆盖层提示 */
    .video-overlay {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
        padding: 8px 15px;
        border-radius: 20px;
        font-size: 0.9rem;
    }

    /* 图片容器 */
    .image-container {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .image-container img {
        max-width: 90%;
        max-height: 90%;
        object-fit: contain;
        transition: all 0.3s ease;
    }

    .image-container img:hover {
        transform: scale(1.02);
    }

    .product-detail-bread {
        padding: 10px 0;
        background-color: #f3f3f3;
    }

    .product-detail-bread-item {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-left: 15px;
    }

    .product-detail-bread-item li {
        list-style: none;
        color: #000;
        font-size: 0.9rem;
    }

    .product-detail-bread-item a {
        text-decoration: none;
        color: #000;
        font-size: 0.9rem;
    }

    .product-detail-title {
        margin-bottom: 30px;
    }

    .product-detail-para img {
        width: 100%;
    }

    .product-detail-ai {
        padding: 30px;
        border-radius: 15px;
        background-color: #dbe3ef;
        margin: 30px 0;
    }

    .product-detail-ai-title {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-bottom: 15px;
        font-family: 'Bahn', sans-serif;
        font-weight: 600;
        text-transform: uppercase;
    }

    .product-detail-ai-title img {
        width: 30px;
    }

    .product-detail-ai p {
        color: #000;
    }

    .product-detail-related-item-img {
        border-radius: 10px;
        overflow: hidden;
    }

    .product-detail-related-item-img img {
        width: 100%;
    }

    .product-detail-related-item-tag {
        display: flex;
        gap: 5px;
        align-items: center;
        margin-top: 10px;
    }

    .product-detail-related-item-tag img {
        height: 20px;
        padding: 5px 10px;
        border-radius: 3px;
        background-color: #dbe3ef;
    }

    .product-detail-related-item-title {
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .product-detail-related-item-title a {
        line-height: 1rem;
        color: #000;
        display: -webkit-box;
        /* 必须结合的弹性盒子模型 */
        -webkit-box-orient: vertical;
        /* 设置子元素的排列方式 */
        -webkit-line-clamp: 2;
        /* 限制显示行数（此处为3行） */
        overflow: hidden;
        /* 隐藏超出内容 */
        text-overflow: ellipsis;
        text-decoration: none;
    }

    .product-detail-related-item-title a:hover {
        color: #fb8421;
        transition: all 0.3s ease;
    }

    .product-detail-para {
        margin-top: 50px;
        box-shadow: 0 0 10px 7px #00000008;
        padding: 20px;
    }

    .product-detail-para-item {
        margin-top: 10px;
    }

    .product-detail-para-item p {
        color: #000;
    }

    .product-detail-right {
        padding: 20px;
        border: 1px solid #0000004c;
        border-radius: 10px;
    }

    .product-detail-right-price {
        display: flex;
        gap: 20px;
    }

    .product-detail-right-price-item {
        text-align: center;
    }

    .product-detail-right-color {
        margin-top: 40px;
    }

    .product-detail-right-color-box {
        display: flex;
        gap: 10px;
        margin-top: 10px;
    }

    .product-detail-right-color-box img {
        width: 60px;
        border: 1px solid #0000004c;
        border-radius: 5px;
    }

    .product-detail-right-supplier p {
        color: #000;
    }

    .product-detail-right-supplier-btn {
        padding: 10px 25px;
        background-color: #fb8421;
        width: 150px;
        text-align: center;
        border-radius: 25px;
        margin-top: 20px;
    }

    .product-detail-right-supplier-btn a {
        color: #fff;
        text-decoration: none;
        font-family: 'Bahn', sans-serif;
        text-transform: uppercase;
    }

    .product-detail-right-supplier-btn:hover {
        background-color: #272727;
        transition: all 0.3s ease;
    }

    .product-detail-right-adv-item {
        display: flex;
        gap: 10px;
    }

    .product-detail-right-adv-item-img {
        width: 20%;
    }

    .product-detail-right-adv-item-img img {
        width: 100%;
    }

    .product-detail-right-adv {
        margin-top: 10px;
    }

    .product-detail-right-adv-item {
        margin-bottom: 10px;
    }

    .product-detail-right-adv-item p {
        color: #000;
    }

    /* 产品列表详情 */





    /* 关于我们 */
    .about-area-text-des {
        margin: 10px 0;
    }

    .about-area-text-des p {
        color: #000;
    }

    .about-area-text-adv ul li {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .about-area-text-adv img {
        width: 20px;
    }

    .about-area-text-btn {
        margin-top: 30px;
        padding: 10px 25px;
        background-color: #fb8421;
        width: 150px;
        text-align: center;
        border-radius: 25px;
    }

    .about-area-text-btn a {
        color: #fff;
        text-decoration: none;
        font-family: 'Bahn', sans-serif;
        text-transform: uppercase;
    }

    .about-area-text-btn:hover {
        background-color: #272727;
        transition: all 0.3s ease;
    }

    .about-area-video video {
        width: 100%;
    }

    /* 视频缩略图样式 */
    .video-thumbnails {
        display: flex;
        gap: 15px;
        margin-top: 20px;
    }

    .thumbnail-item {
        flex: 1;
        cursor: pointer;
        border: 2px solid transparent;
        transition: all 0.3s ease;
    }

    .thumbnail-item video {
        width: 100%;
        height: 100px;
        object-fit: cover;
    }

    .thumbnail-item:hover,
    .thumbnail-item.active {
        border-color: #fb8421;
    }

    .about-related-box {
        margin-top: 20px;
    }

    .about-video-box {
        margin-top: 20px;
    }

    .about-video-item {
        margin-bottom: 20px;
    }

    .about-video-item video {
        width: 100%;
    }

    .about-product-box {
        margin-top: 20px;
    }

    .product-detail-related-item {
        margin-bottom: 20px;
    }

    /* 关于我们 */







    /* 联系我们 */
    .contact-area-box {
        padding: 30px;
        border-radius: 15px;
        background-color: #fff;
        box-shadow: 0 0 10px 7px #00000008;
    }

    .contact-area-tx {
        display: flex;
        gap: 20px;
        align-items: center;
        margin: 40px 0;
    }

    .contact-area-tx-pic {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        overflow: hidden;
    }

    .contact-area-tx-pic img {
        width: 100%;
    }

    .contact-area-info-item {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-bottom: 10px;
    }

    .contact-area-info-item-icon i {
        font-size: 1.2rem;
    }

    .contact-area-info-item-text p {
        color: #000;
    }

    .contact-area-add {
        margin-top: 50px;
        padding: 30px;
        box-shadow: 0 0 10px 7px #00000008;
    }

    .contact-area-add-text {
        margin-top: 20px;
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .contact-area-add-text-icon i {
        font-size: 1.2rem;
    }

    .contact-area-add-text-item p {
        color: #000;
    }

    .contact-area-right {
        padding: 30px;
        border-radius: 15px;
        background-color: #fff;
        box-shadow: 0 0 10px 7px #00000008;
    }

    .contact-area-right h1 {
        margin: 0;
    }

    .contact-area-right-zh {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 20px 0;
    }

    .contact-area-right-zh-pic {
        width: 40%;
    }

    .contact-area-right-zh-pic img {
        width: 100%;
        border: 1px solid #00000024;
        border-radius: 3px;
    }

    .contact-area-right-zh p {
        color: #000;
        display: -webkit-box;
        /* 必须结合的弹性盒子模型 */
        -webkit-box-orient: vertical;
        /* 设置子元素的排列方式 */
        -webkit-line-clamp: 2;
        /* 限制显示行数（此处为3行） */
        overflow: hidden;
        /* 隐藏超出内容 */
        text-overflow: ellipsis;
    }

    .contact-area-right-btn {
        margin-top: 30px;
        padding: 10px 25px;
        background-color: #fb8421;
        width: 150px;
        text-align: center;
        border-radius: 25px;
    }

    .contact-area-right-btn a {
        color: #fff;
        text-decoration: none;
    }

    .contact-area-right-btn:hover {
        background-color: #272727;
        transition: all 0.3s ease;
    }

    .promotion-title h3 {
        margin: 0;
    }

    .promotion-form {
        margin-top: 20px;
    }

    .promotion-product {
        margin-top: 20px;
    }

    /* 联系我们 */
}


@media screen and (max-width: 768px) {
    .mt-100 {
    margin-top: 50px;
}

.mb-100 {
    margin-bottom: 50px;
}

.pt-100 {
    padding-top: 50px;
}

.pb-100 {
    padding-bottom: 50px;
}

    /* 网站顶部 */
    .header {
        display: none;
    }

    .header-logo img {
        height: 80px;
    }

    .header-title-tag {
        display: flex;
        gap: 20px;
        align-items: center;
        margin: 10px 0;
    }

    .header-title-tag-item {
        display: flex;
        gap: 5px;
        font-size: 0.9rem;
        font-family: 'Bahn', sans-serif;
    }

    .header-title-tag-item img {
        height: 15px;
    }

    .header-des-box {
        margin-top: 10px;
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .header-des-box-item {
        padding: 5px 10px;
        background-color: #fff;
        border-radius: 5px;
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .header-des-box-item img {
        height: 15px;
    }

    .header-btn {
        display: flex;
        justify-content: end;
        margin-top: 50px;
    }

    .header-btn a {
        padding: 12px 25px;
        background-color: rgb(251, 132, 33);
        color: #fff;
        border-radius: 25px;
        font-family: 'Bahn', sans-serif;
        text-decoration: none;
    }

    .header-btn a:hover {
        background-color: #272727;
        transition: all 0.5s ease-in-out;
    }

    .nav-menu {
        background-color: rgb(251, 132, 33);
    }

    .nav-menu-box {
        display: flex;
        padding: 10px 0;
        height: 80px;
        align-items: center;
        justify-content: end;
    }

    .nav-menu-box a {
        text-decoration: none;
        color: #fff;
        padding: 15px;
    }

    /* 网站顶部 */
    
    .mobile-header {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 64px;
        background-color: #fff;
        box-shadow: 0 0 20px 7px #0000000d;
    }
    
    .mobile-header-logo {
        width: 80%;
    }
    
    .mobile-header-logo img {
        width: 50%;
        margin-left: 20px;
    }
    
    .mobile-header-menu {
        width: 20%;
        display: flex;
        justify-content: end;
        margin-right: 20px;
    }
    
    .mobile-nav {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 9999;
        padding: 20px;
        display: none;
    }
    
    .mobile-nav-logo img {
        width: 150px;
    }
    
    .mobile-nav-line {
        border-bottom: 1px solid #f3f3f3;
        margin: 20px 0;
    }
    
    .mobile-nav-select {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    
    .mobile-nav-select a {
        color: #000;
        text-decoration: none;
    }
    
    .mobile-nav-close p {
        color:#000;
    }
    
    .mobile-close {
        position: fixed;
        right: 20px;
        top: 20px;
        z-index: 999999;
        color: #000;
        display: none;
    }
    
    .mobile-close i {
        color: #000;
        font-size: 2rem;
    }



    /* 下拉菜单样式 */
    .dropdown {
        position: relative;
        display: inline-block;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #fff;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
        top: 100%;
        left: 0;
    }

    .dropdown-content a {
        color: #272727 !important;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

    .dropdown-content a:hover {
        background-color: #f1f1f1;
    }

    .dropdown:hover .dropdown-content {
        display: block;
    }

    .dropdown:hover .dropdown-toggle {
        background-color: rgba(255, 255, 255, 0.1);
    }

    /* 下拉菜单样式 */


    /* 下拉菜单样式 */
    .nav-menu-list {
        list-style: none;
        display: flex;
        gap: 20px;
        height: 38px;
        align-items: center;
    }

    .nav-menu-list li {
        position: relative;
    }

    .nav-menu-list li a {
        text-decoration: none;
        color: #000;
        display: block;
    }

    /* 下拉菜单容器 */
    .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        min-width: 150px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        list-style: none;
        padding: 10px 0;
        margin: 0;
    }

    /* 下拉菜单项 */
    .dropdown-menu li {
        width: 100%;
    }

    .dropdown-menu li a {
        color: #333;
        padding: 8px 15px;
    }

    .dropdown-menu li a:hover {
        background-color: #f5f5f5;
    }

    /* 悬停显示下拉菜单 */
    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .nav-menu-search {
        display: flex;
        justify-content: end;
        padding: 15px 0;
    }

    .nav-menu-search input {
        padding: 10px;
        font-size: 0.6rem;
        font-family: "Abel", sans-serif;
        width: 250px;
        border: none;
    }

    .nav-menu-search input:focus {
        outline: none;
    }

    .nav-menu-search button {
        background-color: #fff;
        color: rgb(251, 132, 33);
        border: none;
    }
    
    .slider {
        margin-top: 60px;
    }

    .slider-item {
        position: relative;
    }
    
    .slider-item-bg {
        width: 100%;
        display: flex;
    }

    .slider-item-bg img {
        height: 100%;
    }

    .slider-item-content {
        position: absolute;
        padding: 300px 0;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
        color: #fff;
        text-align: center;
    }

    .slider-item-content-btn {
        margin-top: 20px;
    }

    .slider-item-content-btn a {
        padding: 10px 30px;
        background-color: #fb8421;
        border-radius: 20px;
        color: #fff;
        text-decoration: none;
    }

    .slider-item-content h1 {
        margin: 0;
    }

    .home-about-box {
        display: flex;
        width: 100%;
        overflow: hidden;
        margin-top: 20px;
    }

    .home-about-video video {
        width: 100%;
    }






    /* 首页VR模块 */
    .home-company-box p {
        color: #000;
    }

    .home-about-text-des {
        margin-top: 20px;
    }

    .home-about-text-des p {
        color: #000;
    }

    .home-about-text-des-item-list ul li {
        font-size: 1rem;
        font-family: 'Abel';
    }

    .home-vr {
        background-color: #f3f3f3;
    }

    .home-vr-title {
        margin-bottom: 30px;
    }

    .home-vr-more {
        padding: 30px;
        background-color: #fff;
        border-radius: 15px;
        box-shadow: 0 0 20px 7px #0000000c;
    }

    .home-vr-box {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .home-vr-box-bg {
        border-radius: 12px;
        overflow: hidden;
    }

    .home-vr-box-bg img {
        width: 100%;
    }

    .home-vr-box h6 {
        margin-top: 15px;
    }

    .home-vr-box-btn {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
    }

    .home-vr-box-btn img {
        width: 50px;
    }

    .home-vr-box-product {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .home-vr-box-product-img {
        width: 48%;
        display: flex;
        border: 1px solid #f3f3f3;
        margin-bottom: 20px;
    }

    .home-vr-box-product-img img {
        width: 100%;
    }

    .home-vr-box-product-item-title a {
        text-decoration: none;
        color: #000;
        display: -webkit-box;
        /* 必须结合的弹性盒子模型 */
        -webkit-box-orient: vertical;
        /* 设置子元素的排列方式 */
        -webkit-line-clamp: 2;
        /* 限制显示行数（此处为3行） */
        overflow: hidden;
        /* 隐藏超出内容 */
        text-overflow: ellipsis;
        line-height: 1rem;
    }

    .home-vr-box-product-item-title a:hover {
        text-decoration: underline;
        color: #fb8421;
        transition: all 0.3s;
    }

    /* 首页VR模块 */




    /* 首页公司介绍 */
    .pageban {
        position: relative;
        margin-top: 60px;
    }
    
    .pageban-bg {
        width: 100%;
        overflow: hidden;
        display: flex;
        height: 300px;
    }

    .pageban-bg img {
        height: 100%;
    }

    .pageban-content {
        position: absolute;
        left: 20px;
        top: 100px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        color: #fff;
    }

    .pageban-content h1 {
        text-transform: uppercase;
    }

    .pageban-content-line {
        border-bottom: 3px solid #fff;
        width: 30px;
    }

    .pageban-content a {
        color: #fff;
        text-decoration: none;
    }

    .home-company-box h1 {
        text-align: center;
        margin: 0;
    }

    .home-company-box p {
        margin: 15px 0 50px 0;
    }

    .home-company-box-pic-item img {
        width: 100%;
        margin-bottom: 20px;
    }

    /* 首页公司介绍 */





    /* 首页荣誉资质 */
    .home-honor-title {
        text-align: center;
        margin-bottom: 50px;
    }

    .home-honor-title h1 {
        margin: 0;
    }

    .home-honor-box img {
        width: 100%;
    }

    .home-honor {
        background-color: #f3f3f3;
    }

    .home-exhibition-big-item {
        width: 100%;
        overflow: hidden;
        display: flex;
    }

    .home-exhibition-big-item img {
        width: 100%;
    }

    .home-exhibition-small-item {
        width: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .home-exhibition-small-item img {
        width: 100%;
    }

    .category img {
        width: 100%;
    }

    /* 首页荣誉资质 */







    /* 首页产品 */
    .home-product {
        background-color: #f3f3f3;
    }

    .home-product-box-item {
        border: 1px solid #ccc;
        margin-bottom: 20px;
    }

    .home-product-box-item-bg {
        position: relative;
        background-color: #fff;
        width: 100%;
        overflow: hidden;
    }

    .home-product-box-item-bg-img img {
        width: 100%;
    }

    .home-product-box-item:hover .home-product-box-item-bg-img img {
        display: none;
    }

    .home-product-box-item-video {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        display: flex;
        align-items: center;
        z-index: 2;
    }

    .home-product-box-item-video video {
        width: 100%;
        display: none;
    }

    .home-product-box-item:hover .home-product-box-item-video video {
        display: block;
    }

    .home-product-box-item-tag {
        display: flex;
        gap: 5px;
        align-items: center;
        padding: 2px 5px;
        border-radius: 3px;
        background-color: #e7f4ff;
        color: #000;
        width: 130px;
        justify-content: center;
    }

    .home-product-box-item-tag img {
        height: 15px;
    }

    .home-product-box-item-text {
        padding: 15px;
        background-color: #fff;
    }

    .home-product-box-item-title {
        margin-top: 10px;
    }

    .home-product-box-item-title h5 {
        margin: 5px 0;
    }

    .home-product-box-item-title a {
        text-decoration: none;
        color: #000;
        display: -webkit-box;
        /* 必须结合的弹性盒子模型 */
        -webkit-box-orient: vertical;
        /* 设置子元素的排列方式 */
        -webkit-line-clamp: 2;
        /* 限制显示行数（此处为3行） */
        overflow: hidden;
        /* 隐藏超出内容 */
        text-overflow: ellipsis;
        line-height: 1rem;
    }

    .home-product-box-item-title a:hover {
        text-decoration: underline;
        color: #fb8421;
        transition: all 0.3s;
    }
    
  
    /* 首页产品 */







    /* 首页热销产品 */
    .home-hot-sale-box {
        position: relative;
        padding: 20px;
    }

    .home-hot-sale-box-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: -1;
        border-radius: 15px;
        overflow: hidden;
    }

    .home-hot-sale-box-content-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
    }

    .home-hot-sale-box-content-title h1 {
        margin: 0;
        color: #fff;
    }

    .home-hot-sale-box-content-title a {
        text-decoration: none;
        color: #fff;
    }

    /* 首页热销产品 */







    /* 首页优势 */
    .home-innovation-box-text {
        padding: 80px 50px;
        text-align: center;
        color: #fff;
    }

    .home-innovation-box-btn {
        margin-top: 30px;
    }
    
    .home-innovation-box-btn ul li {
        margin-bottom: 15px;
    }

    .home-innovation-box-btn ul li a {
        display: flex;
        gap: 5px;
        align-items: center;
        font-size: 0.6rem;
        padding: 3px 5px;
        background-color: #ffffff82;
        border-radius: 3px;
        color: #000;
        text-decoration: none;
    }

    .home-innovation-box-btn ul li a:hover {
        background-color: #fff;
        transition: all 0.3s;
    }

    .home-introduction {
        background-color: #f3f3f3;
    }

    .home-introduction-box-title {
        text-align: center;
    }

    .home-introduction-box-title h1 {
        margin: 0;
    }

    .home-introduction-box-title-line {
        border-bottom: 1px solid #ccc;
        width: 100%;
        margin: 20px 0;
    }

    .home-introduction-box-more-item {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-bottom: 30px;
        width: 300px;
    }

    .home-introduction-box-more-item p {
        display: -webkit-box;
        /* 必须结合的弹性盒子模型 */
        -webkit-box-orient: vertical;
        /* 设置子元素的排列方式 */
        -webkit-line-clamp: 1;
        /* 限制显示行数（此处为3行） */
        overflow: hidden;
        /* 隐藏超出内容 */
        text-overflow: ellipsis;
    }

    .home-introduction-box-more-item-icon i {
        border: 1px solid #000;
        font-size: 2rem;
        padding: 6px;
        color: #000;
        border-radius: 50%;
    }

    .home-introduction-box-more-item:hover .home-introduction-box-more-item-icon i {
        color: #fb8421;
        transition: all 0.3s;
        border: 1px solid #fb8421;
    }

    .home-introduction-box-more-item-title h5,
    p {
        color: #000;
    }

    .home-introduction-box-more-item:hover .home-introduction-box-more-item-title h5,
    p {
        color: #fb8421;
        transition: all 0.3s;
    }

    .home-introduction-box-factory {
        margin-top: 30px;
    }
    
    .home-introduction-box-factory-item {
        margin-bottom: 20px;
    }

    .home-introduction-box-factory-item img {
        width: 100%;
    }

    .home-development-item {
        width: 100%;
        overflow: hidden;
        margin-bottom: 20px;
    }
    
    .home-development-item img {
        width: 100%;
    }
    
    .equipment-box {
        margin-top:30px;
    }
    
    .equipment-item {
        margin-bottom: 20px;
    }
    
    .equipment-item-img {
        border-radius: 10px;
        overflow: hidden;
    }

    .equipment-item-img img {
        width: 100%;
    }
    
    .equipment-item-text {
        padding: 20px;
    }
    
    .equipment-item-text h4 {
        text-align: center;
    }
    
    .equipment-item-text-des {
        margin-top:10px;
    }
    
    .equipment-item-text-des p {
        margin: 0;
    }
    /* 首页优势 */






    /* 首页联系我们 */
    .home-form-box {
        text-align: center;
    }

    .home-form-box h1 {
        margin: 0;
    }

    .home-form-box-title-line {
        border-bottom: 1px solid #ccc;
        width: 100%;
        margin: 20px 0;
    }

    .home-form-box-more input {
        border: none;
        padding: 20px;
        font-size: 0.8rem;
        font-family: 'Abel', sans-serif;
        border-radius: 5px;
        background-color: #f3f3f3;
        width: 100%;
        margin-bottom: 20px;
    }

    .home-form-box-more textarea {
        border: none;
        padding: 20px;
        font-size: 0.8rem;
        font-family: 'Abel', sans-serif;
        border-radius: 5px;
        background-color: #f3f3f3;
        width: 100%;
        margin-bottom: 20px;
        height: 150px;
    }

    .home-form-box-more-btn {
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }

    .home-form-box-more-btn button {
        border: none;
        padding: 15px 30px;
        font-size: 0.8rem;
        font-family: 'Bahn', sans-serif;
        border-radius: 5px;
        background-color: #fb8421;
        color: #fff;
        cursor: pointer;
    }

    .home-form-box-more-btn button:hover {
        background-color: #272727;
        transition: all 0.3s;
    }

    /* 首页联系我们 */







    /* 网站底部 */
    .footer {
        background-color: #f3f3f3;
    }

    .footer-logo-img img {
        width: 120px;
    }

    .footer-logo-qr {
        margin: 20px 0;
        display: flex;
        gap: 10px;
    }

    .footer-logo-qr img {
        width: 80px;
    }

    .footer-logo-social a {
        text-decoration: none;
    }

    .footer-logo-social i {
        font-size: 1.3rem;
        color: #000;
    }

    .footer-logo-social a:hover i {
        color: #fb8421;
        transition: all 0.3s;
    }
    
    .footer-menu {
        margin-top: 30px;
    }

    .footer-menu-line {
        border-bottom: 1px solid #ccc;
        width: 100%;
        margin: 20px 0;
    }

    .footer-menu-list {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .footer-menu-list a {
        color: #000;
        text-decoration: none;
    }

    .footer-menu-list a:hover {
        color: #fb8421;
        transition: all 0.3s;
    }

    .footer-contact p {
        margin-top: 5px;
        color: #000;
    }

    .footer-copyright {
        margin-top: 50px;
        width: 100%;
    }

    .footer-copyright p {
        color: #333;
    }

    /* 网站底部 */








    /* 产品侧边栏样式 */
    .product-sidebar-list-item {
        position: relative;
    }

    .product-sidebar-list-item ul {
        padding: 0;
        margin: 0;
    }

    .product-sidebar-list-item li {
        position: relative;
        padding: 8px 0;
    }

    .product-sidebar-list-item li a {
        color: #333;
        text-decoration: none;
        display: block;
        padding: 5px 10px;
        transition: all 0.3s ease;
    }

    .product-sidebar-list-item li a:hover {
        color: #fb8421;
    }

    /* 右侧二级菜单样式 */
    .has-submenu>a::after {
        content: '>';
        float: right;
        margin-right: 10px;
        transition: transform 0.3s ease;
    }

    .has-submenu:hover>a::after {
        transform: translateX(5px);
    }

    .submenu {
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        min-width: 200px;
        background-color: #fff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        z-index: 10;
        padding: 10px 0;
        margin-left: 5px;
    }

    .submenu li {
        padding: 5px 0;
    }

    .submenu li a {
        padding: 8px 15px;
    }

    .submenu li a:hover {
        background-color: #f3f3f3;
        color: #fb8421;
    }

    .has-submenu:hover .submenu {
        display: block;
    }

    /* 确保父菜单在子菜单显示时保持高亮 */
    .has-submenu:hover>a {
        color: #fb8421;
        background-color: #f3f3f3;
        border-radius: 3px;
    }

    .product-sidebar-hot {
        width: 100%;
        padding: 20px;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .product-sidebar-hot a {
        display: flex;
        gap: 10px;
        align-items: center;
        color: #000;
        text-decoration: none;
        font-family: 'Bahn', sans-serif;
        text-transform: uppercase;
    }

    .product-sidebar-hot i {
        width: 40px;
        height: 40px;
        background-color: #97b3d5;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

    .product-sidebar-list {
        margin: 20px 0;
        border-top: 2px solid #fb8421;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .product-sidebar-list-title p {
        padding: 15px 10px;
        font-weight: 600;
    }

    .product-sidebar-list-line {
        border-bottom: 1px solid #dbe3ef;
        width: 100%;
    }

    .product-sidebar-hot {
        background-color: #fff;
    }

    .product-sidebar-hot-item {
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 86px;
    }

    .product-sidebar-hot-item-left {
        width: 40%;
        position: relative;
    }

    .product-sidebar-hot-item-left-img {
        display: flex;
    }

    .product-sidebar-hot-item-left-img img {
        width: 100%;
        display: block;
    }

    .product-sidebar-hot-item-left-video {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        z-index: 2;
        display: none;
    }

    .product-sidebar-hot-item-left-video video {
        width: 100%;
    }

    .product-sidebar-hot-item:hover .product-sidebar-hot-item-left-img img {
        display: none;
    }

    .product-sidebar-hot-item:hover .product-sidebar-hot-item-left-video {
        display: block;
    }

    .product-sidebar-hot-item-right {
        width: 55%;
    }

    .product-sidebar-hot-item-right a {
        font-size: 0.8rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .product-list-box-item {
        margin-bottom: 20px;
        overflow: hidden;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .product-list-box-item-bg {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .product-list-box-item-bg-img {
        width: 100%;
        display: flex;
    }

    .product-list-box-item-bg-img img {
        width: 100%;
    }

    .product-list-box-item-bg-video {
        width: 100%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        display: none;
    }

    .product-list-box-item-bg-video video {
        width: 100%;
        background-color: #fff;
    }

    .product-list-box-item:hover .product-list-box-item-bg-img img {
        display: none;
    }

    .product-list-box-item:hover .product-list-box-item-bg-video {
        display: block;
    }

    .product-list-box-item-text {
        padding: 20px;
        background-color: #fff;
    }

    .product-list-box-item-tag {
        display: flex;
        gap: 5px;
        align-items: center;
        justify-content: center;
        padding: 5px;
        background-color: #e7f4ff;
        border-radius: 3px;
        width: 100px;
    }

    .product-list-box-item-tag img {
        height: 10px;
    }

    .product-list-box-item-tag h6 {
        font-size: 0.6rem;
    }

    .product-list-box-item-title a {
        text-decoration: none;
    }

    .product-list-box-item-title h5 {
        line-height: 0.9rem;
        font-size: 0.9rem;
        font-weight: 600;
        color: #000;
        margin: 10px 0;
        display: -webkit-box;
        /* 必须结合的弹性盒子模型 */
        -webkit-box-orient: vertical;
        /* 设置子元素的排列方式 */
        -webkit-line-clamp: 2;
        /* 限制显示行数（此处为3行） */
        overflow: hidden;
        /* 隐藏超出内容 */
        text-overflow: ellipsis;
    }

    .product-list-box-item-title p {
        line-height: 1rem;
    }

    .product-list-box-item-btn {
        margin-top: 20px;
    }

    .product-list-box-item-btn a {
        text-decoration: none;
        border: 1px solid #000;
        color: #000;
        border-radius: 20px;
        padding: 5px 20px;
    }

    .product-list-box-item-btn a:hover {
        background-color: #fb8421;
        border: none;
        color: #fff;
        transition: all 0.3s ease;
    }

    .pageinfo {
        margin-top: 30px;
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .pageinfo a {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f3f3f3;
        text-decoration: none;
        font-family: 'Bahn', sans-serif;
        color: #000;
    }

    .pageinfo a.active {
        background-color: #fb8421;
        color: #fff;
    }

    /* 产品图片切换样式 */
    .product-gallery {
        display: flex;
        gap: 20px;
        box-shadow: 0 0 10px 7px #00000008;
        height: 300px;
        overflow: hidden;
    }

    /* 左侧缩略图容器 */
    .thumbnail-container {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 120px;
    }

    /* 缩略图项 */
    .thumbnail-item {
        width: 100%;
        height: 80px;
        overflow: hidden;
        border: 2px solid transparent;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .thumbnail-item.active {
        border-color: #fb8421;
    }

    .thumbnail-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .thumbnail-item:hover img {
        transform: scale(1.05);
    }

    /* 右侧主显示区域 */
    .main-display {
        flex: 1;
        height: 300px;
        position: relative;
        background-color: #f9f9f9;
        border-radius: 5px;
        overflow: hidden;
    }

    /* 视频容器 */
    .video-container {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .video-container video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* 视频覆盖层提示 */
    .video-overlay {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
        padding: 8px 15px;
        border-radius: 20px;
        font-size: 0.9rem;
    }

    /* 图片容器 */
    .image-container {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .image-container img {
        max-width: 90%;
        max-height: 90%;
        object-fit: contain;
        transition: all 0.3s ease;
    }

    .image-container img:hover {
        transform: scale(1.02);
    }

    .product-detail-bread {
        padding: 10px 0;
        background-color: #f3f3f3;
    }

    .product-detail-bread-item {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-left: 15px;
    }

    .product-detail-bread-item li {
        list-style: none;
        color: #000;
        font-size: 0.9rem;
    }

    .product-detail-bread-item a {
        text-decoration: none;
        color: #000;
        font-size: 0.9rem;
    }

    .product-detail-title {
        margin-bottom: 30px;
    }

    .product-detail-para img {
        width: 100%;
    }

    .product-detail-ai {
        padding: 30px;
        border-radius: 15px;
        background-color: #dbe3ef;
        margin: 30px 0;
    }

    .product-detail-ai-title {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-bottom: 15px;
        font-family: 'Bahn', sans-serif;
        font-weight: 600;
        text-transform: uppercase;
    }

    .product-detail-ai-title img {
        width: 30px;
    }

    .product-detail-ai p {
        color: #000;
    }

    .product-detail-related-item-img {
        border-radius: 10px;
        overflow: hidden;
    }

    .product-detail-related-item-img img {
        width: 100%;
    }

    .product-detail-related-item-tag {
        display: flex;
        gap: 5px;
        align-items: center;
        margin-top: 10px;
    }

    .product-detail-related-item-tag img {
        height: 20px;
        padding: 5px 10px;
        border-radius: 3px;
        background-color: #dbe3ef;
    }

    .product-detail-related-item-title {
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .product-detail-related-item-title a {
        line-height: 1rem;
        color: #000;
        display: -webkit-box;
        /* 必须结合的弹性盒子模型 */
        -webkit-box-orient: vertical;
        /* 设置子元素的排列方式 */
        -webkit-line-clamp: 2;
        /* 限制显示行数（此处为3行） */
        overflow: hidden;
        /* 隐藏超出内容 */
        text-overflow: ellipsis;
        text-decoration: none;
    }

    .product-detail-related-item-title a:hover {
        color: #fb8421;
        transition: all 0.3s ease;
    }

    .product-detail-para {
        margin-top: 50px;
        box-shadow: 0 0 10px 7px #00000008;
        padding: 20px;
    }

    .product-detail-para-item {
        margin-top: 10px;
    }

    .product-detail-para-item p {
        color: #000;
    }

    .product-detail-right {
        padding: 20px;
        border: 1px solid #0000004c;
        border-radius: 10px;
    }

    .product-detail-right-price {
        display: flex;
        gap: 20px;
    }

    .product-detail-right-price-item {
        text-align: center;
    }

    .product-detail-right-color {
        margin-top: 40px;
    }

    .product-detail-right-color-box {
        display: flex;
        gap: 10px;
        margin-top: 10px;
    }

    .product-detail-right-color-box img {
        width: 60px;
        border: 1px solid #0000004c;
        border-radius: 5px;
    }

    .product-detail-right-supplier p {
        color: #000;
    }

    .product-detail-right-supplier-btn {
        padding: 10px 25px;
        background-color: #fb8421;
        width: 150px;
        text-align: center;
        border-radius: 25px;
        margin-top: 20px;
    }

    .product-detail-right-supplier-btn a {
        color: #fff;
        text-decoration: none;
        font-family: 'Bahn', sans-serif;
        text-transform: uppercase;
    }

    .product-detail-right-supplier-btn:hover {
        background-color: #272727;
        transition: all 0.3s ease;
    }

    .product-detail-right-adv-item {
        display: flex;
        gap: 10px;
    }

    .product-detail-right-adv-item-img {
        width: 20%;
    }

    .product-detail-right-adv-item-img img {
        width: 100%;
    }

    .product-detail-right-adv {
        margin-top: 10px;
    }

    .product-detail-right-adv-item {
        margin-bottom: 10px;
    }

    .product-detail-right-adv-item p {
        color: #000;
    }

    /* 产品列表详情 */





    /* 关于我们 */
    .about-area-text-des {
        margin: 10px 0;
    }

    .about-area-text-des p {
        color: #000;
    }

    .about-area-text-adv ul li {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .about-area-text-adv img {
        width: 20px;
    }

    .about-area-text-btn {
        margin-top: 30px;
        padding: 10px 25px;
        background-color: #fb8421;
        width: 150px;
        text-align: center;
        border-radius: 25px;
    }

    .about-area-text-btn a {
        color: #fff;
        text-decoration: none;
        font-family: 'Bahn', sans-serif;
        text-transform: uppercase;
    }

    .about-area-text-btn:hover {
        background-color: #272727;
        transition: all 0.3s ease;
    }
    
    .about-area-video {
        margin-top:20px;
    }

    .about-area-video video {
        width: 100%;
    }

    /* 视频缩略图样式 */
    .video-thumbnails {
        display: flex;
        gap: 15px;
        margin-top: 20px;
    }

    .thumbnail-item {
        flex: 1;
        cursor: pointer;
        border: 2px solid transparent;
        transition: all 0.3s ease;
    }

    .thumbnail-item video {
        width: 100%;
        height: 100px;
        object-fit: cover;
    }

    .thumbnail-item:hover,
    .thumbnail-item.active {
        border-color: #fb8421;
    }

    .about-related-box {
        margin-top: 20px;
    }

    .about-video-box {
        margin-top: 20px;
    }

    .about-video-item {
        margin-bottom: 20px;
    }

    .about-video-item video {
        width: 100%;
    }

    .about-product-box {
        margin-top: 20px;
    }

    .product-detail-related-item {
        margin-bottom: 20px;
    }

    /* 关于我们 */







    /* 联系我们 */
    .contact-area-box {
        padding: 30px;
        border-radius: 15px;
        background-color: #fff;
        box-shadow: 0 0 10px 7px #00000008;
    }

    .contact-area-tx {
        display: flex;
        gap: 20px;
        align-items: center;
        margin: 40px 0;
    }

    .contact-area-tx-pic {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        overflow: hidden;
    }

    .contact-area-tx-pic img {
        width: 100%;
    }

    .contact-area-info-item {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-bottom: 10px;
    }

    .contact-area-info-item-icon i {
        font-size: 1.2rem;
    }

    .contact-area-info-item-text p {
        color: #000;
    }

    .contact-area-add {
        margin-top: 50px;
        padding: 30px;
        box-shadow: 0 0 10px 7px #00000008;
    }

    .contact-area-add-text {
        margin-top: 20px;
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .contact-area-add-text-icon i {
        font-size: 1.2rem;
    }

    .contact-area-add-text-item p {
        color: #000;
    }

    .contact-area-right {
        padding: 30px;
        border-radius: 15px;
        background-color: #fff;
        box-shadow: 0 0 10px 7px #00000008;
        margin-top: 30px;
    }

    .contact-area-right h1 {
        margin: 0;
    }

    .contact-area-right-zh {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 20px 0;
    }

    .contact-area-right-zh-pic {
        width: 40%;
    }

    .contact-area-right-zh-pic img {
        width: 100%;
        border: 1px solid #00000024;
        border-radius: 3px;
    }

    .contact-area-right-zh p {
        color: #000;
        display: -webkit-box;
        /* 必须结合的弹性盒子模型 */
        -webkit-box-orient: vertical;
        /* 设置子元素的排列方式 */
        -webkit-line-clamp: 2;
        /* 限制显示行数（此处为3行） */
        overflow: hidden;
        /* 隐藏超出内容 */
        text-overflow: ellipsis;
    }

    .contact-area-right-btn {
        margin-top: 30px;
        padding: 10px 25px;
        background-color: #fb8421;
        width: 150px;
        text-align: center;
        border-radius: 25px;
    }

    .contact-area-right-btn a {
        color: #fff;
        text-decoration: none;
    }

    .contact-area-right-btn:hover {
        background-color: #272727;
        transition: all 0.3s ease;
    }

    .promotion-title h3 {
        margin: 0;
    }

    .promotion-form {
        margin-top: 20px;
    }

    .promotion-product {
        margin-top: 20px;
    }

    /* 联系我们 */
}