<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>久跃科技 - JIUYUE Technology</title>
  <link rel="stylesheet" href="/assets/font.css">
  <link rel="stylesheet" href="/assets/index.css">
  <link rel="shortcut icon" href="/favicon.ico">
</head>
<body id="sitemap.xml"><a href="#top"></a>
  <header>
    <div class="logo"><img src="/images/logo.png" alt=""></div>
    <nav>
      <ul>
        <li><a href="/">网站首页<i>Home</i></a></li>
        <li><a href="#">关于我们<i>About Us</i></a>
          <div class="sub-nav">
            <ul>
              <li><a href="/profile">企业简介<i>Company Profiles</i></a></li>
              <li><a href="/culture">企业文化<i>Corporate Cultures</i></a></li>
              <li><a href="/concept">服务理念<i>Service Concept</i></a></li>
              <li><a href="/future">展望未来<i>Prospects Future</i></a></li>
              <li><a href="/innovation">改善革新<i>Technical Innovation</i></a></li>
              <li><a href="/recruitment">人才招聘<i>Recruitment</i></a></li>
            </ul>
          </div>
        </li>
        <li><a href="#">资质荣誉<i>Qualification Honor</i></a>
          <div class="sub-nav">
            <ul>
              <li><a href="/quality">质量管理<i>Quality Management</i></a></li>
              <li><a href="/rewards">荣誉奖励<i>Honor Rewards</i></a></li>
              <li><a href="/certificate">专利证书<i>Patent Certificate</i></a></li>
            </ul>
          </div>
        </li>
        <li><a href="#">核心产品<i>Core Product</i></a>
          <div class="sub-nav">
            <ul>
              <li><a href="/exterior">汽车外饰<br>配件产品<i>Automotive Exterior<br>Accessories Products</i></a></li>
              <li><a href="/interior">汽车内饰<br>配件产品<i>Automotive Interior<br>Accessories Products</i></a></li>
            </ul>
          </div>
        </li>
        <li><a href="#">生产设备<i>Production Equipment</i></a>
          <div class="sub-nav">
            <ul>
              <li><a href="/painting">喷涂车间<i>Painting Workshop</i></a></li>
              <li><a href="/injection">注塑车间<i>Injection Molding Workshop</i></a></li>
              <li><a href="/assembly">组装车间<i>Assembly Workshop</i></a></li>
              <li><a href="/testing">质量检测<i>Test Instrument</i></a></li>
              <li><a href="/warehouse">仓储空间<i>Warehouse Space</i></a></li>
            </ul>
          </div>
        </li>
        <li><a href="/news/list">新闻动态<i>News</i></a></li>
        <li><a href="/contact">联系我们<i>Contact Us</i></a></li>
      </ul>
    </nav>
  </header>
  <div class="button">
    <a href="#top"><img src="/images/button_1.png" alt=""><span>返回顶部</span></a>
    <a href="javascript:;"><img src="/images/button_2.png" alt=""><span>在线留言</span></a>
    <a href="javascript:;"><img src="/images/button_3.png" alt=""><span>网站导航</span></a>
  </div>
  <div class="message">
  <div class="header"><img src="/images/logo-sm.png" alt=""><a href="#"><img src="/images/btn-close.png" alt=""></a></div>
  <div class="body">
    <form action="">
      <h5>在线留言 / Online Message</h5>
      <textarea name="content" id="content" cols="30" rows="10" placeholder="请输入留言内容 / Your Message" required></textarea>
      <input type="text" name="name" id="name" placeholder="请输入姓名 / Your Name" required>
      <input type="tel" name="phone" id="phone" placeholder="请输入手机号码 / Mobile Phone Number" required>
      <input type="email" name="email" id="email" placeholder="请输入邮箱 / Your E-Mail" required>
      <div class="group">
        <input type="text" name="code" id="code" placeholder="请输入验证码 / Verification Code" required>
        <img src="/captcha" alt="" onclick="javascript:this.src='/captcha?tm='+Math.random();">
      </div>
      <button type="submit">提 交 / Submit</button>
  </div>
