<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="Keywords" content="温州鑫固汽摩部件有限公司">
  <meta name="Description" content="温州鑫固汽摩部件有限公司">
  <title>温州鑫固汽摩部件有限公司</title>
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <script src="./js/bootstrap.bundle.min.js"></script>
  <script src="./js/jquery.min.js"></script>
  <link rel="stylesheet" href="./css/nav.css">
  <link href="./css/footer.css" rel="stylesheet" type="text/css">
  <link href="./css/product.css" rel="stylesheet" type="text/css">
  <link href="./css/global.css" rel="stylesheet" type="text/css">
  <script src="./js/feather.js"></script>
  

  <style>
    .bd-placeholder-img {
      font-size: 1.125rem;
      text-anchor: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }
    @media (min-width: 768px) {
      .bd-placeholder-img-lg {
        font-size: 3.5rem;
      }
    }
    @media (max-width: 768px) {
      .carousel-item {
        min-height: 170px;
        height: auto;
      }
    }
  </style>
</head><body>
    <nav class="navbar navbar-expand-md fixed-top">
        <div class="container-fluid">
            <a class="navbar-brand nav-position-img" href="#"><img class="logo-img" src="./images/logo.png" alt=""></a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarCollapse">
                <ul class="navbar-nav me-auto mb-2 mb-md-0 nav-icon justify-content-center ">
                    <li class="nav-item">
                        <a class="nav-link" aria-current="page" href="index.php">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" role="button" href="about.php">关于鑫固</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="product.php">产品展示</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="news.php">新闻资讯</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="contact.php">联系我们</a>
                    </li>
                </ul>
                <ul class="d-flex">
                        <form action="index.php" method="POST">
                            <input type="hidden" value="cn" name="lang">
                            <button type="submit" class="" style="border:none;background-color:transparent;padding:0;">
                                <img src="./images/cn.png" alt="">
                            </button>
                        </form>
                        <form action="index.php" method="POST">
                            <input type="hidden" value="en" name="lang">
                            <button type="submit" class="" style="border:none;background-color:transparent;padding:0;">
                                <img src="./images/en.png" alt="">
                            </button>
                        </form>
                    <div class="space-1"></div>
                </ul>
            </div>
        </div>
    </nav><div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
    <ol class="carousel-indicators">
        <li data-bs-target="#myCarousel" data-bs-slide-to="0" class="active"></li>
        <li data-bs-target="#myCarousel" data-bs-slide-to="1"></li>
        <li data-bs-target="#myCarousel" data-bs-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
        <div class="carousel-item active" data-bs-interval="3000">
            <img src="./images/banner-01.jpg" class="d-block w-100 bd-placeholder-img img-fluid" alt="">
            <div class="container">
                <div class="carousel-caption text-start">
                    <!-- 
                    <h1 style="font-size: 46px;">CORE TECHNOLOGY</h1>
                    <p style="font-size: 26px;">核心成分来自国际知名ZrO2和Pt合金供应商</p>
                    <p>The Core Components is Sourced From International Known Zro2 and Pt Alloy Supplier</p>-->
                    <p><a class="btn btn-lg btn-primary bg-dark" href="product.php" role="button">了解更多</a></p>
                </div>
            </div>  
        </div>
        <div class="carousel-item" data-bs-interval="3000">
            <img src="./images/banner-02.jpg" class="d-block w-100 bd-placeholder-img img-fluid" alt="">
            <div class="container">
                <div class="carousel-caption text-start">
                    <!-- <h1>Core Technology</h1>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    <p></p> -->
                    <p><a class="btn btn-lg btn-primary bg-dark" href="product.php" role="button">了解更多</a></p>
                </div>-->

            </div> 
        </div>
        <div class="carousel-item" data-bs-interval="3000">
            <img src="./images/banner-03.jpg" class="d-block w-100 bd-placeholder-img img-fluid" alt="">
            <div class="container">
                <div class="carousel-caption text-start">
                    <!--  <h1>追求极致</h1>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>-->
                    <p><a class="btn btn-lg btn-primary bg-dark" href="product.php" role="button">了解更多</a></p>
                </div>
            </div> 
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="clearfix"></div>
    <a class="carousel-control-prev" href="#myCarousel" role="button" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
    </a>
    <a class="carousel-control-next" href="#myCarousel" role="button" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </a>
    <div class="clearfix"></div>
