230 lines
9.8 KiB
HTML
230 lines
9.8 KiB
HTML
<!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> |