<!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/technicalSupport.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/header.css">
    <script src="../js/header.js"></script>
    <script src="../js/technicalSupport.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" class="actives" href="#" style="color: #fff;"> 技术支持</a></li>
             <li> <a id="nav-future" href="./approaching.html"> 展望未来</a></li>
             <li> <a id="nav-about" href="./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>
            </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="bannerBox">
        <div class="bannerLeft">
            <div class="LeftImg">
               <img src="../imgs/technology/technicalAdvice.png" alt="技术咨询">
            </div>
            <p class="title">技术咨询</p>
            <p class="problem">提供芯片设计前的需求分析、技术选型、系统架构建议。</p>
            <a class="report" href="aboutUs.html#contact-map">提交服务帮助 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
            
        </div>      

        <div class="bannerLeft">
            <div class="LeftImg">
               <img src="../imgs/technology/customization.svg" alt="定制化开发">
            </div>
            <p class="title">定制化开发</p>
            <p class="problem">根据客户的特定需求,提供个性化定制的芯片设计服务,确保项目的高效实施。</p>
            <a class="report" href="aboutUs.html#contact-map">定制需求 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
            
        </div>  
        <div class="bannerRight">

            <div class="rightImg">  
                <img src="../imgs/technology/upgrade.png" alt="产品维护与升级">
             </div>
             <p class="title">产品维护与升级</p>
             <p class="problem">提供持续的技术支持,定期为客户的芯片产品提供性能优化与功能升级。</p>
             <a class="report" href="aboutUs.html#contact-map">立即升级 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>

            </div>
        </div>
    </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>
                <!-- <p>Copyright &copy深圳汉晶电子信息有限公司 版权所有</p> -->
            </div>
        </section>
     </footer>

     
</body>
</html>