</div>
<!-- End of Carousel -->﻿<div class="container-floor">
    <h2>产品中心</h2>
    <h3>PRODUCT CENTER</h3>
    <p>中国已成为世界汽车消费大国，氧传感器又是汽车不可缺少的配件，</p>
    <p>为了节能和防止汽车污染，使得我们对氧传感器推广应用的前景十分乐观，</p>
    <p>并有信心打造出一个属于本土知名而又有影响力的车用传感器的品牌而努力！</p>
    <!-- Three columns of text below the carousel -->
    <div class="row" id="product1">
        <div class="col-lg-3 col-md-3">
            <a href="product.php">
                <img class="img-fluid" src="./images/2_p0_01.jpg" alt="" class="bd-placeholder-img">
                <div class="figure-caption">
                    <h4 class="">开关型氧传感器</h4>
                    <p class="text-center">100%安全检测，产品一致性</br>进口原材料，质量更稳定</p>
                </div>
            </a>
        </div>
        <!-- /.col-lg-4 -->
        <div class="col-lg-3 col-md-3">
            <a href="product.php">
                <img class="img-fluid" src="./images/2_p0_04.jpg" alt="" class="bd-placeholder-img">
                <div class="figure-caption">
                    <h4 class="">极限电流氧传感器</h4>
                    <p class="text-center">160，000KM实车测试寿命</br>500小时发动机台架老化实验</p>
                </div>
            </a>
        </div>
        <!-- /.col-lg-4 -->
        <div class="col-lg-3 col-md-3">
            <a href="product.php">
                <img class="img-fluid" src="./images/2_p0_06.jpg" alt="" class="bd-placeholder-img">
                <div class="figure-caption">
                    <h4 class="">宽域氧传感器系列</h4>
                    <p class="text-center">覆盖超过95%以上的车型</br>产品系列还在持续完善</p>
                </div>
            </a>
        </div>
        <!-- /.col-lg-4 -->
        <div class="col-lg-3 col-md-3">
            <a href="product.php">
                <img class="img-fluid" src="./images/2_p0_07.jpg" alt="" class="bd-placeholder-img">
                <div class="figure-caption">
                    <h4 class="">氮氧传感器系列</h4>
                    <p class="text-center">在保证高性能的前提下，</br>进口原材料，质量更稳定</p>
                </div>
            </a>
        </div>
        <!-- /.col-lg-4 -->
    </div>
    <!-- /.row -->
</div>
<div class="container-fluid">
    <div class="row f1">
        <div class="col-md-6 position-relative">
            <div class="position-absolute top-50 start-50 translate-middle workshop-wrap">
                <img class="img-fluid " src="images/workshop.jpg" alt="">
            </div>
        </div>
        <div class="col-md-1"></div>
        <div class="col-md-4 justify-content-evenly position-relative">
            <div class="position-absolute top-50 start-50 translate-middle workshop-wrap">
                <h1 class="text-end">企业简介</h1>
                <h1 class="text-end">COMPANY PROFILES</h1>
                <p>&nbsp;&nbsp;温州鑫固汽摩部件有限公司，专注研发制作汽车、摩托车氧传感器、氮氧传感器，是氧传感器配套供应商。公司产品系列齐全，可适用于95%汽车及摩托车。公司生产的LSU4.2/LSU4.9/XF/ADV/AF/WIDEBAND产品可完全替换BOSCH、NTK、DELPHI、DENSO全系列产品。
                </p>
                <p>&nbsp;&nbsp;公司研发团队掌握氧传感器核心技术及制造工艺，且在质量控制方面做了有效的措施。开发了具有自主知识产权的检测设备，并持续改进、追求卓越产品品质。出厂100%全检，产品质量获得来自美国、英国、日本、德国、伊朗等众多国际客户的认可。
                </p>
                <p>&nbsp;&nbsp;面前未来，鑫固将基于客户需求，提供完善的产品解决方案，不断创新，成为客户长期稳定的优秀合作伙伴。
                </p>
                <p><a class="btn btn-secondary" href="about.php" role="button">查看详情 &raquo;</a></p>
            </div>
        </div>
        <div class="col-md-1"></div>
    </div>
    <div class="container-fluid">
        <div class="row f2 ">
            <div class="col-md-1"></div>
            <div class="col-md-4 companyCul">
                <div class="upper-left">
                    <div class="translate-y">
                        <h2 class="text-center">企业文化</h2>
                        <h2 class="text-center">Company Culture</h2>
                        <p class="text-center">精湛的技术，严密的工艺，完善的设备，一流的人才，</p>
                        <p class="text-center">优质的服务“以人为本 以质取量”为企业赢得了良好的声誉</p>
                        <p class="text-center"><a class="btn btn-lg btn-primary bg-dark" href="about.php" role="button">了解更多</a></p>
                    </div>
                </div>
                <div class="upper-right">
                    <img src="images/companycul.jpg" alt="">
                    <img src="images/conpanycul2.jpg" alt="">
                    <img src="images/conpanycul3.jpg" alt="">
                </div>
            </div>
            <div class="col-md-6">
                <img class="img-fluid bpics" src="images/aboutus2.jpg" alt="">
            </div>
        </div>
    </div>
