<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>四川华丰科技股份有限公司</title>
  <link rel="icon" href="./static/images/header/ico.png">
  <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="keywords" content="四川华丰科技股份有限公司-四川华丰科技股份有限公司">
  <meta name="description" content="四川华丰科技股份有限公司-四川华丰科技股份有限公司">
  <link rel="stylesheet" href="./static/css/common/index.css">
  <link rel="stylesheet" href="./static/css/common/footer.css">
  <link rel="stylesheet" href="./static/css/indexView.min.css">
  <link rel="stylesheet" href="./static/css/common/swiper-bundle.min.css" />
  <link rel="stylesheet" href="./static/css/common/swiper-3.3.1.min.css" />
  <link rel="stylesheet" href="./utils/layui/css/layui2.97.css" />
  <link rel="stylesheet" href="./static/css/common/animate.min.css" />
</head>

<body>
  <header id="indexheader">
    <div class="header clearfix">
      <div id="logo" class="fl"><a href="/"><img src="./static/images/indexView/logo.png"></a></div>
      <!-- <div id="language" class="fr">
        <span></span>
        <select id="pid" onChange="gradeChange()">
          <option selected="selected" value="1">中文</option>
          <option value="2">English</option>
        </select>
      </div> -->
      <nav>
        <div class="nav">
          <ul>

          </ul>
        </div>
      </nav>
    </div>
    <a id="navbtn" class="layui-btn" href="javascript:;">

    </a>
  </header>

  <div id="top"></div>
  <!-- 浮动新闻 -->
  <!-- <div class="floatBar">
    <p class="clearfix">


      <span class="title fl">企业新闻</span>
      <a class="floatCon" href="">公司名称变更公告 <i>2021-01-20</i></a>
      <a class="floatCancel"><img src="../static/images/indexView/close.png"></a>
    </p>
    <div class="fbg"></div>
  </div> -->
  <div class="middle">
    <div class="indexBannner">
      <div class="swiper mySwiper">
        <div class="swiper-wrapper  swiper-wrapper-banner">
        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-pagination"></div>
      </div>
    </div>

    <!-- section1 关于华丰 -->
    <section class="section section1 page2">
      <div class="about">
        <div class="headtitle wow fadeInUp ">
          <h2 class="title">关于华丰</h2>
          <p class="bg">
            <i class="left"></i>
            <i class="right"></i>
          </p>
        </div>

        <div class="description wow fadeInUp ">
          <p>
            四川华丰科技股份有限公司，全球光电连接器及互连方案提供商。1958年引进俄标连接器生产技术，开启连接器中国造之路。1981年主编连接器技术研究期刊《机电元件》创刊全国发行。1984年引进美标连接器生产线及技...
          </p>
        </div>


        <div class="imglist">
          <a class="item-img wow fadeInUp " href="./about.html?id=1739588493202518017">
            <img alt="公司介绍" src="./static/images/indexView/section01.png" title="公司介绍">
          </a>

          <a class="item-word wow fadeInUp" href="./about.html?id=1770991389588422658">
            <img alt="火红年代" src="./static/images/indexView/section03.png" title="火红年代">
            <span>火红年代
              <i>read more</i>
            </span>
          </a>

          <a class="item-img wow fadeInUp" href="./footprints.html?id=1770991731378061313">
            <img alt="光辉足迹" src="./static/images/indexView/section04.png" title="光辉足迹">
          </a>

          <a class="item-word wow fadeInUp" href="./about.html?id=1739589240254197761">
            <img alt="行业地位" src="./static/images/indexView/section02.png" title="行业地位">
            <span>行业地位
              <i>read more</i>
            </span>
          </a>

          <a class="item-img wow fadeInUp" href="./zzry.html?id=1770992480069713922">
            <img alt="资质荣誉" src="./static/images/indexView/section05.png" title="资质荣誉">
          </a>

          <a class="item-word wow fadeInUp" href="./about.html?id=1739588493202518017">
            <img alt="公司介绍" src="./static/images/indexView/section04.png" title="公司介绍">
            <span>公司介绍
              <i>read more</i>
            </span>
          </a>
          <a class="item-img wow fadeInUp" href="./about.html?id=1770991389588422658">
            <img alt="火红年代" src="./static/images/indexView/section03.png" title="火红年代">
          </a>
          <a class="item-word wow fadeInUp" href="./footprints.html?id=1770991731378061313">
            <img alt="" src="./static/images/indexView/section04.png" title="">
            <span>光辉足迹
              <i>read more</i>
            </span>
          </a>
          <a class="item-img wow fadeInUp" href="./about.html?id=1739589240254197761">
            <img alt="行业地位" src="./static/images/indexView/section02.png" title="行业地位">
          </a>
          <a class="item-word wow fadeInUp" href="./zzry.html?id=1770992480069713922">
            <img alt="资质荣誉" src="./static/images/indexView/section05.png" title="资质荣誉">
            <span>资质荣誉
              <i>read more</i>
            </span>
          </a>

        </div>

        <div class="imglist2">

          <a class="item-img wow fadeInUp" href="./about.html?id=1739588493202518017">
            <img alt="公司简介" title="公司简介" src="./static/images/indexView/section01.png">
          </a>
          <a class="item-word wow fadeInUp" href="./about.html?id=1739588493202518017">
            <img alt="公司简介" title="公司简介" src="./static/images/indexView/section01.png">
            <span>公司简介<i>read more</i></span>
          </a>


          <a class="item-word wow fadeInUp" href="./about.html?id=1770991389588422658">
            <img alt="火红年代" title="火红年代" src="./static/images/indexView/section03.png">
            <span>火红年代<i>read more</i></span>
          </a>
          <a class="item-img wow fadeInUp" href="./about.html?id=1770991389588422658"><img alt="火红年代" title="火红年代"
              src="./static/images/indexView/section03.png"></a>


          <a class="item-img wow fadeInUp" href="./footprints.html?id=1770991731378061313"><img alt="光辉足迹" title="光辉足迹"
              src="./static/images/indexView/section04.png"></a>
          <a class="item-word wow fadeInUp" href="./footprints.html?id=1770991731378061313">
            <img alt="光辉足迹" title="光辉足迹" src="./static/images/indexView/section04.png">
            <span>光辉足迹<i>read more</i></span>
          </a>




          <a class="item-word wow fadeInUp" href="./about.html?id=1739589240254197761">
            <img alt="行业地位" title="行业地位" src="./static/images/indexView/section02.png">
            <span>行业地位<i>read more</i></span>
          </a>
          <a class="item-img wow fadeInUp" href="./about.html?id=1739589240254197761">
            <img alt="行业地位" title="行业地位" src="./static/images/indexView/section02.png">
          </a>


          <a class="item-img wow fadeInUp" href="./zzry.html?id=1770992480069713922">
            <img alt="资质荣誉" title="资质荣誉" src="./static/images/indexView/section05.png"></a>
          <a class="item-word wow fadeInUp" href="./zzry.html?id=1770992480069713922">
            <img alt="资质荣誉" title="资质荣誉" src="./static/images/indexView/section05.png">
            <span>资质荣誉<i>read more</i></span>
          </a>
        </div>


      </div>
    </section>

    <!-- section2 产品展示 -->
    <section class="section section2 page3">
      <div class="project">
        <div class="headtitle wow fadeInUp">
          <h2 class="title">产品展示</h2>
          <p class="bg">
            <i class="left"></i>
            <i class="right"></i>
          </p>
        </div>

        <div class="description wow fadeInUp ">
          <p>
            我们努力追求连接器的高可靠性、安全性、环保性，致力于向全球防务装备、通讯装备、轨道交通装备和新能源汽车提供更专业、更可靠、更智能的互连技术和产品。
          </p>
        </div>
        <div class="list">
          <a id="pitem-0" href="./circular.html?id=1739840436260896770"
            class="pitem one wap-pitem wow slideInUp"><span>防务类连接器</span><i class="a"></i><i class="b"></i></a>

          <a id="pitem-1" class="pitem three wow slideInUp"><span></span><i class="a"></i><i class="b"></i></a>

          <a id="pitem-2" href="./circular.html?id=1739840599842947073"
            class="pitem two wow slideInUp"><span>通讯类链接器</span><i class="a"></i><i class="b"></i></a>

          <a id="pitem-3" href="./circular.html?id=1770996612977491969"
            class="pitem one wow slideInUp"><span>新能源汽车类连接器</span><i class="a"></i><i class="b"></i></a>

          <a id="pitem-4" class="pitem three wow slideInUp"><span></span><i class="a"></i><i class="b"></i></a>

          <a id="pitem-5" class="pitem two wow slideInUp"><span></span><i class="a"></i><i class="b"></i></a>

          <a id="pitem-6" href="./circular.html?id=1739840275694551042"
            class="pitem one wow slideInUp"><span>轨道交通类连接器</span><i class="a"></i><i class="b"></i></a>

          <a id="pitem-7" class="pitem two wow slideInUp"><span></span><i class="a"></i><i class="b"></i></a>
        </div>
      </div>
    </section>

    <!-- 产品应用 section3 -->
    <section class="section section3 page4" id="page4">
      <div class="project2">

        <div class="headtitle wow fadeInUp">
          <h2 class="title">产品应用</h2>
          <p class="bg"><i class="left"></i><i class="right"></i></p>
        </div>
        <div class="description wow fadeInUp">
          <p>我们努力追求连接器的高可靠性、安全性、环保性，致力于向全球防务装备、通讯装备、轨道交通装备和新能源汽车提供更专业、更可靠、更智能的互连技术和产品。</p>
        </div>
        <div class="list clearfix">
          <div class="left fl">
            <a class="item wow slideInUp" href="./apply.html?id=1739844383809798146">
              <img alt="特种领域" title="特种领域" src="./static/images/indexView/20201015150405126.png">
              <div class="ptitle">
                <p>特种领域</p>
                <div class="bg"></div>
              </div>
            </a>
          </div>

          <div class="right">
            <a class="item small wow slideInUp" href="./apply.html?id=1739845189481070593">
              <img alt="通讯领域" title="通讯领域" src="./static/images/indexView/20170106102055109.png">
              <div class="ptitle">
                <p>通讯领域</p>
                <div class="bg"></div>
              </div>
            </a>

            <a class="item large wow slideInUp" href="./apply.html?id=1739843182791819266">
              <img alt="轨道交通领域" title="轨道交通领域" src="./static/images/indexView/20170106102121172.png">
              <div class="ptitle">
                <p>轨道交通领域</p>
                <div class="bg"></div>
              </div>
            </a>

            <a class="item large wow slideInUp" href="./apply.html?id=1739844750811398145">
              <img alt="汽车领域" title="汽车领域" src="./static/images/indexView/20170106102149168.png">
              <div class="ptitle">
                <p>汽车领域</p>
                <div class="bg"></div>
              </div>
            </a>

            <a class="item small wow slideInUp" href="./apply.html?id=1739846030443216897">
              <img alt="新能源领域" title="新能源领域" src="./static/images/indexView/20170106102206132.png">
              <div class="ptitle">
                <p>新能源领域</p>
                <div class="bg"></div>
              </div>
            </a>
          </div>
        </div>
        <div class="list2 clearfix">

          <div class="left fl">
            <a class="item wow slideInUp" href="./src/apply.html?id=1739844383809798146">
              <img alt="特种领域" title="特种领域" src="./static/images/indexView/20201015150405126.png">
              <div class="ptitle">
                <p>特种领域</p>
                <div class="bg"></div>
              </div>
            </a>
          </div>

          <div class="right fr">

            <a class="item small wow slideInUp" href="./src/apply.html?id=1739845189481070593">
              <img alt="通讯领域" title="通讯领域" src="./static/images/indexView/20170106102055109.png">
              <div class="ptitle">
                <p>通讯领域</p>
                <div class="bg"></div>
              </div>
            </a>

            <a class="item small wow slideInUp" href="./src/apply.html?id=1739846030443216897">
              <img alt="新能源领域" title="新能源领域" src="./static/images/indexView/20170106102206132.png">
              <div class="ptitle">
                <p>新能源领域</p>
                <div class="bg"></div>
              </div>
            </a>

          </div>
          <div class="bottom">

            <a class="item large wow slideInUp" href="./src/apply.html?id=1739843182791819266">
              <img alt="轨道交通领域" title="轨道交通领域" src="./static/images/indexView/20170106102121172.png">
              <div class="ptitle">
                <p>轨道交通领域</p>
                <div class="bg"></div>
              </div>
            </a>


            <a class="item large wow slideInUp" href="./src/apply.html?id=1739844750811398145">
              <img alt="汽车领域" title="汽车领域" src="./static/images/indexView/20170106102149168.png">
              <div class="ptitle">
                <p>汽车领域</p>
                <div class="bg"></div>
              </div>
            </a>
          </div>
        </div>
        <!-- <a class="more wow fadeInUp" href="/proApplication.html">read more<i class="fa fa-youjiantou"></i></a> -->
      </div>
    </section>

  </div>
  <div class="footer">
    <div class="footer_top">
      <span class="top_title"></span>
      <ul class="_f_top_ul">
        <li class="_f_top_li governmentList">
          <div class="triangle"> </div>
          友情链接
          <ul class="footer_hidden_ul">

          </ul>
        </li>

        <li class="_f_top_li minmetalsMCCList">
          <!-- <div class="triangle"> </div> -->

          <a style="color: #fff;" href="./about.html?id=1773550712642404353">法律声明</a>
        </li>
        <li class="_f_top_li internalList">
          <!-- <div class="triangle"> </div> -->

          <a style="color: #fff;" href="./about.html?id=1773550505821274113">隐私声明</a>
        </li>
      </ul>
    </div>
    <!-- <div class="footer_cont">
      <div>
        <ul class="footer_nav">
          <li class="footer_nav_list"> 首页 </li>
        </ul>
      </div>
      <div class="code_box">
        <img id="footer_qrcodeImg" class="code_img" src="" alt="">
        <span class="code_text">微信公众号</span>
      </div>

    </div> -->

    <div class="footer_bottom_box">
      <div class="footer_bottom">

        <div class="item">
          <i class="fa fa-dingwei"></i>
          <label for=""> 地址：</label>
          <span id="footer_address"></span>
        </div>

        <div class="item">
          <i class="fa fa-dianhua"></i>
          <label for=""> 电话：</label>
          <span id="footer_officePhone">

          </span>
        </div>

        <div class="banquan item inlineFlex">
          <span   id="footer_banquan">
          </span>
        </div>

        <!-- <div class="item">
          <i class="fa fa-ordinaryemail1"></i>
          <label for=""> 邮箱：</label>
          <span id="footer_officeMailbox">
          </span>
        </div> -->



        <div class="bottom_2">
          
          <div class="gongan_box item inlineFlex">
            <span style=" margin-right: 15px;" id="footer_icpFiling"></span>
            <!-- <span class="gongan_img"></span> -->

            <div class="inlineFlex">
              <img class="gongan_img" src="./static/images/indexView/batb1.png" alt=""
                style="margin-right: 3px;">
              <span  id="footer_publicSecurityFiling">
              </span>
            </div>

          </div>
        </div>



        <!-- <div class="banquan item inlineFlex">
         <a href="https://uweb.umeng.com/v1/login.php?siteid=1261443905">
          <span style="padding: 5px 0;" id="">
            站长统计
          </span>
         </a>
        </div> -->
        <!-- <div class="Technical_Support"><span>技术支持<a href="">xxxxxx</a></span></div> -->

      </div>
      <div class="code_div">
        <img id="qrcodeImg" src="" alt="">
        <div class="text">官方公众号</div>
      </div>
     
    </div>
   



  </div>
  <script src="./js/common/jquery-3.5.1.min.js"></script>
  <script src="./js/common/swiper-bundle.min.js"></script>
  <script src="./utils/layui/layui2.97.js"></script>
  <script src="./js/common/wow.min.js"></script>
  <script type="module" src="./js/common/index.js"></script>

  <script type="module" src="./js/indexView/index.js"></script>
  <style>
    html,
    body {
      position: relative;
      height: 100%;
    }

    body {
      /* background: #eee; */
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #000;
      margin: 0;
      padding: 0;
    }

    .swiper {
      width: 100%;
      height: 100%;
    }


    .swiper-slide {
      background-position: center;
      background-size: cover;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
    }
  </style>
</body>

</html>