<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>流体科技开发（秦皇岛）有限公司</title>
  <meta name="keywords"
    content="智能润滑,流体科技,流体科技开发（秦皇岛）有限公司,轴承,润滑,singllube,SINGLLUBE,singllube注油器,SINGLLUBE注油器,Singllube,SinglLube,SinglLUBE,Lube,国产注油器,自动注油器,智能注油器,云联注油器,注油器,WRZ-00NB,WRZ-T4NB,WRZ-00LR,WRZ-T4LR,SLA-200,SLA-350,SLA-500">
  <meta name="description"
    content="流体科技自主研发的SinglLUBE注油器具有精准润滑、自主运行、即时反馈等功能，内置振动传感器和温度传感器，可检测轴承温度、环境温度、轴承振动等情况，通过手机端小程序、电脑端、中控显示屏反馈检测结果。">

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta content="telephone=no" name="format-detection">
  <link href="assets/images/logoIcon.png" rel="shortcut icon" type="image/x-icon" />

  <!--banner图文字特效-->
  <link href="assets/css/swiper.min.css" rel="stylesheet" media="screen" type="text/css" />
  <link href="assets/css/animate.min.css" rel="stylesheet" media="screen" type="text/css" />
  <script language="javascript" type="text/javascript" src="assets/js/swiper.min.js"></script>
  <!--banner图文字特效-->
  <link href="assets/css/font-awesome.min.css" rel="stylesheet" media="screen" type="text/css" />
  <link href="assets/css/aos.css" rel="stylesheet" media="screen" type="text/css" />
  <link href="assets/css/nav.css" rel="stylesheet" media="screen" type="text/css" />
  <link href="assets/css/singllube.css" rel="stylesheet" media="screen" type="text/css" />
  <link href="assets/css/singllube-h5.css" rel="stylesheet" media="screen" type="text/css" />
  <link href="assets/font/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" media="screen"
    type="text/css" />
  <script language="javascript" type="text/javascript" src="assets/js/jquery-2.1.0.js"></script>
  <script language="javascript" type="text/javascript" src="assets/js/aos.js"></script>
  <script language="javascript" type="text/javascript" src="assets/js/nav.js"></script>
  <!--数字滚动-->
  <script language="javascript" type="text/javascript" src="assets/js/jquery.min.js"></script>
  <script language="javascript" type="text/javascript" src="assets/js/jquery.inview.min.js"></script>
  <script language="javascript" type="text/javascript" src="assets/js/countUp.min.js"></script>
  <!--数字滚动-->
  <script language="javascript" type="text/javascript" src="assets/js/jquery.SuperSlide.2.1.2.js"></script>
  <script language="javascript" type="text/javascript" src="assets/font/iconfont/iconfont.js"></script>
</head>

