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

        a{
            text-decoration: none;
        }

        body {
            font-family: 'Microsoft YaHei', Arial, sans-serif;
            background: #fff;
            height: 200vh; /* 用于测试滚动效果 */
        }

        /* 导航栏样式 */
        .navbar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            transition: all 0.3s ease;
            padding: 15px 0;
            background: rgba(255, 255, 255, 0.7); /* 默认白色半透明背景 */
             backdrop-filter: blur(10px); 
        }

        .navbar.scrolled {
            /*background: rgba(0, 0, 0, 0.8);*/
            backdrop-filter: blur(10px);
            padding: 10px 0;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .navbar.menu-expanded {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
        }

        .navbar.scrolled.menu-expanded {
            /*background: rgba(0, 0, 0, 0.9);*/
            backdrop-filter: blur(10px);
        }

        .nav-container {
            max-width: 1600px;
            margin: 0 auto;
            padding: 0 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        /* Logo样式 */
        .logo {
            height: 40px;
            transition: filter 0.3s ease;
        }

        /*.navbar.scrolled .logo {*/
        /*    filter: brightness(0) invert(1); */
        /*}*/

        .navbar.menu-expanded .logo {
            filter: none;
        }

        /*.navbar.scrolled.menu-expanded .logo {*/
        /*    filter: brightness(0) invert(1);*/
        /*}*/

        /* 主导航菜单 */
        .main-nav {
            display: flex;
            list-style: none;
            gap: 80px; /* 增大菜单间距 */
        }

        .main-nav li a {
            color: #333;
            text-decoration: none;
            font-size: 18px;
            font-weight: 600;
            transition: color 0.3s ease;
            position: relative;
            padding: 10px 0;
        }

        /*.navbar.scrolled .main-nav li a {*/
        /*    color: #fff;*/
        /*}*/

        .navbar.menu-expanded .main-nav li a {
            color: #333;
        }

        /*.navbar.scrolled.menu-expanded .main-nav li a {*/
        /*    color: #fff;*/
        /*}*/

        .main-nav li a:hover {
            color: #02a100;
        }

        .navbar.scrolled .main-nav li a:hover {
            color: #02a100;
        }

        /* 右侧控制区域 */
        .nav-controls {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        /* 三条横线菜单开关 */
        .menu-toggle {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 24px;
            height: 18px;
            cursor: pointer;
            position: relative;
            z-index: 1001;
        }

        .menu-toggle span {
            width: 100%;
            height: 3px;
            background: #333;
            transition: all 0.3s ease;
            border-radius: 2px;
        }

        .navbar.scrolled .menu-toggle span {
            /*background: #fff;*/
        }

        .navbar.menu-expanded .menu-toggle span {
            background: #333;
        }

        .navbar.scrolled.menu-expanded .menu-toggle span {
            /*background: #fff;*/
        }

        .menu-toggle:hover span {
            background: #02a100;
        }

        .navbar.scrolled .menu-toggle:hover span {
            background: #02a100;
        }

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

        /* 扩展的子菜单区域 */
        .expanded-menu {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            max-height: 0;
            opacity: 0;
            transition: all 0.4s ease;
            border-top: 1px solid rgba(0, 0, 0, 0.1);
        }

        .navbar.scrolled .expanded-menu {
            background: rgba(0, 0, 0, 0.9);
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

        .expanded-menu.active {
            max-height: 300px;
            opacity: 1;
        }

        .expanded-menu-container {
            max-width: 1600px;
            margin: 0 auto;
            padding: 40px 20px;
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 60px;
        }

        .menu-column {
            display: flex;
            flex-direction: column;
        }

        .menu-column h3 {
            color: #333;
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 20px;
            padding-bottom: 8px;
            border-bottom: 2px solid #02a100;
            transition: color 0.3s ease;
        }

        .navbar.scrolled .menu-column h3 {
            color: #fff;
            border-bottom-color: #02a100;
        }

        .menu-column ul {
            list-style: none;
        }

        .menu-column ul li {
            margin-bottom: 12px;
        }

        .menu-column ul li a {
            color: #666;
            text-decoration: none;
            font-size: 16px;
            transition: all 0.3s ease;
            display: block;
            padding: 4px 0;
        }

        .navbar.scrolled .menu-column ul li a {
            color: #ccc;
        }

        .menu-column ul li a:hover {
            color: #02a100;
            padding-left: 8px;
        }

        .navbar.scrolled .menu-column ul li a:hover {
            color: #02a100;
        }

        /* 汉堡菜单按钮 */
        .hamburger {
            display: none;
            flex-direction: column;
            cursor: pointer;
            width: 30px;
            height: 24px;
            justify-content: space-between;
            position: relative;
            z-index: 1001;
        }

        .hamburger span {
            width: 100%;
            height: 3px;
            background: #333;
            transition: all 0.3s ease;
            transform-origin: center;
        }

        .navbar.scrolled .hamburger span {
            /*background: #fff;*/
        }

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

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

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

        /* 移动端子菜单 */
        .mobile-menu {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background: rgba(0, 0, 0, 0.95);
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            transform: translateY(-100%);
            opacity: 0;
            transition: all 0.3s ease;
            z-index: 1000;
            overflow-y: auto;
            padding-top: 100px;
        }

        .mobile-menu.active {
            transform: translateY(0);
            opacity: 1;
        }

        .mobile-menu-container {
            width: 100%;
            max-width: 400px;
            padding: 0 20px;
        }

        .mobile-menu-close {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .mobile-menu-close:hover {
            background: rgba(255, 255, 255, 0.2);
        }

        .mobile-menu-close::before,
        .mobile-menu-close::after {
            content: '';
            position: absolute;
            width: 20px;
            height: 2px;
            background: #fff;
        }

        .mobile-menu-close::before {
            transform: rotate(45deg);
        }

        .mobile-menu-close::after {
            transform: rotate(-45deg);
        }

        .mobile-main-item {
            margin-bottom: 10px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .mobile-main-item:last-child {
            border-bottom: none;
        }

        .mobile-main-link {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 20px;
            color: #fff;
            text-decoration: none;
            font-size: 18px;
            font-weight: 400;
            transition: all 0.3s ease;
            background: rgba(255, 255, 255, 0.05);
            margin-bottom: 2px;
            border-radius: 8px;
        }

        .mobile-main-link:hover {
            color: #02a100;
            background: rgba(2, 161, 0, 0.1);
        }

        .mobile-expand-arrow {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 6px solid #fff;
            transition: transform 0.3s ease;
        }

        .mobile-main-item.expanded .mobile-expand-arrow {
            transform: rotate(180deg);
        }

        .mobile-submenu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            background: rgba(255, 255, 255, 0.03);
            border-radius: 8px;
            margin-top: 5px;
        }

        .mobile-main-item.expanded .mobile-submenu {
            max-height: 300px;
        }

        .mobile-submenu ul {
            list-style: none;
            padding: 10px 0;
        }

        .mobile-submenu li {
            margin: 0;
        }

        .mobile-submenu li a {
            display: block;
            padding: 12px 30px;
            color: #ccc;
            text-decoration: none;
            font-size: 16px;
            font-weight: 300;
            transition: all 0.3s ease;
            border-left: 3px solid transparent;
        }

        .mobile-submenu li a:hover {
            color: #02a100;
            border-left-color: #02a100;
            background: rgba(2, 161, 0, 0.05);
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .main-nav {
                gap: 60px;
            }

            .expanded-menu-container {
                gap: 40px;
            }
        }

        @media (max-width: 1024px) {
            .main-nav {
                gap: 40px;
            }

            .expanded-menu-container {
                grid-template-columns: repeat(3, 1fr);
                gap: 30px;
            }
        }

        @media (max-width: 768px) {
            .main-nav {
                display: none;
            }

            .menu-toggle {
                display: none;
            }

            .hamburger {
                display: flex;
            }

            .nav-container {
                padding: 0 15px;
            }

            .expanded-menu-container {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
                padding: 30px 20px;
            }

            .solutions-tabs-area {
                flex-direction: row;
                height: auto;
                min-height: 200px;
            }

            .solutions-tab {
                flex-direction: column;
                text-align: center;
                padding: 20px 10px;
                border-bottom: none;
                border-right: 1px solid rgba(255, 255, 255, 0.2);
                justify-content: center; /* 确保移动端垂直居中 */
            }

            .solutions-tab:last-child {
                border-right: none;
            }

            .solutions-tab-icon {
                margin-right: 0;
                margin-bottom: 10px;
                width: 36px;
                height: 36px;
            }

            .solutions-tab-text {
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            .expanded-menu-container {
                grid-template-columns: 1fr;
                gap: 30px;
            }
        }

        /* Banner轮播区域 */
        .banner-section {
            margin-top: 0; /* 移除上边距，因为导航是fixed */
            position: relative;
            height: 100vh;
            overflow: hidden;
        }

        .swiper {
            width: 100%;
            height: 100%;
        }

        .swiper-slide {
            position: relative;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            display: flex;
            align-items: center;
            justify-content: flex-start; /* 改为左对齐 */
        }

        .banner-slide-1 {
            background-image: url('/skin/images/banner1.jpg');
        }

        .banner-slide-2 {
            background-image: url('/skin/images/banner2.jpg');
        }

        .banner-slide-3 {
            background-image: url('/skin/images/banner3.jpg');
        }

        /* Banner遮罩层 */
        .banner-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
            z-index: 1;
        }

        /* Banner文字内容 */
        .banner-content {
            position: relative;
            z-index: 2;
            color: #fff;
            max-width: 1600px;
            width: 100%;
            margin: 0 auto;
            padding: 0 20px;
            text-align: left; /* 左对齐 */
        }

        /* Banner数字指示器 */
        .banner-number {
            font-size: 24px;
            font-weight: 300;
            margin-bottom: 20px;
            opacity: 0;
            transform: translateY(30px);
            animation: slideInUp 1s ease 0.2s forwards;
        }

        .banner-number .current {
            font-size: 28px;
            font-weight: 700;
            color: #02a100;
        }

        .banner-number .total {
            font-size: 20px;
            font-weight: 300;
            color: rgba(255, 255, 255, 0.7);
        }

        .banner-title {
            font-size: 48px;
            font-weight: 700;
            margin-bottom: 20px;
            line-height: 1.2;
            opacity: 0;
            transform: translateY(50px);
            animation: slideInUp 1s ease 0.5s forwards;
        }

        .banner-subtitle {
            font-size: 42px; /* 大幅增大字体 */
            font-weight: 300;
            letter-spacing: 3px; /* 增加字母间距 */
            margin-bottom: 200px; /* 增加与按钮的距离 */
            opacity: 0;
            transform: translateY(30px);
            animation: slideInUp 1s ease 1s forwards;
            color: #fff;
        }

        /* ENVIRONMENTAL 空心字效果 */
        .banner-subtitle .hollow {
            color: transparent;
            -webkit-text-stroke: 1.5px #fff; /* 调整边框粗细 */
            text-stroke: 1.5px #fff;
        }

        /* Banner了解更多按钮 - 与company-button统一尺寸 */
        .banner-button {
            display: inline-block;
            padding: 14px 32px; /* 与company-button统一 */
            background: #02a100;
            color: #fff;
            text-decoration: none;
            font-size: 15px; /* 与company-button统一 */
            font-weight: 500;
            border-radius: 25px;
            transition: all 0.3s ease;
            opacity: 0;
            transform: translateY(30px);
            animation: slideInUp 1s ease 1.3s forwards;
            position: relative;
            overflow: hidden;
        }

        .banner-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.5s ease;
        }

        .banner-button:hover {
            background: #028a00;
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(2, 161, 0, 0.3);
        }

        .banner-button:hover::before {
            left: 100%;
        }

        .banner-button .arrow {
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .banner-button:hover .arrow {
            transform: translateX(3px);
        }

        /* 文字动画 */
        @keyframes slideInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Swiper重置动画 */
        .swiper-slide:not(.swiper-slide-active) .banner-number,
        .swiper-slide:not(.swiper-slide-active) .banner-title,
        .swiper-slide:not(.swiper-slide-active) .banner-subtitle,
        .swiper-slide:not(.swiper-slide-active) .banner-button {
            opacity: 0;
            transform: translateY(50px);
            animation: none;
        }

        .swiper-slide-active .banner-number {
            animation: slideInUp 1s ease 0.2s forwards;
        }

        .swiper-slide-active .banner-title {
            animation: slideInUp 1s ease 0.5s forwards;
        }

        .swiper-slide-active .banner-subtitle {
            animation: slideInUp 1s ease 1s forwards;
        }

        .swiper-slide-active .banner-button {
            animation: slideInUp 1s ease 1.3s forwards;
        }

        /* Swiper导航按钮自定义样式 */
        .swiper-button-next,
        .swiper-button-prev {
            color: #fff;
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(10px);
            border-radius: 50%;
            width: 50px;
            height: 50px;
            margin-top: -25px;
            transition: all 0.3s ease;
        }

        .swiper-button-next::after,
        .swiper-button-prev::after {
            font-size: 18px;
            font-weight: bold;
        }

        .swiper-button-next:hover,
        .swiper-button-prev:hover {
            background: rgba(2, 161, 0, 0.8);
            transform: scale(1.1);
        }

        /* Swiper分页器自定义样式 */
        .swiper-pagination-bullet {
            background: rgba(255, 255, 255, 0.5);
            opacity: 1;
            width: 12px;
            height: 12px;
            margin: 0 6px;
            transition: all 0.3s ease;
        }

        .swiper-pagination-bullet-active {
            background: #02a100;
            transform: scale(1.2);
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
            .banner-section {
                height: 70vh;
            }

            .banner-content {
                padding: 0 15px;
            }

            .banner-number {
                font-size: 20px;
                margin-bottom: 15px;
            }

            .banner-number .current {
                font-size: 24px;
            }

            .banner-number .total {
                font-size: 18px;
            }

            .banner-title {
                font-size: 32px;
                margin-bottom: 15px;
            }

            .banner-subtitle {
                font-size: 28px; /* 移动端也保持较大字体 */
                margin-bottom: 120px; /* 移动端适当减少距离 */
                letter-spacing: 2px;
            }

            .banner-button {
                padding: 12px 28px; /* 移动端稍小 */
                font-size: 14px;
            }

            .swiper-button-next,
            .swiper-button-prev {
                width: 40px;
                height: 40px;
                margin-top: -20px;
            }

            .swiper-button-next::after,
            .swiper-button-prev::after {
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            .banner-title {
                font-size: 24px;
            }

            .banner-subtitle {
                font-size: 22px; /* 小屏幕保持清晰可见 */
                letter-spacing: 1px;
                margin-bottom: 80px; /* 小屏幕进一步减少距离 */
            }

            .banner-button {
                padding: 10px 24px; /* 小屏幕按钮尺寸 */
                font-size: 13px;
            }

            .swiper-button-next,
            .swiper-button-prev {
                display: none;
            }
        }

        /* 公司简介版块样式 */
        .company-section {
            width: 100%;
            height: 100vh;
            position: relative;
            overflow: hidden;
        }

        .company-image-in {
            width: 100%;
            height: 100%;
            position: relative;
        }

        .company-image-in img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        .company-content {
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            background: rgba(34, 139, 34, 0.95); /* 提高透明度 */
            display: flex;
            align-items: center;
            justify-content: center; /* 恢复居中 */
            padding: 80px 50px 80px 65px; /* 微调内边距：左侧65px，右侧50px */
        }

        .company-content::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" patternUnits="userSpaceOnUse" width="100" height="100"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.08)"/><circle cx="20" cy="60" r="0.5" fill="rgba(255,255,255,0.08)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
            opacity: 0.3;
            pointer-events: none;
        }

        .company-content-inner {
            position: relative;
            z-index: 2;
            color: #fff;
            max-width: 500px;
            width: 100%;
            transform: translateX(-90px); /* 向左移动90px */
        }

        .section-header {
            margin-bottom: 50px; /* 增加距离 */
        }

        .section-title {
            font-size: 38px; /* 增大字体 */
            font-weight: 700;
            margin-bottom: 8px;
            color: #fff;
            position: relative;
            display: inline-block;
        }

        /* 移除公司简介下面的伪类 */

        .section-subtitle {
            font-size: 32px; /* 大幅增大字体 */
            font-weight: 400; /* 稍微加粗 */
            letter-spacing: 4px; /* 增加字母间距 */
            color: #fff; /* ABOUT 部分用白色 */
            margin-top: 12px;
            text-transform: uppercase; /* 确保大写 */
        }

        /* US 空心字效果 */
        .section-subtitle .hollow {
            color: transparent;
            -webkit-text-stroke: 1.5px #fff; /* 调整边框粗细 */
            text-stroke: 1.5px #fff;
        }

        .company-name {
            font-size: 28px; /* 增大字体 */
            font-weight: 600;
            margin-bottom: 30px;
            color: #fff;
            line-height: 1.3;
            position: relative;
            display: inline-block;
        }

        /* 将下划线添加到公司名称 */
        .company-name::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 60px;
            height: 3px;
            background: #fff;
            border-radius: 2px;
        }

        .company-description {
            margin-bottom: 50px; /* 增加距离 */
        }

        .company-description p {
            font-size: 16px; /* 增大字体 */
            line-height: 1.8;
            margin-bottom: 18px;
            color: rgba(255, 255, 255, 0.95);
            text-align: justify;
        }

        .company-description p:last-child {
            margin-bottom: 0;
        }

        .company-button {
            display: inline-block;
            padding: 14px 32px; /* 稍微增大按钮 */
            background: #fff;
            color: #4CAF50;
            text-decoration: none;
            font-size: 15px; /* 增大字体 */
            font-weight: 600;
            border-radius: 25px;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            float: right; /* 右对齐 */
        }

        .company-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(76, 175, 80, 0.1), transparent);
            transition: left 0.5s ease;
        }

        .company-button:hover {
            background: #f8f9fa;
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
        }

        .company-button:hover::before {
            left: 100%;
        }

        .company-button .arrow {
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .company-button:hover .arrow {
            transform: translateX(3px);
        }

        /* 公司版块响应式 */
        @media (max-width: 1024px) {
            .company-content {
                padding: 60px 40px;
            }

            .section-title {
                font-size: 34px;
            }

            .section-subtitle {
                font-size: 17px;
            }

            .company-name {
                font-size: 26px;
            }

            .company-description p {
                font-size: 15px;
            }

            .company-button {
                font-size: 14px;
                padding: 13px 30px;
            }
        }

        @media (max-width: 768px) {
            .company-content {
                width: 100%;
                padding: 50px 30px;
            }

            .section-header {
                margin-bottom: 40px;
            }

            .section-title {
                font-size: 28px;
            }

            .section-subtitle {
                font-size: 28px; /* 移动端也保持较大字体 */
            }

            .company-name {
                font-size: 24px;
            }

            .company-description {
                margin-bottom: 40px;
            }

            .company-description p {
                font-size: 14px;
                line-height: 1.7;
            }

            .company-button {
                padding: 12px 28px;
                font-size: 14px;
            }
            .company-content-inner {
                transform: none; 
            }
            .product-section {
                height: auto !important;
            }
            .product-header {
                text-align: center !important;
                display: block !important;
                margin-bottom: 50px;
                /* margin-top: 50px; */
                /* text-align: left; */
                /* position: relative; */
                /* display: block; */
                /* justify-content: space-between; */
                /* align-items: flex-start; */
            }
            .product-title::before {
                display: none;
            }
                .product-name {
                margin-top: 50px;
            }
        }

        @media (max-width: 480px) {
            .company-content {
                width: 100%;
                padding: 40px 25px;
            }

            .section-header {
                margin-bottom: 35px;
            }

            .section-title {
                font-size: 24px;
            }

            .section-subtitle {
                font-size: 24px; /* 小屏幕保持清晰 */
            }

            .company-name {
                font-size: 20px;
            }

            .company-description {
                margin-bottom: 35px;
            }

            .company-description p {
                font-size: 13px;
            }

            .company-button {
                padding: 10px 24px;
                font-size: 13px;
            }
        }

        /* 产品中心版块样式 */
        .product-section {
            width: 100%;
            height: 110vh; /* 固定一屏高度 */
            background-image: url('/skin/images/probg.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            position: relative;
            padding: 60px 20px; /* 减少padding */
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .product-container {
            max-width: 1600px;
            width: 100%;
            margin: 0 auto;
        }

        /* 产品标题区域 - 左对齐 */
        .product-header {
            margin-top: 50px; /* 减少间距 */
            text-align: left;
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }

        .product-title-group {
            display: flex;
            flex-direction: column;
        }

        .product-title {
            font-size: 38px;
            font-weight: 700;
            color: #02a100;
            margin-bottom: 5px;
            position: relative;
            display: block;
            line-height: 1.2;
        }

        /* 左上角装饰伪类 - 缩小 */
        .product-title::before {
            content: '';
            position: absolute;
            top: -10px;
            left: -20px;
            width: 16px; /* 缩小尺寸 */
            height: 16px;
            background-image: url('/skin/images/xiushi.png');
            background-size: cover;
            background-repeat: no-repeat;
        }

        .product-subtitle {
            font-size: 32px;
            font-weight: 400;
            color: #666;
            text-transform: uppercase;
            letter-spacing: 4px;
            margin-top: 0;
            line-height: 1.2;
        }

        .product-subtitle .product-text {
            display: block; /* 换行显示 */
            margin-bottom: 5px;
        }

        /* CENTER 空心字效果 */
        .product-subtitle .hollow {
            color: transparent;
            -webkit-text-stroke: 1.5px #666;
            text-stroke: 1.5px #666;
        }

        /* 产品轮播区域 - 居中显示 */
        .product-swiper {
            width: 100%;
            max-width: 1600px;
            margin: 0 auto;
            height: auto;
            position: relative;
            flex: 1; /* 占据剩余空间 */
            display: flex;
            align-items: center;
        }

        .product-slide {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 40px; /* 减少padding */
        }

        .product-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            max-width: 750px; /* 相应调整容器 */
        }

        .product-image {
            margin-bottom: 20px; /* 减少间距 */
        }

        .product-image img {
            width: 100%;
            max-width: 750px; /* 缩小产品图片 */
            height: auto;
            border-radius: 0; /* 移除圆角 */
            box-shadow: none; /* 移除阴影 */
        }

        .product-name {
            font-size: 28px;
            font-weight: 600;
            color: #333;
            margin-bottom: 20px; /* 减少间距 */
            line-height: 1.3;
        }

        /* 产品详情按钮 */
        .product-button {
            display: inline-block;
            padding: 14px 32px;
            background: #02a100;
            color: #fff;
            text-decoration: none;
            font-size: 15px;
            font-weight: 500;
            border-radius: 25px;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .product-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.5s ease;
        }

        .product-button:hover {
            background: #028a00;
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(2, 161, 0, 0.3);
        }

        .product-button:hover::before {
            left: 100%;
        }

        .product-button .arrow {
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .product-button:hover .arrow {
            transform: translateX(3px);
        }

        /* Swiper导航按钮样式 - 更大的双箭头 */
        .product-swiper .swiper-button-next,
        .product-swiper .swiper-button-prev {
            background: none;
            width: 120px; /* 进一步增大按钮 */
            height: 120px;
            margin-top: -60px;
            transition: all 0.3s ease;
            font-size: 0; /* 隐藏默认箭头 */
        }

        /* 移除默认箭头 */
        .product-swiper .swiper-button-next::after,
        .product-swiper .swiper-button-prev::after {
            display: none;
        }

        /* 自定义双箭头 - 默认白色 */
        .product-swiper .swiper-button-next::before,
        .product-swiper .swiper-button-prev::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 48px; /* 进一步增大箭头 */
            height: 48px;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/><path d="M12.59 16.34l4.58-4.59-4.58-4.59L14 5.75l6 6-6 6z"/></svg>');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            transition: all 0.3s ease;
        }

        .product-swiper .swiper-button-prev::before {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M15.41 7.66l-4.58 4.59 4.58 4.59L14 18.25l-6-6 6-6z"/><path d="M11.41 7.66l-4.58 4.59 4.58 4.59L10 18.25l-6-6 6-6z"/></svg>');
        }

        /* 激活状态的绿色箭头 */
        .product-swiper .swiper-button-next.active::before {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2302a100"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/><path d="M12.59 16.34l4.58-4.59-4.58-4.59L14 5.75l6 6-6 6z"/></svg>');
        }

        .product-swiper .swiper-button-prev.active::before {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2302a100"><path d="M15.41 7.66l-4.58 4.59 4.58 4.59L14 18.25l-6-6 6-6z"/><path d="M11.41 7.66l-4.58 4.59 4.58 4.59L10 18.25l-6-6 6-6z"/></svg>');
        }

        /* 调整按钮位置更靠近屏幕边缘 */
        .product-swiper .swiper-button-next {
            right: 0px; /* 紧贴屏幕右边 */
        }

        .product-swiper .swiper-button-prev {
            left: 0px; /* 紧贴屏幕左边 */
        }

        .product-swiper .swiper-button-next:hover,
        .product-swiper .swiper-button-prev:hover {
            transform: scale(1.1);
        }

        /* 隐藏分页器 */
        .product-swiper .swiper-pagination {
            display: none;
        }

        /* 响应式设计 */
        @media (max-width: 1024px) {
            .product-slide {
                padding: 40px 30px;
            }

            .product-content {
                max-width: 600px; /* 平板端调整 */
            }

            .product-image img {
                max-width: 500px; /* 平板端产品图片 */
            }

            .product-name {
                font-size: 24px;
            }

            .product-swiper .swiper-button-next,
            .product-swiper .swiper-button-prev {
                width: 100px;
                height: 100px;
                margin-top: -50px;
            }

            .product-swiper .swiper-button-next::before,
            .product-swiper .swiper-button-prev::before {
                width: 40px;
                height: 40px;
            }
        }

        @media (max-width: 768px) {
            .product-section {
                padding: 80px 15px;
            }

            .product-title {
                font-size: 32px;
            }

            .product-subtitle {
                font-size: 24px;
                letter-spacing: 2px;
            }

            .product-slide {
                padding: 30px 20px;
            }

            .product-content {
                max-width: 450px; /* 手机端调整 */
            }

            .product-image img {
                max-width: 400px; /* 手机端产品图片 */
            }

            .product-name {
                font-size: 22px;
                margin-bottom: 25px;
            }

            .product-image {
                margin-bottom: 25px;
            }

            .product-swiper .swiper-button-next,
            .product-swiper .swiper-button-prev {
                width: 80px;
                height: 80px;
                margin-top: -40px;
            }

            .product-swiper .swiper-button-next::before,
            .product-swiper .swiper-button-prev::before {
                width: 32px;
                height: 32px;
            }

            .product-swiper .swiper-button-next {
                right: 0px; /* 手机端也紧贴边缘 */
            }

            .product-swiper .swiper-button-prev {
                left: 0px;
            }
        }

        @media (max-width: 480px) {
            .product-title {
                font-size: 28px;
            }

            .product-subtitle {
                font-size: 20px;
            }

            .product-content {
                max-width: 320px; /* 小屏幕调整 */
            }

            .product-image img {
                max-width: 280px; /* 小屏幕产品图片 */
            }

            .product-name {
                font-size: 20px;
            }

            .product-swiper .swiper-button-next,
            .product-swiper .swiper-button-prev {
                width: 60px;
                height: 60px;
                margin-top: -30px;
            }

            .product-swiper .swiper-button-next::before,
            .product-swiper .swiper-button-prev::before {
                width: 24px;
                height: 24px;
            }

            .product-swiper .swiper-button-next {
                right: 0px; /* 小屏幕也紧贴边缘 */
            }

            .product-swiper .swiper-button-prev {
                left: 0px;
            }
        }

        /* 行业解决方案版块样式 */
        .solutions-section {
            width: 100%;
            height: 1080px; /* 固定高度不超过1080px */
            background-image: url('/skin/images/fangan1.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            position: relative;
            transition: background-image 0.5s ease;
        }

        .solutions-container {
            width: 100%;
            height: 100%;
            display: grid;
            grid-template-columns: 35% 65%;
            grid-template-rows: 70% 30%;
        }

        /* 白色分割线 */
        .solutions-container::before {
            content: '';
            position: absolute;
            top: 70%;
            left: 0;
            width: 100%;
            height: 2px;
            background: white;
            z-index: 10;
        }

        .solutions-container::after {
            content: '';
            position: absolute;
            top: 0;
            left: 35%;
            width: 2px;
            height: 100%;
            background: white;
            z-index: 10;
        }

        /* 左上区域 - 标题 */
        .solutions-title-area {
            padding: 170px 30px 80px 250px; /* 向下移动50px，向左移动70px */
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start; /* 改为左对齐 */
            position: relative;
            text-align: left; /* 文字左对齐 */
        }

        .solutions-main-title {
            font-size: 38px;
            font-weight: 700;
            color: #fff;
            margin-bottom: 5px;
            position: relative;
            display: block;
            line-height: 1.2;
        }

        /* 左上角装饰伪类 */
        .solutions-main-title::before {
            content: '';
            position: absolute;
            top: -10px;
            left: -20px; /* 调整到右侧 */
            width: 16px;
            height: 16px;
            background-image: url('/skin/images/xiushi.png');
            background-size: cover;
            background-repeat: no-repeat;
        }

        .solutions-subtitle {
            font-size: 36px;
            font-weight: 400;
            color: #02a100;
            text-transform: uppercase;
            letter-spacing: 4px;
            margin: 5px 0;
            line-height: 1.2;
        }

        .solutions-subtitle-line {
            display: block;
            margin-bottom: 5px;
        }

        /* SOLUTIONS 空心字效果 - 白色描边 */
        .solutions-subtitle .hollow {
            color: transparent;
            -webkit-text-stroke: 1.5px #fff; /* 改为白色描边 */
            text-stroke: 1.5px #fff;
        }

        /* 右上区域 - 空白 */
        .solutions-empty-area {
            /* 空白区域 */
        }

        /* 左下区域 - 选项卡 */
        .solutions-tabs-area {
            display: flex;
            flex-direction: column;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(5px);
        }

        .solutions-tab {
            flex: 1;
            display: flex;
            align-items: center;
            padding: 0 30px 0 150px; /* 增加左侧内边距，使图标不贴边 */
            cursor: pointer;
            transition: all 0.3s ease;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            position: relative;
        }

        .solutions-tab:last-child {
            border-bottom: none;
        }

        .solutions-tab.active {
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.8), transparent);
        }

        .solutions-tab:hover {
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.6), transparent);
        }

        /* 图标容器固定宽度 */
        .solutions-tab-icon {
            width: 48px;
            height: 48px;
            margin-right: 100px; /* 增加图标与文字的距离到100px */
            display: flex;
            justify-content: center; /* 水平居中 */
            align-items: center; /* 垂直居中 */
            flex-shrink: 0; /* 防止缩小 */
        }

        .solutions-tab-icon img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

        /* 文字样式调整 */
        .solutions-tab-text {
            font-size: 24px; /* 放大到24px */
            font-weight: 500;
            color: #fff; /* 始终保持白色 */
            letter-spacing: 1px;
            line-height: 1.2; /* 确保文本垂直居中 */
        }

        /* 激活状态保持白色文字 */
        .solutions-tab.active .solutions-tab-text {
            color: #fff; 
        }

        /* 右下区域 - 内容详情 */
        .solutions-content-area {
            padding: 30px 130px; /* 进一步减少padding */
            background: rgba(0, 0, 0, 0.3);
            backdrop-filter: blur(5px);
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: #fff;
            position: relative;
        }

        .solutions-content-left {
            flex: 1;
            margin-right: 20px; /* 进一步减少间距 */
            max-width: 55%; /* 进一步限制文字区域宽度 */
        }

        .solutions-content-title {
            font-size: 36px; /* 放大标题 */
            font-weight: 600;
            margin-bottom: 20px;
            color: #fff;
        }

        .solutions-content-description {
            font-size: 18px; /* 放大描述文字 */
            line-height: 1.8;
            color: rgba(255, 255, 255, 0.9);
        }

        .solutions-content-right {
            flex-shrink: 0;
        }

        /* 了解更多按钮 - 白底绿字 */
        .solutions-button {
            display: inline-block;
            padding: 14px 32px;
            background: #fff; /* 白色背景 */
            color: #02a100; /* 绿色文字 */
            text-decoration: none;
            font-size: 15px;
            font-weight: 500;
            border-radius: 25px;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            white-space: nowrap;
        }

        .solutions-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(2, 161, 0, 0.1), transparent);
            transition: left 0.5s ease;
        }

        .solutions-button:hover {
            background: #f8f9fa; /* 悬停时稍微变灰 */
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(2, 161, 0, 0.3);
        }

        .solutions-button:hover::before {
            left: 100%;
        }

        .solutions-button .arrow {
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .solutions-button:hover .arrow {
            transform: translateX(3px);
        }

        /* 响应式设计 */
        @media (max-width: 1024px) {
            .solutions-title-area {
                padding: 60px 40px;
            }

            .solutions-content-area {
                padding: 40px;
            }


            .solutions-main-title {
                font-size: 32px;
            }

            .solutions-subtitle {
                font-size: 28px;
            }

            .solutions-content-title {
                font-size: 28px;
            }

            .solutions-tab {
                padding: 0 30px;
            }

            .solutions-tab-icon {
                width: 40px;
                height: 40px;
                margin-right: 15px;
            }

            .solutions-tab-text {
                font-size: 18px;
            }
        }

        @media (max-width: 768px) {
            .solutions-section {
                height: auto;
                min-height: 100vh;
            }

            .solutions-container {
                grid-template-columns: 1fr;
                grid-template-rows: auto auto auto;
            }

            .solutions-container::before {
                top: auto;
                left: 0;
                width: 100%;
                height: 2px;
            }

            .solutions-container::after {
                display: none;
            }

            .solutions-title-area {
                padding: 40px 20px;
            }

            .solutions-tabs-area {
                flex-direction: row;
                height: auto;
                min-height: 200px;
            }

            .solutions-tab {
                flex-direction: column;
                text-align: center;
                padding: 20px 10px;
                border-bottom: none;
                border-right: 1px solid rgba(255, 255, 255, 0.2);
            }

            .solutions-tab:last-child {
                border-right: none;
            }

            .solutions-tab-icon {
                margin-right: 0;
                margin-bottom: 10px;
                width: 36px;
                height: 36px;
            }

            .solutions-tab-text {
                font-size: 14px;
            }

            .solutions-content-area {
                padding: 40px 20px;
            }

            .solutions-main-title {
                font-size: 28px;
            }

            .solutions-subtitle {
                font-size: 24px;
            }

            .solutions-content-title {
                font-size: 24px;
                margin-bottom: 20px;
            }

            .solutions-content-description {
                font-size: 14px;
                margin-bottom: 30px;
            }
        }

        /* 内容区域用于测试 */
            padding-top: 100px;
            padding: 100px 20px 50px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .content h1 {
            color: #333;
            margin-bottom: 20px;
        }

        .content p {
            line-height: 1.6;
            color: #666;
            margin-bottom: 20px;
        }

        /* 内页banner样式 */

        .about-banner {
            width: 100%;
            height: 750px;
            background-image: url('/skin/images/banner_about.jpg');
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .about-banner-wrapper {
            width: 100%;
            max-width: 1600px;
        }

        .about-banner-text {
            color: white;
            text-align: left;
        }
        
        .about-banner-subtitle {
            font-size: 24px;
            color: rgba(255, 255, 255, 0.9);
            margin-bottom: 12px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            font-weight: 600;
            letter-spacing: 1px;
            opacity: 0;
            animation: aboutFadeIn 1.5s ease-out 0.5s forwards;
        }
        
        .about-banner-title {
            font-size: 42px;
            font-weight: 600;
            line-height: 1.4;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            margin-bottom: 8px;
            opacity: 0;
            animation: aboutFadeIn 1.5s ease-out 0.8s forwards;
        }
        
        .about-banner-desc {
            font-size: 42px;
            font-weight: 500;
            color: rgba(255, 255, 255, 0.95);
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
            opacity: 0;
            animation: aboutFadeIn 1.5s ease-out 1.2s forwards;
        }

        /* FadeIn动画 */
        @keyframes aboutFadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .about-banner-wrapper {
                padding: 0 40px;
            }
            .about-banner {
                height: 500px;
            }
        }

        @media (max-width: 768px) {
            .about-banner {
                height: 300px;
            }
            
            .about-banner-wrapper {
                padding: 0 20px;
            }
            
            .about-banner-subtitle {
                font-size: 14px;
            }
            
            .about-banner-title {
                font-size: 24px;
            }
            
            .about-banner-desc {
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .about-banner {
                height: 250px;
            }
            
            .about-banner-wrapper {
                padding: 0 15px;
            }
            
            .about-banner-subtitle {
                font-size: 12px;
            }
            
            .about-banner-title {
                font-size: 20px;
            }
            
            .about-banner-desc {
                font-size: 16px;
            }
        }

        /* 企业故事 */

        .corporate-story-section {
            width: 100%;
            padding: 80px 0;
            background-color: #ffffff;
        }

        .corporate-story-container {
            width: 100%;
            max-width: 1600px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .corporate-story-content {
            display: grid;
            grid-template-columns: 1fr 2.5fr;
            gap: 60px;
            align-items: flex-start;
        }

        .corporate-story-left {
            text-align: left;
        }

        .corporate-story-label {
            font-size: 16px;
            color: #03a200;
            font-weight: 500;
            margin-bottom: 15px;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        .corporate-story-title {
            font-size: 48px;
            color: #333;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 40px;
        }

        .corporate-story-right {
            display: flex;
            flex-direction: column;
            /* gap: 40px; */
        }

        .corporate-story-header {
            font-size: 24px;
            color: #03a200;
            font-weight: 600;
            line-height: 1.4;
            margin-bottom: 30px;
        }

        .corporate-story-text {
            font-size: 16px;
            color: #666;
            line-height: 1.5;
            margin-bottom: 15px;
        }

        .corporate-story-stats {
            display: flex;
            justify-content: space-between;
            gap: 40px;
            margin-top: 40px;
        }

        .corporate-story-stat {
            flex: 1;
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .corporate-story-stat-icon {
            width: 60px;
            height: 60px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            flex-shrink: 0;
        }

        .corporate-story-stat-icon.chengli {
            background-image: url('/skin/images/chengli.png');
        }

        .corporate-story-stat-icon.mianji {
            background-image: url('/skin/images/mianji.png');
        }

        .corporate-story-stat-icon.zijin {
            background-image: url('/skin/images/zijin.png');
        }

        .corporate-story-stat-content {
            display: flex;
            flex-direction: column;
        }

        .corporate-story-stat-number {
            font-size: 36px;
            color: #03a200;
            font-weight: 700;
            margin-bottom: 4px;
        }

        .corporate-story-stat-desc {
            font-size: 24px;
            color: #666;
            font-weight: 500;
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .corporate-story-container {
                padding: 0 40px;
            }
            
            .corporate-story-content {
                gap: 60px;
            }
        }

        @media (max-width: 968px) {
            .corporate-story-content {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            
            .corporate-story-left {
                text-align: center;
            }
            
            .corporate-story-title {
                font-size: 36px;
            }
            
            .corporate-story-stats {
                gap: 20px;
            }
        }

        @media (max-width: 768px) {
            .corporate-story-section {
                padding: 60px 0;
            }
            
            .corporate-story-container {
                padding: 0 20px;
            }
            
            .corporate-story-title {
                font-size: 32px;
            }
            
            .corporate-story-header {
                font-size: 20px;
            }
            
            .corporate-story-text {
                font-size: 15px;
            }
            
            .corporate-story-stats {
                flex-direction: column;
                gap: 30px;
            }
            
            .corporate-story-stat-icon {
                width: 60px;
                height: 60px;
            }
            
            .corporate-story-stat-number {
                font-size: 28px;
            }
        }

        @media (max-width: 480px) {
            .corporate-story-section {
                padding: 40px 0;
            }
            
            .corporate-story-container {
                padding: 0 15px;
            }
            
            .corporate-story-title {
                font-size: 28px;
            }
            
            .corporate-story-header {
                font-size: 18px;
            }
            
            .corporate-story-text {
                font-size: 14px;
            }
        }

        /* 企业文化部分 */

        .corporate-culture-section {
            width: 100%;
            height: 820px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .corporate-culture-container {
            width: 100%;
            height: 100%;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .corporate-culture-header {
            position: absolute;
            top: 80px;
            left: 80px;
            text-align: left;
            z-index: 10;
        }

        .corporate-culture-label {
            font-size: 16px;
            color: #03a200;
            font-weight: 500;
            margin-bottom: 15px;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        .corporate-culture-title {
            font-size: 48px;
            color: #ffffff;
            font-weight: 700;
            line-height: 1.2;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }

        .corporate-culture-grid {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            height: 820px;
            gap: 0;
            width: 100%;
            position: relative;
        }

        .corporate-culture-item {
            position: relative;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-end;;
            color: white;
            transition: all 0.3s ease;
            cursor: pointer;
            overflow: hidden;
            padding: 40px;
        }

        .corporate-culture-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(5, 57, 4, 0.7);
            transition: all 0.3s ease;
            z-index: 1;
        }

        .corporate-culture-item:hover::before {
            background-color: rgba(0, 0, 0, 0.2);
        }

        .corporate-culture-item.keji {
            background-image: url('/skin/images/kejibg.jpg');
        }

        .corporate-culture-item.fuwu {
            background-image: url('/skin/images/fuwubg.jpg');
        }

        .corporate-culture-item.shichang {
            background-image: url('/skin/images/shichangbg.jpg');
        }

        .corporate-culture-item-content {
            position: relative;
            z-index: 2;
            text-align: left;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-left: 60px;
        }

        .corporate-culture-item-icon {
            width: 80px;
            height: 80px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            filter: brightness(0) invert(1);
            flex-shrink: 0;
            margin-bottom: 20px;
        }

        .corporate-culture-item-icon.keji-icon {
            background-image: url('/skin/images/keji.png');
        }

        .corporate-culture-item-icon.fuwu-icon {
            background-image: url('/skin/images/fuwu.png');
        }

        .corporate-culture-item-icon.shichang-icon {
            background-image: url('/skin/images/shichang.png');
        }

        .corporate-culture-item-text {
            font-size: 36px;
            font-weight: 600;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            letter-spacing: 1px;
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .corporate-culture-container {
                padding: 0px;
            }
            
            .corporate-culture-header {
                left: 100px;
            }
            
            .corporate-culture-item-content {
                margin-left: 40px;
            }
        }

        @media (max-width: 968px) {
            .corporate-culture-section {
                height: auto;
                min-height: 820px;
                padding: 60px 0;
            }
            
            .corporate-culture-header {
                position: relative;
                top: 0;
                left: 0;
                margin-bottom: 40px;
            }
            
            .corporate-culture-title {
                font-size: 36px;
            }
            
            .corporate-culture-grid {
                grid-template-columns: 1fr;
                height: auto;
                gap: 20px;
            }
            
            .corporate-culture-item {
                height: 200px;
                padding: 30px;
            }
            
            .corporate-culture-item-content {
                margin-left: 20px;
            }
        }

        @media (max-width: 768px) {
            .corporate-culture-container {
                padding: 0 20px;
            }
            
            .corporate-culture-title {
                font-size: 32px;
            }
            
            .corporate-culture-item {
                padding: 20px;
            }
            
            .corporate-culture-item-content {
                margin-left: 15px;
            }
            
            .corporate-culture-item-icon {
                width: 50px;
                height: 50px;
                margin-bottom: 15px;
            }
            
            .corporate-culture-item-text {
                font-size: 20px;
            }
        }

        @media (max-width: 480px) {
            .corporate-culture-container {
                padding: 0 15px;
            }
            
            .corporate-culture-title {
                font-size: 28px;
            }
            
            .corporate-culture-item {
                height: 180px;
                padding: 15px;
            }
            
            .corporate-culture-item-content {
                margin-left: 10px;
            }
            
            .corporate-culture-item-text {
                font-size: 18px;
            }
        }

        /* 证书部分样式 */
        .certificate-section {
            width: 100%;
            padding: 80px 0;
            background-color: #f6f6f6;
            position: relative;
        }

        .certificate-container {
            width: 100%;
            max-width: 1600px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .certificate-header {
            text-align: left;
            margin-bottom: 60px;
        }

        .certificate-label {
            font-size: 16px;
            color: #03a200;
            font-weight: 500;
            margin-bottom: 15px;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        .certificate-title {
            font-size: 48px;
            color: #333;
            font-weight: 700;
            line-height: 1.2;
        }

        .certificate-subtitle {
            font-size: 16px;
            color: #999;
            margin-top: 15px;
            font-weight: 300;
        }

        .certificate-swiper {
            position: relative;
            padding: 0;
        }

        .certificate-swiper .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 40px 20px;
        }

        .certificate-item {
            position: relative;
            width: 545px;
            height: 500px;
            text-align: center;
            background: url(/skin/images/zhengshubg.jpg) center center no-repeat;
            /*box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);*/
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .certificate-item img {
            /* width: 200px; */
            height: 260px;
            object-fit: cover;
            display: block;
            margin-bottom: 15px;
            /*border-radius: 5px;*/
        }

        .certificate-name {
            font-size: 16px;
            color: #333;
            font-weight: 600;
            text-align: center;
            line-height: 1.4;
        }

        .certificate-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        .certificate-content {
            background: rgba(255, 255, 255, 0.95);
            padding: 30px;
            text-align: center;
            border-radius: 8px;
            margin: 20px;
        }

        .certificate-icon {
            width: 60px;
            height: 60px;
            margin: 0 auto 20px;
            background: #03a200;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 24px;
            font-weight: bold;
        }

        .certificate-name {
            font-size: 18px;
            color: #333;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .certificate-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.5;
        }

        .swiper-controls {
            position: absolute;
            top: -120px;
            right: 20px;
            display: flex;
            gap: 10px;
            z-index: 10;
        }

        /* 自定义导航按钮 */
        .swiper-button-prev1,
        .swiper-button-next1 {
            position: static;
            width: 40px;
            height: 40px;
            margin: 0;
            border-radius: 50%;
            background-color: #f0f0f0;
            border: 1px solid #ddd;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .swiper-button-prev1:hover,
        .swiper-button-next1:hover {
            background-color: #03a200;
            border-color: #03a200;
        }

        .swiper-button-prev1 {
            color: #bbb;
            background-repeat: no-repeat;
            background-position: center;
        }

        .swiper-button-next1{
            color: #bbb;
            background-repeat: no-repeat;
            background-position: center;
        }

        .swiper-button-prev1::after,
        .swiper-button-next1::after {
            display: none;
        }

        .swiper-button-prev1:hover {
            color: #fff;
        }

        .swiper-button-next1:hover {
            color: #fff;
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .certificate-container {
                padding: 0 40px;
            }
        }

        @media (max-width: 968px) {
            .certificate-section {
                padding: 60px 0;
            }
            
            .certificate-title {
                font-size: 36px;
            }
            
            .certificate-item {
                width: 250px;
                height: 320px;
            }
            
            .swiper-controls {
                top: -120px;
                right: 15px;
            }
        }

        @media (max-width: 768px) {
            .certificate-container {
                padding: 0 20px;
            }
            
            .certificate-title {
                font-size: 32px;
            }
            
            .certificate-item {
                width: 220px;
                height: 280px;
            }
            
            .swiper-button-prev1,
            .swiper-button-next1 {
                width: 35px;
                height: 35px;
            }
        }

        @media (max-width: 480px) {
            .certificate-container {
                padding: 0 15px;
            }
            
            .certificate-title {
                font-size: 28px;
            }
            
            .certificate-item {
                width: 300px;
                height: 280px;
            }
            
            .swiper-button-prev1,
            .swiper-button-next1 {
                width: 30px;
                height: 30px;
            }
        }

        /* 分公司部分 */
        .global-location-section {
            width: 100%;
            padding: 80px 0 120px;
            background-image: url('/skin/images/gongsibg.jpg');
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            position: relative;
        }

        .global-location-container {
            width: 100%;
            max-width: 1600px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .global-location-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .global-location-title {
            font-size: 48px;
            color: #02a100;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 10px;
        }

        .global-location-label {
            font-size: 16px;
            color: #1a1a1a;
            font-weight: 500;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        .world-map {
            text-align: center;
            margin-bottom: 80px;
        }

        .world-map img {
            max-width: 100%;
            height: auto;
        }

        .company-locations {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: start;
        }

        .company-column {
            display: flex;
            flex-direction: column;
            gap: 120px;
        }

        .company-column:first-child {
            margin-top: 0;
        }

        .company-column:last-child {
            margin-top: 180px;
        }

        .company-item {
            position: relative;
            display: flex;
            justify-content: center;
        }

        .company-card {
            position: relative;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .company-card:hover {
            transform: translateY(-5px);
        }

        .company-image {
            width: 568px;
            height: auto;
            overflow: hidden;
        }

        .company-image img {
            width: 100%;
            height: auto;
            object-fit: cover;
            display: block;
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .global-location-container {
                padding: 0 40px;
            }
        }

        @media (max-width: 968px) {
            .global-location-section {
                padding: 60px 0 100px;
            }
            
            .global-location-title {
                font-size: 36px;
            }
            
            .company-locations {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            
            .company-column:last-child {
                margin-top: 0;
            }
            
            .company-image {
                width: 100%;
                max-width: 400px;
            }
        }

        @media (max-width: 768px) {
            .global-location-container {
                padding: 0 20px;
            }
            
            .global-location-title {
                font-size: 32px;
            }
            
            .company-locations {
                gap: 30px;
            }
            
            .company-column {
                gap: 40px;
            }
            
            .company-image {
                width: 100%;
                height: 180px;
            }
        }

        @media (max-width: 480px) {
            .global-location-container {
                padding: 0 15px;
            }
            
            .global-location-title {
                font-size: 28px;
            }
            
            .company-image {
                height: 160px;
            }
            
            .company-name {
                font-size: 14px;
                padding: 8px;
            }
        }

        /* 解决方案样式 */

        .about-fangan {
            width: 100%;
            height: 750px;
            background-image: url('/skin/images/banner_huanwei.jpg');
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .about-fangan-wrapper {
            width: 100%;
            max-width: 1600px;
        }

        .about-fangan-text {
            color: white;
            text-align: left;
        }
        
        .about-fangan-subtitle {
            font-size: 24px;
            color: rgba(255, 255, 255, 0.9);
            margin-bottom: 12px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            font-weight: 600;
            letter-spacing: 1px;
            opacity: 0;
            animation: aboutFadeIn 1.5s ease-out 0.5s forwards;
        }
        
        .about-fangan-title {
            font-size: 42px;
            font-weight: 600;
            line-height: 1.4;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            margin-bottom: 8px;
            opacity: 0;
            animation: aboutFadeIn 1.5s ease-out 0.8s forwards;
        }
        
        .about-fangan-desc {
            font-size: 42px;
            font-weight: 500;
            color: rgba(255, 255, 255, 0.95);
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
            opacity: 0;
            animation: aboutFadeIn 1.5s ease-out 1.2s forwards;
        }

        /* FadeIn动画 */
        @keyframes aboutFadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .industry-nav-bar {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0,0,0,0.5);
            height: 60px;
            display: flex;
            align-items: center;
            z-index: 100;
        }

        .industry-nav-container {
            width: 100%;
            max-width: 1600px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            height: 100%;
        }

        .nav-items {
            display: flex;
            gap: 10px;
            height: 100%;
        }

        .nav-item {
            display: flex;
            align-items: center;
            gap: 15px;
            color: white;
            text-decoration: none;
            padding: 0px 15px;
            transition: all 0.3s ease;
            cursor: pointer;
            position: relative;
            height: 100%;
        }

        .nav-item:hover {
            background: rgba(255, 255, 255, 0.1);
            transform: translateY(-2px);
        }

        .nav-item::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 2px;
            background: #7fb84e;
            transition: width 0.3s ease;
        }

        .nav-item:hover::after {
            width: 80%;
        }

        .subon{
            background-color: #02a100;
        }

        .nav-icon {
            width: 36px;
            height: 36px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            filter: brightness(0) invert(1);
        }

        .nav-icon.huanwei {
            background-image: url('/skin/images/huanweiico.png');
        }

        .nav-icon.gufei {
            background-image: url('/skin/images/gufeiico.png');
        }

        .nav-icon.fenjie {
            background-image: url('/skin/images/fenjieico.png');
        }

        .nav-icon.fangan17 {
            background-image: url('/skin/images/huanweiico.png');
        }

        .nav-icon.fangan18 {
            background-image: url('/skin/images/gufeiico.png');
        }

        .nav-icon.fangan19 {
            background-image: url('/skin/images/fenjieico.png');
        }

        .nav-text {
            font-size: 18px;
            font-weight: 500;
            white-space: nowrap;
        }
        
        @media (max-width: 1680px) {
            .nav-item {
            display: flex;
            align-items: center;
            gap: 10px;
            color: white;
            text-decoration: none;
            padding: 0px 10px;
            transition: all 0.3s ease;
            cursor: pointer;
            position: relative;
            height: 100%;
            }
        }
        
         @media (max-width: 1580px) {
            .nav-item {
            display: flex;
            align-items: center;
            gap: 5px;
            color: white;
            text-decoration: none;
            padding: 0px 5px;
            transition: all 0.3s ease;
            cursor: pointer;
            position: relative;
            height: 100%;
            }
        }
        
        @media (max-width: 1400px) {
            .nav-item {
            display: flex;
            align-items: center;
            gap: 5px;
            color: white;
            text-decoration: none;
            padding: 0px 5px;
            transition: all 0.3s ease;
            cursor: pointer;
            position: relative;
            height: 100%;
            }
        }
        

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .about-fangan {
                height: 500px;
            }
            .industry-nav-container {
                padding: 0 40px;
            }
            
           .nav-item {
            display: flex;
            align-items: center;
            gap: 5px;
            color: white;
            text-decoration: none;
            padding: 0px 5px;
            transition: all 0.3s ease;
            cursor: pointer;
            position: relative;
            height: 100%;
            }
            
            nav-text {
            font-size: 14px;
            font-weight: 500;
            white-space: nowrap;
            }
        }

        @media (max-width: 968px) {
            .nav-items {
                gap: 40px;
            }
            
            .nav-text {
                font-size: 14px;
            }
            
            .nav-icon {
                width: 20px;
                height: 20px;
            }
        }

        @media (max-width: 768px) {
            .about-fangan {
                height: 300px;
            }
            .about-fangan-subtitle {
                font-size: 14px;
            }
            .about-fangan-desc {
                font-size: 18px;
            }
            .about-fangan-title {
                font-size: 24px;
            }
            .industry-nav-bar {
                height: 50px;
                display: none;
            }
            
            .industry-nav-container {
                padding: 0 20px;
            }
            
            .nav-items {
                gap: 20px;
            }
            
            .nav-item {
                padding: 10px 15px;
                gap: 8px;
            }
            
            .nav-text {
                font-size: 13px;
            }
            
            .nav-icon {
                width: 18px;
                height: 18px;
            }
        }

        @media (max-width: 480px) {
            .nav-items {
                gap: 10px;
            }
            
            .nav-item {
                padding: 8px 10px;
                gap: 6px;
            }
            
            .nav-text {
                font-size: 12px;
            }
            
            .nav-icon {
                width: 16px;
                height: 16px;
            }
        }

        .solution-page {
            width: 100%;
            padding: 40px 0;
        }

        .solution-container {
            width: 100%;
            max-width: 1600px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* 面包屑导航 */
        .breadcrumb {
            margin-bottom: 40px;
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 18px;
            color: #666;
        }

        .breadcrumb-item {
            display: flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            color: #000;
            transition: color 0.3s ease;
        }

        .breadcrumb-item:hover {
            color: #03a200;
        }

        .breadcrumb-icon {
            width: 16px;
            height: 16px;
            background-image: url('/skin/images/smalllogo.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .breadcrumb-separator {
            color: #ccc;
            margin: 0 5px;
        }

        .breadcrumb-current {
            color: #03a200;
            font-weight: 500;
        }

        /* 主要内容区域 */
        .solution-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            align-items: center;
        }

        /* 左侧内容 */
        .solution-left {
            display: flex;
            flex-direction: column;
        }

        .solution-category {
            font-size: 24px;
            color: #03a200;
            margin-bottom: 10px;
            font-weight: 500;
        }

        .solution-title {
            font-size: 48px;
            color: #4d4d4d;
            font-weight: 700;
            margin-bottom: 100px;
            line-height: 1.2;
        }

        .solution-intro {
            margin-bottom: 30px;
        }

        .solution-intro-title {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 28px;
            color: #4d4d4d;
            font-weight: 600;
            margin-bottom: 20px;
        }

        .solution-intro-icon {
            width: 28px;
            height: 28px;
            background-image: url('/skin/images/smalllogo.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .solution-description {
            font-size: 16px;
            color: #666;
            line-height: 2.0;
            text-align: justify;
        }

        /* 右侧产品图片 */
        .solution-right {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .solution-product {
            max-width: 100%;
            height: auto;
        }

        .solution-product img {
            width: 100%;
            height: auto;
            object-fit: contain;
            border-radius: 10px;
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .solution-container {
                padding: 0 40px;
            }
            
            .solution-content {
                gap: 60px;
            }
        }

        @media (max-width: 968px) {
            .solution-page {
                padding: 30px 0;
            }
            
            .solution-content {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            
            .solution-title {
                font-size: 36px;
                text-align: center;
            }
            
            .solution-category {
                text-align: center;
            }
            
            .solution-intro-title {
                justify-content: center;
            }
        }

        @media (max-width: 768px) {
            .solution-container {
                padding: 0 20px;
            }
            
            .breadcrumb {
                margin-bottom: 30px;
                font-size: 12px;
            }
            
            .solution-title {
                font-size: 32px;
                margin-bottom: 30px;
            }
            
            .solution-intro-title {
                font-size: 18px;
            }
            
            .solution-description {
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            .solution-container {
                padding: 0 15px;
            }
            
            .solution-page {
                padding: 20px 0;
            }
            
            .solution-title {
                font-size: 28px;
            }
            
            .breadcrumb {
                flex-wrap: wrap;
                gap: 5px;
            }
            
            .breadcrumb-icon {
                width: 14px;
                height: 14px;
            }
            
            .solution-intro-icon {
                width: 18px;
                height: 18px;
            }
        }

        /* 行业难点部分 */

        .industry-problems-section {
            width: 100%;
            padding: 80px 0;
            background-color: #4d4d4d;
        }

        .industry-problems-container {
            width: 100%;
            max-width: 1600px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .industry-problems-header {
            margin-bottom: 60px;
        }

        .industry-problems-title-wrapper {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 20px;
        }

        .industry-problems-icon {
            width: 18px;
            height: 18px;
            background-image: url('/skin/images/smalllogo.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .industry-problems-label {
            font-size: 18px;
            color: #03a200;
            font-weight: 500;
        }

        .industry-problems-title {
            color: white;
            font-size: 32px;
            font-weight: 600;
            line-height: 1.8;
        }

        .industry-problems-title .highlight {
            color: #03a200;
        }

        .industry-problems-swiper {
            position: relative;
            overflow: hidden;
        }

        .industry-problems-swiper .swiper-slide {
            height: auto;
            width: auto;
        }

        .problem-item {
            background: white;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            width: 100%;
        }

        .problem-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        }

        .problem-image {
            width: 100%;
            height: 200px;
            overflow: hidden;
        }

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

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

        .problem-content {
            padding: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .problem-title {
            font-size: 18px;
            color: #333;
            font-weight: 500;
        }

        .problem-number {
            font-size: 48px;
            color: #03a200;
            font-weight: 700;
            line-height: 1;
        }

        /* Swiper 分页器 */
        .swiper-pagination {
            position: relative;
            margin-top: 40px;
            display: flex;
            justify-content: center;
            gap: 10px;
        }

        .swiper-pagination-bullet {
            width: 20px;
            height: 4px;
            border-radius: 2px;
            background: rgba(255, 255, 255, 0.3);
            opacity: 1;
            margin: 0;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .swiper-pagination-bullet-active {
            background: #03a200;
            width: 30px;
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .industry-problems-container {
                padding: 0 40px;
            }
            
            .problems-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media (max-width: 968px) {
            .industry-problems-section {
                padding: 60px 0;
            }
            
            .industry-problems-title {
                font-size: 28px;
            }
            
            .problems-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
            }
            
            .problem-image {
                height: 150px;
            }
            
            .problem-content {
                padding: 15px;
            }
            
            .problem-number {
                font-size: 36px;
            }
        }

        @media (max-width: 768px) {
            .industry-problems-container {
                padding: 0 20px;
            }
            
            .industry-problems-title {
                font-size: 24px;
            }
            
            .problems-grid {
                grid-template-columns: 1fr;
            }
            
            .swiper-pagination-bullet {
                width: 25px;
                height: 3px;
            }
            
            .swiper-pagination-bullet-active {
                width: 35px;
            }
        }

        @media (max-width: 480px) {
            .industry-problems-container {
                padding: 0 15px;
            }
            
            .industry-problems-section {
                padding: 40px 0;
            }
            
            .industry-problems-title {
                font-size: 20px;
            }
            
            .problem-content {
                padding: 12px;
            }
            
            .problem-title {
                font-size: 14px;
            }
            
            .problem-number {
                font-size: 28px;
            }
        }

        /* 方案亮点 */

        .solution-highlights-section {
            width: 100%;
            padding: 80px 0 120px 0;
            background-color: #ffffff;
        }

        .solution-highlights-container {
            width: 100%;
            max-width: 1600px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .solution-highlights-header {
            margin-bottom: 60px;
        }

        .solution-highlights-title-wrapper {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 20px;
        }

        .solution-highlights-icon {
            width: 20px;
            height: 20px;
            background-image: url('/skin/images/smalllogo.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .solution-highlights-label {
            font-size: 16px;
            color: #03a200;
            font-weight: 500;
        }

        .solution-highlights-title {
            color: #333;
            font-size: 32px;
            font-weight: 600;
            line-height: 1.4;
        }

        .solution-highlights-title .highlight {
            color: #03a200;
        }

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

        .highlight-item {
            /* height: 420px; */
            background-image: url('/skin/images/liangdianbg.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border: 1px solid #e0e0e0;
            padding: 40px 50px;
            text-align: left;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        /* .highlight-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255, 255, 255, 0.9);
            transition: background 0.3s ease;
        } */

        .highlight-item:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 40px rgba(3, 162, 0, 0.1);
        }

        .highlight-item:hover::before {
            background: rgba(255, 255, 255, 0.85);
        }

        .highlight-icon {
            width: 100px;
            height: 100px;
            margin: 0 0 100px 0;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            position: relative;
            z-index: 2;
        }

        .highlight-icon.icon1 {
            background-image: url('/skin/images/liangdian1.png');
        }

        .highlight-icon.icon2 {
            background-image: url('/skin/images/liangdian2.png');
        }

        .highlight-icon.icon3 {
            background-image: url('/skin/images/liangdian3.png');
        }

        .highlight-title {
            font-size: 40px;
            color: #333;
            font-weight: 600;
            margin-bottom: 20px;
            position: relative;
            z-index: 2;
            text-align: left;
        }

        .highlight-description {
            font-size: 18px;
            color: #666;
            line-height: 1.6;
            position: relative;
            z-index: 2;
            text-align: left;
        }

        .bggray{
            background-color: #f6f6f6 !important;
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .solution-highlights-container {
                padding: 0 40px;
            }
            
            .highlights-grid {
                gap: 25px;
            }
        }

        @media (max-width: 968px) {
            .solution-highlights-section {
                padding: 60px 0;
            }
            
            .solution-highlights-title {
                font-size: 28px;
            }
            
            .highlights-grid {
                grid-template-columns: 1fr;
                gap: 30px;
                max-width: 600px;
                margin: 0 auto;
            }
            
            .highlight-item {
                padding: 35px 25px;
            }
            
            .highlight-icon {
                width: 70px;
                height: 70px;
                margin-bottom: 25px;
            }
            
            .highlight-title {
                font-size: 22px;
            }
        }

        @media (max-width: 768px) {
            .solution-highlights-container {
                padding: 0 20px;
            }
            
            .solution-highlights-title {
                font-size: 24px;
            }
            
            .highlight-item {
                padding: 30px 20px;
            }
            
            .highlight-icon {
                width: 60px;
                height: 60px;
                margin-bottom: 20px;
            }
            
            .highlight-title {
                font-size: 20px;
                margin-bottom: 15px;
            }
            
            .highlight-description {
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            .solution-highlights-container {
                padding: 0 15px;
            }
            
            .solution-highlights-section {
                padding: 40px 0;
            }
            
            .solution-highlights-title {
                font-size: 20px;
            }
            
            .highlight-item {
                padding: 25px 15px;
            }
            
            .highlight-icon {
                width: 50px;
                height: 50px;
                margin-bottom: 15px;
            }
            
            .highlight-title {
                font-size: 18px;
            }
            
            .highlight-description {
                font-size: 13px;
            }
        }

        /* 产品部分 */

        .about-chanpin {
            width: 100%;
            height: 750px;
            background-image: url('/skin/images/banner-chanpin.jpg');
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .about-chanpin-wrapper {
            width: 100%;
            max-width: 1600px;
        }

        .about-chanpin-text {
            color: white;
            text-align: left;
        }
        
        .about-chanpin-subtitle {
            font-size: 24px;
            color: rgba(255, 255, 255, 0.9);
            margin-bottom: 12px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            font-weight: 600;
            letter-spacing: 1px;
            opacity: 0;
            animation: aboutFadeIn 1.5s ease-out 0.5s forwards;
        }
        
        .about-chanpin-title {
            font-size: 42px;
            font-weight: 600;
            line-height: 1.4;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            margin-bottom: 8px;
            opacity: 0;
            animation: aboutFadeIn 1.5s ease-out 0.8s forwards;
        }
        
        .about-chanpin-desc {
            font-size: 42px;
            font-weight: 500;
            color: rgba(255, 255, 255, 0.95);
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
            opacity: 0;
            animation: aboutFadeIn 1.5s ease-out 1.2s forwards;
        }

        @media (max-width: 1200px) {
            .about-chanpin {
                height: 500px;
            }
        }

        @media (max-width: 968px) {
            .nav-items {
                gap: 40px;
            }
            
            .nav-text {
                font-size: 14px;
            }
            
            .nav-icon {
                width: 20px;
                height: 20px;
            }
        }

        @media (max-width: 768px) {
            .about-chanpin {
                height: 300px;
            }
            .about-chanpin-subtitle {
                font-size: 14px;
            }
            .about-chanpin-desc {
                font-size: 18px;
            }
            .about-chanpin-title {
                font-size: 24px;
            }
        }

        .nav-icon.chanpin1 {
            background-image: url('/skin/images/cp11.png');
        }

        .nav-icon.chanpin2 {
            background-image: url('/skin/images/cp55.png');
        }

        .nav-icon.chanpin3 {
            background-image: url('/skin/images/cp33.png');
        }

        .nav-icon.chanpin4 {
            background-image: url('/skin/images/cp44.png');
        }
        
        .nav-icon.chanpin5 {
            background-image: url('/skin/images/cp22.png');
        }
        
        .nav-icon.chanpin6 {
            background-image: url('/skin/images/cp66.png');
        }
        
        .nav-icon.chanpin6 {
            background-image: url('/skin/images/cp77.png');
        }


        .nav-icon.product20 {
            background-image: url('/skin/images/cp55.png');
        }

        .nav-icon.product21 {
            background-image: url('/skin/images/cp33.png');
        }

        .nav-icon.product22 {
            background-image: url('/skin/images/cp44.png');
        }
        
        .nav-icon.product23 {
            background-image: url('/skin/images/cp22.png');
        }
        
        .nav-icon.product24 {
            background-image: url('/skin/images/cp66.png');
        }
        
        .nav-icon.product29 {
            background-image: url('/skin/images/cp77.png');
        }
        
         .nav-icon.product30 {
            background-image: url('/skin/images/cp88.png');
        }

        /* 产品列表 */

        .about-products-section {
            width: 100%;
            padding: 80px 0;
            background-color: #f8f9fa;
        }

        .about-products-container {
            width: 100%;
            max-width: 1600px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* 顶部特点展示 */
        .features-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 40px;
            margin-bottom: 80px;
        }

        .feature-item {
            text-align: center;
            padding: 30px 20px;
            transition: transform 0.3s ease;
        }

        .feature-item:hover {
            transform: translateY(-5px);
        }

        .feature-icon-wrapper {
            width: 120px;
            height: 100px;
            margin: 0 auto 0;
            background: transparent;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }

        .feature-icon {
            width: 100%;
            height: 100%;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .feature-icon.jieneng {
            background-image: url('/skin/images/jieneng.png');
        }

        .feature-icon.gaoxiao {
            background-image: url('/skin/images/gaoxiao.png');
        }

        .feature-icon.jiangzao {
            background-image: url('/skin/images/jiangzao.png');
        }

        .feature-icon.diguzhang {
            background-image: url('/skin/images/diguzhang.png');
        }

        .feature-title {
            font-size: 18px;
            color: #333;
            font-weight: 600;
            margin-bottom: 15px;
        }

        .feature-description {
            font-size: 14px;
            color: #666;
            line-height: 1.4;
        }

        /* 产品介绍部分 */
        .product-intro {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            align-items: center;
        }

        .product-image {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .product-image img {
            max-width: 100%;
            height: auto;
            object-fit: contain;
        }

        .product-content-nei {
            display: flex;
            flex-direction: column;
        }

        .product-header-pro{
            margin-bottom: 30px;
            width: 100%;
             margin-top: 50px;
            text-align: left;
             position: relative;
            justify-content: space-between;
            align-items: flex-start;
        }

        .product-title {
            font-size: 36px;
            color: #333;
            font-weight: 700;
            margin-bottom: 10px;
            line-height: 1.2;
        }

        .product-subtitle {
            font-size: 16px;
            color: #999;
            font-weight: 400;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .product-description {
            font-size: 16px;
            color: #666;
            line-height: 1.8;
            margin-bottom: 40px;
            text-align: justify;
        }

        .learn-more-btn {
            background: linear-gradient(135deg, #03a200 0%, #028a00 100%);
            color: white;
            border: none;
            padding: 15px 40px;
            border-radius: 25px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            width: fit-content;
            text-decoration: none;
        }

        .learn-more-btn:hover {
            background: linear-gradient(135deg, #028a00 0%, #026f00 100%);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(3, 162, 0, 0.3);
        }

        .learn-more-btn::after {
            content: '→';
            font-size: 18px;
            transition: transform 0.3s ease;
        }

        .learn-more-btn:hover::after {
            transform: translateX(3px);
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .about-products-container {
                padding: 0 40px;
            }
            
            .product-intro {
                gap: 60px;
            }
        }

        @media (max-width: 968px) {
            .about-products-section {
                padding: 60px 0;
            }
            
            .features-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px;
                margin-bottom: 60px;
            }
            
            .product-intro {
                grid-template-columns: 1fr;
                gap: 40px;
                text-align: center;
            }
            
            .product-title {
                font-size: 32px;
            }
        }

        @media (max-width: 768px) {
            .about-products-container {
                padding: 0 20px;
            }
            
            .features-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .feature-item {
                padding: 25px 15px;
            }
            
            .feature-icon-wrapper {
                width: 70px;
                height: 70px;
            }
            
            .feature-icon {
                width: 100px;
                height: 100px;
            }
            
            .product-title {
                font-size: 28px;
            }
            
            .product-description {
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            .about-products-container {
                padding: 0 15px;
            }
            
            .about-products-section {
                padding: 40px 0;
            }
            
            .product-title {
                font-size: 24px;
            }
            
            .feature-title {
                font-size: 16px;
            }
            
            .feature-description {
                font-size: 12px;
            }
            
            .learn-more-btn {
                padding: 12px 30px;
                font-size: 14px;
            }
        }

        /* 产品零件特点 */

        .product-features-section {
            width: 100%;
            padding: 80px 0;
            background-color: #ffffff;
        }

        .product-features-container {
            width: 100%;
            max-width: 1600px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .product-features-header {
            text-align: center;
        }

        .product-features-title {
            font-size: 36px;
            color: #333;
            font-weight: 700;
            margin-bottom: 15px;
            line-height: 1.2;
        }

        .product-features-subtitle {
            font-size: 16px;
            color: #999;
            font-weight: 400;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        .product-features-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            /*background-image: url('/skin/images/probg1.jpg');*/
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            padding: 60px 40px;
            border-radius: 10px;
        }

        .product-image-wrapper {
            /* position: relative; */
            display: flex;
            justify-content: center;
            align-items: center;
            /* max-width: 630px; */
            margin: 0 auto;
        }

        .product-image {
            max-width: 100%;
            height: auto;
            object-fit: contain;
        }

        .feature-callout {
            position: absolute;
            background: rgba(255, 255, 255, 0.95);
            border-radius: 8px;
            padding: 20px 25px;
            /* box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); */
            z-index: 10;
            min-width: 250px;
            max-width: 300px;
        }

        .feature-callout::before,
        .feature-callout::after {
            display: none;
        }

        /* 左上角零件 */
        .feature-callout.top-left {
            top: 20px;
            left: 20px;
        }

        /* 右上角零件 */
        .feature-callout.top-right {
            top: 20px;
            right: 20px;
        }

        /* 左下角零件 */
        .feature-callout.bottom-left {
            bottom: 20px;
            left: 20px;
        }

        /* 右下角零件 */
        .feature-callout.bottom-right {
            bottom: 20px;
            right: 20px;
        }

        .feature-callout-title {
            font-size: 24px;
            color: #333;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .feature-callout-description {
            font-size: 15px;
            color: #666;
            line-height: 1.6;
        }

        .product-bottom-title {
            text-align: center;
            font-size: 36px;
            color: #333;
            font-weight: 600;
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .product-features-container {
                padding: 0 40px;
            }
            
            .product-features-content {
                padding: 60px 30px;
            }
            
            .feature-callout {
                min-width: 220px;
                max-width: 280px;
            }
        }

        @media (max-width: 968px) {
            .product-features-section {
                padding: 60px 0;
            }
            
            .product-features-title {
                font-size: 32px;
            }
            
            .product-features-header {
                margin-bottom: 60px;
            }
            
            .product-features-content {
                padding: 40px 20px;
                flex-direction: column;
                gap: 30px;
            }
            
            .feature-callout {
                position: static;
                margin: 20px auto;
                max-width: 350px;
            }
            
            .product-bottom-title {
                margin-top: 40px;
                font-size: 20px;
            }
        }

        @media (max-width: 768px) {
            .product-features-container {
                padding: 0 20px;
            }
            
            .product-features-title {
                font-size: 28px;
            }
            
            .feature-callout {
                padding: 15px 20px;
                min-width: 250px;
            }
            
            .feature-callout-title {
                font-size: 16px;
            }
            
            .feature-callout-description {
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            .product-features-container {
                padding: 0 15px;
            }
            
            .product-features-section {
                padding: 40px 0;
            }
            
            .product-features-title {
                font-size: 24px;
            }
            
            .feature-callout {
                min-width: 200px;
                padding: 12px 15px;
            }
        }

        /* 产品列表页的列表 */

        .product-showcase-section {
            width: 100%;
            padding: 80px 0;
            background-color: #f8f9fa;
        }

        .product-showcase-container {
            width: 100%;
            max-width: 1600px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .product-showcase-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .product-showcase-title {
            font-size: 36px;
            color: #333;
            font-weight: 700;
            margin-bottom: 15px;
            line-height: 1.2;
        }

        .product-showcase-subtitle {
            font-size: 16px;
            color: #999;
            font-weight: 400;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

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

        .product-card {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            border: solid 1px #999;
            /* box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); */
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
        }

        .product-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
        }

        .product-card-header {
            background: white;
            padding: 20px 20px 15px;
            /* border-bottom: 1px solid #f0f0f0; */
        }

        .product-logo {
            width: 120px;
            height: 40px;
            background-image: url('/skin/images/logo.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: left center;
        }

        .product-image-container {
            height: 280px;
            display: flex;
            align-items: center;
            justify-content: center;
            /* padding: 20px;
            background: #fafafa; */
        }

        .product-image {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            transition: transform 0.3s ease;
        }

        .product-card:hover .product-image {
            transform: scale(1.05);
        }

        .product-info {
            padding: 25px 20px 30px;
            text-align: center;
        }

        .product-name {
            font-size: 20px;
            color: #333;
            font-weight: 600;
            margin-bottom: 20px;
            line-height: 1.3;
        }

        .product-detail-btn {
            background: transparent;
            border: 2px solid #03a200;
            color: #03a200;
            padding: 10px 30px;
            border-radius: 25px;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
        }

        .product-detail-btn:hover {
            background: #03a200;
            color: white;
            transform: translateY(-2px);
        }

        /* 中间产品特殊样式 */
        .product-card.featured {
            transform: scale(1.05);
        }

        .product-card.featured .product-detail-btn {
            background: #03a200;
            color: white;
        }

        .product-card.featured .product-detail-btn:hover {
            background: #028a00;
            transform: translateY(-2px);
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .product-showcase-container {
                padding: 0 40px;
            }
            
            .products-grid {
                gap: 25px;
            }
        }

        @media (max-width: 968px) {
            .product-showcase-section {
                padding: 60px 0;
            }
            
            .product-showcase-title {
                font-size: 32px;
            }
            
            .products-grid {
                grid-template-columns: 1fr;
                gap: 30px;
                max-width: 500px;
                margin: 0 auto;
            }
            
            .product-card.featured {
                transform: none;
            }
            
            .product-image-container {
                height: 250px;
            }
        }

        @media (max-width: 768px) {
            .product-showcase-container {
                padding: 0 20px;
            }
            
            .product-showcase-title {
                font-size: 28px;
            }
            
            .product-image-container {
                height: 220px;
                padding: 15px;
            }
            
            .product-info {
                padding: 20px 15px 25px;
            }
            
            .product-name {
                font-size: 18px;
            }
            
            .product-logo {
                width: 100px;
                height: 35px;
            }
        }

        @media (max-width: 480px) {
            .product-showcase-container {
                padding: 0 15px;
            }
            
            .product-showcase-section {
                padding: 40px 0;
            }
            
            .product-showcase-title {
                font-size: 24px;
            }
            
            .product-card-header {
                padding: 15px 15px 12px;
            }
            
            .product-image-container {
                height: 200px;
            }
            
            .product-info {
                padding: 18px 15px 20px;
            }
            
            .product-name {
                font-size: 16px;
                margin-bottom: 15px;
            }
            
            .product-detail-btn {
                padding: 8px 25px;
                font-size: 13px;
            }
        }
    /* 新闻列表 */

    .about-news {
        width: 100%;
        height: 750px;
        background-image: url('/skin/images/banner-news.jpg');
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .about-news-wrapper {
        width: 100%;
        max-width: 1600px;
    }

    .about-news-text {
        color: white;
        text-align: left;
    }
    
    .about-news-subtitle {
        font-size: 24px;
        color: rgba(255, 255, 255, 0.9);
        margin-bottom: 12px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        font-weight: 600;
        letter-spacing: 1px;
        opacity: 0;
        animation: aboutFadeIn 1.5s ease-out 0.5s forwards;
    }
    
    .about-news-title {
        font-size: 42px;
        font-weight: 600;
        line-height: 1.4;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        margin-bottom: 8px;
        opacity: 0;
        animation: aboutFadeIn 1.5s ease-out 0.8s forwards;
    }
    
    .about-news-desc {
        font-size: 42px;
        font-weight: 500;
        color: rgba(255, 255, 255, 0.95);
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
        opacity: 0;
        animation: aboutFadeIn 1.5s ease-out 1.2s forwards;
    }
    @media (max-width: 1200px) {
        .about-news-wrapper {
            padding: 0 40px;
        }
        .about-news {
            height: 500px;
        }
    }

    @media (max-width: 768px) {
        .about-news {
            height: 300px;
        }
        
        .about-news-wrapper {
            padding: 0 20px;
        }
        
        .about-news-subtitle {
            font-size: 14px;
        }
        
        .about-news-title {
            font-size: 24px;
        }
        
        .about-news-desc {
            font-size: 18px;
        }
    }

    @media (max-width: 480px) {
        .about-news {
            height: 250px;
        }
        
        .about-news-wrapper {
            padding: 0 15px;
        }
        
        .about-news-subtitle {
            font-size: 12px;
        }
        
        .about-news-title {
            font-size: 20px;
        }
        
        .about-news-desc {
            font-size: 16px;
        }
    }

    .industry-news-section {
        width: 100%;
        padding: 80px 0;
        background-color: #ffffff;
    }

    .industry-news-header {
        text-align: left;
        margin-bottom: 60px;
        padding-left: 80px;
    }

    .industry-news-label {
        font-size: 14px;
        color: #03a200;
        font-weight: 500;
        margin-bottom: 8px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .industry-news-title {
        font-size: 36px;
        color: #333;
        font-weight: 700;
        line-height: 1.2;
    }

    .news-container {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .news-item {
        display: grid;
        grid-template-columns: 1fr 1fr;
        height: 600px;
    }

    .news-image {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .news-image.main {
        background-image: url('/skin/images/news1.jpg');
    }

    .news-content {
        background-color: #f8f9fa;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 100px;
        position: relative;
    }

    .news-content.right-content::before {
        display: none;
    }

    .news-content.left-content::before {
        content: 'ANOTHER PART';
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%) rotate(90deg);
        font-size: 36px;
        color: #ddd;
        font-weight: 500;
        letter-spacing: 2px;
    }

    .news-title {
        font-size: 28px;
        color: #333;
        font-weight: 600;
        margin-bottom: 15px;
        line-height: 1.3;
    }

    .news-date {
        font-size: 16px;
        color: #03a200;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .news-excerpt {
        font-size: 16px;
        color: #666;
        max-width: 550px;
        line-height: 1.7;
        margin-bottom: 30px;
        text-align: justify;
    }

    .news-btn {
        background: #03a200;
        color: white;
        border: none;
        padding: 12px 30px;
        border-radius: 25px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        width: fit-content;
    }

    .news-btn:hover {
        background: #028a00;
        transform: translateY(-2px);
    }

    .news-btn::after {
        content: '→';
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .news-btn:hover::after {
        transform: translateX(3px);
    }

    /* 第二个新闻项（文字在左，图片在右） */
    .news-item.reverse {
        grid-template-columns: 1fr 1fr;
    }

    .news-item.reverse .news-content {
        order: 1;
    }

    .news-item.reverse .news-image {
        order: 2;
    }

    /* 响应式设计 */
    @media (max-width: 1200px) {
        .industry-news-header {
            padding-left: 60px;
        }
        
        .news-content {
            padding: 50px 40px;
        }
    }

    @media (max-width: 968px) {
        .industry-news-section {
            padding: 60px 0;
        }
        
        .industry-news-header {
            padding-left: 40px;
            margin-bottom: 40px;
        }
        
        .industry-news-title {
            font-size: 32px;
        }
        
        .news-item,
        .news-item.reverse {
            grid-template-columns: 1fr;
            height: auto;
        }
        
        .news-item .news-image,
        .news-item.reverse .news-image {
            height: 300px;
            order: 1;
        }
        
        .news-item .news-content,
        .news-item.reverse .news-content {
            order: 2;
            padding: 40px 30px;
        }
        
        .news-content.right-content::before,
        .news-content.left-content::before {
            display: none;
        }
    }

    @media (max-width: 768px) {
        .industry-news-header {
            padding-left: 20px;
        }
        
        .industry-news-title {
            font-size: 28px;
        }
        
        .news-item .news-image,
        .news-item.reverse .news-image {
            height: 250px;
        }
        
        .news-content {
            padding: 30px 20px;
        }
        
        .news-title {
            font-size: 24px;
        }
    }

    @media (max-width: 480px) {
        .industry-news-section {
            padding: 40px 0;
        }
        
        .industry-news-title {
            font-size: 24px;
        }
        
        .news-item .news-image,
        .news-item.reverse .news-image {
            height: 200px;
        }
        
        .news-content {
            padding: 25px 15px;
        }
        
        .news-title {
            font-size: 20px;
        }
        
        .news-excerpt {
            font-size: 14px;
        }
    }

    .company-news-section {
        width: 100%;
        padding: 0 0 80px 0;
        background-color: #fff;
        overflow: hidden;
    }

    .company-news-header {
        padding-left: 80px;
        margin-bottom: 60px;
    }

    .company-news-label {
        font-size: 14px;
        color: #03a200;
        font-weight: 500;
        margin-bottom: 8px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .company-news-title {
        font-size: 36px;
        color: #333;
        font-weight: 700;
        line-height: 1.2;
    }

    .company-news-swiper-container {
        position: relative;
        padding-left: 80px;
    }

    .company-news-swiper {
        overflow: visible;
    }

    .company-news-swiper .swiper-wrapper {
        display: flex;
    }

    .company-news-swiper .swiper-slide {
        width: 500px;
        height: auto;
        margin-right: 20px;
    }

    .company-news-card {
        background: white;
        overflow: hidden;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .company-news-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    }

    .company-news-image {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .company-news-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .company-news-card:hover .company-news-image img {
        transform: scale(1.05);
    }

    .company-news-info {
        padding: 25px 20px;
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .company-news-date {
        font-size: 14px;
        color: #03a200;
        font-weight: 500;
        margin-bottom: 12px;
    }

    .company-news-card-title {
        font-size: 24px;
        color: #333;
        font-weight: 600;
        margin-bottom: 15px;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .company-news-stars {
        font-size: 16px;
        color: #ddd;
        margin-bottom: 20px;
        letter-spacing: 2px;
    }

    .company-news-link {
        color: #03a200;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: auto;
        transition: all 0.3s ease;
    }

    .company-news-link:hover {
        color: #028a00;
        transform: translateX(3px);
    }

    .company-news-link::after {
        content: '→';
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .company-news-link:hover::after {
        transform: translateX(3px);
    }

    /* Swiper 导航按钮 */
    .company-news-navigation {
        position: absolute;
        top: -80px;
        right: 80px;
        display: flex;
        gap: 10px;
        z-index: 10;
    }

    .company-news-btn-prev,
    .company-news-btn-next {
        width: 40px;
        height: 40px;
        background: white;
        border: 2px solid #e0e0e0;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
        color: #666;
        font-size: 16px;
        font-weight: bold;
    }

    .company-news-btn-prev:hover,
    .company-news-btn-next:hover {
        border-color: #03a200;
        color: #03a200;
        transform: translateY(-2px);
    }

    /* 响应式设计 */
    @media (max-width: 1200px) {
        .company-news-header {
            padding-left: 60px;
        }
        
        .company-news-swiper-container {
            padding-left: 60px;
        }
        
        .company-news-navigation {
            right: 60px;
        }
    }

    @media (max-width: 968px) {
        .company-news-section {
            padding: 60px 0;
        }
        
        .company-news-header {
            padding-left: 40px;
            margin-bottom: 40px;
        }
        
        .company-news-title {
            font-size: 32px;
        }
        
        .company-news-swiper-container {
            padding-left: 40px;
        }
        
        .company-news-navigation {
            right: 40px;
            top: -70px;
        }
        
        .company-news-swiper .swiper-slide {
            width: 280px;
        }
    }

    @media (max-width: 768px) {
        .company-news-header {
            padding-left: 20px;
        }
        
        .company-news-title {
            font-size: 28px;
        }
        
        .company-news-swiper-container {
            padding-left: 20px;
        }
        
        .company-news-navigation {
            right: 20px;
            top: -60px;
        }
        
        .company-news-swiper .swiper-slide {
            width: 260px;
            margin-right: 15px;
        }
        
        .company-news-image {
            height: 150px;
        }
        
        .company-news-info {
            padding: 20px 15px;
        }
    }

    @media (max-width: 480px) {
        .company-news-section {
            padding: 40px 0;
        }
        
        .company-news-title {
            font-size: 24px;
        }
        
        .company-news-swiper .swiper-slide {
            width: 240px;
        }
        
        .company-news-card-title {
            font-size: 16px;
        }
        
        .company-news-info {
            padding: 18px 12px;
        }
    }

    /* 人才招聘 */
    .job-banner {
        width: 100%;
        height: 100vh;
        background-image: url('/skin/images/banner-job.jpg');
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .job-banner::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.4);
        z-index: 1;
    }

    .job-banner-content {
        position: relative;
        z-index: 2;
        text-align: center;
        color: white;
        max-width: 1440px;
        padding: 0 20px;
    }

    .job-banner-label {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 8px;
        opacity: 0.9;
        letter-spacing: 1px;
    }

    .job-banner-subtitle {
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 30px;
        opacity: 0.8;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .job-banner-title {
        font-size: 48px;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 50px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    }

    .job-banner-btn {
        background: #03a200;
        color: white;
        border: none;
        padding: 15px 40px;
        border-radius: 30px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
        display: inline-block;
        box-shadow: 0 4px 15px rgba(3, 162, 0, 0.3);
    }

    .job-banner-btn:hover {
        background: #028a00;
        transform: translateY(-3px);
        box-shadow: 0 8px 25px rgba(3, 162, 0, 0.4);
    }

    .job-banner-scroll {
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: white;
        opacity: 0.7;
        animation: float 2s ease-in-out infinite;
    }

    .job-banner-scroll-text {
        font-size: 12px;
        margin-bottom: 10px;
        letter-spacing: 1px;
        writing-mode: vertical-lr;
        text-orientation: mixed;
    }

    .job-banner-scroll-line {
        width: 1px;
        height: 40px;
        background: white;
        position: relative;
    }

    .job-banner-scroll-line::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 6px;
        height: 6px;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
        transform-origin: center;
        transform: translateX(-50%) rotate(45deg);
    }

    @keyframes float {
        0%, 100% {
            transform: translateX(-50%) translateY(0);
        }
        50% {
            transform: translateX(-50%) translateY(-10px);
        }
    }

    /* 背景动画效果 */
    .job-banner::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(45deg, transparent 30%, rgba(255,255,255,0.03) 50%, transparent 70%);
        animation: shimmer 3s ease-in-out infinite;
        z-index: 1;
    }

    @keyframes shimmer {
        0% {
            transform: translateX(-100%);
        }
        100% {
            transform: translateX(100%);
        }
    }

    /* 响应式设计 */
    @media (max-width: 768px) {
        .job-banner {
            height: 80vh;
        }
        
        .job-banner-title {
            font-size: 36px;
            margin-bottom: 40px;
        }
        
        .job-banner-label {
            font-size: 14px;
        }
        
        .job-banner-subtitle {
            font-size: 16px;
            margin-bottom: 25px;
        }
        
        .job-banner-btn {
            padding: 12px 30px;
            font-size: 14px;
        }
    }

    @media (max-width: 480px) {
        .job-banner {
            height: 110vh;
        }
        
        .job-banner-content {
            padding: 0 15px;
        }
        
        .job-banner-title {
            font-size: 28px;
            margin-bottom: 30px;
        }
        
        .job-banner-label {
            font-size: 12px;
        }
        
        .job-banner-subtitle {
            font-size: 14px;
            margin-bottom: 20px;
        }
        
        .job-banner-btn {
            padding: 10px 25px;
            font-size: 13px;
        }
        
        .job-banner-scroll {
            bottom: 20px;
        }
    }

    .social-recruitment-section {
        width: 100%;
        padding: 80px 0;
    }

    .social-recruitment-container {
        width: 100%;
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .social-recruitment-header {
        text-align: center;
        margin-bottom: 60px;
    }

    .social-recruitment-label {
        font-size: 14px;
        color: #03a200;
        font-weight: 500;
        margin-bottom: 8px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .social-recruitment-title {
        font-size: 36px;
        color: #333;
        font-weight: 700;
        line-height: 1.2;
    }

    .recruitment-table {
        background: white;
        overflow: hidden;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
        border-top: 3px solid #03a200;
    }

    .table-header {
        background: #fff;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        padding: 20px;
        font-weight: 600;
        color: #333;
        gap: 20px;
        border-bottom: 1px solid #e0e0e0;
    }

    .table-header-item {
        text-align: center;
        font-size: 18px;
    }

    .job-item {
        transition: all 0.3s ease;
    }

    .job-item:nth-child(even) {
        background-color: #e6e6e6;
    }

    .job-item:nth-child(odd) {
        background-color: white;
    }

    .job-item:hover {
        background-color: #e8f5e8 !important;
    }

    .job-row {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        padding: 20px;
        cursor: pointer;
        gap: 20px;
        align-items: center;
        border-bottom: 1px solid #e0e0e0;
    }

    .job-row-item {
        text-align: center;
        font-size: 18px;
        color: #666;
    }

    .job-row-item.job-name {
        font-weight: 600;
        color: #333;
    }

    .job-details {
        padding: 0 20px;
        max-height: 0;
        overflow: hidden;
        transition: all 0.3s ease;
        background: inherit;
    }

    .job-details.active {
        max-height: 1000px;
        padding: 30px 20px;
    }

    .job-details-content {
        background: white;
        padding: 30px;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    }

    .job-section-title {
        font-size: 16px;
        font-weight: 600;
        color: #333;
        margin-bottom: 15px;
    }

    .job-list {
        list-style: none;
        padding: 0;
        margin-bottom: 25px;
    }

    .job-list li {
        font-size: 16px;
        color: #666;
        line-height: 1.6;
        margin-bottom: 8px;
        padding-left: 20px;
        position: relative;
    }

    .job-list li::before {
        content: '';
        position: absolute;
        left: 8px;
        top: 12px;
        width: 4px;
        height: 4px;
        background: #03a200;
        border-radius: 50%;
    }

    .apply-btn {
        background: #03a200;
        color: white;
        border: none;
        padding: 12px 30px;
        border-radius: 25px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s ease;
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .apply-btn:hover {
        background: #028a00;
        transform: translateY(-2px);
    }

    .apply-btn::after {
        content: '→';
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .apply-btn:hover::after {
        transform: translateX(3px);
    }

    .expand-icon {
        margin-left: auto;
        transition: transform 0.3s ease;
        color: #03a200;
        font-weight: bold;
        position: absolute;
        right: 20px;
    }

    .job-item.active .expand-icon {
        transform: rotate(180deg);
    }

    /* 分页器 */
    .pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 40px;
        gap: 10px;
    }

    .pagination-item {
        width: 40px;
        height: 40px;
        border: 1px solid #ddd;
        background: white;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
        color: #666;
        font-size: 14px;
    }

    .pagination-item:hover {
        border-color: #03a200;
        color: #03a200;
    }

    .pagination-item.active {
        background: #03a200;
        color: white;
        border-color: #03a200;
    }

    /* 响应式设计 */
    @media (max-width: 1200px) {
        .social-recruitment-container {
            padding: 0 40px;
        }
    }

    @media (max-width: 968px) {
        .social-recruitment-section {
            padding: 60px 0;
        }
        
        .social-recruitment-title {
            font-size: 32px;
        }
        
        .table-header,
        .job-row {
            grid-template-columns: 1fr;
            text-align: left;
        }
        
        .table-header-item,
        .job-row-item {
            text-align: left;
            padding: 5px 0;
        }
        
        .expand-icon {
            position: static;
            margin-left: auto;
        }
    }

    @media (max-width: 768px) {
        .social-recruitment-container {
            padding: 0 20px;
        }
        
        .social-recruitment-title {
            font-size: 28px;
        }
        
        .job-details-content {
            padding: 20px;
        }
    }

    @media (max-width: 480px) {
        .social-recruitment-container {
            padding: 0 15px;
        }
        
        .social-recruitment-section {
            padding: 40px 0;
        }
        
        .social-recruitment-title {
            font-size: 24px;
        }
        
        .job-row {
            padding: 15px;
        }
        
        .job-details-content {
            padding: 15px;
        }
    }

    .campus-recruitment-section {
        width: 100%;
        height: 100vh;
        background-image: url('/skin/images/zhaopin.jpg');
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .campus-recruitment-section::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.4);
        z-index: 1;
    }

    .campus-recruitment-content {
        position: relative;
        z-index: 2;
        text-align: center;
        color: white;
        max-width: 800px;
        padding: 0 20px;
    }

    .campus-recruitment-label {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 15px;
        letter-spacing: 2px;
    }

    .campus-recruitment-subtitle {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 40px;
        opacity: 0.9;
        letter-spacing: 3px;
        text-transform: uppercase;
    }

    .campus-recruitment-title {
        font-size: 48px;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 60px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        letter-spacing: 2px;
    }

    .campus-recruitment-btn {
        background: white;
        color: #333;
        border: none;
        padding: 18px 50px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
        display: inline-block;
        box-shadow: 0 4px 20px rgba(255, 255, 255, 0.3);
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .campus-recruitment-btn:hover {
        background: #03a200;
        color: white;
        transform: translateY(-3px);
        box-shadow: 0 8px 30px rgba(3, 162, 0, 0.4);
    }

    /* 微妙的动画效果 */
    .campus-recruitment-content {
        animation: fadeInUp 1s ease-out;
    }

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

    /* 背景动画效果 */
    .campus-recruitment-section::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(45deg, transparent 30%, rgba(255,255,255,0.02) 50%, transparent 70%);
        animation: shimmer 4s ease-in-out infinite;
        z-index: 1;
    }

    @keyframes shimmer {
        0% {
            transform: translateX(-100%);
        }
        100% {
            transform: translateX(100%);
        }
    }

    /* 响应式设计 */
    @media (max-width: 768px) {
        .campus-recruitment-section {
            height: 80vh;
        }
        
        .campus-recruitment-label {
            font-size: 28px;
        }
        
        .campus-recruitment-title {
            font-size: 36px;
            margin-bottom: 50px;
        }
        
        .campus-recruitment-subtitle {
            font-size: 14px;
            margin-bottom: 30px;
        }
        
        .campus-recruitment-btn {
            padding: 15px 40px;
            font-size: 14px;
        }
    }

    @media (max-width: 480px) {
        .campus-recruitment-section {
            height: 70vh;
        }
        
        .campus-recruitment-content {
            padding: 0 15px;
        }
        
        .campus-recruitment-label {
            font-size: 24px;
        }
        
        .campus-recruitment-title {
            font-size: 28px;
            margin-bottom: 40px;
        }
        
        .campus-recruitment-subtitle {
            font-size: 12px;
            margin-bottom: 25px;
        }
        
        .campus-recruitment-btn {
            padding: 12px 35px;
            font-size: 13px;
        }
    }

    .hpm-product-detail-section {
        width: 100%;
    }

    .hpm-product-detail-container {
        width: 100%;
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .hpm-product-name {
        font-size: 18px;
        color: #03a200;
        margin-bottom: 15px;
        font-weight: 500;
    }

    .hpm-product-title {
        font-size: 36px;
        color: #333;
        font-weight: 700;
        margin-bottom: 60px;
        line-height: 1.2;
    }

    .hpm-product-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 80px;
        align-items: flex-start;
    }

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

    .hpm-info-section {
        margin-bottom: 50px;
    }

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

    .hpm-section-header {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 20px;
    }

    .hpm-section-icon {
        width: 20px;
        height: 20px;
        background-image: url('/skin/images/smalllogo.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .hpm-section-title {
        font-size: 20px;
        color: #333;
        font-weight: 600;
    }

    .hpm-section-content {
        font-size: 16px;
        color: #666;
        line-height: 1.8;
        text-align: justify;
    }

    .hpm-product-image {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .hpm-product-image img {
        max-width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: 10px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    /* 响应式设计 */
    @media (max-width: 1200px) {
        .hpm-product-detail-container {
            padding: 0 40px;
        }
        
        .hpm-product-content {
            gap: 60px;
        }
    }

    @media (max-width: 968px) {
        .hpm-product-detail-section {
            padding: 60px 0;
        }
        
        .hpm-product-title {
            font-size: 32px;
            margin-bottom: 40px;
        }
        
        .hpm-product-content {
            grid-template-columns: 1fr;
            gap: 40px;
        }
        
        .hpm-product-image {
            order: -1;
        }
    }

    @media (max-width: 768px) {
        .hpm-product-detail-container {
            padding: 0 20px;
        }
        
        .hpm-product-title {
            font-size: 28px;
        }
        
        .hpm-section-title {
            font-size: 18px;
        }
        
        .hpm-section-content {
            font-size: 14px;
        }
        
        .hmp-info-section {
            margin-bottom: 35px;
        }
    }

    @media (max-width: 480px) {
        .hpm-product-detail-container {
            padding: 0 15px;
        }
        
        .hpm-product-detail-section {
            padding: 40px 0;
        }
        
        .hpm-product-title {
            font-size: 24px;
        }
        
        .hpm-section-header {
            gap: 8px;
        }
        
        .hpm-section-icon {
            width: 16px;
            height: 16px;
        }
        
        .hpm-section-title {
            font-size: 16px;
        }
        
        .hpm-section-content {
            font-size: 13px;
        }
    }

    .operation-process-section {
        width: 100%;
        padding: 40px 0;
    }

    .operation-process-container {
        width: 100%;
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .operation-process-header {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 60px;
    }

    .operation-process-icon {
        width: 20px;
        height: 20px;
        background-image: url('/skin/images/smalllogo.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .operation-process-title {
        font-size: 20px;
        color: #333;
        font-weight: 600;
    }

    .process-flow-image {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    .process-flow-image img {
        max-width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: 10px;
        /*box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);*/
    }

    /* 响应式设计 */
    @media (max-width: 1200px) {
        .operation-process-container {
            padding: 0 40px;
        }
    }

    @media (max-width: 968px) {
        .operation-process-section {
            padding: 60px 0;
        }
    }

    @media (max-width: 768px) {
        .operation-process-container {
            padding: 0 20px;
        }
        
        .operation-process-title {
            font-size: 18px;
        }
    }

    @media (max-width: 480px) {
        .operation-process-container {
            padding: 0 15px;
        }
        
        .operation-process-section {
            padding: 40px 0;
        }
        
        .operation-process-header {
            gap: 8px;
            margin-bottom: 40px;
        }
        
        .operation-process-icon {
            width: 16px;
            height: 16px;
        }
        
        .operation-process-title {
            font-size: 16px;
        }
    }

    .other-products-section {
        width: 100%;
        padding: 0 0 80px 0;
    }

    .other-products-container {
        width: 100%;
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .other-products-header {
        margin-bottom: 60px;
    }

    .other-products-label {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 15px;
    }

    .other-products-icon {
        width: 20px;
        height: 20px;
        background-image: url('/skin/images/smalllogo.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .other-products-category {
        font-size: 20px;
        color: #333;
        font-weight: 600;
    }

    .other-products-title {
        font-size: 36px;
        color: #333;
        font-weight: 700;
        line-height: 1.2;
    }

    .other-products-title .highlight {
        color: #03a200;
    }

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

    .product-card-nei {
        background: white;
        overflow: hidden;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .product-card-nei:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    }

    .product-image-nei {
        width: 100%;
        height: 250px;
        overflow: hidden;
        background: #f5f5f5;
    }

    .product-image-nei img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .product-card-nei:hover .product-image-nei img {
        transform: scale(1.05);
    }

    .product-info-nei {
        padding: 25px 20px 30px;
    }

    .product-name-nei {
        font-size: 24px;
        color: #333;
        font-weight: 600;
        margin-bottom: 15px;
        line-height: 1.4;
    }

    .product-description-nei {
        font-size: 14px;
        color: #666;
        line-height: 1.6;
        margin-bottom: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .product-link {
        color: #03a200;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: all 0.3s ease;
    }

    .product-link:hover {
        color: #028a00;
        transform: translateX(3px);
    }

    .product-link::after {
        content: '→';
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .product-link:hover::after {
        transform: translateX(3px);
    }

    /* 分页指示器 */
    .pagination-dots {
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .pagination-dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ddd;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .pagination-dot.active {
        background: #03a200;
        transform: scale(1.2);
    }

    .pagination-dot:hover {
        background: #03a200;
    }

    /* 响应式设计 */
    @media (max-width: 1200px) {
        .other-products-container {
            padding: 0 40px;
        }
        
        .products-grid {
            gap: 25px;
        }
    }

    @media (max-width: 968px) {
        .other-products-section {
            padding: 60px 0;
        }
        
        .other-products-title {
            font-size: 32px;
        }
        
        .products-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
    }

    @media (max-width: 768px) {
        .other-products-container {
            padding: 0 20px;
        }
        
        .other-products-title {
            font-size: 28px;
        }
        
        .products-grid {
            grid-template-columns: 1fr;
            gap: 20px;
            max-width: 400px;
            margin: 0 auto 40px;
        }
        
        .product-image {
            height: 200px;
        }
        
        .product-info {
            padding: 20px 15px 25px;
        }
    }

    @media (max-width: 480px) {
        .other-products-container {
            padding: 0 15px;
        }
        
        .other-products-section {
            padding: 40px 0;
        }
        
        .other-products-title {
            font-size: 24px;
        }
        
        .other-products-category {
            font-size: 14px;
        }
        
        .product-name-nei {
            font-size: 16px;
        }
        
        .product-description-nei {
            font-size: 13px;
        }
    }

    /* 新增产品列表 */

    .baler-product-showcase {
        max-width: 1600px;
        margin: 0 auto;
        padding: 0px 0px 80px 0px;
        font-family: 'Microsoft YaHei', sans-serif;
    }

    .baler-grid-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        margin-top: 20px;
    }

    .baler-product-card {
        background: #fff;
        border-radius: 0;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        transition: all 0.3s ease;
        position: relative;
        border: 1px solid #e0e0e0;
    }

    .baler-product-card a{
        text-decoration: none;
    }


    .baler-product-card:hover .baler-info-section{
        /*transform: translateY(-5px);*/
        /*box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);*/
        background: #03a100;
    }

    .baler-image-wrapper {
        position: relative;
        width: 100%;
        /* height: 220px; */
        /*background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);*/
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .baler-product-image {
        max-width: 100%;
        max-height: 1000%;
        object-fit: contain;
        transition: transform 0.3s ease;
    }

    .baler-product-card:hover .baler-product-image {
        transform: scale(1.05);
    }

    .baler-info-section {
        padding: 20px;
        text-align: center;
    }

    .baler-product-title {
        font-size: 16px;
        font-weight: 600;
        color: #2c3e50;
        margin: 0;
        line-height: 1.4;
    }

    .baler-product-subtitle {
        font-size: 13px;
        color: #7f8c8d;
        margin-top: 5px;
    }

    .baler-status-badge {
        position: absolute;
        top: 15px;
        right: 15px;
        background: linear-gradient(45deg, #ff6b6b, #ee5a24);
        color: white;
        padding: 4px 8px;
        border-radius: 0;
        font-size: 11px;
        font-weight: 600;
    }

    /* 鼠标悬停时的文字颜色变化 */
    .baler-product-card:hover .baler-product-title,
    .baler-product-card:hover .baler-product-subtitle {
        color: white;
    }

    /* 响应式设计 */
    @media (max-width: 768px) {
        .baler-grid-container {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        
        .baler-image-wrapper {
            height: 180px;
        }
    }

    @media (max-width: 480px) {
        .baler-grid-container {
            grid-template-columns: 1fr;
            gap: 15px;
        }
        
        .baler-product-showcase {
            padding: 15px;
        }
    }

    /* 特殊效果 */
    .baler-featured-item {
        position: relative;
    }

    .baler-featured-item::before {
        content: '';
        position: absolute;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        background: linear-gradient(45deg, #3498db, #9b59b6, #e74c3c, #f39c12);
        border-radius: 0;
        z-index: -1;
        animation: baler-glow 3s ease-in-out infinite alternate;
    }

    @keyframes baler-glow {
        0% { opacity: 0.5; }
        100% { opacity: 0.8; }
    }

    /* 新闻详情 */
    .news-detail-container {
        max-width: 1600px;
        margin: 0 auto;
        padding: 40px 20px;
        font-family: 'Microsoft YaHei', Arial, sans-serif;
        background: #fff;
    }

    .news-main-content {
        max-width: 1600px;
        margin: 0 auto 60px auto;
    }

    .news-article-header {
        text-align: center;
        margin-bottom: 30px;
        padding-bottom: 20px;
        border-bottom: 3px solid #02a100;
    }

    .news-article-title {
        font-size: 32px;
        font-weight: 700;
        color: #2c3e50;
        line-height: 1.4;
        margin: 0 0 15px 0;
    }

    .news-article-meta {
        display: flex;
        justify-content: center;
        gap: 30px;
        color: #7f8c8d;
        font-size: 14px;
        flex-wrap: wrap;
    }

    .news-meta-item {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .news-meta-icon {
        width: 16px;
        height: 16px;
        background: #02a100;
        border-radius: 50%;
        display: inline-block;
    }

    .news-article-body {
        line-height: 1.8;
        color: #34495e;
        font-size: 16px;
    }

    .news-article-body p {
        margin: 0 0 20px 0;
        text-indent: 2em;
    }
    
    .news-article-body img{
        width: 100% !important;
    }

    .news-article-body h3 {
        color: #02a100;
        font-size: 20px;
        margin: 30px 0 15px 0;
        padding-left: 15px;
        border-left: 4px solid #02a100;
    }

    .news-article-image {
        width: 100%;
        max-width: 600px;
        height: auto;
        margin: 30px auto;
        display: block;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    .news-tags-section {
        margin-top: 40px;
        padding-top: 20px;
        border-top: 1px solid #ecf0f1;
    }

    .news-tag-label {
        font-weight: 600;
        color: #2c3e50;
        margin-right: 10px;
    }

    .news-tag-item {
        display: inline-block;
        background: rgba(2, 161, 0, 0.1);
        color: #02a100;
        padding: 4px 12px;
        margin: 5px 8px 5px 0;
        font-size: 13px;
        border: 1px solid rgba(2, 161, 0, 0.3);
        transition: all 0.3s ease;
    }

    .news-tag-item:hover {
        background: #02a100;
        color: white;
        cursor: pointer;
    }

    .news-related-section {
        margin-top: 60px;
        padding-top: 40px;
        border-top: 2px solid #ecf0f1;
    }

    .news-related-title {
        font-size: 24px;
        font-weight: 600;
        color: #2c3e50;
        margin-bottom: 30px;
        text-align: center;
        position: relative;
    }

    .news-related-title::before {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        transform: translateX(-50%);
        width: 60px;
        height: 3px;
        background: #02a100;
    }

    .news-related-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 25px;
        margin-top: 40px;
    }

    .news-related-card {
        background: #fff;
        border: 1px solid #e0e0e0;
        overflow: hidden;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    .news-related-card:hover {
        box-shadow: 0 8px 25px rgba(2, 161, 0, 0.15);
        transform: translateY(-3px);
        border-color: #02a100;
    }

    .news-related-image {
        width: 100%;
        /* height: 180px; */
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .news-related-card:hover .news-related-image {
        transform: scale(1.05);
    }

    .news-related-content {
        padding: 20px;
    }

    .news-related-card-title {
        font-size: 16px;
        font-weight: 600;
        color: #2c3e50;
        line-height: 1.4;
        margin: 0 0 10px 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .news-related-card:hover .news-related-card-title {
        color: #02a100;
    }

    .news-related-summary {
        color: #7f8c8d;
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 12px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .news-related-date {
        color: #95a5a6;
        font-size: 12px;
    }

    /* 响应式设计 */
    @media (max-width: 768px) {
        .news-detail-container {
            padding: 20px 15px;
        }

        .news-article-title {
            font-size: 24px;
        }

        .news-article-meta {
            gap: 15px;
        }

        .news-related-grid {
            grid-template-columns: 1fr;
            gap: 20px;
        }
        .news-article-body p {
         text-indent: 0em;
        }
    }

    /* 阅读进度条 */
    .news-progress-bar {
        position: fixed;
        top: 0;
        left: 0;
        width: 0%;
        height: 3px;
        background: #02a100;
        z-index: 9999;
        transition: width 0.1s ease;
    }

    /* 分享按钮 */
    .news-share-section {
        margin-top: 30px;
        text-align: center;
        padding: 20px;
        background: #f8f9fa;
    }

    .news-share-title {
        font-size: 16px;
        color: #2c3e50;
        margin-bottom: 15px;
    }

    .news-share-buttons {
        display: flex;
        justify-content: center;
        gap: 15px;
        flex-wrap: wrap;
    }

    .news-share-btn {
        width: 40px;
        height: 40px;
        border: none;
        cursor: pointer;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 16px;
    }

    .news-share-btn.weixin { background: #1aad19; }
    .news-share-btn.weibo { background: #e6162d; }
    .news-share-btn.qq { background: #12b7f5; }
    .news-share-btn.copy { background: #02a100; }

    .news-share-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }
    
    /*新增下拉菜单*/
    


        .main-nav > li {
            position: relative;
        }

        .main-nav > li > a {
            display: block;
            padding: 15px 25px;
            text-decoration: none;
            transition: all 0.3s ease;
            font-weight: 500;
            border-bottom: 3px solid transparent;
        }

        .main-nav > li > a:hover {
            background-color: rgba(255,255,255,0.1);
            border-bottom-color: #fff;
            transform: translateY(-2px);
        }

        /* 下拉菜单容器 */
        .dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 200px;
            background: white;
            border-radius: 8px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s ease;
            z-index: 999;
        }

        /* 鼠标悬停时显示下拉菜单 */
        .main-nav li:hover .dropdown {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        /* 下拉菜单项样式 */
        .dropdown li {
            list-style: none;
        }

        .dropdown li a {
            display: block;
            padding: 12px 20px;
            font-size: 14px;
            color: #333 !important;
            text-decoration: none;
            transition: all 0.3s ease;
            border-bottom: 1px solid #f0f0f0;
        }

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

        .dropdown li:first-child a {
            border-radius: 8px 8px 0 0;
        }

        .dropdown li a:hover {
            background: linear-gradient(135deg, #02a100 0%, #02a100 100%);
            color: white !important;
            padding-left: 25px;
        }

        /* 下拉菜单箭头指示器 */
        .has-dropdown > a::after {
            content: '▼';
            font-size: 10px;
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .has-dropdown:hover > a::after {
            transform: rotate(180deg);
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
            .main-nav {
                flex-direction: column;
            }
            
            .dropdown {
                position: static;
                transform: none;
                box-shadow: inset 0 2px 10px rgba(0,0,0,0.1);
                border-radius: 0;
                max-height: 0;
                overflow: hidden;
                opacity: 1;
                visibility: visible;
                transition: max-height 0.3s ease;
            }
            
            .main-nav li:hover .dropdown {
                max-height: 300px;
            }
        }

        /* 演示内容样式 */
        .demo-content {
            padding: 50px 20px;
            text-align: center;
        }

        .demo-content h1 {
            color: #333;
            margin-bottom: 20px;
        }

        .demo-content p {
            color: #666;
            line-height: 1.6;
        }
        
        /*产品列表页面*/
        .pls-container-main {
            max-width: 1600px;
            margin: 50px auto;
            background: white;
            border-radius: 12px;
            /*box-shadow: 0 4px 20px rgba(2, 161, 0, 0.1);*/
            overflow: hidden;
        }

        .pls-header-section {
            background: linear-gradient(135deg, #02a100, #028a00);
            padding: 30px;
            text-align: center;
            color: white;
        }

        .pls-header-title {
            font-size: 2.5em;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .pls-header-subtitle {
            font-size: 1.1em;
            opacity: 0.9;
        }

        .pls-tabs-wrapper {
            background: #fff;
            border-bottom: 2px solid #f0f0f0;
            padding: 0 30px;
        }

        .pls-tabs-container {
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
        }

        .pls-tab-item {
            padding: 15px 30px;
            cursor: pointer;
            border: none;
            background: none;
            font-size: 16px;
            font-weight: 500;
            color: #666;
            position: relative;
            transition: all 0.3s ease;
            white-space: nowrap;
        }

        .pls-tab-item:hover {
            color: #02a100;
            background: rgba(2, 161, 0, 0.05);
        }

        .pls-tab-item.pls-active-tab {
            color: #02a100;
            font-weight: 600;
        }

        .pls-tab-item.pls-active-tab::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: #02a100;
            border-radius: 2px 2px 0 0;
        }

        .pls-content-area {
            padding: 40px 30px;
        }

        .pls-category-section {
            display: none;
        }

        .pls-category-section.pls-active-section {
            display: block;
        }

        .pls-category-title {
            font-size: 1.8em;
            color: #333;
            margin-bottom: 25px;
            padding-bottom: 10px;
            border-bottom: 2px solid #02a100;
            display: inline-block;
        }

        .pls-products-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
            max-width: 100%;
        }

        @media (min-width: 900px) {
            .pls-products-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        .pls-product-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
            border: 1px solid #e8e8e8;
        }

        .pls-product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 30px rgba(2, 161, 0, 0.15);
        }

        .pls-product-image {
            width: 100%;
            height: 300px;
            background: #f5f5f5;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            color: #999;
            position: relative;
            overflow: hidden;
        }

        .pls-product-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .pls-product-card:hover .pls-product-image img {
            transform: scale(1.05);
        }

        .pls-product-info {
            padding: 20px;
            text-align: center;
        }

        .pls-product-name {
            font-size: 1.2em;
            font-weight: 600;
            color: #333;
            margin-bottom: 20px;
            line-height: 1.4;
        }

        .pls-btn-detail {
            background: #02a100;
            color: white;
            border: none;
            padding: 12px 30px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 500;
            transition: all 0.3s ease;
            width: 100%;
        }

        .pls-btn-detail:hover {
            background: #028a00;
            transform: translateY(-1px);
        }

        @media (max-width: 768px) {
            .pls-container-main {
                margin: 10px;
                border-radius: 8px;
            }
            
            .pls-header-section {
                padding: 20px;
            }
            
            .pls-header-title {
                font-size: 2em;
            }
            
            .pls-content-area {
                padding: 20px 15px;
            }
            
            .pls-tabs-wrapper {
                padding: 0 15px;
            }
            
            .pls-tab-item {
                padding: 12px 15px;
                font-size: 14px;
            }
            
            .pls-products-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
        }
        
        /*新增联系方式*/
        
        .job-banner-content {
            text-align: center;
            color: white;
            z-index: 2;
            position: relative;
            width: 1440px;
            padding: 0 20px;
        }

        .job-banner-label {
            font-size: 3rem;
            font-weight: 600;
            margin-bottom: 15px;
            letter-spacing: 3px;
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 1s ease 0.5s forwards;
        }

        .job-banner-subtitle {
            font-size: 2rem;
            font-weight: 400;
            letter-spacing: 6px;
            text-transform: uppercase;
            opacity: 0.9;
            margin-bottom: 60px;
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 1s ease 0.8s forwards;
        }

        /* 联系方式网格 */
        .contact-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-top: 50px;
            opacity: 0;
            transform: translateY(50px);
            animation: fadeInUp 1s ease 1.2s forwards;
        }

        .contact-item {
            /*background: rgba(255, 255, 255, 0.1);*/
            /*backdrop-filter: blur(15px);*/
            /*border: 1px solid rgba(255, 255, 255, 0.2);*/
            /*border-radius: 20px;*/
            padding: 35px 25px;
            transition: all 0.4s ease;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }

        /* 悬浮效果 */
        .contact-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
            transition: left 0.6s;
        }

        .contact-item:hover::before {
            left: 100%;
        }

        .contact-item:hover {
            transform: translateY(-8px);
            background: rgba(255, 255, 255, 0.15);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
        }

        .contact-icon {
            width: 70px;
            height: 70px;
            margin: 0 auto 20px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            position: relative;
        }

        .contact-item:hover .contact-icon {
            background: rgba(255, 255, 255, 0.3);
            transform: scale(1.1) rotate(360deg);
        }

        .contact-icon i {
            font-size: 2rem;
            color: white;
        }

        .contact-info h3 {
            color: white;
            font-size: 2rem;
            font-weight: 400;
            margin-bottom: 12px;
            letter-spacing: 1px;
        }

        .contact-info p {
            color: rgba(255, 255, 255, 0.95);
            font-size: 2rem;
            font-weight: 600;
            letter-spacing: 1px;
            line-height: 1.4;
        }

        .contact-info .email {
            font-size: 1.5rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        /* 装饰元素 */
        .decorative-dots {
            position: absolute;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }

        .dot {
            position: absolute;
            width: 4px;
            height: 4px;
            background: rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            animation: twinkle 2s ease-in-out infinite;
        }

        .dot:nth-child(1) { top: 20%; left: 10%; animation-delay: 0s; }
        .dot:nth-child(2) { top: 30%; right: 15%; animation-delay: 0.5s; }
        .dot:nth-child(3) { bottom: 40%; left: 20%; animation-delay: 1s; }
        .dot:nth-child(4) { bottom: 25%; right: 25%; animation-delay: 1.5s; }
        .dot:nth-child(5) { top: 60%; left: 50%; animation-delay: 2s; }

        @keyframes twinkle {
            0%, 100% { opacity: 0.3; transform: scale(1); }
            50% { opacity: 1; transform: scale(1.5); }
        }

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

        /* 响应式设计 */
        @media (max-width: 768px) {
            .job-banner-label {
                font-size: 3rem;
                letter-spacing: 2px;
            }

            .job-banner-subtitle {
                font-size: 1.4rem;
                letter-spacing: 4px;
                margin-bottom: 40px;
            }

            .contact-grid {
                grid-template-columns: 1fr;
                gap: 20px;
                margin-top: 40px;
            }

            .contact-item {
                padding: 30px 20px;
            }

            .contact-icon {
                width: 60px;
                height: 60px;
            }

            .contact-icon i {
                font-size: 1.5rem;
            }

            .contact-info h3 {
                font-size: 1.2rem;
            }

            .contact-info p {
                font-size: 1.3rem;
            }
        }

        @media (max-width: 1024px) and (min-width: 769px) {
            .contact-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 25px;
            }
            
            .contact-item {
                padding: 30px 20px;
            }
        }

        @media (max-width: 480px) {
            .job-banner-label {
                font-size: 2.5rem;
                letter-spacing: 1px;
            }

            .job-banner-subtitle {
                font-size: 1.2rem;
                letter-spacing: 2px;
            }

            .contact-item {
                padding: 25px 15px;
            }

            .contact-info p {
                font-size: 1.2rem;
            }

            .contact-info .email {
                font-size: 0.9rem;
            }
        }