<!DOCTYPE html>
<html class="no-js" lang="zh-CN">
<head>
<meta charset="UTF-8">
<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, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<title>西部制造-军工军事模型制作公司 | 军工军事试验模型厂家 | 军工军事展示模型定制</title>
<meta name="keywords" content="军工模型制作,试验模型厂家,展示模型定制,RCS模型,红外模型">
<meta name="description" content="西部制造专业提供军工模型研发、试验模型定制设计服务。生产制造依托专属涉密生产基地（航盛电子），持有GJB 9001C及二级保密资格，是靠谱的国防科研模型厂家。">

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "西部制造 (Western Manufacturing)",
  "url": "https://www.xibuzhizao.com",
  "description": "专业的军工模型制作厂家。生产制造环节由专属涉密生产基地（航盛电子）承制，持有GJB 9001C认证及二级保密资格。",
  "knowsAbout": ["GJB 9001C", "军事展示模型厂家", "军工模型", "3D打印", "RCS雷达隐身测试", "红外仿真特征"],
  "areaServed": {
    "@type": "Country",
    "name": "China",
    "alternateName": "全国"
  },
  "brand": {
    "@type": "Brand",
    "name": "西部制造",
    "slogan": "面向全国提供博物馆级军事展示模型与科研验证载体"
  },
  "parentOrganization": {
    "@type": "Organization",
    "name": "专属涉密生产基地 - 航盛电子",
    "description": "西部制造的授权生产制造中心，持有GJB 9001C认证及二级保密资格。"
  },
  "makesOffer": {
    "@type": "Offer",
    "itemOffered": {
      "@type": "Service",
      "name": "涉密及国军标产品试制",
      "description": "严格遵循GJB 9001C标准，在航盛电子保密受控环境下完成物理制造。"
    }
  }
}
</script>

<link href="all.css" rel="stylesheet">

<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;
            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> 

<script>
        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">
/* --- 基础重置与核心样式 --- */
:root { --mil-blue: #004ea2; --mil-red: #d90000; --plasma: #0099FF; --glass-white: rgba(255, 255, 255, 0.98); }
body { margin: 0; padding: 0; color: #1e293b; font-family: "Microsoft YaHei", "SimHei", sans-serif; background-color: #0B1E3B; overflow-x: hidden; scroll-behavior: smooth;}
a { text-decoration: none; }
button { outline: none; }

#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); }
#navbar.nav-scrolled .nav-link, #navbar.nav-scrolled .logo-main, #navbar.nav-scrolled .nav-text { 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; }
.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: absolute; 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; padding:0; margin:0;}
.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-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; width: 100%; height: 100%; background-size: cover; background-position: center; }
.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; }

.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); }

.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; }

::-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; }
.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; }
</style>
</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="">1:1 全尺寸展示样机 <span>航展级涂装，集成多轴机电联动交互</span></a></li>
                        <li><a href="/rcs.html">航天器高保真样机 <span>多级载荷分离仿真，高分子轻量化工艺</span></a></li>
                        <li><a href="/rcs.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="FAQPage.html">常见问题答疑 (FAQ) <span>涉及周期/专票/保密销毁流程</span></a></li>
                        <li><a href="#whitepaper">获取《技术白皮书》 <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 Us.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 src="3312.png"></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="shouqian.html">售前咨询</a></li>
                        <li><a href="#">售后服务</a></li>
                    </ul>
                </div>
                <div class="menu-col">
                    <h4>支持与升级</h4>
                    <ul>
                        <li><a href="tuandui.html">模型远程OTA升级</a></li>
                        <li><a href="zhuanli.html">需要协助</a></li>
                    </ul>
                </div>
                <div class="menu-pic"><img src="kefu.png"></div>
            </div>
        </li>
    </ul>

    <a href="tel:13389201338" class="hotline">★ 133-8920-1338</a>
</nav>

<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" onclick="openContactModal()">联系项目总师</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" onclick="openModal()">W-AI 工艺评估</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.png');"></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>
                    <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" onclick="openContactModal()">了解技术参数</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.png');"></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>
                    <h1 class="text-3d-pure-white text-5xl md:text-8xl font-black tracking-widest uppercase">全域工艺图谱</h1>
                </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" onclick="document.getElementById('trust').scrollIntoView();">了解资质体系</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>

<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 mt-12">
    <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 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 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 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 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 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">拓扑优化与力学配重</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>
        </div>
        <a href="capability.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 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">AUTHORIZED BASE</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 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 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 src="leida2.jpg" class="w-full h-full object-cover"></div>
        </div>
      </div>
    </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 max-w-7xl mx-auto px-6">
    <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 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"> 坐落于西安国家民用航天产业基地。我们专注于为国防科研院所提供从<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>
  </div>