</div>  <div class="overlay">
  <div class="info">
    <img src="/images/logo-white.png" alt="">
    <div class="up">
      <p>Tianjin<br>Jiuyue<br>Technology</p>
    </div><hr>
    <div class="down">
      <p class="title">天津市久跃科技有限公司</p>
      <p>地址：天津市北辰科技园景丽路16号<br>
        电话：022-26977333 / 18502264919<br>
        传真：022-26977333<br>
        邮箱：tianrongkang@126.com<br>　　　tjjiuyue@126.com<br>
        联系人：田荣康（总经理）</p>
    </div>
  </div>
  <div class="menu">
    <nav>
      <ul>
        <li data-cn="网站首页" data-en="Home"><a href="/">网站首页</a></li>
            <li data-cn="关于我们" data-en="About Us"><a href="#">关于我们</a>
        <div class="sub-nav"><hr>
          <ul>
              <li data-cn="企业简介" data-en="Company Profiles"><a href="/profile"></a></li>
              <li data-cn="企业文化" data-en="Corporate Cultures"><a href="/culture"></a></li>
              <li data-cn="服务理念" data-en="Service Concept"><a href="/concept"></a></li>
              <li data-cn="展望未来" data-en="Prospects Future"><a href="/future"></a></li>
              <li data-cn="改善革新" data-en="Technical Innovation"><a href="/innovation"></a></li>
              <li data-cn="人才招聘" data-en="Recruitment"><a href="/recruitment"></a></li>
              </ul><hr>
        </div>
        </li>
            <li data-cn="资质荣誉" data-en="Qualification Honor"><a href="#">资质荣誉</a>
        <div class="sub-nav"><hr>
          <ul>
              <li data-cn="质量管理" data-en="Quality Management"><a href="/quality"></a></li>
              <li data-cn="荣誉奖励" data-en="Honor Rewards"><a href="/rewards"></a></li>
              <li data-cn="专利证书" data-en="Patent Certificate"><a href="/certificate"></a></li>
              </ul><hr>
        </div>
        </li>
            <li data-cn="核心产品" data-en="Core Product"><a href="#">核心产品</a>
        <div class="sub-nav"><hr>
          <ul>
              <li data-cn="汽车外饰&lt;br&gt;配件产品" data-en="Automotive Exterior&lt;br&gt;Accessories Products"><a href="/exterior"></a></li>
              <li data-cn="汽车内饰&lt;br&gt;配件产品" data-en="Automotive Interior&lt;br&gt;Accessories Products"><a href="/interior"></a></li>
              </ul><hr>
        </div>
        </li>
            <li data-cn="生产设备" data-en="Production Equipment"><a href="#">生产设备</a>
        <div class="sub-nav"><hr>
          <ul>
              <li data-cn="喷涂车间" data-en="Painting Workshop"><a href="/painting"></a></li>
              <li data-cn="注塑车间" data-en="Injection Molding Workshop"><a href="/injection"></a></li>
              <li data-cn="组装车间" data-en="Assembly Workshop"><a href="/assembly"></a></li>
              <li data-cn="质量检测" data-en="Test Instrument"><a href="/testing"></a></li>
              <li data-cn="仓储空间" data-en="Warehouse Space"><a href="/warehouse"></a></li>
              </ul><hr>
        </div>
        </li>
            <li data-cn="新闻动态" data-en="News"><a href="/news/list">新闻动态</a></li>
        <li data-cn="联系我们" data-en="Contact Us"><a href="/contact">联系我们</a></li>
      </ul>
      </nav>
  </div>
  <div class="close"><a href=""></a></div>
