<!DOCTYPE html>
<html lang="en">
<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/aboutUs.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/header.css">
    <script>
        window._AMapSecurityConfig = {
            securityJsCode: 'd7d163684cbe3ea85f182a42cd1b8880',
        }
    </script>
    <script src="https://webapi.amap.com/maps?v=2.0&key=d8d0391f0356497ccdc1c0f13d4a8c33&plugin=AMap.Geocoder,AMap.ToolBar,AMap.Scale"></script>    <script src="../js/aboutUs.js"></script>
    <script src="../js/header.js"></script>
    <title id="title">深圳汉晶电子信息有限公司</title>

</head>
<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 id="nav-home"  href="../index.html"> 首页</a></li>
             <li> <a id="nav-business" href="./mainBusiness.html"> 主营业务</a></li>             
             <li> <a id="nav-products" href="./ourProducts.html"> 产品案例</a></li>
             <li> <a id="nav-support" href="./technicalSupport.html"> 技术支持</a></li>
             <li> <a id="nav-future" href="./approaching.html"> 展望未来</a></li>
             <li> <a id="nav-about"  class="actives" href="#" style="color: #fff;"> 关于我们</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>
            </div>
        

        </div>
        <img class="top3" 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="bannertop">
           <div class="textBox">

               <div  class="textOne">
                 <div class="Left">
                   <img src="../imgs/svg/我们的愿景.svg" alt="我们的愿景">
                 </div>
                 <div class="Right">
                    <p>我们的愿景</p>
                    <p>聚焦高性能芯片设计,打造全球竞争力核心,以技术创新驱动产业升级,引领智能生态新未来。</p>
                 </div>
                 
               </div>
               <div  class="textTwo">
                <div class="Left">
                    <img src="../imgs/svg/我们的使命.svg" alt="我们的使命">
                  </div>
                  <div class="Right">
                     <p>我们的使命</p>
                     <p>通过在集成电路设计、应用解决方案和人工智能技术的持续创新,
                        我们提供高可靠、智能的产品和服务,为客户创造价值,让人们的生活更加美好!
                     </p>
                  </div>

               </div>
               <div  class="textThree">
                <div class="Left">
                    <img src="../imgs/svg/我们的核心价值观.svg" alt="我们的核心价值观">
                  </div>
                  <div class="Right">
                     <p>我们的核心价值观</p>
                     <p>客户至上、艰苦奋斗、创新卓越、合作共赢</p>
                  </div>
               </div>
           </div>
        </div>
        <!-- <div class="bannerBottom">
            <h1>为什么选择汉晶?</h1>
            <ul class="bannerBottomList">
                <li class="bannerBottomListOne">
                    <p></p> 
                    <p> IC设计全生命周期一站式覆盖 </p>
                </li>
                <li class="bannerBottomListTwo">
                    <p>独特的低功耗设计,让芯片更有竞争力</p>
                    <p></p>
                </li>
                <li class="bannerBottomListThree">
                    <p></p>
                    <p>有稳定的芯片制造商合作关系</p>
                </li>
                <li class="bannerBottomListFour">
                    <p>流片均一版成功,即流片成功率100%,助力客户赢得市场</p>
                    <p></p>
                </li>
              
            </ul>

        </div> -->

      
        <section class="map">

            <div class="addressBox-bottom" id="contact-map">
                <div id="mapContainer"></div>
             
            </div>


        </section>


    </section>






    <footer class="footer" style=" background-color: #020A4C !important;  ">
        <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 &copy <span class="footerBoxRightTitle">深圳汉晶电子信息有限公司</span> &nbsp;&nbsp; <a class="record" href="https://beian.miit.gov.cn/">粤ICP备2025405650号</a></p>

            </div>
        </section>
     </footer>


</body>
</html>