/* ========== 基础样式重置 ========== */

        *,
        *::before,
        *::after {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {
            --primary: #e43228;
            --primary-dark: #a50636;
            --primary-light: #f8948f;
            --dark: #2D2D2D;
            --dark-light: #3A3A3A;
            --gray: #F5F5F5;
            --gray-dark: #E0E0E0;
            --white: #FFFFFF;
            --text: #333333;
            --text-light: #666666;
            --text-muted: #999999;
            --dark-gray: #2D2D2D;
            --medium-gray: #666666;
            --light-gray: #F5F5F5;
            --border-gray: #E0E0E0;
            --shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: "microsoft yahei";
            color: var(--text);
            line-height: 1.8;
            background: var(--white);
            font-size: 15px;
        }

        a {
            text-decoration: none;
            color: inherit;
        }

        ul,
        ol {
            list-style: none;
        }

        img {
            max-width: 100%;
            display: block;
        }

        .container {
            max-width: 1310px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* ========== 顶部导航栏 ========== */

        .header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            background: var(--white);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }

        .header-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 70px;
        }

        .logo {
            display: flex;
            flex-direction: column;
            line-height: 1.2;
        }

        .logo-cn {
            font-size: 18px;
            font-weight: bold;
            color: var(--primary);
            letter-spacing: 2px;
        }

        .logo-en {
            font-size: 10px;
            color: var(--text-light);
            letter-spacing: 1px;
        }

        .nav {
            display: flex;
            align-items: center;
            gap: 50px;
        }

        .nav-item {
            position: relative;
            font-size: 15px;
            color: var(--text);
            padding: 5px 0;
            transition: color 0.3s;
        }

        .nav-item:hover {
            color: var(--primary);
        }

        .nav-item.has-sub::after {
            content: '';
            display: inline-block;
            width: 8px;
            height: 8px;
            border-right: 2px solid currentColor;
            border-bottom: 2px solid currentColor;
            transform: rotate(45deg);
            margin-left: 5px;
            vertical-align: middle;
        }

        .nav-sub {
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            background: var(--white);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            min-width: 160px;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s;
            padding: 10px 0;
        }

        .nav-item:hover .nav-sub {
            opacity: 1;
            visibility: visible;
        }

        .nav-sub a {
            display: block;
            padding: 8px 20px;
            font-size: 14px;
            color: var(--text);
            transition: all 0.3s;
        }

        .nav-sub a:hover {
            background: var(--gray);
            color: var(--primary);
        }

        .header-phone {
            display: flex;
            align-items: center;
            gap: 8px;
            color: var(--primary);
            font-weight: 500;font-size: 20px;
        }

        .header-phone svg {
            width: 18px;
            height: 18px;
        }

        /* 汉堡菜单 */

        .menu-toggle {
            display: none;
            flex-direction: column;
            gap: 5px;
            cursor: pointer;
            padding: 5px;
        }

        .menu-toggle span {
            width: 24px;
            height: 2px;
            background: var(--dark);
            transition: all 0.3s;
        }

        .menu-toggle.active span:nth-child(1) {
            transform: rotate(45deg) translate(5px, 5px);
        }

        .menu-toggle.active span:nth-child(2) {
            opacity: 0;
        }

        .menu-toggle.active span:nth-child(3) {
            transform: rotate(-45deg) translate(5px, -5px);
        }

        /* 移动端导航 */

        .mobile-nav {
            display: none;
            position: fixed;
            top: 70px;
            left: 0;
            right: 0;
            background: var(--white);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            max-height: calc(100vh - 70px);
            overflow-y: auto;
        }

        .mobile-nav.active {
            display: block;
        }

        .mobile-nav a {
            display: block;
            padding: 15px 20px;
            border-bottom: 1px solid var(--gray-dark);
            font-size: 15px;
            color: var(--text);
        }

        .mobile-nav a:hover {
            background: var(--gray);
            color: var(--primary);
        }

        .mobile-nav-sub {
            display: none;
            background: var(--gray);
        }

        .mobile-nav-sub.active {
            display: block;
        }

        .mobile-nav-sub a {
            padding-left: 40px;
            font-size: 14px;
        }

        /* ========== Mega Menu 样式 ========== */

        .nav-item.mega-menu {
            position: static;
        }

        .mega-menu-panel {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: var(--white);
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
            padding: 25px 0;
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.3s ease;
            z-index: 100;
        }

        .nav-item.mega-menu:hover .mega-menu-panel,
        .mega-menu-panel:hover {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .mega-menu-inner {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            display: flex;
            gap: 30px;
        }

        .mega-menu-categories {
            width: 220px;
            flex-shrink: 0;
        }

        .mega-menu-category {
            display: flex;
            align-items: center;
            padding: 12px 15px;
            font-size: 14px;
            color: var(--text);
            border-radius: 6px;
            cursor: pointer;
            transition: all 0.25s ease;
            margin-bottom: 4px;
            background: linear-gradient(to bottom, #fff, #efefef);
        }

        .mega-menu-category:hover,
        .mega-menu-category.active {
            background: var(--primary);
            color: var(--white);
        }

        .mega-menu-category svg {
            width: 18px;
            height: 18px;
            margin-right: 10px;
            stroke: currentColor;
            fill: none;
            flex-shrink: 0;
        }

        .mega-menu-products {
            flex: 1;
            display: none;
        }

        .mega-menu-products.active {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .mega-product-card {
            background: var(--white);
            border: 1px solid var(--gray-dark);
            border-radius: 8px;
            overflow: hidden;
            transition: all 0.3s ease;
            text-decoration: none;
            display: block;
        }

        .mega-product-card:hover {
            border-color: var(--primary);
            box-shadow: 0 4px 15px rgba(30, 90, 168, 0.15);
            transform: translateY(-3px);
        }

        .mega-product-image {
            background: var(--gray);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 8px;
            border-bottom: 1px solid var(--gray-dark);
        }

        .mega-product-image svg {
            width: 36px;
            height: 36px;
            stroke: var(--text-muted);
            fill: none;
        }

        .mega-product-image span {
            font-size: 11px;
            color: var(--text-muted);
        }

        .mega-product-info {
            padding: 12px 15px;
        }

        .mega-product-name {
            font-size: 14px;
            font-weight: 600;
            color: var(--dark);
            margin-bottom: 4px;
        }

        .mega-product-desc {
            font-size: 12px;
            color: var(--text-light);
            line-height: 1.4;
        }

        /* 移动端产品中心手风琴 */

        .mobile-nav-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px 20px;
            border-bottom: 1px solid var(--gray-dark);
            font-size: 15px;
            color: var(--text);
            cursor: pointer;
            transition: all 0.3s;
        }

        .mobile-nav-item:hover {
            background: var(--gray);
            color: var(--primary);
        }

        .mobile-nav-item.active {
            color: var(--primary);
        }

        .mobile-nav-item svg {
            width: 16px;
            height: 16px;
            stroke: currentColor;
            fill: none;
            transition: transform 0.3s;
        }

        .mobile-nav-item.active svg {
            transform: rotate(180deg);
        }

        .mobile-mega-panel {
            display: none;
            background: var(--gray);
        }

        .mobile-mega-panel.active {
            display: block;
        }

        .mobile-category-title {
            padding: 12px 20px 8px;
            font-size: 13px;
            font-weight: 600;
            color: var(--primary);
            background: rgba(30, 90, 168, 0.08);
        }

        .mobile-products-list {
            padding: 8px 0;
        }

        .mobile-product-link {
            display: flex;
            align-items: center;
            padding: 10px 20px 10px 35px;
            font-size: 14px;
            color: var(--text);
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            transition: all 0.3s;
        }

        .mobile-product-link:hover {
            background: rgba(30, 90, 168, 0.05);
            color: var(--primary);
        }

        .mobile-product-link svg {
            width: 14px;
            height: 14px;
            margin-right: 8px;
            stroke: currentColor;
            fill: none;
            opacity: 0.5;
        }

        /* ========== Hero Banner ========== */

        .hero {
            height: 100vh;
            min-height: 600px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            position: relative;
            background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: repeating-linear-gradient( 90deg, transparent, transparent 100px, rgba(30, 90, 168, 0.03) 100px, rgba(30, 90, 168, 0.03) 101px), repeating-linear-gradient( 0deg, transparent, transparent 100px, rgba(30, 90, 168, 0.03) 100px, rgba(30, 90, 168, 0.03) 101px);
        }

        .hero-content {
            position: relative;
            z-index: 1;
            max-width: 900px;
            padding: 0 20px;
        }

        .hero-title {
            font-size: 48px;
            font-weight: bold;
            color: var(--white);
            margin-bottom: 20px;
            letter-spacing: 4px;
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 0.8s ease forwards;
        }

        .hero-subtitle {
            font-size: 18px;
            color: rgba(255, 255, 255, 0.8);
            margin-bottom: 30px;
            line-height: 1.8;
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 0.8s ease 0.2s forwards;
        }

        .hero-slogan {
            font-size: 20px;
            color: var(--primary-light);
            margin-bottom: 40px;
            font-style: italic;
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 0.8s ease 0.3s forwards;
        }

        .hero-buttons {
            display: flex;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap;
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 0.8s ease 0.4s forwards;
        }

        .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 14px 32px;
            font-size: 15px;
            font-weight: 500;
            border-radius: 4px;
            transition: all 0.3s;
            cursor: pointer;
            border: none;
        }

        .btn-primary {
            background: var(--primary);
            color: var(--white);
        }

        .btn-primary:hover {
            background: var(--primary-dark);
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(30, 90, 168, 0.4);
        }

        .btn-outline {
            background: transparent;
            color: var(--white);
            border: 2px solid var(--white);
        }

        .btn-outline:hover {
            background: var(--white);
            color: var(--primary);
        }

        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .banner {
            position: relative;
            z-index: 2;
            line-height: 0;
            font-size: 0;
        }

        .banner .slick-arrow {
            position: absolute;
            z-index: 99;
            display: block !important;
            top: 50%;
            text-align: center;
            margin-top: -27px;
            width: 56px;
            height: 56px;
            line-height: 54px;
            color: #C20A14;
            border: 1px solid #C20A14;
        }

        .banner .slick-prev {
            left: 0;
            cursor: pointer;
        }

        .banner .slick-next {
            right: 0;
            cursor: pointer;
        }

        .banner .slick-arrow:hover {
            background: #C20A14;
            color: #fff;
        }

        .banner .slick-prev::before {
            content: "\e730";
            font-family: "iconfont";
            font-size: 22px;
        }

        .banner .slick-next::before {
            content: "\e731";
            font-family: "iconfont";
            font-size: 22px;
        }

        .banner .slick-dots {
            position: absolute;
            z-index: 999999;
            left: 0;
            right: 0;
            bottom: 37px;
            text-align: center;
            font-size: 0;
            letter-spacing: 0;
            text-align: center;
        }

        .banner .slick-dots li {
            margin: 0 10px;
            display: inline-block;
            vertical-align: top;
            position: relative;
        }

        .banner .slick-dots li a {
            display: block;
            width: 8px;
            height: 8px;
            background: #FFFFFF;
            border-radius: 50%;
            cursor: pointer;
            font-size: 0px;
            text-align: center;
        }

        .banner .slick-dots li.slick-active a {
            background: #C20A14;
        }

        .banner .slick-dots li.slick-active::before {
            position: absolute;
            content: "";
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 21px;
            height: 21px;
            border-radius: 50%;
            border: 1px solid #CD0C0D;
            box-sizing: border-box;
        }

        .banner.hide {
            display: none;
        }

        @media screen and (max-width: 1559px) {
            .banner .slick-dots {
                bottom: 32px;
            }
            .banner .slick-dots li {
                margin: 0 9px;
            }
            .banner .slick-dots a {
                width: 8px;
                height: 8px;
            }
            .banner .slick-dots li.slick-active::before {
                width: 20px;
                height: 20px;
            }
            .banner .slick-arrow {
                margin-top: -24px;
                width: 48px;
                height: 48px;
                line-height: 46px
            }
            .banner .slick-prev::before {
                font-size: 22px;
            }
            .banner .slick-next::before {
                font-size: 22px;
            }
        }

        @media screen and (max-width: 1259px) {
            .banner .slick-dots {
                bottom: 28px;
            }
            .banner .slick-dots li {
                margin: 0 8px;
            }
            .banner .slick-dots a {
                width: 8px;
                height: 8px;
            }
            .banner .slick-dots li.slick-active::before {
                width: 18px;
                height: 18px;
            }
            .banner .slick-arrow {
                margin-top: -20px;
                width: 40px;
                height: 40px;
                line-height: 38px
            }
            .banner .slick-prev::before {
                font-size: 18px;
            }
            .banner .slick-next::before {
                font-size: 18px;
            }
        }

        @media screen and (max-width: 959px) {
            .banner {
                display: block;
            }
            .banner.hide {
                display: block;
            }
            .banner .slick-arrow {
                display: none !important;
            }
            .banner .slick-dots {
                bottom: 24px;
            }
            .banner .slick-dots li {
                margin: 0 8px;
            }
            .banner .slick-dots a {
                width: 6px;
                height: 6px;
            }
            .banner .slick-dots li.slick-active::before {
                width: 16px;
                height: 16px;
            }
            .banner2 {
                display: none;
            }
        }

        .slick-list,
        .slick-slider,
        .slick-track {
            position: relative;
            display: block
        }

        .slick-loading .slick-slide,
        .slick-loading .slick-track {
            visibility: hidden
        }

        .slick-slider {
            box-sizing: border-box;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
            -khtml-user-select: none;
            -ms-touch-action: pan-y;
            touch-action: pan-y;
            -webkit-tap-highlight-color: transparent
        }

        .slick-list {
            overflow: hidden;
            margin: 0;
            padding: 0
        }

        .slick-list:focus {
            outline: 0
        }

        .slick-list.dragging {
            cursor: pointer;
            cursor: hand
        }

        .slick-slider .slick-list,
        .slick-slider .slick-track {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        .slick-track {
            top: 0;
            left: 0
        }

        .slick-track:after,
        .slick-track:before {
            display: table;
            content: ''
        }

        .slick-track:after {
            clear: both
        }

        .slick-slide {
            display: none;
            float: left;
            height: 100%;
            min-height: 1px
        }

        [dir=rtl] .slick-slide {
            float: right
        }

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

        .slick-slide.slick-loading img {
            display: none
        }

        .slick-slide.dragging img {
            pointer-events: none
        }

        .slick-initialized .slick-slide {
            display: block
        }

        .slick-vertical .slick-slide {
            display: block;
            height: auto;
            border: 1px solid transparent
        }

        .slick-arrow.slick-hidden {
            display: none
        }

        .slick-dots .slide-count {
            display: none;
        }

        .slick-slide {
            position: relative;
        }

        .slick-slide iframe {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

        .slick-slide video {
            position: absolute;
            display: block;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            min-width: 101%;
            min-height: 100%;
            max-width: none;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: 50% 50%;
            object-position: 50% 50%;
            display: none \9;
            display: block \9\0;
        }

        @media screen and (max-width: 991px) {
            .slick-slide video {
                object-position: inherit;
                object-fit: inherit;
                width: 100%;
                height: 100%;
                transform: translate(0, 0);
                left: 0;
                top: 0;
            }
        }

        /* ========== 通用区块样式 ========== */

        .section {
            padding: 80px 0;
        }

        .section-title {
            text-align: center;
            margin-bottom: 50px;
        }

        .section-title h2 {
            font-size: 32px;
            color: var(--dark);
            margin-bottom: 15px;
            position: relative;
            display: inline-block;
        }

        .section-title h2::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 3px;
            background: var(--primary);
        }

        .section-title p {
            color: var(--text-light);
            font-size: 16px;
        }

        .bg-gray {
            background: var(--gray);
        }

        .bg-dark {
            background: var(--dark);
            color: var(--white);
        }

        .bg-dark .section-title h2 {
            color: var(--white);
        }

        .bg-dark .section-title p {
            color: rgba(255, 255, 255, 0.7);
        }

        /* ========== 核心卖点 ========== */

        .features {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
        }

        .feature-item {
            text-align: center;
            padding: 60px 20px;
            background: var(--white);
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s;
        }

        .feature-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        }

        /* 卡片默认状态：隐藏 + 向下偏移 */

        .feature-item {
            opacity: 0;
            transform: translateY(40px);
            /* 从下方上来 */
            transition: opacity 0.7s ease, transform 0.7s ease;
        }

        /* 依次延迟动画：第1/2/3/4个错开出现 */

        .feature-item:nth-child(1) {
            transition-delay: 0.1s;
        }

        .feature-item:nth-child(2) {
            transition-delay: 0.3s;
        }

        .feature-item:nth-child(3) {
            transition-delay: 0.5s;
        }

        .feature-item:nth-child(4) {
            transition-delay: 0.7s;
        }

        .feature-icon {
            width: 60px;
            height: 60px;
            margin: 0 auto 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            transform: rotate(45deg);
            border: 2px solid var(--primary);
            background: transparent;
            transition: all 0.3s ease;
        }

        .feature-icon svg {
            width: 32px;
            height: 32px;
            transform: rotate(-45deg);
            stroke: var(--primary);
            fill: none;
            transition: stroke 0.3s ease;
        }

        /* 鼠标悬停：渐变背景 */

        .feature-icon:hover {
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
            border-color: transparent;
            /*  hover 时隐藏边框 */
        }

        /* hover 时图标变白色 */

        .feature-icon:hover svg {
            stroke: #fff;
        }

        .feature-title {
            font-size: 18px;
            font-weight: bold;
            color: var(--dark);
            margin-bottom: 10px;
        }

        .feature-desc {
            font-size: 14px;
            color: var(--text-light);
            line-height: 1.6;
        }

        /* ========== 产品分类 ========== */

        .products-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        .product-card {
            background: var(--white);
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s;
            border: 1px solid transparent;
        }

        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(30, 90, 168, 0.15);
            border-color: var(--primary);
        }

        .product-icon {
            width: 120px;
            height: 120px;
            margin: 0 auto 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            transition: all 0.3s;
        }

        .product-card:hover .product-icon {
            background: var(--primary);
        }

        .product-icon svg {
            width: 80px;
            height: 80px;
            stroke: var(--primary);
            fill: none;
            transition: all 0.3s;
        }

        .product-card:hover .product-icon svg {
            stroke: var(--white);
        }

        .product-name {
            font-size: 18px;
            font-weight: bold;
            color: var(--dark);
            margin-bottom: 8px;
        }

        .product-model {
            font-size: 14px;
            color: var(--primary);
            margin-bottom: 10px;
        }

        .product-desc {
            font-size: 14px;
            color: var(--text-light);
            line-height: 1.6;
        }

        /* ========== 明星产品 ========== */

        .featured-products {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

        .featured-item {
            display: flex;
            background: var(--white);
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        }

        .featured-item:nth-child(even) {
            flex-direction: row-reverse;
        }

        .featured-image {
            width: 45%;
            min-height: 350px;
            background: var(--gray);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 15px;
        }

        .featured-image svg {
            width: 80px;
            height: 80px;
            stroke: var(--text-muted);
            fill: none;
        }

        .featured-image span {
            font-size: 14px;
            color: var(--text-muted);
        }

        .featured-info {
            width: 55%;
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .featured-badge {
            display: inline-block;
            padding: 5px 12px;
            background: var(--primary);
            color: var(--white);
            font-size: 12px;
            border-radius: 20px;
            margin-bottom: 15px;
            width: fit-content;
        }

        .featured-name {
            font-size: 26px;
            font-weight: bold;
            color: var(--dark);
            margin-bottom: 15px;
        }

        .featured-desc {
            font-size: 15px;
            color: var(--text-light);
            margin-bottom: 25px;
            line-height: 1.8;
        }

        .featured-params {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
            margin-bottom: 25px;
        }

        .param-item {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .param-label {
            font-size: 13px;
            color: var(--text-muted);
        }

        .param-value {
            font-size: 14px;
            font-weight: 500;
            color: var(--dark);
        }

        .btn-detail {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background-color: var(--primary);
            font-weight: 500;
            transition: all 0.3s;
            color:var(--white);
            width: 120px;padding: 10px;justify-content: center;
        }

        .btn-detail:hover {
            gap: 12px;
            color: var(--white);
            background-color: var(--dark);
        }

        .btn-detail svg {
            width: 16px;
            height: 16px;
            stroke: currentColor;
            fill: none;
        }

        /* ========== 技术实力 ========== */

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 40px;
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            font-size: 48px;
            font-weight: bold;
            color: var(--primary);
            margin-bottom: 10px;
        }

        .stat-unit {
            font-size: 24px;
        }

        .stat-label {
            font-size: 16px;
            color: rgba(255, 255, 255, 0.8);
        }

        /* ========== 品牌展示 ========== */

        .brands-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        .brand-item {
            background: var(--white);
            border-radius: 12px;
            padding: 30px;
            text-align: center;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s;
        }

        .brand-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        }

        .brand-icon {
            margin: 0 auto 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .brand-icon svg {
            width: 50px;
            height: 50px;
            stroke: var(--primary);
            fill: none;
        }

        .brand-name {
            font-size: 16px;
            font-weight: bold;
            color: var(--dark);
            margin-bottom: 8px;
        }

        .brand-desc {
            font-size: 13px;
            color: var(--text-light);
        }

        /* ========== 为什么选择华鑫 ========== */

        .reason-section {
            background: url(/images/gzbg.jpg) no-repeat center bottom;
            background-size: cover;
            padding: 80px 10%;
        }

        .reasons-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 0px;
        }

        .reason-item {
            width: calc(80vw * 0.23);
            height: calc(80vw * 0.23);
            position: relative;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
        }

        .reason-item::before {
            content: '';
            position: absolute;
            top: -1px;
            left: -1px;
            right: -1px;
            bottom: -1px;
            border: 1px dashed rgba(216, 28, 28, 0.5);
            border-radius: 50%;
            animation: rotateBorder 4s linear infinite;
            pointer-events: none;
            /* 确保不影响内容点击 */
        }

        @keyframes rotateBorder {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }

        .reason-section h2,
        .reason-section p {
            color: var(--text);
        }

        .reason-item .icon {
            width: 60px;
            height: 60px;
            display: block;
            margin: 0 auto 10px;
        }

        .reason-item .icon svg {
            fill: var(--primary) !important;
        }

        .reason-item:hover {
            background-color: var(--primary);
            border-radius: 50%;
        }

        .reason-item:hover .icon svg {
            fill: var(--white) !important
        }

        .reason-item:hover::before {
            border-radius: 50%;
        }

        .reason-section .reason-item:hover h3.reason-title,
        .reason-section .reason-item:hover p {
            color: var(--white);
        }

        .reason-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .reason-desc {
            font-size: 14px;
            line-height: 1.6;
        }

        /* ========== 客户案例 ========== */

        .cases-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        .case-card {
            background: var(--white);
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            transition: all 0.3s;
        }

        .case-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
        }

        .case-image {
            height: 200px;
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .case-image svg {
            width: 60px;
            height: 60px;
            stroke: rgba(255, 255, 255, 0.6);
            fill: none;
        }

        .case-image span {
            font-size: 13px;
            color: rgba(255, 255, 255, 0.8);
        }

        .case-content {
            padding: 25px;
        }

        .case-title {
            font-size: 18px;
            font-weight: bold;
            color: var(--dark);
            margin-bottom: 8px;
        }

        .case-equipment {
            font-size: 14px;
            color: var(--primary);
            margin-bottom: 15px;
        }

        .case-desc {
            font-size: 14px;
            color: var(--text-light);
            line-height: 1.6;
        }

        /* ========== 技术文章 ========== */

        .articles-list {
            max-width: 900px;
            margin: 0 auto;
        }

   /* 文章项容器：弹性布局，PC端左右排列 */
.article-item {
  display: flex;
  flex-wrap: wrap; /* 自动换行，移动端生效 */
  gap: 20px; /* 图片和内容之间的间距，可自行调整 */
  margin-bottom: 30px; /* 文章项之间的间距 */
  align-items: center;  box-shadow: 0 4px 20px rgba(30, 90, 168, 0.15);
}

/* 图片容器：PC端40%宽度 */
.article-img {
  width: 40%;
  flex-shrink: 0; /* 防止被挤压变形 */
}

/* 图片自适应，不拉伸 */
.article-img img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover; /* 保持图片比例，裁剪多余部分 */
}

