<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta name="baidu-site-verification" content="codeva-HufiAC7Xk7" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>西安中讯达科技 - 首页</title>
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { 
            font-family: "Microsoft YaHei", sans-serif; 
            background: #f8fafc; 
            color: #1e293b; 
            line-height: 1.7;
            -webkit-font-smoothing: antialiased;/* 字体抗锯齿 更清晰 */
        }
        /* 内容居中容器 不变，只负责内容居中，不影响全屏 */
        .container { max-width: 1200px; margin: 0 auto; padding: 0 1rem; width: 100%; }
        header { 
            background: #fff; 
            box-shadow: 0 3px 12px rgba(30, 64, 175, 0.09);/* 柔和加深阴影 */
            position: sticky; top: 0; z-index: 999; 
            width: 100%; float: left;
        }
        .header-box { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 1rem 0; }
        .logo { display: flex; align-items: center; }
        /* LOGO 协调尺寸 + 完美对齐 + 细节优化 */
        .logo img {
            width: 70px;
            height: 70px;
            margin-right: 0.8rem;
            object-fit: cover;
            border-radius: 4px;
            flex-shrink: 0;
        }
        .logo-text h1 { font-size: 1.25rem; color: #1E40AF; font-weight: 700; }
        .logo-text p { font-size: 0.75rem; color: #666; letter-spacing: 0.5px; }
        /* 导航栏美化 悬浮+激活态升级 */
        nav a { 
            display: inline-block; 
            padding: 0.6rem 1.1rem; 
            margin: 0 0.2rem; 
            text-decoration: none; 
            color: #333; 
            font-size: 0.9rem; 
            border-radius: 6px;/* 圆润圆角 */
            transition: all 0.3s ease;
            font-weight: 500;
        }
        nav a.active { 
            background: linear-gradient(120deg, #1E40AF, #3B82F6); 
            color: #fff; 
            box-shadow: 0 2px 6px rgba(30, 64, 175, 0.2);
        }
        nav a:hover { 
            background: #f0f5ff; 
            color: #1E40AF;
            transform: translateY(-1px);
            box-shadow: 0 2px 4px rgba(30, 64, 175, 0.1);
        }

        /* banner 100%全屏 高级美化 核心优化 */
        .banner {
            background: linear-gradient(rgba(30, 64, 175, 0.6), rgba(15, 23, 42, 0.7)), url('banner-bg.png');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            color: #fff;
            padding: 7rem 0;
            text-align: center;
            width: 100%;
            float: left;
            position: relative;
        }
        .banner h2 { font-size: 2.2rem; margin-bottom: 1.2rem; font-weight: 700; letter-spacing: 1px; }
        .banner p { font-size: 1.1rem; opacity: 0.95; max-width: 900px; margin: 0 auto 2rem; line-height: 1.8; }
        /* 按钮高级渐变+悬浮特效 */
        .btn { 
            display: inline-block; 
            padding: 0.8rem 1.8rem; 
            background: linear-gradient(120deg, #fff, #f0f7ff);
            color: #1E40AF; 
            border-radius: 8px; 
            text-decoration: none; 
            font-weight: 600; 
            margin: 0 0.6rem; 
            font-size: 0.95rem;
            transition: all 0.3s ease;
            box-shadow: 0 3px 8px rgba(0,0,0,0.15);
        }
        .btn:hover {
            transform: translateY(-2px) scale(1.02);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            color: #1E40AF;
        }
        .btn-outline { 
            background: transparent; 
            border: 1px solid #fff; 
            color: #fff;
            box-shadow: none;
        }
        .btn-outline:hover {
            background: rgba(255,255,255,0.1);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

        /* ========== 核心保留：全站正文板块【强制100%全屏核心样式】 ========== */
        .section { 
            padding: 3rem 0; 
            width: 100%; 
            float: left;  
            position: relative;
            margin: 0 !important;
        }
        /* 核心优势板块 - 浅灰背景 全屏 极致美化 */
        .bg-gray { background: #f8fafc; }
        /* 板块标题 增加渐变底线 视觉焦点 */
        .section-title { 
            text-align: center; 
            font-size: 1.7rem; 
            margin-bottom: 2.5rem; 
            color: #1E40AF;
            font-weight: 700;
            position: relative;
            padding-bottom: 0.8rem;
        }
        .section-title:after {
            content: '';
            width: 80px;
            height: 3px;
            background: linear-gradient(90deg, #1E40AF, #3B82F6);
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 3px;
        }
        .advantage { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.8rem; margin-top: 1rem; }
        /* 核心优势卡片 高级美化 渐变+阴影+悬浮特效 */
        .adv-item { 
            background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
            padding: 2rem 1.5rem; 
            border-radius: 12px; 
            text-align: center; 
            box-shadow: 0 4px 12px rgba(30, 64, 175, 0.06);
            border: 1px solid #e6effe;
            transition: all 0.4s ease;
        }
        .adv-item:hover { 
            transform: translateY(-5px); 
            box-shadow: 0 10px 25px rgba(30, 64, 175, 0.12);
            background: linear-gradient(180deg, #f8fbff 0%, #eff5ff 100%);
        }
        .adv-item i { 
            font-size: 2rem; 
            color: #1E40AF; 
            margin-bottom: 1rem; 
            background: #f0f5ff;
            width: 60px;
            height: 60px;
            line-height: 60px;
            border-radius: 50%;
            display: inline-block;
        }
        .adv-item h4 { font-size: 1.1rem; margin-bottom: 0.8rem; color: #1e293b; font-weight: 600; }
        .adv-item p { font-size: 0.85rem; color: #64748b; line-height: 1.7; }
        
        /* 合作品牌板块 - 指定背景图+100%全屏 重点【磨砂玻璃高级美化】 */
        .brand-section {
            background: linear-gradient(rgba(30, 64, 175, 0.4), rgba(15, 23, 42, 0.5)), url('https://p3-flow-imagex-sign.byteimg.com/tos-cn-i-a9rns2rl98/f902e39afedc49a9b98a2cd6c561b0fd.png~tplv-a9rns2rl98-image.png?lk3s=8e244e95&rcl=2026011210171970B34B0726F987D56233&rrcfp=dafada99&x-expires=2084408239&x-signature=NNeXdKehfESFgyqZJfLXH3gQi18%3D') center center / cover no-repeat;
            padding: 3.5rem 0;
            width: 100%;
            float: left;
        }
        /* 合作品牌标题 醒目美化 */
        .brand-title { 
            text-align: center; 
            font-size: 1.7rem; 
            margin-bottom: 2.5rem; 
            color: #fff; 
            text-shadow: 0 2px 8px rgba(0,0,0,0.3);
            font-weight: 700;
            position: relative;
            padding-bottom: 0.8rem;
        }
        .brand-title:after {
            content: '';
            width: 80px;
            height: 3px;
            background: linear-gradient(90deg, #ffffff, #dbeafe);
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 3px;
        }
        .brands { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 1.8rem; margin-top: 1rem; }
        /* 品牌卡片 核心【磨砂玻璃+渐变边框+悬浮缩放】极致质感 */
        .brand-item {
            background: rgba(255,255,255,0.8);
            backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);/* 磨砂玻璃核心 */
            padding: 1.5rem 1rem;
            border-radius: 12px;
            display: flex; align-items: center; justify-content: center;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            border: 1px solid rgba(255,255,255,0.9);
            transition: all 0.4s ease;
        }
        .brand-item:hover { 
            transform: translateY(-5px) scale(1.03); 
            box-shadow: 0 10px 25px rgba(0,0,0,0.18);
            background: rgba(255,255,255,1);
        }
        .brand-item span { font-size: 1rem; color: #1E40AF; font-weight: 700; letter-spacing: 0.5px; }

        /* footer 100%全屏 美化升级 精致细节 */
        footer { 
            background: #1E293B; 
            color: #fff; 
            padding: 2.5rem 0; 
            margin-top: 0; 
            width: 100%; 
            float: left;
            border-top: 1px solid rgba(30, 64, 175, 0.2);
        }
        .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.8rem; }
        .footer-col h4 { font-size: 1.05rem; margin-bottom: 1.2rem; color: #e2e8f0; font-weight: 600; }
        .footer-col p, .footer-col a { font-size: 0.85rem; color: #94a3b8; text-decoration: none; line-height: 1.9; transition: color 0.3s ease; }
        .footer-col a:hover { color: #ffffff; }
        .copyright { 
            text-align: center; 
            margin-top: 2rem; 
            padding-top: 1rem; 
            border-top: 1px solid rgba(255,255,255,0.1); 
            font-size: 0.75rem; 
            color: #64748b;
        }

        /* 移动端响应式适配 - 全屏不变，美化效果同步适配 */
        @media (max-width: 768px) {
            .header-box { flex-direction: column; gap: 1rem; }
            nav { width: 100%; text-align: center; }
            .banner h2 { font-size: 1.8rem; }
            .banner p { font-size: 1rem; }
            .btn { display: block; margin: 0.8rem auto; width: 80%; }
            .logo img { width: 50px; height: 50px; }
            .advantage { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap:1.2rem; }
            .brands { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap:1.2rem; }
            .adv-item { padding:1.5rem 1rem; }
            .adv-item i { width:50px;height:50px;line-height:50px;font-size:1.8rem; }
            .section { padding:2.5rem 0; }
        }
    </style>
</head>
<body>
    <header>
        <div class="container">
            <div class="header-box">
                <div class="logo">
                    <img src="logo1.png" alt="西安中讯达科技LOGO" title="西安中讯达科技有限公司">
                    <div class="logo-text">
                        <h1>西安中讯达科技有限公司</h1>
                        <p>半导体和电子元器件全球授权分销商</p>
                    </div>
                </div>
                <nav>
                    <a href="index.html" class="active">首页</a>
                    <a href="company.html">公司简介</a>
                    <a href="services.html">产品服务</a>
                    <a href="brands.html">合作品牌</a>
                    <a href="products.html">产品型号</a>
                    <a href="honors.html">荣誉资质</a>
                    <a href="contact.html">联系我们</a>
                </nav>
            </div>
        </div>
    </header>

    <!-- banner 全屏区域 -->
    <div class="banner">
        <div class="container">
            <h2>以诚信立足市场 用品质赢得八方</h2>
            <p>提供半导体和电子元器件全方位国产化替代及解决方案</p>
            <a href="contact.html" class="btn">立即咨询</a>
            <a href="services.html" class="btn btn-outline">了解服务</a>
        </div>
    </div>

    <!-- ✅ 核心优势 100%全屏 无任何留白 -->
    <section class="section bg-gray">
        <div class="container">
            <h3 class="section-title">核心优势</h3>
            <div class="advantage">
                <div class="adv-item">
                    <i class="fa fa-check-circle"></i>
                    <h4>授权分销</h4>
                    <p>合作品牌200+ 原厂授权 品质保障</p>
                </div>
                <div class="adv-item">
                    <i class="fa fa-truck"></i>
                    <h4>快速交货</h4>
                    <p>订单当天发货率99% 货源稳定充足</p>
                </div>
                <div class="adv-item">
                    <i class="fa fa-users"></i>
                    <h4>优质服务</h4>
                    <p>24/7不间断客户服务 一对一专属对接</p>
                </div>
                <div class="adv-item">
                    <i class="fa fa-lightbulb-o"></i>
                    <h4>国产化替代</h4>
                    <p>全方位解决方案支持 技术无忧适配</p>
                </div>
            </div>
        </div>
    </section>

    <!-- ✅ 合作品牌 100%全屏 你的指定背景图 -->
    <section class="section brand-section">
        <div class="container">
            <h3 class="brand-title">合作品牌</h3>
            <div class="brands">
                <div class="brand-item"><span>ADI</span></div>
                <div class="brand-item"><span>TI</span></div>
                <div class="brand-item"><span>NXP</span></div>
                <div class="brand-item"><span>ST</span></div>
                <div class="brand-item"><span>Microchip</span></div>
                <div class="brand-item"><span>Infineon</span></div>
                <div class="brand-item"><span>Renesas</span></div>
                <div class="brand-item"><span>Micron</span></div>
            </div>
        </div>
    </section>

    <!-- footer 全屏区域 -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-col">
                    <h4>关于我们</h4>
                    <p>西安中讯达科技有限公司成立于2020年，是半导体和电子元器件全球授权分销商，专注于提供全方位国产化替代解决方案。</p>
                </div>
                <div class="footer-col">
                    <h4>快速链接</h4>
                    <p><a href="company.html">公司简介</a></p>
                    <p><a href="services.html">产品服务</a></p>
                    <p><a href="brands.html">合作品牌</a></p>
                    <p><a href="contact.html">联系我们</a></p>
                </div>
                <div class="footer-col">
                    <h4>联系方式</h4>
                    <p><i class="fa fa-phone"></i> 029-88217594</p>
                    <p><i class="fa fa-envelope"></i> zhongxundakeji2020@163.com</p>
                    <p><i class="fa fa-map-marker"></i> 陕西省西安市高新区唐延路旺座现代城H座1301室</p>
                </div>
            </div>
            <div class="copyright">
                © 2025 西安中讯达科技有限公司 版权所有 | 陕ICP备2026001483号
            </div>
        </div>
    </footer>
</body>
</html>