<!DOCTYPE html>
<html lang="en">

<head>
  <title>国联电子</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <link href="http://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">
  <link href="http://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800;900&display=swap"
    rel="stylesheet">

  <link rel="stylesheet" href="http://www.jq22.com/jquery/font-awesome.4.7.0.css">

  <link rel="stylesheet" href="css/animate.css">

  <link rel="stylesheet" href="css/owl.carousel.min.css">
  <link rel="stylesheet" href="css/owl.theme.default.min.css">
  <link rel="stylesheet" href="css/magnific-popup.css">

  <link rel="stylesheet" href="css/flaticon.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/style1.css">
  <link rel="stylesheet" href="css/swiper-3.4.2.min.css">
  <link rel="stylesheet" href="http://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
    integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">

  <style>
    .ftco-navbar-light .navbar-brand {
      color: #000000 !important;
      padding-top: .7rem;
      padding-bottom: .7rem;
    }

    .el-carousel__item h3 {
      color: #475669;
      font-size: 18px;
      opacity: 0.75;
      line-height: 300px;
      margin: 0;
    }

    .el-carousel__item:nth-child(2n) {
      background-color: #99a9bf;
    }

    .el-carousel__item:nth-child(2n+1) {
      background-color: #d3dce6;
    }

    .cp {
      display: flex;
    }

    .cp h2 {
      width: 40%;
      text-align: center;
      display: flex;
      justify-content: center;
      /* 水平居中 */
      align-items: center;
      /* 垂直居中 */

    }

    .cp div {
      flex: 1;
      width: 100%;
      height: 100%;
    }

    .cp div img {
      flex: 1;
      width: 100%;
      height: 100%;
    }

    .carousel-item {
      width: 100%;
      height: 400px;
      background: #fff;
    }

    .p1,
    .p2,
    .p3,
    .p4 {
      height: 150px;
    }

    .palls {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
    }
  </style>
</head>

