<!DOCTYPE html>
<html class="no-js" lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="bytedance-verification-code" content="tLtqAZ3BYWjjF9mCuacq" />
<meta name="author" content="西部制造">
<meta name="datePublished" content="2025-01-01">
<meta name="renderer" content="webkit">
<meta name="force-rendering" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>西部制造 - 军事模型制作公司 | 试验模型定制 | 展示模型厂家 | 二级保密资格</title>
<meta name="keywords" content="军工模型制作,试验模型厂家,展示模型定制,RCS模型,红外模型">
<meta name="description" content="西部制造专业提供军工模型制作、试验模型定制、展示模型设计服务，涵盖RCS模型、红外模型、风洞模型等，是靠谱的国防科研模型厂家。">
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large">
<link rel="canonical" href="https://www.xibuzhizao.com/index.html" />
<meta property="og:type" content="website" />
<meta property="og:title" content="西部制造-军工军事模型制作公司 | 军工军事试验模型厂家 | 军工军事展示模型定制" />
<meta property="og:description" content="西部制造专业提供军工模型制作、试验模型定制、展示模型设计服务，涵盖RCS模型、红外模型、风洞模型等，是靠谱的国防科研模型厂家。" />
<meta property="og:url" content="https://www.xibuzhizao.com/index.html" />
<meta property="og:site_name" content="西部制造 WEST.MIL" />
<meta property="og:locale" content="zh_CN" />
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "西部制造 军事模型厂家，军事模型公司",
  "url": "https://www.xibuzhizao.com",
  
  "description": "专业的军事模型厂家，面向全国提供定制服务。拥有 国军标体系认证 与 二级保密资质 是国内大型的的军事模型厂家。",
  
  "knowsAbout": ["GJB 9001C", "二级保密资格", "军事模型厂家", "军工模型厂家", "大型军事模型厂家","军事模型公司", "飞机模型厂家"],
  
  "areaServed": {
    "@type": "Country",
    "name": "China",
    "alternateName": "全国"
  },
  
  "brand": {
    "@type": "Brand",
    "name": "西部制造",
    "slogan": "面向全国提供博物馆级军事模型展示模型与科研验证载体军事模型"
  },

  "department": {
    "@type": "Organization",
    "name": "",
    "description": "西部制造生产中心，持有GJB 9001C认证及二级保密资格。"
  },
  
  "makesOffer": {
    "@type": "Offer",
    "itemOffered": {
      "@type": "Service",
      "name": "涉密及国军标产品试制",
      "description": "严格遵循GJB 9001C标准，在保密受控环境下完成。"
    }
  }
}
</script>
<link href="fontawesome-free-7.1.0-web/css/all.css" rel="stylesheet">

<!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]--> 

<!-- classList API polyfill for IE10 --> 


	<script>
    /*!
     * classList.js - IE10 polyfill
     */
    (function() {
        if (typeof window.Element === "undefined" || "classList" in document.documentElement) return;

        var prototype = Array.prototype,
            push = prototype.push,
            splice = prototype.splice,
            join = prototype.join;

        function DOMTokenList(el) {
            this.el = el;
            // The className needs to be trimmed and split on whitespace
            // to retrieve a list of classes.
            var classes = el.className.replace(/^\s+|\s+$/g, '').split(/\s+/);
            for (var i = 0; i < classes.length; i++) {
                push.call(this, classes[i]);
            }
        }

        DOMTokenList.prototype = {
            add: function(token) {
                if (this.contains(token)) return;
                push.call(this, token);
                this.el.className = this.toString();
            },
            contains: function(token) {
                return this.el.className.indexOf(token) != -1;
            },
            item: function(index) {
                return this[index] || null;
            },
            remove: function(token) {
                if (!this.contains(token)) return;
                for (var i = 0; i < this.length; i++) {
                    if (this[i] === token) {
                        splice.call(this, i, 1);
                        break;
                    }
                }
                this.el.className = this.toString();
            },
            toString: function() {
                return join.call(this, ' ');
            },
            toggle: function(token) {
                if (!this.contains(token)) {
                    this.add(token);
                } else {
                    this.remove(token);
                }
                return this.contains(token);
            }
        };

        window.DOMTokenList = DOMTokenList;

        function defineElementGetter(obj, prop, getter) {
            if (Object.defineProperty) {
                Object.defineProperty(obj, prop, { get: getter });
            } else {
                obj.__defineGetter__(prop, getter);
            }
        }

        defineElementGetter(Element.prototype, "classList", function() {
            return new DOMTokenList(this);
        });
    })();
    </script> 
<script src="tailwind.js"></script> 

<!-- 兼容性修复 for IE8 --> 
<script>
    /*!
     * previousElementSibling polyfill for IE8
     */
    if (!('previousElementSibling' in document.documentElement)) {
        Object.defineProperty(Element.prototype, 'previousElementSibling', {
            get: function() {
                var el = this.previousSibling;
                while (el && el.nodeType !== 1) {
                    el = el.previousSibling;
                }
                return el;
            }
        });
    }

    /*!
     * addEventListener polyfill for IE8
     */
    if (!window.addEventListener) {
        window.addEventListener = function(event, callback, capture) {
            window.attachEvent('on' + event, callback);
        };
        window.removeEventListener = function(event, callback) {
            window.detachEvent('on' + event, callback);
        };
        Element.prototype.addEventListener = function(event, callback, capture) {
            this.attachEvent('on' + event, callback);
        };
        Element.prototype.removeEventListener = function(event, callback) {
            this.detachEvent('on' + event, callback);
        };
    }

    /*!
     * querySelector polyfill for IE8
     */
    if (!document.querySelector) {
        document.querySelector = function(selector) {
            var style = document.createElement('style'),
                elements = [],
                element;
            style.type = 'text/css';
            document.getElementsByTagName('head')[0].appendChild(style);
            style.styleSheet.cssText = selector + '{x:expression((this==document.documentElement)?elements.push(this):0)}';
            window.scrollBy(0, 0);
            style.parentNode.removeChild(style);
            element = elements[0];
            elements = null;
            return element;
        };
    }

    /*!
     * querySelectorAll polyfill for IE8
     */
    if (!document.querySelectorAll) {
        document.querySelectorAll = function(selector) {
            var style = document.createElement('style'),
                elements = [],
                element;
            style.type = 'text/css';
            document.getElementsByTagName('head')[0].appendChild(style);
            style.styleSheet.cssText = selector + '{x:expression(elements.push(this))}';
            window.scrollBy(0, 0);
            style.parentNode.removeChild(style);
            return elements;
        };
    }
    </script> 
<script>
        // 仅在支持现代特性的浏览器中初始化 Tailwind
        if (window.CSS && CSS.supports && CSS.supports('display', 'grid')) {
            tailwind.config = {
                theme: {
                    extend: {
                        colors: {
                            navy: '#0B1E3B', slate: '#0F172A', plasma: '#0099FF', 
                            gold: '#C5A065', alert: '#991B1B', silver: '#94A3B8',
                            'tech-green': '#10B981', 'modal-left': '#0F172A',
                            'dark-panel': '#0B1121', 'dark-card': '#151E32',
                        },
                        fontFamily: {
                            sans: ['"Microsoft YaHei"', '"SimHei"', 'Arial', 'sans-serif'],
                            mono: ['"Oswald"', 'sans-serif'], 
                        },
                        animation: {
                            'fade-in-up': 'fadeInUp 0.8s ease-out forwards',
                            'shine': 'shine 1.5s ease-in-out infinite',
                            'scan': 'scan 3s linear infinite',
                        },
                        keyframes: {
                            fadeInUp: { '0%': { opacity: '0', transform: 'translateY(20px)' }, '100%': { opacity: '1', transform: 'translateY(0)' } },
                            shine: { '0%': { transform: 'translateX(-150%) skewX(-25deg)' }, '100%': { transform: 'translateX(150%) skewX(-25deg)' } }, 
                            scan: { '0%': { top: '0%', opacity: '0' }, '10%': { opacity: '1' }, '90%': { opacity: '1' }, '100%': { top: '100%', opacity: '0' } },
                        }
                    }
                }
            }
        }
    </script>
<style type="text/css">
/* --- 基础重置 --- */
body {
    margin: 0;
    padding: 0;
    color: #1e293b;
    font-family: "Microsoft YaHei", "SimHei", sans-serif;
    background-color: #FFFFFF;
}
a {
    text-decoration: none;
}
button {
    outline: none;
}
/* 按钮样式 */
.case-btn:active {
    background: #FF7A00;
    border-color: #FF7A00;
}
.verify-btn {
    background: #165DFF;
    border-color: #165DFF;
    color: white;
}
/* --- 核心样式 (即使 Tailwind 挂了也能看) --- */
#navbar {
    transition: all 0.3s ease;
    background-color: transparent;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
#navbar.nav-scrolled {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
/* 背景纹理 */
.bg-pattern-dots-classic {
    background-color: #ffffff;
    background-image: radial-gradient(#cbd5e1 1px, transparent 1px);
    background-size: 60px 60px;
}
.bg-pattern-grid {
    background-color: #ffffff;
    background-image: linear-gradient(#f1f5f9 1px, transparent 1px), linear-gradient(90deg, #f1f5f9 1px, transparent 1px);
    background-size: 40px 40px;
}
.bg-pattern-diagonal {
    background-color: #f8fafc;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(148, 163, 184, 0.05) 10px, rgba(148, 163, 184, 0.05) 11px);
}
.bg-pattern-cross {
    background-color: #ffffff;
    background-image: radial-gradient(#cbd5e1 1.5px, transparent 1.5px);
    background-size: 60px 60px;
}
.hero-bg {
    background-image: url("rodrigo-avella-04.jpg");
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    background-color: #0B1E3B;
}

@media (max-width: 768px) {
.hero-bg {
    background-attachment: scroll;
    background-position: 60% center;
}
}

        /* 滚动条 */
        ::-webkit-scrollbar {
width: 6px;
height: 6px;
}
        ::-webkit-scrollbar-track {
background: #F1F5F9;
}
        ::-webkit-scrollbar-thumb {
background: #94A3B8;
border-radius: 0;
}
        ::-webkit-scrollbar-thumb:hover {
background: #0B1E3B;
}
/* Modal 核心逻辑 */
.modal-overlay {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10000 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}
.modal-overlay.hidden {
    display: none !important;
    opacity: 0;
    pointer-events: none;
}
.modal-overlay:not(.hidden) {
    display: flex !important;
    opacity: 1;
    pointer-events: auto;
}
#mobile-menu {
    display: none;
    opacity: 0;
    transform: scaleY(0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: top;
}
#mobile-menu.active {
    display: block;
    opacity: 1;
    transform: scaleY(1);
}
.safe-bottom {
    padding-bottom: env(safe-area-inset-bottom);
}

/* ==========================================================================
           🌟 IE10 & IE11 专属兜底样式 (Fallback CSS)
           IE10+ 不支持 @supports 且不支持 Tailwind，这会覆盖 Tailwind 的缺失
           ========================================================================== */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
body {
    min-width: 1024px;
    background: #f5f5f5;
}
/* 导航栏修复 */
#navbar {
    background: #0B1E3B !important;
}
#navbar .text-white {
    color: #fff !important;
}
.nav-link {
    color: #ccc !important;
    font-size: 14px;
    margin: 0 10px;
    display: inline-block;
}
/* Grid 布局修复 (IE不支持Grid，降级为浮动) */
.grid {
    display: block;
    overflow: hidden;
}
.grid-cols-1 > div, .md\:grid-cols-1 > div {
    float: left;
    width: 98%;
    margin: 1%;
}
.md\:grid-cols-2 > div {
    float: left;
    width: 48%;
    margin: 1%;
}
.md\:grid-cols-3 > div {
    float: left;
    width: 31%;
    margin: 1%;
}
.md\:grid-cols-4 > div {
    float: left;
    width: 23%;
    margin: 1%;
}
/* 弹窗核心修复 (白底风格) */
.modal-overlay {
    display: none;
    background: rgba(0,0,0,0.8);
    text-align: center;
}
.modal-overlay:not(.hidden) {
    display: block !important;
    padding-top: 80px;
}
/* 弹窗盒子 */
.modal-overlay > div {
    width: 600px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #ccc;
    position: relative;
    text-align: left;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
/* 弹窗左右分栏 */
#contact-modal .md\:w-\[35\%\] {
    float: left;
    width: 35%;
    background: #f9fafb;
    height: 350px;
    padding: 20px;
    box-sizing: border-box;
    border-right: 1px solid #eee;
}
#contact-modal .md\:w-\[65\%\] {
    float: left;
    width: 65%;
    background: #fff;
    height: 350px;
    padding: 20px;
    box-sizing: border-box;
}
/* 字体颜色适配 */
h3 {
    color: #0B1E3B;
    font-weight: bold;
}
a[href^="tel"] {
    color: #991B1B !important;
    font-size: 28px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}
.text-gray-500, .text-gray-400 {
    color: #666;
}
/* 按钮修复 */
button {
    border: 1px solid #ddd;
    background: #eee;
    color: #333;
    cursor: pointer;
}
#contact-modal button.bg-gradient-to-r {
    background: #991B1B;
    color: #fff;
    border: none;
    width: 100%;
    margin-top: 20px;
}
/* 图片 */
img {
    max-width: 100%;
    border: 0;
}
}

/* ==========================================================================
           🌟 IE8 & IE9 专属兜底样式 (Fallback CSS)
           针对IE8和IE9的额外兼容处理
           ========================================================================== */