</div>

<footer class="bg-navy text-white pt-16 pb-8 border-t border-white/10 relative overflow-hidden mt-10">
  <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>
    <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="capability.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 text-sm">西安市航天基地飞天路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 text-sm">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>
    </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; 2026 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>
</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>
        <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>
      </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="bg-red-50 border border-red-200 p-2 rounded mb-4 flex items-start gap-2">
            <i class="fa-solid fa-circle-exclamation text-alert text-xs mt-0.5"></i>
            <p class="text-[10px] text-red-600 leading-tight">合规提醒：此通道仅限方案对接与咨询。如涉及军工涉密数据传递，请致电后由专员启动线下涉密流程。</p>
        </div>

        <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</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>
      </div>
    </div>
  </div>
</div>

<script>
        let currentIdx = 0;
        const track = document.getElementById('heroTrack');
        const slides = document.querySelectorAll('.hero-slide');
        const slideCount = slides.length;

        function updateSlide() {
            if(!track) return;
            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;
        if(track) {
            autoPlay = setInterval(() => moveSlide(1), 8000);
            function resetTimer() { clearInterval(autoPlay); autoPlay = setInterval(() => moveSlide(1), 8000); }
            window.addEventListener('load', () => setTimeout(updateSlide, 100));
        }

        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'); if(m) { m.classList.remove('hidden'); } }
        window.closeContactModal = function() { var m = document.getElementById('contact-modal'); if(m) { m.classList.add('hidden'); } }

        function copyTextToClipboard(text, successMsg) {
            if (navigator.clipboard) {
                navigator.clipboard.writeText(text).then(function() { alert(successMsg); }, function() { alert('复制失败，请手动输入'); });
            } else {
                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.toggleMenu = function() { 
            var btn = document.getElementById('mobileBtn');
            var links = document.getElementById('navLinks');
            if(btn && links) {
                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', '');
                }
            }
        }
        
        window.toggleSubMenu = function(el) {
            if (window.innerWidth <= 1024) {
                if (el.className.indexOf('active') === -1) el.className += ' active';
                else el.className = el.className.replace(' active', '');
            }
        }

        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; 
                    var prevIcon = all[i].previousElementSibling.querySelector('.fa-plus');
                    if(prevIcon) prevIcon.classList.remove('rotate-45', 'text-plasma'); 
                } 
            } 
            if (content.style.maxHeight) { 
                content.style.maxHeight = null; 
                if(icon) icon.classList.remove('rotate-45', 'text-plasma'); 
            } else { 
                content.style.maxHeight = content.scrollHeight + "px"; 
                if(icon) icon.classList.add('rotate-45', 'text-plasma'); 
            } 
        }

        window.addEventListener('scroll', function() { 
            var navbar = document.getElementById('navbar');
            if (window.pageYOffset > 50) {
                if(navbar) navbar.classList.add('nav-scrolled');
            } else {
                if(navbar) navbar.classList.remove('nav-scrolled');
            }
        });

        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');
            if(!mainImg) return;
            mainImg.style.opacity = '0.8';
            setTimeout(function() {
                mainImg.src = factoryImages[index].src;
                if(descText) 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: 'leidaz.jpg', title: '雷达透波罩', tag: 'Infrared', 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: '流道透明化展示', 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' }
            ],
            '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' }
            ],
            '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: 'Tungsten', color: 'bg-gray-600' }
            ],
            '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' }
            ],
            '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' }
            ],
            'radar': [
                 { type: 'big', img: 'ldc.jpg', title: '相控阵雷达车方队', tag: 'CNC 铝合金', desc: '6061铝合金整体铣削', 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', color: 'bg-plasma' },
                 { type: 'small', img: 'wjm.jpg', title: '雷达车汇报模型', tag: '3D打印', color: 'bg-tech-green' }
            ]
        };

        window.jumpToGallery = function(type) {
            switchDomain(type, null);
            var gallerySection = document.getElementById('gallery');
            if(gallerySection) {
                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': '多物理场验证案例'
            };
            var titleEl = document.getElementById('gallery-title');
            if(titleEl) titleEl.innerHTML = titles[category] + ' <span class="text-plasma">///</span>';

            var grid = document.getElementById('gallery-grid');
            if(!grid) return;
            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 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 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');
                    if(gallerySection) {
                        var yOffset = -100; 
                        var y = gallerySection.getBoundingClientRect().top + window.pageYOffset + yOffset;
                        window.scrollTo({top: y, behavior: 'smooth'});
                    }
                }
            }, 200);
        }

        switchDomain('all', null);
</script> 
</body>
</html>