<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">


  <div id="app">
    <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar ftco-navbar-light site-navbar-target" id="ftco-navbar">
      <div class="container">
        <!-- <a style="font-size: 36px;" id="tits" class="navbar-brand" href="index.html"><span>.</span></a> -->
        <a href="index.html"> <img style="width:280px;height:100%" src="./images/logo.jpg" alt=""></a>

        <button class="navbar-toggler js-fh5co-nav-toggle fh5co-nav-toggle" type="button" data-toggle="collapse"
          data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
          <span class="oi oi-menu"></span> Menu
        </button>

        <div class="collapse navbar-collapse" id="ftco-nav">
          <ul class="navbar-nav nav ml-auto">
            <!-- <li class="nav-item"><a href="#home-section" class="nav-link"><span>首页</span></a></li>
	          <li class="nav-item"><a href="#about-section" class="nav-link"><span>关于我们</span></a></li>
	          <li class="nav-item"><a href="#chapter-section" class="nav-link"><span>产品展示</span></a></li>
	          <li class="nav-item"><a href="#testimonial-section" class="nav-link"><span>新闻动态</span></a></li>
	          <li class="nav-item"><a href="#projects-section" class="nav-link"><span>成功案例</span></a></li>
	          <li class="nav-item"><a href="#author-section" class="nav-link"><span>团队介绍</span></a></li>
	          <li class="nav-item"><a href="#onlinemsg" class="nav-link"><span>在线留言</span></a></li>
	          <li class="nav-item"><a href="#contact-section" class="nav-link"><span>联系我们</span></a></li> -->
          </ul>
        </div>
      </div>


      <div class="custom-control custom-switch">
        <input type="checkbox" class="custom-control-input" id="customSwitch1">
        <label class="custom-control-label" for="customSwitch1">CH/EN</label>
      </div>
    </nav>

    <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner" style="height: 400px">

      </div>
      <button class="carousel-control-prev" type="button" data-target="#carouselExampleControls" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </button>
      <button class="carousel-control-next" type="button" data-target="#carouselExampleControls" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </button>
    </div>

    <!-- <section class="hero-wrap js-fullheight"> -->

    <!-- <el-carousel indicator-position="outside" style="min-height:200px">
        <el-carousel-item v-for="item in 4" :key="item">
          <h3>{{ item }}</h3>
        </el-carousel-item>
      </el-carousel> -->
    <!-- <div class="overlay"></div>
      <div class="container-fluid px-0">
      	<div class="row d-md-flex no-gutters slider-text align-items-center js-fullheight justify-content-end">
	      	<img class="one-third js-fullheight align-self-end order-md-last img-fluid" src="images/undraw_book_lover_mkck.svg" alt="">
	        <div class="one-forth d-flex align-items-center ftco-animate js-fullheight">
	        	<div class="text mt-5">
	        		<span class="subheading">Best Seller Book Of The Week</span>
		  				<h1>Clue Of The Wooden Cottage</h1>
		  				<p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
		  				<p><a href="#" class="btn btn-primary py-3 px-4">Buy Now For $22.78</a></p>
	          </div>
	        </div>
	    	</div>
      </div> -->
    <!-- </section> -->

    <!-- <section class="ftco-section ftco-no-pb ftco-partner">
      <div class="container">
        <div class="row">
          <div class="col-md-12 col-lg ftco-animate">
            <a href="#" class="partner d-flex justify-content-center"><img src="images/partner-1.png" class="img-fluid"
                alt="cssmoban Template"></a>
          </div>
          <div class="col-md-12 col-lg ftco-animate">
            <a href="#" class="partner d-flex justify-content-center"><img src="images/partner-2.png" class="img-fluid"
                alt="cssmoban Template"></a>
          </div>
          <div class="col-md-12 col-lg ftco-animate">
            <a href="#" class="partner d-flex justify-content-center"><img src="images/partner-3.png" class="img-fluid"
                alt="cssmoban Template"></a>
          </div>
          <div class="col-md-12 col-lg ftco-animate">
            <a href="#" class="partner d-flex justify-content-center"><img src="images/partner-4.png" class="img-fluid"
                alt="cssmoban Template"></a>
          </div>
          <div class="col-md-12 col-lg ftco-animate">
            <a href="#" class="partner d-flex justify-content-center"><img src="images/partner-5.png" class="img-fluid"
                alt="cssmoban Template"></a>
          </div>
        </div>
      </div>
    </section> -->

    <section class="ftco-about img ftco-section" id="about-section">
      <div class="container">
        <div class="row d-flex no-gutters">
          <img id="bg" src="./images/bg.png" alt="" style="width: 100%;height:100%">

        </div>
        <div class="row d-flex no-gutters" style="margin: top 40px;">
          <img id="bg2" src="./images/bg2.png" alt="" style="width: 100%;height:100%">

        </div>


        <div class="row d-flex no-gutters" style="margin: top 40px;">
          <img id="bg3" src="./images/bg4.png" alt="" style="width: 100%;height:100%">

        </div>


        <div class="row d-flex no-gutters" style="margin: top 40px;">
          <img id="bg4" src="./images/bg3.png" alt="" style="width: 100%;height:100%">

        </div>
      </div>
    </section>

    <div class="product-section product-features">
      <div class="product-title" id="product-title">发展历程</div>
      <div class="product-wrapper">
        <div class="product-body swiper-container">
          <ul class="features-slide swiper-wrapper">
            <li class="features-item swiper-slide">
              <h3>2019</h3>
              <i></i> <a class="features-info">
                <p class="features-info-i"></p>
                <p class="features-info-s" id="gszc"> 公司注册成立 </p>
              </a>
            </li>
            <li class="features-item swiper-slide">
              <h3>2020</h3>
              <i></i> <a class="features-info">
                <p class="features-info-i"></p>
                <p class="features-info-s" id="smb"> SMB产品进入上汽通用五菱 </p>
              </a>
            </li>
            <li class="features-item swiper-slide">
              <h3>2021</h3>
              <i></i> <a class="features-info">
                <p class="features-info-i"></p>
                <p class="features-info-s" id="iatf"> IATF体系认证&获得国家高新技术企业；
                  雷诺PTC线束量产；SMB自动机上线 </p>
              </a>
            </li>
            <li class="features-item swiper-slide">
              <h3>2022</h3>
              <i></i> <a class="features-info">
                <p class="features-info-i"></p>
                <p class="features-info-s" id="sqwl"> 高频线束定点；SMB线束开始量产 </p>
              </a>
            </li>
            <li class="features-item swiper-slide">
              <h3>2023</h3>
              <i></i> <a class="features-info">
                <p class="features-info-i"></p>
                <p class="features-info-s" id="lpb"> 整车高频线束定点。Fakra自动机上线</p>
              </a>
            </li>
            <li class="features-item swiper-slide dark">
              <h3>2024</h3>
              <i></i> <a class="features-info">
                <p class="features-info-i"></p>
                <p class="features-info-s" id="lpa"> 整车高频线束定点 </p>
              </a>
            </li>
            <li class="features-item swiper-slide dark">
              <h3>2024</h3>
              <i></i> <a class="features-info">
                <p class="features-info-i"></p>
                <p class="features-info-s" id="byd"> 全系自动驾驶摄像头高清线束定点 </p>
              </a>
            </li>
          </ul>
        </div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next swiper-button-disabled"></div>
      </div>
    </div>

    <section class="ftco-section ftco-no-pt ftco-no-pb ftco-counter img" id="section-counter">
      <div class="container">
        <div class="row d-md-flex align-items-center align-items-stretch">
          <div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
            <div class="block-18 bg-light">
              <div class="text">
                <strong class="number" data-number="700">0</strong>
                <span id="gsyg">公司员工</span>
              </div>
            </div>
          </div>
          <div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
            <div class="block-18 bg-light">
              <div class="text">
                <strong class="number" data-number="30">0</strong>
                <span id="fwhy">服务行业</span>
              </div>
            </div>
          </div>
          <div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
            <div class="block-18 bg-light">
              <div class="text">
                <strong class="number" data-number="50">0</strong>
                <span id="cgal">成功案例</span>
              </div>
            </div>
          </div>
          <div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
            <div class="block-18 bg-light">
              <div class="text">
                <strong class="number" data-number="12000">0</strong>
                <span id="fwkh">服务客户</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="ftco-section ftco-no-pb ftco-no-pt" id="chapter-section">
      <div class="container">
        <div class="row justify-content-center py-5 mt-5">
          <div class="col-md-12 heading-section text-center ftco-animate">
            <!-- <h2 class="mb-4">我们的产品</h2>
            <h5 class="mb-4" style="cursor:pointer;color: #17b978;">更多</h5> -->
            <span class="subheading" style="font-size: 25px;" id="ourproduct">我们的产品</span>
            <a class="mb-4" style="cursor:pointer;color: #67C23A;" class="navbar-brand mores1" href="product.html"
              id="mores1">更多</a>
            <!-- <span class="mb-4" style="cursor:pointer;color: #67C23A;">更多</span> -->
          </div>
        </div>
        <div class="row">
          <div class="col-md-3 mb-4">
            <nav id="navi">
            </nav>
          </div>
          <div class="col-md-9" id="cplist">

          </div>
        </div>
      </div>
    </section>



    <section class="ftco-section testimony-section ftco-no-pb" id="testimonial-section">
      <div class="img img-bg border" style="background-image: url(images/bg_4.jpg);"></div>
      <div class="overlay"></div>
      <div class="container">
        <div class="row justify-content-center mb-5">
          <div class="col-md-12 text-center heading-section heading-section-white ftco-animate">

            <span class="subheading" style="font-size: 25px;" id="ournews">新闻动态</span>
            <a class="mb-4" style="cursor:pointer;color: #fff;" class="navbar-brand mores2" id="mores2"
              href="news.html">更多</a>
            <!-- <h2 class="mb-3">News</h2> -->
          </div>
        </div>
        <div class="row ftco-animate">
          <div class="col-md-12">
            <div class="carousel-testimony owl-carousel ftco-owl news">
              <div id="new1">
                <div class="testimony-wrap py-4">
                  <div class="icon d-flex align-items-center justify-content-center"><span class="fa fa-quote-left">
                  </div>
                  <div class="text">
                    <p class="mb-4 p1 palls">上证报中国证券网讯
                      10月24日，上海市公安局发布消息称，自今年11月2日起，调整悬挂外省市机动车号牌的小客车等的限行政策。受此次限行政策的影响，沪上新能源汽车销售出现火爆场面.</p>
                    <div class="d-flex align-items-center">
                      <div class="user-img" style="background-image: url(images/defaultpic.gif)"></div>
                      <div class="pl-3">
                        <p class="name p1name">ABC</p>
                        <span class="position p1time">2020-10-26</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="new2">
                <div class="testimony-wrap py-4">
                  <div class="icon d-flex align-items-center justify-content-center"><span class="fa fa-quote-left">
                  </div>
                  <div class="text">
                    <p class="mb-4 p2 palls">上证报中国证券网讯
                      10月24日，上海市公安局发布消息称，自今年11月2日起，调整悬挂外省市机动车号牌的小客车等的限行政策。受此次限行政策的影响，沪上新能源汽车销售出现火爆场面.</p>
                    <div class="d-flex align-items-center">
                      <div class="user-img" style="background-image: url(images/defaultpic.gif)"></div>
                      <div class="pl-3">
                        <p class="name p2name">ABC</p>
                        <span class="position p2time">2020-10-26</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="new3">
                <div class="testimony-wrap py-4">
                  <div class="icon d-flex align-items-center justify-content-center"><span class="fa fa-quote-left">
                  </div>
                  <div class="text">
                    <p class="mb-4 p3 palls">上证报中国证券网讯
                      10月24日，上海市公安局发布消息称，自今年11月2日起，调整悬挂外省市机动车号牌的小客车等的限行政策。受此次限行政策的影响，沪上新能源汽车销售出现火爆场面.</p>
                    <div class="d-flex align-items-center">
                      <div class="user-img" style="background-image: url(images/defaultpic.gif)"></div>
                      <div class="pl-3">
                        <p class="name p3name">ABC</p>
                        <span class="position p3time">2020-10-26</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="new4">
                <div class="testimony-wrap py-4">
                  <div class="icon d-flex align-items-center justify-content-center"><span class="fa fa-quote-left">
                  </div>
                  <div class="text">
                    <p class="mb-4 p4 palls">上证报中国证券网讯
                      10月24日，上海市公安局发布消息称，自今年11月2日起，调整悬挂外省市机动车号牌的小客车等的限行政策。受此次限行政策的影响，沪上新能源汽车销售出现火爆场面.</p>
                    <div class="d-flex align-items-center">
                      <div class="user-img" style="background-image: url(images/defaultpic.gif)"></div>
                      <div class="pl-3">
                        <p class="name p4name">ABC</p>
                        <span class="position p4time">2020-10-26</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>


            </div>
          </div>

        </div>
      </div>
    </section>


    <section class="ftco-section ftco-project" id="projects-section">
      <div class="container">
        <div class="row no-gutters justify-content-center pb-5">
          <div class="col-md-12 heading-section text-center ftco-animate">
            <span class="subheading" style="font-size: 25px;" id="ourcase">成功案例</span>
            <a class="mb-4" style="cursor:pointer;color: #67C23A;" class="navbar-brand mores3" id="mores3"
              href="case.html">更多</a>
            <!-- <h2 class="mb-4">Success Cases</h2> -->
          </div>
        </div>
        <div class="row">
          <div class="col-md-3">
            <div class="project img ftco-animate d-flex justify-content-center align-items-end"
              style="background-image: url(images/book-1.jpg);">
              <div class="overlay"></div>
              <div class="text p-4">
                <h3>XXX公司案例</h3>
                <span></span>
              </div>
            </div>
          </div>
          <div class="col-md-3">
            <div class="project img ftco-animate d-flex justify-content-center align-items-end"
              style="background-image: url(images/book-2.jpg);">
              <div class="overlay"></div>
              <div class="text p-4">
                <h3>XXX公司案例</h3>
                <span></span>
              </div>
            </div>
          </div>

          <div class="col-md-3">
            <div class="project img ftco-animate d-flex justify-content-center align-items-end"
              style="background-image: url(images/book-3.jpg);">
              <div class="overlay"></div>
              <div class="text p-4">
                <h3>XXX公司案例</h3>
                <span></span>
              </div>
            </div>
          </div>
          <div class="col-md-3">
            <div class="project img ftco-animate d-flex justify-content-center align-items-end"
              style="background-image: url(images/book-4.jpg);">
              <div class="overlay"></div>
              <div class="text p-4">
                <h3>XXX公司案例</h3>
                <span></span>
              </div>
            </div>
          </div>
          <!-- <div class="col-md-3">
            <div class="project img ftco-animate d-flex justify-content-center align-items-end"
              style="background-image: url(images/book-5.jpg);">
              <div class="overlay"></div>
              <div class="text p-4">
                <h3>XXX公司案例</h3>
                <span></span>
              </div>
            </div>
          </div>
          <div class="col-md-3">
            <div class="project img ftco-animate d-flex justify-content-center align-items-end"
              style="background-image: url(images/book-6.jpg);">
              <div class="overlay"></div>
              <div class="text p-4">
                <h3>XXX公司案例</h3>
                <span></span>
              </div>
            </div>
          </div>
          <div class="col-md-3">
            <div class="project img ftco-animate d-flex justify-content-center align-items-end"
              style="background-image: url(images/book-7.jpg);">
              <div class="overlay"></div>
              <div class="text p-4">
                <h3>XXX公司案例</h3>
                <span></span>
              </div>
            </div>
          </div>
          <div class="col-md-3">
            <div class="project img ftco-animate d-flex justify-content-center align-items-end"
              style="background-image: url(images/book-8.jpg);">
              <div class="overlay"></div>
              <div class="text p-4">
                <h3>XXX公司案例</h3>
                <span></span>
              </div>
            </div>
          </div> -->
        </div>
      </div>
    </section>

    <section class="ftco-about img ftco-section ftco-no-pt ftco-no-pb" id="author-section">
      <div class="row no-gutters justify-content-center pb-5">
        <div class="col-md-12 heading-section text-center ftco-animate">
          <!-- <span class="subheading">团队介绍</span>
          <h2 class="mb-4">Team Introduction</h2> -->

          <span class="subheading" style="font-size: 25px;" id="ourteam">团队介绍</span>
          <!-- <span class="mb-4" style="cursor:pointer;color: #67C23A;">更多</span> -->
        </div>
      </div>

      <!-- <div class="container">
    		<div class="row d-flex no-gutters">
    			<div class="col-md-6 col-lg-6 d-flex">
    				<div class="img-about img d-flex align-items-stretch">
    					<div class="overlay"></div>
	    				<div class="img d-flex align-self-stretch align-items-center" >
                <img style="display: flex;width:100%;height:100%" src="images/about.jpg" alt="">
	    				</div>
    				</div>
    			</div>
    			<div class="col-md-6 col-lg-6 d-flex">
    				<div class="py-md-5 w-100 bg-light px-md-5">
    					<div class="py-md-5">
		    				<div class="row justify-content-start pb-3">
				          <div class="col-md-12 heading-section ftco-animate">
				          	<span class="subheading">董 事 长</span>
				            <h2 class="mb-4">肖玲莉</h2>
				            <p>十六年连接器行业企业管理经验，具有很强的销售运营管理能力和采购资源开发能力，落地执行能力强.</p>
                    <p>特长：综合型管理人才，具备深度学习和独立思考，勇于挑战创新，雷厉风行.</p>
				          </div>
				        </div>
			        </div>
		        </div>
	        </div>
        </div>
    	</div> -->

      <!-- <div class="container" style="margin-top:40px">
    		<div class="row d-flex no-gutters">
    			<div class="col-md-6 col-lg-6 d-flex">
    				<div class="img-about img d-flex align-items-stretch">
    					<div class="overlay"></div>
	    				<div class="img d-flex align-self-stretch align-items-center" style="background-image:url(images/about.jpg);">
	    				</div>
    				</div>
    			</div>
    			<div class="col-md-6 col-lg-6 d-flex">
    				<div class="py-md-5 w-100 bg-light px-md-5">
    					<div class="py-md-5">
		    				<div class="row justify-content-start pb-3">
				          <div class="col-md-12 heading-section ftco-animate">
				          	<span class="subheading">董 事 长</span>
				            <h2 class="mb-4">肖玲莉</h2>
				            <p>十六年连接器行业企业管理经验，具有很强的销售运营管理能力和采购资源开发能力，落地执行能力强.</p>
                    <p>特长：综合型管理人才，具备深度学习和独立思考，勇于挑战创新，雷厉风行.</p>
				          </div>
				        </div>
			        </div>
		        </div>
	        </div>
        </div>
    	</div> -->

    </section>



    <section class="ftco-section contact-section ftco-no-pb" id="onlinemsg">
      <div class="container">
        <div class="row justify-content-center mb-5 pb-3">
          <div class="col-md-7 heading-section text-center ftco-animate">
            <span class="subheading" style="font-size: 25px;" id="ourmsg">在线留言</span>
            <a class="mb-4" style="cursor:pointer;color: #67C23A;" class="navbar-brand mores4" id="mores4"
              href="message.html">更多</a>
          </div>
        </div>


        <div class="row no-gutters block-9">
          <div class="col-md-12 order-md-last d-flex">
            <form action="#" class="bg-light p-4 p-md-5 contact-form">
              <div class="form-group">
                <input id="uname" type="text" class="form-control" placeholder="Your Name">
              </div>
              <div class="form-group">
                <textarea name="" id="msgcontent" cols="30" rows="7" class="form-control"
                  placeholder="Message"></textarea>
              </div>
              <div class="form-group" style="text-align: center;">
                <div type="submit" value="Send Message" class="btn btn-primary py-3 px-5" id="msgBtn">
                  留言
                </div>
            </form>

          </div>

          <!-- <div class="col-md-6 d-flex">
          	<div id="container" style="width: 100%;height: 100%"></div>
          </div> -->
        </div>
      </div>
    </section>


    <section class="ftco-section contact-section ftco-no-pb" id="contact-section">
      <div class="container">
        <!-- <div class="row justify-content-center mb-5 pb-3">
          <div class="col-md-7 heading-section text-center ftco-animate">
            <h2 class="mb-4">Contact Me</h2>
            <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p>
          </div>
        </div> -->

        <div class="row no-gutters justify-content-center pb-5">
          <div class="col-md-12 heading-section text-center ftco-animate">
            <span class="subheading" style="font-size: 25px;">联系我们</span>
            <span class="mb-4" style="cursor:pointer;color: #67C23A;">Contact Us</span>
          </div>
        </div>

        <div class="row d-flex contact-info mb-5">
          <div class="col-md-6 col-lg-3 d-flex ftco-animate">
            <div class="align-self-stretch box text-center p-4 bg-light">
              <div class="icon d-flex align-items-center justify-content-center">
                <span class="fa fa-map-marker"></span>
              </div>
              <div>
                <h3 class="mb-4" id="cadd">地 址</h3>
                <p id="caddinfo">广东省东莞市塘厦镇永太路3号硅谷动力-数字谷15栋6-7层</p>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-3 d-flex ftco-animate">
            <div class="align-self-stretch box text-center p-4 bg-light">
              <div class="icon d-flex align-items-center justify-content-center">
                <span class="fa fa-phone"></span>
              </div>
              <div>
                <h3 class="mb-4" id="cnum">电 话</h3>
				<p><a id="cnuminfo" href="tel:// 0769-82099909"> 0769-82099909</a></p>
                <p><a id="cnuminfo" href="tel://18818865207">18818865207</a></p>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-3 d-flex ftco-animate">
            <div class="align-self-stretch box text-center p-4 bg-light">
              <div class="icon d-flex align-items-center justify-content-center">
                <span class="fa fa-paper-plane"></span>
              </div>
              <div>
                <h3 class="mb-4" id="cemail">邮 箱</h3>
                <p><a href="mailto:info@yoursite.com">zhipin.li@grow-link.cn</a></p>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-3 d-flex ftco-animate">
            <div class="align-self-stretch box text-center p-4 bg-light">
              <div class="icon d-flex align-items-center justify-content-center">
                <span class="fa fa-globe"></span>
              </div>
              <div>
                <h3 class="mb-4" id="clink">官 网</h3>
                <p><a href="http://cmfn.com.cn">cmfn.com.cn</a></p>
              </div>
            </div>
          </div>
        </div>

        <div class="row no-gutters block-9">


          <div class="col-md-12 d-flex" style="height: 300px;margin-bottom:20px">
            <div id="container" style="width: 100%;height: 100%"></div>
          </div>
        </div>
      </div>
    </section>

    <footer class="ftco-footer ftco-section">
      <div class="container">
        <div class="row mb-5">
          <div class="col-md">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2" id="fAbout">About</h2>
              <p id="fAboutp">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
                there live the
                blind texts.</p>
              <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-5">
                <li class="ftco-animate"><a href="#"><span class="fa fa-twitter"></span></a></li>
                <li class="ftco-animate"><a href="#"><span class="fa fa-facebook"></span></a></li>
                <li class="ftco-animate"><a href="#"><span class="fa fa-instagram"></span></a></li>
              </ul>
            </div>
          </div>
          <div class="col-md">
            <div class="ftco-footer-widget mb-4 ml-md-4">
              <h2 class="ftco-heading-2" id="fLinks">Links</h2>
              <ul class="list-unstyled" id="footMenu">
                <!-- <li><a href="#"></span>Home</a></li>
                <li><a href="#"></span>About</a></li>
                <li><a href="#"></span>Chapter</a></li>
                <li><a href="#"></span>Reviews</a></li>
                <li><a href="#"></span>Contact</a></li> -->
              </ul>
            </div>
          </div>
          <div class="col-md">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2" id="fServices">产品</h2>
              <ul class="list-unstyled">
                <li id="fw1" style="color: rgba(255, 255, 255, 0.6);"></span>Fakra线束</li>
                <li id="fw2" style="color: rgba(255, 255, 255, 0.6);"></span>HSD线束</li>
                <li id="fw3" style="color: rgba(255, 255, 255, 0.6);"></span>HSL线束</li>
                <li id="fw4" style="color: rgba(255, 255, 255, 0.6);"></span>高压线束</li>
                <li id="fw5" style="color: rgba(255, 255, 255, 0.6);"></span>SMB线束</li>
                <li id="fw6" style="color: rgba(255, 255, 255, 0.6);"></span>SMB板端转接头</li>
              </ul>
            </div>
          </div>
          <div class="col-md">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2" id="fConcat">联系我们</h2>
              <div class="block-23 mb-3">
                <ul>
                  <li><span class="icon fa fa-map-marker"></span><span class="text" id="fConcatadd">203 Fake St.
                      Mountain View, San
                      Francisco, California, USA</span></li>
                  <li><a href="#"><span class="icon fa fa-phone"></span><span class="text" id="fConcatnum">+2 392 3929
                        210</span></a>
                  </li>
                  <li><a href="#"><span class="icon fa fa-paper-plane"></span><span class="text"
                        id="fConcatemail">info@yourdomain.com</span></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>


        <div id="successToast" class="toast" style="position: absolute; top: 10px; right: 10px; z-index: 9999"
          data-autohide="true" data-delay="3000" data-animation="true">
          <div class="toast-header bg-success text-white">
            <strong class="mr-auto">操作成功</strong>
            <button type="button" class="ml-2 mb-1 close" data-dismiss="toast">&times;</button>
          </div>
          <div class="toast-body">
            操作已成功完成！
          </div>
        </div>
        <div class="row">
          <div class="col-md-12 text-center">

            <!-- <p>Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by</p> -->
          </div>
        </div>
      </div>
      <p style="width: 100%;text-align:center">Copyright © 2025 版权所有 <a
          href="http://beian.miit.gov.cn/">粤ICP备2020101511号</a></p>
		    
			<p style="width: 100%;text-align:center"> 
			<a href="http://my.dnb.com.cn/mydrs/#/duns-company/preview/FA/702317375" target="_blank" style="text-align: center; display: block; margin: 0 auto; width:120px fit-content;">
    <img src="http://cmfn.com.cn/images/dbs.png" alt="邓白氏注册" style="display: block; margin: 0 auto; width:120px">
