<!DOCTYPE HTML>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>上海宿程信息科技有限公司</title>
  <meta name="keywords" content="云掌柜,PMS,客栈管理,房态管理,直销,分销,OTA">
  <meta name="description" content="云掌柜，客栈管理好帮手。致力于通过移动互联网，帮助客栈更有效地进行房态管理、订单管理，提升旅游行业整体信息化水平。">
  <link href="css/swiper.min.css" rel="stylesheet" type="text/css">
  <link href="css/latest.css?t=2020062021" rel="stylesheet" type="text/css">
</head>

<body>
  <header class="fade">
    <div class="length clx">
      <h1 class="logo" title="云掌柜">
          上海宿程信息科技有限公司
      </h1>
      <nav>
        <ul class="clx about">
          <li><a href="#？" class="" id="softwareServices">软件服务</a></li>
          <li><a href="#?" id="channelOperation">渠道分销</a></li>
          <li><a href="#?" id="directSellingOperation">直销运营</a></li>
          <li><a href="#?" id="ecoServices">旗下企业</a></li>
        </ul>
      </nav>
        <p class="hover_li">
            <a href="https://jsj.top/f/nt8zXv?x_field_1=miot" target="_blank" class="contact">联系我们</a>
        </p>
        <p class="hover_li">
            <a href="about-us.html" class="contact " style="margin-left:10px;">关于我们</a>
        </p>
    </div>
  </header>
  <section class="banner">
    <div class="length">
      <div class="banner-word">
        <p class="banner-sub">上海宿程信息科技有限公司</p>
        <h2 class="banner-title">让天下没有难做的住宿生意</h2>
        <div class="banner-border"></div>
        <p class="banner-intro">上海宿程信息科技有限公司由同程艺龙（腾讯系上市公司）投资，成立于2012 年2月9日，专注住宿行业7年 ，致力于通过移动互联网为住宿业赋能，构建全方位生态服务系统，是行业领先的住宿运营管理一站式服务商。</p>
      </div>
    </div>
  </section>
  <section class="area fade">
    <div class="length">
      <ul>
        <li class="" id="icon-software">
          <div class="wrap">
            <i class="icon icon-software"></i>
            <h3 class="title">软件服务</h3>
            <p class="intro">PMS/财务管理/会员系统/餐饮商超</p>
          </div>
        </li>
        <li id="icon-channel">
          <div class="wrap">
            <i class="icon icon-channel"></i>
            <h3 class="title">渠道分销</h3>
            <p class="intro">直连/分销/代运营</p>
          </div>
        </li>
        <li id="icon-sell">
          <div class="wrap">
            <i class="icon icon-sell"></i>
            <h3 class="title">直销运营</h3>
            <p class="intro">粉丝裂变/私域流量运营</p>
          </div>

        </li>
        <li id="icon-ecology">
          <div class="wrap">
            <i class="icon icon-ecology"></i>
            <h3 class="title">旗下企业</h3>
            <p class="intro">品牌/设计/餐饮/易耗品</p>
          </div>

        </li>
      </ul>
    </div>
  </section>
  <section class="data">
    <div class="length">
      <ul>
        <li>
          <h3 class="title"><span id="num1">0</span><span class="icon-plus fade">+</span></h3>
          <p class="intro">
            为50万住宿行业从业者<br>提供技术支持和营销服务
          </p>
        </li>
        <li>
          <h3 class="title"><span id="num2">0</span><span class="icon-plus fade">+</span></h3>
          <p class="intro">
            20万家民宿、酒店<br>选择了云掌柜
          </p>
        </li>
        <li>
          <h3 class="title"><span id="num3">0</span><span class="icon-plus fade">+</span></h3>
          <p class="intro">
            C端品牌“米途”拥有<br>逾500万粉丝池
          </p>
        </li>
      </ul>
    </div>
  </section>
  <section class="software" id="softwareServicesPop">
    <div class="length">
      <div class="current-title-wrap fade">
        <h3 class="current-title">软件服务</h3>
        <span class="current-border"></span>
        <p class="current-sub">为客栈民宿、精品酒店、品牌连锁提供软件解决方案<a href="https://v2.yunzhanggui.net/user/login" target="_blank"
            class="ml20">试用客栈版></a></p>
      </div>
      <ul class="fade clx">
        <li>
          <div class="wrap">
            <img src="images/software1.png" />
            <div class="box">
              <h3 class="title">多场景经营管理</h3>
              <p class="intro">满足海内外民宿客栈、连锁酒店、集团品牌等多种场景需求</p>
            </div>
          </div>
        </li>
        <li>
          <div class="wrap orange">
            <img src="images/software3.png" />
            <div class="box">
              <h3 class="title">多终端移动办公</h3>
              <p class="intro">系统支持PC、iOS、Android多终端，随时随地管理系统</p>
            </div>
          </div>
        </li>
        <li>
          <div class="wrap">
            <img src="images/software2.png" />
            <div class="box">
              <h3 class="title">多渠道一键管理</h3>
              <p class="intro">内置16个主流渠道直连，同步管理多渠道房态</p>
            </div>
          </div>
        </li>
        <li>
          <div class="wrap orange">
            <img src="images/software4.png" />
            <div class="box">
              <h3 class="title">多玩法营销裂变</h3>
              <p class="intro">通过会员体系沉淀老客，营销活动裂变新客，建立自有客户粉丝池</p>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </section>
  <section class="channel" id="channelOperationPop">
    <div class="length">
      <div class="current-title-wrap fade">
        <h3 class="current-title">渠道分销</h3>
        <span class="current-border"></span>
        <p class="current-sub">技术+运营双重助力，迅速破局OTA运营</p>
      </div>
      <ul class="major-wrap fade clx">
        <li class="major-item fl">
          <div class="major-box">
            <h3 class="major-title">技术</h3>
            <p class="major-intro">专业强大的技术团队支持</p>
          </div>
          <div class="minor-wrap orange">
            <ul>
              <li class="minor-item">
                <i class="minor-icon icon-link"></i>
                <div class="minor-box">
                  <h3 class="minor-title">渠道直连</h3>
                  <p class="minor-intro">20个订房平台一键管理，提高效率，降低爆房率，省心省力</p>
                </div>
              </li>
              <li class="minor-item">
                <i class="minor-icon icon-distribution"></i>
                <div class="minor-box">
                  <h3 class="minor-title">代分销</h3>
                  <p class="minor-intro">通过拓展其它分销渠道（旅行社、内容电商、团建公司等），获取长尾订单，提升分销渠道整体收益</p>
                </div>
              </li>
            </ul>
          </div>
        </li>
        <li class="major-item fr">
          <div class="major-box">
            <h3 class="major-title">运营</h3>
            <p class="major-intro">10年经验的OTA运营团队</p>
          </div>
          <div class="minor-wrap">
            <ul>
              <li class="minor-item">
                <i class="minor-icon icon-optimize"></i>
                <div class="minor-box">
                  <h3 class="minor-title">线上优化</h3>
                  <p class="minor-intro">渠道上线、静态信息优化、排名优化、点评指导、定价指导</p>
                </div>
              </li>
              <li class="minor-item">
                <i class="minor-icon icon-ota"></i>
                <div class="minor-box">
                  <h3 class="minor-title">OTA代运营</h3>
                  <p class="minor-intro">深度介入渠道运营管理，通过精细化运营，直接对客户的营收负责</p>
                </div>
              </li>
            </ul>
          </div>
        </li>
      </ul>
    </div>
  </section>
  <section class="sell" id="directSellingOperationPop">
    <div class="length">
      <div class="current-title-wrap fade">
        <h3 class="current-title">直销运营</h3>
        <span class="current-border"></span>
        <p class="current-sub">专业商务运营团队一对一落地服务</p>
      </div>
      <div class="sell-swiper fade">
        <!-- Swiper -->
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="wrap">
                <img src="images/sell1.png" />
                <div class="word-wrap">
                  <p class="title">和顺幸福里×米途精选</p>
                  <div class="box">
                    <p class="subtitle">社交平台曝光</p>
                    <p>量身定制社交平台品宣方案，在社交平台持续稳定输出内容，维持品牌曝光度</p>
                  </div>
                  <div class="statistics">
                    <ul class="clx">
                      <li>
                        <p class="num">100万元</p>
                        <p class="intro">累计成交额</p>
                      </li>
                      <li class="border"></li>
                      <li>
                        <p class="num">4次</p>
                        <p class="intro">累计合作</p>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="wrap">
                <img src="images/sell4.png" />
                <div class="word-wrap">
                  <p class="title">虚舍×米途精选</p>
                  <div class="box">
                    <p class="subtitle">直销活动策划</p>
                    <p>为商户策划营销活动，唤醒老客带动新客，刺激全员营销</p>
                  </div>
                  <div class="statistics">
                    <ul class="clx">
                      <li>
                        <p class="num">53万元</p>
                        <p class="intro">13小时成交额</p>
                      </li>
                      <li class="border"></li>
                      <li>
                        <p class="num">135%</p>
                        <p class="intro">粉丝增长</p>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="wrap">
                <img src="images/sell2.png" />
                <div class="word-wrap">
                  <p class="title">三山岛隐×米途精选</p>
                  <div class="box">
                    <p class="subtitle">活动产品设计</p>
                    <p>结合品牌类型、商户特色、周边景点，打造“住宿+”的套餐打包方案，提供定价建议和运营指导</p>
                  </div>
                  <div class="statistics">
                    <ul class="clx">
                      <li>
                        <p class="num">50万元</p>
                        <p class="intro">11小时成交额</p>
                      </li>
                      <li class="border"></li>
                      <li>
                        <p class="num">23254次</p>
                        <p class="intro">活动UV</p>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="wrap">
                <img src="images/sell3.png" />
                <div class="word-wrap">
                  <p class="title">猪栏酒吧×米途精选</p>
                  <div class="box">
                    <p class="subtitle">图文视频优化</p>
                    <p>专业的媒体优化服务，配合活动策划方案输出公众号文章、产品图文介绍、宣传短视频</p>
                  </div>
                  <div class="statistics">
                    <ul class="clx">
                      <li>
                        <p class="num">49万元</p>
                        <p class="intro">15小时成交额</p>
                      </li>
                      <li class="border"></li>
                      <li>
                        <p class="num">50万次</p>
                        <p class="intro">活动曝光</p>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- Add Arrows -->
          <div class="swiper-button-next"></div>
          <div class="swiper-button-prev"></div>
        </div>
      </div>
    </div>
  </section>
  <section class="ecology" id="ecoServicesPop">
    <div class="length">
      <div class="current-title-wrap fade">
        <h3 class="current-title">旗下企业</h3>
        <span class="current-border"></span>
        <p class="current-sub">为住宿业提供全场景服务</p>
      </div>
      <div class="ecology-wrap fade">
        <div class="swiper-container gallery-thumbs">
          <div class="swiper-wrapper">
            <div class="swiper-slide"><a href="#?">品牌运营</a></div>
            <div class="swiper-slide"><a href="#?">民宿设计</a></div>
            <div class="swiper-slide"><a href="#?">餐饮培训</a></div>
            <div class="swiper-slide"><a href="#?">易耗品定制</a></div>
          </div>
        </div>
        <div class="ecology-swiper">
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="wrap">
                  <img src="images/ecology-qx.png" class="pic" />
                  <div class="box">
                    <img src="images/logo-qs.png" class="pic-logo" />
                    <div class="word">
                      <h3>千宿</h3>
                      <p>千宿品牌代运营是一家度假式民宿服务商，依托民宿产业大数据，借助互联网平台模式，为民宿主提供更高收益的民宿品牌授权与运营管理服务，为消费者带来既有温度又有舒适度的美好独家体验</p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="wrap">
                  <img src="images/ecology-xs.png" class="pic" />
                  <div class="box">
                    <img src="images/logo-xs.png" class="pic-logo" />
                    <div class="word">
                      <h3>小宿Design</h3>
                      <p>小宿Design民宿设计为业主提供设计施工与软装升级服务。服务范围涵盖：产品定位评估、施工现场管控、原创家具订制、高端卫浴灯具厂家特价直供等，真正实现业主拎包开业</p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="wrap">
                  <img src="images/ecology-ok.png" class="pic" />
                  <div class="box">
                    <img src="images/logo-ok.png" class="pic-logo" />
                    <div class="word">
                      <h3>OpenKitchen</h3>
                      <p>
                        OpenKitchen通过私人小班授课，模块化学习方法，让零基础学员短期内掌握高颜值轻食餐品的制作，适用于民宿餐厅、咖啡厅、轻食餐厅、私房晚宴等场景，6年时间培训了超过1000名学员和300家餐厅
                      </p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="wrap">
                  <img src="images/ecology-yx.png" class="pic" />
                  <div class="box">
                    <img src="images/logo-yx.png" class="pic-logo" />
                    <div class="word">
                      <h3>云优选</h3>
                      <p>云优选是面向中高端客栈民宿的易耗品供应商，集产品研发、生产、组装、销售、售后五位一体，专注于提供高颜值、高品质、高性价比的客房用品</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
          </div>
        </div>

      </div>
    </div>
  </section>
  <section class="finance">
    <div class="length">
      <div class="current-title-wrap fade">
        <h3 class="current-title">金融服务</h3>
        <span class="current-border"></span>
        <p class="current-sub">为民宿运营保驾护航</p>
      </div>
      <ul class="fade">
        <li class="item">
          <img src="images/logo-jsj.png" class="pic-logo" />
          <div class="wrap">
            <h3 class="title">民宿贷款</h3>
            <p class="intro">云掌柜联合极速云，用大数据征信为民宿提供无抵押的贷款服务，帮助民宿解决扩大规模、升级软硬件的资金问题</p>
          </div>
        </li>
        <li class="border"></li>
        <li class="item">
          <img src="images/logo-ydbx.png" class="pic-logo" />
          <div class="wrap">
            <h3 class="title">民宿保险</h3>
            <p class="intro">云掌柜联合中国太平洋保险，打造适合民宿经营的保险产品，让民宿经营有保障更放心</p>
          </div>
        </li>
      </ul>
    </div>
  </section>
  <section class="case" style="display: block;">
    <div class="length">
      <div class="case-slide">
        <a href="#?" class="slide-left" id="goR"></a>
        <div class="case-slide-wrap clx" id="marquee1">
          <div style="height:302px; overflow: hidden;">
            <div class="case-wrap">
              <img src="images/pic-fymc.png" />
              <div class="word-wrap fade">
                <h3 class="title">浮云牧场</h3>
                <p class="position">四川 - 阿坝</p>
                <p class="intro">
                  “感谢云掌柜团队从浮云开业第一天以来到现在一如既往的支持，有求必应的服务团队让我们的问题及时得到反馈和解决，云掌柜强大的后台数据为我们做产品分析提供了强有力的支持，助力浮云牧场的成长，希望云掌柜越来越好！”
                </p>
              </div>
            </div>
            <div class="case-wrap">
              <img src="images/pic-dlyd.png" />
              <div class="word-wrap fade">
                <h3 class="title">大理云端连锁</h3>
                <p class="position">丽江 - 大研古城</p>
                <p class="intro">“云掌柜管理系统后台功能很强大，同时有着专业的服务团队，997的服务体系给我们商家提供了最大化的便利，直连的网站非常多，大大节省了我们录入系统的时间，希望以后可以长期合作！”
                </p>
              </div>
            </div>
            <div class="case-wrap">
              <img src="images/pic-hlh.png" />
              <div class="word-wrap fade">
                <h3 class="title">呼噜海</h3>
                <p class="position">惠州 - 小径湾</p>
                <p class="intro">“2017年，云掌柜直联为我解决了平台的接单问题，避免了重单、漏单的情况;
                  2018年，云掌柜推出小程序，带来了直客业务的增长，业绩同比2017年增长了4倍;
                  2018年底，云掌柜推出预售功能，四个月增收22万营业额；
                  2019年，通过云掌柜与抖音、同程合作，大大提升了我们品牌的知名度；
                  每次有什么系统升级和营销策略，云掌柜的小伙伴都会和我分享，呼噜海和云掌柜之间说是合作伙伴，更像是一家人。”</p>
              </div>
            </div>
            <div class="case-wrap">
              <img src="images/pic-zl.png" />
              <div class="word-wrap fade">
                <h3 class="title">猪栏酒吧</h3>
                <p class="position">黄山 - 黟县</p>
                <p class="intro">
                  “从2013年刚刚接触云掌柜对它还没抱有很大希望，总觉得没法在乡村民宿里面普及，到现在我们全体员工包括妈妈阿姨都会根据云掌柜的信息同步来进行客房管理，厨房的员工也会根据未来几天的预订情况来备餐，大大提高工作效率。升级VIP后更是服务得面面俱到，直连功能让预定更加方便，反馈问题也有专人立即解决，让我们如虎添翼！”
                </p>
              </div>
            </div>
            <div class="case-wrap">
              <img src="images/pic-yxl.png" />
              <div class="word-wrap fade">
                <h3 class="title">原乡里</h3>
                <p class="position">丽江 - 大研古城</p>
                <p class="intro">
                  “原乡里民宿与云掌柜结缘合作已经有近3年了。我们从free、高级会员到VIP会员，逐渐升级使用。原乡里民宿长久地陪伴云掌柜是基于信任和其系统的专业。在使用过程中可以确定的说，云掌柜系统给了我们很大的便捷与专业高效的支持。”
                </p>
              </div>
            </div>
            <div class="case-wrap">
              <img src="images/pic-ws.png" />
              <div class="word-wrap fade">
                <h3 class="title">無舍</h3>
                <p class="position">大理 / 苏州 / 京都</p>
                <p class="intro">
                  “从云掌柜免费时期的老客户到云掌柜付费的VIP客户，我们见证了云掌柜的不断完善，云掌柜也陪着无舍不断发展壮大。云掌柜小伙伴们的服务态度和技术人员的配合是我们选择续约的一个重要原因，曾有技术人员因为一个小问题当天下单购买一款小众手机做测试，这样的敬业精神让人敬佩。”
                </p>
              </div>
            </div>
          </div>
        </div>
        <a href="#?" class="slide-right" id="goL"></a>
      </div>

    </div>
  </section>
  <section class="cooperate">
    <div class="length">
      <h3 class="title">合作渠道</h3>
      <ul class="clx">
        <li><img src="images/logo-elong.png" /></li>
        <li><img src="images/logo-ctrip.png" /></li>
        <li><img src="images/logo-feizhu.png" /></li>
        <li><img src="images/logo-airbnb.png" /></li>
        <li><img src="images/logo-tujia.png" /></li>
        <li><img src="images/logo-xiaozhu.png" /></li>
        <li><img src="images/logo-zhenguo.png" /></li>
        <li><img src="images/logo-expedia.png" /></li>
        <li><img src="images/logo-booking.png" /></li>
        <li><img src="images/logo-agoda.png" /></li>
        <li><img src="images/logo-weila.png" /></li>
        <li><img src="images/logo-zs.png" /></li>
        <li><img src="images/logo-msk.png" /></li>
        <li><img src="images/logo-ytys.png" /></li>
        <li><img src="images/logo-jihe.png" /></li>
        <li><img src="images/logo-jsyx.png" /></li>
      </ul>
    </div>

  </section>
  <section class="recruit">
    <p>诚招行业精英，我们期待您的加入</p>
    <a href="https://www.zhipin.com/gongsi/1255041f4844a8f71HB80t69.html" target="_blanck" class="btn">查看岗位</a>
  </section>
  <footer>
    <div class="length">
      <dl class="clx">
        <dt>联系我们</dt>
        <dd>
          <p class="t14">商务合作与业务咨询请致信邮箱 ：lzkj-marketing@ly.com</p>
        </dd>
      </dl>
      <dl class="clx">
        <dt>产品服务</dt>
        <dd>
          <a href="https://www.yunzhanggui.net" target="_blank">云掌柜PMS</a>
          <a href="https://v2.yunzhanggui.net/user/login" target="_blank">客栈版云掌柜PMS</a>
        </dd>
      </dl>
      <dl class="clx">
        <dt>友情链接</dt>
        <dd>
          <a href="https://www.elong.com" target="_blank">艺龙</a>
          <a href="https://www.ctrip.com" target="_blank">携程</a>
          <a href="https://www.alitrip.com/" target="_blank">飞猪</a>
          <a href="https://zh.airbnb.com/" target="_blank">Airbnb</a>
          <a href="https://www.zhenguo.com/" target="_blank">美团民宿</a>
          <a href="https://www.xiaozhu.com/" target="_blank">小猪</a>
          <a href="https://merchant.tujia.com/" target="_blank">途家</a>
          <a href="https://ycs.agoda.com/zh-cn/Login" target="_blank">Agoda</a>
          <a href="https://admin.booking.com/hotel/hoteladmin/?lang=zh" target="_blank">Booking</a>
          <a href="https://www.expedia.com/?langid=2052" target="_blank">Expedia</a>
        </dd>
      </dl>
      <p class="copy">上海宿程信息科技有限公司    <a href="https://beian.miit.gov.cn/" target="_blank">沪ICP备17019117号-5</a></p>
    </div>

  </footer>
  <script src="js/jquery-1.9.1.js"></script>
  <script src="js/swiper.min.js"></script>
  <script src="js/Marquee.js"></script>
  <script>
    var swiperSell = new Swiper('.sell-swiper .swiper-container', {
      loop: true,
      autoplay: true,
      effect: 'fade',
      fadeEffect: {
        crossFade: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
    var galleryThumbs = new Swiper('.gallery-thumbs', {
      spaceBetween: 10,
      slidesPerView: 4,
      freeMode: true,
      watchSlidesVisibility: true,
      watchSlidesProgress: true,
    });
    var swiperEcology = new Swiper('.ecology-swiper .swiper-container', {
      loop: true,
      autoplay: true,
      autoplayDisableOnInteraction: false,
      observer: true,
      observeParents: true,
      speed: 500,
      effect: 'fade',
      fadeEffect: {
        crossFade: true,
      },
      thumbs: {
        swiper: galleryThumbs
      }
    });
    $('#marquee1').kxbdSuperMarquee({
      distance: 540,
      time: 3,
      btnGo: { left: '#goL', right: '#goR' },
      direction: 'left'
    });
    $('#softwareServices,#icon-software').click(function () {
      $('html,body').animate({ scrollTop: $('#softwareServicesPop').offset().top - 80 }, 800);
    });
    $('#channelOperation,#icon-channel').click(function () {
      $('html,body').animate({ scrollTop: $('#channelOperationPop').offset().top - 80 }, 800);
    });
    $('#directSellingOperation,#icon-sell').click(function () {
      $('html,body').animate({ scrollTop: $('#directSellingOperationPop').offset().top - 80 }, 800);
    });
    $('#ecoServices,#icon-ecology').click(function () {
      $('html,body').animate({ scrollTop: $('#ecoServicesPop').offset().top - 80 }, 800);
    });
    function accumulate(i, q, id) {
      $().ready(function () {
        let int;
        $(window).scroll(function () {
          var topp = $(document).scrollTop();
          if (topp > 400) {
            int = setInterval(function () {
              $(id).html(i);
              if (i < q) {
                i += q * 0.01;
              }
            }, 100);
          }
          if (i >= q) {
            $('.icon-plus').addClass('transparency');
            clearInterval(int);
            flag = false
          }
        });
      })
    }
    accumulate(0, 500000, '#num1');
    accumulate(0, 200000, '#num2');
    accumulate(0, 5000000, '#num3');
    $(window).scroll(function () {
      var h = $(this).scrollTop();
      if (h >= 600 && h <= 1000) {
        $('.software .current-title-wrap').addClass('move transparency')
        $('.software ul').addClass('move transparency')
      }
      if (h < 800) {
        $('header').removeClass('transparency')
      }
      if (h > 800) {
        $('header').addClass('transparency')
      }
      if (h >= 1200 && h <= 1800) {
        $('.channel .current-title-wrap').addClass('move transparency')
        $('.channel ul').addClass('move transparency')
      }
      if (h >= 2000 && h <= 2400) {
        $('.sell .current-title-wrap').addClass('move transparency')
        $('.sell-swiper').addClass('move transparency')
      }
      if (h >= 2600 && h <= 3200) {
        $('.ecology .current-title-wrap').addClass('move transparency')
        $('.ecology-wrap').addClass('move transparency')
      }
      if (h >= 3400 && h <= 3800) {
        $('.finance .current-title-wrap').addClass('move transparency')
        $('.finance ul').addClass('move transparency')
      }
    })
  </script>
</body>

</html>
