<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欧易金科技 | 科技驱动的全景金质生活体系</title>
	<meta name="Keywords" content="欧易金、科技驱动、智能解决方案、软件开发、人工智能、AI 智能、大数据、产品研发、人体工学、企业数字化转型、全景金质生活、品质生活、机器人系列、运动活力系列">
    <meta name="description" content="欧易金科技以科技驱动创新，构建全景金质生活体系，涵盖机器人科技、软件开发、运动活力、风尚衣橱等九大产品系列，致力于为追求品质生活的现代人提供全方位的智能解决方案。">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap">
    <style>
        /* ============================================
           1. 基础样式与颜色变量定义
           ============================================ */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        html {
            scroll-behavior: smooth;
        }
        
        body {
            font-family: 'Noto Sans SC', sans-serif;
            background-color: #ffffff;
            color: #333333;
            line-height: 1.6;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            width: 100%;
            overflow-x: hidden;
            padding-top: 0 !important;
        }
        
        @media (max-width: 768px) {
            body {
                padding-top: 0 !important;
            }
        }
        
        img {
            max-width: 100%;
            height: auto;
        }
        
        a {
            text-decoration: none;
            color: inherit;
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        
        .container {
            width: 100%;
            max-width: 1440px;
            margin: 0 auto;
            padding: 0 20px;
        }

        :root {
            --primary-gold: #d4af37;
            --primary-gold-dark: #b8860b;
            --primary-gold-light: #f4e8c1;
            --primary-gold-transparent: rgba(212, 175, 55, 0.1);
            --primary-black: #1a1a1a;
            --primary-black-light: #2c2c2c;
            --primary-gray-dark: #333333;
            --primary-gray: #666666;
            --primary-gray-light: #999999;
            --primary-gray-lighter: #f5f5f5;
            --primary-white: #ffffff;
            --bg-white: #ffffff;
            --bg-light: #f8f9fa;
            --bg-dark: #1a1a1a;
            --bg-nav: #1a1a1a;
            --text-primary: #333333;
            --text-secondary: #666666;
            --text-light: #999999;
            --text-white: #ffffff;
            --text-gold: #d4af37;
            --border-light: #eeeeee;
            --border-gray: #dddddd;
            --border-gold: #d4af37;
            --shadow-light: rgba(0, 0, 0, 0.05);
            --shadow-medium: rgba(0, 0, 0, 0.1);
            --shadow-dark: rgba(0, 0, 0, 0.2);
            --shadow-gold: rgba(212, 175, 55, 0.3);
            --transition-smooth: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            --border-radius: 8px;
            --border-radius-lg: 16px;
            --font-main: 'Noto Sans SC', sans-serif;
            --font-accent: 'Playfair Display', serif;
        }

        /* ============================================
           新增：轮播图核心样式（与官网风格统一）
           ============================================ */
        .carousel {
            position: relative;
            width: 100%;
            height: 600px;
            overflow: hidden;
            z-index: 1;
            margin: 0;
            padding: 0;
        }
        .carousel-inner {
            width: 100%;
            height: 100%;
            position: relative;
        }
        .carousel-item {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 0.8s ease-in-out;
            z-index: 1;
        }
        .carousel-item.active {
            opacity: 1;
            z-index: 2;
        }
        .carousel-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .carousel-caption {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: var(--primary-white);
            text-align: center;
            z-index: 3;
            padding: 0 20px;
            max-width: 1200px;
            text-shadow: 0 2px 10px rgba(0,0,0,0.7);
        }
        .carousel-caption h2 {
            font-family: var(--font-accent);
            font-size: 56px;
            font-weight: 700;
            margin-bottom: 20px;
            line-height: 1.2;
        }
        .carousel-caption h2 span {
            color: var(--primary-gold);
        }
        .carousel-caption p {
            font-size: 20px;
            margin-bottom: 30px;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }
        .carousel-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0,0,0,0.3);
            border: none;
            color: var(--primary-white);
            font-size: 24px;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 4;
            transition: var(--transition-smooth);
        }
        .carousel-btn:hover {
            background: var(--primary-gold);
            transform: translateY(-50%) scale(1.1);
        }
        .carousel-prev {
            left: 30px;
        }
        .carousel-next {
            right: 30px;
        }
        .carousel-indicators {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 15px;
            z-index: 4;
        }
        .carousel-dot {
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background: rgba(255,255,255,0.5);
            cursor: pointer;
            transition: var(--transition-smooth);
            border: none;
        }
        .carousel-dot.active {
            background: var(--primary-gold);
            width: 35px;
            border-radius: 10px;
        }

        /* ============================================
           2. 通用样式与布局模块
           ============================================ */
        .section-spacing {
            padding: 100px 0;
        }
        
        @media (max-width: 768px) {
            .section-spacing {
                padding: 70px 0;
            }
        }
        
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 16px 36px;
            font-weight: 600;
            font-size: 16px;
            border-radius: var(--border-radius);
            cursor: pointer;
            transition: var(--transition-smooth);
            border: none;
            outline: none;
            position: relative;
            overflow: hidden;
            z-index: 1;
        }
        
        .btn-primary {
            background: linear-gradient(135deg, var(--primary-gold) 0%, var(--primary-gold-dark) 100%);
            color: var(--primary-white);
            box-shadow: 0 5px 15px var(--shadow-gold);
        }
        
        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);
        }
        
        .btn-outline {
            background: transparent;
            color: var(--primary-white);
            border: 2px solid rgba(255, 255, 255, 0.3);
        }
        
        .btn-outline:hover {
            background: rgba(255, 255, 255, 0.1);
            border-color: var(--primary-white);
        }
        
        .btn-secondary {
            background: var(--primary-white);
            color: var(--primary-black);
            border: 2px solid var(--primary-gray-lighter);
        }
        
        .btn-secondary:hover {
            border-color: var(--primary-gold);
            color: var(--primary-gold);
        }
        
        .section-header {
            text-align: center;
            margin-bottom: 70px;
        }
        
        .section-subtitle {
            color: var(--primary-gold);
            font-weight: 600;
            font-size: 16px;
            letter-spacing: 2px;
            margin-bottom: 15px;
            text-transform: uppercase;
        }
        
        .section-title {
            font-family: var(--font-accent);
            font-size: 48px;
            font-weight: 700;
            color: var(--primary-black);
            margin-bottom: 20px;
        }
        
        .section-description {
            font-size: 18px;
            color: var(--primary-gray);
            max-width: 700px;
            margin: 0 auto;
        }

        /* ============================================
           3. 导航栏模块 - 核心修复：取消固定+下拉菜单全可见
           ============================================ */
        .header {
            position: static !important;
            width: 100%;
            z-index: 9999;
            background-color: var(--bg-nav);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
            transition: var(--transition-smooth);
            padding: 0;
            margin: 0;
        }
        
        .header-container {
            display: flex;
            align-items: center;
            justify-content: space-around;
            flex-wrap: nowrap;
            height: 90px;
            position: relative;
            width: 100%;
            margin: 0 auto;
        }
        
        .logo {
            display: flex;
            align-items: center;
            gap: 15px;
            z-index: 10000;
            white-space: nowrap;
        }
        
        .logo-img {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .logo-img img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        .logo-text h1 {
            font-family: var(--font-accent);
            font-size: 28px;
            font-weight: 700;
            background: linear-gradient(135deg, var(--primary-gold) 0%, var(--primary-gold-dark) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            letter-spacing: 1px;
        }
        
        .logo-text p {
            font-size: 12px;
            color: var(--primary-gray-light);
            letter-spacing: 2px;
            font-weight: 300;
        }
        
        .nav-container {
            display: flex;
            align-items: center;
            overflow: visible !important;
            z-index: 9998;
            position: relative;
            height: 100%;
        }
        
        .nav-list {
            display: flex;
            list-style: none;
            justify-content: space-around;
            align-items: center;
            width: 100%;
            min-width: 600px;
            margin: 0;
            padding: 0;
            position: relative;
            z-index: 9998;
            height: 100%;
        }
        
        .nav-item {
            position: relative;
            padding: 0 5px;
            z-index: 9999;
            height: 100%;
            display: flex;
            align-items: center;
            overflow: visible !important;
        }
        
        .nav-link {
            font-weight: 600;
            font-size: 16px;
            color: var(--primary-white);
            padding: 10px 0;
            position: relative;
            white-space: nowrap;
            z-index: 9999;
            cursor: pointer;
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background: linear-gradient(90deg, var(--primary-gold) 0%, var(--primary-gold-dark) 100%);
            transition: var(--transition-smooth);
        }
        
        .nav-link:hover::after,
        .nav-link.active::after {
            width: 100%;
        }
        
        .nav-link:hover,
        .nav-link.active {
            color: var(--primary-gold);
        }
        
        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            font-size: 24px;
            color: var(--primary-white);
            cursor: pointer;
            padding: 10px;
            z-index: 10000;
        }
        
        .dropdown {
            position: absolute !important;
            top: 100% !important;
            left: 0 !important;
            min-width: 220px;
            background-color: var(--primary-black-light);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
            border-radius: 0 0 var(--border-radius) var(--border-radius);
            opacity: 0;
            visibility: hidden;
            transform: translateY(15px);
            transition: var(--transition-smooth);
            z-index: 99999 !important;
            border-top: 3px solid var(--primary-gold);
            display: block !important;
            overflow: visible !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        
        .nav-list .nav-item:last-child .dropdown {
            left: auto !important;
            right: 0 !important;
        }
        
        .products-dropdown {
            left: 50% !important;
            transform: translateX(-50%) translateY(15px) !important;
            min-width: 900px;
            max-width: calc(100vw - 40px) !important;
            padding: 30px;
            display: grid !important;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            overflow: visible !important;
            z-index: 99999 !important;
            background-color: var(--primary-black-light);
            border-top: 3px solid var(--primary-gold);
        }
        
        .nav-item:hover .dropdown {
            opacity: 1 !important;
            visibility: visible !important;
            transform: translateY(0) !important;
        }
        
        .nav-item:hover .products-dropdown {
            transform: translateX(-50%) translateY(0) !important;
        }
        
        .dropdown.active {
            opacity: 1 !important;
            visibility: visible !important;
            transform: translateY(0) !important;
            max-height: none !important;
            overflow: visible !important;
        }
        
        .dropdown-list {
            list-style: none;
            padding: 15px 0;
            margin: 0;
        }
        
        .dropdown-item {
            padding: 0;
            margin: 0;
        }
        
        .dropdown-link {
            display: flex;
            align-items: center;
            padding: 12px 25px;
            font-size: 15px;
            color: var(--primary-gray-light);
            transition: var(--transition-smooth);
            white-space: nowrap;
        }
        
        .dropdown-link:hover {
            background-color: rgba(255, 255, 255, 0.05);
            color: var(--primary-gold);
            padding-left: 30px;
        }
        
        .dropdown-link i {
            margin-right: 12px;
            width: 18px;
            text-align: center;
            color: var(--primary-gold);
        }
        
        .dropdown-divider {
            height: 1px;
            background-color: rgba(255, 255, 255, 0.1);
            margin: 8px 0;
        }
        
        .product-category {
            margin-bottom: 20px;
        }
        
        .product-category h4 {
            font-size: 16px;
            color: var(--primary-white);
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 2px solid rgba(255, 255, 255, 0.1);
            font-weight: 700;
        }
        
        .product-submenu {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .product-submenu li {
            margin-bottom: 10px;
        }
        
        .product-submenu a {
            display: block;
            padding: 6px 0;
            color: var(--primary-gray-light);
            font-size: 14px;
            transition: var(--transition-smooth);
        }
        
        .product-submenu a:hover {
            color: var(--primary-gold);
            padding-left: 8px;
        }

        /* ============================================
           4. 公司简介与软件开发整合模块
           ============================================ */
        .company-software-section {
            background-color: var(--primary-gray-lighter);
            padding: 100px 0;
            width: 100%;
            position: relative;
            z-index: 1;
        }
        
        .company-software-content {
            display: flex;
            align-items: center;
            gap: 80px;
            width: 100%;
        }
        
        .company-software-text {
            flex: 1;
        }
        
        .company-software-text h2 {
            font-family: var(--font-accent);
            font-size: 40px;
            font-weight: 700;
            color: var(--primary-black);
            margin-bottom: 30px;
        }
        
        .company-software-text h2 span {
            color: var(--primary-gold);
        }
        
        .company-software-text p {
            font-size: 18px;
            color: var(--primary-gray);
            margin-bottom: 25px;
        }
        
        .company-intro {
            margin-bottom: 40px;
        }
        
        .software-features {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            margin-top: 30px;
        }
        
        .software-feature {
            display: flex;
            align-items: flex-start;
            gap: 15px;
        }
        
        .software-feature i {
            color: var(--primary-gold);
            font-size: 24px;
            margin-top: 5px;
        }
        
        .software-feature h4 {
            font-size: 18px;
            color: var(--primary-black);
            margin-bottom: 5px;
        }
        
        .software-feature p {
            font-size: 15px;
            color: var(--primary-gray);
            margin-bottom: 0;
        }
        
        .company-software-image {
            flex: 1;
            border-radius: var(--border-radius-lg);
            overflow: hidden;
            box-shadow: 0 20px 60px var(--shadow-medium);
        }
        
        .company-software-image img {
            width: 100%;
            height: auto;
            display: block;
        }
        
        .company-software-buttons {
            display: flex;
            gap: 20px;
            margin-top: 40px;
        }

        /* ============================================
           5. 产品系列模块
           ============================================ */
        .products-section {
            background-color: var(--primary-white);
            width: 100%;
            position: relative;
            z-index: 1;
        }
        
        .products-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
            width: 100%;
        }
        
        .product-card {
            background-color: var(--primary-white);
            border-radius: var(--border-radius-lg);
            overflow: hidden;
            box-shadow: 0 10px 30px var(--shadow-light);
            transition: var(--transition-smooth);
            height: 100%;
            position: relative;
            width: 100%;
        }
        
        .product-card:hover {
            transform: translateY(-15px);
            box-shadow: 0 20px 50px var(--shadow-medium);
        }
        
        .product-image {
            height: 220px;
            background-color: var(--primary-gray-lighter);
            overflow: hidden;
            position: relative;
            width: 100%;
        }
        
        .product-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 1s ease;
        }
        
        .product-card:hover .product-image img {
            transform: scale(1.05);
        }
        
        .product-badge {
            position: absolute;
            top: 15px;
            left: 15px;
            background: linear-gradient(135deg, var(--primary-gold) 0%, var(--primary-gold-dark) 100%);
            color: var(--primary-white);
            padding: 6px 12px;
            border-radius: 30px;
            font-size: 11px;
            font-weight: 600;
            z-index: 2;
        }
        
        .product-content {
            padding: 25px;
        }
        
        .product-category-name {
            color: var(--primary-gold);
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 1px;
            margin-bottom: 12px;
            text-transform: uppercase;
        }
        
        .product-title {
            font-size: 22px;
            font-weight: 700;
            color: var(--primary-black);
            margin-bottom: 12px;
        }
        
        .product-description {
            color: var(--primary-gray);
            font-size: 15px;
            margin-bottom: 20px;
        }
        
        .product-features {
            list-style: none;
            margin-bottom: 20px;
        }
        
        .product-features li {
            display: flex;
            align-items: center;
            margin-bottom: 8px;
            color: var(--primary-gray);
            font-size: 14px;
        }
        
        .product-features li i {
            color: var(--primary-gold);
            margin-right: 10px;
            font-size: 13px;
        }

        /* ============================================
           6. 科技理念模块
           ============================================ */
        .tech-section {
            background-color: var(--primary-gray-lighter);
            color: var(--primary-black);
            position: relative;
            overflow: hidden;
            width: 100%;
            z-index: 1;
        }
        
        .tech-section::before {
            display: none;
        }
        
        .tech-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
            position: relative;
            z-index: 2;
            width: 100%;
        }
        
        .tech-item {
            text-align: center;
            padding: 40px 25px;
            background-color: var(--primary-white);
            border-radius: var(--border-radius-lg);
            border: 1px solid var(--border-light);
            box-shadow: 0 10px 30px var(--shadow-light);
            transition: var(--transition-smooth);
        }
        
        .tech-item:hover {
            background-color: var(--primary-white);
            transform: translateY(-10px);
            border-color: var(--primary-gold);
            box-shadow: 0 15px 40px var(--shadow-medium);
        }
        
        .tech-icon {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, var(--primary-gold) 0%, var(--primary-gold-dark) 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
            font-size: 28px;
            color: var(--primary-white);
        }
        
        .tech-item h3 {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 15px;
            color: var(--primary-black);
        }
        
        .tech-item p {
            color: var(--primary-gray);
            font-size: 15px;
        }

        /* ============================================
           7. 页脚模块（核心修改：小屏双排布局）
           ============================================ */
        .footer {
            background-color: var(--primary-black);
            color: var(--primary-gray-light);
            padding: 80px 0 30px;
            width: 100%;
            position: relative;
            z-index: 1;
        }
        
        .footer-content {
            display: grid;
            grid-template-columns: repeat(5, 1fr); /* 修改为5列，新增品牌相关模块 */
            gap: 60px;
            margin-bottom: 60px;
            width: 100%;
        }
        
        .footer-column h3 {
            color: var(--primary-white);
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 30px;
            position: relative;
            padding-bottom: 15px;
        }
        
        .footer-column h3::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 2px;
            background: linear-gradient(90deg, var(--primary-gold) 0%, var(--primary-gold-dark) 100%);
        }
        
        .footer-column ul {
            list-style: none;
        }
        
        .footer-column ul li {
            margin-bottom: 15px;
        }
        
        .footer-column ul li a:hover {
            color: var(--primary-gold);
            padding-left: 5px;
        }
        
        .contact-info p {
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 12px;
        }
        
        .contact-info i {
            color: var(--primary-gold);
            width: 20px;
        }
        
        .social-links {
            display: flex;
            gap: 15px;
            margin-top: 30px;
        }
        
        .social-link {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary-white);
            transition: var(--transition-smooth);
        }
        
        .social-link:hover {
            background-color: var(--primary-gold);
            transform: translateY(-5px);
        }
        
        .friend-links {
            padding: 40px 0;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            margin-bottom: 40px;
        }
        
        .friend-links-title {
            color: var(--primary-white);
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 25px;
            text-align: center;
            position: relative;
            padding-bottom: 15px;
        }
        
        .friend-links-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 2px;
            background: linear-gradient(90deg, var(--primary-gold) 0%, var(--primary-gold-dark) 100%);
        }
        
        .friend-links-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
            list-style: none;
        }
        
        .friend-links-list li {
            margin-bottom: 10px;
        }
        
        .friend-links-list a {
            color: var(--primary-gray-light);
            font-size: 14px;
            transition: var(--transition-smooth);
            padding: 5px 10px;
            border-radius: 4px;
        }
        
        .friend-links-list a:hover {
            color: var(--primary-gold);
            background-color: rgba(255, 255, 255, 0.05);
        }
        
        .copyright {
            text-align: center;
            padding-top: 30px;
            font-size: 14px;
            color: var(--primary-gray);
        }

        /* ============================================
           8. 响应式设计模块（核心修改：小屏页脚双排+移除统计）
           ============================================ */
        @media (max-width: 1200px) {
            .products-dropdown {
                min-width: 750px;
                grid-template-columns: repeat(3, 1fr);
                left: 50% !important;
                transform: translateX(-50%) translateY(15px) !important;
                max-width: calc(100vw - 40px) !important;
            }
            
            .nav-item:hover .products-dropdown {
                transform: translateX(-50%) translateY(0) !important;
            }
            
            .section-title {
                font-size: 40px;
            }
            
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .tech-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .software-features {
                grid-template-columns: 1fr;
            }
            
            .company-software-buttons {
                flex-direction: column;
            }
            
            .friend-links-list {
                gap: 20px;
            }
            
            .footer-content {
                grid-template-columns: repeat(5, 1fr); /* 保持5列 */
                gap: 40px;
            }
            /* 轮播图适配 */
            .carousel-caption h2 {
                font-size: 48px;
            }
        }
        
        @media (max-width: 992px) {
            .nav-list {
                min-width: 500px;
            }
            
            .section-title {
                font-size: 40px;
            }
            
            .company-software-content {
                flex-direction: column;
                gap: 60px;
            }
            
            .company-software-image, .company-software-text {
                width: 100%;
            }
            
            .footer-content {
                grid-template-columns: repeat(3, 1fr); /* 调整为3列 */
                gap: 40px;
            }
            
            .products-dropdown {
                min-width: 700px;
                left: 50% !important;
                transform: translateX(-50%) translateY(15px) !important;
                max-width: calc(100vw - 40px) !important;
            }
            
            .friend-links-list {
                gap: 15px;
            }
        }
        
        @media (max-width: 768px) {
            .header-container {
                height: 80px;
                justify-content: space-between !important;
                padding: 0 20px;
            }
            
            .mobile-menu-btn {
                display: block;
            }
            
            .nav-container {
                position: fixed !important;
                top: 80px !important;
                left: 0 !important;
                width: 100% !important;
                background-color: var(--primary-black) !important;
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.5s ease;
                z-index: 99999 !important;
                overflow-y: auto !important;
            }
            
            .nav-container.active {
                max-height: 80vh;
                overflow-y: auto !important;
            }
            
            .nav-list {
                flex-direction: column;
                width: 100%;
                padding: 30px;
                gap: 0;
                min-width: auto;
                height: auto;
            }
            
            .nav-item {
                width: 100%;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                padding: 0;
                height: auto;
                display: block;
            }
            
            .nav-link {
                padding: 20px 0;
                display: block;
                cursor: pointer;
                background-color: transparent;
                white-space: normal;
            }
            
            .dropdown {
                position: static !important;
                opacity: 1 !important;
                visibility: visible !important;
                transform: none !important;
                box-shadow: none;
                border-top: none;
                border-left: 4px solid var(--primary-gold);
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.3s ease;
                background-color: rgba(255, 255, 255, 0.05);
                border-radius: 0;
                margin-left: 20px !important;
                margin-top: 0 !important;
                margin-bottom: 0 !important;
                left: auto !important;
                right: auto !important;
                width: auto !important;
                z-index: 99999 !important;
            }
            
            .dropdown.active {
                max-height: 2000px !important;
                margin-top: 10px !important;
                margin-bottom: 10px !important;
                overflow: visible !important;
            }
            
            .products-dropdown {
                min-width: 100% !important;
                grid-template-columns: 1fr !important;
                padding: 20px !important;
                left: 0 !important;
                transform: none !important;
                max-width: 100% !important;
                overflow: visible !important;
            }
            
            .nav-item:hover .products-dropdown {
                transform: none !important;
            }
            
            .products-grid {
                grid-template-columns: 1fr;
            }
            
            .tech-grid {
                grid-template-columns: 1fr;
            }
            
            .section-title {
                font-size: 32px;
            }
            
            .section-description {
                font-size: 16px;
            }
            
            .company-software-section {
                padding: 70px 0;
            }
            
            .friend-links {
                padding: 30px 0;
                margin-bottom: 30px;
            }
            
            /* 核心修改1：小屏页脚快速导航/产品系列/友情链接 双排排列 */
            .footer-content {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 30px;
            }
            .friend-links-list {
                display: grid !important;
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 10px 15px;
                justify-content: flex-start;
                padding: 0 10px;
            }
            
            .footer-content {
                grid-template-columns: 1fr;
            }
            /* 轮播图核心适配 */
            .carousel {
                height: 300px;
            }
            .carousel-caption h2 {
                font-size: 28px;
            }
            .carousel-caption p {
                font-size: 14px;
                margin-bottom: 20px;
            }
            .carousel-btn {
                width: 40px;
                height: 40px;
                font-size: 20px;
            }
            .carousel-prev {
                left: 15px;
            }
            .carousel-next {
                right: 15px;
            }
            .carousel-indicators {
                bottom: 15px;
                gap: 10px;
            }
            .carousel-dot {
                width: 10px;
                height: 10px;
            }
            .carousel-dot.active {
                width: 25px;
            }
            .btn {
                padding: 12px 24px;
                font-size: 14px;
            }
        }
        
        @media (max-width: 576px) {
            .logo-img {
                width: 50px;
                height: 50px;
            }
            
            .logo-text h1 {
                font-size: 22px;
            }
            
            .section-spacing {
                padding: 50px 0;
            }
            
            .section-title {
                font-size: 28px;
            }
            
            .section-description {
                font-size: 15px;
            }
            
            .company-software-content {
                gap: 40px;
            }
            
            .company-software-text h2 {
                font-size: 32px;
            }
            
            .software-features {
                grid-template-columns: 1fr;
            }
            
            .friend-links-list {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 8px 10px;
                align-items: center;
                padding: 0 5px;
            }
            
            .friend-links-list li {
                margin-bottom: 5px;
            }
            /* 小屏轮播图适配 */
            .carousel {
                height: 250px;
            }
            .carousel-caption h2 {
                font-size: 24px;
            }
            .carousel-caption .btn {
                padding: 10px 20px;
                font-size: 13px;
            }
        }
        
        main, section, header, footer {
            width: 100%;
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
        }
        
        * {
            overflow: visible !important;
        }
        .product-image, .company-software-image, .logo-img, .product-card, .carousel-item {
            overflow: hidden !important;
        }
    </style>