</a>
			
		  </p>
	
        <script language="JavaScript" src="http://dunsregistered.dnb.com" type="text/javascript"></script>


       
		  
    </footer>


    <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px">
        <circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee" />
        <circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10"
          stroke="#F96D00" /></svg></div>
  </div>
  <script src="http://code.jquery.com/jquery-3.6.0.min.js"></script>
  <!-- <script src="http://www.jq22.com/jquery/jquery-3.3.1.js"></script> -->
  <script src="js/jquery-migrate-3.0.1.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/jquery.waypoints.min.js"></script>
  <script src="js/jquery.stellar.min.js"></script>
  <script src="js/owl.carousel.min.js"></script>
  <script src="js/jquery.magnific-popup.min.js"></script>
  <script src="js/scrollax.min.js"></script>
  <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.15&key=cd81642023571a6269470c1784debfb9">
  </script>
  <script src="js/main.js"></script>
  <script src="http://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-7ymO4nGrkm372HoSbq1OY2DP4pEZnMiA+E0F3zPr+JQQtQ82gQ1HPY3QIVtztVua" crossorigin="anonymous">
  </script>
  <script src="js/jquery.animateNumber.min.js"></script>

  <script src="js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="js/index.js"></script>
  <script type="text/javascript">
    $(function () {
      var mySwiper = new Swiper(".swiper-container", {
        slidesPerView: 4, //默认是显示4个
        initialSlide: 999, //默认从第几个显示，999是为了让右边没有
        spaceBetween: 0, //间距
        speed: 1000, //速度
        prevButton: ".swiper-button-prev", //左右按钮
        nextButton: ".swiper-button-next"
      })
    })
  </script>
  <!-- <script src="js/vue.js"></script> -->
  <!-- <script src="js/el.js"></script> -->




</body>

</html>