<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <title>老船长文化</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
  <meta name="keywords" content="老船长、老船长文化、老船长团建、企业文化活动、企业年会、司庆活动、定制团建">
  <meta name="description" content="老船长文化是一家专注于企业文化活动的公司，致力于为企业文化赋能，提升组织效能。除此之外，更有近十五年组织企业内部节日活动、定制TB、企业微赛事、文化周边等业务经验。老船长文化擅长以各种文化活动为载体，推动企业文化价值观落地，同时让活动具有高参与度、传播度和美誉度。">
  <!-- Link Swiper's CSS -->
  <link rel="stylesheet" href="./css/swiper-bundle.css" />
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <div class="myrop">老船长文化是一家专注于企业文化活动的公司，致力于为企业文化赋能，提升组织效能。除此之外，更有近十五年组织企业内部节日活动、定制TB、企业微赛事、文化周边等业务经验。老船长文化擅长以各种文化活动为载体，推动企业文化价值观落地，同时让活动具有高参与度、传播度和美誉度。</div>
  <img class="myrop" src="./img/info.jpg" />
  <!-- Swiper -->
  <div class="swiper mySwiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <div class="bg bg-1">
          <img class="img" src="http://ray-jing.oss-cn-beijing.aliyuncs.com/img/img1.png" alt="">
        </div>
      </div>
      <div class="swiper-slide">
        <div class="bg bg-2">
          <div class="bg2-box">
            <div class="zhi">
              <div class="numCount">
                <ul class="clearfix">
                  <li>
                    <div class="item">
                      <div class="numU">
                        <span class="numCX" data-endVal="1000" id="mumC1">1000</span>
                        <sup class="unitC">+</sup>
                      </div>
                      <div class="indc">客户</div>
                    </div>
                  </li>
                  <li>
                    <div class="item">
                      <div class="numU">
                        <span class="numCX" data-endVal="5000" id="mumC2">5000</span>
                        <sup class="unitC">+</sup>
                      </div>
                      <div class="indc">活动</div>
                    </div>
                  </li>
                  <li>
                    <div class="item">
                      <div class="numU">
                        <span class="numCX" data-endVal="30" id="mumC3">30</span>
                        <sup class="unitC">+</sup>
                      </div>
                      <div class="indc">行业首创产品</div>
                    </div>
                  </li>
                  <li>
                    <div class="item">
                      <div class="numU">
                        <span class="numCX" data-endVal="20000" id="mumC4">20000</span>
                        <sup class="unitC">+</sup>
                      </div>
                      <div class="indc">单场次活动人数</div>
                    </div>
                  </li>
                  <li>
                    <div class="item">
                      <div class="numU">
                        <span class="numCX" data-endVal="1000000" id="mumC5">1000000</span>
                        <sup class="unitC">+</sup>
                      </div>
                      <div class="indc">单场次阅读量</div>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
            <div class="info">
              <span>以用户为核心</span>
              <span>以奋斗者为本</span>
              <span>以结果为导向</span>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="bg bg-3"></div>
      </div>
      <div class="swiper-slide">
        <div class="bg bg-4"></div>
      </div>
    </div>
    <div class="swiper-pagination"></div>

  </div>
  <div class="jiantou">
    <img src="http://ray-jing.oss-cn-beijing.aliyuncs.com/img/jiantou.png" alt="">
  </div>
  <script src="./js/jquery-1.11.3.min.js"></script>
  <!-- Swiper JS -->
  <script src="./js/swiper-bundle.js"></script>
  <script src="js/count.js"></script>
  <script type="text/javascript">
    var countCXArr = [];
    var countCX = function () {
      $('.numCount').each(function (i, dom) {
        if (countCXArr[i] && countCXArr[i] === true) {
          return;
        }
        var sT;
        var ncTop;
        sT = $(window).scrollTop();
        ncTop = $(dom).offset().top;
        var id, decimals, startVal, endVal, duration;
        if (sT > ncTop - $(window).height() && sT < ncTop) {
          $(dom).find('.numCX').each(function () {
            id = $(this).attr('id');
            decimals = 0,
              startVal = 0,
              endVal = $(this).attr('data-endVal'),
              duration = 4;
            new CountUp(id, startVal, endVal, decimals, duration, {
              useEasing: true,//效果
              separator: ''//数字分隔符
            }).start();// target：目标元素id, startVal：你想要开始的值, endVal：你想要到达的值, decimals：小数位数，默认值为0, duration：动画持续时间为秒，默认值为2, options：选项的可选对象
            countCXArr[i] = true;
          })
        }
      })
    }
  </script>
  <script src="./js/js.js"></script>
  <script src="./js/nav.js"></script>
  <script>
    navInfo("关于")
  </script>
</body>

</html>