</div>  <footer>
    <ul>
      <li>关于我们<i>About Us</i>
        <ul>
          <li><a href="/profile">企业简介<i>Company Profiles</i></a></li>
          <li><a href="/culture">企业文化<i>Corporate Cultures</i></a></li>
          <li><a href="/concept">服务理念<i>Service Concept</i></a></li>
          <li><a href="/future">展望未来<i>Prospects Future</i></a></li>
          <li><a href="/innovation">改善革新<i>Technical Innovation</i></a></li>
          <li><a href="/recruitment">人才招聘<i>Recruitment</i></a></li>
        </ul>
      </li>
      <li>资质荣誉<i>Qualification Honor</i>
        <ul>
          <li><a href="/quality">质量管理<i>Quality Management</i></a></li>
          <li><a href="/rewards">荣誉奖励<i>Honor Rewards</i></a></li>
          <li><a href="/certificate">专利证书<i>Patent Certificate</i></a></li>
        </ul>
      </li>
      <li>核心产品<i>Core Product</i>
        <ul>
          <li><a href="/exterior">汽车外饰<br>配件产品<i>Automotive Exterior<br>Accessories Products</i></a></li>
          <li><a href="/interior">汽车内饰<br>配件产品<i>Automotive Interior<br>Accessories Products</i></a></li>
        </ul>
      </li>
      <li>生产设备<i>Production Equipment</i>
        <ul>
          <li><a href="/painting">喷涂车间<i>Painting Workshop</i></a></li>
          <li><a href="/injection">注塑车间<i>Injection Molding Workshop</i></a></li>
          <li><a href="/assembly">组装车间<i>Assembly Workshop</i></a></li>
          <li><a href="/testing">质量检测<i>Test Instrument</i></a></li>
          <li><a href="/warehouse">仓储空间<i>Warehouse Space</i></a></li>
        </ul>
      </li>
    </ul>
    <div class="info">
      <div class="left">
        <p>Tianjin<br>Jiuyue<br>Technology</p>
        <h1>Contact Us</h1><hr>
      </div>
      <div class="right">
        <hr><p class="title">天津市久跃科技有限公司</p>
        <p>地址：天津市北辰科技园景丽路16号<br>
          电话：022-26977333 / 18502264919<br>
          传真：022-26977333<br>
          邮箱：tianrongkang@126.com<br>　　　tjjiuyue@126.com<br>
          联系人：田荣康（总经理）</p>
      </div>
      <p><a href="#">版权所有&copy;天津市久跃科技有限公司</a><a href="http://beian.miit.gov.cn/">津ICP备18006858号-2</a><span>公安网备案12011302120472</span><a href="http://u-bd.cn">网站建设：绝策品牌设计</a></p>
    </div>
  </footer>
<script src="/assets/jquery-3.6.4.min.js"></script>
<script>
  $('.button a').hover(function () {
    $(this).animate({
      right: 0
    }, "slow");
  }, function () {
    $(this).animate({
      right: '-6vw'
    }, "slow");
  }
  );
  $('.button a:eq(1)').on('click', function (e) {
    e.preventDefault();
    $('.message img').trigger('click');
    $('.message').show();
  });
  $('.message a').on('click', function (e) {
    e.preventDefault();
    $('.message').hide();
  });
  $('.message button').on('click', function (e) {
    e.preventDefault();
    if ($('.message textarea').val() == "") {
      $('.message textarea').css('border-color', 'red')
      return 0;
    } else $('.message textarea').css('border-color', 'black')
    for (const txtinput of $('.message input')) {
      if ($(txtinput).val() == "") {
        $(txtinput).css('border-color', 'red')
        return 0
      } else {
        $(txtinput).css('border-color', 'black')
      }
    }
    var data = $('.message form').serialize();
    $.post("/message", $('.message form').serialize(),
      function (data) {
        if (data['msg'] == 'ok') {
          $('.message').hide();
        } else {
          $('.message #'+data['msg']).css('border-color', 'red')
        }
      },
      "json"
    );
  });
  $('.button a:eq(2)').on('click', function (e) {
    e.preventDefault();
    $('.overlay').slideDown(500).css('display', 'flex');
    $('.close').show();
  });
  $('.close').on('click', function () {
    $(this).hide();
    $('.overlay').slideUp(500);
  });
  $.each($('.overlay .sub-nav li'), function (i, e) {
    var cn = $(e).data('cn').replace("<br>", "");
    var en = $(e).data('en').replace("<br>", " ");
    $(e).children('a').text(cn)
    $(e).data('cn', cn);
    $(e).data('en', en);
  });
  $('.overlay nav>ul>li').on('click', function () {
    node = $(this);
    $('.overlay nav').find('.sub-nav').hide();
    node.children('a').text(node.data('en'));
    if (node.has('.sub-nav')) {
      node.children('.sub-nav').slideDown(500);
    }
  });
  $('.overlay nav li').hover(function () {
    node = $(this);
    node.children('a').text(node.data('en'));
  }, function () {
    node.children('a').text(node.data('cn'));
  }
  );
</script></body>
</html>
