<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/imgs/svg/logo.svg">
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/header.css">
<title class="title">深圳汉晶电子信息有限公司</title>
</head>
<body class="body">
<header class="header">
<div class="container">
<div class="logo">
<img id="logo-img" src="./imgs/svg/logo.svg" alt="logo">
</div>
<ul>
<li> <a class="actives" id="nav-home" href="#" style="color: #fff;"> 首页</a></li>
<li> <a id="nav-business" href="./html/mainBusiness.html"> 主营业务</a></li>
<li> <a id="nav-products" href="./html/ourProducts.html"> 产品案例</a></li>
<li> <a id="nav-support" href="./html/technicalSupport.html"> 技术支持</a></li>
<li> <a id="nav-future" href="./html/approaching.html"> 展望未来</a></li>
<li> <a id="nav-about" href="./html/aboutUs.html"> 关于我们</a></li>
</ul>
<!-- <button class="language" id="lang-toggle" aria-label="切换语言" tabindex="0">English</button> -->
<div class="lang-dropdown">
<button class="lang-btn" id="lang-btn" aria-label="选择语言" tabindex="0">
<img id="current-flag" src="./imgs/flags/zh.svg" alt="中文">
<span id="current-lang">简体中文</span>
<span class="arrow">▼</span>
</button>
<div class="lang-dropdown-content" id="lang-dropdown">
<div class="lang-item" data-lang="zh">
<img src="./imgs/flags/zh.svg" alt="中文">
<span>简体中文</span>
</div>
<div class="lang-item" data-lang="en">
<img src="./imgs/flags/en.svg" alt="English">
<span>English</span>
</div>
</div>
</div>
</div>
<!-- <div class="bg">
<img src="./imgs/svg/点纹.svg" alt="背景">
</div> -->
</header>
<section class="topBanner">
<!-- <div class="topBannerLeft">
<div class="topBannerLeftTitle">
<p>致力于成为全球领先的</p>
<p>电子信息产品与服务供应商</p>
<p>Devoted to be the Globalleading Supplier for Electronic Information Products and Services</p>
</div>
<div class="topBannerBth">
<a href="mailto:fu.bin@hjsilicon.com">联系我们</a>
</div>
</div> -->
<div class="CarouselBox">
<div class="carousel-container">
<div class="carousel-list">
<!-- 第一张图片 - 左侧按钮 -->
<div class="carousel-item">
<img id="Y100" src="./imgs/home/Y100.jpg" alt="Y100">
<div class="product-detail-btn left">
<a href="./html/ourProducts.html" class="detail-link">
<span class="carouselText">产品详情</span>
</a>
</div>
</div>
<!-- 第二张图片 - 右侧按钮 -->
<div class="carousel-item">
<img id="carousel2" src="./imgs/home/S6PRO.jpg" alt="S6PRO">
<div class="product-detail-btn right">
<a href="./html/ourProducts.html" class="detail-link">
<span class="carouselText" >产品详情</span>
</a>
</div>
</div>
</div>
<div class="carousel-indicators">
<span class="indicator active"></span>
<span class="indicator"></span>
</div>
</div>
</div>
<img class="top" src="./imgs/svg/点纹.svg" alt="点纹">
<img class="btLeft" src="./imgs/svg/点纹.svg" alt="点纹">
<img class="tpRight" src="./imgs/svg/点纹.svg" alt="点纹">
<img class="btRight" src="./imgs/svg/线纹.svg" alt="点纹">
</section>
<section class="banner">
<div class="bannerBottom2">
<h1 class="bannerBottom2Title">为什么选择汉晶?</h1>
<ul class="bannerBottomList">
<li class="bannerBottomListOne">
<p></p>
<p class="bannerBottomListOneTitle"> IC设计全生命周期一站式覆盖 </p>
</li>
<li class="bannerBottomListTwo">
<p class="bannerBottomListTwoTitle">独特的低功耗设计，让芯片更有竞争力</p>
<p></p>
</li>
<li class="bannerBottomListThree">
<p></p>
<p class="bannerBottomListThreeTitle">有稳定的芯片制造商合作关系</p>
</li>
<li class="bannerBottomListFour">
<p class="bannerBottomListFourTitle">流片均一版成功，即流片成功率100%,助力客户赢得市场</p>
<p></p>
</li>
</ul>
</div>
<div class="bannertop">
<div class="textBox">
<h1 class="bannertopTitle">芯片设计技术服务</h1>
<p class="bannertopText">我们公司提供全方位的芯片设计技术服务，涵盖从需求讨论、系统设计、逻辑设计、FPGA原型验证到最终的芯片制造、测试与验证等各个环节。我们采用行业领先的工具和技术，确保芯片的性能、功耗、稳定性都能满足客户需求。</p>
</div>
</div>
<div class="bannerMid">
<img class="bannerMidImg" src="./imgs/home/mainFunctionalResources.svg" alt="arrow">
<div class="bannerletf">
<img src="./imgs/png/chip.png" alt="芯片">
<div class="bannerletfText">
<p class="bannerletfTextTitle">Y100 服务器芯片</p>
<a class="carouselText" href="/html/ourProducts.html?product=Y100">产品详情</a>
</div>
</div>
<div class="bannerRight">
<img src="./imgs/home/S6PRO.png" alt="S6PRO.">
<div class="bannerletfText">
<p class="bannerletfTextTitle" id="bannerletfTextTitle2">S6PRO 运算加速芯片</p>
<a class="carouselText" href="./html/ourProducts.html?product=S6PRO">产品详情</a>
</div>
</div>
</div>
<div class="bannerBottom">
<div class="bannerBottomText">
<div class="top2">
<h1 class="bannerBottomTextTitle">我们的目标</h1>
<p class="bannerBottomTextText">汇聚人才，共同创造突破性技术，为更加智能、更加安全、更有保障的科技世界保驾护航。</p>
</div>
<div class="newBottom">
<h1 class="newBottomTitle">研发团队</h1>
<div class="teamBox">
<img class="teamImg" src="./imgs/home/team.png" alt="团队">
<div>
<!-- <p class="perCent2" data-target="100">0%</p> -->
<p>100%</p>
<p class="newBottomText">研究生学历</p>
</div>
</div>
</div>
<!-- <div class="bottom">
<div class="bottomLeft">
<p class="perCent" data-target="30">0%</p>
<p class="characters">研发投入</p>
</div>
<div class="bottomRight">
<p class="perCent" data-target="70">0%</p>
<p class="characters">研究人员</p>
</div>
</div> -->
</div>
</div>
</section>
<footer class="footer">
<section class="emailBox">
<div class="emailLeft">
<p class="emailLeftTitle">我们准备好了</p>
<p class="emailLeftText">如果您有更多的需求，请联系我们</p>
</div>
<div class="emailRight">
<div class="email" onclick="window.location.href='mailto:fu.bin@hjsilicon.com'">
<span>MAIL TO US</span>
<a href="mailto:fu.bin@hjsilicon.com">
<img src="./imgs/svg/邮箱.svg" alt="邮箱">
</a>
</div>
</div>
</section>
<section class="footerBox">
<div class="footerBoxLeft">
<img id="footerLogo" src="./imgs/svg/logo.svg" alt="logo">
</div>
<div class="footerBoxRight">
<p > Copyright ©<span class="footerBoxRightTitle">深圳汉晶电子信息有限公司</span> <a class="record" href="https://beian.miit.gov.cn/"> <span class="recordTitle">粤ICP备2025405650号</span></a></p>
<!-- <p>Copyright ©深圳汉晶电子信息有限公司 版权所有</p> -->
</div>
</section>
</footer>
<script src="./js/index.js"></script>
</body>
</html>