</head>
<body>
    <!-- 顶部导航栏 -->
    <header class="header">
        <div class="container header-container">
            <div class="logo">
                <div class="logo-img">
                    <img src="http://www.oej.cn/static/logo/200X200.png" alt="欧易金科技">
                </div>
                <div class="logo-text">
                    <h1>欧易金科技</h1>
                    <p>O·E·J SYSTEM</p>
                </div>
            </div>
            
            <button class="mobile-menu-btn" id="mobileMenuBtn">
                <i class="fas fa-bars"></i>
            </button>
            
            <nav class="nav-container" id="navContainer">
                <ul class="nav-list">
                    <li class="nav-item">
                        <a href="/" class="nav-link active">首页</a>
                    </li>
                    
                    <li class="nav-item">
                        <a href="/static/html/company.html" class="nav-link">公司</a>
                        <div class="dropdown">
                            <ul class="dropdown-list">
                                <li class="dropdown-item">
                                    <a href="/static/html/company-intro.html" class="dropdown-link">
                                        <i class="fas fa-building"></i>公司简介
                                    </a>
                                </li>
                                <li class="dropdown-item">
                                    <a href="/static/html/company-history.html" class="dropdown-link">
                                        <i class="fas fa-history"></i>发展历程
                                    </a>
                                </li>
                                <li class="dropdown-item">
                                    <a href="/static/html/company-culture.html" class="dropdown-link">
                                        <i class="fas fa-handshake"></i>企业文化
                                    </a>
                                </li>
                                <li class="dropdown-item">
                                    <a href="/static/html/company-structure.html" class="dropdown-link">
                                        <i class="fas fa-sitemap"></i>组织架构
                                    </a>
                                </li>
                                <li class="dropdown-item">
                                    <a href="/static/html/company-software.html" class="dropdown-link">
                                        <i class="fas fa-code"></i>软件开发
                                    </a>
                                </li>
                                <li class="dropdown-item">
                                    <a href="/static/html/company-honors.html" class="dropdown-link">
                                        <i class="fas fa-award"></i>资质荣誉
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    
                    <li class="nav-item">
                        <a href="/static/html/brand.html" class="nav-link">品牌</a>
                        <div class="dropdown">
                            <ul class="dropdown-list">
                                <li class="dropdown-item">
                                    <a href="/static/html/brand-story.html" class="dropdown-link">
                                        <i class="fas fa-book-open"></i>品牌故事
                                    </a>
                                </li>
                                <li class="dropdown-item">
                                    <a href="/static/html/brand-philosophy.html" class="dropdown-link">
                                        <i class="fas fa-lightbulb"></i>品牌理念
                                    </a>
                                </li>
                                <li class="dropdown-item">
                                    <a href="/static/html/brand-intro.html" class="dropdown-link">
                                        <i class="fas fa-crown"></i>品牌介绍
                                    </a>
                                </li>
                                <li class="dropdown-item">
                                    <a href="/static/html/brand-values.html" class="dropdown-link">
                                        <i class="fas fa-star"></i>品牌价值
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    
                    <li class="nav-item">
                        <a href="/static/html/products.html" class="nav-link">供应</a>
                        <div class="dropdown products-dropdown">
                            <div class="product-category">
                                <h4><a href="/static/html/products-robot.html">机器人系列</a></h4>
                                <ul class="product-submenu">
                                    <li><a href="/static/html/products-robot-home.html">家用服务机器人</a></li>
                                    <li><a href="/static/html/products-robot-office.html">办公助理机器人</a></li>
                                    <li><a href="products-robot-health.html">健康护理机器人</a></li>
                                    <li><a href="/static/html/products-robot-education.html">教育陪伴机器人</a></li>
                                    <li><a href="/static/html/products-robot-accessories.html">机器人配件</a></li>
                                </ul>
                            </div>
                            
                            <div class="product-category">
                                <h4><a href="/static/html/products-sport.html">运动活力系列</a></h4>
                                <ul class="product-submenu">
                                    <li><a href="/static/html/products-running.html">专业跑鞋</a></li>
                                    <li><a href="/static/html/products-training.html">智能训练装备</a></li>
                                    <li><a href="/static/html/products-yoga.html">瑜伽器械</a></li>
                                    <li><a href="/static/html/products-outdoor.html">户外运动装备</a></li>
                                    <li><a href="/static/html/products-fitness.html">健身器材</a></li>
                                </ul>
                            </div>
                            
                            <div class="product-category">
                                <h4><a href="/static/html/products-cloth.html">风尚衣橱系列</a></h4>
                                <ul class="product-submenu">
                                    <li><a href="/static/html/products-shoes.html">真皮女鞋</a></li>
									<li><a href="/static/html/products-shoes.html">真皮鞋子</a></li>
                                    <li><a href="/static/html/products-trench.html">智慧风衣</a></li>
                                    <li><a href="/static/html/products-down.html">轻暖羽绒服</a></li>
                                    <li><a href="/static/html/products-clothing.html">配套服饰</a></li>
                                    <li><a href="/static/html/products-accessories.html">时尚配件</a></li>
                                </ul>
                            </div>
                            
                            <div class="product-category">
                                <h4><a href="/static/html/products-health.html">健康滋养系列</a></h4>
                                <ul class="product-submenu">
                                    <li><a href="/static/html/products-snacks.html">天然零食</a></li>
                                    <li><a href="/static/html/products-tea.html">养生茶饮</a></li>
                                    <li><a href="/static/html/products-supplements.html">营养补充品</a></li>
                                    <li><a href="/static/html/products-care.html">个人护理</a></li>
                                    <li><a href="/static/html/products-wellness.html">健康监测设备</a></li>
                                </ul>
                            </div>
                            
                            <div class="product-category">
                                <h4><a href="/static/html/products-offices.html">办公效率系列</a></h4>
                                <ul class="product-submenu">
                                    <li><a href="/static/html/products-chair.html">智能工学椅</a></li>
                                    <li><a href="/static/html/products-desk.html">电动升降桌</a></li>
                                    <li><a href="/static/html/products-office.html">办公配件</a></li>
                                    <li><a href="/static/html/products-stationery.html">高效文具</a></li>
                                    <li><a href="/static/html/products-tech.html">办公科技产品</a></li>
                                </ul>
                            </div>
                            
                            <div class="product-category">
                                <h4><a href="/static/html/products-daily.html">居家日用系列</a></h4>
                                <ul class="product-submenu">
                                    <li><a href="/static/html/products-kitchen.html">厨房器具</a></li>
                                    <li><a href="/static/html/products-bedding.html">床品织物</a></li>
                                    <li><a href="/static/html/products-appliances.html">智能家电</a></li>
                                    <li><a href="/static/html/products-decor.html">家居装饰</a></li>
                                    <li><a href="/static/html/products-cleaning.html">清洁工具</a></li>
                                </ul>
                            </div>
                            
                            <div class="product-category">
                                <h4><a href="/static/html/products-outdoor.html">户外探索系列</a></h4>
                                <ul class="product-submenu">
                                    <li><a href="/static/html/products-camping.html">露营装备</a></li>
                                    <li><a href="/static/html/products-travel.html">旅行配件</a></li>
                                    <li><a href="/static/html/products-protection.html">防护用品</a></li>
                                    <li><a href="/static/html/products-lighting.html">户外照明</a></li>
                                    <li><a href="/static/html/products-navigation.html">导航设备</a></li>
                                </ul>
                            </div>
                            
                            <div class="product-category">
                                <h4><a href="/static/html/products-digital.html">数码随行系列</a></h4>
                                <ul class="product-submenu">
                                    <li><a href="/static/html/products-charging.html">快充设备</a></li>
                                    <li><a href="/static/html/products-audio.html">音频产品</a></li>
                                    <li><a href="products-smart.html">智能设备</a></li>
                                    <li><a href="/static/html/products-storage.html">移动存储</a></li>
                                    <li><a href="/static/html/products-gadgets.html">数码配件</a></li>
                                </ul>
                            </div>
                            
                            <div class="product-category">
                                <h4><a href="/static/html/products-gift.html">心意礼赠系列</a></h4>
                                <ul class="product-submenu">
                                    <li><a href="/static/html/products-gifts.html">节日礼盒</a></li>
                                    <li><a href="/static/html/products-collection.html">联名藏品</a></li>
                                    <li><a href="/static/html/products-custom.html">定制礼品</a></li>
                                    <li><a href="/static/html/products-special.html">特别限定</a></li>
                                    <li><a href="/static/html/products-packaging.html">礼品包装</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    
                    <li class="nav-item">
                        <a href="/static/html/news-company.html" class="nav-link">新闻</a>
                        <div class="dropdown">
                            <ul class="dropdown-list">
                                <li class="dropdown-item">
                                    <a href="/static/html/news-company.html" class="dropdown-link">
                                        <i class="fas fa-newspaper"></i>公司新闻
                                    </a>
                                </li>
                                <li class="dropdown-item">
                                    <a href="news-industry.html" class="dropdown-link">
                                        <i class="fas fa-chart-line"></i>行业动态
                                    </a>
                                </li>
                                <li class="dropdown-item">
                                    <a href="/static/html/news-media.html" class="dropdown-link">
                                        <i class="fas fa-tv"></i>媒体报道
                                    </a>
                                </li>
                                <li class="dropdown-item">
                                    <a href="/static/html/news-events.html" class="dropdown-link">
                                        <i class="fas fa-calendar-check"></i>公告预告
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    
                    <li class="nav-item">
                        <a href="/static/html/investor-opportunity.html" class="nav-link">投资者</a>
                        <div class="dropdown">
                            <ul class="dropdown-list">
								<li class="dropdown-item">
                                    <a href="/static/html/investor-opportunity.html" class="dropdown-link">
                                        <i class="fas fa-chart-line"></i>投资机会
                                    </a>
                                </li>
                                <li class="dropdown-item">
                                    <a href="/static/html/investor-governance.html" class="dropdown-link">
                                        <i class="fas fa-landmark"></i>公司治理
                                    </a>
                                </li>
                                <li class="dropdown-item">
                                    <a href="/static/html/investor-financial.html" class="dropdown-link">
                                        <i class="fas fa-chart-bar"></i>财务报告
                                    </a>
                                </li>
                                <li class="dropdown-item">
                                    <a href="/static/html/BP500.html" class="dropdown-link">
                                        <i class="fas fa-chart-line"></i>融资计划
                                    </a>
                                </li>
                                <li class="dropdown-item">
                                    <a href="/static/html/investor-announcements.html" class="dropdown-link">
                                        <i class="fas fa-bullhorn"></i>投资者公告
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- 新增：导航栏下方轮播图模块（与官网风格统一） -->
    <div class="carousel">
        <div class="carousel-inner">
            <!-- 轮播图1：品牌核心 -->
            <div class="carousel-item active">
                <img src="https://picsum.photos/1920/600?random=10" alt="欧易金科技 - 品质如金 科技为纬">
                <div class="carousel-caption">
                    <h2>品质如金 <span>科技为纬</span></h2>
                    <p>构建全景金质生活体系，始于一双好鞋的初心，走向全景生活生态</p>
                    <a href="/static/html/brand-intro.html" class="btn btn-primary">了解品牌理念</a>
                </div>
            </div>
            <!-- 轮播图2：产品体系 -->
            <div class="carousel-item">
                <img src="https://picsum.photos/1920/600?random=11" alt="欧易金科技 - 九大产品系列 全景覆盖生活">
                <div class="carousel-caption">
                    <h2>九大产品系列 <span>全景覆盖生活</span></h2>
                    <p>从智能机器人到日常穿戴，从健康滋养到户外探索，全方位品质生活解决方案</p>
                    <a href="/static/html/products.html" class="btn btn-primary">探索全部产品</a>
                </div>
            </div>
            <!-- 轮播图3：科技创新 -->
            <div class="carousel-item">
                <img src="https://picsum.photos/1920/600?random=12" alt="欧易金科技 - 科技驱动创新 创新定义未来">
                <div class="carousel-caption">
                    <h2>科技驱动创新 <span>创新定义未来</span></h2>
                    <p>融合AI智能、软件开发、人体工学前沿技术，为产品注入卓越性能与体验</p>
                    <a href="/static/html/company-software.html" class="btn btn-primary">了解核心技术</a>
                </div>
            </div>
        </div>
        <!-- 轮播左右切换按钮 -->
        <button class="carousel-btn carousel-prev" id="carouselPrev">
            <i class="fas fa-chevron-left"></i>
        </button>
        <button class="carousel-btn carousel-next" id="carouselNext">
            <i class="fas fa-chevron-right"></i>
        </button>
        <!-- 轮播指示器 -->
        <div class="carousel-indicators" id="carouselIndicators">
            <button class="carousel-dot active" data-index="0"></button>
            <button class="carousel-dot" data-index="1"></button>
            <button class="carousel-dot" data-index="2"></button>
        </div>
    </div>

    <!-- 公司简介与软件开发整合模块（核心修改：精简文案+移除统计模块） -->
    <section class="company-software-section">
        <div class="container">
            <div class="company-software-content">
                <div class="company-software-text">
                    <h2>欧易金，科技创新，赋能数字未来</h2>
                    
                    <div class="company-intro">
                        <p><span style="color: var(--primary-gold); font-weight: 600;">欧易金科技（深圳）有限公司</span>2020年由李红宙先生创立，专注于全景生活场景的科技品牌。品牌由创始人带领团队创立，深耕极端环境羽绒填充、智能透湿排汗面料及无污染茶叶种植等底层技术，构建起融合材料科学、人工智能与人体工学的跨学科产品体系。