<body class="drawer drawer--right drawer-close" aos-easing="ease-out-expo" aos-duration="1000" aos-delay="0">
  <!-- header - 顶部功能 -->
  <div class="div1">
    <div id="div2" class="div2">
      <div class="headerwrap">
        <div class="header">
          <!-- 左侧LOGO -->
          <a href="index.html" class="logo">
            <img src="assets/images/index/logo-1_bai.png" class="logo01" alt="流体科技开发（秦皇岛）有限公司">
            <span class="logo01 trademarkWrap" alt="流体科技开发（秦皇岛）有限公司">SinglLUBE</span>
            <!-- <img src="assets/images/index/singllubeLogo_bai.png" class="logo01" alt="流体科技开发（秦皇岛）有限公司"> -->

            <img src="assets/images/index/logo-1.png" class="logo02" alt="流体科技开发（秦皇岛）有限公司">
            <span class="logo02 trademarkWrap2" alt="流体科技开发（秦皇岛）有限公司">
              <span class="trademarkText1">Singl</span><span class="trademarkText2">LUBE</span>
            </span>
            <!-- <img src="assets/images/index/singllubeLogo.png" class="logo02" alt="流体科技开发（秦皇岛）有限公司"> -->
          </a>

          <!-- 右侧菜单 -->
          <ul class="nav">
            <!-- 流体科技 -->
            <li class="nav_topji "><a href="about/index.html" class="nav_1ji">流体科技</a>
              <div class="nav03 about_nav2">
                <!-- 菜单 -->
                <dt class="about_nav2_left">
                  <h6>
                    <span>
                      <a href="about/index.html#mao1">
                        <i>企业简介</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>

                    <span>
                      <a href="about/index.html#mao4">
                        <i>荣誉资质</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>

                    <span>
                      <a href="about/index.html#mao3">
                        <i>企业文化</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>

                    <span>
                      <a href="about/index.html#mao5">
                        <i>社会责任</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>
                  </h6>
                </dt>

                <!-- 图片 -->
                <dt class="about_nav2_right">
                  <img src="assets/images/index/liutikejiMenuPic.jpg">
                </dt>
              </div>
            </li>

            <!-- 产品中心 -->
            <li class="nav_topji "><a href="product/index.html" class="nav_1ji">产品中心</a>
              <div class="nav03 about_nav2">
                <!-- 菜单 -->
                <dt class="about_nav2_left">
                  <h6>
                    <span>
                      <a href="product/200.html">
                        <i>智能注油器</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>

                    <span>
                      <a href="product/201.html">
                        <i>云联注油器</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>

                    <span>
                      <a href="product/202.html">
                        <i>自动注油器</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>

                    <span>
                      <a href="product/204.html">
                        <i>高效灌脂设备</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>
                  </h6>
                </dt>

                <!-- 图片 -->
                <dt class="about_nav2_right">
                  <img src="assets/images/index/chanpinzhongxinMenuPic.jpg">
                </dt>
              </div>
            </li>

            <!-- 解决方案 -->
            <li class="nav_topji "><a href="solution/index.html" class="nav_1ji">解决方案</a>
              <div class="nav03 about_nav2">
                <!-- 菜单 -->
                <dt class="about_nav2_left">
                  <h6>
                    <span>
                      <a href="solution/129.html">
                        <i>能源行业</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>

                    <span>
                      <a href="solution/130.html">
                        <i>化工行业</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>

                    <span>
                      <a href="solution/131.html">
                        <i>冶金行业</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>

                    <span>
                      <a href="solution/132.html">
                        <i>港口行业</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>

                    <span>
                      <a href="solution/133.html">
                        <i>食品行业</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>

                    <span>
                      <a href="solution/134.html">
                        <i>市政行业</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>

                    <span>
                      <a href="solution/135.html">
                        <i>制造行业</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>

                    <span>
                      <a href="solution/136.html">
                        <i>建材行业</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>
                  </h6>
                </dt>

                <!-- 图片 -->
                <dt class="about_nav2_right">
                  <img src="assets/images/index/jiejuefanganMeunPic.jpg">
                </dt>
              </div>
            </li>

            <!-- 润滑学院 -->
            <li class="nav_topji "><a href="instituteintro/index.html" class="nav_1ji">润滑学院</a>
              <div class="nav03 about_nav2">
                <!-- 菜单 -->
                <dt class="about_nav2_left">
                  <h6>
                    <span>
                      <a href="instituteintro/index.html">
                        <i>实验室简介</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>

                    <span>
                      <a href="videoTutorial/index.html">
                        <i>视频教程</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>

                    <span>
                      <a href="download/index.html">
                        <i>资料下载</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>

                    <span>
                      <!-- <a class="isOpenCalculationSoftware" href="https://ltadmin.singllube.com/#/calculationResult" -->
                      <a class="isOpenCalculationSoftware" href="javascript:void(0);">
                        <i>润滑科学计算</i>
                        <img src="assets/images/index/menuIcon.svg" class="nav2_xiangyou">
                      </a>
                    </span>
                  </h6>
                </dt>

                <!-- 图片 -->
                <dt class="about_nav2_right">
                  <img src="assets/images/index/runhuaxueyuanMenuPic.jpg">
                </dt>
              </div>
            </li>

            <!-- 渠道合作 -->
            <li class="nav_topji "><a href="channelCooperation/index.html" class="nav_1ji">渠道合作</a></li>

            <!-- 联系我们 -->
            <li class="nav_topji "><a href="contact/index.html" class="nav_1ji">联系我们</a></li>
          </ul>

          <!-- 设置顶部菜单鼠标悬停样式 -->
          <script type="text/javascript">
            $(document).ready(function () {
              $(".nav_topji").hover(function () {
                $(this).find(".nav03").stop().slideDown(300)
              }, function () {
                $(this).find(".nav03").stop().slideUp(300)
              })
            });
          </script>

          <!-- 流体云 -->
          <div class="right">
            <span></span>
            <!-- 流体云 -->
            <div class="yuyanxuanze">
              <a href="https://cloud.singllube.com" target="_blank">
                <em>
                  <img id="fluidCloudPic" src="assets/images/index/cloudPlatformPic.png" alt="">
                  流体云
                </em>
              </a>
            </div>
          </div>

          <!-- 手机打开菜单图标 -->
          <button type="button" class="drawer-toggle drawer-hamburger">
            <span class="drawer-hamburger-icon"></span>
          </button>

          <!-- 手机端菜单 -->
          <nav class="drawer-nav" role="navigation">
            <ul class="drawer-menu sjMenuWrap">
              <!-- style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);"> -->
              <ul class="drawer-menu">
                <!-- 首页 -->
                <li><a class="drawer-menu-item" href="index.html">首页</a></li>

                <!-- 流体科技 -->
                <li class="drawer-dropdown">
                  <a class="drawer-menu-item" href="about/index.html" data-toggle="dropdown" role="button"
                    aria-expanded="false">流体科技<span class="drawer-caret"></span></a>

                  <ul class="drawer-dropdown-menu">
                    <li><a class="drawer-dropdown-menu-item" href="about/index.html#mao1">企业简介</a></li>
                    <li><a class="drawer-dropdown-menu-item" href="about/index.html#mao4">荣誉资质</a></li>
                    <li><a class="drawer-dropdown-menu-item" href="about/index.html#mao3">企业文化</a></li>
                    <li><a class="drawer-dropdown-menu-item" href="about/index.html#mao5">社会责任</a></li>
                  </ul>

                </li>

                <!-- 产品中心 -->
                <li class="drawer-dropdown">
                  <a class="drawer-menu-item" href="product/index.html" data-toggle="dropdown" role="button"
                    aria-expanded="false">产品中心<span class="drawer-caret"></span></a>

                  <ul class="drawer-dropdown-menu">
                    <li><a class="drawer-dropdown-menu-item" href="product/200.html">智能注油器</a></li>
                    <li><a class="drawer-dropdown-menu-item" href="product/201.html">云联注油器</a></li>
                    <li><a class="drawer-dropdown-menu-item" href="product/202.html">自动注油器</a></li>
                    <li><a class="drawer-dropdown-menu-item" href="product/204.html">高效灌脂设备</a></li>
                  </ul>
                </li>

                <!-- 解决方案 -->
                <li class="drawer-dropdown">
                  <a class="drawer-menu-item" href="solution/index.html" data-toggle="dropdown" role="button"
                    aria-expanded="false">解决方案<span class="drawer-caret"></span></a>

                  <ul class="drawer-dropdown-menu">
                    <li><a class="drawer-dropdown-menu-item" href="solution/129.html">能源行业</a></li>
                    <li><a class="drawer-dropdown-menu-item" href="solution/130.html">化工行业</a></li>
                    <li><a class="drawer-dropdown-menu-item" href="solution/131.html">冶金行业</a></li>
                    <li><a class="drawer-dropdown-menu-item" href="solution/132.html">港口行业</a></li>
                    <li><a class="drawer-dropdown-menu-item" href="solution/133.html">食品行业</a></li>
                    <li><a class="drawer-dropdown-menu-item" href="solution/134.html">市政行业</a></li>
                    <li><a class="drawer-dropdown-menu-item" href="solution/135.html">制造行业</a></li>
                    <li><a class="drawer-dropdown-menu-item" href="solution/136.html">建材行业</a></li>
                  </ul>

                </li>

                <!-- 润滑学院 -->
                <li class="drawer-dropdown">
                  <a class="drawer-menu-item" href="instituteintro/index.html" data-toggle="dropdown" role="button"
                    aria-expanded="false">润滑学院<span class="drawer-caret"></span></a>

                  <ul class="drawer-dropdown-menu">
                    <li><a class="drawer-dropdown-menu-item" href="instituteintro/index.html">实验室简介</a></li>
                    <li><a class="drawer-dropdown-menu-item" href="videoTutorial/index.html">视频教程</a></li>
                    <li><a class="drawer-dropdown-menu-item" href="download/index.html">资料下载</a></li>
                    <!-- <li><a class="drawer-dropdown-menu-item" href="https://ltadmin.singllube.com/#/calculationResult"
                        target="_blank">润滑科学计算</a></li> -->
                    <li><a class="drawer-dropdown-menu-item isOpenCalculationSoftware"
                        href="javascript:void(0);">润滑科学计算</a></li>
                  </ul>

                </li>

                <!-- 渠道合作 -->
                <li><a class="drawer-menu-item" href="channelCooperation/index.html">渠道合作</a></li>

                <!-- 联系我们 -->
                <li><a class="drawer-menu-item" href="contact/index.html">联系我们</a></li>

                <!-- 流体云 -->
                <li>
                  <a class="drawer-menu-item cloudPlatformBtn" href="https://cloud.singllube.com/" target="_blank">
                    <img class="cloudPlatformPic" src="assets/images/index/cloudPlatformPicActive.png" alt=""> 流体云</a>
                </li>
              </ul>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </div>

  <!-- 窗口滚动设置顶部导航样式类名 -->
  <!-- <script type="text/javascript">
    window.onscroll = function () {
      var t = document.documentElement.scrollTop || document.body.scrollTop
      var div2 = document.getElementById("div2")
      if (t >= 200) {
        // div2.className = "div2_1";
        $(".div2").addClass("div2_1")

        $("#fluidCloudPic").attr("src", "assets/images/index/cloudPlatformPicActive.png")
      } else {
        // div2.className = "div2";
        $(".div2").removeClass("div2_1")

        $("#fluidCloudPic").attr("src", "assets/images/index/cloudPlatformPic.png")
      }
    }
  </script> -->

  <!-- bannerwrap - 轮播图 -->
  <div class="bannerwrap">
    <div class="swiper-container swiper-container-initialized swiper-container-horizontal swiper-container-fade">
      <!-- 轮播图内容 -->
      <div class="swiper-wrapper indexSwiperWrap">
        <!--banner1-->
        <div class="swiper-slide zomms" data-swiper-autoplay="5000">
          <!-- 图片内容 -->
          <img src="assets/images/index/indexBanner1.jpg" alt="">

          <!-- 轮播图文字 -->
          <div class="vide0text ban2_txt1">
            <a href="">
              <div>
                <h2 class="ani fadeInUp animated indexBannerH2" swiper-animate-effect="fadeInUp"
                  swiper-animate-duration="0.3s" swiper-animate-delay="0.3s"
                  swiper-animate-style-cache="visibility: hidden;">SinglLUBE</h2>
              </div>
              <h3 class="ani fadeInUp animated indexBannerH3" swiper-animate-effect="fadeInUp"
                swiper-animate-duration="0.3s" swiper-animate-delay="0.3s"
                swiper-animate-style-cache="visibility: hidden;">智润万物 畅滑世界</h3>
              <h4 class="ani fadeInUp animated indexBannerH4" swiper-animate-effect="fadeInUp"
                swiper-animate-duration="0.6s" swiper-animate-delay="0.6s"
                swiper-animate-style-cache="text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px; visibility: hidden;">
                打破没有语言的传统润滑 科技让世界更畅滑</h4>
            </a>
          </div>

          <!-- 底部特点文字 -->
          <div class="ban2_txt2">
            <p class="ani fadeInUp animated indexBannerBottomTD" swiper-animate-effect="fadeInUp"
              swiper-animate-duration="0.6s" swiper-animate-delay="0.6s">
              智能化 | 数字化 | 轻量化 | 低维护| 低成本 |防尘防水防爆 | 耐磨损 | 耐腐蚀</p>
          </div>
        </div>
        <!--banner2-->
        <div class="swiper-slide zomms" data-swiper-autoplay="5000">
          <!-- 图片内容 -->
          <img src="assets/images/index/indexBanner2.jpg" alt="">

          <!-- 轮播图文字 -->
          <div class="vide0text ban2_txt1">
            <a href="">
              <h3 class="ani fadeInUp animated indexBannerH3" swiper-animate-effect="fadeInUp"
                swiper-animate-duration="0.3s" swiper-animate-delay="0.3s"
                swiper-animate-style-cache="visibility: hidden;">数智化升级</h3>
              <h4 class="ani fadeInUp animated indexBannerH3" swiper-animate-effect="fadeInUp"
                swiper-animate-duration="0.3s" swiper-animate-delay="0.3s"
                swiper-animate-style-cache="visibility: hidden;">立足智能注油器和数字化平台的研发与制造，以科技赋能产业转型升级</h4>
              <h4 class="ani fadeInUp animated indexBannerH3" swiper-animate-effect="fadeInUp"
                swiper-animate-duration="0.3s" swiper-animate-delay="0.3s"
                swiper-animate-style-cache="visibility: hidden;">聚焦客户关注，创造可持续的价值，智润未来</h4>
            </a>
          </div>

          <!-- 底部特点文字 -->
          <div class="ban2_txt2">
            <p class="ani fadeInUp animated indexBannerBottomTD" swiper-animate-effect="fadeInUp"
              swiper-animate-duration="0.6s" swiper-animate-delay="0.6s">
              智能化 | 数字化 | 轻量化 | 低维护| 低成本 |防尘防水防爆 | 耐磨损 | 耐腐蚀</p>
          </div>
        </div>
        <!--banner3-->
        <div class="swiper-slide zomms" data-swiper-autoplay="5000">
          <!-- 图片内容 -->
          <img src="assets/images/index/indexBanner3.jpg" alt="">

          <!-- 轮播图文字 -->
          <div class="vide0text ban3_txt1">
            <a href="">
              <div>
                <h2 class="ani fadeInUp animated indexBannerH2" swiper-animate-effect="fadeInUp"
                  swiper-animate-duration="0.3s" swiper-animate-delay="0.3s"
                  swiper-animate-style-cache="visibility: hidden;">新质生产力</h2>
              </div>
              <h3 class="ani fadeInUp animated indexBannerH3" swiper-animate-effect="fadeInUp"
                swiper-animate-duration="0.3s" swiper-animate-delay="0.3s"
                swiper-animate-style-cache="visibility: hidden;">智能化润滑为实现高效节能提供可靠支撑</h3>
              <p class="ani fadeInUp animated indexBannerTextP" swiper-animate-effect="fadeInUp"
                swiper-animate-duration="0.6s" swiper-animate-delay="0.6s"
                swiper-animate-style-cache="text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px; visibility: hidden;">
                更精准、更安全、减少维护成本……</p>
              <p class="ani fadeInUp animated indexBannerTextP" swiper-animate-effect="fadeInUp"
                swiper-animate-duration="0.6s" swiper-animate-delay="0.6s"
                swiper-animate-style-cache="text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px; visibility: hidden;">
                助力润滑行业智能升级，从根源上缓解工业润滑管理焦虑，同步工业新时代</p>
            </a>
          </div>

          <!-- 底部特点文字 -->
          <div class="ban2_txt2">
            <p class="ani fadeInUp animated indexBannerBottomTD" swiper-animate-effect="fadeInUp"
              swiper-animate-duration="0.6s" swiper-animate-delay="0.6s">
              智能化 | 数字化 | 轻量化 | 低维护| 低成本 |防尘防水防爆 | 耐磨损 | 耐腐蚀</p>
          </div>
        </div>

      </div>
      <!-- Add Pagination - 指示器 -->
      <div class="swiper-pagination"></div>
      <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
    </div>

    <style type="text/css">
      .zomms img {
        transition: all 6s;
        transform: scale(1.1);
      }
    </style>
  </div>

  <!-- 产品中心 -->
  <div class="index_pro" aos="fade-up" aos-easing="ease">
    <!-- 顶部标题 -->
    <div class="index_tit index_pro_tit_90">
      <div class="index_pro_tit_left">
        <h3 class="shouye_title">产品中心</h3>
      </div>
      <div class="clearBothDiv"></div>
    </div>

    <!-- 产品内容 -->
    <div class="inpro_bk aos-init">
      <div class="swiper-container">
        <!-- 产品内容 -->
        <ul class="index_pro_ul swiper-wrapper">
          <!-- 智能注油器 -->
          <li class="index_pro1 swiper-slide">
            <a href="product/200.html">
              <div class="inpro_bk_li_img">
                <img class="indexzhinengzhuyouqiPic" src="assets/images/chanpinzhongxin/NB1.png">
              </div>

              <h4>智能注油器</h4>
            </a>
          </li>

          <!-- 云联注油器 -->
          <li class="index_pro1 swiper-slide">
            <a href="product/201.html">
              <div class="inpro_bk_li_img">
                <img class="indexzhinengzhuyouqiPic" src="assets/images/chanpinzhongxin/Clodu.png">
              </div>

              <h4>云联注油器</h4>
            </a>
          </li>

          <!-- 自动注油器 -->
          <li class="index_pro1 swiper-slide">
            <a href="product/202.html">
              <div class="inpro_bk_li_img">
                <img class="indexzhinengzhuyouqiPic" src="assets/images/chanpinzhongxin/AUTO.png">
              </div>

              <h4>自动注油器</h4>
            </a>
          </li>

          <!-- 高效灌脂设备 -->
          <li class="index_pro1 swiper-slide">
            <a href="product/204.html">
              <div class="inpro_bk_li_img">
                <img class="indexgaoxiaoguanzhiPic" src="assets/images/chanpinzhongxin/greasePouringDevices.png">
              </div>

              <h4>高效灌脂设备</h4>
            </a>
          </li>
        </ul>

        <!-- 指示器 -->
        <div class="swiper-pagination"></div>
      </div>
      <div class="clearBothDiv"></div>
    </div>

    <!-- 更多产品 -->
    <div class="index_pro_more">
      <a href="product/index.html">
        <!-- <img src="assets/images/index/zhoucheng_lan.svg" class="zhoucheng">
        <img src="assets/images/index/zhoucheng_bai.svg" class="zhoucheng1">
        <span>更多产品</span> -->
        <img src="assets/images/index/morePic1.png" class="zhoucheng">
        <img src="assets/images/index/morePic2.png" class="zhoucheng1">
      </a>
    </div>
  </div>

  <!-- 解决方案 / 企业简介 / 润滑学院 / 新闻中心 / 可持续发展与社会责任 / 招贤纳士 -->
  <div class="indexwrap">
    <!-- 解决方案 -->
    <div class="index05wrap pc_indexhyyy">
      <div class="s1_c">
        <!-- 文字内容和图片 -->
        <div class="bd" data-wow-delay="0.5s">
          <!-- 能源行业 -->
          <div class="s1_ci indexnengyuanhangyeWrap">
            <div class="g-in" aos="fade-left" aos-easing="ease">
              <div class="s1_cia aos-init aos-animate">能源行业解决方案</div>
              <div class="s1_cib aos-init aos-animate">
                随着能源工业的快速发展，对智能化、自动化、高效化的需求日益迫切。能源设备的高效稳定运行直接关系到能源供应的稳定和安全，而润滑作为设备维护的关键环节，其智能化管理显得尤为重要。智能化设备能够实时监测设备状态，优化运行参数，减少能源浪费，提高设备整体运行效率。SinglLUBE注油器通过精准控制润滑量和润滑时间，确保设备处于优质润滑状态，从而提高设备运行效率，降低了维护成本和环境污染，为能源工业的智能化、绿色化发展提供了有力支持。
              </div>
              <div class="s1_more aos-init aos-animate"><a href="solution/129.html">查看更多</a></div>
            </div>
          </div>

          <!-- 化工行业 -->
          <div class="s1_ci indexhuagonghangyeWrap">
            <div class="g-in" aos="fade-left" aos-easing="ease">
              <div class="s1_cia aos-init aos-animate">化工行业解决方案</div>
              <div class="s1_cib aos-init aos-animate">
                随着化工行业的快速发展，设备种类日益繁多，工况条件愈发复杂，对设备运行的稳定性、高效性和安全性提出了更高要求。同时，化工行业也面临着降本增效、绿色转型的迫切需求，力求在激烈的市场竞争中保持领先地位。SinglLUBE智能注油器以其精准的润滑控制系统和智能化的管理功能，有效满足了化工行业对设备维护的严苛要求，确保设备在极端条件下也能得到充分的润滑保护，从而延长设备使用寿命，提高生产效率。
              </div>
              <div class="s1_more aos-init aos-animate"><a href="solution/130.html">查看更多</a></div>
            </div>
          </div>

          <!-- 冶金行业 -->
          <div class="s1_ci indexyejinhangyeWrap">
            <div class="g-in" aos="fade-left" aos-easing="ease">
              <div class="s1_cia aos-init aos-animate">冶金行业解决方案</div>
              <div class="s1_cib aos-init aos-animate">
                伴随全球经济的复苏和新兴市场的崛起，冶金行业正面临着前所未有的发展机遇与挑战。冶金技术的不断创新与进步，对设备的运行效率、稳定性和维护成本提出了更高要求。环保法规的日益严格和市场竞争的加剧，促使冶金企业寻求更加高效、环保的设备维护解决方案。SinglLUBE智能注油器通过精准控制润滑剂的供给，确保了冶金设备在极端高温、高压等恶劣环境下的持续润滑，有效延长了设备使用寿命，提高了生产效率。智能化管理功能减少了人工干预，降低了因润滑不当导致的设备故障率，符合冶金行业绿色生产的发展趋势。
              </div>
              <div class="s1_more aos-init aos-animate"><a href="solution/131.html">查看更多</a></div>
            </div>
          </div>

          <!-- 港口行业 -->
          <div class="s1_ci indexgangkouhangyeWrap">
            <div class="g-in" aos="fade-left" aos-easing="ease">
              <div class="s1_cia aos-init aos-animate">港口行业解决方案</div>
              <div class="s1_cib aos-init aos-animate">
                港口作为连接世界的桥梁，日夜不息地吞吐着货物，随着现代物流的发展，港口码头日益繁忙，钢铁巨擘日复一日重载运行。但港口工作环境粉尘、水分含量高，润滑剂很容易污染劣化，企业普遍面临润滑剂消耗量大、设备检修任务繁重、备件成本高、换油作业难度大的难题。SinglLUBE智能注油器在港口领域的应用，精准对接了港口行业对设备高效、稳定、长寿命运行的迫切需求。提升了港口运营的整体效益。对于保障港口设备稳定运行、提升港口运营效率、促进港口行业绿色发展具有重要意义。
              </div>
              <div class="s1_more aos-init aos-animate"><a href="solution/132.html">查看更多</a></div>
            </div>
          </div>

          <!-- 食品行业 -->
          <div class="s1_ci indexshipinhangyeWrap">
            <div class="g-in" aos="fade-left" aos-easing="ease">
              <div class="s1_cia aos-init aos-animate">食品行业解决方案</div>
              <div class="s1_cib aos-init aos-animate">
                随着消费者对食品安全和质量的关注度不断提高，食品生产企业对设备维护的要求也日益严格。食品行业产品种类繁多，生产自动化程度高，对设备运行的稳定性和可靠性要求极高。SinglLUBE注油器的智能化管理功能，能够实现远程监控和数据分析，及时预警潜在的润滑问题，减少人工干预，提高设备维护效率，确保食品生产的连续性和稳定性。同时，其易于清洁和维护的设计，符合食品行业对卫生要求极为严格的标准，保障了食品的卫生安全。
              </div>
              <div class="s1_more aos-init aos-animate"><a href="solution/133.html">查看更多</a></div>
            </div>
          </div>

          <!-- 市政行业 -->
          <div class="s1_ci indexshizhenghangyeWrap">
            <div class="g-in" aos="fade-left" aos-easing="ease">
              <div class="s1_cia aos-init aos-animate">市政行业解决方案</div>
              <div class="s1_cib aos-init aos-animate">
                我国智慧城市正在加快建设，市政行业面临着前所未有的发展机遇与挑战。随着城市基础设施不断完善和升级，对市政设备的运行效率、稳定性和维护成本提出了更高要求。同时公众对城市生活质量的期望日益提升，对市政设施的智能化、绿色化、人性化服务需求也日益迫切。SinglLUBE注油器作为智慧市政建设的一部分，有助于实现市政设施的智能化管理，提升城市基础设施的智能化水平，更好地满足公众对高效、便捷、舒适城市生活的需求。
              </div>
              <div class="s1_more aos-init aos-animate"><a href="solution/134.html">查看更多</a></div>
            </div>
          </div>

          <!-- 制造行业 -->
          <div class="s1_ci indexzhizaohangyeWrap">
            <div class="g-in" aos="fade-left" aos-easing="ease">
              <div class="s1_cia aos-init aos-animate">制造行业解决方案</div>
              <div class="s1_cib aos-init aos-animate">
                在工业生产中机械作为重要的工具和设备，发挥着至关重要的作用。SinglLUBE注油器作为一种创新的润滑管理解决方案，通过其精准的润滑控制系统，有效减少了设备因润滑不足或过量而产生的磨损，延长了设备的使用寿命，显著降低了因润滑不当导致的设备故障率，是推动制造行业智能化转型、促进制造业高质量发展的有力助手，为制造企业的可持续发展奠定了坚实的基础。
              </div>
              <div class="s1_more aos-init aos-animate"><a href="solution/135.html">查看更多</a></div>
            </div>
          </div>

          <!-- 建材行业 -->
          <div class="s1_ci indexjiancaihangyeWrap">
            <div class="g-in" aos="fade-left" aos-easing="ease">
              <div class="s1_cia aos-init aos-animate">建材行业解决方案</div>
              <div class="s1_cib aos-init aos-animate">
                建材行业作为国民经济的重点之一，其产品种类繁多，生产流程复杂多变，设备负荷高，同时面临着日益严格的环保节能要求和激烈的市场竞争，技术创新层出不穷的现状。近年来建材行业更是向绿色化、智能化方向加速转型，对设备的智能化管理、节能减排和环保性能提出了更高、更苛刻的要求。SinglLUBE注油器凭借其先进的实时监测技术、准确的问题预警能力、显著的能耗降低效果以及润滑油消耗的减少等优势，助力建材企业提升生产管理的智能化水平，完全符合绿色生产的发展要求，有效降低设备维护成本，进一步增强企业的市场竞争力。
              </div>
              <div class="s1_more aos-init aos-animate"><a href="solution/136.html">查看更多</a></div>
            </div>
          </div>
        </div>

        <!-- 底部钢琴键切换 -->
        <div class="hd jjfanganswp">
          <div class="g-in swiper-container">
            <ul class="clearfix swiper-wrapper">
              <!-- 能源行业 -->
              <li class="on swiper-slide">
                <div class="s1_chb">
                  <img src="assets/images/jiejuefangan/nengyuanIconPic.png">
                  <span>能源行业</span>
                </div>
              </li>

              <!-- 化工行业 -->
              <li class="on swiper-slide">
                <div class="s1_chb">
                  <img src="assets/images/jiejuefangan/huagongIconPic.png">
                  <span>化工行业</span>
                </div>
              </li>

              <!-- 冶金行业 -->
              <li class="on swiper-slide">
                <div class="s1_chb">
                  <img src="assets/images/jiejuefangan/yejinIconPic.png">
                  <span>冶金行业</span>
                </div>
              </li>

              <!-- 港口行业 -->
              <li class="on swiper-slide">
                <div class="s1_chb">
                  <img src="assets/images/jiejuefangan/gangkouIconPic.png">
                  <span>港口行业</span>
                </div>
              </li>

              <!-- 食品行业 -->
              <li class="on swiper-slide">
                <div class="s1_chb">
                  <img src="assets/images/jiejuefangan/shipinIconPic.png">
                  <span>食品行业</span>
                </div>
              </li>

              <!-- 市政行业 -->
              <li class="on swiper-slide">
                <div class="s1_chb">
                  <img src="assets/images/jiejuefangan/shizhengIconPic.png">
                  <span>市政行业</span>
                </div>
              </li>

              <!-- 制造行业 -->
              <li class="on swiper-slide">
                <div class="s1_chb">
                  <img src="assets/images/jiejuefangan/zhizaoIconPic.png">
                  <span>制造行业</span>
                </div>
              </li>

              <!-- 建材行业 -->
              <li class="on swiper-slide">
                <div class="s1_chb">
                  <img src="assets/images/jiejuefangan/jiancaiIconPic.png">
                  <span>建材行业</span>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>

      <script type="text/javascript">
        jQuery(".s1_c").slide({ effect: "left" });
      </script>
    </div>

    <!-- 企业简介 -->
    <div class="index4wrap indexqiyejianjieWrap">
      <!-- style="background:#fafbfc url(assets/images/index/qiyejianjieback.png) no-repeat;background-size: 100% 100%;"> -->

      <!-- title -->
      <div class="index_about_tit">
        <h3 class="shouye_title" aos="fade-up" aos-easing="ease">企业简介</h3>
      </div>

      <!-- 企业简介和企业图片 -->
      <div class="index_about_cont">
        <!-- 简介文字 -->
        <div class="index_about_cont_left" aos="fade-right" aos-easing="ease">
          <!-- logo -->
          <img src="assets/images/index/logo-1.png" class="ind_abt_logo">

          <!-- 简介 -->
          <div class="index_about_cont_left_wz">
            <p>
              流体科技开发（秦皇岛）有限公司是一家掌握润滑领域核心技术的科技创新型合资企业。公司致力于智能润滑系统的研发、制造及服务，为企业提供更加安全精准的全面数智化润滑管理方案。 公司拥有一支超四十年专业经验并参与编制国家标准、行业标准的创新技术团队，汇聚海内外专业技术人才，自主研发了集轴承运行检测、自主润滑、数据反馈于一体的云智能润滑新模式，荣获国家发明专利【专利号：ZL202211186122.5】等多项专利认证...
            </p>
          </div>

          <!-- 查看更多 -->
          <div class="index_pro_more">
            <a href="about/index.html">
              <!-- <img src="assets/images/index/zhoucheng_lan.svg" class="zhoucheng">
              <img src="assets/images/index/zhoucheng_bai.svg" class="zhoucheng1">
              <span>查看更多</span> -->
              <img src="assets/images/index/morePic1.png" class="zhoucheng">
              <img src="assets/images/index/morePic2.png" class="zhoucheng1">
            </a>
          </div>
        </div>

        <!-- 企业图片 -->
        <div class="index_about_cont_rig" aos="fade-left" aos-easing="ease">
          <svg width="100%" height="100%" viewBox="0 0 1049 628">
            <defs>
              <clipPath id="clipPath">
                <path class="st0"
                  d="M1047.2,627.8H36.9c-20.3,0-36.7-16.4-36.7-36.7L67.7,72.5c5.3-41,40.2-71.7,81.6-71.7h897.9V627.8z">
                </path>
              </clipPath>
            </defs>
            <image class="wow g_fadein3 indexqiyetupianPic" xlink:href="assets/images/index/qiyejianjiePic.jpg" x="0"
              y="0" height="100%" width="100%" clip-path="url(#clipPath)"></image>
          </svg>
        </div>

        <!-- 手机端查看更多 -->
        <div class="sj_index_about_more">
          <div class="index_pro_more">
            <a href="about/index.htm">
              <!-- <img src="assets/images/index/zhoucheng_lan.svg" class="zhoucheng">
              <img src="assets/images/index/zhoucheng_bai.svg" class="zhoucheng1">
              <span>查看更多</span> -->
              <img src="assets/images/index/morePic1.png" class="zhoucheng">
              <img src="assets/images/index/morePic2.png" class="zhoucheng1">
            </a>
          </div>
        </div>
      </div>

      <!-- 简介下方四项特点 -->
      <div class="index4wrap_contrig nums aos-init" aos="fade-up" aos-easing="ease">
        <ul class="clearfix">
          <!-- 知识产权 -->
          <li>
            <a class="mun_top">
              <span class="shuzi num timer count-title" id="num1 count-number" data-to="发明专利"
                data-speed="2500">发明专利</span>
              <p>知识产权</p>
            </a>
          </li>

          <!-- 研发团队 -->
          <li>
            <a class="mun_top">
              <span class="shuzi num timer timer01 count-title" id="num2 count-number" data-to="42"
                data-speed="2500">42</span><span class="shuzi_span1">%</span>
              <p>研发团队</p>
            </a>
          </li>

          <!-- 注册资金 -->
          <li>
            <a class="mun_top">
              <span class="shuzi num timer timer01 count-title" id="num3 count-number" data-to="2240"
                data-speed="2500">2240</span><span class="shuzi_span1">万</span>
              <p>注册资金</p>
            </a>
          </li>

          <!-- 年产量 -->
          <li>
            <a class="mun_top">
              <span class="shuzi num timer timer01 count-title" id="num4 count-number" data-to="30000"
                data-speed="2500">30000</span><span class="shuzi_span1">+</span>
              <p>年产量</p>
            </a>
          </li>
        </ul>
      </div>

      <script type="text/javascript">
        $(function () {
          //窗口显示才加载
          var wrapTop01 = $(".index4wrap_contrig").offset().top
          var istrue = true
          $(window).on("scroll",
            function () {
              var s = $(window).scrollTop()
              if (s > wrapTop01 - 500 && istrue) {
                $(".timer01").each(count)

                function count (a) {
                  var b = $(this)
                  a = $.extend({},
                    a || {},
                    b.data("countToOptions") || {})
                  b.countTo(a)
                };
                istrue = false
              };
            })
          //设置计数
          $.fn.countTo = function (options) {
            options = options || {}
            return $(this).each(function () {
              //当前元素的选项
              var settings = $.extend({}, $.fn.countTo.defaults, {
                from: $(this).data('from'),
                to: $(this).data('to'),
                speed: $(this).data('speed'),
                refreshInterval: $(this).data('refresh-interval'),
                decimals: $(this).data('decimals')
              }, options)
              //更新值
              var loops = Math.ceil(settings.speed / settings.refreshInterval),
                increment = (settings.to - settings.from) / loops
              //更改应用和变量
              var self = this,
                $self = $(this),
                loopCount = 0,
                value = settings.from,
                data = $self.data('countTo') || {}
              $self.data('countTo', data)
              //如果有间断，找到并清除
              if (data.interval) {
                clearInterval(data.interval)
              };
              data.interval = setInterval(updateTimer, settings.refreshInterval)
              //初始化起始值
              render(value)

              function updateTimer () {
                value += increment
                loopCount++
                render(value)
                if (typeof (settings.onUpdate) == 'function') {
                  settings.onUpdate.call(self, value)
                }
                if (loopCount >= loops) {
                  //移出间隔
                  $self.removeData('countTo')
                  clearInterval(data.interval)
                  value = settings.to
                  if (typeof (settings.onComplete) == 'function') {
                    settings.onComplete.call(self, value)
                  }
                }
              }

              function render (value) {
                var formattedValue = settings.formatter.call(self, value, settings)
                $self.html(formattedValue)
              }
            })
          }
          $.fn.countTo.defaults = {
            from: 0, //数字开始的值
            to: 0, //数字结束的值
            speed: 1000, //设置步长的时间
            refreshInterval: 100, //隔间值
            decimals: 0, //显示小位数
            formatter: formatter, //渲染之前格式化
            onUpdate: null, //每次更新前的回调方法
            onComplete: null //完成更新的回调方法
          }

          function formatter (value, settings) {
            return value.toFixed(settings.decimals)
          }
          //自定义格式
          $('#count-number').data('countToOptions', {
            formmatter: function (value, options) {
              return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',')
            }
          })
          //定时器
          $('.timer01').each(count)

          function count (options) {
            var $this = $(this)
            options = $.extend({}, options || {}, $this.data('countToOptions') || {})
            $this.countTo(options)
          }
        })
      </script>

    </div>

    <!-- 润滑学院 -->
    <div class="index5wrap">
      <!-- 标题和介绍 -->
      <div class="index5wrap_90">
        <!-- title -->
        <div class="index_keyan_tit">
          <h3 class="shouye_title" aos="fade-up" aos-easing="ease">润滑学院</h3>
        </div>

        <!-- 文字介绍 -->
        <div class="index_keyan_rig" aos="fade-left" aos-easing="ease">
          <p>数智化的洪流正席卷着每一个亟待变革的领域，流体科技拥有行业内出色的创新团队，以“服务国家发展战略、引领行业发展”为宗旨，匠心打造高品质产品。确保每一环节都彰显高质量的品质控制。</p>

          <div class="index_pro_more">
            <a href="instituteintro/index.html">
              <!-- <img src="assets/images/index/zhoucheng_lan.svg" class="zhoucheng">
              <img src="assets/images/index/zhoucheng_bai.svg" class="zhoucheng1">
              <span>查看更多</span> -->
              <img src="assets/images/index/morePic1.png" class="zhoucheng">
              <img src="assets/images/index/morePic2.png" class="zhoucheng1">
            </a>
          </div>
        </div>
      </div>

      <div class="clearBothDiv"></div>
      <!--keyan-实验室-->
      <div class="index_keyan_swiper">
        <div class="swiper-container">
          <!-- 轮播内容 -->
          <div class="swiper-wrapper">

            <div class="swiper-slide">
              <img src="assets/images/runhuaxueyuan/shiyanshijianjie/index4.jpg">
              <!-- <div class="box">
                <dl>
                  <dt>xxx<i>xxx</i></dt>
                  <dd>xxx</dd>
                </dl>
              </div> -->
            </div>

            <div class="swiper-slide">
              <img src="assets/images/runhuaxueyuan/shiyanshijianjie/index1.jpg">
              <!-- <div class="box">
                <dl>
                  <dt>xxx<i>xxx</i></dt>
                  <dd>xxx</dd>
                </dl>
              </div> -->
            </div>

            <div class="swiper-slide">
              <img src="assets/images/runhuaxueyuan/shiyanshijianjie/index3.jpg">
              <!-- <div class="box">
                <dl>
                  <dt>xxx<i>xxx</i></dt>
                  <dd>xxx</dd>
                </dl>
              </div> -->
            </div>

            <div class="swiper-slide">
              <img src="assets/images/runhuaxueyuan/shiyanshijianjie/index2.jpg">
              <!-- <div class="box">
                <dl>
                  <dt>xxx<i>xxx</i></dt>
                  <dd>xxx</dd>
                </dl>
              </div> -->
            </div>

          </div>

          <!-- Add Pagination - 指示器 -->
          <div class="swiper-pagination"></div>
        </div>
      </div>
      <!--keyan-实验室-->
    </div>

    <!-- 新闻中心 -->
    <div class="index09wrap">
      <div class="bltindexnews">
        <!-- title -->
        <div class="index_new_tit">
          <h3 class="shouye_title" aos="fade-up" aos-easing="ease">新闻中心</h3>
        </div>

        <!-- 新闻分类 -->
        <div class="index_new_tit_2">
          <ul aos="fade-up" aos-easing="ease">
            <li class="index_new_tit_2fbt"><a></a></li>

          </ul>
        </div>

        <!-- 新闻内容 -->
        <div class="index_new_cont">
          <!-- 左侧第一条大图新闻 -->
          <div class="left aos-init aos-animate" id="indexNewLeftContent" aos="fade-right" aos-easing="ease">
            <!-- <a href="xxx" target="_blank">
              <p class="index_new_left_pbg">
                <img src="xxx">
                <span class="bltindexnewstime">xxx</span>
              </p>
              <dd>
                <h3>xxx</h3>
                <h4>xxx</h4>
              </dd>
            </a> -->
          </div>

          <!-- 右侧新闻列表 -->
          <div class="right aos-init" id="indexNewRightContent" aos="fade-left" aos-easing="ease">

            <!-- <a href="xxx" target="_blank">
              <p class="index_new_left_pbg">
                <img src="xxx">
                <span class="bltindexnewsrigtime">xxx</span>
              </p>
              <dd>
                <h3>xxx</h3>
                <h4>xxx</h4>
                <p class="newsmore"><span>查看详情</span>
                  <font class="fa fa-angle-double-right"></font>
                </p>
              </dd>
            </a>

            <a href="xxx" target="_blank">
              <p class="index_new_left_pbg">
                <img src="xxx">
                <span class="bltindexnewsrigtime">xxx</span>
              </p>
              <dd>
                <h3>xxx</h3>
                <h4>xxx</h4>
                <p class="newsmore"><span>查看详情</span>
                  <font class="fa fa-angle-double-right"></font>
                </p>
              </dd>
            </a>

            <a href="xxx" target="_blank">
              <p class="index_new_left_pbg">
                <img src="xxx">
                <span class="bltindexnewsrigtime">xxx</span>
              </p>
              <dd>
                <h3>xxx</h3>
                <h4>xxx</h4>
                <p class="newsmore"><span>查看详情</span>
                  <font class="fa fa-angle-double-right"></font>
                </p>
              </dd>
            </a> -->
          </div>

          <div class="clearBothDiv"></div>
        </div>

        <!-- 更多 -->
        <div class="index_pro_more">
          <a href="news/index.html">
            <!-- <img src="assets/images/index/zhoucheng_lan.svg" class="zhoucheng">
            <img src="assets/images/index/zhoucheng_bai.svg" class="zhoucheng1">
            <span>更多新闻</span> -->
            <img src="assets/images/index/morePic1.png" class="zhoucheng">
            <img src="assets/images/index/morePic2.png" class="zhoucheng1">
          </a>
        </div>

      </div>

      <!-- 获取新闻列表 -->
      <script type="text/javascript">
        function getNewsList () {
          // 接口请求
          $.ajax({
            // url: 'http://localhost:3009/news/data/getNewsList', // 请求的URL
            url: `${window.location.protocol == 'http:' ? 'http:' : 'https:'}//www.singllube.com/api/news/data/getNewsList`, // 请求的URL
            method: 'post', // 请求方法，可以是GET、POST等
            contentType: 'application/json; charset=UTF-8',
            data: JSON.stringify({
              pageNum: 1,
              pageSize: 4,
              field: "",
              order: "",
              data: {
                newsType: 1,
                newState: 1,
              }
            }),
            success: function (res) {
              // console.log(res)

              // 请求成功时的回调函数
              if (res.code == 200) {
                $('#indexNewLeftContent').empty()
                $('#indexNewRightContent').empty()

                // 渲染数据
                if (res.data.list.length > 0) {
                  for (let i = 0; i < res.data.list.length; i++) {
                    // 渲染首页左侧大图
                    if (i == 0) {
                      let newsItem = `<a href="https://mp.weixin.qq.com${res.data.list[i].newFileUrl}" target="_blank">
                                        <p class="index_new_left_pbg">
                                          <img src="https://www.singllube.com${res.data.list[i].newsIcon}">
                                          <span class="bltindexnewstime"></span>
                                        </p>
                                        <dd>
                                          <h3>${res.data.list[i].newsTitle}</h3>
                                        </dd>
                                      </a>`

                      $('#indexNewLeftContent').append(newsItem)
                    } else if (i < 4) {
                      // 渲染首页右侧小图
                      let newsItem = `<a href="https://mp.weixin.qq.com${res.data.list[i].newFileUrl}" target="_blank">
                                        <p class="index_new_left_pbg">
                                          <img src="https://www.singllube.com${res.data.list[i].newsIcon}">
                                          <span class="bltindexnewsrigtime"></span>
                                        </p>
                                        <dd>
                                          <h3>${res.data.list[i].newsTitle}</h3>
                                          <p class="newsmore"><span>查看详情</span></p>
                                        </dd>
                                      </a>`

                      $('#indexNewRightContent').append(newsItem)
                    }
                  }
                } else {
                  // 无数据
                  let newsItem = ""
                  $('#indexNewLeftContent').append(newsItem)
                  $('#indexNewRightContent').append(newsItem)
                }

              } else {
                let newsItem = ""
                $('#indexNewLeftContent').append(newsItem)
                $('#indexNewRightContent').append(newsItem)
              }
            },
            error: function (xhr, status, error) {
              // 请求失败时的回调函数
              console.error(error)
            }
          })
        }

        getNewsList()
      </script>
    </div>

    <!--可持续发展与社会责任-->
    <div class="index_ecs">
      <!-- 悬浮切换logo -->
      <div class="section4_tan tan_act aos-init aos-animate" aos="zoom-in">
        <img src="assets/images/index/kechixulogo.jpg" class="pCenter" alt="">
      </div>

      <!-- 内容 -->
      <div class="index_ecs_bkct indexecsWrap">
        <div class="index_ecs_cont">
          <h4>可持续发展与社会责任</h4>
          <p>我们秉承绿色发展理念，以可持续发展为坚实基石，致力于促进经济与环境的和谐共生，推动双赢发展，通过不断创新与实践，积极履行企业社会责任，全力以赴为双碳目标的实现贡献力量，共筑一个美好、绿色、和谐的家园。</p>

          <div class="index_pro_more indexecspromore">
            <a href="javascript:void(0);"></a>
          </div>
        </div>
      </div>
    </div>

    <!-- 招贤纳士 -->
    <div class="index_job">
      <div class="index_job_90">
        <div class="index_job_90_cont" aos="fade-up" aos-easing="ease">
          <h3 class="shouye_title">招贤纳士</h3>
          <p class="index_job_90_cont_p">我们致力于为每一位员工搭建起职业发展的成长阶梯，激发员工潜能，实现个人与公司共同进步、共同发展，共创辉煌未来。</p>

          <!-- 查看更多 -->
          <div class="index_pro_more">
            <a href="talentRecruitment/index.html">
              <!-- <img src="assets/images/index/zhoucheng_lan.svg" class="zhoucheng">
              <img src="assets/images/index/zhoucheng_bai.svg" class="zhoucheng1">
              <span>查看更多</span> -->
              <img src="assets/images/index/morePic2.png" class="zhoucheng">
              <img src="assets/images/index/morePic2.png" class="zhoucheng1">
            </a>
          </div>

        </div>
      </div>
    </div>

  </div>

  <!-- footer - 底部功能 -->
  <div class="footerwrap">
    <!-- 底部菜单 -->
    <div class="footer02">
      <!-- LOGO -->
      <div class="footer02_logo">
        <img src="assets/images/index/logo-1_bai.png">
        <span class="footerSingllubeWrap">SinglLUBE</span>
        <!-- <img src="assets/images/index/singllubeLogo_bai.png"> -->
      </div>

      <!-- 底部菜单 -->
      <div class="footer02_daohang footerMenuWrap">
        <ul class="top">
          <!-- 流体科技 -->
          <li>
            <div class="item">
              <h3><a href="about/index.html">流体科技</a></h3>
              <div class="min">
                <p><a href="about/index.html#mao1" title="">企业简介</a></p>
                <p><a href="about/index.html#mao4" title="">荣誉资质</a></p>
                <p><a href="about/index.html#mao3" title="">企业文化</a></p>
                <p><a href="about/index.html#mao5" title="">社会责任</a></p>
                <p><a href="news/index.html" title="">新闻中心</a></p>
                <p><a href="talentRecruitment/index.html" title="">招贤纳士</a></p>
              </div>
            </div>
          </li>

          <!-- 产品中心 -->
          <li>
            <div class="item">
              <h3><a href="product/index.html">产品中心</a></h3>
              <div class="min">
                <p><a href="product/200.html" title="">智能注油器</a></p>
                <p><a href="product/201.html" title="">云联注油器</a></p>
                <p><a href="product/202.html" title="">自动注油器</a></p>
                <p><a href="product/204.html" title="">高效灌脂设备</a></p>
              </div>
            </div>
          </li>

          <!-- 解决方案 -->
          <li>
            <div class="item">
              <h3><a href="solution/index.html">解决方案</a></h3>
              <div class="min">
                <p><a href="solution/129.html" title="">能源行业</a></p>
                <p><a href="solution/130.html" title="">化工行业</a></p>
                <p><a href="solution/131.html" title="">冶金行业</a></p>
                <p><a href="solution/132.html" title="">港口行业</a></p>
                <p><a href="solution/133.html" title="">食品行业</a></p>
                <p><a href="solution/134.html" title="">市政行业</a></p>
                <p><a href="solution/135.html" title="">制造行业</a></p>
                <p><a href="solution/136.html" title="">建材行业</a></p>
              </div>
            </div>
          </li>

          <!-- 润滑学院 -->
          <li>
            <div class="item">
              <h3><a href="instituteintro/index.html">润滑学院</a></h3>
              <div class="min">
                <p><a href="instituteintro/index.html" title="">实验室简介</a></p>
                <p><a href="videoTutorial/index.html" title="">视频教程</a></p>
                <p><a href="download/index.html" title="">资料下载</a></p>
                <!-- <p><a href="https://ltadmin.singllube.com/#/calculationResult" target="_blank" title="">润滑科学计算</a></p> -->
                <p><a class="isOpenCalculationSoftware" href="javascript:void(0);" title="">润滑科学计算</a></p>
              </div>
            </div>
          </li>

          <!-- 渠道合作 -->
          <li>
            <div class="item">
              <h3><a href="channelCooperation/index.html">渠道合作</a></h3>
              <div class="min">
              </div>
            </div>
          </li>

        </ul>

        <!-- 联系我们 -->
        <div class="bottom_guanzhu">
          <h3><a href="contact/index.html" class="contentUs">联系我们</a></h3>

          <!-- 联系方式 - 地址 -->
          <ul class="bottom_guanzhu_lxfs">

            <li class="bottom_lxfs_add">
              <!-- <span class="bottom_guanzhu_lxfs_dhfl">联系电话：</span> -->
              <span class="bottom_guanzhu_lxfs_dhfl"><img src="assets/images/index/dianhua.png"></span>
              <h2 class="bottom_lxfs_tel">18103356619</h2>
              <!-- <h2 class="bottom_lxfs_tel">18103356619<img src="assets/images/index/dianhua.png"></h2> -->
            </li>

            <li class="bottom_lxfs_add">
              <!-- <span class="bottom_guanzhu_lxfs_dhfl">联系邮箱：</span> -->
              <span class="bottom_guanzhu_lxfs_dhfl"><img src="assets/images/index/youxiang.png"></span>
              <h2 class="bottom_lxfs_tel">fluidtech_sales@163.com</h2>
              <!-- <h2 class="bottom_lxfs_tel">fluidtech_sales@163.com<img src="assets/images/index/youxiang.png"></h2> -->
            </li>

            <li class="bottom_lxfs_add">
              <!-- <p><img src="assets/images/index/dizhi.png">地址：秦皇岛市海港区经济技术开发区镜泊湖路1-1号</p> -->
              <p><img src="assets/images/index/dizhi.png">秦皇岛市海港区经济技术开发区镜泊湖路1-1号</p>
            </li>

            <div class="clearBothDiv"></div>
          </ul>

          <!-- 请关注我们 -->
          <div class="bottom_guanzhu_guanzhuwomen">
            <h5>请关注我们</h5>
            <ul>
              <!-- 微信 -->
              <li class="bottom_guanzhu_guanzhuwomen_wx">
                <img src="assets/images/index/weixin.svg" class="wx2wm">
                <div class="bottom_guanzhu_guanzhuwomen_wx_div">
                  <img src="assets/images/erweima_03.jpg">
                </div>
              </li>

              <!-- 抖音 -->
              <li class="bottom_guanzhu_guanzhuwomen_dy">
                <img src="assets/images/index/douyin.svg" class="wx2wm">
                <div class="bottom_guanzhu_guanzhuwomen_wx_div">
                  <img src="assets/images/erweima_04.jpg">
                </div>
              </li>

              <!-- 快手 -->
              <li class="bottom_guanzhu_guanzhuwomen_wb">
                <img src="assets/images/index/kuaishou.svg" class="wx2wm">
                <div class="bottom_guanzhu_guanzhuwomen_wx_div">
                  <img src="assets/images/erweima_05.jpg">
                </div>
              </li>
            </ul>
          </div>
        </div>

        <div class="clearBothDiv"></div>
      </div>
    </div>

    <!-- 底部版权 -->
    <div class="footer_dibubq">
      <div class="footer_dibubq_left">
        Copyright © 流体科技开发（秦皇岛）有限公司 All rights reserved.
        <a href="">
          <a target="_blank" href="https://beian.miit.gov.cn" rel="nofollow">冀ICP备2022009337号</a>
        </a>
      </div>

      <div class="clearBothDiv"></div>
    </div>
  </div>


  <!-- 轮播 -->
  <script language="javascript" type="text/javascript" src="assets/js/swiper.animate.min.js"></script>
  <!--产品中心-->
  <!-- <script>
    var inpro_swiper = new Swiper('.inpro_bk .swiper-container', {
      pagination: {
        el: '.inpro_bk .swiper-pagination',
        clickable: true,
      },
      autoplay: {
        delay: 2500,
      },
      loop: true,
      slidesPerView: 4,
      paginationClickable: true,
      spaceBetween: 40,
      breakpoints: {
        1600: {
          slidesPerView: 3,
        },
        1400: {
          slidesPerView: 3,
          spaceBetween: 20,
        },
        760: {
          slidesPerView: 2,
          spaceBetween: 10,
        }
      }
    })
    $('.inpro_bk .swiper-container .swiper-pagination-bullet').append('<img src="assets/images/index/zhoucheng-lan.png">');
  </script> -->
  <!--解决方案-->
  <!-- <script>
    var jjfa_swiper = new Swiper('.jjfanganswp .swiper-container', {
      pagination: '.jjfanganswp .swiper-pagination',
      // slidesPerView: 6,
      slidesPerView: 8,
      paginationClickable: true,
      spaceBetween: 0,
      breakpoints: {
        760: {
          slidesPerView: 3,
        }
      }
    });
  </script> -->
  <!--润滑学院-->
  <!-- <script type="text/javascript">
    var swiper = new Swiper('.index_keyan_swiper .swiper-container', {
      pagination: '.swiper-pagination',
      slidesPerView: 'auto',
      centeredSlides: true,
      paginationClickable: true,
      spaceBetween: 60,
      autoplay: {
        delay: 2000,
        stopOnLastSlide: false,
        disableOnInteraction: true,
      },
      loop: true,
      breakpoints: {
        1000: {
          spaceBetween: 30,
        }
      }
    });
  </script> -->
  <!--banner文字-->
  <!-- <script type="text/javascript">
    var banSwiper = new Swiper('.bannerwrap .swiper-container', {
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      loop: true,
      autoplay: {
        disableOnInteraction: false,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      on: {
        init: function () {
          swiperAnimateCache(this) //隐藏动画元素 
          swiperAnimate(this) //初始化完成开始动画
        },
        slideChangeTransitionEnd: function () {
          swiperAnimate(this) //每个slide切换结束时也运行当前slide动画
          var theme = $('.bannerwrap .swiper-slide-active').data('theme')
          $('.bannerwrap .swiper-slide-active').addClass('zomms')

          $('.bannerwrap .swiper-slide-active').siblings().removeClass("zomms")
          $('.bannerwrap .swiper-slide').css("opacity", "0")
          $('.bannerwrap .swiper-slide-active').css("opacity", "1")
          $('#banner').attr('class', theme)
        }
      },
      spaceBetween: 30,
      effect: 'fade'
    });
  </script> -->
  <!--关于我们数字滚动-->
  <!-- <script>
    var options = {
      useEasing: true,
      useGrouping: true,
      separator: '',
      decimal: '.',
      prefix: '',
      suffix: ''
    }
    // var num1 = new CountUp("num1", 0, 40, 0, 3, options)
    var num2 = new CountUp("num2", 0, 42, 0, 3, options)
    var num3 = new CountUp("num3", 0, 2240, 0, 3, options)
    var num4 = new CountUp("num4", 0, 30000, 0, 3, options)
    $('.nums').bind('inview', function (event, visible) {
      if (visible == true) {
        // num1.start()
        num2.start()
        num3.start()
        num4.start()
      }
    });
  </script> -->
  <!-- 页面上滑滚动各块动画 -->
  <!-- <script>
    AOS.init({
      easing: 'ease-out-back',
      duration: 1000
    });
  </script> -->

  <!-- 首页初始化方法 -->
  <script src="assets/js/indexFun.js"></script>

  <!-- 其他方法 -->
  <script language="javascript" type="text/javascript" src="assets/js/singllube.js"></script>

  <div class="drawer-overlay drawer-toggle"></div>

  <!-- 登录弹框 -->
  <!-- <div class="morph-content">
    <div>
      <div class="content-style-form content-style-form-1">
        <span class="icon icon-close" id="closeLogin">Close the dialog</span>
        <h2>登录</h2>
        <form id="loginInfo">
          <p>
            <label>用户名</label><input type="text" id="myUsername" name="username" autocomplete="off" />
          </p>
          <p>
            <label>密码</label><input type="password" id="myPassword" name="password" autocomplete="off" />
          </p>
          <p><button id="logining" type="button">登 录</button></p>
        </form>

        提示信息弹框
        <div id="alertMessage"
          style="position: fixed;top: 20vh;left: 50%;transform: translate(-50%, 0);opacity: 0;transition: 0.6s;"
          class="alert alert-success" role="alert"></div>
      </div>
    </div>
  </div>
  登录框底下遮罩层
  <div class="loginOverlay"></div> -->

  <script disable-devtool-auto src='assets/js/disable-devtool.js' md5='dcc8f42d32853bd435511d6bc6a7ba4a' tk-name='ltkj'
    clear-log='true' disable-select='true' disable-copy='true' disable-cut='true' disable-paste='true'></script>

</body>

</html>