<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>你的产品名称 - 官方宣传页</title>

    <meta name="description" content="一句话介绍你的产品核心优势">

    <style>

        * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Microsoft Yahei", system-ui, sans-serif; }

        .hero {

            padding: 100px 20px;

            text-align: center;

            background: linear-gradient(135deg, #0f172a 0%, #1e40af 100%);

            color: #fff;

        }

        .hero h1 { font-size: 42px; margin-bottom: 20px; }

        .hero p { font-size: 18px; max-width: 760px; margin: 0 auto 36px; opacity: 0.9; line-height: 1.6; }

        .btn {

            display: inline-block;

            padding: 14px 36px;

            background: #f59e0b;

            color: #fff;

            text-decoration: none;

            border-radius: 8px;

            font-weight: 600;

        }

        .section {

            max-width: 1100px;

            margin: 80px auto;

            padding: 0 20px;

        }

        .section h2 {

            font-size: 32px;

            text-align: center;

            margin-bottom: 50px;

            color: #0f172a;

        }

        .features {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

            gap: 28px;

        }

        .card {

            padding: 32px 24px;

            border: 1px solid #e2e8f0;

            border-radius: 12px;

            background: #fff;

        }

        .card h3 { font-size: 20px; margin-bottom: 12px; color: #1e40af; }

        .card p { color: #64748b; line-height: 1.7; }

        .contact {

            background: #f8fafc;

            padding: 60px 20px;

            text-align: center;

        }

        .contact p { font-size: 18px; margin: 8px 0; color: #334155; }

        footer {

            padding: 30px;

            text-align: center;

            background: #0f172a;

            color: #94a3b8;

            font-size: 14px;

        }

    </style>

</head>

<body>

    <!-- 首屏横幅 -->

    <div class="hero">

        <h1>高性能封装解决方案</h1>

        <p>专注2.5D/3D先进封装、Hybrid Bonding工艺与可靠性验证，为芯片产品提供稳定量产级方案</p>

        <a href="#contact" class="btn">立即咨询</a>

    </div>

    <!-- 产品优势 -->

    <div class="section">

        <h2>核心优势</h2>

        <div class="features">

            <div class="card">

                <h3>成熟工艺</h3>

                <p>量产级Cu-Cu混合键合技术，界面空洞率可控，适配HBM、逻辑芯片堆叠场景</p>

            </div>

            <div class="card">

                <h3>可靠保障</h3>

                <p>全套ORT持续监控，TC/HAST/HTOL多维度验证，满足车规与工业级标准</p>

            </div>

            <div class="card">

                <h3>定制服务</h3>

                <p>根据产品需求定制堆叠方案、封装材料与可靠性测试矩阵</p>

            </div>

        </div>

    </div>

    <!-- 联系方式 -->

    <div class="contact" id="contact">

        <h2 style="margin-bottom: 24px; color: #0f172a;">联系我们</h2>

        <p>商务邮箱：business@shturl.cc/pjrV</p>

        <p>地址：深圳市南山区</p>

    </div>

    <footer>

        © 2026 你的公司名称 版权所有

    </footer>

</body>

</html>