/* 内容区域：PC端60%宽度 */
.article-content {
  width: 60%;
  flex: 1;padding: 15px;
}

/* 移动端适配：小于768px时，图片和内容都占满100%宽度 */
@media (max-width: 768px) {
  .article-img,
  .article-content {
    width: 100%;
  }
}
        .article-item:hover {
            transform: translateX(5px);
            box-shadow: 0 4px 20px rgba(30, 90, 168, 0.5);
        }

        .article-date {
            flex-shrink: 0;
            width: 70px;
            text-align: center;
            padding: 10px;
            background: var(--gray);
            border-radius: 6px;
        }

        .article-date .day {
            font-size: 24px;
            font-weight: bold;
            color: var(--primary);
        }

        .article-date .month {
            font-size: 12px;
            color: var(--text-muted);
        }

  
        .article-title {
            font-size: 17px;
            font-weight: bold;
            color: var(--dark);
            margin-bottom: 10px;
            transition: color 0.3s;
        }

        .article-item:hover .article-title {
            color: var(--primary);
        }

        .article-summary {
            font-size: 14px;
            color: var(--text-light);
            line-height: 1.6;
        }

        /* ========== 底部信息 ========== */

        .footer {
            background: var(--dark);
            color: var(--white);
            padding: 60px 0 0;
        }

        .footer-main {
            display: grid;
            grid-template-columns: 1.5fr 1fr 1fr 1fr;
            gap: 40px;
            padding-bottom: 40px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .footer-brand {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .footer-logo {
            display: flex;
            flex-direction: column;
            line-height: 1.2;
        }

        .footer-logo .logo-cn {
            font-size: 20px;
        }

        .footer-logo .logo-en {
            color: rgba(255, 255, 255, 0.6);
        }

        .footer-desc {
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            line-height: 1.8;
        }

        .footer-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 20px;
            color: var(--white);
        }

        .footer-links a {
            display: block;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            padding: 6px 0;
            transition: color 0.3s;
        }

        .footer-links a:hover {
            color: var(--primary-light);
        }

        .footer-contact p {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            margin-bottom: 12px;
        }

        .footer-contact svg {
            width: 16px;
            height: 16px;
            flex-shrink: 0;
            margin-top: 2px;
            stroke: var(--primary-light);
            fill: none;
        }

        .footer-bottom {
            padding: 20px 0;
            text-align: center;
            font-size: 13px;
            color: rgba(255, 255, 255, 0.5);
        }

        /* ========== 滚动动画 ========== */

        .animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }

        .animate-on-scroll.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* ========== 响应式设计 ========== */

        @media (max-width: 1024px) {
            .hero-title {
                font-size: 36px;
            }
            .features,
            .stats-grid,
            .brands-grid,
            .reasons-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .products-grid,
            .cases-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .featured-item,
            .featured-item:nth-child(even) {
                flex-direction: column;
            }
            .featured-image,
            .featured-info {
                width: 100%;
            }
            .featured-image {
                min-height: 250px;
            }
            .footer-main {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .header-phone {
                display: none;
            }
            .nav {
                display: none;
            }
            .menu-toggle {
                display: flex;
            }
            .hero {
                min-height: 500px;
            }
            .hero-title {
                font-size: 28px;
                letter-spacing: 2px;
            }
            .hero-subtitle {
                font-size: 15px;
            }
            .hero-slogan {
                font-size: 16px;
            }
            .section {
                padding: 60px 0;
            }
            .section-title h2 {
                font-size: 26px;
            }
            .features,
            .products-grid,
            .brands-grid,
            .cases-grid,
            .reasons-grid,
            .stats-grid {
                grid-template-columns: 1fr;
                gap: 10px;
            }
            .featured-info {
                padding: 25px;
            }
            .featured-name {
                font-size: 22px;
            }
            .featured-params {
                grid-template-columns: 1fr;
            }
            .stat-number {
                font-size: 36px;
            }
            .footer-main {
                grid-template-columns: 1fr;
                gap: 30px;
            }
            .article-item {
                flex-direction: column;
                gap: 15px;
            }
            .article-date {
                width: auto;
                display: flex;
                gap: 10px;
                background: transparent;
                padding: 0;
            }
            .reason-item {
                width: calc(300vw* 0.23);
                height: calc(300vw* 0.23);
                padding: 10vw;
            }
            /* 移动端 Mega Menu 样式调整 */
            .mobile-mega-panel {
                max-height: 400px;
                overflow-y: auto;
            }
            .mobile-mega-panel::-webkit-scrollbar {
                width: 4px;
            }
            .mobile-mega-panel::-webkit-scrollbar-thumb {
                background: var(--primary);
                border-radius: 2px;
            }
        }

        @font-face {
            font-family: "iconfont";
            /* Project id 1768807 */
            src: url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype');
        }

        @font-face {
            font-family: "iconfont";
            /* Project id 4262293 */
            src: url('../fonts/iconfonts.woff2') format('woff2'), url('../fonts/iconfonts.woff') format('woff'), url('../fonts/iconfonts.ttf') format('truetype'),
        }

        .iconfont {
            font-family: "iconfont" !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .icon-a-youtube1:before {
            content: "\e529";
        }

        .icon-a-dianhua11:before {
            content: "\e528";
        }

        .icon-jiantou_youxia:before {
            content: "\e527";
        }

        .icon-notepad:before {
            content: "\e526";
        }

        .icon-a-dianhua1:before {
            content: "\e525";
        }

        .icon-rili:before {
            content: "\e524";
        }

        .icon-dianhua1:before {
            content: "\e523";
        }

        .icon-a-youxiang1:before {
            content: "\e522";
        }

        .icon-yunxiazai_o:before {
            content: "\e521";
        }

        .icon-a-danjiantouchangjiantouzuo:before {
            content: "\e519";
        }

        .icon-changjiantou:before {
            content: "\e520";
        }

        .icon-a-danjiantouchangjiantouyou:before {
            content: "\e518";
        }

        .icon-xiazai:before {
            content: "\e517";
        }

        .icon-a-xiazai1:before {
            content: "\e516";
        }

        .icon-weibo:before {
            content: "\e515";
        }

        .icon-yuyan:before {
            content: "\e514";
        }

        .icon-duoqiyingxiang:before {
            content: "\e513";
        }

        .icon-a-weibo1:before {
            content: "\e512";
        }

        .icon-upload-cloud-2-line:before {
            content: "\e511";
        }

        .icon-a-lianjie1:before {
            content: "\e510";
        }

        .icon-daohang:before {
            content: "\e509";
        }

        .icon-a-rightlinefill-line:before {
            content: "\e508";
        }

        .icon-lianjie:before {
            content: "\e507";
        }

        .icon-send-plane-line:before {
            content: "\e506";
        }

        .icon-b2b-close:before {
            content: "\e505";
        }

        .icon-jiantou_youshang:before {
            content: "\e504";
        }

        .icon-dianhua:before {
            content: "\e501";
        }

        .icon-tik_tok:before {
            content: "\e502";
        }

        .icon-phone-Fill:before {
            content: "\e503";
        }

        .icon-twitter-new2:before {
            content: "\e800";
        }

        .icon-twitter-new:before {
            content: "\e7ff";
        }

        .icon-twitter3:before {
            content: "\e7fd";
        }

        .icon-twitter4:before {
            content: "\e7fe";
        }

        .icon-biaoqian:before {
            content: "\e649";
        }

        .icon-top2:before {
            content: "\e637";
        }

        .icon-shangchuan:before {
            content: "\e602";
        }

        .icon-sousuo4:before {
            content: "\e610";
        }

        .icon-sousuo:before {
            content: "\e616";
        }

        .icon-sousuo1:before {
            content: "\e65b";
        }

        .icon-up7:before {
            content: "\e722";
        }

        .icon-bottom7:before {
            content: "\e723";
        }

        .icon-left7:before {
            content: "\e724";
        }

        .icon-right7:before {
            content: "\e725";
        }

        .icon-instagram1:before {
            content: "\e640";
        }

        .icon-vk:before {
            content: "\e735";
        }

        .icon-jia2:before {
            content: "\e608";
        }

        .icon-jian2:before {
            content: "\e600";
        }

        .icon-home:before {
            content: "\e624";
        }

        .icon-edit:before {
            content: "\e611";
        }

        .icon-facebook:before {
            content: "\e620";
        }

        .icon-pinterest:before {
            content: "\e8ab";
        }

        .icon-linkedin:before {
            content: "\e648";
        }

        .icon-youtube:before {
            content: "\e6d6";
        }

        .icon-twitter:before {
            content: "\e607";
        }

        .icon-bigger:before {
            content: "\e647";
        }

        .icon-left:before {
            content: "\e72c";
        }

        .icon-right:before {
            content: "\e72d";
        }

        .icon-up1:before {
            content: "\e72e";
        }

        .icon-bottom1:before {
            content: "\e72f";
        }

        .icon-left1:before {
            content: "\e730";
        }

        .icon-right1:before {
            content: "\e731";
        }

        .icon-up:before {
            content: "\e73e";
        }

        .icon-bottom:before {
            content: "\e73f";
        }

        .icon-instagram:before {
            content: "\e79d";
        }

        .icon-tumblr:before {
            content: "\e79e";
        }

        .icon-download:before {
            content: "\e7a0";
        }

        .icon-download1:before {
            content: "\e7a7";
        }

        .icon-search4:before {
            content: "\e7b2";
        }

        .icon-address:before {
            content: "\e7bc";
        }

        .icon-email:before {
            content: "\e7bd";
        }

        .icon-contact:before {
            content: "\e7be";
        }

        .icon-whatsapp:before {
            content: "\e7bf";
        }

        .icon-fax:before {
            content: "\e7c2";
        }

        .icon-mobile:before {
            content: "\e7c6";
        }

        .icon-phone:before {
            content: "\e7c8";
        }

        .icon-tel:before {
            content: "\e7c7";
        }

        .icon-phone1:before {
            content: "\e7cb";
        }

        .icon-skype:before {
            content: "\e7cc";
        }

        .icon-whatsapp1:before {
            content: "\e7c1";
        }

        .icon-address1:before {
            content: "\e7c3";
        }

        .icon-contact1:before {
            content: "\e7c4";
        }

        .icon-email1:before {
            content: "\e7c5";
        }

        .icon-skype1:before {
            content: "\e7c9";
        }

        .icon-fax1:before {
            content: "\e7ca";
        }

        .icon-qq:before {
            content: "\e7ce";
        }

        .icon-tel1:before {
            content: "\e7cd";
        }

        .icon-wechat:before {
            content: "\e7cf";
        }

        .icon-phone2:before {
            content: "\e7d0";
        }

        .icon-message:before {
            content: "\e7da";
        }

        .icon-calendar:before {
            content: "\e7e1";
        }

        .icon-calendar1:before {
            content: "\e7e3";
        }

        .icon-top:before {
            content: "\e7ed";
        }

        .icon-youbian:before {
            content: "\e60f";
        }

        .features-section {
            background: url(/images/indexthree-bj.jpg) no-repeat center bottom;
            background-size: cover;
        }

        .js-section {
            background: url(/images/bg-4.jpg) no-repeat;
            background-size: cover;
            position: relative;
        }

        .js-section::after {
            content: "";
            background-color: rgba(0, 0, 0, 0.5);
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            z-index: 9;
            position: absolute;
        }

        .js-section .container {
            z-index: 10;
            position: relative;
        }

        .js-section h2,
        .js-section p {
            color: var(--white);
        }

        /* 面包屑导航 */

        .breadcrumb {
            max-width: 1400px;
            margin: 20px auto;
            padding: 0 20px;
            font-size: 14px;
            color: var(--medium-gray);
        }
        .breadcrumb .container{display: flex;align-items: center;}
        .breadcrumb .container::before{background: url(/images/icon-crumbs.png) no-repeat;content: "";display: inline-block;width: 20px;height: 20px;}
        .breadcrumb a {
            color: var(--medium-gray);
            text-decoration: none;
            transition: color 0.3s;
            margin: 0 5px;
        }

        .breadcrumb a:hover {
            color: var(--primary);
        }

        /* 主内容区 */

        .main-content {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 20px 40px;
        }

        /* 产品主信息区 */

        .product-main {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            background: var(--white);
            border-radius: 12px;
            padding: 30px;
            margin-bottom: 30px;
            box-shadow: var(--shadow);
        }

        /* 左侧图片展示区 */

        .product-gallery {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .main-image {
            width: 100%;
            aspect-ratio: 4/3;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .main-image-text {
            font-size: 16px;
            color: #888;
            font-weight: 500;
        }

        .thumbnail-list {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
        }

        .thumbnail {
            aspect-ratio: 1;
            background: linear-gradient(135deg, #F0F0F0 0%, #E0E0E0 100%);
            border-radius: 8px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 5px;
            cursor: pointer;
            border: 2px solid transparent;
            transition: all 0.3s;
        }

        .thumbnail:hover,
        .thumbnail.active {
            border-color: var(--primary);
        }

        .thumbnail svg {
            width: 30px;
            height: 30px;
            color: #AAA;
        }

        .thumbnail span {
            font-size: 11px;
            color: #888;
        }

        /* 右侧产品信息 */

        .product-info {
            display: flex;
            flex-direction: column;
        }

        .product-badge {
            display: inline-block;
            background: var(--primary);
            color: var(--white);
            padding: 5px 12px;
            border-radius: 4px;
            font-size: 12px;
            align-self: flex-start;
            margin-bottom: 15px;
        }

        .product-model {
            font-size: 32px;
            font-weight: bold;
            color: var(--dark-gray);
            margin-bottom: 8px;
        }

        .product-name {
            font-size: 33px;
            color: var(--medium-gray);
            margin-bottom: 25px;
        }

        .quick-params {
            margin-bottom: 30px;
        }

        .action-buttons {
            display: inline-block;
        }

        .btn-primary {
            flex: 1;
            background: var(--primary);
            color: var(--white);
            border: none;
            padding: 14px 25px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: background 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        .btn-primary:hover {
            background: var(--dark);
        }

        .btn-primary svg {
            width: 20px;
            height: 20px;
        }

        .btn-secondary {
            flex: 1;
            background: var(--white);
            color: var(--dark-gray);
            border: 2px solid var(--border-gray);
            padding: 14px 25px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        .btn-secondary:hover {
            border-color: var(--primary);
            color: var(--primary);
        }

        .btn-secondary svg {
            width: 20px;
            height: 20px;
        }

        /* Tab标签切换区 */

        .product-tabs {
            background: var(--white);
            border-radius: 12px;
            box-shadow: var(--shadow);
            overflow: hidden;
            margin-bottom: 30px;
        }

        .tab-buttons {
            display: flex;
            border-bottom: 1px solid var(--border-gray);
            background: var(--light-gray);
        }

        .tab-btn {
            padding: 18px 35px;
            background: none;
            border: none;
            font-size: 16px;
            font-weight: 600;
            color: var(--medium-gray);
            cursor: pointer;
            position: relative;
            transition: all 0.3s;
        }

        .tab-btn:hover {
            color: var(--primary);
        }

        .tab-btn.active {
            color: var(--primary);
            background: var(--white);
        }

        .tab-btn.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: var(--primary);
        }

        .tab-content {
            padding: 30px;
            display: none;
            animation: fadeIn 0.3s ease;
        }

        .tab-content.active {
            display: block;
        }

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

        /* 产品介绍 */

        .intro-section h3 {
            font-size: 18px;
            color: var(--primary);
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--light-gray);
        }

        .intro-text {
            color: var(--medium-gray);
            line-height: 1.8;
            margin-bottom: 25px;
        }

        .scope-list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
            margin-bottom: 30px;
        }

        .scope-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 12px 15px;
            background: var(--light-gray);
            border-radius: 6px;
        }

        .scope-item svg {
            width: 20px;
            height: 20px;
            color: var(--primary);
        }

        .functions-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
        }

        .function-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 15px;
            background: var(--light-gray);
            border-radius: 8px;
            border-left: 4px solid var(--primary);
        }

        .function-item svg {
            width: 24px;
            height: 24px;
            color: var(--primary);
        }

        /* 技术参数表格 */

        .params-table-wrapper {
            overflow-x: auto;
        }

        .params-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px;
        }

        .params-table th {
            background: var(--primary);
            color: var(--white);
            padding: 12px 15px;
            text-align: left;
            font-weight: 600;
        }

        .params-table td {
            padding: 12px 15px;
            border-bottom: 1px solid var(--border-gray);
        }

        .params-table tr:nth-child(even) td {
            background: var(--light-gray);
        }

        .params-table tr:hover td {
            background: #E8F4FC;
        }

        .param-group-title {
            background: var(--primary) !important;
            color: var(--white) !important;
            font-weight: 600;
        }

        .param-group-title td {
            padding: 14px 15px;
        }

        .param-name {
            color: var(--dark-gray);
            font-weight: 500;
        }

        .param-value {
            color: var(--dark-gray);
            font-weight: 600;
        }

        .config-list {
            margin-top: 30px;
        }

        .config-list h4 {
            font-size: 16px;
            color: var(--primary);
            margin-bottom: 15px;
        }

        .config-items {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
        }

        .config-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 12px 15px;
            background: var(--light-gray);
            border-radius: 6px;
        }

        .config-item svg {
            width: 18px;
            height: 18px;
            color: var(--primary);
        }

        /* 性能特点 */

        .p-features-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 25px;
        }

        .p-feature-card {
            padding: 25px;
            background: linear-gradient(135deg, var(--light-gray) 0%, var(--white) 100%);
            border-radius: 12px;
            border: 1px solid var(--border-gray);
            transition: all 0.3s;
        }

        .p-feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(30, 90, 168, 0.15);
            border-color: var(--primary);
        }

        .p-feature-icon {
            width: 60px;
            height: 60px;
            background: var(--primary);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 18px;
        }

        .p-feature-title {
            font-size: 18px;
            font-weight: bold;
            color: var(--dark-gray);
            margin-bottom: 10px;
        }

        .p-feature-desc {
            color: var(--medium-gray);
            line-height: 1.7;
        }

        /* 应用领域 */

        /* 同系列产品推荐 */

        .related-products {
            background: var(--white);
            border-radius: 12px;
            padding: 30px;
            box-shadow: var(--shadow);
            margin-bottom: 30px;
        }

        .related-title {
            font-size: 20px;
            color: var(--dark-gray);
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 2px solid var(--light-gray);
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .related-title svg {
            width: 24px;
            height: 24px;
            color: var(--primary);
        }

        .related-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 25px;
        }

        .related-card {
            display: flex;
            background: var(--light-gray);
            border-radius: 10px;
            overflow: hidden;
            transition: all 0.3s;
            border: 2px solid transparent;
        }

        .related-card:hover {
            border-color: var(--primary);
            transform: translateY(-3px);
        }

        .related-image {
            width: 180px;
            background: linear-gradient(135deg, #E0E0E0 0%, #D0D0D0 100%);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 8px;
            flex-shrink: 0;
        }

        .related-image svg {
            width: 40px;
            height: 40px;
            color: #999;
        }

        .related-image span {
            font-size: 11px;
            color: #888;
        }

        .related-info {
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .related-model {
            font-size: 16px;
            font-weight: bold;
            color: var(--primary);
            margin-bottom: 5px;
        }

        .related-name {
            font-size: 14px;
            color: var(--dark-gray);
            margin-bottom: 8px;
        }

        .related-spec {
            font-size: 13px;
            color: var(--medium-gray);
        }

        /* ========== 页面Banner ========== */

        .page-banner {
            padding-top: 70px;
            background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
            position: relative;
            overflow: hidden;
            min-height: 450px;
            display: flex;align-items: center;
        }
 @media(max-width:550px){.page-banner {min-height: 300px;}}
        .page-banner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: repeating-linear-gradient( 90deg, transparent, transparent 100px, rgba(30, 90, 168, 0.03) 100px, rgba(30, 90, 168, 0.03) 101px), repeating-linear-gradient( 0deg, transparent, transparent 100px, rgba(30, 90, 168, 0.03) 100px, rgba(30, 90, 168, 0.03) 101px);
        }

        .page-banner-content {
            position: relative;
            z-index: 1;
            padding: 60px 0 40px;
            text-align: center;
        }

        .page-banner h1 {
            font-size: 36px;
            color: var(--white);
            margin-bottom: 20px;
            letter-spacing: 4px;
        }

        .breadcrumbs {
            display: flex;
            justify-content: center;
            gap: 10px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
        }

        .breadcrumbs a {
            color: rgba(255, 255, 255, 0.7);
            transition: color 0.3s;
        }

        .breadcrumbs a:hover {
            color: var(--primary-light);
        }

        .breadcrumbs span {
            color: var(--primary-light);
        }

        /* ========== 页面布局 ========== */

        .page-layout {
            display: flex;
            gap: 30px;
            padding: 60px 0;
        }

        /* 左侧边栏 */

        .sidebar {
            width: 260px;
            flex-shrink: 0;
            position: sticky;
            top: 90px;
            align-self: flex-start;
        }

        .sidebar-nav {
            background: var(--white);
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
            margin-bottom: 30px;
        }

        .sidebar-nav-title {
            background: var(--primary);
            color: var(--white);
            padding: 15px 20px;
            font-size: 16px;
            font-weight: bold;
        }

        .sidebar-nav-list a {
            display: block;
            padding: 12px 20px;
            font-size: 14px;
            color: var(--text);
            border-left: 3px solid transparent;
            transition: all 0.3s;
        }

        .sidebar-nav-list a:hover,
        .sidebar-nav-list a.active {
            background: rgba(30, 90, 168, 0.05);
            color: var(--primary);
            border-left-color: var(--primary);
        }

        .sidebar-contact {
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
            border-radius: 8px;
            padding: 25px 20px;
            color: var(--white);
        }

        .sidebar-contact h4 {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .sidebar-contact p {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            font-size: 13px;
            margin-bottom: 12px;
            opacity: 0.9;
        }

        .sidebar-contact svg {
            width: 16px;
            height: 16px;
            flex-shrink: 0;
            stroke: currentColor;
            fill: none;
        }

        /* 右侧内容区 */

        .content-area {
            flex: 1;
            min-width: 0;
        }

        .content-section {
            margin-bottom: 60px;
        }

        .content-section:last-child {
            margin-bottom: 0;
        }

        .section-title {
            font-size: 28px;
            color: var(--dark);
            margin-bottom: 30px;
            position: relative;
            padding-bottom: 15px;
        }

        /* 图文布局 */

        .content-with-image {
            display: flex;
            gap: 40px;
            align-items: center;
        }

        .content-with-image.reverse {
            flex-direction: row-reverse;
        }

        .content-image {
            flex: 0 0 45%;
            aspect-ratio: 4/3;
            background: var(--gray);
            border-radius: 8px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .content-image svg {
            width: 48px;
            height: 48px;
            stroke: var(--text-muted);
            fill: none;
        }

        .content-image span {
            font-size: 12px;
            color: var(--text-muted);
        }

        .content-text {
            flex: 1;
        }

        .content-text h3 {
            font-size: 20px;
            color: var(--dark);
            margin-bottom: 15px;
        }

        .content-text p {
            font-size: 15px;
            color: var(--text-light);
            line-height: 1.8;
            margin-bottom: 15px;
        }

        /* 数据统计 */

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        .stat-item {
            text-align: center;
            padding: 30px 20px;
            background: var(--white);
            border-radius: 8px;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s;
        }

        .stat-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        }

        .stat-number {
            font-size: 42px;
            font-weight: bold;
            color: var(--primary);
            margin-bottom: 8px;
        }

        .stat-number span {
            font-size: 28px;
        }

        .stat-label {
            font-size: 14px;
            color: var(--text-light);
        }

        /* 特性卡片 */

        .a-features-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        .a-feature-card {
            text-align: center;
            padding: 30px 20px;
            background: var(--white);
            border-radius: 8px;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s;
        }

        .a-feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        }

        .a-feature-icon {
            width: 60px;
            height: 60px;
            margin: 0 auto 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
            border-radius: 50%;
        }

        .a-feature-icon svg {
            width: 28px;
            height: 28px;
            stroke: var(--white);
            fill: none;
        }

        .a-feature-card h4 {
            font-size: 18px;
            color: var(--dark);
            margin-bottom: 10px;
        }

        .a-feature-card p {
            font-size: 14px;
            color: var(--text-light);
            line-height: 1.6;
        }

        /* 时间线 */

        .timeline {
            position: relative;
            padding-left: 30px;
        }

        .timeline::before {
            content: '';
            position: absolute;
            left: 8px;
            top: 0;
            bottom: 0;
            width: 2px;
            background: var(--primary);
        }

        .timeline-item {
            position: relative;
            padding-bottom: 30px;
        }

        .timeline-item:last-child {
            padding-bottom: 0;
        }

        .timeline-dot {
            position: absolute;
            left: -26px;
            top: 5px;
            width: 14px;
            height: 14px;
            background: var(--primary);
            border-radius: 50%;
            border: 3px solid var(--white);
            box-shadow: 0 0 0 2px var(--primary);
        }

        .timeline-year {
            font-size: 20px;
            font-weight: bold;
            color: var(--primary);
            margin-bottom: 8px;
        }

        .timeline-content {
            background: var(--gray);
            padding: 20px;
            border-radius: 8px;
        }

        .timeline-content h4 {
            font-size: 16px;
            color: var(--dark);
            margin-bottom: 8px;
        }

        .timeline-content p {
            font-size: 14px;
            color: var(--text-light);
            line-height: 1.6;
        }

        /* 荣誉资质 */

        .certificates-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        .certificate-item {
            text-align: center;
            padding: 25px 15px;
            background: var(--white);
            border-radius: 8px;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s;
        }

        .certificate-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        }

        .certificate-icon {
            width: 70px;
            height: 70px;
            margin: 0 auto 15px;
            background: var(--gray);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .certificate-icon svg {
            width: 36px;
            height: 36px;
            stroke: var(--primary);
            fill: none;
        }

        .certificate-item h5 {
            font-size: 14px;
            color: var(--dark);
            line-height: 1.4;
        }

        /* 数据表格 */

        .content-table {
            width: 100%;
            border-collapse: collapse;
            background: var(--white);
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
        }

        .content-table thead {
            background: var(--primary);
            color: var(--white);
        }

        .content-table th {
            padding: 15px 20px;
            text-align: left;
            font-weight: 600;
            font-size: 14px;
        }

        .content-table td {
            padding: 15px 20px;
            font-size: 14px;
            color: var(--text);
            border-bottom: 1px solid var(--gray-dark);
        }

        .content-table tbody tr:nth-child(even) {
            background: var(--gray);
        }

        .content-table tbody tr:hover {
            background: rgba(30, 90, 168, 0.05);
        }

        /* CTA模块 */

        .cta-section {
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
            padding: 60px 0;
            text-align: center;
            margin-top: 40px;
        }

        .cta-section h3 {
            font-size: 28px;
            color: var(--white);
            margin-bottom: 15px;
        }

        .cta-section p {
            font-size: 16px;
            color: rgba(255, 255, 255, 0.9);
            margin-bottom: 30px;
        }

        .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 14px 32px;
            font-size: 15px;
            font-weight: 500;
            border-radius: 4px;
            transition: all 0.3s;
            cursor: pointer;
            border: none;
        }

        .btn-white {
            background: var(--white);
            color: var(--primary);
        }

        .btn-white:hover {
            background: var(--gray);
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        }

        /* ========== 回到顶部按钮 ========== */

        .back-to-top {
            position: fixed;
            right: 30px;
            bottom: 30px;
            width: 46px;
            height: 46px;
            background: var(--primary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s;
            box-shadow: 0 4px 15px rgba(30, 90, 168, 0.4);
            z-index: 999;
        }

        .back-to-top.visible {
            opacity: 1;
            visibility: visible;
        }

        .back-to-top:hover {
            background: var(--primary-dark);
            transform: translateY(-5px);
        }

        .back-to-top svg {
            width: 20px;
            height: 20px;
            stroke: var(--white);
            fill: none;
        }

        .params-table-wrapper p {
            font-weight: 700;
            display: block;
            margin: 10px 0 6px;
        }

        .params-table-wrapper table {
            width: 100%;
            border-collapse: collapse;
        }

        .params-table-wrapper table td {
            border: 1px solid #CCC;
            padding: 10px 15px;
            text-align: center;
        }

        .params-table-wrapper table th {
            background-color: #E0E0E0;
            padding: 10px 15px;
        }

        .params-table-wrapper tbody tr:nth-child(odd) td {
            background: #f5f5f5;
        }

        .params-table-wrapper tbody tr:nth-child(even) td {
            background: #ffffff;
        }

        /* 分组标题行保持自身样式 */

        .params-table-wrapper tbody tr.param-group-title td {
            background: var(--primary-light) !important;
            color: var(--white) !important;
        }

        /* hover行高亮 */

        .params-table-wrapper tbody tr:hover td {
            background: #f7d8d0;
        }

        .row {
            display: flex;
            flex-wrap: wrap;
            margin: -15px;
        }

        .row>div {
            padding: 15px;
            box-sizing: border-box;
        }

        /* 第一个section：左右两列布局 */

        .contact-info-section {
            display: flex;
            flex-wrap: wrap;
            gap: 2.5rem;
            align-items: stretch;
        }

        .map-column {
            flex: 1 1 580px;
            min-width: 300px;
            overflow: hidden;
            box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.08);
            background: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(0, 0, 0, 0.02);
        }

        .map-image {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
            aspect-ratio: 4/3;
            background: #e2e8f0;
            transition: transform 0.4s ease;
        }

        .map-column:hover .map-image {
            transform: scale(1.02);
        }

        .info-column {
            flex: 1 1 300px;
            background: #ffffff;
            padding: 2.5rem 2.2rem;
            box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.06);
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 2rem;
            border: 1px solid #f1f5f9;
            transition: box-shadow 0.2s;
        }

        .info-column:hover {
            box-shadow: 0 25px 35px -12px rgba(0, 0, 0, 0.12);
        }

        .company-name {
            font-size: 1.8rem;
            font-weight: 700;
            color: #0f172a;
            letter-spacing: -0.3px;
            margin-bottom: 0.25rem;
            position: relative;
            padding-bottom: 0.75rem;
        }

        .company-name::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 4px;
            background: #ee060c;
            border-radius: 4px;
        }

        .info-list {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 1.8rem;
            margin-top: 0.5rem;
        }

        .info-item {
            display: flex;
            align-items: flex-start;
            gap: 1.2rem;
            color: #334155;
            transition: transform 0.15s;
        }

        .info-item:hover {
            transform: translateX(6px);
        }

        .info-icon {
            flex-shrink: 0;
            width: 2.4rem;
            height: 2.4rem;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f1f5f9;
            border-radius: 12px;
            color: #ee060c;
            transition: background 0.2s, color 0.2s;
        }

        .info-item:hover .info-icon {
            background: #ee060c;
            color: #ffffff;
        }

        .info-icon svg {
            width: 1.4rem;
            height: 1.4rem;
            stroke: currentColor;
            fill: none;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .info-text {
            font-size: 1.05rem;
            line-height: 1.6;
            word-break: break-word;
        }

        .info-text strong {
            font-weight: 600;
            color: #0f172a;
            display: block;
            margin-bottom: 0.15rem;
            font-size: 0.9rem;
            letter-spacing: 0.3px;
            text-transform: uppercase;
            color: #64748b;
        }

        .info-text span,
        .info-text a {
            color: #1e293b;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.2s;
        }

        .info-text a:hover {
            color: #ee060c;
            text-decoration: underline;
        }

        /* 第二个section：联系表单 */

        .contact-form-section {
            background: #ffffff;
            border-radius: 1.8rem;
            padding: 2.8rem 2.5rem;
            box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.05);
            border: 1px solid #f1f5f9;
            transition: box-shadow 0.25s;
        }

        .contact-form-section:hover {
            box-shadow: 0 25px 35px -12px rgba(0, 0, 0, 0.1);
        }

        .form-title {
            font-size: 1.7rem;
            font-weight: 700;
            color: #0f172a;
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .form-subtitle {
            color: #64748b;
            margin-bottom: 2.2rem;
            font-size: 0.95rem;
            border-left: 4px solid #ee060c;
            padding-left: 1rem;
        }

        .contact-form {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        .form-row {
            display: flex;
            flex-wrap: wrap;
            gap: 1.5rem;
        }

        .form-group {
            flex: 1 1 220px;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            margin-bottom: 10px;
        }

        .form-group.full-width {
            flex: 1 1 100%;
        }

        .form-group label {
            font-weight: 600;
            font-size: 0.9rem;
            color: #334155;
            display: flex;
            align-items: center;
            gap: 0.3rem;
            letter-spacing: 0.3px;
        }

        .form-group label svg {
            width: 1rem;
            height: 1rem;
            stroke: #64748b;
            fill: none;
            stroke-width: 2;
        }

        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 0.9rem 1.2rem;
            border: 1.5px solid #e2e8f0;
            font-size: 0.95rem;
            background: #f8fafc;
            transition: all 0.2s ease;
            outline: none;
            font-family: inherit;
            color: #0f172a;
            resize: vertical;height: 45px;
        }

        .form-group input:focus,
        .form-group textarea:focus {
            border-color: #ee060c;
            background: #ffffff;
            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15);
        }