围绕现代人多元生活需求，欧易金推出“全景生活九大体系”，涵盖风尚衣橱、办公效率、健康滋养、运动活力、家居舒适、出行体验、数字生活及环保可持续等场景，以系统化解决方案实现跨场景协同。品牌独创OEJ模式，依托欧易金创新实验室与品质数字中台，形成从用户场景洞察、全链路数据品控到匿名使用反馈的研发闭环。

欧易金致力于通过科技驱动与用户共创，成为未来品质生活的系统构建者。  
                    </div>
                   
                    <p>欧易金科技兼具硬件创新与软件研发实力，核心团队深耕AI、物联网与大数据技术，为企业数字化转型提供定制化软件解决方案，实现产品智能化升级与体验优化。</p>
                    
                    <div class="software-features">
						<div class="software-feature">
                            <i class="fas fa-chart-line"></i>
                            <div>
                                <h4>企业数字化AI智能管理系统</h4>
                                <p>为企业量身定制的数字化转型AI智能管理解决方案</p>
                            </div>
                        </div>
						<div class="software-feature">
                            <i class="fas fa-robot"></i>
                            <div>
                                <h4>供应链AI智能管理系统</h4>
                                <p>基于人工智能的供应链优化与智能决策系统</p>
                            </div>
                        </div>
                        <div class="software-feature">
                            <i class="fas fa-cogs"></i>
                            <div>
                                <h4>智能家居软件</h4>
                                <p>控制和管理智能家居设备的一体化平台</p>
                            </div>
                        </div>
                        <div class="software-feature">
                            <i class="fas fa-heartbeat"></i>
                            <div>
                                <h4>健康管理应用</h4>
                                <p>个人健康数据追踪与分析的专业应用</p>
                            </div>
                        </div>
                        
                        
                    </div>
                    
                    <div class="company-software-buttons">
                        <a href="/static/html/company-intro.html" class="btn btn-primary">了解更多公司信息</a>
                        <a href="/static/html/company-software.html" class="btn btn-secondary">了解更多软件开发业务</a>
                    </div>
                </div>
                <div class="company-software-image">
                    <img src="https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="欧易金科技公司">
                </div>
            </div>
        </div>
    </section>

    <!-- 产品系列区 -->
    <section class="products-section section-spacing">
        <div class="container">
            <div class="section-header">
                <p class="section-subtitle">我们的产品体系</p>
                <h2 class="section-title">九大产品系列 全景覆盖生活</h2>
                <p class="section-description">从智能机器人到日常穿戴，从健康滋养到户外探索，欧易金科技构建了覆盖全生活场景的产品体系，为您提供全方位的品质生活解决方案。</p>
            </div>
            
            <div class="products-grid">
                <div class="product-card">
                    <div class="product-image">
                        <img src="https://images.unsplash.com/photo-1485827404703-89b55fcc595e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="机器人系列">
                        <div class="product-badge">新品上市</div>
                    </div>
                    <div class="product-content">
                        <p class="product-category-name">系列一</p>
                        <h3 class="product-title">机器人系列</h3>
                        <p class="product-description">融合AI智能与精密工程的家用、办公及健康护理机器人，重新定义未来生活方式，提供智能化、个性化的生活解决方案。</p>
                        <ul class="product-features">
                            <li><i class="fas fa-check"></i>人工智能交互系统</li>
                            <li><i class="fas fa-check"></i>多场景应用适配</li>
                            <li><i class="fas fa-check"></i>智能家居互联</li>
                        </ul>
                        <a href="/static/html/products-robot.html" class="btn btn-secondary">了解更多</a>
                    </div>
                </div>
                
                <div class="product-card">
                    <div class="product-image">
                        <img src="https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="运动活力系列">
                    </div>
                    <div class="product-content">
                        <p class="product-category-name">系列二</p>
                        <h3 class="product-title">运动活力系列</h3>
                        <p class="product-description">专业运动装备与智能训练系统，结合生物力学与材料科技，提升运动表现，保障运动安全，激发身体潜能。</p>
                        <ul class="product-features">
                            <li><i class="fas fa-check"></i>动态支撑科技</li>
                            <li><i class="fas fa-check"></i>运动数据追踪</li>
                            <li><i class="fas fa-check"></i>智能恢复系统</li>
                        </ul>
                        <a href="/static/html/products-sport.html" class="btn btn-secondary">了解更多</a>
                    </div>
                </div>
                
                <div class="product-card">
                    <div class="product-image">
                        <img src="https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="风尚衣橱系列">
                    </div>
                    <div class="product-content">
                        <p class="product-category-name">系列三</p>
                        <h3 class="product-title">风尚衣橱系列</h3>
                        <p class="product-description">经典设计与科技面料的完美结合，从真皮鞋履到智慧风衣，打造全天候得体着装，兼顾风格与功能性。</p>
                        <ul class="product-features">
                            <li><i class="fas fa-check"></i>头层牛皮材质</li>
                            <li><i class="fas fa-check"></i>智能温控系统</li>
                            <li><i class="fas fa-check"></i>防水透气科技</li>
                        </ul>
                        <a href="/static/html/products-cloth.html" class="btn btn-secondary">了解更多</a>
                    </div>
                </div>
            </div>
            
            <div style="text-align: center; margin-top: 60px;">
                <a href="/static/html/products.html" class="btn btn-primary">查看全部九大产品系列</a>
            </div>
        </div>
    </section>

    <!-- 科技理念区 -->
    <section class="tech-section section-spacing">
        <div class="container">
            <div class="section-header">
                <p class="section-subtitle">我们的技术核心</p>
                <h2 class="section-title">科技驱动创新 创新定义未来</h2>
                <p class="section-description">欧易金科技以科技创新为核心驱动力，通过产品研发、人工智能与人体工学等前沿技术，为每一个产品系列注入卓越性能与卓越体验。</p>
            </div>
            
            <div class="tech-grid">
                <div class="tech-item">
                    <div class="tech-icon">
                        <i class="fas fa-robot"></i>
                    </div>
                    <h3>人工智能</h3>
                    <p>自主研发的AI算法与机器学习系统，为机器人产品提供智能交互、环境感知与自主决策能力，实现真正智能化服务。</p>
                </div>
                
                <div class="tech-item">
                    <div class="tech-icon">
                        <i class="fas fa-code"></i>
                    </div>
                    <h3>软件开发</h3>
                    <p>专业的软件开发团队，专注于物联网、大数据和人工智能技术的应用，为用户提供智能化的软件解决方案。</p>
                </div>
                
                <div class="tech-item">
                    <div class="tech-icon">
                        <i class="fas fa-atom"></i>
                    </div>
                    <h3>产品研发</h3>
                    <p>专注于产品研发与创新，整合前沿科技与用户需求，打造智能、高效、环保的产品，实现功能性与可持续性的完美平衡。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-column">
                    <h3>欧易金科技</h3>
                    <p style="margin-bottom: 20px;">以科技驱动创新，构建全景金质生活体系。始于一双好鞋的初心，走向全景生活生态，始终恪守珠宝级标准。</p>
                    <div class="social-links">
                        <a href="https://weixin.qq.com" class="social-link" target="_blank"><i class="fab fa-weixin"></i></a>
                        <a href="https://weibo.com" class="social-link" target="_blank"><i class="fab fa-weibo"></i></a>
                        <a href="https://linkedin.com" class="social-link" target="_blank"><i class="fab fa-linkedin-in"></i></a>
                        <a href="https://instagram.com" class="social-link" target="_blank"><i class="fab fa-instagram"></i></a>
                    </div>
                </div>
                
                <div class="footer-column">
                    <h3>快速导航</h3>
                    <ul>
                        <li><a href="/">首页</a></li>
                        <li><a href="company.html">公司</a></li>
                        <li><a href="brand.html">品牌</a></li>
                        <li><a href="products.html">产品</a></li>
                        <li><a href="news.html">新闻</a></li>
                        <li><a href="investor.html">投资者</a></li>
                    </ul>
                </div>
                
                <!-- 新增品牌相关模块 -->
                <div class="footer-column">
                    <h3>品牌相关</h3>
                    <ul>
                        <li><a href="brand-story.html">品牌故事</a></li>
                        <li><a href="brand-philosophy.html">品牌理念</a></li>
                        <li><a href="brand-intro.html">品牌介绍</a></li>
                        <li><a href="brand-values.html">品牌价值</a></li>
                        <li><a href="products-shoes.html">创始产品：真皮鞋子</a></li>
                        <li><a href="products.html">九大产品体系</a></li>
                    </ul>
                </div>
                
                <div class="footer-column">
                    <h3>产品系列</h3>
                    <ul>
                        <li><a href="products-robot-home.html">机器人系列</a></li>
                        <li><a href="products-running.html">运动活力系列</a></li>
                        <li><a href="products-shoes.html">风尚衣橱系列</a></li>
                        <li><a href="products-snacks.html">健康滋养系列</a></li>
                        <li><a href="products-chair.html">办公效率系列</a></li>
                        <li><a href="products-kitchen.html">居家日用系列</a></li>
                    </ul>
                </div>
                
                <div class="footer-column">
                    <h3> <a href="http://www.oej.cn/static/html/contact.html">联系我们</a></h3>
                    <div class="contact-info">
                        <p><i class="fas fa-map-marker-alt"></i> 深圳市光明区马田街道禾湾社区第七工业区时间谷第二栋218-B1801B</p>
                        <p><i class="fas fa-phone"></i> <a href="tel:17666135388">17666135388</a></p>
                        <p><i class="fas fa-envelope"></i> <a href="mailto:www@oej.cn">www@oej.cn</a></p>
                        <p><i class="fas fa-globe"></i> <a href="https://oej.cn" target="_blank">oej.cn</a></p>
                    </div>
                </div>
            </div>
            
            <div class="friend-links">
                <h3 class="friend-links-title">友情链接</h3>
                <ul class="friend-links-list">
                    <li><a href="https://baike.baidu.com/item/%E5%B9%BF%E4%B8%9C%E7%A7%91%E7%A7%91%E5%A5%BD%E6%96%87%E5%8C%96%E7%A7%91%E6%8A%80%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/64588361" target="_blank">广东科科好</a></li>
                    <li><a href="https://baike.baidu.com/item/%E7%A7%91%E7%A7%91%E5%A5%BD/66219853" target="_blank">科科好</a></li>
                    <li><a href="https://baike.baidu.com/item/%E7%8F%8A%E7%8F%8A%E5%90%8C%E5%AD%A6/66234263" target="_blank">珊珊同学</a></li>
                    <li><a href="https://baike.baidu.com/item/%E6%9D%8E%E7%BA%A2%E5%AE%99/66852226" target="_blank">李红宙</a></li>
                    <li><a href="http://www.kekehao.com" target="_blank">科科好品牌</a></li>
                    
                    <li><a href="http://www.oej.cn" target="_blank">欧易金</a></li>
                </ul>
            </div>
            
            <div class="copyright">
                <p>欧易金科技（深圳）有限公司 © 2023 版权所有 | <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2020086348号</a>    
				</p>
				<p>
				<a href="http://www.oej.cn/sitemap.html" target="_blank">网站地图</a>
				  | <a href="/static/html/privacy.html">隐私政策</a> | <a href="/static/html/terms.html">服务条款</a>
				</p>
				 <p style="font-size: 12px; margin-top: 10px; color: rgba(255,255,255,0.5);">
                    本网站所有产品图片及文字说明仅供参考，实际产品可能因版本不同而有所差异，最终解释权归欧易金科技所有
                </p>
            </div>
        </div>
    </footer>

    <script>
        // 移动端菜单交互 - 核心优化：小屏互斥展开，仅保留当前菜单展开
        const mobileMenuBtn = document.getElementById('mobileMenuBtn');
        const navContainer = document.getElementById('navContainer');
        const navLinks = document.querySelectorAll('.nav-link');
        const allDropdowns = document.querySelectorAll('.dropdown'); // 所有下拉菜单
        
        // 汉堡按钮切换主导航
        mobileMenuBtn.addEventListener('click', function() {
            navContainer.classList.toggle('active');
            const icon = this.querySelector('i');
            icon.classList.toggle('fa-bars');
            icon.classList.toggle('fa-times');
            // 打开主导航时不展开任何子菜单
            if (navContainer.classList.contains('active')) {
                allDropdowns.forEach(dropdown => dropdown.classList.remove('active'));
            }
        });
        
        // 导航链接点击事件 - 核心互斥逻辑
        navLinks.forEach(link => {
            link.addEventListener('click', function(e) {
                const isMobile = window.innerWidth <= 768;
                const parentItem = this.parentElement;
                const currentDropdown = parentItem.querySelector('.dropdown');

                // 仅小屏执行互斥展开逻辑
                if (isMobile) {
                    // 有下拉菜单的导航项，阻止默认跳转，执行展开/收起
                    if (currentDropdown) {
                        e.preventDefault();
                        // 步骤1：收起所有其他下拉菜单（互斥核心）
                        allDropdowns.forEach(dropdown => {
                            if (dropdown !== currentDropdown) {
                                dropdown.classList.remove('active');
                            }
                        });
                        // 步骤2：切换当前下拉菜单的展开/收起状态
                        currentDropdown.classList.toggle('active');
                    } else {
                        // 无下拉菜单的导航项（如首页），点击后关闭主导航和所有子菜单
                        navContainer.classList.remove('active');
                        mobileMenuBtn.querySelector('i').className = 'fas fa-bars';
                        allDropdowns.forEach(dropdown => dropdown.classList.remove('active'));
                    }
                }
                // 大屏保持原有悬浮展开逻辑，不做干预
            });
        });
        
        // 点击页面其他区域，关闭主导航和所有子菜单
        document.addEventListener('click', function(event) {
            if (window.innerWidth <= 768 && 
                !event.target.closest('.nav-container') && 
                !event.target.closest('.mobile-menu-btn')) {
                navContainer.classList.remove('active');
                mobileMenuBtn.querySelector('i').className = 'fas fa-bars';
                allDropdowns.forEach(dropdown => dropdown.classList.remove('active'));
            }
        });
        
        // 窗口大小变化，重置导航状态，避免样式错乱
        window.addEventListener('resize', function() {
            if (window.innerWidth > 768) {
                navContainer.classList.remove('active');
                mobileMenuBtn.querySelector('i').className = 'fas fa-bars';
                allDropdowns.forEach(dropdown => dropdown.classList.remove('active'));
            }
        });
        
        // 页面加载初始化样式
        window.addEventListener('load', function() {
            document.body.style.width = '100%';
            document.body.style.overflowX = 'hidden';
        });

        // 轮播图核心交互逻辑（保留原有功能）
        const carouselItems = document.querySelectorAll('.carousel-item');
        const carouselDots = document.querySelectorAll('.carousel-dot');
        const prevBtn = document.getElementById('carouselPrev');
        const nextBtn = document.getElementById('carouselNext');
        let currentIndex = 0;
        let carouselTimer;

        // 切换轮播图方法
        function switchCarousel(index) {
            carouselItems.forEach(item => item.classList.remove('active'));
            carouselDots.forEach(dot => dot.classList.remove('active'));
            carouselItems[index].classList.add('active');
            carouselDots[index].classList.add('active');
            currentIndex = index;
        }

        // 上一张
        function prevCarousel() {
            currentIndex = (currentIndex - 1 + carouselItems.length) % carouselItems.length;
            switchCarousel(currentIndex);
            resetCarouselTimer();
        }

        // 下一张
        function nextCarousel() {
            currentIndex = (currentIndex + 1) % carouselItems.length;
            switchCarousel(currentIndex);
            resetCarouselTimer();
        }

        // 重置自动播放定时器
        function resetCarouselTimer() {
            clearInterval(carouselTimer);
            startCarouselTimer();
        }

        // 启动自动播放（5秒/次）
        function startCarouselTimer() {
            carouselTimer = setInterval(nextCarousel, 5000);
        }

        // 绑定轮播事件
        prevBtn.addEventListener('click', prevCarousel);
        nextBtn.addEventListener('click', nextCarousel);
        carouselDots.forEach((dot, index) => {
            dot.addEventListener('click', () => {
                switchCarousel(index);
                resetCarouselTimer();
            });
        });

        // 鼠标悬停暂停轮播，离开继续
        const carousel = document.querySelector('.carousel');
        carousel.addEventListener('mouseenter', () => clearInterval(carouselTimer));
        carousel.addEventListener('mouseleave', startCarouselTimer);

        // 初始化轮播自动播放
        startCarouselTimer();
    </script>
</body>
</html>