@media screen\9 {
/* 基础样式修复 */
body {
    font-family: "Microsoft YaHei", "SimHei", Arial, sans-serif;
}
/* 解决IE8不支持rgba的问题 */
.bg-black\/80, .bg-black\/50, .bg-white\/20, .bg-white\/10, .bg-white\/5 {
    background-color: #000 !important;
    filter: alpha(opacity=80);
}
.bg-white\/20 {
    filter: alpha(opacity=20);
}
.bg-white\/10 {
    filter: alpha(opacity=10);
}
.bg-white\/5 {
    filter: alpha(opacity=5);
}
/* 渐变修复 */
.bg-gradient-to-r, .bg-gradient-to-t {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
/* 解决IE8不支持opacity的问题 */
.opacity-90, .opacity-85, .opacity-60, .opacity-50, .opacity-30, .opacity-20, .opacity-10, .opacity-0 {
    filter: alpha(opacity=90);
}
.opacity-85 {
    filter: alpha(opacity=85);
}
.opacity-60 {
    filter: alpha(opacity=60);
}
.opacity-50 {
    filter: alpha(opacity=50);
}
.opacity-30 {
    filter: alpha(opacity=30);
}
.opacity-20 {
    filter: alpha(opacity=20);
}
.opacity-10 {
    filter: alpha(opacity=10);
}
.opacity-0 {
    filter: alpha(opacity=0);
}
/* 解决IE8不支持transform的问题 */
.transform, .group\:hover\:translate-y-0, .group\:hover\:-translate-y-4, .group\:hover\:-translate-y-1 {
    transform: none !important;
}
/* 解决IE8不支持transition的问题 */
.transition-all, .transition-colors, .transition-transform, .transition-opacity {
    transition: none !important;
}
/* 解决IE8不支持box-shadow的问题 */
.shadow-xl, .shadow-lg, .shadow-md, .shadow-sm, .shadow-2xl {
    box-shadow: none !important;
}
/* 解决IE8不支持backdrop-blur的问题 */
.backdrop-blur, .backdrop-blur-md {
    backdrop-filter: none !important;
    background-color: #000 !important;
    filter: alpha(opacity=50);
}
/* 解决IE8不支持flex布局的问题 */
.flex, .flex-col, .flex-row, .items-center, .justify-center, .justify-between {
    display: block !important;
}
/* 调整浮动布局 */
.col-span-1, .md\:col-span-2, .md\:col-span-3, .md\:col-span-4, .md\:col-span-5, .md\:col-span-7, .md\:col-span-12 {
    float: left;
    width: 100%;
}
.md\:col-span-2 {
    width: 48%;
    margin: 1%;
}
.md\:col-span-3 {
    width: 31%;
    margin: 1%;
}
.md\:col-span-4 {
    width: 23%;
    margin: 1%;
}
.md\:col-span-5 {
    width: 41.6667%;
    margin: 1%;
}
.md\:col-span-7 {
    width: 56.6667%;
    margin: 1%;
}
/* 隐藏不兼容的动画效果 */
.animate-fade-in-up, .animate-pulse, .animate-scan, .animate-shine {
    animation: none !important;
}
/* 显示所有隐藏的元素 */
.hidden {
    display: block !important;
}
/* 调整图片样式 */
img {
    max-width: 100%;
    height: auto;
    border: 0;
}
/* 调整按钮样式 */
button, a {
    cursor: pointer;
}
}
</style>
<style type="text/css">
        ::-webkit-scrollbar { width: 3px; }
        ::-webkit-scrollbar-track { background: transparent; }
        ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(4px); border-radius: 10px; }

        body { margin: 0; padding: 0; background-color: #0B1E3B; color: #F8FAFC; overflow-x: hidden; }
        
        /* 核心修改：高度精确设定为 83vh */
        #home { height: 83vh; position: relative; overflow: hidden; } 
        
        .hero-track { display: flex; width: 300%; height: 100%; transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1); will-change: transform; }
        .hero-slide { width: 33.3333%; height: 100%; position: relative; flex-shrink: 0; overflow: hidden; }
        
        .hero-slide .bg-cover { transition: transform 10s ease-out !important; transform: scale(1.0); will-change: transform; }
        .hero-slide.active-slide .bg-cover { transform: scale(1.15) !important; }

        .nav-ctrl-btn { opacity: 0; pointer-events: none; transition: all 0.3s ease; z-index: 60; }
        #home:hover .nav-ctrl-btn { opacity: 1; pointer-events: auto; }

        /* 磨砂玻璃背书栏 */
        .stats-bar { 
            position: absolute; 
            bottom: 0; 
            left: 0; 
            width: 100%; 
            z-index: 30; 
            background: rgba(255, 255, 255, 0.05); 
            backdrop-filter: blur(15px); 
            -webkit-backdrop-filter: blur(15px);
            border-top: 1px solid rgba(255, 255, 255, 0.1); 
        }
        
        #navbar.nav-scrolled { background-color: rgba(255, 255, 255, 0.98); backdrop-filter: blur(15px); border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
        #navbar.nav-scrolled .nav-text { color: #000000 !important; }
        #navbar.nav-scrolled .nav-link { color: #333333 !important; }
	/* 确保轨道和幻灯片完全占据全宽 */
.hero-track {
    display: flex;
    width: 300%; /* 如果有3张图就写300%，JavaScript 会控制位移 */
    height: 100%;
    transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);
}

.hero-slide {
    width: 33.3333%; /* 100% / 图片张数 */
    height: 100%;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

/* 修正背景图填充方式 */
.hero-bg-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}
	
/* 极致纯白立体字：去除灰色，强化黑白对比 */
.text-3d-mil {
    color: #FFFFFF !important; /* 强制纯白 */
    text-shadow: 
        2px 2px 0px rgba(0, 0, 0, 1),   /* 纯黑锐利边缘，产生物理厚度 */
        3px 3px 6px rgba(0, 0, 0, 0.8); /* 深邃底部投影，增加悬浮感 */
}

/* 蓝色立体字：同步采用纯黑底色，确保色彩鲜艳 */
.text-3d-plasma {
    color: #0099FF !important;
    text-shadow: 
        2px 2px 0px rgba(0, 0, 0, 1),
        3px 3px 6px rgba(0, 0, 0, 0.8);
}
    </style>
<style>
    /* 极致纯白立体字 CSS (纯黑硬投影，不显灰色) */
    .text-3d-pure-white {
        color: #FFFFFF !important;
        text-shadow: 2px 2px 0px #000000, 4px 4px 8px rgba(0,0,0,0.8);
    }
    .text-3d-plasma {
        color: #0099FF !important;
        text-shadow: 2px 2px 0px #000000, 4px 4px 8px rgba(0,0,0,0.8);
    }