.required-star{color: var(--primary);}
        .form-group textarea {
            min-height: 120px;
        }

        .submit-btn {
            background:var(--primary);
            color: white;
            border: none;
            padding: 1rem 2.8rem;
            font-size: 1.05rem;
            font-weight: 600;
            border-radius: 3rem;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            transition: all 0.25s;
            letter-spacing: 0.5px;
            align-self: flex-start;
            margin-top: 0.8rem;
            box-shadow: 0 8px 18px rgba(15, 23, 42, 0.2);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .submit-btn:hover {
            background: linear-gradient(135deg, #ee060c 0%, #7c3aed 100%);
            box-shadow: 0 12px 22px rgba(37, 99, 235, 0.35);
            transform: translateY(-2px);
            gap: 0.8rem;
        }
input#checkcode{width:50%}
        .submit-btn svg {
            width: 1.2rem;
            height: 1.2rem;
            stroke: white;
            fill: none;
            stroke-width: 2.5;
            transition: transform 0.2s;
        }

        .submit-btn:hover svg {
            transform: translateX(4px);
        }

        @media (max-width: 700px) {
            body {
                padding: 1rem;
            }
            .info-column {
                padding: 2rem 1.5rem;
            }
            .contact-form-section {
                padding: 2rem 1.5rem;
            }
            .company-name {
                font-size: 1.6rem;
            }
        }

        /* ========== 响应式设计 ========== */

        @media (max-width: 1024px) {
            .page-layout {
                flex-direction: column;
            }
            .sidebar {
                width: 100%;
                position: static;
            }
            .sidebar-nav-list {
                display: flex;
                flex-wrap: wrap;
                gap: 0;
            }
            .sidebar-nav-list a {
                flex: 0 0 auto;
                border-left: none;
                border-bottom: 2px solid transparent;
                padding: 10px 15px;
            }
            .sidebar-nav-list a:hover,
            .sidebar-nav-list a.active {
                border-left: none;
                border-bottom-color: var(--primary);
            }
            .sidebar-contact {
                display: none;
            }
            .stats-grid,
            .certificates-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .a-features-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            @media (max-width: 768px) {
                .page-banner h1 {
                    font-size: 28px;
                }
                .page-banner-content {
                    padding: 40px 0 30px;
                }
                .content-with-image,
                .content-with-image.reverse {
                    flex-direction: column;
                }
                .content-image {
                    flex: 0 0 auto;
                    width: 100%;
                }
                .stats-grid,
                .a-features-grid,
                .certificates-grid {
                    grid-template-columns: 1fr;
                }
                .stat-number {
                    font-size: 36px;
                }
                .section-title {
                    font-size: 24px;
                }
                .cta-section {
                    padding: 40px 0;
                }
                .cta-section h3 {
                    font-size: 24px;
                }
                .content-table {
                    font-size: 13px;
                }
                .content-table th,
                .content-table td {
                    padding: 12px 10px;
                }
            }
        }
            /* mega-menu-inner 改为 Grid 布局 */
            .mega-menu-inner {
                display: grid;
                grid-template-columns: 220px 1fr;
                gap: 30px;
            }
            .mega-menu-category {
                grid-column: 1;
            }
            .mega-menu-products {
                grid-column: 2;
                grid-row: 1 / -1;
            }

        .banner-ct{background: url(/images/banner-ct.jpg) no-repeat;background-size: cover;background-position: 50%;}
        .banner-about{background: url(/images/banner-about.jpg) no-repeat;background-size: cover;background-position: 50%;}
.banner-news{background: url(/images/banner-news.jpg) no-repeat;background-size: cover;background-position: 50%;}
             /* 新闻列表内容容器 */
             .news-list-container {
                margin: 0 auto;
                display: flex;
                flex-direction: column;
                gap: 1.8rem;
            }
    
            /* 列表标题区 */
            .news-list-container .section-header {
                margin-bottom: 0.8rem;
                display: flex;
                align-items: baseline;
                justify-content: space-between;
                flex-wrap: wrap;
                gap: 1rem;
            }
    
            .news-list-container .section-title {
                font-size: 2rem;
                font-weight: 700;
                color: #0f172a;
                letter-spacing: -0.3px;
                position: relative;
                padding-left: 1.2rem;
            }
    
            .news-list-container .section-title::before {
                content: '';
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 5px;
                height: 28px;
                background: linear-gradient(180deg, #d97706, #ea580c);
                border-radius: 4px;
            }
    
            .view-all {
                color: #d97706;
                text-decoration: none;
                font-weight: 600;
                font-size: 0.95rem;
                display: flex;
                align-items: center;
                gap: 0.3rem;
                transition: gap 0.2s;
            }
    
            .view-all:hover {
                gap: 0.6rem;
                color: #b45309;
            }
    
            /* 新闻卡片：左右两列布局 */
            .news-item {
                display: flex;
                flex-wrap: wrap;
                background: #ffffff;
                overflow: hidden;
                box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.06);
                transition: all 0.25s ease;
                border: 1px solid #f1f5f9;
                align-items: stretch;
            }
    
            .news-item:hover {
                box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.12);
                transform: translateY(-3px);
                border-color: #fed7aa;
            }
    
            /* 左侧文字内容 */
            .news-content {
                flex: 1 1 360px;
                padding: 2rem 2rem 1.8rem 2rem;
                display: flex;
                flex-direction: column;
                justify-content: center;
                gap: 0.9rem;
                order: 1;
            }
    
            .news-meta {
                display: flex;
                align-items: center;
                gap: 1rem;
                font-size: 0.8rem;
                color: #64748b;
                font-weight: 500;
                letter-spacing: 0.3px;
                flex-wrap: wrap;
            }
    
    
            .news-title {
                font-size: 1.5rem;
                font-weight: 700;
                color: #0f172a;
                line-height: 1.3;
                letter-spacing: -0.2px;
                transition: color 0.2s;
            }
    
            .news-item:hover .news-title {
                color: #c2410c;
            }
    
            .news-description {
                color: #475569;
                font-size: 0.95rem;
                line-height: 1.6;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
                margin: 0.2rem 0 0.4rem 0;
            }
    
            .detail-button {
                align-self: flex-start;
                display: inline-flex;
                align-items: center;
                gap: 0.4rem;
                background: transparent;
                border: 1.5px solid var(--primary);
                color:var(--primary);
                font-weight: 600;
                padding: 0.55rem 1.6rem;
                border-radius: 2.5rem;
                font-size: 0.9rem;
                text-decoration: none;
                transition: all 0.25s;
                margin-top: 0.3rem;
                background: #ffffff;
            }
    
            .detail-button svg {
                width: 1rem;
                height: 1rem;
                stroke: currentColor;
                fill: none;
                stroke-width: 2.5;
                transition: transform 0.2s;
            }
    
            .detail-button:hover {
                background:var(--primary);
                color: white;
                border-color: var(--primary);
                gap: 0.7rem;
                box-shadow: 0 6px 14px rgba(217, 119, 6, 0.25);
            }
    
            .detail-button:hover svg {
                transform: translateX(4px);
            }
    
            /* 右侧图片区域 */
            .news-image {
                flex: 1 1 320px;
                min-height: 220px;
                background-color: #e2e8f0;
                position: relative;
                overflow: hidden;
                order: 2;
                display: flex;
                align-items: center;
                justify-content: center;
            }
    
            .news-image img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
                transition: transform 0.4s ease;
            }
    
            .news-item:hover .news-image img {
                transform: scale(1.04);
            }
    .news-content table{width: 100%;border-collapse:collapse}
    .news-content table td{border:1px solid #CCC;padding:5px;}
    .news-content table th{background:var(--primary);color:var(--white);padding:8px 0}
    
    h1.news-title,.w-createtime{text-align: center;}
    .w-createtime{color: var(--medium-gray);padding:10px 0;border-bottom:1px solid #CCC}
    
            /* 占位图片样式（当没有图片时显示） */
            .no-image-placeholder {
                width: 100%;
                height: 100%;
                background: linear-gradient(135deg, #d4d4d8 0%, #a1a1aa 100%);
                display: flex;
                align-items: center;
                justify-content: center;
                color: white;
                font-weight: 600;
                font-size: 0.9rem;
                text-transform: uppercase;
                letter-spacing: 1px;
                background-size: cover;
                background-position: center;
            }
    
            /* 分页样式 */   
            .pagination {
                display: flex;
                gap: 0.5rem;
                flex-wrap: wrap;
                align-items: center;
                justify-content: center; margin: 1.5rem auto 2.5rem;
            }
    
            .pagination a,
            .pagination span {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 2.8rem;
                height: 2rem;
                padding: 0 0.8rem;
                font-weight: 600;
                font-size: 0.9rem;
                text-decoration: none;
                transition: all 0.2s;
                background: white;
                color: #334155;
                border: 1px solid #e2e8f0;
                box-shadow: 0 2px 6px rgba(0,0,0,0.02);
            }
    
            .pagination a:hover {
                background:var(--primary);
                border-color:var(--primary);
                color:var(--white);
            }
    
            .pagination .page-current {
                background: (var(--primary));
                color:var(--white);
                border-color:(var(--primary));
                box-shadow: 0 4px 10px rgba(217,119,6,0.3);
            }
    
            .pagination .page-disabled {
                opacity: 0.5;
                pointer-events: none;
                background: #f1f5f9;
                color: #94a3b8;
            }
    
            /* 响应式调整 */
            @media (max-width: 700px) {
             
                .news-item {
                    flex-direction: column;
                }
    
                .news-content {
                    order: 2;
                    padding: 1.5rem;
                }
    
                .news-image {
                    order: 1;
                    min-height: 200px;
                    flex: 1 1 auto;
                }
    
                .news-title {
                    font-size: 1.3rem;
                }
    
                .section-title {
                    font-size: 1.7rem;
                }
    
                .pagination a,
                .pagination span {
                    min-width: 2.4rem;
                    height: 2.4rem;
                    font-size: 0.8rem;
                }
            }
    
    
     .xp .form-container {
            max-width: 900px;
            margin: 0 auto;
            background: #ffffff;
            border-radius: 28px;
            box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.02);
            overflow: hidden;
            transition: all 0.2s ease;
        }

      .xp .form-row-2col {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-bottom: 24px;
        }

        /* 针对移动端适配：小于640px转为单列 */
        @media (max-width: 640px) {
            .xp .form-row-2col {
                grid-template-columns: 1fr;
                gap: 18px;
                margin-bottom: 18px;
            }

          .xp .form-body {
                padding: 24px 20px 32px;
            }
        }

  

        /* 文本域特殊 */
       .xp textarea {
            resize: vertical;
            min-height: 110px;
            line-height: 1.5;
        }

        /* 提示小字 (PbootCMS 验证提示友好) */
        .form-hint {
            font-size: 0.7rem;
            color: #718096;
            margin-top: 5px;
            display: block;
        }

        /* 验证码区域样式 - 增加Pboot风格适配 */
        .captcha-row {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            align-items: flex-start;
        }

        .captcha-row input {
            flex: 2;
            max-width: 140px !important;
        }

        .captcha-img {
            flex: 0 0 auto;
            background: #f1f5f9;
            border-radius: 16px;
            border: 1px solid #e2e8f0;
            overflow: hidden;
            cursor: pointer;
            transition: 0.1s;
        }

        .captcha-img img {
            display: block;
            height: 48px;
            width: auto;
            background: #fff;
        }

        .captcha-refresh {
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #edf2f7;
            border-radius: 40px;
            padding: 0 15px;
            font-size: 0.8rem;
            font-weight: 500;
            color: #2c7da0;
            border: 1px solid #cbd5e0;
            cursor: pointer;
            transition: all 0.2s;
            height: 48px;
        }

        .captcha-refresh:hover {
            background: #e2e8f0;
            color: #1e4a6e;
        }

        /* 按钮样式 */
        .xp .submit-btn {
            background:var(--primary);
            color: white;
            border: none;
            padding: 14px 28px;
            font-size: 1rem;
            font-weight: 600;
            border-radius: 40px;
            cursor: pointer;
            width: 100%;
            transition: background 0.25s, transform 0.05s;
            letter-spacing: 1px;
            margin-top: 8px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        }

        .xp .submit-btn:hover {
            background: #000;
        }

        .xp .submit-btn:active {
            transform: scale(0.98);
        }

        .xp .form-message {
            margin-top: 20px;
            font-size: 0.9rem;
            text-align: center;
            padding: 12px;
            display: none;
        }

        /* 额外间距 */
        hr {
            margin: 10px 0 20px;
            border: none;
            border-top: 1px solid #edf2f7;
        }

        /* 字段内嵌标识 */
        .field-note {
            font-size: 0.7rem;
            color: #94a3b8;
        }