480 lines
22 KiB
HTML
480 lines
22 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>YXSILICON</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>
|
||
</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="./html/mainBusiness.html" 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/cloudServer.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/serviceCase.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>
|
||
|
||
<div class="arrowBox">
|
||
<img src="./imgs/home/arrow2.svg" alt="arrow">
|
||
</div>
|
||
|
||
<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">德意半导体</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">恩智浦</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/onsemi.svg" alt="ONSEMI">
|
||
<div class="brand-name">ON 安森美</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/adi.png" 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">欧姆龙</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/alliance.svg" alt="OMRON">
|
||
<div class="brand-name">Alliance</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/hrs.png" alt=" 广濑">
|
||
<div class="brand-name">广濑</div>
|
||
</div>
|
||
<!-- <div class="brand-item">
|
||
<img src="./imgs/home/agent/htc.png" 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">世纳</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/tsc.svg" alt="TSC">
|
||
<div class="brand-name">TSC</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="大唐">
|
||
<div class="brand-name">大唐</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/fxsm.jpg" alt="富芯森美">
|
||
<div class="brand-name">富芯森美</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/gy.png" alt="高云">
|
||
<div class="brand-name">高云</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/ght.png" alt="广和通">
|
||
<div class="brand-name">广和通</div>
|
||
</div>
|
||
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/hdsc.png" alt="华大">
|
||
<div class="brand-name">华大</div>
|
||
</div>
|
||
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/jj.svg" alt="捷捷">
|
||
<div class="brand-name">捷捷</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/lw.gif" alt="龙微">
|
||
<div class="brand-name">龙微</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/qm.png" alt="强茂">
|
||
<div class="brand-name">强茂</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/sskj.png" alt="十速科技">
|
||
<div class="brand-name">十速科技</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/sl.png" alt="顺络">
|
||
<div class="brand-name">顺络</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/xaw.png" alt="芯奥微">
|
||
<div class="brand-name">芯奥微</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/xz.png" alt="芯洲科技">
|
||
<div class="brand-name">芯洲科技</div>
|
||
</div>
|
||
<div class="brand-item">
|
||
<img src="./imgs/home/agent/yl.jpg" alt="英联">
|
||
<div class="brand-name">英联</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/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>
|
||
|
||
<div class="section-btn-box cloud-server-btn">
|
||
<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>
|
||
|
||
|
||
<!-- 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="#">
|
||
<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="#">
|
||
<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="#">
|
||
<img src="imgs/home/arrow2.svg" alt="arrow">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<div class="section-btn-box service-case-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>
|
||
|
||
</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/cloudServer.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"> <img src="./imgs/home/arrow3.svg" alt="arrow">运算加速器 H6PRO</a></li>
|
||
<li><a href="/html/serviceCases.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">MY100服务器</a></li>
|
||
<li><a href="/html/serviceCases.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">C0040Z-服务器</a></li>
|
||
<li><a href="/html/serviceCases.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/technicalSupport.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">技术咨询</a></li>
|
||
<li><a href="./html/technicalSupport.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">定制化开发</a></li>
|
||
<li><a href="./html/technicalSupport.html"> <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> |