* {
    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倍 */
}


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

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





    /* 导航栏 */
    .header {
        display: none;
    }

    .header-fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        background-color: #fff;
        padding: 20px 0;
        animation: slideDown 0.3s ease;
    }

    @keyframes slideDown {
        from {
            transform: translateY(-100%);
        }

        to {
            transform: translateY(0);
        }
    }

    .header-logo img {
        width: 150px;
    }

    .header-menu {
        height: 35px;
        line-height: 35px;
    }

    .header-menu-list {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header-menu-list a {
        font-family: 'Bahn', sans-serif;
        color: #272727;
        text-transform: uppercase;
        font-weight: 600;
    }

    .header-menu-list a:hover {
        text-decoration: none;
    }

    /* 下拉菜单样式 */
    .nav-item.dropdown .nav-link {
        color: #333;
        /* 未选中状态文字颜色 */
        background-color: transparent;
        /* 未选中状态背景色 */
        font-family: 'Bahn', sans-serif;
        font-size: 1rem;
        position: relative;
        display: block;
        text-decoration: none;
        padding: 0;
    }

    .nav-item.dropdown .nav-link:hover {
        color: #0954fc;
        /* 悬停时文字颜色 */
    }

    /* 鼠标悬停显示二级菜单 */
    .nav-item.dropdown:hover .dropdown-menu {
        display: block !important;
        margin-top: 0;
        /* 消除默认的小间距，避免hover闪烁 */
    }

    .header-menu ul li.nav-item.dropdown .dropdown-menu {
        display: none !important;
        /* 更高特异性确保默认隐藏 */
        background-color: #0954fc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.25rem;
        color: #fff;
        padding: 0.5rem 0;
        min-width: 10rem;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
    }

    /* 鼠标悬停显示二级菜单 */
    .header-menu ul li.nav-item.dropdown:hover .dropdown-menu {
        display: block !important;
        /* 匹配特异性确保悬停显示 */
        margin-top: 0;
        font-family: 'Abel', sans-serif;
    }

    .header-menu ul li.nav-item.dropdown:hover .dropdown-menu .dropdown-item {
        color: #fff;
        padding: 0.25rem 1.5rem;
        clear: both;
        font-weight: 400;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
        text-decoration: none;
        display: block;
    }

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

    .dropdown-divider {
        height: 0;
        margin: 0.5rem 0;
        overflow: hidden;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .header-btn {
        height: 35px;
        line-height: 35px;
        display: flex;
        justify-content: flex-end;
        gap: 20px;
    }

    .header-btn i {
        color: #272727;
    }

    .header-btn a {
        text-decoration: none;
    }

    .language-btn {
        width: 20px;
        height: 20px;
        background-color: #272727;
        border-radius: 2px;
        margin-top: 7px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.8rem;
        color: #fff;
    }
    
    .mobil-header {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 3;
        padding: 20px;
        background-color: #fff;
        box-shadow: 0 0 10px 7px #00000017;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .mobil-header-logo img {
        width: 120px;
    }
    
    .mobil-header-menu i {
        font-size: 1.5rem;
    }

    .mobil-header-nav {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background-color: #fff;
        z-index: 6;
        padding: 20px;
        display: none;
    }
    
    .mobil-header-nav-logo img {
        width: 120px;
    }
    
    .mobil-header-nav-line {
        border-bottom: 1px solid #f3f3f3;
        margin: 20px 0;
    }
    
    .mobil-header-nav-select {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    
    .mobil-header-nav-select a {
        text-decoration: none;
        color:#000;
    }
    
    .mobil-header-nav-social a {
        text-decoration: none;
    }
    
    .mobil-header-nav-social i {
        font-size: 1.5rem;
        color:#000;
    }
    
    .mobil-header-nav-language {
        margin-top: 30px;
    }
    
    .mobil-header-nav-language a {
        text-decoration: none;
        padding: 8px 15px;
        background-color: #272727;
        color: #fff;
    }
    
    .mobil-header-close {
        position: fixed;
        right: 20px;
        top: 20px;
        z-index: 7;
        display: none;
    }
    
    .mobil-header-close i {
        font-size: 1.5rem;
    }
    /* 导航栏 */





    /* 滚动图 */
    .slider-item {
        position: relative;
    }

    .slider-item-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -2;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

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

    .slider-item-mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.5;
        z-index: -1;
    }

    .slider-item-content {
        padding: 80px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #fff;
        margin-top: 50px;
    }

    .slider-item-content p {
        font-size: 1.5rem;
        text-transform: uppercase;
    }

    .slider-item-content h1 {
        text-transform: uppercase;
        margin-top: 10px;
    }

    .slider-item-btn {
        margin-top: 20px;
        display: flex;
        gap: 20px;
    }

    .slider-item-btn a {
        text-decoration: none;
    }

    /* 滚动大图 */







    /* 首页产品 */
    .home-product-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
        text-align: center;
    }

    .home-product-title-line {
        border-bottom: 5px solid #7f7f7f;
        width: 80px;
    }

    .home-product-title h1 {
        margin: 0;
        text-transform: uppercase;
    }

    .home-product-title span {
        width: 60%;
        text-align: center;
    }

    .home-product-box {
        margin-top: 50px;
    }

    .home-product-big-item {
        position: relative;
        height: 390px;
        overflow: hidden;
    }

    .home-product-big-item-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -2;
        display: flex;
        justify-content: center;
    }

    .home-product-big-item-img img {
        height: 100%;
    }

    .home-product-big-item-mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 390px;
        background-color: #00000000;
        z-index: -1;
    }

    .home-product-big-item-tag {
        position: absolute;
        left: 20px;
        top: 20px;
        z-index: 2;
    }

    .home-product-big-item-tag span {
        padding: 5px 10px;
        background-color: #fff;
        color: #272727;
        font-size: 0.8rem;
        font-weight: bold;
    }

    .home-product-big-item:hover .home-product-big-item-mask {
        background-color: #000000d4;
        transition: all 0.5s ease-in-out;
    }

    .home-product-big-item-content {
        padding: 50px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        color: #fff;
        width: 100%;
        height: 390px;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .home-product-big-item-content-icon {
        width: 50px;
        height: 50px;
    }

    .home-product-big-item-content-icon i {
        font-size: 3rem;
    }

    .home-product-big-item-content-btn a {
        text-decoration: none;
    }

    .home-product-small-item {
        position: relative;
        height: 250px;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .home-product-small-item-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -2;
        display: flex;
    }

    .home-product-small-item-img img {
        height: 100%;
    }

    .home-product-small-item:hover .home-product-small-item-img img {
        transform: scale(1.1);
        transition: all 0.5s ease-in-out;
    }

    .home-product-small-item-mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 250px;
        background-color: #00000000;
        z-index: -1;
    }

    .home-product-small-item:hover .home-product-small-item-mask {
        background-color: #000000d4;
        transition: all 0.5s ease-in-out;
    }

    .home-product-small-item-tag {
        position: absolute;
        left: 20px;
        top: 20px;
        z-index: 2;
    }

    .home-product-small-item-tag span {
        padding: 5px 10px;
        background-color: #fff;
        color: #272727;
        font-size: 0.6rem;
        font-weight: bold;
    }

    .home-product-small-item-content {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        color: #fff;
        padding: 20px;
    }

    .home-product-small-item-content a {
        font-family: 'Bahn', sans-serif;
        font-size: 1.3rem;
        color: #fff;
        text-decoration: none;
    }

    .home-product-small-item-content p {
        word-break: break-all;
        line-height: 1.1rem;
    }

    /* 首页产品 */








    /* 首页应用场景 */
    .home-scene {
        padding: 50px 0;
        background-color: #f5f5fb;
    }

    .tab-container {
        margin-top: 50px;
        width: 100%;
    }

    .tab-content {
        margin-bottom: 15px;
    }

    .tab-content-box {
        width: 100%;
    }

    .tab-image-container {
        padding-right: 0;
        width: 100%;
    }

    .tab-image {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .tab-description {
        width: 100%;
        background-color: #fff;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .tab-description h3 {
        font-family: 'Bahn', sans-serif;
        font-size: 1.2rem;
        margin-bottom: 20px;
        color: #272727;
    }

    .tab-description p {
        font-family: 'Abel', sans-serif;
        font-size: 1rem;
        margin-bottom: 30px;
        color: #555;
    }

    .tab-description a {
        text-decoration: none;
    }

    .tab-tabs {
        width: 100%;
    }

    .tab-tabs-box {
        display: flex;
        justify-content: space-between;
    }

    .tab-tabs-item {
        position: relative;
        width: 19%;
        height: 80px;
        cursor: pointer;
        overflow: hidden;
    }

    .tab-tabs-item-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        transition: transform 0.5s ease;
    }

    .tab-tabs-item:hover .tab-item-bg {
        transform: scale(1.1);
    }

    .tab-tabs-item-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        transition: background-color 0.3s ease;
    }

    .tab-tabs-item-title {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-family: 'Bahn', sans-serif;
        font-size: 0.6rem;
        text-align: center;
        transition: opacity 0.3s ease;
    }

    /* 当前选中的选项不显示蒙版和标题 */
    .tab-tabs-item.active .tab-tabs-item-mask {
        background-color: rgba(0, 0, 0, 0);
    }

    .tab-tabs-item.active .tab-tabs-item-title {
        opacity: 0;
    }

    /* 首页应用场景 */







    /* 首页关于我们 */
    .home-about-left {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .home-about-left-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: flex;
    }

    .home-about-left-img img {
        width: 100%;
    }

    .home-about-left-text {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        padding: 20px;
        background-color: #fff;
        margin: 20px;
    }
    
    .home-about-right-title {
        margin-top:20px;
    }

    .home-about-right-title h1 {
        margin: 0;
    }

    .home-about-right-title-line {
        border-bottom: 5px solid #7f7f7f;
        width: 80px;
        margin: 10px 0;
    }

    .home-about-right-title span {
        font-family: 'Abel', sans-serif;
        color: #272727;
    }

    .home-about-right-text {
        margin: 20px 0;
    }

    .home-about-right-text p {
        font-weight: 600;
    }

    .home-about-right-data {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .home-about-right-data-item {
        width: 45%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
    }

    .home-about-right-data-item-title {
        display: flex;
        gap: 5px;
        justify-content: center;
        align-items: end;
    }

    .home-about-right-data-item-title h1 {
        font-family: 'Impact', sans-serif;
    }

    .home-about-right-data-item-title span {
        font-size: 0.8rem;
        font-weight: 600;
    }

    .home-about-right-data-item-text {
        text-align: center;
        margin-top: 10px;
    }

    .home-about-right-data-item-text p {
        line-height: 1rem;
    }

    .home-about-right-btn {
        margin-top: 20px;
        display: flex;
        justify-content: center;
    }

    .home-about-right-btn a {
        text-decoration: none;
    }

    .home-about-adv {
        margin-top: 50px;
        padding: 30px;
        background-color: #f5f5fb;
    }

    .home-about-adv-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-bottom: 30px;
    }

    .home-about-adv-item-icon i {
        font-size: 3rem;
    }

    .home-about-adv-item:hover {
        transform: translateY(-10px);
        transition: all 0.3s ease;
    }

    /* 首页关于我们 */







    /* 首页产品应用 */
    .application-box {
        margin-top: 50PX;
    }

    .application-box-item {
        background-color: #fff;
    }

    .application-box-item:hover {
        background-color: #272727;
        transition: all 0.3s ease;
        color: #fff;
    }

    .application-box-item-img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        overflow: hidden;
        display: flex;
    }

    .application-box-item-img img {
        width: 100%;
    }

    .application-box-item:hover img {
        transform: scale(1.1);
        transition: all 0.3s ease;
    }

    .application-box-item-text {
        padding: 20px;
    }

    .application-box-item-text a {
        font-family: 'Bahn', sans-serif;
        font-size: 1rem;
        color: #272727;
        text-decoration: none;
        font-weight: 600;
    }

    .application-box-item:hover a {
        color: #fff;
        transition: all 0.3s ease;
    }

    /* 首页产品应用 */






    /* 首页项目案例 */
    .home-project {
        margin-top: 30px;
    }

    .home-project-item {
        position: relative;
        background-color: #fff;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.032);
        margin: 20px 10px;
    }

    .home-project-item-img {
        width: 100%;
        height: 210px;
        object-fit: cover;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

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

    .home-project-item:hover img {
        transform: scale(1.1);
        transition: all 0.3s ease;
    }

    .home-project-item-text {
        padding: 20px;
    }

    .home-project-item-btn {
        margin-top: 30px;
    }

    .home-project-item-btn a {
        text-decoration: none;
    }

    .home-project-item-tag {
        position: absolute;
        left: 20px;
        top: 20px;
        z-index: 2;
    }

    .home-project-item-tag span {
        padding: 8px 15px;
        background-color: #fff;
    }

    /* 首页项目案例 */








    /* 首页工厂展示 */
    .home-factory-container {
        width: 100%;
        margin-top: 30px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.032);
    }

    .vertical-tabs-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        background-color: #f5f5f5;
    }

    .vertical-tab {
        display: flex;
        align-items: center;
        padding: 20px;
        cursor: pointer;
        transition: all 0.3s ease;
        border-left: 4px solid transparent;
    }

    .vertical-tab.active {
        background-color: #272727;
        color: #fff;
        border-left: 4px solid #0954fc;
    }

    .vertical-tab-icon {
        font-size: 24px;
        margin-right: 15px;
    }

    .vertical-tab-title {
        font-family: 'Bahn', sans-serif;
        font-size: 18px;
    }

    .vertical-tabs-content {
        width: 100%;
        height: 200px;
        position: relative;
        overflow: hidden;
    }

    .vertical-tab-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        transition: opacity 0.5s ease;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .vertical-tab-content.active {
        opacity: 1;
    }

    .vertical-tab-content img {
        height: 100%;
        object-fit: cover;
    }

    /* 首页工厂展示 */






    /* 首页留言板 */
    .home-message {
        margin-top: 30px;
    }

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

    .home-message form input:focus {
        outline: none;
        background-color: #272727;
        color: #fff;
        transition: all 0.3s ease;
    }

    .home-message form textarea {
        border: none;
        padding: 15px;
        border-radius: 2px;
        background-color: #f5f5fb;
        font-size: 0.8rem;
        font-family: 'Abel', sans-serif;
        width: 100%;
        margin-bottom: 20px;
        height: 130px;
    }

    .home-message form button {
        border: none;
        padding: 15px;
        background-color: #272727;
        color: #fff;
        font-family: 'Bahn', sans-serif;
        font-size: 0.8rem;
        width: 120px;
    }

    /* 首页留言板 */








    /* 滚动LOGO */
    .footer {
        background-color: #272727;
    }

    .footer-partner {
        padding: 20px 0;
        background-color: #f5f5fb;
    }

    .footer-partner img {
        width: 80px;
    }

    .footer-content-box {
        margin: 50px 0;
        justify-content: space-between;
    }

    .footer-content-item {
        width: 100%;
        color: #fff;
        margin-bottom: 20px;
    }

    .footer-content-item h5 {
        font-size: 1rem;
    }

    .footer-content-item-line {
        border-bottom: 1px solid #ffffff27;
        width: 100%;
        margin: 10px 0;
    }

    .footer-content-item h6 {
        font-size: 0.8rem;
    }

    .footer-content-item-list {
        margin-top: 10px;
        display: flex;
        flex-direction: column;
    }

    .footer-content-item-list a {
        color: #fff;
        text-decoration: none;
        font-family: 'Abel', sans-serif;
        font-size: 0.8rem;
    }

    .footer-content-item-list a:hover {
        color: #0954fc;
        transition: all 0.3s ease;
    }

    .footer-content-item-info {
        margin: 10px 0;
    }

    .footer-content-item-info p {
        font-family: 'Abel', sans-serif;
        font-size: 0.8rem;
        font-weight: 300;
    }

    .footer-content-item-social-list {
        margin: 10px 0;
    }

    .footer-content-item-social-list a {
        text-decoration: none;
    }

    .footer-content-item-social-list a:hover i {
        color: #0954fc;
        transition: all 0.3s ease;
    }

    .footer-content-item-social-list i {
        color: #fff;
    }

    .footer-copyright {
        text-align: center;
        color: #909090;
        font-size: 0.8rem;
    }

    /* 滚动LOGO */






    /* 关于我们 */
    .page-banner {
        width: 100%;
        height: 100%;
        background-size: cover;
        position: relative;
        overflow: hidden;
    }

    .page-banner-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -2;
        display: flex;
        justify-content: center;
    }

    .page-banner-bg img {
        height: 100%;
        object-fit: cover;
    }

    .page-banner-mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000000ac;
        z-index: -1;
    }

    .page-banner-content {
        padding: 80px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #fff;
        margin-top:50px;
    }

    .page-banner-content h1 {
        text-transform: uppercase;
        font-size: 1.3rem;
    }

    .page-banner-content-line {
        border-bottom: 3px solid #fff;
        width: 80px;
        margin: 10px 0;
    }

    .page-banner-content a {
        text-decoration: none;
        color: #fff;
        font-family: 'Abel', sans-serif;
        font-size: 1.3rem;
    }

    .page-banner:hover {
        background-color: #00000058;
        transition: all 0.3s ease;
    }

    .about-video {
        position: relative;
        overflow: hidden;
        padding: 80px 0;
    }

    .about-video-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -2;
        display: flex;
        justify-content: center;
    }

    .about-video-bg video {
        height: 100%;
        object-fit: cover;
    }

    .about-video-mask {
        position: absolute;
        left: 0;
        top: 0;
        background-color: #00000058;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .about-video-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        color: #fff;
        text-align: center;
    }

    .about-video-content-line {
        border-bottom: 3px solid #fff;
        width: 80px;
        margin: 10px 0;
    }

    .about-video-content-btn a {
        text-decoration: none;
    }

    .about-video-content-btn i {
        font-size: 3.5rem;
        color: #fff;
    }

    .core-team {
        margin-top: 50px;
    }

    .core-team-item {
        width: 100%;
        height: 360px;
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .core-team-item-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .core-team-item-img img {
        width: 100%;
        object-fit: cover;
    }

    .core-team-item-mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: linear-gradient(to top, #000000dc, #00000006);
        display: none;
    }

    .core-team-item-content {
        position: absolute;
        left: 50%;
        bottom: 20px;
        transform: translateX(-50%);
        z-index: 3;
        color: #fff;
        display: none;
        text-align: center;
    }

    .core-team-item:hover .core-team-item-mask {
        display: block;
        transition: all 0.3s ease-in-out;
    }

    .core-team-item:hover .core-team-item-content {
        display: block;
        transition: all 0.3s ease-in-out;
    }

    /* 关于我们 */





    /* 发展历史 */
    .home-history {
        width: 100%;
        height: 700px;
        overflow: hidden;
    }

    .warper {
        max-width: 1300px;
        margin: 0 auto;
    }

    .fl {
        float: left
    }

    .fr {
        float: right
    }

    .clear {
        clear: both;
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
    }

    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
    }

    .clearfix:after {
        clear: both;
    }

    .clearfix {
        zoom: 1;
    }

    .pr {
        position: relative;
    }

    .warper {
        max-width: 1300px;
        margin: 0 auto;
    }

    .about-main2 {
        height: 890px;
        width: 100%;
        overflow: hidden;
    }

    .about-main2 .licheng-bg {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .about-main2 .licheng-bg .warper {
        height: 100%;
    }

    .about-main2 .licheng-bg img {
        height: 518px;
        position: absolute;
        bottom: 200px;
        left: 0;
    }

    .about-main2 .ny-title {
        padding-top: 80px;
    }

    .ny-title .title-en {
        font-size: 36px;
        color: #b4b4b4;
        font-family: arial;
        line-height: 36px;
        font-weight: normal;
    }

    .ny-title .title-ch {
        font-size: 26px;
        color: #333333;
        margin: 15px 0;
        font-weight: normal;
    }

    .ny-title i {
        display: block;
        width: 42px;
        height: 1px;
        background-color: #b5b5b5;
    }

    .about-main2 .licheng-content {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .about-main2 .licheng-content .swiper-wrapper,
    .about-main2 .licheng-content .swiper-slide,
    .about-main2 .licheng-content ul {
        width: 100%;
        height: 100%;
    }

    .about-main2 .licheng-content ul li {
        width: 20%;
        float: left;
        height: 100%;
    }

    .about-main2 .licheng-content ul li a {
        display: block;
        width: 100%;
        position: relative;
        height: 320px
    }

    .about-main2 .licheng-content ul li .date {
        color: #0a3875;
        font-size: 30px;
    }

    .about-main2 .licheng-content ul li.item1 .line,
    .about-main2 .licheng-content ul li.item3 .line,
    .about-main2 .licheng-content ul li.item5 .line {
        margin-bottom: 30px;
    }

    .about-main2 .licheng-content ul li.item2 .line,
    .about-main2 .licheng-content ul li.item4 .line {
        margin-top: 30px;
    }

    .about-main2 .licheng-content ul li.item1 .line:after,
    .about-main2 .licheng-content ul li.item3 .line:after,
    .about-main2 .licheng-content ul li.item5 .line:after {
        width: 25px;
        height: 25px;
        background-color: rgba(10, 56, 117, 0.8);
        display: block;
        content: "";
        border-radius: 50%;
        text-align: center;
        position: absolute;
    }

    .about-main2 .licheng-content ul li.item2 .line:before,
    .about-main2 .licheng-content ul li.item4 .line:before {
        width: 25px;
        height: 25px;
        background-color: rgba(10, 56, 117, 0.8);
        display: block;
        content: "";
        border-radius: 50%;
        text-align: center;
        position: absolute;
    }

    .about-main2 .licheng-content ul li .lc-left {
        position: absolute;
    }

    .about-main2 .licheng-content ul li .line {
        height: 250px;
        width: 1px;
        display: block;
        background-color: #0A3875;
        position: relative;
        left: 30px;
    }

    .about-main2 .licheng-content ul li .lc-right {
        position: absolute;
        left: 30px;
        width: 400px;
        height: 100%;
        display: table;
    }

    .about-main2 .licheng-content ul li.item5 .lc-right {
        width: 200px;
    }

    .about-main2 .licheng-content ul li.item2 .lc-right,
    .about-main2 .licheng-content ul li.item4 .lc-right {
        width: 400px;
    }

    .about-main2 .licheng-content ul li .lc-right .right-text {
        padding: 20px;
        display: table-cell;
        vertical-align: middle;
        color: #272727;
    }

    .about-main2 .licheng-content ul li.item1 a {
        top: 50px;
    }

    .about-main2 .licheng-content ul li.item1 .lc-left .line:after {
        bottom: -25px;
        left: -11px;
    }

    .about-main2 .licheng-content ul li.item1 .lc-right {
        bottom: 68px;
    }

    .about-main2 .licheng-content ul li.item2 a {
        top: 258px;
    }

    .about-main2 .licheng-content ul li.item2 .lc-left .line:before {
        top: -25px;
        left: -11px;
    }

    .about-main2 .licheng-content ul li.item2 .lc-right {
        top: 80px;
    }

    .about-main2 .licheng-content ul li.item3 a {
        top: 136px;
    }

    .about-main2 .licheng-content ul li.item3 .lc-left .line:after {
        bottom: -25px;
        left: -11px;
    }

    .about-main2 .licheng-content ul li.item3 .lc-right {
        bottom: 100px;
    }

    .about-main2 .licheng-content ul li.item4 a {
        top: 278px;
    }

    .about-main2 .licheng-content ul li.item4 .lc-left .line:before {
        top: -25px;
        left: -11px;
    }

    .about-main2 .licheng-content ul li.item4 .lc-right {
        top: 70px;
    }

    .about-main2 .licheng-content ul li.item5 a {
        top: 99px;
    }

    .about-main2 .licheng-content ul li.item5 .lc-left .line:after {
        bottom: -25px;
        left: -11px;
    }

    .about-main2 .licheng-content ul li.item5 .lc-right {
        bottom: 100px;
    }

    .about-main2 .licheng-content .right-text h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .about-main2 .licheng-content .right-text p {
        font-size: 16px;
    }

    .lc-swiper-btn {
        width: 100%;
        position: absolute;
        top: 370px;
    }

    .lc-swiper-btn a {
        display: block;
        position: absolute;
    }

    .lc-swiper-btn .btn-prev {
        position: absolute;
        left: 15px;
        top: 50px;
    }

    .lc-swiper-btn .btn-next {
        position: absolute;
        right: 0;
        top: 50px;
    }

    .lc-swiper-btn .iconfont {
        font-size: 30px;
    }

    /* 发展历史 */



    /* 销售网络 */
    .Container {
        max-width: 100%;
        position: relative;
    }

    .Map-container {
        position: relative;
    }

    #Map-svg {
        max-width: 100%;
        height: auto;
    }

    .Location-nav {
        margin-top: 30px;
        color: rgba(255, 255, 255, 0.75);
        display: none;
    }

    .Location-nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .Location-nav li {
        margin: 15px;
        cursor: default;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: relative;
    }

    .Location-nav li::after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 2px;
        background: rgba(255, 255, 255, 0.75);
        opacity: 0;
        transform: translateY(100%);
        transition: opacity 0.25s linear, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

    .Location-nav li:hover::after {
        opacity: 1;
        transform: translateY(0);
    }

    /* 销售网络 */







 
    /* 产品列表页热销产品 */
    .tab-container {
        max-width: 1200px;
        margin: 0 auto;
        background: white;
        border-radius: 8px;
        padding: 20px;
    }

    /* Tab导航栏样式 */
    .tab-header {
        display: flex;
        background-color: #272727;
        position: relative;
        flex-direction: column;
    }

    .tab-button {
        flex: 1;
        text-align: center;
        position: relative;
        cursor: pointer;
        transition: all 0.3s ease;
        border-bottom: 1px solid #ffffff1f;
    }

    .tab-button:hover {
        background: rgba(255,255,255,0.1);
    }

    .tab-button.active {
        background: rgba(255,255,255,0.2);
    }

    .tab-button span {
        display: block;
        padding: 15px 20px;
        color: white;
        font-weight: 500;
        font-size: 16px;
    }

    /* 下拉菜单样式 */
    .tab-dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        border-radius: 0 0 8px 8px;
        display: none;
        z-index: 1000;
        min-width: 200px;
    }

    .tab-dropdown a {
        display: block;
        padding: 12px 20px;
        color: #333;
        text-decoration: none;
        border-bottom: 1px solid #eee;
        transition: background 0.2s ease;
    }

    .tab-dropdown a:hover {
        background: #f8f9fa;
        color: #667eea;
    }

    .tab-dropdown a:last-child {
        border-bottom: none;
        border-radius: 0 0 8px 8px;
    }


    .tab-pane {
        display: none;
    }

    .tab-pane.active {
        display: block;
        animation: fadeIn 0.3s ease-in;
    }

    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* 产品列表样式 */
    .product-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 20px;
        margin-top: 30px;
    }

    .product-item {
        background: white;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        padding: 20px;
        text-align: center;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .product-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }

    .product-image {
        width: 100%;
        height: 180px;
        background: #f0f0f0;
        border-radius: 4px;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #999;
    }

    .product-title {
        font-size: 16px;
        font-weight: 600;
        color: #333;
        margin-bottom: 8px;
    }

    .product-price {
        font-size: 18px;
        color: #667eea;
        font-weight: bold;
    }

    .product-description {
        font-size: 14px;
        color: #666;
        margin-top: 8px;
    }
        
    .product-swiper {
        background-color: #f5f5fb;
    }

    .product-swiper-item {
        display: flex;
        justify-content: space-between;
    }

    .product-swiper-item-left {
        width: 45%;
    }

    .product-swiper-item-line {
        border-bottom: 5px solid #7f7f7f;
        width: 80px;
        margin: 10px 0 30px 0;
    }

    .product-swiper-item-right {
        width: 50%;
    }

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

    .product-swiper-item-btn {
        margin-top: 40px;
    }

    .product-swiper-item-btn a {
        text-decoration: none;
    }

    /* 产品列表页热销产品 */







    /* 产品列表页 */


    .product-list-nav {
        display: flex;
        justify-content: space-between;
    }

    .product-list-nav a {
        width: 13.5%;
        text-decoration: none;
        padding: 15px 10px;
        background-color: #f5f5fb;
        font-size: 0.6rem;
        text-align: center;
        font-family: 'Bahn', sans-serif;
        color: #272727;
        font-weight: 600;
    }

    .product-list-nav a.active {
        background-color: #272727;
        color: #fff;
    }

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

    .product-list-item {
        width: 100%;
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.032);
    }

    .product-list-item:hover {
        transform: translateY(-5px);
        transition: 0.3s ease-in-out;
    }

    .product-list-item-img {
        width: 100%;
        height: 250px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

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

    .product-list-item:hover .product-list-item-img img {
        transform: scale(1.1);
        transition: 0.3s ease-in-out;
    }

    .product-list-item-text {
        padding: 20px 20px 30px 20px;
    }

    .product-list-item-text span {
        font-family: 'Bahn', sans-serif;
        color: #b4b2b2;
    }

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

    .product-list-item-title {
        line-height: 1.5em;
        height: calc(1.5em * 3);
        overflow: hidden;
    }

    .product-list-item-title a {
        font-family: 'Bahn', sans-serif;
        color: #272727;
        font-size: 1.2rem;
    }

    .product-list-item-btn a:hover {
        text-decoration: none;
    }

    .pageinfo {
        width: 100%;
        display: flex;
        gap: 10px;
        justify-content: center;
        align-items: center;
    }

    .pageinfo a {
        width: 35px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f5f5fb;
        color: #272727;
        font-size: 0.8rem;
        font-family: 'Bahn', sans-serif;
        text-decoration: none;
        border-radius: 2px;
    }

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

    /* 产品列表页 */







    /* 产品详情页 */
    .image-slider {
        position: relative;
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }

    .slider-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 10;
        transition: all 0.3s ease;
    }

    .slider-prev {
        left: 10px;
    }

    .slider-next {
        right: 10px;
    }

    .slider-btn:hover {
        background-color: #0954fc;
    }

    .main-image-container {
        width: 100%;
        height: 300px;
        display: flex;
        justify-content: center;
        overflow: hidden;
        margin-bottom: 20px;
        border: 1px solid #f5f5fb;
    }

    .main-image-container img {
        height: 100%;
        object-fit: cover;
        transition: all 0.5s ease;
    }

    .thumbnail-container {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .thumbnail-item {
        width: 33%;
        height: 60px;
        display: flex;
        justify-content: center;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid #f3f3f3;
        transition: all 0.3s ease;
    }

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

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

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


    .main-image-container {
        position: relative;
        /* 添加相对定位，用于放大镜绝对定位 */
        overflow: hidden;
        /* 确保放大镜不会超出容器 */
    }

    /* 放大镜样式 */
    .magnifier {
        position: absolute;
        width: 250px;
        /* 放大镜宽度 */
        height: 250px;
        /* 放大镜高度 */
        border: 3px solid #fff;
        pointer-events: none;
        /* 确保鼠标事件能穿透放大镜 */
        background-repeat: no-repeat;
        background-size: 250% 250%;
        /* 图片放大两倍 */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        display: none;
        /* 默认隐藏 */
        z-index: 10;
    }

    .product-detail-content h1 {
        margin: 0;
    }

    .product-detail-content-des {
        margin-top: 10px;
    }

    .product-detail-content-option {
        margin: 20px 0;
    }

    .product-detail-content-option-title {
        padding: 10px;
        background-color: #272727;
        color: #fff;
        width: 200px;
        font-family: 'Bahn', sans-serif;
        font-weight: 600;
        text-align: center;
    }

    .product-detail-content-option-list {
        display: flex;
        flex-direction: column;
        margin-top: 15px;
    }

    .product-detail-content-option-item {
        padding: 15px 20px;
        width: 32%;
        background-color: #f5f5fb;
        font-family: 'Abel', sans-serif;
        margin-bottom: 2px;
        font-size: 0.6rem;
    }

    .product-detail-content-btn {
        margin-top: 30px;
    }

    .product-detail-content-btn a {
        text-decoration: none;
        font-family: 'Bahn', sans-serif;
    }

    .product-detail-tag {
        margin-top: 50px;
    }

    .product-detail-tag-item {
        padding: 20px;
        width: 100%;
        background-color: #f5f5fb;
        text-align: center;
        font-family: 'Bahn', sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        border-bottom: 1px solid #27272714;
    }

    .product-detail-tag-item:hover {
        background-color: #272727;
        color: #fff;
        transform: translateY(-5px);
        transition: all 0.3s ease;
    }

    .product-detail-more-title {
        padding: 10px;
        width: 100%;
        background-color: #272727;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
    }

    /* 产品详情页 */




    /* 应用列表页 */
    .app-scenarios {
        margin-top: 50px;
    }

    /* 应用列表页 */



    /* 行业应用 */
    .app-banner-content {
        padding: 150px 0;
        color: #fff;
    }

    .app-banner-content h1 {
        margin: 10px 0;
    }

    .app-banner-content p {
        width: 40%;
    }

    .app-banner-btn {
        margin-top: 30px;
    }

    .app-banner-btn a {
        text-decoration: none;
    }

    /* 行业应用 */






    /* 应用详情 */
    .app-more {
        margin-top: 50px;
    }

    .app-more-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
    }

    .app-more-item-img {
        width: 49%;
    }

    .app-more-item-img img {
        width: 100%;
    }

    .app-more-item-text {
        width: 49%;
    }

    .app-review-item {
        position: relative;
        width: 100%;
        height: 280px;
        overflow: hidden;
    }

    .app-review-item-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -2;
    }

    .app-review-item-img img {
        width: 100%;
    }

    .app-review-item:hover img {
        transform: scale(1.1);
        transition: all 0.3s ease;
    }

    .app-review-item-mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, #000000c0, #0000005f);
        z-index: -1;
    }

    .app-review-item:hover .app-review-item-mask {
        display: none;
        transition: all 0.3s ease;
    }

    .app-review-item-text {
        position: absolute;
        left: 20px;
        bottom: 20px;
        font-family: 'Bahn', sans-serif;
        font-weight: 600;
        font-size: 1.3rem;
        z-index: 1;
    }

    .app-review-item-text a {
        text-decoration: none;
        color: #fff;
    }

    /* 应用详情 */




    /* 资料下载 */
    .download-box {
        margin-top: 50px;
    }

    .download-box-item {
        padding: 20px;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.032);
        border-radius: 3px;
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .download-box-item:hover {
        background-color: #272727;
        transform: translateY(-5px);
        transition: all 0.3s ease;
    }

    .download-box-item-title {
        width: 95%;
    }

    .download-box-item-btn {
        width: 5%;
    }

    .download-box-item-title {
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .download-box-item-title a {
        text-decoration: none;
        color: #272727;
        font-family: 'Bahn', sans-serif;
        font-size: 1.1rem;
    }

    .download-box-item:hover a {
        color: #fff;
        transition: all 0.3s ease;
    }

    .download-box-item-title img {
        width: 25px;
    }

    .download-box-item-btn a {
        text-decoration: none;
    }

    .download-box-item-btn i {
        color: #272727;
        font-size: 1.3rem;
    }

    .download-box-item:hover i {
        color: #fff;
        transition: all 0.3s ease;
    }

    /* 资料下载 */




    /* 新闻列表 */
    .article-hot-box {
        border: 1px solid #f3f3f3;
        width: 100%;
        overflow: hidden;
        margin-bottom: 50px;
    }

    .article-hot-box-title {
        padding: 20px;
    }

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

    .article-box-btn a {
        text-decoration: none;
    }

    .article-hot-box:hover {
        background-color: #272727;
        transition: all 0.3s ease;
        border: none;
    }

    .article-box-data {
        padding: 10px 0;
        display: flex;
        gap: 20px;
        align-items: center;
        color: #7f7f7f;
    }

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

    .article-box-text p {
        color: #272727;
    }

    .article-hot-box-img {
        width: 100%;
        overflow: hidden;
        display: flex;
    }

    .article-hot-box-img img {
        height: 100%;
    }

    .article-hot-box:hover h2 {
        color: #fff;
        transition: all 0.3s ease;
    }

    .article-hot-box:hover .article-box-text p {
        color: #fff;
        transition: all 0.3s ease;
    }

    .article-hot-box:hover img {
        transform: scale(1.1);
        transition: all 0.3s ease;
    }

    .article-news-box-item {
        margin-bottom: 30px;
        box-shadow: 0 0 20px 7px rgba(0, 0, 0, 0.032);
    }

    .article-news-box-item:hover {
        transform: translateY(-5px);
        transition: all 0.3s ease;
    }

    .article-news-box-img {
        width: 100%;
        display: flex;
    }

    .article-news-box-img img {
        width: 100%;
    }

    .article-news-box-text {
        width: 100%;
        padding: 20px;
    }

    .article-news-box-text a {
        font-size: 1.5rem;
        font-family: 'Bahn', sans-serif;
        text-decoration: none;
        color: #272727;
    }

    .article-news-box-item:hover a {
        color: #0954fc;
        transition: all 0.3s ease;
    }

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

    .article-news-btn {
        margin-top: 30px;
    }

    .article-detail-title {
        text-align: center;
    }

    .article-detail-box-data {
        display: flex;
        justify-content: center;
        margin: 20px;
        gap: 20px;
        color: #7f7f7f;
    }

    .article-detail-line {
        border-bottom: 1px solid #7f7f7f;
        width: 100%;
        margin: 30px 0;
    }

    .article-detail-related {
        display: flex;
        justify-content: space-between;
    }

    .article-detail-related a {
        text-decoration: none;
        color: #272727;
        font-family: "Abel", sans-serif;
    }

    .article-detail-related a:hover {
        color: #0954fc;
        transition: all 0.3s ease;
    }
    
    .article-detail-related-item {
        width: 49%;
    }

    /* 新闻列表 */







    /* 联系我们 */
    .contact-info-item {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.032);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
        gap: 10px;
        margin-bottom: 20px;
    }

    .contact-info-item:hover {
        background-color: #272727;
        color: #fff;
        transition: all 0.3s ease;
        transform: translateY(-5px);
    }

    .contact-info-item i {
        font-size: 3rem;
    }

    /* 联系我们 */
}






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

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





    /* 导航栏 */
    .header {
        padding: 20px 0;
    }

    .header-fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        background-color: #fff;
        padding: 20px 0;
        animation: slideDown 0.3s ease;
    }

    @keyframes slideDown {
        from {
            transform: translateY(-100%);
        }

        to {
            transform: translateY(0);
        }
    }

    .header-logo img {
        width: 150px;
    }

    .header-menu {
        height: 35px;
        line-height: 35px;
    }

    .header-menu-list {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header-menu-list a {
        font-family: 'Bahn', sans-serif;
        color: #272727;
        text-transform: uppercase;
        font-weight: 600;
    }

    .header-menu-list a:hover {
        text-decoration: none;
    }

    /* 下拉菜单样式 */
    .nav-item.dropdown .nav-link {
        color: #333;
        /* 未选中状态文字颜色 */
        background-color: transparent;
        /* 未选中状态背景色 */
        font-family: 'Bahn', sans-serif;
        font-size: 1rem;
        position: relative;
        display: block;
        text-decoration: none;
        padding: 0;
    }

    .nav-item.dropdown .nav-link:hover {
        color: #0954fc;
        /* 悬停时文字颜色 */
    }

    /* 鼠标悬停显示二级菜单 */
    .nav-item.dropdown:hover .dropdown-menu {
        display: block !important;
        margin-top: 0;
        /* 消除默认的小间距，避免hover闪烁 */
    }

    .header-menu ul li.nav-item.dropdown .dropdown-menu {
        display: none !important;
        /* 更高特异性确保默认隐藏 */
        background-color: #0954fc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.25rem;
        color: #fff;
        padding: 0.5rem 0;
        min-width: 10rem;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
    }

    /* 鼠标悬停显示二级菜单 */
    .header-menu ul li.nav-item.dropdown:hover .dropdown-menu {
        display: block !important;
        /* 匹配特异性确保悬停显示 */
        margin-top: 0;
        font-family: 'Abel', sans-serif;
    }

    .header-menu ul li.nav-item.dropdown:hover .dropdown-menu .dropdown-item {
        color: #fff;
        padding: 0.25rem 1.5rem;
        clear: both;
        font-weight: 400;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
        text-decoration: none;
        display: block;
    }

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

    .dropdown-divider {
        height: 0;
        margin: 0.5rem 0;
        overflow: hidden;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .header-btn {
        height: 35px;
        line-height: 35px;
    }

    .header-btn i {
        color: #272727;
    }

    .header-btn a {
        text-decoration: none;
    }

    .language-btn {
        width: 20px;
        height: 20px;
        background-color: #272727;
        border-radius: 2px;
        margin-top: 7px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.8rem;
        color: #fff;
    }
    
    .search-down-box {
        position: relative;
        display: none;
    }

    .search-down-box input {
        border: none;
        background-color: #fff;
        box-shadow: 0 0 10px 1px #00000012;
        padding: 10px;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 3;
        transform: translate(10px , 35px);
        font-size: 0.6rem;
        font-family: "Abel";
    }
    
    .search-down-box form {
        display: flex;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 3;
        width: 250px;
    }
    
    .search-down-box form input:focus {
        outline: none;
    }
    
    .search-close-box {
        position: absolute;
        right: -14px;
        bottom: -9px;
        z-index: 6;
        display: none;
    }
    
    .search-close-box i {
        font-size: 1.3rem;
    }
    
    .mobil-header {
        display: none;
    }
    
    .mobil-header-nav {
        display: none;
    }
    
    .mobil-header-close {
        display: none;
    }
    /* 导航栏 */





    /* 滚动图 */
    .slider-item {
        position: relative;
    }

    .slider-item-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        object-fit: cover;
        z-index: -2;
    }

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

    .slider-item-mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.5;
        z-index: -1;
    }

    .slider-item-content {
        padding: 300px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #fff;
    }

    .slider-item-content p {
        font-size: 1.5rem;
        text-transform: uppercase;
    }

    .slider-item-content h1 {
        font-size: 3rem;
        text-transform: uppercase;
        margin-top: 10px;
    }

    .slider-item-btn {
        margin-top: 20px;
        display: flex;
        gap: 20px;
    }

    .slider-item-btn a {
        text-decoration: none;
    }

    /* 滚动大图 */







    /* 首页产品 */
    .home-product-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .home-product-title-line {
        border-bottom: 5px solid #7f7f7f;
        width: 80px;
    }

    .home-product-title h1 {
        margin: 0;
        text-transform: uppercase;
    }

    .home-product-title span {
        width: 60%;
        text-align: center;
    }

    .home-product-box {
        margin-top: 50px;
    }

    .home-product-big-item {
        position: relative;
        height: 390px;
        overflow: hidden;
    }

    .home-product-big-item-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -2;
        display: flex;
        justify-content: center;
    }

    .home-product-big-item-img img {
        height: 100%;
    }

    .home-product-big-item-mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 390px;
        background-color: #00000000;
        z-index: -1;
    }

    .home-product-big-item-tag {
        position: absolute;
        left: 20px;
        top: 20px;
        z-index: 2;
    }

    .home-product-big-item-tag span {
        padding: 5px 10px;
        background-color: #fff;
        color: #272727;
        font-size: 0.8rem;
        font-weight: bold;
    }

    .home-product-big-item:hover .home-product-big-item-mask {
        background-color: #000000d4;
        transition: all 0.5s ease-in-out;
    }

    .home-product-big-item-content {
        padding: 50px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        color: #fff;
        width: 100%;
        height: 390px;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .home-product-big-item-content-icon {
        width: 50px;
        height: 50px;
    }

    .home-product-big-item-content-icon i {
        font-size: 3rem;
    }

    .home-product-big-item-content-btn a {
        text-decoration: none;
    }

    .home-product-small-item {
        position: relative;
        height: 250px;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .home-product-small-item-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -2;
        display: flex;
    }

    .home-product-small-item-img img {
        height: 100%;
    }

    .home-product-small-item:hover .home-product-small-item-img img {
        transform: scale(1.1);
        transition: all 0.5s ease-in-out;
    }

    .home-product-small-item-mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 250px;
        background-color: #00000000;
        z-index: -1;
    }

    .home-product-small-item:hover .home-product-small-item-mask {
        background-color: #000000d4;
        transition: all 0.5s ease-in-out;
    }

    .home-product-small-item-tag {
        position: absolute;
        left: 20px;
        top: 20px;
        z-index: 2;
    }

    .home-product-small-item-tag span {
        padding: 5px 10px;
        background-color: #fff;
        color: #272727;
        font-size: 0.6rem;
        font-weight: bold;
    }

    .home-product-small-item-content {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        color: #fff;
        padding: 20px;
    }

    .home-product-small-item-content a {
        font-family: 'Bahn', sans-serif;
        font-size: 1.3rem;
        color: #fff;
        text-decoration: none;
    }

    .home-product-small-item-content p {
        word-break: break-all;
        line-height: 1.1rem;
    }

    /* 首页产品 */








    /* 首页应用场景 */
    .home-scene {
        padding: 100px 0;
        background-color: #f5f5fb;
    }

    .tab-container {
        margin-top: 50px;
        width: 100%;
    }

    .tab-content {
        margin-bottom: 15px;
    }

    .tab-content-box {
        display: flex;
        width: 100%;
        height: 500px;
        overflow: hidden;
        margin-top: 50px;
    }

    .tab-image-container {
        padding-right: 0;
        width: 70%;
    }

    .tab-image {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .tab-description {
        width: 30%;
        background-color: #fff;
        padding: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .tab-description h3 {
        font-family: 'Bahn', sans-serif;
        font-size: 2rem;
        margin-bottom: 20px;
        color: #272727;
    }

    .tab-description p {
        font-family: 'Abel', sans-serif;
        font-size: 1rem;
        margin-bottom: 30px;
        color: #555;
    }

    .tab-description a {
        text-decoration: none;
    }

    .tab-tabs {
        width: 100%;
    }

    .tab-tabs-box {
        display: flex;
        justify-content: space-between;
    }

    .tab-tabs-item {
        position: relative;
        width: 19%;
        height: 130px;
        cursor: pointer;
        overflow: hidden;
    }

    .tab-tabs-item-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        transition: transform 0.5s ease;
    }

    .tab-tabs-item:hover .tab-item-bg {
        transform: scale(1.1);
    }

    .tab-tabs-item-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        transition: background-color 0.3s ease;
    }

    .tab-tabs-item-title {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-family: 'Bahn', sans-serif;
        font-size: 1.2rem;
        text-align: center;
        transition: opacity 0.3s ease;
    }

    /* 当前选中的选项不显示蒙版和标题 */
    .tab-tabs-item.active .tab-tabs-item-mask {
        background-color: rgba(0, 0, 0, 0);
    }

    .tab-tabs-item.active .tab-tabs-item-title {
        opacity: 0;
    }

    /* 首页应用场景 */







    /* 首页关于我们 */
    .home-about-left {
        position: relative;
        width: 100%;
        height: 500px;
        overflow: hidden;
    }

    .home-about-left-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: flex;
    }

    .home-about-left-img img {
        width: 100%;
    }

    .home-about-left-text {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        padding: 20px;
        background-color: #fff;
        margin: 20px;
    }

    .home-about-right-title h1 {
        margin: 0;
    }

    .home-about-right-title-line {
        border-bottom: 5px solid #7f7f7f;
        width: 80px;
        margin: 10px 0;
    }

    .home-about-right-title span {
        font-family: 'Abel', sans-serif;
        color: #272727;
    }

    .home-about-right-text {
        margin: 20px 0;
    }

    .home-about-right-text p {
        font-weight: 600;
    }

    .home-about-right-data {
        display: flex;
        justify-content: space-between;
    }

    .home-about-right-data-item {
        width: 20%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .home-about-right-data-item-title {
        display: flex;
        gap: 5px;
        justify-content: center;
        align-items: end;
    }

    .home-about-right-data-item-title h1 {
        font-family: 'Impact', sans-serif;
    }

    .home-about-right-data-item-title span {
        font-size: 0.8rem;
        font-weight: 600;
    }

    .home-about-right-data-item-text {
        text-align: center;
        margin-top: 10px;
    }

    .home-about-right-data-item-text p {
        line-height: 1rem;
    }

    .home-about-right-btn {
        margin-top: 40px;
    }

    .home-about-right-btn a {
        text-decoration: none;
    }

    .home-about-adv {
        margin-top: 50px;
        padding: 30px;
        background-color: #f5f5fb;
    }

    .home-about-adv-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .home-about-adv-item-icon i {
        font-size: 3rem;
    }

    .home-about-adv-item:hover {
        transform: translateY(-10px);
        transition: all 0.3s ease;
    }

    /* 首页关于我们 */







    /* 首页产品应用 */
    .application-box {
        margin-top: 50PX;
    }

    .application-box-item {
        background-color: #fff;
    }

    .application-box-item:hover {
        background-color: #272727;
        transition: all 0.3s ease;
        color: #fff;
    }

    .application-box-item-img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        overflow: hidden;
        display: flex;
    }

    .application-box-item-img img {
        width: 100%;
    }

    .application-box-item:hover img {
        transform: scale(1.1);
        transition: all 0.3s ease;
    }

    .application-box-item-text {
        padding: 20px;
    }

    .application-box-item-text a {
        font-family: 'Bahn', sans-serif;
        font-size: 1.2rem;
        color: #272727;
        text-decoration: none;
        font-weight: 600;
    }

    .application-box-item:hover a {
        color: #fff;
        transition: all 0.3s ease;
    }

    /* 首页产品应用 */






    /* 首页项目案例 */
    .home-project {
        margin-top: 30px;
    }

    .home-project-item {
        position: relative;
        background-color: #fff;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.032);
        margin: 20px 10px;
    }

    .home-project-item-img {
        width: 100%;
        height: 210px;
        object-fit: cover;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

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

    .home-project-item:hover img {
        transform: scale(1.1);
        transition: all 0.3s ease;
    }

    .home-project-item-text {
        padding: 20px;
    }

    .home-project-item-btn {
        margin-top: 30px;
    }

    .home-project-item-btn a {
        text-decoration: none;
    }

    .home-project-item-tag {
        position: absolute;
        left: 20px;
        top: 20px;
        z-index: 2;
    }

    .home-project-item-tag span {
        padding: 8px 15px;
        background-color: #fff;
    }

    /* 首页项目案例 */








    /* 首页工厂展示 */
    .home-factory-container {
        display: flex;
        width: 100%;
        margin-top: 30px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.032);
    }

    .vertical-tabs-container {
        width: 30%;
        display: flex;
        flex-direction: column;
        background-color: #f5f5f5;
    }

    .vertical-tab {
        display: flex;
        align-items: center;
        padding: 20px;
        cursor: pointer;
        transition: all 0.3s ease;
        border-left: 4px solid transparent;
    }

    .vertical-tab.active {
        background-color: #272727;
        color: #fff;
        border-left: 4px solid #0954fc;
    }

    .vertical-tab-icon {
        font-size: 24px;
        margin-right: 15px;
    }

    .vertical-tab-title {
        font-family: 'Bahn', sans-serif;
        font-size: 18px;
    }

    .vertical-tabs-content {
        width: 70%;
        position: relative;
        overflow: hidden;
    }

    .vertical-tab-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        transition: opacity 0.5s ease;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .vertical-tab-content.active {
        opacity: 1;
    }

    .vertical-tab-content img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* 首页工厂展示 */






    /* 首页留言板 */
    .home-message {
        margin-top: 30px;
    }

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

    .home-message form input:focus {
        outline: none;
        background-color: #272727;
        color: #fff;
        transition: all 0.3s ease;
    }

    .home-message form textarea {
        border: none;
        padding: 15px;
        border-radius: 2px;
        background-color: #f5f5fb;
        font-size: 0.8rem;
        font-family: 'Abel', sans-serif;
        width: 100%;
        margin-bottom: 20px;
        height: 130px;
    }

    .home-message form button {
        border: none;
        padding: 15px;
        background-color: #272727;
        color: #fff;
        font-family: 'Bahn', sans-serif;
        font-size: 0.8rem;
        width: 120px;
    }

    /* 首页留言板 */








    /* 滚动LOGO */
    .footer {
        background-color: #272727;
    }

    .footer-partner {
        padding: 20px 0;
        background-color: #f5f5fb;
    }

    .footer-partner img {
        width: 80px;
    }

    .footer-content-box {
        margin: 50px 0;
        display: flex;
        justify-content: space-between;
    }

    .footer-content-item {
        width: 18%;
        color: #fff;
    }

    .footer-content-item h5 {
        font-size: 1rem;
    }

    .footer-content-item-line {
        border-bottom: 1px solid #ffffff27;
        width: 100%;
        margin: 10px 0;
    }

    .footer-content-item h6 {
        font-size: 0.8rem;
    }

    .footer-content-item-list {
        margin-top: 10px;
        display: flex;
        flex-direction: column;
    }

    .footer-content-item-list a {
        color: #fff;
        text-decoration: none;
        font-family: 'Abel', sans-serif;
        font-size: 0.8rem;
    }

    .footer-content-item-list a:hover {
        color: #0954fc;
        transition: all 0.3s ease;
    }

    .footer-content-item-info {
        margin: 10px 0;
    }

    .footer-content-item-info p {
        font-family: 'Abel', sans-serif;
        font-size: 0.8rem;
        font-weight: 300;
    }

    .footer-content-item-social-list {
        margin: 10px 0;
    }

    .footer-content-item-social-list a {
        text-decoration: none;
    }

    .footer-content-item-social-list a:hover i {
        color: #0954fc;
        transition: all 0.3s ease;
    }

    .footer-content-item-social-list i {
        color: #fff;
    }

    .footer-copyright {
        text-align: center;
        color: #909090;
        font-size: 0.8rem;
    }

    /* 滚动LOGO */






    /* 关于我们 */
    .page-banner {
        width: 100%;
        height: 100%;
        background-size: cover;
        position: relative;
        overflow: hidden;
    }

    .page-banner-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -2;
    }

    .page-banner-bg img {
        width: 100%;
        object-fit: cover;
    }

    .page-banner-mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000000ac;
        z-index: -1;
    }

    .page-banner-content {
        padding: 150px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #fff;
    }

    .page-banner-content h1 {
        text-transform: uppercase;
    }

    .page-banner-content-line {
        border-bottom: 3px solid #fff;
        width: 80px;
        margin: 10px 0;
    }

    .page-banner-content a {
        text-decoration: none;
        color: #fff;
        font-family: 'Abel', sans-serif;
        font-size: 1.3rem;
    }

    .page-banner:hover {
        background-color: #00000058;
        transition: all 0.3s ease;
    }

    .about-video {
        position: relative;
        overflow: hidden;
        padding: 200px 0;
    }

    .about-video-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -2;
    }

    .about-video-bg video {
        width: 100%;
        object-fit: cover;
    }

    .about-video-mask {
        position: absolute;
        left: 0;
        top: 0;
        background-color: #00000058;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .about-video-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        color: #fff;
    }

    .about-video-content-line {
        border-bottom: 3px solid #fff;
        width: 80px;
        margin: 10px 0;
    }

    .about-video-content-btn a {
        text-decoration: none;
    }

    .about-video-content-btn i {
        font-size: 3.5rem;
        color: #fff;
    }

    .core-team {
        margin-top: 50px;
    }

    .core-team-item {
        width: 100%;
        height: 360px;
        position: relative;
        overflow: hidden;
    }

    .core-team-item-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .core-team-item-img img {
        width: 100%;
        object-fit: cover;
    }

    .core-team-item-mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: linear-gradient(to top, #000000dc, #00000006);
        display: none;
    }

    .core-team-item-content {
        position: absolute;
        left: 50%;
        bottom: 20px;
        transform: translateX(-50%);
        z-index: 3;
        color: #fff;
        display: none;
        text-align: center;
    }

    .core-team-item:hover .core-team-item-mask {
        display: block;
        transition: all 0.3s ease-in-out;
    }

    .core-team-item:hover .core-team-item-content {
        display: block;
        transition: all 0.3s ease-in-out;
    }

    /* 关于我们 */





    /* 发展历史 */
    .home-history {
        width: 100%;
        height: 700px;
        overflow: hidden;
    }

    .warper {
        max-width: 1300px;
        margin: 0 auto;
    }

    .fl {
        float: left
    }

    .fr {
        float: right
    }

    .clear {
        clear: both;
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
    }

    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
    }

    .clearfix:after {
        clear: both;
    }

    .clearfix {
        zoom: 1;
    }

    .pr {
        position: relative;
    }

    .warper {
        max-width: 1300px;
        margin: 0 auto;
    }

    .about-main2 {
        height: 890px;
        width: 100%;
        overflow: hidden;
    }

    .about-main2 .licheng-bg {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .about-main2 .licheng-bg .warper {
        height: 100%;
    }

    .about-main2 .licheng-bg img {
        height: 518px;
        position: absolute;
        bottom: 200px;
        left: 0;
    }

    .about-main2 .ny-title {
        padding-top: 80px;
    }

    .ny-title .title-en {
        font-size: 36px;
        color: #b4b4b4;
        font-family: arial;
        line-height: 36px;
        font-weight: normal;
    }

    .ny-title .title-ch {
        font-size: 26px;
        color: #333333;
        margin: 15px 0;
        font-weight: normal;
    }

    .ny-title i {
        display: block;
        width: 42px;
        height: 1px;
        background-color: #b5b5b5;
    }

    .about-main2 .licheng-content {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .about-main2 .licheng-content .swiper-wrapper,
    .about-main2 .licheng-content .swiper-slide,
    .about-main2 .licheng-content ul {
        width: 100%;
        height: 100%;
    }

    .about-main2 .licheng-content ul li {
        width: 20%;
        float: left;
        height: 100%;
    }

    .about-main2 .licheng-content ul li a {
        display: block;
        width: 100%;
        position: relative;
        height: 320px
    }

    .about-main2 .licheng-content ul li .date {
        color: #0a3875;
        font-size: 30px;
    }

    .about-main2 .licheng-content ul li.item1 .line,
    .about-main2 .licheng-content ul li.item3 .line,
    .about-main2 .licheng-content ul li.item5 .line {
        margin-bottom: 30px;
    }

    .about-main2 .licheng-content ul li.item2 .line,
    .about-main2 .licheng-content ul li.item4 .line {
        margin-top: 30px;
    }

    .about-main2 .licheng-content ul li.item1 .line:after,
    .about-main2 .licheng-content ul li.item3 .line:after,
    .about-main2 .licheng-content ul li.item5 .line:after {
        width: 25px;
        height: 25px;
        background-color: rgba(10, 56, 117, 0.8);
        display: block;
        content: "";
        border-radius: 50%;
        text-align: center;
        position: absolute;
    }

    .about-main2 .licheng-content ul li.item2 .line:before,
    .about-main2 .licheng-content ul li.item4 .line:before {
        width: 25px;
        height: 25px;
        background-color: rgba(10, 56, 117, 0.8);
        display: block;
        content: "";
        border-radius: 50%;
        text-align: center;
        position: absolute;
    }

    .about-main2 .licheng-content ul li .lc-left {
        position: absolute;
    }

    .about-main2 .licheng-content ul li .line {
        height: 250px;
        width: 1px;
        display: block;
        background-color: #0A3875;
        position: relative;
        left: 30px;
    }

    .about-main2 .licheng-content ul li .lc-right {
        position: absolute;
        left: 30px;
        width: 400px;
        height: 100%;
        display: table;
    }

    .about-main2 .licheng-content ul li.item5 .lc-right {
        width: 200px;
    }

    .about-main2 .licheng-content ul li.item2 .lc-right,
    .about-main2 .licheng-content ul li.item4 .lc-right {
        width: 400px;
    }

    .about-main2 .licheng-content ul li .lc-right .right-text {
        padding: 20px;
        display: table-cell;
        vertical-align: middle;
        color: #272727;
    }

    .about-main2 .licheng-content ul li.item1 a {
        top: 50px;
    }

    .about-main2 .licheng-content ul li.item1 .lc-left .line:after {
        bottom: -25px;
        left: -11px;
    }

    .about-main2 .licheng-content ul li.item1 .lc-right {
        bottom: 68px;
    }

    .about-main2 .licheng-content ul li.item2 a {
        top: 258px;
    }

    .about-main2 .licheng-content ul li.item2 .lc-left .line:before {
        top: -25px;
        left: -11px;
    }

    .about-main2 .licheng-content ul li.item2 .lc-right {
        top: 80px;
    }

    .about-main2 .licheng-content ul li.item3 a {
        top: 136px;
    }

    .about-main2 .licheng-content ul li.item3 .lc-left .line:after {
        bottom: -25px;
        left: -11px;
    }

    .about-main2 .licheng-content ul li.item3 .lc-right {
        bottom: 100px;
    }

    .about-main2 .licheng-content ul li.item4 a {
        top: 278px;
    }

    .about-main2 .licheng-content ul li.item4 .lc-left .line:before {
        top: -25px;
        left: -11px;
    }

    .about-main2 .licheng-content ul li.item4 .lc-right {
        top: 70px;
    }

    .about-main2 .licheng-content ul li.item5 a {
        top: 99px;
    }

    .about-main2 .licheng-content ul li.item5 .lc-left .line:after {
        bottom: -25px;
        left: -11px;
    }

    .about-main2 .licheng-content ul li.item5 .lc-right {
        bottom: 100px;
    }

    .about-main2 .licheng-content .right-text h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .about-main2 .licheng-content .right-text p {
        font-size: 16px;
    }

    .lc-swiper-btn {
        width: 100%;
        position: absolute;
        top: 370px;
    }

    .lc-swiper-btn a {
        display: block;
        position: absolute;
    }

    .lc-swiper-btn .btn-prev {
        position: absolute;
        left: 15px;
        top: 50px;
    }

    .lc-swiper-btn .btn-next {
        position: absolute;
        right: 0;
        top: 50px;
    }

    .lc-swiper-btn .iconfont {
        font-size: 30px;
    }

    /* 发展历史 */



    /* 销售网络 */
    .Container {
        max-width: 100%;
        position: relative;
    }

    .Map-container {
        position: relative;
    }

    #Map-svg {
        max-width: 100%;
        height: auto;
    }

    .Location-nav {
        margin-top: 30px;
        color: rgba(255, 255, 255, 0.75);
    }

    .Location-nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .Location-nav li {
        margin: 15px;
        cursor: default;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: relative;
    }

    .Location-nav li::after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 2px;
        background: rgba(255, 255, 255, 0.75);
        opacity: 0;
        transform: translateY(100%);
        transition: opacity 0.25s linear, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

    .Location-nav li:hover::after {
        opacity: 1;
        transform: translateY(0);
    }

    /* 销售网络 */







    /* 产品列表页热销产品 */
    .tab-container {
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            border-radius: 8px;
        }

        /* Tab导航栏样式 */
        .tab-header {
            display: flex;
            background-color: #272727;
            position: relative;
        }

        .tab-button {
            flex: 1;
            text-align: center;
            position: relative;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .tab-button:hover {
            background: rgba(255,255,255,0.1);
        }

        .tab-button.active {
            background: rgba(255,255,255,0.2);
        }

        .tab-button span {
            display: block;
            padding: 15px 20px;
            color: white;
            font-weight: 500;
            font-size: 16px;
        }

        /* 下拉菜单样式 */
        .tab-dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: white;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            border-radius: 0 0 8px 8px;
            display: none;
            z-index: 1000;
            min-width: 200px;
        }
        
        .tab-button:hover .tab-dropdown {
            display:block !important;
        }

        .tab-dropdown a {
            display: block;
            padding: 12px 20px;
            color: #333;
            text-decoration: none;
            border-bottom: 1px solid #eee;
            transition: background 0.2s ease;
        }

        .tab-dropdown a:hover {
            background: #f8f9fa;
            color: #667eea;
        }

        .tab-dropdown a:last-child {
            border-bottom: none;
            border-radius: 0 0 8px 8px;
        }


        .tab-pane {
            display: none;
        }

        .tab-pane.active {
            display: block;
            animation: fadeIn 0.3s ease-in;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* 产品列表样式 */
        .product-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            gap: 20px;
            margin-top: 30px;
        }

        .product-item {
            background: white;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .product-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }

        .product-image {
            width: 100%;
            height: 180px;
            background: #f0f0f0;
            border-radius: 4px;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #999;
        }

        .product-title {
            font-size: 16px;
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
        }

        .product-price {
            font-size: 18px;
            color: #667eea;
            font-weight: bold;
        }

        .product-description {
            font-size: 14px;
            color: #666;
            margin-top: 8px;
        }

        
    .product-swiper {
        background-color: #f5f5fb;
    }

    .product-swiper-item {
        display: flex;
        justify-content: space-between;
    }

    .product-swiper-item-left {
        width: 45%;
    }

    .product-swiper-item-line {
        border-bottom: 5px solid #7f7f7f;
        width: 80px;
        margin: 10px 0 30px 0;
    }

    .product-swiper-item-right {
        width: 50%;
    }

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

    .product-swiper-item-btn {
        margin-top: 40px;
    }

    .product-swiper-item-btn a {
        text-decoration: none;
    }

    /* 产品列表页热销产品 */







    /* 产品列表页 */


    .product-list-nav {
        display: flex;
        justify-content: space-between;
    }

    .product-list-nav a {
        width: 13.5%;
        text-decoration: none;
        padding: 15px 10px;
        background-color: #f5f5fb;
        font-size: 0.6rem;
        text-align: center;
        font-family: 'Bahn', sans-serif;
        color: #272727;
        font-weight: 600;
    }

    .product-list-nav a.active {
        background-color: #272727;
        color: #fff;
    }

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

    .product-list-item {
        width: 100%;
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.032);
    }

    .product-list-item:hover {
        transform: translateY(-5px);
        transition: 0.3s ease-in-out;
    }

    .product-list-item-img {
        width: 100%;
        height: 250px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

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

    .product-list-item:hover .product-list-item-img img {
        transform: scale(1.1);
        transition: 0.3s ease-in-out;
    }

    .product-list-item-text {
        padding: 20px 20px 30px 20px;
    }

    .product-list-item-text span {
        font-family: 'Bahn', sans-serif;
        color: #b4b2b2;
    }

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

    .product-list-item-title {
        line-height: 1.5em;
        height: calc(1.5em * 3);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .product-list-item-title a {
        font-family: 'Bahn', sans-serif;
        color: #272727;
        font-size: 1.2rem;
    }

    .product-list-item-btn a:hover {
        text-decoration: none;
    }

    .pageinfo {
        width: 100%;
        display: flex;
        gap: 10px;
        justify-content: center;
        align-items: center;
    }

    .pageinfo a {
        width: 35px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f5f5fb;
        color: #272727;
        font-size: 0.8rem;
        font-family: 'Bahn', sans-serif;
        text-decoration: none;
        border-radius: 2px;
    }

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

    /* 产品列表页 */







    /* 产品详情页 */
    .image-slider {
        position: relative;
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }

    .slider-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 10;
        transition: all 0.3s ease;
    }

    .slider-prev {
        left: 10px;
    }

    .slider-next {
        right: 10px;
    }

    .slider-btn:hover {
        background-color: #0954fc;
    }

    .main-image-container {
        width: 100%;
        height: 400px;
        display: flex;
        justify-content: center;
        overflow: hidden;
        margin-bottom: 20px;
        border: 1px solid #f5f5fb;
    }

    .main-image-container img {
        height: 100%;
        object-fit: cover;
        transition: all 0.5s ease;
    }

    .thumbnail-container {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .thumbnail-item {
        width: 33%;
        height: 100px;
        display: flex;
        justify-content: center;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid #f3f3f3;
        transition: all 0.3s ease;
    }

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

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

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


    .main-image-container {
        position: relative;
        /* 添加相对定位，用于放大镜绝对定位 */
        overflow: hidden;
        /* 确保放大镜不会超出容器 */
    }

    /* 放大镜样式 */
    .magnifier {
        position: absolute;
        width: 250px;
        /* 放大镜宽度 */
        height: 250px;
        /* 放大镜高度 */
        border: 3px solid #fff;
        pointer-events: none;
        /* 确保鼠标事件能穿透放大镜 */
        background-repeat: no-repeat;
        background-size: 250% 250%;
        /* 图片放大两倍 */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        display: none;
        /* 默认隐藏 */
        z-index: 10;
    }

    .product-detail-content h1 {
        margin: 0;
    }

    .product-detail-content-des {
        margin-top: 10px;
    }

    .product-detail-content-option {
        margin: 10px 0;
    }

    .product-detail-content-option-title {
        padding: 10px;
        background-color: #272727;
        color: #fff;
        width: 200px;
        font-family: 'Bahn', sans-serif;
        font-weight: 600;
        text-align: center;
    }

    .product-detail-content-option-list {
        display: flex;
        flex-direction: column;
        margin-top: 15px;
    }

    .product-detail-content-option-item {
        padding: 15px 20px;
        width: 32%;
        background-color: #f5f5fb;
        font-family: 'Abel', sans-serif;
        margin-bottom: 2px;
        font-size: 0.6rem;
    }

    .product-detail-content-btn {
        margin-top: 30px;
    }

    .product-detail-content-btn a {
        text-decoration: none;
        font-family: 'Bahn', sans-serif;
    }

    .product-detail-tag {
        margin-top: 50px;
    }

    .product-detail-tag-item {
        padding: 20px;
        width: 100%;
        background-color: #f5f5fb;
        text-align: center;
        font-family: 'Bahn', sans-serif;
        font-weight: 600;
        text-transform: uppercase;
    }

    .product-detail-tag-item:hover {
        background-color: #272727;
        color: #fff;
        transform: translateY(-5px);
        transition: all 0.3s ease;
    }

    .product-detail-more-title {
        padding: 10px;
        width: 100%;
        background-color: #272727;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
    }

    /* 产品详情页 */




    /* 应用列表页 */
    .app-scenarios {
        margin-top: 50px;
    }

    /* 应用列表页 */



    /* 行业应用 */
    .app-banner-content {
        padding: 150px 0;
        color: #fff;
    }

    .app-banner-content h1 {
        margin: 10px 0;
    }

    .app-banner-content p {
        width: 40%;
    }

    .app-banner-btn {
        margin-top: 30px;
    }

    .app-banner-btn a {
        text-decoration: none;
    }

    /* 行业应用 */






    /* 应用详情 */
    .app-more {
        margin-top: 50px;
    }

    .app-more-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
    }

    .app-more-item-img {
        width: 49%;
    }

    .app-more-item-img img {
        width: 100%;
    }

    .app-more-item-text {
        width: 49%;
    }

    .app-review-item {
        position: relative;
        width: 100%;
        height: 280px;
        overflow: hidden;
    }

    .app-review-item-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -2;
    }

    .app-review-item-img img {
        width: 100%;
    }

    .app-review-item:hover img {
        transform: scale(1.1);
        transition: all 0.3s ease;
    }

    .app-review-item-mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, #000000c0, #0000005f);
        z-index: -1;
    }

    .app-review-item:hover .app-review-item-mask {
        display: none;
        transition: all 0.3s ease;
    }

    .app-review-item-text {
        position: absolute;
        left: 20px;
        bottom: 20px;
        font-family: 'Bahn', sans-serif;
        font-weight: 600;
        font-size: 1.3rem;
        z-index: 1;
    }

    .app-review-item-text a {
        text-decoration: none;
        color: #fff;
    }

    /* 应用详情 */




    /* 资料下载 */
    .download-box {
        margin-top: 50px;
    }

    .download-box-item {
        padding: 20px;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.032);
        border-radius: 3px;
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .download-box-item:hover {
        background-color: #272727;
        transform: translateY(-5px);
        transition: all 0.3s ease;
    }

    .download-box-item-title {
        width: 95%;
    }

    .download-box-item-btn {
        width: 5%;
    }

    .download-box-item-title {
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .download-box-item-title a {
        text-decoration: none;
        color: #272727;
        font-family: 'Bahn', sans-serif;
        font-size: 1.1rem;
    }

    .download-box-item:hover a {
        color: #fff;
        transition: all 0.3s ease;
    }

    .download-box-item-title img {
        width: 25px;
    }

    .download-box-item-btn a {
        text-decoration: none;
    }

    .download-box-item-btn i {
        color: #272727;
        font-size: 1.3rem;
    }

    .download-box-item:hover i {
        color: #fff;
        transition: all 0.3s ease;
    }

    /* 资料下载 */




    /* 新闻列表 */
    .article-hot-box {
        border: 1px solid #f3f3f3;
        width: 100%;
        overflow: hidden;
        margin-bottom: 80px;
    }

    .article-hot-box-title {
        padding: 50px;
    }

    .article-box-btn {
        margin-top: 50px;
    }

    .article-box-btn a {
        text-decoration: none;
    }

    .article-hot-box:hover {
        background-color: #272727;
        transition: all 0.3s ease;
        border: none;
    }

    .article-box-data {
        padding: 10px;
        display: flex;
        gap: 20px;
        align-items: center;
        color: #7f7f7f;
    }

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

    .article-box-text p {
        color: #272727;
    }

    .article-hot-box-img {
        width: 100%;
        overflow: hidden;
        display: flex;
    }

    .article-hot-box-img img {
        height: 100%;
    }

    .article-hot-box:hover h2 {
        color: #fff;
        transition: all 0.3s ease;
    }

    .article-hot-box:hover .article-box-text p {
        color: #fff;
        transition: all 0.3s ease;
    }

    .article-hot-box:hover img {
        transform: scale(1.1);
        transition: all 0.3s ease;
    }

    .article-news-box-item {
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between;
        box-shadow: 0 0 20px 7px rgba(0, 0, 0, 0.032);
    }

    .article-news-box-item:hover {
        transform: translateY(-5px);
        transition: all 0.3s ease;
    }

    .article-news-box-img {
        width: 30%;
        display: flex;
    }

    .article-news-box-img img {
        width: 100%;
    }

    .article-news-box-text {
        width: 70%;
        padding: 30px;
    }

    .article-news-box-text a {
        font-size: 1.5rem;
        font-family: 'Bahn', sans-serif;
        text-decoration: none;
        color: #272727;
    }

    .article-news-box-item:hover a {
        color: #0954fc;
        transition: all 0.3s ease;
    }

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

    .article-news-btn {
        margin-top: 30px;
    }

    .article-detail-title {
        text-align: center;
    }

    .article-detail-box-data {
        display: flex;
        justify-content: center;
        margin: 20px;
        gap: 20px;
        color: #7f7f7f;
    }

    .article-detail-line {
        border-bottom: 1px solid #7f7f7f;
        width: 100%;
        margin: 30px 0;
    }

    .article-detail-related {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .article-detail-related a {
        text-decoration: none;
        color: #272727;
        font-family: "Abel", sans-serif;
    }

    .article-detail-related a:hover {
        color: #0954fc;
        transition: all 0.3s ease;
    }

    /* 新闻列表 */







    /* 联系我们 */
    .contact-info-item {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.032);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 30px;
        gap: 10px;
    }

    .contact-info-item:hover {
        background-color: #272727;
        color: #fff;
        transition: all 0.3s ease;
        transform: translateY(-5px);
    }

    .contact-info-item i {
        font-size: 3rem;
    }

    /* 联系我们 */
}