</style>
	
	    <style type="text/css">
        :root {
            --mil-blue: #004ea2; --mil-red: #d90000; --plasma: #0099FF; --glass-white: rgba(255, 255, 255, 0.98);
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: "Microsoft YaHei", "SimHei", sans-serif; background-color: #0B1E3B; overflow-x: hidden; scroll-behavior: smooth; }

        /* --- 导航栏主体：极致精致磨砂 --- */
        #navbar {
            position: fixed; width: 100%; top: 0; z-index: 9999; height: 85px; 
            display: flex; align-items: center; justify-content: space-between; padding: 0 5%;
            background: rgba(11, 30, 59, 0.2); border-bottom: 1px solid rgba(255,255,255,0.1);
            transition: all 0.4s ease;
        }
        #navbar.nav-scrolled {
            background: #fff !important;
            background: var(--glass-white) !important;
            -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
            box-shadow: 0 10px 40px rgba(0,0,0,0.15); border-bottom: 3px solid var(--mil-blue);
        }
        #navbar.nav-scrolled .nav-link, #navbar.nav-scrolled .logo-main { color: #333 !important; }
        #navbar.nav-scrolled .mobile-toggle span { background: #333 !important; }

        .logo-box { display: flex; align-items: center; gap: 12px; text-decoration: none; z-index: 10001; }
        .logo-main { color: #fff; font-size: 24px; font-weight: 900; letter-spacing: 1px; }

        /* --- 超级菜单（Mega Menu）全参数排版 --- */
        .nav-links { display: flex; list-style: none; height: 100%; margin: 0 auto; }
        .menu-item { height: 100%; display: flex; align-items: center; position: static; }
        .nav-link { color: #fff; font-size: 14px; font-weight: bold; padding: 0 38px; text-decoration: none; height: 100%; display: flex; align-items: center; cursor: pointer; transition: 0.3s; }

        .mega-menu {
            position: fixed; top: 85px; left: 0; width: 100%; background: #fff; color: #333;
            display: none; grid-template-columns: 1.1fr 1fr 1.1fr 1.5fr;
            padding: 40px 6%; border-top: 1px solid #eee; box-shadow: 0 40px 80px rgba(0,0,0,0.2);
            z-index: 9998;
        }
        @media (min-width: 1024px) {
            .menu-item:hover .mega-menu { display: grid; animation: navFadeUp 0.4s ease-out forwards; }
        }
        @keyframes navFadeUp { from { opacity:0; transform: translateY(15px); } to { opacity:1; transform: translateY(0); } }

        .menu-col h4 { color: var(--mil-blue); font-size: 15px; margin-bottom: 20px; border-left: 4px solid var(--mil-red); padding-left: 12px; font-weight: 900; text-transform: uppercase; }
        .menu-col ul { list-style: none; }
        .menu-col li { margin-bottom: 12px; }
        .menu-col a { color: #444; font-size: 13px; text-decoration: none; font-weight: bold; display: block; }
        .menu-col a span { display: block; font-size: 11px; color: #999; font-weight: normal; margin-top: 4px; line-height: 1.4; }
        .menu-col a:hover { color: var(--mil-blue); padding-left: 5px; transition: 0.2s; }

        .menu-pic { position: relative; border-radius: 4px; overflow: hidden; border: 1px solid #eee; height: 280px; }
        .menu-pic img { width: 100%; height: 100%; object-fit: cover; }
        .menu-pic .pic-overlay { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(transparent, rgba(11,30,59,0.95)); padding: 20px; color: #fff; font-size: 11px; }

        .hotline { background: var(--mil-red); color: #fff !important; padding: 12px 22px; border-radius: 2px; font-size: 13px; font-weight: bold; text-decoration: none; white-space: nowrap; box-shadow: 0 5px 20px rgba(217,0,0,0.4); border: 1px solid rgba(255,255,255,0.2); }

        /* --- 手机端修复 --- */
        .mobile-toggle { display: none; width: 30px; height: 24px; position: relative; cursor: pointer; z-index: 10001; }
        .mobile-toggle span { display: block; position: absolute; height: 3px; width: 100%; background: #fff; border-radius: 3px; transition: .3s; }
        .mobile-toggle span:nth-child(1) { top: 0px; }
        .mobile-toggle span:nth-child(2) { top: 10px; }
        .mobile-toggle span:nth-child(3) { top: 20px; }
        .mobile-toggle.active span:nth-child(1) { top: 10px; transform: rotate(135deg); }
        .mobile-toggle.active span:nth-child(2) { opacity: 0; }
        .mobile-toggle.active span:nth-child(3) { top: 10px; transform: rotate(-135deg); }

        @media (max-width: 1024px) {
            .mobile-toggle { display: block; }
            .nav-links { position: fixed; top: 0; right: -100%; width: 85%; height: 100vh; background: #0B1E3B; flex-direction: column; padding: 100px 30px; transition: 0.4s; overflow-y: auto; z-index: 9998; }
            .nav-links.active { right: 0; }
            .menu-item { height: auto; width: 100%; flex-direction: column; align-items: flex-start; margin-bottom: 20px; }
            .mega-menu { position: static; display: none; grid-template-columns: 1fr; padding: 15px 0; background: transparent; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: none; }
            .menu-item.active .mega-menu { display: block; }
            .nav-link { font-size: 18px; border-bottom: 1px solid rgba(255,255,255,0.1); width: 100%; padding-bottom: 10px; }
            .hotline, .menu-pic { display: none; }
            .menu-col a { color: #ccc; }
        }

        #home { height: 83vh; position: relative; overflow: hidden; background-color: #0B1E3B; }
        .hero-content { position: relative; z-index: 20; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
        .text-3d-white { color: #FFFFFF; font-size: 80px; font-weight: 900; letter-spacing: 8px; text-shadow: 2px 2px 0px #000, 4px 4px 12px rgba(0,0,0,0.8); line-height: 1.1; }
        @media (max-width: 768px) { .text-3d-white { font-size: 40px; letter-spacing: 2px; } }
		
		
		
		/* --- 导航栏主体精致逻辑优化 --- */
#navbar {
    position: fixed; width: 100%; top: 0; z-index: 9999; height: 85px; 
    display: flex; align-items: center; justify-content: space-between; padding: 0 5%;
    background: transparent; /* 彻底默认透明 */
    border-bottom: 1px solid rgba(255,255,255,0.1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 鼠标悬停在导航项上时，背景微亮，防止二级菜单看不清 */
#navbar:hover {
    background: rgba(11, 30, 59, 0.8);
    backdrop-filter: blur(10px);
}

/* 滚动后的样式保持不变 */
#navbar.nav-scrolled {
    background: #fff !important; 
    background: var(--glass-white) !important;
    backdrop-filter: blur(20px);
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    border-bottom: 3px solid var(--mil-blue);
}
		
    </style>
    
    
<script>var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src="https://hm.baidu.com/hm.js?46dc19cb6ad22e188118f821512a8d76";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s);})();</script>
<link rel="icon" href="/favicon.ico" type="image/x-icon">
</head>

<body class="antialiased selection:bg-navy selection:text-white relative pb-20 md:pb-0">
<nav id="navbar">
    <a href="/" class="logo-box">
       <div id="nav-left-group" class="flex items-center gap-4 cursor-default select-none group"> <img src="logo8.png" alt="西部制造|WEST.MIL，军事模型厂家，大型军事模型厂家" class="h-8 md:h-10 w-auto object-contain">
      <div class="flex flex-col items-start"> <span id="nav-logo" class="nav-text text-xl font-black tracking-tighter text-white font-mono leading-none transition-colors">西 部 制 造</span> <span class="text-[9px] text-plasma tracking-[0.3em] font-mono uppercase opacity-90 font-bold hidden md:block" style="color:#0099FF">WEST.MIL科技国防</span> </div>
    </div>
    </a>

    <div class="mobile-toggle" id="mobileBtn" onclick="toggleMenu()">
        <span></span><span></span><span></span>
    </div>

    <ul class="nav-links" id="navLinks">
        <li class="menu-item"><a href="/" class="nav-link">首页</a></li>

        <li class="menu-item" onclick="toggleSubMenu(this)">
            <a class="nav-link">核心解决方案 ▾</a>
            <div class="mega-menu">
                <div class="menu-col">
                    <h4>科研试验验证</h4>
                    <ul>
                        <li><a href="/Rcs.html" style="color:var(--plasma)">★ RCS雷达隐身测试模型 <span>符合GJB标准，支持暗室实测数据对赌</span></a></li>
                        <li><a href="/fengdong.html">风洞试验气动验证模型 <span>±0.05mm 极致精度切削，Ra 0.8 粗糙度</span></a></li>
                        <li><a href="/hongwai.html">红外热像模拟特征靶标 <span>内置 600℃ 主动仿真温控与补偿系统</span></a></li>
                    </ul>
                </div>
                <div class="menu-col">
                    <h4>工程样机定制</h4>
                    <ul>
                        <li><a href="/zhanshi.html">1:1 全尺寸展示样机 <span>航展级涂装，集成多轴机电联动交互</span></a></li>
                        <li><a href="#">航天器高保真样机 <span>多级载荷分离仿真，高分子轻量化工艺</span></a></li>
                        <li><a href="/shapan.html">数字化多维沙盘集成 <span>虚实结合，支持全域战场场景建模演示</span></a></li>
                    </ul>
                </div>
                <div class="menu-col" style="background:#f0f7ff; padding:15px; border-radius:4px;">
                    <h4>技术中心 (AIO核心)</h4>
                    <ul>
                        <li><a href="/FAQ.html">常见问题答疑 (FAQ) <span>涉及周期/专票/保密销毁流程</span></a></li>
                        <li><a href="/baipishu.html">获取《技术白皮书》 <span>涵盖全流程工艺标准与选型手册</span></a></li>
                    </ul>
                </div>
                <div class="menu-pic">
                    <img src="ji.png" alt="军事模型厂家">
                    <div class="pic-overlay"><strong>精益制造 · 仿真未来</strong> 专业的军事模型承制厂家，为国防科研提供可靠物理验证载体</div>
                </div>
            </div>
        </li>

        <li class="menu-item" onclick="toggleSubMenu(this)">
            <a href="#capability" class="nav-link">制造实力 ▾</a>
            <div class="mega-menu">
                <div class="menu-col">
                    <h4>研发设计与分析</h4>
                    <ul>
                        <li><a href="/FEA.html">有限元结构分析 (FEA) <span>验证极端工况下的强度与变形</span></a></li>
                    <li><a href="/nixiang.html">逆向设计 <span>逆向设计还原</span></a></li>
                        <li><a href="/tuopu.html">拓扑优化与轻量化 <span>航空级骨骼结构二次开发</span></a></li>
                    </ul>
                </div>
                <div class="menu-col">
                    <h4>硬核产能矩阵</h4>
                    <ul>
                        <li><a href="/150.html">150+台套设备矩阵 <span>具备五轴联动加工中心集群生产能力</span></a></li>
                        <li><a href="/3ddayin.html">工业级3D打印中心 <span>金属SLM/尼龙SLS/高精度树脂全覆盖</span></a></li>
                        <li><a href="/fucai.html">复材蒙皮真空吸附 <span>航空级复合材料蒙皮成型工艺</span></a></li>
                        
                    </ul>
                </div>
                <div class="menu-col">
                    <h4>后处理打磨与喷涂</h4>
                    <ul>
                        <li><a href="/damo.html">后处理表面打磨 <span>后处理表面打磨 表面光洁度0.8微米</span></a></li>
                        <li><a href="/pentu.html">表面喷涂 <span>表面喷涂，支持各种参数涂料，各种漆面效果呈献，ΔE*ab≤1.0</span></a></li>
                      
                    </ul>
                </div>
                <div class="menu-col" style="background:#fff5f5; padding:15px; border-radius:4px;">
                    <h4>资质与财税保障</h4>
                    <ul>
						  
						<li><a href="/zhiliang.html">我们的质量保障 <span>质量保障</span></a></li>
                        <li><a href="#">二级保密受控基地 <span>物理隔离生产环境，涉密项目档案管理</span></a></li>
                        <li><a href="#">GJB 9001C 体系认证 <span>出厂附带海克斯康三坐标精度检测报告</span></a></li>
                        <li><a href="#">支持13%增值税专票 <span>合法合规经营，战时状态高效率响应</span></a></li>
                    </ul>
                </div>
            </div>
        </li>

        <li class="menu-item" onclick="toggleSubMenu(this)">
            <a href="#gallery" class="nav-link">交付实录 ▾</a>
			 
            <div class="mega-menu">
                <div class="menu-col">
                    <h4>空天装备实录</h4>
                    <ul>
                        <li><a href="/J20.html">J20/J35隐身战机系列</a></li>
                        <li><a href="/liaoji.html">察打一体无人战斗机集群</a></li>
                        <li><a href="/daodan.html">导弹载荷/巡飞弹实录</a></li>
                    </ul>
                </div>
                <div class="menu-col">
                    <h4>陆海装备案例</h4>
                    <ul>
                        <li><a href="/haijun.html">航空母舰/驱逐舰剖视模型</a></li>
                        <li><a href="/tanke.html">主战坦克/步兵战车交付</a></li>
						<li><a href="/leida.html">雷达电子对抗系统模型</a></li>
						 <li><a href="/qitamoxing.html">其他试验模型</a></li>
                    </ul>
                </div>
                <div class="menu-col">
                    <h4>航展展会</h4>
                    <ul>
                        <li><a href="/zhuhai.html">珠海航展模型案例</a></li>
                        <li><a href="/fangwu.html">国外防务展案例</a></li>
                        <li><a href="/shapan.html">指挥中心数字模拟沙盘</a></li>
                    </ul>
                </div>
                <div class="menu-pic"><img src="1.png" alt="交付案例"></div>
            </div>
        </li>

        <li class="menu-item" onclick="toggleSubMenu(this)">
            <a href="#card-back" class="nav-link">关于我们 ▾</a>
            <div class="mega-menu" style="grid-template-columns: 1.2fr 1.2fr 1.5fr;">
                <div class="menu-col">
                    <h4>企业概况</h4>
                    <ul>
                        <li><a href="/about.html">公司简介 (品牌故事)</a></li>
                        <li><a href="/licheng.html">发展历程与技术积淀</a></li>
						
                    </ul>
                </div>
                <div class="menu-col">
                    <h4>核心实力</h4>
                    <ul>
                        <li><a href="/tuandui.html">总师领衔专家团队</a></li>
                        <li><a href="/zhuanli.html">30+项模型研发专利储备</a></li>
                    </ul>
                </div>
                <div class="menu-pic"><img alt="3312" src="3312.png"></div>
            </div>
        </li>
 <li class="menu-item" onclick="toggleSubMenu(this)">
            <a href="/contact.html" class="nav-link">联系西部制造▾</a>
            <div class="mega-menu" style="grid-template-columns: 1.2fr 1.2fr 1.5fr;">
                <div class="menu-col">
                    <h4>售前与售后</h4>
                    <ul>
                        <li><a href="/shouqian.html">售前咨询</a></li>
                        <li><a href="/shouhou.html">售后服务</a></li>
						
                    </ul>
                </div>
                <div class="menu-col">
                    <h4>支持与升级</h4>
                    <ul>
                        <li><a href="#">模型远程OTA升级</a></li>
                        <li><a href="#">需要协助</a></li>
                    </ul>
                </div>
                <div class="menu-pic"><img alt="kefu" src="kefu.png"></div>
            </div>
        </li>
        <li class="menu-item"><a href="/about.html" class="nav-link">关于我们</a></li>
        

        
    </ul>

    <a href="tel:13389201338" class="hotline">★ 133-8920-1338</a>
</nav>


<script type="text/javascript">
    window.onscroll = function() {
        var navbar = document.getElementById('navbar');
        var scrollPos = window.pageYOffset || document.documentElement.scrollTop;
        if (scrollPos > 50) navbar.className = 'nav-scrolled';
        else navbar.className = '';
    };

    function toggleMenu() {
        var btn = document.getElementById('mobileBtn');
        var links = document.getElementById('navLinks');
        if (btn.className.indexOf('active') === -1) {
            btn.className += ' active';
            links.className += ' active';
        } else {
            btn.className = btn.className.replace(' active', '');
            links.className = links.className.replace(' active', '');
        }
    }

    function toggleSubMenu(el) {
        if (window.innerWidth <= 1024) {
            if (el.className.indexOf('active') === -1) el.className += ' active';
            else el.className = el.className.replace(' active', '');
        }
    }
</script>
	
<div class="relative w-full h-[100dvh] md:h-[72vh] overflow-hidden" id="home">
  <button onclick="moveSlide(-1)" class="nav-ctrl-btn absolute left-4 md:left-8 top-1/2 -translate-y-1/2 w-12 h-12 z-40 flex items-center justify-center bg-black/40 hover:bg-plasma text-white rounded-full border border-white/20 backdrop-blur-md"> <i class="fa-solid fa-chevron-left text-lg"></i> </button>
  <button onclick="moveSlide(1)" class="nav-ctrl-btn absolute right-4 md:right-8 top-1/2 -translate-y-1/2 w-12 h-12 z-40 flex items-center justify-center bg-black/40 hover:bg-plasma text-white rounded-full border border-white/20 backdrop-blur-md"> <i class="fa-solid fa-chevron-right text-lg"></i> </button>
  <div class="hero-track flex w-[300%] h-full transition-transform duration-700 ease-in-out" id="heroTrack" style="width: 300%;">
    <div class="hero-slide w-1/3 h-full relative flex-shrink-0">
      <div class="absolute inset-0 bg-cover bg-center" style="background-image: url(rodrigo-avella-04.jpg);"></div>
      <div class="absolute inset-0 bg-black/25 z-10"></div>
      <div class="relative z-30 h-full flex flex-col justify-center items-center text-center px-4 pt-10">
        <div class="inline-flex flex-wrap justify-center items-center gap-2 md:gap-4 px-4 md:px-6 py-2 mb-6 rounded-full border border-white/40 bg-white/20 text-[9px] md:text-[10px] text-white font-mono tracking-widest uppercase backdrop-blur-md"> <span class="flex items-center gap-2 font-bold"><i class="fa-solid fa-shield-halved text-alert"></i> 二级保密受控环境</span> <span class="hidden md:block w-px h-3 bg-white/40"></span> <span class="flex items-center gap-2 font-bold"><i class="fa-solid fa-certificate text-plasma"></i> GJB 9001C 国军标生产标准</span> </div>
        <div class="flex flex-col items-center justify-center space-y-4 md:space-y-6">
          <h2 class="text-3d-pure-white text-3xl md:text-5xl font-bold tracking-tight uppercase">国防科研级</h2>
          <div class="flex flex-col md:flex-row items-center justify-center gap-2 md:gap-8 w-full py-1"> <span class="text-3d-pure-white text-2xl md:text-5xl font-black">工程展示</span> <span class="hidden md:block text-white text-3xl">/</span> <span class="text-3d-plasma text-2xl md:text-5xl font-black">复杂试验</span> </div>
          <h1 class="text-3d-pure-white text-5xl md:text-8xl font-black tracking-widest uppercase">模型承制厂家</h1>
        </div>
        <p class="text-xs md:text-base text-white max-w-2xl mx-auto font-bold tracking-wide mt-6 drop-shadow-lg">面向 海·陆·空·天 全域装备 · 提供展示模型与红外/RCS/风洞/配重等各种试验验证载体</p>
        <div class="pt-10 flex flex-col md:flex-row justify-center gap-5 items-center w-full px-4 pb-32">
          <button class="w-full md:w-auto min-w-[280px] py-4 bg-[#cc0000] text-white rounded-sm font-bold tracking-widest uppercase shadow-2xl transition-all hover:-translate-y-1">联系项目总师</button>
          <button class="w-full md:w-auto min-w-[280px] py-4 bg-[#0B1E3B] text-white border border-[#0099FF] rounded-sm font-bold tracking-widest uppercase shadow-xl hover:bg-navy transition-all">133-8920-1338 </button>
        </div>
      </div>
    </div>
    <div class="hero-slide w-1/3 h-full relative flex-shrink-0">
      <div class="absolute inset-0 bg-cover bg-center" style="background-image: url(an.jpg);"></div>
      <div class="absolute inset-0 bg-black/25 z-10"></div>
      <div class="relative z-30 h-full flex flex-col justify-center items-center text-center px-4 pt-10">
        <div class="inline-flex items-center px-6 py-2 mb-6 rounded-full border border-white/40 bg-white/20 text-white backdrop-blur-md"> <span class="text-xs font-bold tracking-widest uppercase"><i class="fa-solid fa-microscope text-plasma mr-2"></i> 核心能力：多物理场仿真验证</span> </div>
        <div class="flex flex-col items-center justify-center space-y-4 md:space-y-6">
          <h2 class="text-3d-pure-white text-3xl md:text-5xl font-bold tracking-tight uppercase">精密力学仿真</h2>
          <h2 class="text-3d-pure-white text-5xl md:text-8xl font-black tracking-widest uppercase">科研验证载体</h2>
        </div>
        <p class="text-xs md:text-base text-white max-w-2xl mx-auto font-bold tracking-wide mt-6 drop-shadow-lg">提供满足 RCS、风洞、雷达透波等各种苛刻试验条件的特种模型试制</p>
        <div class="pt-10 flex flex-col md:flex-row justify-center gap-5 items-center w-full px-4 pb-32">
          <button class="w-full md:w-auto min-w-[280px] py-4 bg-[#cc0000] text-white rounded-sm font-bold tracking-widest uppercase shadow-2xl transition-all hover:-translate-y-1">了解技术参数</button>
        </div>
      </div>
    </div>
    <div class="hero-slide w-1/3 h-full relative flex-shrink-0">
      <div class="absolute inset-0 bg-cover bg-center" style="background-image: url(A1.jpg);"></div>
      <div class="absolute inset-0 bg-black/25 z-10"></div>
      <div class="relative z-30 h-full flex flex-col justify-center items-center text-center px-4 pt-10">
        <div class="flex flex-col items-center justify-center space-y-4 md:space-y-6">
          <h2 class="text-3d-pure-white text-3xl md:text-5xl font-bold tracking-tight uppercase">精益设计 · 军工品质</h2>
          <h2 class="text-3d-pure-white text-5xl md:text-8xl font-black tracking-widest uppercase">全域工艺图谱</h2>
        </div>
        <div class="pt-10 flex flex-col md:flex-row justify-center gap-5 items-center w-full px-4 pb-32">
          <button class="px-12 py-4 bg-[#C5A065] text-[#0B1E3B] font-bold tracking-widest rounded-sm shadow-2xl hover:bg-gold transition-all">了解资质体系</button>
        </div>
      </div>
    </div>
  </div>
  <div class="absolute bottom-0 left-0 w-full h-32 bg-gradient-to-t from-white via-white/90 to-transparent z-20 pointer-events-none"></div>
  <div class="absolute bottom-0 left-0 w-full z-30 pointer-events-none pb-8">
    <div class="max-w-7xl mx-auto px-6 flex flex-col md:flex-row items-center justify-between gap-6 pointer-events-auto">
      <div class="flex gap-8 md:gap-12 text-center md:text-left justify-center w-full md:w-auto">
        <div class="group cursor-default">
          <div class="text-3xl md:text-4xl font-black text-navy font-mono leading-none">500<span class="text-xs align-top text-gray-500 font-bold">+</span></div>
          <div class="text-[10px] text-gray-600 font-bold tracking-[0.2em] uppercase mt-1">涉密交付案例</div>
        </div>
        <div class="hidden md:block w-px h-10 bg-gray-300"></div>
        <div class="group cursor-default">
          <div class="text-3xl md:text-4xl font-black text-navy font-mono leading-none">30<span class="text-xs align-top text-gray-500 font-bold">家</span></div>
          <div class="text-[10px] text-gray-600 font-bold tracking-[0.2em] uppercase mt-1">军工科研院所</div>
        </div>
      </div>
      <div class="hidden md:flex flex-wrap justify-center gap-8 w-full md:w-auto opacity-70 font-mono"> <span class="text-[12px] font-black text-navy tracking-widest">NPU 西工大</span> <span class="text-[12px] font-black text-navy tracking-widest">NUDT 国防科大</span> <span class="text-[12px] font-black text-navy tracking-widest">XJTU 西交大</span> <span class="text-[12px] font-black text-navy tracking-widest">XIDIAN 西电</span> </div>
    </div>
  </div>
</div>
<script>
        let currentIdx = 0;
        const track = document.getElementById('heroTrack');
        const slides = document.querySelectorAll('.hero-slide');
        const slideCount = 3;

        function updateSlide() {
            var percent = -(currentIdx * (100 / slideCount));
            track.style.transform = 'translateX(' + percent + '%)';
            slides.forEach((s, i) => {
                if(i === currentIdx) { requestAnimationFrame(() => s.classList.add('active-slide')); } 
                else { s.classList.remove('active-slide'); }
            });
        }

        function moveSlide(step) {
            currentIdx += step;
            if (currentIdx >= slideCount) currentIdx = 0;
            if (currentIdx < 0) currentIdx = slideCount - 1;
            updateSlide();
            resetTimer();
        }

        var autoPlay = setInterval(() => moveSlide(1), 8000);
        function resetTimer() { clearInterval(autoPlay); autoPlay = setInterval(() => moveSlide(1), 8000); }
        window.onscroll = function() { 
            var navbar = document.getElementById('navbar');
            if (window.pageYOffset > 50) navbar.classList.add('nav-scrolled');
            else navbar.classList.remove('nav-scrolled');
        };
        window.addEventListener('load', () => setTimeout(updateSlide, 100));
    </script>
<section id="solutions" class="relative w-full py-1 md:py-2 border-b border-gray-200 bg-pattern-dots-classic">
  <div class="max-w-7xl mx-auto px-6">
    <div class="grid grid-cols-1 md:grid-cols-2 gap-8 w-full mb-12 md:mb-16">
      <div class="group relative h-[350px] md:h-[450px] overflow-hidden cursor-pointer bg-navy border border-gray-200 hover:border-gold hover:shadow-[0_0_30px_rgba(197,160,101,0.3)] transition-all duration-300 rounded-sm"> <img src="J20.jpg" class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" alt="Display">
        <div class="absolute inset-0 bg-gradient-to-b from-navy/90 via-navy/30 to-transparent z-10"></div>
        <div class="absolute inset-0 flex flex-col items-center justify-start text-center p-6 pt-[20px] z-20"> <span class="inline-block px-2 py-0.5 mb-2 border border-gold/30 text-gold text-[9px] font-bold tracking-widest uppercase bg-black/40 backdrop-blur-sm">Visual Presentation</span>
          <h3 class="text-2xl md:text-4xl font-black text-gold mb-2 tracking-wide">工程展示与样机</h3>
          <div class="w-6 h-1 bg-gold mx-auto mb-6"></div>
          <div class="h-auto mb-6 opacity-100 transition-all duration-500">
            <p class="text-xs font-bold text-gold/90 font-mono tracking-widest border-t border-b border-gold/30 py-2"> 珠海航展 · 博物馆陈列 · 防务展 · 汇报模型 </p>
          </div>
          <button onclick="jumpToGallery('display')" class="case-btn px-6 py-3 border border-gold text-[10px] text-white font-bold tracking-[0.2em] uppercase bg-gold hover:bg-gold hover:text-white transition-all flex items-center gap-2"> <i class="fa-solid fa-eye"></i> 查看展示类案例 </button>
        </div>
      </div>
      <div class="group relative h-[350px] md:h-[450px] overflow-hidden cursor-pointer bg-navy border border-gray-200 hover:border-plasma hover:shadow-[0_0_30px_rgba(0,153,255,0.3)] transition-all duration-300 rounded-sm"> <img src="syj.jpg" class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" alt="Verification">
        <div class="absolute inset-0 bg-gradient-to-b from-navy/90 via-navy/30 to-transparent z-10"></div>
        <div class="absolute inset-0 flex flex-col items-center justify-start text-center p-6 pt-[20px] z-20"> <span class="inline-block px-2 py-0.5 mb-2 border border-plasma/30 text-plasma text-[9px] font-bold tracking-widest uppercase bg-black/40 backdrop-blur-sm">Scientific Verification</span>
          <h3 class="text-2xl md:text-4xl font-black text-plasma mb-2 tracking-wide">多物理场验证模型</h3>
          <div class="w-6 h-1 bg-plasma mx-auto mb-6"></div>
          <div class="h-auto mb-6 opacity-100 transition-all duration-500">
            <p class="text-xs font-bold text-plasma/90 font-mono tracking-widest border-t border-b border-plasma/30 py-2"> RCS测试 · 红外隐身 · 动力配重 · 风洞试验 </p>
          </div>
          <button onclick="jumpToGallery('verify')" class="verify-btn px-6 py-3 border border-[#165DFF] text-[10px] text-white font-bold tracking-[0.2em] uppercase bg-[#165DFF] hover:bg-[#165DFF] hover:text-white transition-all flex items-center gap-2"> <i class="fa-solid fa-flask"></i> 查看验证类案例 </button>
        </div>
      </div>
    </div>
    <div class="mb-8">
      <div class="flex items-center gap-2 mb-4"><i class="fa-solid fa-terminal text-plasma animate-pulse"></i>
        <h3 class="text-sm font-bold text-navy font-mono tracking-widest">请选择作战域查看案例</h3>
      </div>
      <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
        <div onclick="switchDomain('air', this)" class="domain-card group relative h-[120px] md:h-[180px] bg-slate-100 overflow-hidden cursor-pointer border-2 border-transparent hover:border-plasma hover:shadow-2xl transition-all duration-300 rounded-sm"> <img alt="imageProxy (3)" src="imageProxy (3).jfif" class="absolute inset-0 w-full h-full object-cover opacity-90 group-hover:scale-110 transition-transform duration-700">
          <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"></div>
          <div class="absolute bottom-0 left-0 p-4 w-full">
            <div class="w-6 h-1 bg-plasma mb-2 transition-all group-hover:w-12"></div>
            <h4 class="text-white font-bold text-lg">空军装备</h4>
            <p class="text-[10px] text-gray-300 opacity-0 group-hover:opacity-100 transition-opacity">Air Force</p>
          </div>
        </div>
        <div onclick="switchDomain('land', this)" class="domain-card group relative h-[120px] md:h-[180px] bg-slate-100 overflow-hidden cursor-pointer border-2 border-transparent hover:border-gold hover:shadow-2xl transition-all duration-300 rounded-sm"> <img alt="ljzb" src="ljzb.jpg" class="absolute inset-0 w-full h-full object-cover opacity-90 group-hover:scale-110 transition-transform duration-700">
          <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"></div>
          <div class="absolute bottom-0 left-0 p-4 w-full">
            <div class="w-6 h-1 bg-gold mb-2 transition-all group-hover:w-12"></div>
            <h4 class="text-white font-bold text-lg">陆军装备</h4>
            <p class="text-[10px] text-gray-300 opacity-0 group-hover:opacity-100 transition-opacity">Ground Force</p>
          </div>
        </div>
        <div onclick="switchDomain('sea', this)" class="domain-card group relative h-[120px] md:h-[180px] bg-slate-100 overflow-hidden cursor-pointer border-2 border-transparent hover:border-blue-500 hover:shadow-2xl transition-all duration-300 rounded-sm"> <img alt="cm" src="cm.jpg" class="absolute inset-0 w-full h-full object-cover opacity-90 group-hover:scale-110 transition-transform duration-700">
          <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"></div>
          <div class="absolute bottom-0 left-0 p-4 w-full">
            <div class="w-6 h-1 bg-blue-500 mb-2 transition-all group-hover:w-12"></div>
            <h4 class="text-white font-bold text-lg">海军装备</h4>
            <p class="text-[10px] text-gray-300 opacity-0 group-hover:opacity-100 transition-opacity">Navy Force</p>
          </div>
        </div>
        <div onclick="switchDomain('radar', this)" class="domain-card group relative h-[120px] md:h-[180px] bg-slate-100 overflow-hidden cursor-pointer border-2 border-transparent hover:border-tech-green hover:shadow-2xl transition-all duration-300 rounded-sm"> <img alt="ldc" src="ldc.jpg" class="absolute inset-0 w-full h-full object-cover opacity-90 group-hover:scale-110 transition-transform duration-700">
          <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"></div>
          <div class="absolute bottom-0 left-0 p-4 w-full">
            <div class="w-6 h-1 bg-tech-green mb-2 transition-all group-hover:w-12"></div>
            <h4 class="text-white font-bold text-lg">电科雷达</h4>
            <p class="text-[10px] text-gray-300 opacity-0 group-hover:opacity-100 transition-opacity">Electronics</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section id="gallery" class="py-16 bg-[#050B14] relative min-h-[600px] transition-colors duration-500 overflow-hidden">
  <div class="absolute inset-0 bg-[linear-gradient(rgba(56,189,248,0.08)_1px,transparent_1px),linear-gradient(90deg,rgba(56,189,248,0.08)_1px,transparent_1px)] bg-[size:40px_40px]"></div>
  <div class="absolute top-0 left-1/2 -translate-x-1/2 w-3/4 h-[400px] bg-plasma/20 blur-[120px] rounded-full pointer-events-none mix-blend-screen"></div>
  <div class="absolute top-0 w-full h-px bg-gradient-to-r from-transparent via-plasma/50 to-transparent"></div>
  <div class="max-w-7xl mx-auto px-6 relative z-10">
    <div class="flex flex-col md:flex-row justify-between items-end mb-8 gap-6">
      <div>
        <h2 class="text-3xl md:text-4xl font-black text-white mb-2 uppercase tracking-tight drop-shadow-lg" id="gallery-title">综合精选案例 <span class="text-plasma">///</span></h2>
        <div class="mt-4 flex items-start gap-2 max-w-xl opacity-90"> <i class="fa-solid fa-shield-halved text-plasma mt-1 text-xs"></i>
          <p class="text-xs text-gray-400 leading-relaxed font-mono"><span class="text-white font-bold border-b border-gray-600 pb-0.5">合规声明 / Compliance</span><br>
            严格遵守《武器装备科研生产单位保密资格标准》。本站仅展示 <span class="text-white">已脱敏工艺样件</span> 及 <span class="text-white">公开参展模型</span>。核心涉密型号数据或不予展示。</p>
        </div>
      </div>
      <div class="hidden md:flex items-center gap-2 bg-black/40 backdrop-blur px-4 py-2 rounded-full border border-white/10"> <span class="w-2 h-2 rounded-full bg-green-500 animate-pulse shadow-[0_0_10px_#22c55e]"></span><span class="text-xs text-white font-mono font-bold">DATABASE ONLINE</span> </div>
    </div>
    <div id="gallery-grid" class="grid grid-cols-1 md:grid-cols-4 gap-4 transition-all duration-500 ease-in-out opacity-100"></div>
  </div>
</section>
<section id="capability" class="relative w-full py-20 border-b border-gray-200 bg-pattern-grid">
  <div class="absolute top-0 right-0 text-[5rem] md:text-[9rem] font-black text-gray-200 opacity-30 leading-none pointer-events-none select-none z-0 font-mono">SUPERIORITY</div>
  <div class="max-w-7xl mx-auto px-6 relative z-10">
    <div class="mb-12 border-b-4 border-navy pb-6 flex flex-col md:flex-row justify-between items-end gap-6">
      <div>
        <div class="text-plasma font-mono text-xs tracking-[0.3em] mb-2 uppercase flex items-center gap-2 font-bold"><span class="w-2 h-2 bg-plasma animate-pulse"></span> SYSTEM ONLINE</div>
        <h3 class="text-3xl md:text-5xl font-black text-navy leading-none uppercase tracking-tight">研发设计 & 精密制造</h3>
        <p class="text-sm text-gray-500 font-bold mt-2 font-mono">R&D DESIGN & PRECISION MANUFACTURING // <span class="text-alert">INTEGRATED_SOLUTION</span></p>
      </div>
      <div class="hidden md:block text-right opacity-80">
        <div class="text-xs font-bold text-navy bg-gray-100 px-3 py-1 rounded"> <i class="fa-solid fa-link text-plasma mr-1"></i> 设计制造一体化解决商 </div>
      </div>
    </div>
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-0 shadow-2xl border border-gray-200">
      <div class="bg-navy p-8 md:p-10 flex flex-col justify-center relative overflow-hidden">
        <div class="absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-plasma via-white to-plasma opacity-20"></div>
        <div class="relative z-10">
          <div class="flex items-center gap-3 mb-8"> <span class="bg-plasma text-white text-xs font-bold px-2 py-1 rounded-sm font-mono">PART 01</span>
            <h4 class="text-2xl font-black text-white italic">工程研发与仿真</h4>
          </div>
          <div class="space-y-6">
            <div class="flex items-start gap-4 group">
              <div class="mt-1 w-10 h-10 bg-white/5 border border-white/10 flex items-center justify-center text-plasma text-lg shrink-0 group-hover:bg-plasma group-hover:text-white transition-all"><i class="fa-solid fa-compass-drafting"></i></div>
              <div>
                <h5 class="text-white font-bold text-sm">逆向工程 (Reverse Eng)</h5>
                <p class="text-xs text-gray-400 mt-1 leading-relaxed border-l-2 border-white/10 pl-2"> <span class="text-white font-bold">有实物、无图纸？</span> 我们可以通过高精度扫描复原 3D 数据，还原度 >98%，解决老旧装备复刻难题。 </p>
              </div>
            </div>
            <div class="flex items-start gap-4 group">
              <div class="mt-1 w-10 h-10 bg-white/5 border border-white/10 flex items-center justify-center text-tech-green text-lg shrink-0 group-hover:bg-tech-green group-hover:text-white transition-all"><i class="fa-solid fa-microchip"></i></div>
              <div>
                <h5 class="text-white font-bold text-sm">DFM 可制造性分析</h5>
                <p class="text-xs text-gray-400 mt-1 leading-relaxed border-l-2 border-white/10 pl-2"> <span class="text-white font-bold">设计图能不能造出来？</span> 在开工前预判加工风险和装配干涉，帮您优化结构、降低成本。 </p>
              </div>
            </div>
            <div class="flex items-start gap-4 group relative bg-black/20 p-3 -ml-3 rounded border border-alert/20 hover:border-alert/50 transition-colors">
              <div class="mt-1 w-10 h-10 bg-alert text-white flex items-center justify-center text-lg shrink-0 shadow-[0_0_10px_rgba(220,38,38,0.4)] animate-pulse"><i class="fa-solid fa-chart-area"></i></div>
              <div>
                <h5 class="text-white font-bold text-sm flex items-center gap-2">有限元分析 (FEA) <span class="bg-alert text-white text-[9px] px-1 rounded">CORE</span></h5>
                <p class="text-xs text-gray-300 mt-1 leading-relaxed border-l-2 border-alert/50 pl-2"> <span class="text-white font-bold">进风洞会不会散架？</span> 提供 Ansys 结构/流体仿真数据。我们做的不仅是外观模型，更是科研验证载体。 </p>
              </div>
            </div>
            <div class="flex items-start gap-4 group">
              <div class="mt-1 w-10 h-10 bg-white/5 border border-white/10 flex items-center justify-center text-gold text-lg shrink-0 group-hover:bg-gold group-hover:text-navy transition-all"><i class="fa-solid fa-weight-hanging"></i></div>
              <div>
                <h5 class="text-white font-bold text-sm">拓扑优化 (Topology)</h5>
                <p class="text-xs text-gray-400 mt-1 leading-relaxed border-l-2 border-white/10 pl-2"> 航空级轻量化设计。利用算法生成仿生骨骼结构，在保证强度的前提下极致减重。 </p>
              </div>
            </div>
          </div>
          <div class="mt-8 pt-4 border-t border-white/10 flex gap-6 text-gray-500 font-black italic text-sm"> <span class="hover:text-white transition cursor-default">CATIA</span> <span class="hover:text-white transition cursor-default">ANSYS</span> <span class="hover:text-white transition cursor-default">ABAQUS</span> <span class="hover:text-white transition cursor-default">UG NX</span> </div>
        </div>
      </div>
      <div class="bg-white p-8 md:p-10 flex flex-col border-l border-gray-200 relative">
        <div class="relative z-10 flex-1">
          <div class="flex items-center gap-3 mb-6"> <span class="bg-alert text-white text-xs font-bold px-2 py-1 rounded-sm font-mono">PART 02</span>
            <h4 class="text-2xl font-black text-navy italic">暴力产能矩阵</h4>
          </div>
          <div class="flex items-baseline gap-2 mb-8 border-b border-gray-100 pb-8"> <span class="text-7xl font-black text-navy tracking-tighter">150<span class="text-4xl text-alert align-top">+</span></span>
            <div class="flex flex-col"> <span class="text-xs font-bold text-gray-500 uppercase tracking-widest">Machines</span> <span class="text-xs font-bold text-navy bg-gray-100 px-2 py-0.5 rounded">全域设备集群</span> </div>
          </div>
          <div class="grid grid-cols-2 gap-x-4 gap-y-5">
            <div class="group">
              <div class="flex justify-between items-end mb-1"><span class="text-xs font-black text-navy group-hover:text-gold transition-colors"><i class="fa-solid fa-cube mr-1.5 text-gray-300"></i>精密机加</span><span class="text-[10px] font-mono font-bold text-gray-400">60+</span></div>
              <div class="w-full bg-gray-100 h-1.5">
                <div class="bg-gold h-full w-[80%]"></div>
              </div>
            </div>
            <div class="group">
              <div class="flex justify-between items-end mb-1"><span class="text-xs font-black text-navy group-hover:text-plasma transition-colors"><i class="fa-solid fa-layer-group mr-1.5 text-gray-300"></i>增材制造</span><span class="text-[10px] font-mono font-bold text-gray-400">45+</span></div>
              <div class="w-full bg-gray-100 h-1.5">
                <div class="bg-plasma h-full w-[65%]"></div>
              </div>
            </div>
            <div class="group">
              <div class="flex justify-between items-end mb-1"><span class="text-xs font-black text-navy group-hover:text-alert transition-colors"><i class="fa-solid fa-scissors mr-1.5 text-gray-300"></i>激光钣金</span><span class="text-[10px] font-mono font-bold text-gray-400">20+</span></div>
              <div class="w-full bg-gray-100 h-1.5">
                <div class="bg-alert h-full w-[40%]"></div>
              </div>
            </div>
            <div class="group">
              <div class="flex justify-between items-end mb-1"><span class="text-xs font-black text-navy group-hover:text-tech-green transition-colors"><i class="fa-solid fa-feather mr-1.5 text-gray-300"></i>复材成型</span><span class="text-[10px] font-mono font-bold text-gray-400">15+</span></div>
              <div class="w-full bg-gray-100 h-1.5">
                <div class="bg-tech-green h-full w-[30%]"></div>
              </div>
            </div>
          </div>
          <div class="mt-6 relative group cursor-pointer overflow-hidden rounded border border-blue-200 bg-blue-50/50 hover:bg-blue-600 hover:border-blue-600 transition-all duration-300 shadow-sm hover:shadow-xl">
            <div class="absolute top-0 right-0 p-2 opacity-10 group-hover:opacity-20"><i class="fa-solid fa-bolt text-4xl text-blue-900 group-hover:text-white"></i></div>
            <div class="p-4 flex items-center gap-4">
              <div class="w-10 h-10 bg-blue-500 text-white rounded flex items-center justify-center text-lg shadow-lg group-hover:bg-white group-hover:text-blue-600 transition-colors animate-[pulse_2s_infinite]"> <i class="fa-solid fa-bolt"></i> </div>
              <div class="flex-1">
                <div class="flex justify-between items-center">
                  <h4 class="font-black text-navy text-sm group-hover:text-white">机电自动化集成 (Automation)</h4>
                  <span class="text-[9px] font-bold bg-blue-100 text-blue-600 px-1.5 py-0.5 rounded group-hover:bg-white/20 group-hover:text-white">ACTIVE</span> </div>
                <p class="text-[10px] text-gray-500 mt-1 leading-tight group-hover:text-blue-100 font-bold"> 赋予模型灵魂。支持 PLC/单片机编程、多轴舵机联动、雷达旋转/导弹起竖动态演示。 </p>
              </div>
            </div>
            <div class="absolute bottom-0 left-0 h-1 w-full bg-blue-200/50 group-hover:bg-white/30">
              <div class="h-full w-1/3 bg-blue-500 group-hover:bg-white blur-[2px] animate-shine"></div>
            </div>
          </div>
        </div>
        <a href="/about.html" class="mt-8 block w-full group relative overflow-hidden rounded-sm shadow-xl bg-navy">
        <div class="absolute inset-0 bg-navy transition-all duration-300 group-hover:bg-alert"></div>
        <div class="absolute inset-0 bg-[linear-gradient(45deg,transparent_25%,rgba(255,255,255,0.1)_50%,transparent_75%)] bg-[length:250%_250%] animate-shine opacity-0 group-hover:opacity-100"></div>
        <div class="relative px-6 py-4 flex items-center justify-between text-white">
          <div class="flex flex-col text-left"> <span class="font-black text-sm md:text-base tracking-widest uppercase">查看全域工艺图谱</span> <span class="text-[9px] font-mono opacity-70">FULL PROCESS DATABASE</span> </div>
          <div class="w-8 h-8 bg-white/10 flex items-center justify-center rounded-sm border border-white/20 group-hover:border-white group-hover:bg-white group-hover:text-alert transition-all"> <i class="fa-solid fa-arrow-right-long text-sm"></i> </div>
        </div>
        </a> </div>
    </div>
    <div class="mt-8 relative w-full h-[300px] md:h-[400px] bg-gray-900 group overflow-hidden border border-gray-200 rounded-sm shadow-xl">
      <div class="absolute inset-0 w-full h-full"><img alt="3D" id="factory-main-img" src="3D.jpg" class="absolute inset-0 w-full h-full object-cover transition-all duration-500 opacity-90 hover:scale-105">
        <div class="absolute inset-0 bg-gradient-to-t from-navy/90 via-transparent to-transparent"></div>
      </div>
      <div class="absolute top-0 right-0 bg-plasma text-white px-4 py-2 text-xs font-mono font-bold z-20"><i class="fa-solid fa-network-wired mr-2 animate-pulse"></i> LIVE FEED</div>
      <div class="absolute bottom-0 left-0 w-full p-6 z-30 flex flex-col md:flex-row justify-between items-end gap-4">
        <div>
          <div class="text-[10px] text-plasma font-mono mb-1">CURRENT VIEW</div>
          <h4 id="factory-desc" class="text-white font-bold text-lg leading-none">综合加工中心·一号车间</h4>
        </div>
        <div class="flex gap-3">
          <div onclick="changeFactoryImg(0)" class="w-16 h-12 border-2 border-plasma cursor-pointer overflow-hidden rounded-sm hover:scale-105 transition-all relative factory-thumb"><img alt="3D" src="3D.jpg" class="w-full h-full object-cover">
            <div class="absolute inset-0 bg-plasma/20 hidden active-overlay"></div>
          </div>
          <div onclick="changeFactoryImg(1)" class="w-16 h-12 border-2 border-transparent hover:border-white cursor-pointer overflow-hidden rounded-sm hover:scale-105 transition-all relative factory-thumb opacity-60 hover:opacity-100"><img alt="55" src="55.jpg" class="w-full h-full object-cover"></div>
          <div onclick="changeFactoryImg(2)" class="w-16 h-12 border-2 border-transparent hover:border-white cursor-pointer overflow-hidden rounded-sm hover:scale-105 transition-all relative factory-thumb opacity-60 hover:opacity-100"><img alt="leida2" src="leida2.jpg" class="w-full h-full object-cover"></div>
        </div>
      </div>
    </div>
  </div>
</section>
<section id="guarantee" class="py-20 border-b border-gray-200 bg-pattern-diagonal">
<div class="max-w-7xl mx-auto px-6">
<div class="text-center mb-16">
  <h2 class="text-3xl font-black text-navy tracking-tight">闭环交付保障体系</h2>
  <div class="flex items-center justify-center gap-2 mt-4 text-xs font-mono text-gray-400 font-bold uppercase"><span>Process</span> <span class="text-plasma">/</span> <span>Quality</span> <span class="text-plasma">/</span> <span>Logistics</span></div>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 relative">
  <div class="hidden md:block absolute top-12 left-[20%] right-[20%] h-px bg-gray-200 border-t border-dashed border-gray-300 z-0"></div>
  <div class="relative z-10 bg-white p-8 border border-gray-100 shadow-sm rounded-sm text-center group hover:-translate-y-2 transition-transform duration-300">
    <div class="w-16 h-16 mx-auto bg-navy text-white rounded-sm flex items-center justify-center text-2xl mb-6 shadow-lg relative"><i class="fa-solid fa-file-shield"></i>
      <div class="absolute -top-2 -right-2 bg-plasma text-navy text-[10px] font-bold px-2 py-0.5 rounded-sm">01</div>
    </div>
    <h3 class="text-lg font-bold text-navy mb-3">涉密对接流程</h3>
    <p class="text-xs text-gray-500 leading-relaxed px-4">签署企业级 NDA 协议 -> 专线传输脱敏数据 -> 物理隔离环境生产 -> 数据粉碎销毁。</p>
  </div>
  <div class="relative z-10 bg-white p-8 border border-gray-100 shadow-sm rounded-sm text-center group hover:-translate-y-2 transition-transform duration-300">
    <div class="w-16 h-16 mx-auto bg-white border border-gray-200 text-navy rounded-sm flex items-center justify-center text-2xl mb-6 shadow-sm group-hover:bg-navy group-hover:text-white transition-colors"><i class="fa-solid fa-microscope"></i>
      <div class="absolute -top-2 -right-2 bg-gray-200 text-gray-600 text-[10px] font-bold px-2 py-0.5 rounded-sm">02</div>
    </div>
    <h3 class="text-lg font-bold text-navy mb-3">海克斯康检测</h3>
    <p class="text-xs text-gray-500 leading-relaxed px-4">拒绝肉眼收货。出厂附带 CMM 三坐标检测报告。严格控制金属件 ±0.02mm，复材 Ra 1.6 粗糙度。</p>
  </div>
  <div class="relative z-10 bg-white p-8 border border-gray-100 shadow-sm rounded-sm text-center group hover:-translate-y-2 transition-transform duration-300">
    <div class="w-16 h-16 mx-auto bg-white border border-gray-200 text-alert rounded-sm flex items-center justify-center text-2xl mb-6 shadow-sm group-hover:bg-alert group-hover:text-white transition-colors"><i class="fa-solid fa-truck-fast"></i>
      <div class="absolute -top-2 -right-2 bg-gray-200 text-gray-600 text-[10px] font-bold px-2 py-0.5 rounded-sm">03</div>
    </div>
    <h3 class="text-lg font-bold text-navy mb-3">无损加密交付</h3>
    <p class="text-xs text-gray-500 leading-relaxed px-4">定制熏蒸木箱 + EVA高密度内衬。采用顺丰密件或专车直送，隐去包装信息，确保隐私安全。</p>
  </div>
</div>
</section>
<section id="trust" class="relative w-full py-20 text-slate-800 bg-pattern-cross">
  <div class="max-w-7xl mx-auto px-6 md:px-12">
    <div class="text-center mb-16">
      <h2 class="text-3xl font-black text-navy mb-4 tracking-tight">国防军工资质体系</h2>
      <div class="w-12 h-1 bg-alert mx-auto"></div>
      <p class="text-xs text-gray-500 mt-4 font-mono tracking-widest uppercase font-bold">QUALIFICATIONS & CERTIFICATIONS</p>
    </div>
    <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-16">
      <div class="flex items-start gap-6 p-8 bg-white border border-gray-200 hover:border-alert hover:shadow-lg transition-all group rounded-sm shadow-sm">
        <div class="w-14 h-14 bg-gray-50 border border-gray-200 flex items-center justify-center text-alert shrink-0"><i class="fa-solid fa-file-shield text-2xl"></i></div>
        <div>
          <h3 class="text-xl font-bold text-navy mb-3">二级保密受控生产基地</h3>
          <p class="text-xs text-gray-500 leading-relaxed mb-4 font-medium">实行涉密区域物理隔离与三员管理，具备承接涉密级/机密级国防科研试制任务的受控环境。</p>
          <div class="group/code relative inline-block cursor-pointer"><span class="text-[10px] text-red-800 border border-red-200 bg-red-50 px-2 py-1 font-mono font-bold"> <i class="fa-regular fa-copy ml-1 text-red-400"></i>基地资质：在籍有效</span></div>
        </div>
      </div>
      <div class="flex items-start gap-6 p-8 bg-white border border-gray-200 hover:border-plasma hover:shadow-lg transition-all group rounded-sm shadow-sm">
        <div class="w-14 h-14 bg-gray-50 border border-gray-200 flex items-center justify-center text-plasma shrink-0"><i class="fa-solid fa-certificate text-2xl"></i></div>
        <div>
          <h3 class="text-xl font-bold text-navy mb-3">GJB 9001C 质量体系作业</h3>
          <p class="text-xs text-gray-500 leading-relaxed mb-4 font-medium">全制程导入武器装备质量管理体系标准，从原材料甄选到成品交付，实现全链路军工品质追溯。</p>
          <span class="text-[10px] text-blue-800 border border-blue-200 bg-blue-50 px-2 py-1 font-mono font-bold">ISO/GJB-9001C-2017</span></div>
      </div>
    </div>
    <div class="border-t border-gray-200 pt-10 text-center opacity-60 hover:opacity-100 transition-opacity">
      <p class="text-xs font-bold text-gray-400 uppercase tracking-widest mb-6">TRUSTED BY INDUSTRY LEADERS</p>
      <div class="flex flex-wrap justify-center gap-8 md:gap-16 font-black text-lg md:text-xl text-gray-400 select-none"><span class="hover:text-navy transition-colors cursor-default">CASC 中国航天</span><span class="hover:text-navy transition-colors cursor-default">AVIC 中国航空</span><span class="hover:text-navy transition-colors cursor-default">CSSC 中国船舶</span><span class="hover:text-navy transition-colors cursor-default">CETC 中国电科</span></div>
    </div>
  </div>
</section>
<section id="contact" class="relative w-full py-20 bg-white">
  <div class="max-w-7xl mx-auto px-6 md:px-12">
    <div class="text-center mb-16">
      <h2 class="text-3xl font-black text-navy mb-4 tracking-tight">联系我们 - 陕西西部制造科技发展有限公司</h2>
      <div class="w-12 h-1 bg-plasma mx-auto"></div>
      <p class="text-xs text-gray-500 mt-4 font-mono tracking-widest uppercase font-bold">CONTACT INFORMATION</p>
    </div>
    <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
      <div class="p-8 bg-white border border-gray-200 hover:shadow-lg transition-all group rounded-sm shadow-sm">
        <div class="w-16 h-16 bg-plasma/10 border border-plasma/20 flex items-center justify-center text-plasma shrink-0 mb-4"> <i class="fa-solid fa-phone text-2xl"></i> </div>
        <h3 class="text-xl font-bold text-navy mb-3">电话咨询</h3>
        <p class="text-gray-500 leading-relaxed mb-4">24小时全天候服务</p>
        <a href="tel:13389201338" class="text-2xl font-black text-navy hover:text-plasma transition-colors">133-8920-1338</a> </div>
      <div class="p-8 bg-white border border-gray-200 hover:shadow-lg transition-all group rounded-sm shadow-sm">
        <div class="w-16 h-16 bg-plasma/10 border border-plasma/20 flex items-center justify-center text-plasma shrink-0 mb-4"> <i class="fa-solid fa-location-dot text-2xl"></i> </div>
        <h3 class="text-xl font-bold text-navy mb-3">公司地址</h3>
        <p class="text-gray-500 leading-relaxed">西安市航天基地飞天路588号</p>
      </div>
      <div class="p-8 bg-white border border-gray-200 hover:shadow-lg transition-all group rounded-sm shadow-sm">
        <div class="w-16 h-16 bg-plasma/10 border border-plasma/20 flex items-center justify-center text-plasma shrink-0 mb-4"> <i class="fa-solid fa-envelope text-2xl"></i> </div>
        <h3 class="text-xl font-bold text-navy mb-3">邮箱联系</h3>
        <p class="text-gray-500 leading-relaxed">project@xibuz.com</p>
      </div>
    </div>
    <div class="mt-16 p-8 bg-navy text-white rounded-sm">
      <div class="flex flex-col md:flex-row items-center justify-between gap-4">
        <div class="text-center md:text-left">
          <h3 class="text-xl font-bold text-white mb-1">有紧急需求？</h3>
          <p class="text-gray-300 text-sm">直接联系项目总师，快速响应</p>
        </div>
        <button type="button" 
                        onclick="openContactModal()" 
                        class="w-full md:w-auto min-w-[260px] py-4 bg-gradient-to-r from-alert to-red-900 text-white border border-alert/50 rounded-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_0_40px_rgba(185,28,28,0.5)] flex items-center justify-center gap-4 group cursor-pointer"> <i class="fa-solid fa-phone text-white text-lg"></i>
        <div class="text-left">
          <div class="text-sm font-bold tracking-widest">联系项目总师</div>
          <div class="text-[9px] text-red-200 font-mono">SECURE CHANNEL</div>
        </div>
        </button>
      </div>
    </div>
  </div>
</section>
<div class="mt-16 border-t border-gray-200 pt-10">
  <div class="grid grid-cols-1 md:grid-cols-12 gap-8 items-start">
    <div class="md:col-span-5 relative group perspective-1000 h-[280px] cursor-pointer" onclick="this.classList.toggle('active')">
      <div class="absolute inset-0 bg-navy rounded-sm shadow-xl p-8 flex flex-col justify-between overflow-hidden transition-all duration-500 group-hover:shadow-2xl backface-hidden transform rotate-y-0 z-20" id="card-front"> <img alt="3D" src="3D.jpg" class="absolute inset-0 w-full h-full object-cover opacity-40 mix-blend-overlay">
        <div class="relative z-10">
          <div class="text-[10px] text-plasma font-mono mb-2">WHO WE ARE</div>
          <h3 class="text-3xl font-black text-white">陕西西部制造科技发展有限公司</h3>
          <p class="text-sm text-gray-300 font-mono">WEST.MIL</p>
        </div>
        <div class="relative z-10 self-end"> <span class="bg-white/10 backdrop-blur-md border border-white/20 text-white px-4 py-2 rounded-full text-xs font-bold flex items-center gap-2 group-hover:bg-plasma group-hover:border-plasma transition-colors"> 点击查看简介 <i class="fa-solid fa-arrow-right"></i> </span> </div>
      </div>
      <div class="absolute inset-0 bg-white border-l-4 border-plasma shadow-xl p-8 flex flex-col justify-center opacity-0 transition-opacity duration-300 z-10" id="card-back">
        <h4 class="text-xl font-bold text-navy mb-4">关于西部制造</h4>
        <p class="text-xs text-gray-600 leading-relaxed mb-4"> 成立于2014年，坐落于西安国家民用航天产业基地。作为军工配套体系的核心一员，我们专注于为国防科研院所提供从<span class="font-bold text-navy">原理验证</span>到<span class="font-bold text-navy">全尺寸样机</span>的工程化解决方案。 </p>
        <ul class="text-[10px] text-gray-500 space-y-2 font-mono">
          <li><i class="fa-solid fa-check text-plasma mr-2"></i> 二级保密受控环境</li>
          <li><i class="fa-solid fa-check text-plasma mr-2"></i> GJB 9001C 国军标生产标准</li>
        </ul>
      </div>
      <script>
                            (function() {
                                var card = document.currentScript.parentElement;
                                if(card) {
                                    card.onclick = function() {
                                        var front = this.querySelector('#card-front');
                                        var back = this.querySelector('#card-back');
                                        if (back.style.opacity === '1') {
                                            back.style.opacity = '0'; back.style.zIndex = '10';
                                            front.style.opacity = '1'; 
                                        } else {
                                            back.style.opacity = '1'; back.style.zIndex = '30';
                                            front.style.opacity = '0';
                                        }
                                    };
                                }
                            })();
                        </script> 
    </div>
    <div class="md:col-span-7 space-y-3" id="faq-accordion">
      <div class="text-left mb-6">
        <h3 class="text-xl font-bold text-navy">常见问题快速答疑</h3>
        <div class="w-8 h-1 bg-plasma mt-2"></div>
      </div>
      <div class="border border-gray-200 rounded-sm bg-white overflow-hidden group">
        <button class="w-full flex items-center justify-between p-4 text-left focus:outline-none hover:bg-gray-50 transition-colors" onclick="toggleFaq(this)"><span class="font-bold text-navy text-sm flex items-center"><i class="fa-solid fa-file-invoice-dollar text-plasma mr-3 w-6 text-center"></i> 能否开具增值税专用发票？</span><i class="fa-solid fa-plus text-gray-300 text-xs transition-transform duration-300 group-hover:text-plasma"></i></button>
        <div class="max-h-0 overflow-hidden transition-all duration-300 ease-in-out bg-gray-50">
          <p class="p-4 pl-12 text-xs text-gray-600 leading-relaxed border-t border-gray-100">完全支持。我们可以开具 **13% 增值税专用发票**，类目通常为“模型制作费”、“技术服务费”或“加工费”。</p>
        </div>
      </div>
      <div class="border border-gray-200 rounded-sm bg-white overflow-hidden group">
        <button class="w-full flex items-center justify-between p-4 text-left focus:outline-none hover:bg-gray-50 transition-colors" onclick="toggleFaq(this)"><span class="font-bold text-navy text-sm flex items-center"><i class="fa-solid fa-stopwatch text-alert mr-3 w-6 text-center"></i> 加急订单最快多久发货？</span><i class="fa-solid fa-plus text-gray-300 text-xs transition-transform duration-300 group-hover:text-plasma"></i></button>
        <div class="max-h-0 overflow-hidden transition-all duration-300 ease-in-out bg-gray-50">
          <p class="p-4 pl-12 text-xs text-gray-600 leading-relaxed border-t border-gray-100">针对紧急科研任务，我们启动“战时状态”响应：24小时人歇机不停。简单结构件可实现 **次日发货**。</p>
        </div>
      </div>
      <div class="border border-gray-200 rounded-sm bg-white overflow-hidden group">
        <button class="w-full flex items-center justify-between p-4 text-left focus:outline-none hover:bg-gray-50 transition-colors" onclick="toggleFaq(this)"><span class="font-bold text-navy text-sm flex items-center"><i class="fa-solid fa-trash-can text-tech-green mr-3 w-6 text-center"></i> 涉密废料和图纸如何处理？</span><i class="fa-solid fa-plus text-gray-300 text-xs transition-transform duration-300 group-hover:text-plasma"></i></button>
        <div class="max-h-0 overflow-hidden transition-all duration-300 ease-in-out bg-gray-50">
          <p class="p-4 pl-12 text-xs text-gray-600 leading-relaxed border-t border-gray-100">严格遵守保密规定。所有中间废料通过工业粉碎机进行物理销毁，图纸数据执行 **DoD标准数据擦除**。</p>
        </div>
      </div>
      <div class="border border-gray-200 rounded-sm bg-white overflow-hidden group">
        <button class="w-full flex items-center justify-between p-4 text-left focus:outline-none hover:bg-gray-50 transition-colors" onclick="toggleFaq(this)"><span class="font-bold text-navy text-sm flex items-center"><i class="fa-solid fa-compass-drafting text-gold mr-3 w-6 text-center"></i> 没有3D图纸，只有照片能做吗？</span><i class="fa-solid fa-plus text-gray-300 text-xs transition-transform duration-300 group-hover:text-plasma"></i></button>
        <div class="max-h-0 overflow-hidden transition-all duration-300 ease-in-out bg-gray-50">
          <p class="p-4 pl-12 text-xs text-gray-600 leading-relaxed border-t border-gray-100">可以提供逆向建模服务。我们会根据照片进行高精度复原，并提供三视图供您确认。</p>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- 军工资讯模块 -->
<section id="news" class="py-20 bg-gradient-to-b from-gray-50 to-white">
  <div class="max-w-7xl mx-auto px-6">
    <div class="text-center mb-12">
      <p class="text-xs text-gray-400 font-mono tracking-[0.3em] uppercase mb-2">DEFENSE INDUSTRY INSIGHTS</p>
      <h2 class="text-3xl font-black text-navy mb-4 tracking-tight">军工资讯</h2>
      <p class="text-sm text-gray-500">行业深度解析 · 技术前沿 · 选型指南</p>
    </div>
    <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-5 gap-6">
      <a href="/geo-shiyan.html" class="group block bg-white border border-gray-200 rounded-lg p-6 hover:border-blue-500 hover:shadow-lg transition-all">
        <p class="text-xs text-blue-600 font-mono mb-2">GUIDE</p>
        <h3 class="font-bold text-navy text-sm mb-3 group-hover:text-blue-600 transition-colors">军事试验模型定制完全指南</h3>
        <p class="text-xs text-gray-500 leading-relaxed">从需求到交付，涵盖RCS、红外、风洞等核心品类的全流程解析。</p>
      </a>
      <a href="/geo-zhanshi.html" class="group block bg-white border border-gray-200 rounded-lg p-6 hover:border-blue-500 hover:shadow-lg transition-all">
        <p class="text-xs text-blue-600 font-mono mb-2">GUIDE</p>
        <h3 class="font-bold text-navy text-sm mb-3 group-hover:text-blue-600 transition-colors">军事展示模型制作详解</h3>
        <p class="text-xs text-gray-500 leading-relaxed">航展、博物馆、国防教育基地模型定制全攻略。</p>
      </a>
      <a href="/geo-rcs-hongwai.html" class="group block bg-white border border-gray-200 rounded-lg p-6 hover:border-blue-500 hover:shadow-lg transition-all">
        <p class="text-xs text-blue-600 font-mono mb-2">DEEP DIVE</p>
        <h3 class="font-bold text-navy text-sm mb-3 group-hover:text-blue-600 transition-colors">RCS与红外模型深度解析</h3>
        <p class="text-xs text-gray-500 leading-relaxed">雷达散射截面测试模型与红外特征模型的技术要求与制作流程。</p>
      </a>
      <a href="/geo-fengdong.html" class="group block bg-white border border-gray-200 rounded-lg p-6 hover:border-blue-500 hover:shadow-lg transition-all">
        <p class="text-xs text-blue-600 font-mono mb-2">DEEP DIVE</p>
        <h3 class="font-bold text-navy text-sm mb-3 group-hover:text-blue-600 transition-colors">风洞试验模型制作指南</h3>
        <p class="text-xs text-gray-500 leading-relaxed">从低速到高超声速，风洞模型的材质选择与精度标准。</p>
      </a>
      <a href="/geo-changjia.html" class="group block bg-white border border-gray-200 rounded-lg p-6 hover:border-blue-500 hover:shadow-lg transition-all">
        <p class="text-xs text-blue-600 font-mono mb-2">SELECTION</p>
        <h3 class="font-bold text-navy text-sm mb-3 group-hover:text-blue-600 transition-colors">军事模型厂家怎么选？</h3>
        <p class="text-xs text-gray-500 leading-relaxed">2026年选择指南，六大核心标准与采购避坑要点。</p>
      </a>
    </div>
  </div>
</section>
<footer class="bg-navy text-white pt-16 pb-8 border-t border-white/10 relative overflow-hidden">
  <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-plasma to-transparent opacity-50"></div>
  <div class="max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-12 mb-12">
    <div class="col-span-1 md:col-span-1">
      <div class="text-2xl font-black font-mono tracking-tighter mb-4">WEST.MIL</div>
      <p class="text-xs text-gray-400 leading-relaxed mb-4">专注于国防军工领域的精密模型制造与工程验证服务。以国军标体系为基石，为科研院所提供可靠的物理验证载体。</p>
      <div class="flex gap-4"><a href="#" class="w-8 h-8 rounded bg-white/5 flex items-center justify-center hover:bg-plasma transition-colors"><i class="fa-brands fa-weixin text-xs"></i></a><a href="#" class="w-8 h-8 rounded bg-white/5 flex items-center justify-center hover:bg-plasma transition-colors"><i class="fa-solid fa-envelope text-xs"></i></a></div>
    </div>
    <div class="col-span-1 md:col-span-2 grid grid-cols-2 gap-8">
      <div>
        <h4 class="text-xs font-bold text-white uppercase tracking-widest mb-4">快速链接</h4>
        <ul class="space-y-2 text-xs text-gray-400">
          <li><a href="#solutions" class="hover:text-plasma transition-colors">解决方案 Solution</a></li>
          <li><a href="/about.html" class="hover:text-plasma transition-colors">全域工艺图谱 Matrix</a></li>
          <li><a href="#trust" class="hover:text-plasma transition-colors">保密资质 Qualification</a></li>
        </ul>
      </div>
      <div>
        <h4 class="text-xl font-bold text-white uppercase tracking-widest mb-4">联系方式</h4>
        <ul class="space-y-4 text-xl text-gray-200">
          <li class="flex items-center gap-3"><i class="fa-solid fa-phone text-plasma text-2xl"></i> <span class="font-black text-white">133-8920-1338 (24h)</span></li>
          <li class="flex items-center gap-3"><i class="fa-solid fa-location-dot text-plasma text-2xl"></i> <span class="font-bold">西安市航天基地飞天路588号</span></li>
          <li class="flex items-center gap-3"><i class="fa-solid fa-envelope text-plasma text-2xl"></i> <span class="font-bold">project@xibuz.com</span></li>
        </ul>
      </div>
    </div>
    <div class="col-span-1">
      <div class="bg-white/5 p-4 rounded border border-white/10">
        <div class="text-[10px] text-gray-400 mb-2 font-mono">政府监管信息</div>
        <div class="flex items-center gap-2 mb-2"><i class="fa-solid fa-shield-halved text-green-500"></i><span class="text-xs font-bold">已通过工信部备案</span></div>
        <div class="text-[10px] text-gray-500"><a href="https://beian.miit.gov.cn/?s#/Integrated/index">陕ICP备19018032号-1</a></div>
        <div class="text-[10px] text-gray-500 mt-1"></div>
      </div>
    </div>
  </div>
  <div class="max-w-7xl mx-auto px-6 pt-8 border-t border-white/10 flex flex-col md:flex-row justify-between items-center gap-4">
    <div class="text-[10px] text-gray-500 font-mono">&copy; 2024 WESTERN MILITARY MANUFACTURING. ALL RIGHTS RESERVED.</div>
    <div class="flex gap-6 text-[10px] text-gray-500"><a href="#" class="hover:text-white">隐私政策</a><a href="#" class="hover:text-white">服务条款</a></div>
  </div>
  <div class="text-center py-4"><a href="https://beian.miit.gov.cn/" target="_blank" class="text-[11px] text-gray-500 hover:text-white">陕ICP备19018032号-1</a></div>
</footer>
<div class="md:hidden fixed bottom-0 left-0 w-full z-[90] flex bg-white border-t border-gray-200 shadow-[0_-5px_20px_rgba(0,0,0,0.1)] safe-bottom"> <a href="tel:13389201338" class="w-[40%] bg-gray-50 text-navy py-3 flex flex-col items-center justify-center active:bg-gray-200 border-r border-gray-200"><i class="fa-solid fa-phone text-lg mb-0.5 text-navy/80"></i><span class="text-[10px] font-bold">拨打保密专线</span></a>
  <button onclick="copyWechat()" class="w-[60%] bg-[#07C160] text-white py-3 flex flex-col items-center justify-center active:bg-green-700"><i class="fa-brands fa-weixin text-lg mb-0.5 animate-pulse"></i><span class="text-[12px] font-bold tracking-[0.1em]">复制总师微信</span></button>
</div>
<div class="fixed right-4 bottom-24 z-[9999] hidden md:flex flex-col gap-3 group/sidebar">
  <div class="relative group cursor-pointer">
    <div class="absolute right-14 top-0 opacity-0 group-hover:opacity-100 transition-all duration-300 translate-x-4 group-hover:translate-x-0 pointer-events-none group-hover:pointer-events-auto">
      <div class="bg-white p-2 rounded shadow-2xl border border-gray-200 w-32 text-center"><img src="wx.jpg" alt="加微信" class="w-full mb-1"><span class="text-[10px] text-gray-500 font-bold">扫码对接总师</span></div>
      <div class="absolute top-4 -right-1 w-2 h-2 bg-white rotate-45 border-t border-r border-gray-200"></div>
    </div>
    <div class="w-12 h-12 bg-[#10B981] text-white rounded shadow-lg flex items-center justify-center border border-white/20 hover:bg-[#059669] transition-colors duration-300 shadow-[0_0_15px_rgba(16,185,129,0.4)]"><i class="fa-brands fa-weixin text-xl"></i></div>
  </div>
  <div class="relative group cursor-pointer">
    <div class="absolute right-14 top-2 opacity-0 group-hover:opacity-100 transition-all duration-300 translate-x-4 group-hover:translate-x-0"> <a href="tel:13389201338" class="flex items-center gap-3 bg-[#D63031] text-white px-4 py-2 rounded shadow-xl whitespace-nowrap hover:bg-red-800 transition border border-red-400"><span class="font-mono font-bold text-lg">133-8920-1338</span><span class="text-[10px] bg-white/20 px-1 rounded">24h</span></a>
      <div class="absolute top-4 -right-1 w-2 h-2 bg-[#D63031] rotate-45 border-t border-r border-red-400"></div>
    </div>
    <div class="w-12 h-12 bg-[#D63031] text-white rounded shadow-lg flex items-center justify-center border border-white/20 hover:bg-[#B91C1C] transition-colors duration-300 relative overflow-hidden shadow-[0_0_15px_rgba(220,38,38,0.5)]">
      <div class="absolute inset-0 bg-white/20 rounded-full animate-ping opacity-75"></div>
      <i class="fa-solid fa-phone-volume text-lg relative z-10"></i></div>
  </div>
  <button onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="w-12 h-12 bg-white text-[#0B1E3B] rounded shadow-lg flex flex-col items-center justify-center border border-gray-200 hover:bg-gray-100 transition-colors duration-300 group"><i class="fa-solid fa-chevron-up text-sm mb-0.5 group-hover:-translate-y-0.5 transition-transform"></i><span class="text-[9px] font-bold scale-90">TOP</span></button>
</div>
<div id="consult-modal" class="modal-overlay hidden fixed inset-0 z-[10000] flex items-center justify-center px-4">
  <div class="absolute inset-0 bg-navy/95 backdrop-blur-md transition-opacity" onclick="closeModal()"></div>
  <div class="bg-white border border-gray-200 rounded-sm shadow-2xl w-full max-w-4xl h-auto relative z-10 flex overflow-hidden animate-fade-in-up">
    <div class="w-48 bg-gray-50 border-r border-gray-200 flex flex-col hidden md:flex">
      <div class="p-6 border-b border-gray-200">
        <div class="text-[10px] text-plasma font-mono mb-1 tracking-widest">SYSTEM ONLINE</div>
        <div class="text-xl font-bold text-navy font-mono">W-AI <span class="text-gray-400">CORE</span></div>
      </div>
      <div class="p-4 mt-auto border-t border-gray-200">
        <div class="flex items-center gap-2 text-[10px] text-alert bg-red-50 p-3 border border-red-100"><i class="fa-solid fa-shield-halved text-alert"></i><span class="text-gray-600">物理隔离环境处理</span></div>
      </div>
    </div>
    <div class="flex-1 bg-white relative flex flex-col">
      <div class="h-14 border-b border-gray-200 flex items-center justify-between px-6 relative z-10"> <span class="text-xs text-gray-500 font-mono"><i class="fa-solid fa-server mr-2 text-green-500"></i>NODE_WEST_01: CONNECTED</span>
        <button onclick="closeModal()" class="text-gray-400 hover:text-black transition"><i class="fa-solid fa-xmark text-xl"></i></button>
      </div>
      <div class="p-8 flex flex-col md:flex-row gap-8 items-start h-full justify-center">
        <div class="w-full md:w-1/2 text-left border-b md:border-b-0 md:border-r border-gray-100 pb-6 md:pb-0 md:pr-6">
          <div class="bg-red-50 border-l-4 border-alert p-3 mb-6">
            <div class="flex items-center gap-2 text-alert font-bold text-xs"> <i class="fa-solid fa-triangle-exclamation"></i> 严禁上传涉密数据 </div>
            <p class="text-[10px] text-red-600 mt-1 leading-tight"> 涉密型号图纸请勿在线传输。请直接联系总师走<span class="font-black underline">线下物理隔离安全通道</span>。 </p>
          </div>
          <div class="border-2 border-dashed border-gray-300 p-8 hover:border-plasma hover:bg-blue-50 transition-all cursor-pointer w-full group rounded-sm mb-4 text-center"> <i class="fa-solid fa-cloud-arrow-up text-3xl text-gray-300 group-hover:text-plasma mb-3 transition-colors"></i>
            <h3 class="text-lg font-bold text-navy mb-1">点击上传脱敏/非密模型</h3>
            <p class="text-gray-400 text-[10px]">STL / OBJ / STEP (Max 200MB)</p>
          </div>
          <div class="mt-4 p-3 bg-navy/5 border border-navy/10 rounded-sm text-center">
            <p class="text-xs text-navy font-bold mb-1">涉密数据对接专线</p>
            <a href="tel:13389201338" class="text-xl font-black text-alert font-mono hover:underline">133-8920-1338</a> </div>
        </div>
        <div class="w-full md:w-1/2 flex flex-col items-center text-center pt-2">
          <h4 class="text-2xl font-black text-navy mb-6">没有图纸？<br>
            <span class="text-base font-normal text-gray-500">没关系，直接联系总师</span></h4>
          <div class="mb-6 relative group cursor-pointer"> <img src="wx.jpg" alt="WeChat" class="w-32 h-32 border-4 border-gray-100 rounded-sm">
            <p class="text-xs font-bold text-gray-500 mt-2"><i class="fa-brands fa-weixin text-green-500 mr-1"></i> 扫码加微信</p>
          </div>
          <a href="tel:13389201338" class="w-full bg-alert hover:bg-red-800 text-white font-bold py-3 rounded-sm shadow-lg mb-4 flex items-center justify-center gap-2 transition-colors"> <i class="fa-solid fa-phone"></i> 直接拨打电话 </a>
          <div class="text-[10px] text-gray-400 bg-gray-50 p-2 rounded w-full border border-gray-100"> <i class="fa-solid fa-location-dot text-plasma mr-1"></i> 西安市航天基地飞天路588号 </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="contact-modal" class="modal-overlay hidden fixed inset-0 z-[10000] flex items-center justify-center px-4">
  <div class="absolute inset-0 bg-navy/95 backdrop-blur-sm transition-opacity" onclick="closeContactModal()"></div>
  <div class="relative z-10 w-full max-w-2xl bg-white rounded-lg shadow-2xl border border-gray-200 flex flex-col md:flex-row overflow-hidden animate-fade-in-up">
    <button onclick="closeContactModal()" class="absolute top-3 right-3 z-50 w-6 h-6 flex items-center justify-center bg-gray-100 hover:bg-red-50 hover:text-alert rounded-full text-gray-400 transition-colors cursor-pointer border border-gray-200 text-xs"> <i class="fa-solid fa-xmark"></i> </button>
    <div class="w-full md:w-[35%] bg-gray-50 p-6 flex flex-col items-center justify-center text-center border-r border-gray-100 relative overflow-hidden">
      <div class="text-alert font-mono text-[9px] font-bold tracking-[0.2em] mb-4 w-full text-left opacity-80 uppercase">SECURE LINK</div>
      <div class="relative bg-white p-1.5 rounded mb-4 shadow-sm border border-gray-200 group cursor-pointer hover:shadow-md transition-all duration-500"> <img src="wx.jpg" alt="WeChat" class="w-28 h-28 mix-blend-multiply"> </div>
      <h3 class="text-navy font-bold text-sm mb-1 tracking-wide">扫描对接总师</h3>
      <p class="text-[9px] text-gray-400 font-mono">Avg Response < 3min</p>
    </div>
    <div class="w-full md:w-[65%] bg-white p-6 md:p-8 flex flex-col justify-between relative">
      <div class="relative z-10">
        <div class="flex items-center gap-2 mb-2"> <span class="w-1.5 h-1.5 rounded-full bg-green-500 animate-pulse shadow-[0_0_10px_#22c55e]"></span> <span class="text-[9px] text-alert font-bold uppercase tracking-widest font-mono bg-red-50 px-2 py-0.5 rounded border border-red-100">PRIORITY LINE (ENCRYPTED)</span> </div>
        <a href="tel:13389201338" class="block text-3xl md:text-4xl font-black text-navy font-mono tracking-tighter hover:text-alert transition-colors mb-1">133-8920-1338</a>
        <p class="text-[10px] text-gray-400 font-mono mb-6 pl-0.5">点击号码呼叫 · 全程录音备案</p>
        <div class="space-y-4">
          <div class="flex items-start gap-3 group">
            <div class="mt-0.5 w-6 h-6 rounded bg-gray-50 flex items-center justify-center text-plasma text-xs border border-gray-100"><i class="fa-solid fa-location-dot"></i></div>
            <div>
              <div class="text-[9px] text-gray-400 font-bold uppercase tracking-widest font-mono mb-0.5">BASE LOCATION</div>
              <p class="text-gray-600 font-bold text-xs leading-relaxed"> 西安·国家民用航天产业基地<br>
                飞天路588号 (独栋保密车间) </p>
            </div>
          </div>
          <div class="flex items-start gap-3 group">
            <div class="mt-0.5 w-6 h-6 rounded bg-gray-50 flex items-center justify-center text-gold text-xs border border-gray-100"><i class="fa-solid fa-envelope"></i></div>
            <div>
              <div class="text-[9px] text-gray-400 font-bold uppercase tracking-widest font-mono mb-0.5">SECURE MAIL</div>
              <a href="mailto:project@xibuz.com" class="text-gray-600 font-bold text-xs font-mono hover:text-alert transition-colors">project@xibuz.com</a> </div>
          </div>
        </div>
      </div>
      <div class="relative z-10 pt-6 mt-2">
        <button class="w-full bg-gradient-to-r from-alert to-red-800 hover:to-red-900 text-white py-2.5 px-4 rounded text-xs font-bold flex items-center justify-between group transition-all duration-300 shadow-lg shadow-red-100"> <span class="flex items-center gap-2"><i class="fa-solid fa-rocket"></i> 高校/创新团队通道</span> <i class="fa-solid fa-arrow-right group-hover:translate-x-1 transition-transform text-[10px]"></i> </button>
      </div>
    </div>
  </div>
</div>
<script>
        window.openModal = function() { var m = document.getElementById('consult-modal'); m.classList.remove('hidden'); m.classList.add('active'); }
        window.closeModal = function() { var m = document.getElementById('consult-modal'); m.classList.remove('active'); m.classList.add('hidden'); }
        
        // 联系总师弹窗控制
        window.openContactModal = function() { var m = document.getElementById('contact-modal'); m.classList.remove('hidden'); m.classList.add('active'); }
        window.closeContactModal = function() { var m = document.getElementById('contact-modal'); m.classList.remove('active'); m.classList.add('hidden'); }
        
        // 兼容性复制函数 (IE8+)
        function copyTextToClipboard(text, successMsg) {
            if (navigator.clipboard) {
                navigator.clipboard.writeText(text).then(function() {
                    alert(successMsg);
                }, function() {
                    alert('复制失败，请手动输入');
                });
            } else {
                // IE/旧版浏览器 Fallback
                var textArea = document.createElement("textarea");
                textArea.value = text;
                textArea.style.position = "fixed";
                textArea.style.left = "-9999px";
                document.body.appendChild(textArea);
                textArea.focus();
                textArea.select();
                try {
                    var successful = document.execCommand('copy');
                    if (successful) alert(successMsg);
                    else alert('复制失败，请手动输入');
                } catch (err) {
                    alert('复制失败，浏览器不支持');
                }
                document.body.removeChild(textArea);
            }
        }

        window.copyWechat = function() { copyTextToClipboard('13389201338', '微信号已复制'); }
        window.copyAddress = function() { copyTextToClipboard('西安市航天基地飞天路588号', '详细地址已复制'); }

        window.skipUpload = function(e) { e.preventDefault(); document.querySelector('input[type="text"]').focus(); }
        
        window.toggleMobileMenu = function() { 
            var menu = document.getElementById('mobile-menu'); 
            var icon = document.getElementById('mobile-menu-icon'); 
            if (menu.classList.contains('hidden')) { 
                menu.classList.remove('hidden');
                setTimeout(function(){ menu.classList.add('active'); }, 10); 
                icon.classList.remove('fa-bars'); icon.classList.add('fa-xmark'); 
            } else { 
                menu.classList.remove('active');
                setTimeout(function(){ menu.classList.add('hidden'); }, 300); 
                icon.classList.remove('fa-xmark'); icon.classList.add('fa-bars'); 
            } 
        }
        
        window.toggleFaq = function(button) { 
            var content = button.nextElementSibling; 
            var icon = button.querySelector('.fa-plus'); 
            var all = document.querySelectorAll('#faq-accordion .max-h-0'); 
            for(var i=0; i<all.length; i++) { 
                if (all[i] !== content && all[i].style.maxHeight) { 
                    all[i].style.maxHeight = null; 
                    all[i].previousElementSibling.querySelector('.fa-plus').classList.remove('rotate-45', 'text-plasma'); 
                } 
            } 
            if (content.style.maxHeight) { 
                content.style.maxHeight = null; 
                icon.classList.remove('rotate-45', 'text-plasma'); 
            } else { 
                content.style.maxHeight = content.scrollHeight + "px"; 
                icon.classList.add('rotate-45', 'text-plasma'); 
            } 
        }

        window.addEventListener('scroll', function() { 
            var navbar = document.getElementById('navbar');
            var navLogo = document.getElementById('nav-logo');
            var mobileBtn = document.getElementById('mobile-menu-icon'); 
            var mobileBtnContainer = document.getElementById('mobile-menu-btn'); 
            var navLinks = document.querySelectorAll('.nav-link');
            var secretBadge = document.getElementById('secret-badge');
            
            if (window.scrollY > 50) {
                navbar.classList.add('nav-scrolled'); navbar.classList.remove('bg-transparent', 'border-white/10');
                navLogo.classList.remove('text-white'); navLogo.classList.add('text-navy');
                mobileBtn.classList.remove('text-white'); mobileBtn.classList.add('text-navy'); 
                if(mobileBtnContainer) { mobileBtnContainer.classList.remove('text-white'); mobileBtnContainer.classList.add('text-navy'); }

                if(secretBadge) {
                    secretBadge.classList.remove('text-white', 'border-white/20', 'bg-white/5');
                    secretBadge.classList.add('text-navy', 'border-navy/20', 'bg-navy/5');
                }
                
                for(var i=0; i<navLinks.length; i++) { 
                    navLinks[i].classList.remove('text-gray-100', 'hover:text-white');
                    navLinks[i].classList.add('text-gray-600', 'hover:text-plasma'); 
                }
            } else {
                navbar.classList.remove('nav-scrolled'); navbar.classList.add('bg-transparent', 'border-white/10');
                navLogo.classList.add('text-white'); navLogo.classList.remove('text-navy');
                mobileBtn.classList.add('text-white'); mobileBtn.classList.remove('text-navy'); 
                if(mobileBtnContainer) { mobileBtnContainer.classList.add('text-white'); mobileBtnContainer.classList.remove('text-navy'); }

                if(secretBadge) {
                    secretBadge.classList.add('text-white', 'border-white/20', 'bg-white/5');
                    secretBadge.classList.remove('text-navy', 'border-navy/20', 'bg-navy/5');
                }
                
                for(var i=0; i<navLinks.length; i++) { 
                    navLinks[i].classList.add('text-gray-100', 'hover:text-white');
                    navLinks[i].classList.remove('text-gray-600', 'hover:text-plasma');
                }
            }
        });

        // 本地图片路径
        var factoryImages = [
            { src: '3d.jpg', desc: '综合加工中心·一号车间' },
            { src: '55.jpg', desc: '航空发动机风扇单元' },
            { src: 'leida2.jpg', desc: '相控阵雷达车模型' }
        ];

        window.changeFactoryImg = function(index) {
            var mainImg = document.getElementById('factory-main-img');
            var descText = document.getElementById('factory-desc');
            var thumbs = document.querySelectorAll('.factory-thumb');
            
            mainImg.style.opacity = '0.8';
            setTimeout(function() {
                mainImg.src = factoryImages[index].src;
                descText.innerText = factoryImages[index].desc;
                mainImg.style.opacity = '1';
            }, 150);

            for(var i=0; i<thumbs.length; i++) {
                thumbs[i].classList.remove('border-plasma', 'opacity-100');
                thumbs[i].classList.add('border-transparent', 'opacity-60');
            }
            thumbs[index].classList.remove('border-transparent', 'opacity-60');
            thumbs[index].classList.add('border-plasma', 'opacity-100');
        }

        var caseDatabase = {
            'verify': [
                { type: 'big', img: 'qrcs.jpg', title: '全尺寸隐身战机 RCS 测试模型', tag: 'RCS / Electromagnetics', desc: '全机导电涂层 / 缝隙 < 0.05mm / 强散射源控制', color: 'text-alert' },
                { type: 'big', img: '8682.jpg', title: '全尺寸红外测试模型', tag: '红外测试', desc: '铝合金 / 1500℃ 冲刷零形变', color: 'text-gold' },
                { type: 'small', img: 'xw.jpg', title: '新外形测试缩比船', tag: '新外形缩比验证', color: 'bg-gray-600' },
				 { type: 'small', img: 'yj.jpg', title: '超高音速目标识别样机', tag: '目标识别模型', color: 'bg-gray-600' },
				 { type: 'small', img: 'syj.jpg', title: '全尺寸样机曲面测试', tag: 'Ballast / Tungsten', color: 'bg-gray-600' },
                { type: 'small', img: 'leidaz.jpg', title: '雷达透波罩', tag: 'Infrared / Raydome', color: 'bg-plasma' },
            ],
            'display': [
                { type: 'big', img: '1122.jpg', title: '五代机全尺寸展示样机', tag: 'Exhibition 1:1', desc: '航展级外观 / 内置电动起落架 / 动态挂弹演示', color: 'text-plasma' },
                { type: 'big', img: '1123.jpg', title: '发动机内构剖视模型', tag: 'Cutaway', desc: '复杂流道透明化展示 / LED 动态光效编程', color: 'text-tech-green' },
                { type: 'small', img: 'AGM.jpg', title: '防区外巡飞弹', tag: '巡飞弹', color: 'bg-plasma' },
                { type: 'small', img: '1125.jpg', title: '潜航器外观样机', tag: 'UUV', color: 'bg-blue-500' },
				 { type: 'small', img: 'hmc.jpg', title: '展览展示', tag: '舰船', color: 'bg-plasma' },
                { type: 'small', img: 'ldc.jpg', title: '雷达车展览', tag: '雷达车', color: 'bg-blue-500' },
            ],
            'all': [
                { type: 'big', img: 'cj.jpg', title: '全尺寸隐身战机展示模型', tag: 'Top Secret', desc: '1:1 复刻 / 接缝<0.05mm / 蒙皮导电性测试', color: 'text-alert' },
                { type: 'big', img: 'hw.png', title: '红外试验模型', tag: 'Mach 10+', desc: '铝合金 / 1500℃ 冲刷零形变', color: 'text-gold' },
                { type: 'small', img: 'RCS.jpeg', title: '全尺寸隐身战机 RCS 测试模型', tag: 'Ti-6Al-4V', color: 'bg-plasma' },
                { type: 'small', img: 'cm.png', title: '防务展船模', tag: '展示模型', color: 'bg-tech-green' },
				 { type: 'small', img: 'yj.png', title: '复材样机试制', tag: '样机试制', color: 'bg-tech-green' },
				 { type: 'small', img: 'yelengfadongji.png', title: '小型液冷发动机喷口', tag: '试验样件', color: 'bg-tech-green' },
            ],
            'air': [
                { type: 'big', img: '1122.jpg', title: '五代机全尺寸展示样机', tag: 'Exhibition', desc: '内置电动起落架 / 动态挂弹演示', color: 'text-plasma' },
                { type: 'big', img: 'yj.jpg', title: '超高音速目标识别样机', tag: 'Inconel 718', desc: 'SLM 金属3D打印 /蒙皮复材', color: 'text-gold' },
				 { type: 'small', img: 'zh.jpg', title: '珠海航展展示模型', tag: '缩比模型展示', color: 'bg-plasma' },
                { type: 'small', img: 'syj.jpg', title: '全尺寸模型曲面测试', tag: 'Ballast / Tungsten', color: 'bg-gray-600' },
                { type: 'small', img: 'qrcs.jpg', title: '全尺寸隐身战机 RCS 测试模型', tag: '全机导电涂层 ', color: 'bg-plasma' },
				 { type: 'small', img: '1123.jpg', title: '发动机内部解剖教学模型', tag: '细节一比一还原 ', color: 'bg-plasma' },
				
            ],
            'land': [
                { type: 'big', img: 'ljzb.jpg', title: '火箭发射车', tag: 'Armor Steel', desc: '高锰钢切割 / 抗冲击测试件', color: 'text-gold' },
                { type: 'big', img: 'hms.jpg', title: '海马斯模型', tag: 'Nylon PA12', desc: 'SLS 尼龙烧结 / 关节活动测试', color: 'text-tech-green' },
				  { type: 'small', img: 'ldc.jpg', title: '雷达车模型', tag: 'Rubber', color: 'bg-gold' },
                { type: 'small', img: '126.png', title: '导弹发射车模型', tag: '尼龙', color: 'bg-gold' },
                { type: 'small', img: '7648.jpg', title: '导弹拦截车', tag: 'Rubber', color: 'bg-gold' },
				  { type: 'small', img: 'lujun2.jpg', title: '坦克模型', tag: 'Rubber', color: 'bg-gold' },
				
            ],
            'sea': [
                { type: 'big', img: 'hmc.jpg', title: '航母打击群展览模型', tag: 'Bronze', desc: '五轴联动加工 /表面光洁度 Ra 0.4', color: 'text-blue-500' },
                { type: 'big', img: 'cm.jpg', title: '防务展模型', tag: '尼龙+ABS', desc: '超声波焊接 / 试压通过', color: 'text-blue-500' },
                     { type: 'small', img: '1125.jpg', title: '潜航器外观样机', tag: 'UUV', color: 'bg-blue-500' },
                 { type: 'small', img: 'xw.jpg', title: '新外形测试缩比船', tag: '新外形缩比验证', color: 'bg-gray-600' },
				      { type: 'small', img: '1149.jpg', title: '展会潜艇模型', tag: '新外形缩比展示', color: 'bg-gray-600' },
				  { type: 'small', img: 'r.jpg', title: '沙盘模型', tag: '沙盘海空模型', color: 'bg-gray-600' },
            ],
            'radar': [
                 { type: 'big', img: 'ldc.jpg', title: '相控阵雷达车方队', tag: 'CNC 铝合金', desc: '6061铝合金整体铣削 / 平面度0.02mm', color: 'text-tech-green' },
                 { type: 'big', img: 'leida2.jpg', title: '航展雷达车模型', tag: '3D打印', desc: 'SLA光固化 + 表面化学镀银', color: 'text-plasma' },
				 { type: 'small', img: 'leidaz.jpg', title: '机载雷达透波罩', tag: 'Infrared / Raydome', color: 'bg-plasma' },
                 { type: 'small', img: 'wjm.jpg', title: '雷达车项目汇报模型', tag: '3D打印', color: 'bg-tech-green' },
                 { type: 'small', img: 'leida3.jpg', title: '机场雷达布置展示模型', tag: '系统集成', color: 'bg-tech-green' },
				 { type: 'small', img: 'leida6.jpg', title: '陆基雷达透波罩测试模型', tag: '系统集成', color: 'bg-tech-green' },
            ]
        };

        window.jumpToGallery = function(type) {
            switchDomain(type, null);
            var gallerySection = document.getElementById('gallery');
            var yOffset = -100; 
            var y = gallerySection.getBoundingClientRect().top + window.pageYOffset + yOffset;
            window.scrollTo({top: y, behavior: 'smooth'});
        }

        window.switchDomain = function(category, element) {
            if (element) {
                var cards = document.querySelectorAll('.domain-card');
                for(var i=0; i<cards.length; i++) {
                    cards[i].classList.remove('border-plasma', 'border-gold', 'border-blue-500', 'border-tech-green', 'bg-slate-200');
                    cards[i].classList.add('border-transparent', 'bg-slate-100');
                }
                element.classList.remove('border-transparent', 'bg-slate-100');
                element.classList.add('bg-slate-200');
                if(category === 'air') element.classList.add('border-plasma');
                if(category === 'land') element.classList.add('border-gold');
                if(category === 'sea') element.classList.add('border-blue-500');
                if(category === 'radar') element.classList.add('border-tech-green');
            }

            var titles = { 
                'all': '综合精选案例', 
                'air': '空军装备交付实录', 
                'land': '陆军装备交付实录', 
                'sea': '海军装备交付实录', 
                'radar': '电子雷达交付实录',
                'display': '工程展示与样机案例',
                'verify': '多物理场验证案例'
            };
            document.getElementById('gallery-title').innerHTML = titles[category] + ' <span class="text-plasma">///</span>';

            var grid = document.getElementById('gallery-grid');
            grid.style.opacity = '0'; 

            setTimeout(function() {
                var html = '';
                var data = caseDatabase[category] || caseDatabase['all'];
                for(var i=0; i<data.length; i++) {
                    var item = data[i];
                    if (item.type === 'big') {
                        html += '<div class="col-span-1 md:col-span-2 group relative h-[360px] bg-navy border border-white/10 overflow-hidden cursor-pointer rounded-sm shadow-xl" onclick="openContactModal()"><img alt="'+item.title+'" src="'+item.img+'" class="absolute inset-0 w-full h-full object-cover transition-transform duration-[2s] group-hover:scale-105 opacity-90 group-hover:opacity-100"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"></div><div class="absolute top-4 left-4 bg-black/50 backdrop-blur border border-white/20 px-2 py-1 text-[10px] '+item.color+' font-bold animate-pulse">'+item.tag+'</div><div class="absolute bottom-0 left-0 p-6 w-full"><h4 class="text-xl font-black text-white mb-1 group-hover:text-plasma transition-colors">'+item.title+'</h4><p class="text-xs text-gray-400 font-mono">'+item.desc+'</p></div></div>';
                    } else {
                        html += '<div class="group relative h-64 md:h-60 bg-navy border border-white/10 overflow-hidden cursor-pointer rounded-sm" onclick="openContactModal()"><img alt="'+item.title+'" src="'+item.img+'" class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-105 opacity-90 group-hover:opacity-100"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"></div><div class="absolute top-4 right-4"><span class="text-[9px] font-mono text-white/50 border border-white/20 px-2 py-1 bg-black/50 backdrop-blur-md">'+item.tag+'</span></div><div class="absolute bottom-0 left-0 p-6 w-full z-20 translate-y-4 group-hover:translate-y-0 transition-transform duration-300"><div class="w-8 h-1 '+item.color+' mb-3 w-0 group-hover:w-8 transition-all duration-500"></div><h4 class="text-white font-bold text-sm leading-tight mb-1">'+item.title+'</h4></div></div>';
                    }
                }
                grid.innerHTML = html;
                grid.style.opacity = '1';
                
                if (element) {
                    var gallerySection = document.getElementById('gallery');
                    var yOffset = -100; 
                    var y = gallerySection.getBoundingClientRect().top + window.pageYOffset + yOffset;
                    window.scrollTo({top: y, behavior: 'smooth'});
                }
            }, 200);
        }

        switchDomain('all', null);
    </script> 
<script nomodule>
        function openContactModal() {
            var m = document.getElementById('contact-modal');
            m.className = 'modal-overlay'; // 移除 hidden
        }
        function closeContactModal() {
            var m = document.getElementById('contact-modal');
            m.className = 'modal-overlay hidden';
        }
        window.openModal = openContactModal;
        window.closeModal = closeContactModal;
        window.toggleMobileMenu = function(){};
        window.switchDomain = function(type){ alert("当前浏览器版本过低，建议使用Chrome/Edge访问以查看全部内容。") };
        window.jumpToGallery = function(type){ alert("当前浏览器版本过低，建议使用Chrome/Edge访问以查看全部内容。") };
    </script>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    } else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
<footer role="contentinfo" style="text-align:center;padding:20px 10px;font-size:12px;color:#999;border-top:1px solid #eee;margin-top:40px;"><nav aria-label="Footer"><a href="/about.html" style="color:#666;margin:0 10px;">About Us</a> | <a href="/contact.html" style="color:#666;margin:0 10px;">Contact Us</a> | <a href="/privacy.html" style="color:#666;margin:0 10px;">Privacy Policy</a></nav><p style="margin-top:8px;">&copy; 2025 陕西西部制造科技发展有限公司</p></footer>
</body>
</html>