485 lines
23 KiB
HTML
485 lines
23 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>深圳驭鑫科技有限公司 </title>
|
||
<link rel="icon" href="./imgs/home/logo.png">
|
||
<link rel="stylesheet" href="./css/base.css">
|
||
<link rel="stylesheet" href="./css/header.css">
|
||
<link rel="stylesheet" href="./css/index.css">
|
||
<link rel="stylesheet" href="./css/footer.css">
|
||
<script src="./js/header.js"></script>
|
||
<script src="./js/index.js"></script>
|
||
<script src="./js/footer.js"></script>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<header class="header">
|
||
<div class="logo">
|
||
<img src="./imgs/home/logo.png" alt="logo">
|
||
</div>
|
||
<div class="nav">
|
||
<ul class="nav-list">
|
||
<li class="nav-item">
|
||
<a href="#" class="nav-link active ">
|
||
首页
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="./html/aboutYuxin.html" class="nav-link">
|
||
关于驭鑫
|
||
</a>
|
||
</li>
|
||
<li class="nav-item nav-dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
||
<a href="#" class="nav-link ">
|
||
主营业务 <span class="arrow" aria-hidden="true"></span>
|
||
</a>
|
||
<ul class="dropdown-menu" aria-label="主营业务下拉菜单">
|
||
<li><a href="./html/chipAgent.html">芯片代理 <div class="dropdown-item"><img
|
||
src="./imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||
<li><a href="./html/electronicProduct.html">电子产品设计生产制造服务 <div class="dropdown-item"><img
|
||
src="./imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||
<li><a href="./html/cloudComputingServer.html">云计算服务器设计生产制造销售 <div class="dropdown-item"><img
|
||
src="./imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="./html/serviceCases.html" class="nav-link">
|
||
服务案例
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="./html/technicalSupport.html" class="nav-link">
|
||
技术支持
|
||
</a>
|
||
</li>
|
||
<li class="nav-item contactUs">
|
||
<a href="mailto:zmz@yxsilicon.com" class="nav-link emailBox">
|
||
<span>联系我们</span>
|
||
<div class="contactUs-email">
|
||
<img src="./imgs/home/email.svg" alt="email">
|
||
</div>
|
||
</a>
|
||
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
<div class="dropdown-mask" tabindex="0" aria-label="下拉菜单遮罩层"></div>
|
||
</div>
|
||
|
||
|
||
</header>
|
||
|
||
|
||
<!-- ...头部已写好... -->
|
||
|
||
<main>
|
||
<!-- 1. Banner区 -->
|
||
<section class="banner-section">
|
||
<div class="banner-bg">
|
||
<div class="banner-card">
|
||
<img src="./imgs/home/computationalaccelerator.png" alt="banner-card">
|
||
<div class="banner-card-content">
|
||
<h3>运算加速器 H6PRO</h3>
|
||
<ul>
|
||
<li>大规模数据处理</li>
|
||
<li>高性能计算</li>
|
||
<li>人工智能</li>
|
||
</ul>
|
||
</div>
|
||
<span class="banner-card-arrow"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<a href="./html/serviceCases.html" data-index="0" class="arrowBox">
|
||
<img src="./imgs/home/arrow2.svg" alt="arrow">
|
||
</a>
|
||
|
||
<div class="about-us">
|
||
<h3>关于驭鑫</h3>
|
||
<div class="about-us-arrow" tabindex="0" role="button">
|
||
<img src="./imgs/home/arrow2.svg" alt="about">
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</section>
|
||
|
||
<!-- 2. 芯片代理区 -->
|
||
<section class="chip-agent-section">
|
||
<h2>芯片代理 </h2>
|
||
<div class="chip-agent-underline"></div>
|
||
|
||
<p class="desc">我们代理多家国际知名芯片厂商的高性能芯片，涵盖通信、嵌入式、A1、汽车电子等多个领域，提供全系列的芯片选型与供应服务，确保为客户提供最佳的解决方案。</p>
|
||
|
||
<div class="brand-carousel-section">
|
||
<div class="brand-carousel-bg">
|
||
<button class="brand-btn left" aria-label="向左滚动">❮</button>
|
||
<div class="brand-carousel-container">
|
||
<div class="brand-carousel-list">
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/st.svg" alt="ST">
|
||
<div class="brand-name">意法 ST</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/texas.png" alt="TI">
|
||
<div class="brand-name">德州仪器 TI</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/nxp.svg" alt="NXP 恩智浦">
|
||
<div class="brand-name">NXP 恩智浦</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/onsemi.svg" style="height: 1vw;" alt="ONSEMI">
|
||
<div class="brand-name">ON 安森美</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/adi.png" style="height: 2.5vw;" alt="ADI">
|
||
<div class="brand-name">ADI 亚德诺</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/omron.svg" alt="OMRON">
|
||
<div class="brand-name">OMRON 欧姆龙</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/alliance.svg" alt="ALLIANCE 联盟">
|
||
<div class="brand-name">ALLIANCE 联盟</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/hrs.png" alt="HRS 广濑">
|
||
<div class="brand-name">HRS 广濑</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/htc.png" style="height: 1vw;" alt="HTC 泰进">
|
||
<div class="brand-name">HTC 泰进</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/kds.png" alt="KDS">
|
||
<div class="brand-name">KDS 大真空</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/lec.png" alt="LEC">
|
||
<div class="brand-name">LEC 长弘</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/nordic.png" alt="Nordic">
|
||
<div class="brand-name">Nordic</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/ShinDengen.svg" alt="ShinDengen">
|
||
<div class="brand-name">ShinDengen 新电元</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/smc.png" alt="SMC">
|
||
<div class="brand-name">SMC</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/sna.png" alt="世纳">
|
||
<div class="brand-name">SNA 世纳</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/tsc.svg" alt="台半">
|
||
<div class="brand-name">台半</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/utc.png" alt="UTC">
|
||
<div class="brand-name">UTC 友顺</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/dtt.png" alt="大唐微电子 DTT">
|
||
<div class="brand-name">大唐微电子 DTT</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/fxsm.jpg" style="height: 1.2vw;" alt="富芯森美">
|
||
<div class="brand-name">富芯森美</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/gy.png" style="height: 2.3vw;" alt="GOWIN 高云">
|
||
<div class="brand-name">GOWIN 高云</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/ght.png" style="height: 1vw;" alt="广和通 Fibocom">
|
||
<div class="brand-name">广和通 Fibocom</div>
|
||
</div>
|
||
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/hdsc.png" alt="HDSC 华大">
|
||
<div class="brand-name">HDSC 华大</div>
|
||
</div>
|
||
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/jj.svg" style="height: 1.2vw;" alt="捷捷微电">
|
||
<div class="brand-name">捷捷微电</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/lw.gif" alt="Dragonchip 龙芯">
|
||
<div class="brand-name">Dragonchip 龙芯</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/qm.png" alt="Panjit强茂">
|
||
<div class="brand-name">Panjit强茂</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/sskj.png" alt="Tenx 十速">
|
||
<div class="brand-name">Tenx 十速</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/sl.png" alt="顺络电子 SunLord">
|
||
<div class="brand-name">顺络电子 SunLord</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/xaw.png" alt="芯奥微 NeoMEMS">
|
||
<div class="brand-name">芯奥微 NeoMEMS</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/xz.png" alt="芯洲 SCT">
|
||
<div class="brand-name">芯洲 SCT</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/yl.jpg" alt="英联">
|
||
<div class="brand-name">英联</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/xt.jpg" style="height: 1vw;" alt="Nuvoton 新唐">
|
||
<div class="brand-name">Nuvoton 新唐</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<button class="brand-btn right" aria-label="向右滚动">❯</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-btn-box">
|
||
<a href="./html/chipAgent.html" class="section-btn">
|
||
查看详情
|
||
<div class="section-btn-arrow">
|
||
<img src="./imgs/home/arrow.svg" alt="arrow">
|
||
</div>
|
||
|
||
</a>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<!-- 3. 电子产品设计生产制造服务区 -->
|
||
<section class="product-design-section">
|
||
|
||
<div class="product-design-bg">
|
||
<h2>电子产品设计生产制造服务</h2>
|
||
<p class="desc">
|
||
我们提供全方位的电子产品设计与制造服务，涵盖从需求分析、产品设计、样机开发、生产制造到产品交付的全过程。我们依托先进的技术和工艺，致力于为客户提供高性能、高质量的电子产品解决方案。
|
||
</p>
|
||
|
||
<div class="card-carousel-section">
|
||
<div class="card-carousel-container">
|
||
<div class="card-carousel-list">
|
||
<div class="card">
|
||
<img src="imgs/home/demand.png" alt="客户需求分析">
|
||
<div class="card-title">客户需求分析</div>
|
||
</div>
|
||
<div class="card">
|
||
<img src="imgs/home/electronicProduct.png" alt="电子产品设计">
|
||
<div class="card-title">电子产品设计</div>
|
||
</div>
|
||
<div class="card">
|
||
<img src="imgs/home/prototype.png" alt="样机开发">
|
||
<div class="card-title">样机开发</div>
|
||
</div>
|
||
<div class="card">
|
||
<img src="imgs/home/produce.png" alt="生产制造">
|
||
<div class="card-title">生产制造</div>
|
||
</div>
|
||
<div class="card">
|
||
<img src="imgs/home/deliver.png" alt="产品交付">
|
||
<div class="card-title">产品交付</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="section-btn-box electronicProduct-btn">
|
||
<a href="./html/electronicProduct.html" class="section-btn">
|
||
查看详情
|
||
<div class="section-btn-arrow">
|
||
<img src="./imgs/home/arrow.svg" alt="arrow">
|
||
</div>
|
||
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 4. 云计算服务器设计生产制造销售区 -->
|
||
<section class="chip-agent-section cloud-server-section">
|
||
<h2>云计算服务器设计生产制造销售 </h2>
|
||
<div class="chip-agent-underline"></div>
|
||
|
||
<p class="desc">我们提供从云计算服务器的设计、生产到销售的全方位服务，致力于为数据中心、企业客户及云计算平台提供高效、稳定、可扩展的服务器解决方案。</p>
|
||
|
||
|
||
<div class="card-list cloud-server-card-list">
|
||
<div class="card">
|
||
<img src="imgs/home/customized.png" alt="量身定制云计算服务器">
|
||
<div class="card-title">量身定制云计算服务器</div>
|
||
</div>
|
||
<div class="card">
|
||
<img src="imgs/home/performance.png" alt="电子产品设计">
|
||
<div class="card-title">性能稳定高效</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="section-btn-box cloud-server-btn">
|
||
<a href="./html/cloudComputingServer.html" class="section-btn">
|
||
查看详情
|
||
<div class="section-btn-arrow">
|
||
<img src="./imgs/home/arrow.svg" alt="arrow">
|
||
</div>
|
||
|
||
</a>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
|
||
<!-- 5. 服务案例区 -->
|
||
<section class="product-design-section service-case-section">
|
||
|
||
<div class="product-design-bg service-case-bg">
|
||
<h2>服务案例</h2>
|
||
|
||
|
||
<div class="card-list">
|
||
<div class="card service-case-card">
|
||
<img src="imgs/home/h6pro.png" alt="h6pro">
|
||
<div class="card-title">运算加速器 H6PRO</div>
|
||
<div class="card-content">
|
||
<h4> <span class="card-content-title">适用于</span></h4>
|
||
<ul>
|
||
<li>大规模数据处理</li>
|
||
<li>高性能计算</li>
|
||
<li>人工智能</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="card-btn">
|
||
<a href="./html/serviceCases.html" class="service-case-link" data-index="0">
|
||
<img src="imgs/home/arrow2.svg" alt="arrow">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="card service-case-card">
|
||
<img src="imgs/home/my100.png" alt="my100">
|
||
<div class="card-title">MY100服务器</div>
|
||
<div class="card-content">
|
||
<h4> <span class="card-content-title">适用于</span></h4>
|
||
|
||
<ul>
|
||
<li>数据中心</li>
|
||
<li>企业级应用</li>
|
||
<li>云计算平台</li>
|
||
</ul>
|
||
</div>
|
||
<div class="card-btn">
|
||
<a href="./html/serviceCases.html" class="service-case-link" data-index="1">
|
||
<img src="imgs/home/arrow2.svg" alt="arrow">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="card service-case-card">
|
||
<img src="imgs/home/coo40z.png" alt="c0040z">
|
||
<div class="card-title">C0040Z-服务器</div>
|
||
<div class="card-content">
|
||
<h4> <span class="card-content-title">适用于</span></h4>
|
||
|
||
<ul>
|
||
<li>高性能计算</li>
|
||
<li>AI计算</li>
|
||
<li>大数据处理</li>
|
||
</ul>
|
||
</div>
|
||
<div class="card-btn">
|
||
<a href="./html/serviceCases.html" class="service-case-link" data-index="2">
|
||
<img src="imgs/home/arrow2.svg" alt="arrow">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<div class="section-btn-box service-case-btn">
|
||
<a href="./html/serviceCases.html" class="section-btn">
|
||
查看详情
|
||
<div class="section-btn-arrow">
|
||
<img src="./imgs/home/arrow.svg" alt="arrow">
|
||
</div>
|
||
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<!-- 6. 页脚 -->
|
||
<footer class="footer">
|
||
<div class="footer-main">
|
||
<div class="footer-logo">
|
||
<img src="imgs/home/logo2.png" alt="logo">
|
||
<div>广东省深圳市南山区高新中三道2号软件园一期7栋303室</div>
|
||
<div><a href="mailto:zmz@yxsilicon.com">zmz@yxsilicon.com</a></div>
|
||
<div>工作时间: 9:30-18:00</div>
|
||
</div>
|
||
<div class="footer-links">
|
||
<div>
|
||
<h4>产品与服务</h4>
|
||
<ul class="footer-links-list">
|
||
<li><a href="./html/chipAgent.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">芯片代理</a></li>
|
||
<li><a href="./html/electronicProduct.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">电子产品设计生产制造服务</a></li>
|
||
<li><a href="./html/cloudComputingServer.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">云计算服务器设计生产制造销售</a></li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4>解决方案</h4>
|
||
<ul class="footer-links-list">
|
||
<li><a href="./html/serviceCases.html" class="footer-case-link" data-index="0"> <img src="./imgs/home/arrow3.svg" alt="arrow">运算加速器 H6PRO</a></li>
|
||
<li><a href="./html/serviceCases.html" class="footer-case-link" data-index="1"> <img src="./imgs/home/arrow3.svg" alt="arrow">MY100服务器</a></li>
|
||
<li><a href="./html/serviceCases.html" class="footer-case-link" data-index="2"> <img src="./imgs/home/arrow3.svg" alt="arrow">C0040Z-服务器</a></li>
|
||
<li><a href="./html/serviceCases.html" class="footer-case-link" data-index="3"> <img src="./imgs/home/arrow3.svg" alt="arrow">云计算水冷服务器</a></li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4>关于我们</h4>
|
||
<ul class="footer-links-list">
|
||
<li><a href="./html/technicalSupport.html#case-section"> <img src="./imgs/home/arrow3.svg" alt="arrow">技术咨询</a></li>
|
||
<li><a href="./html/technicalSupport.html#case-section"> <img src="./imgs/home/arrow3.svg" alt="arrow">定制化开发</a></li>
|
||
<li><a href="./html/technicalSupport.html#case-section"> <img src="./imgs/home/arrow3.svg" alt="arrow">产品维护与升级</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<p>Copyright ©深圳驭鑫科技有限公司 <a class="record" href="https://beian.miit.gov.cn/#/Integrated/index">粤ICP备2021012067号-2</a></p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
|
||
|
||
|
||
</script>
|
||
|
||
</body>
|
||
|
||
</html> |