</div></main>
<footer>
    <div class="container translate-y">
        <div class="footer-wrap">
            <div class="row">
                <div class="col-md-9 ">
                    <h3 class="ps-5 mt-2 mb-4">温州鑫固汽车部件有限公司</h3>
                    <p class="ps-5">地址：浙江省温州市瑞安市东山街道鸿创园1幢301、302        电话:0577-65222256 </p>
                    <p class="ps-5">传真：0086-577-65203227 QQ: 5103142756 QQ: 1436035363 邮箱:xingu2008@aliyun.com</p>
                    <!-- <h3 class="ps-5 mt-2">WENZHOU XINGU AUTO PARTS CO.LTD</h3>
                    <p class="ps-5">Add:Huayuan Industrial Zone, Tangxia, Rui'an,Zhejiang TEL:0577-65222256 </p>
                    <p class="ps-5">FAX:0577-65203227 M.B:18958800856 QQ: 5103142756 QQ: 1436035363 Email:xingu2008@aliyun.com</p> -->
                </div>
                <div class="col-md-3 d-flex footer-info justify-content-center align-items-center">
                    <img class="qrcode" src="images/QRCode.png" alt="">
                </div>
                <p class="beian" ><span class="ps-5"><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33038102330789">浙公网安备 33038102330789</a></span> <span><a href="http://beian.miit.gov.cn">浙ICP备11049250号-1</a></span></p>
            </div>
        </div>
    </div>
</footer>
<script>
    //复制一个节点
    $('#carousel ul li').eq(0).clone().appendTo('#carousel ul');
    //信号量
    var idx = 0
    // 点击右按钮
    $('#rightbtn').click(function() {
        // 如果ul正在进行动画，则什么也不做
        if ($('#carousel ul').is(':animated')) {
            return;
        }
        idx++;
        // 运用animate函数
        $('#carousel ul').animate({
            'left': -1200 * idx
        }, 800, function() {
            // 回调函数
            if (idx > 4) {
                idx = 0;
                $('#carousel ul').css('left', 0)
            }
        });
        $('#carousel ol li').eq(idx % 5).addClass('cur').siblings().removeClass('cur');

    });
    $('#leftbtn').click(function() {
        if ($('#carousel ul').is(':animated')) {
            return;
        }
        if (idx == 0) {
            idx = 4
            $('#carousel ul').css('left', -529 * 4)
        }
        idx--;
        // 运用animate函数
        $('#carousel ul').animate({
            'left': -529 * idx
        }, 400)
        $('#carousel ol li').eq(idx % 4).addClass('cur').siblings().removeClass('cur');

    });
    // 点击小圆点做的事情
    $('#carousel ol li').click(function () {
        if ($('#carousel ul').is(':animated')) {
            return;
        }
        idx = $(this).index();
        $('#carousel ul').animate({ 'left': -1200 * idx }, 400)
        $('#carousel ol li').eq(idx).addClass('cur').siblings().removeClass('cur');
    });
    var lock = true;
    setInterval(function() {
        if (lock) {
            // 触发右按钮
            $('#rightbtn').trigger('click');
        } else {

        }
    }, 2000)
    // 鼠标碰到大盒子，就关锁
    $('#carousel').mouseenter(function() {
        lock = false;
    });
    // 鼠标离开大盒子，就开锁锁
    $('#carousel').mouseleave(function() {
        lock = true;
    });
</script>
</body>

</html>