<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>浩天企业服务平台</title>
<link rel="stylesheet" type="text/css" href="style/css/index.css">
<meta name="keywords" content="联连" />
<meta name="description" content="联连" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<link rel="shortcut icon" href="./style/css/img/icon.png" type="images/x-icon" />

<script type="text/javascript" src="style/js/jquery.min.js" ></script>
  <script src="style/js/jquery.macll.js"></script>
  <script>
    $(function () {
      $('#machome').scroll(function () {
        let scrollTop=$('#machome').scrollTop()
        if(scrollTop >='0'&& scrollTop<='903'){
          $("#pageNav a").removeClass("activeA")
          $("a[href='#machome']").addClass("activeA")
          // $('#partnerTitle').removeClass('ani-fun-title')
          // $('#partnerTitle02').removeClass('ani-fun-title-02')
          // $('#partnerPhoto').removeClass('ani-fun-card')
        }
        else if (scrollTop >='1003' && scrollTop <='2000'){
          $("#pageNav a").removeClass("activeA")
          $("a[href='#function']").addClass("activeA");
          // $('#funTitle').addClass('ani-fun-title')
          // $('#funTitle02').addClass('ani-fun-title-02')
          // $('#funCard').addClass('ani-fun-card')
          //   $('#faqTitle').removeClass('ani-faq-title')
          //   $('#faqTitle02').removeClass('ani-faq-title-02')
          //   $('#faqTop').removeClass('ani-faq-top')
          //   $('#faqContent').removeClass('ani-faq-content')

        }else if (scrollTop>='2000' && scrollTop<='3063'){
          $("#pageNav a").removeClass("activeA")
          $("a[href='#faq']").addClass("activeA");
          $('#partnerTitle').removeClass('ani-fun-title')
          $('#partnerTitle02').removeClass('ani-fun-title-02')
          $('#partnerPhoto').removeClass('ani-fun-card')
          $('#faqTitle').addClass('ani-faq-title')
          $('#faqTitle02').addClass('ani-faq-title-02')
          $('#faqTop').addClass('ani-faq-top')
          $('#faqContent').addClass('ani-faq-content')
          $('#updateTitle').removeClass('ani-update-title')
          $('#updateTitle02').removeClass('ani-update-title-02')
          $('#updateCard').removeClass('ani-update-card')
        }else if(scrollTop>='3063'&& scrollTop<='5223'){
          $("#pageNav a").removeClass("activeA")
          $("a[href='#update']").addClass("activeA");
          // $('#updateTitle').addClass('ani-update-title')
          // $('#updateTitle02').addClass('ani-update-title-02')
          // $('#updateCard').addClass('ani-update-card')
          // $('#faqTitle').removeClass('ani-faq-title')
          // $('#faqTitle02').removeClass('ani-faq-title-02')
          // $('#faqTop').removeClass('ani-faq-top')
          // $('#faqContent').removeClass('ani-faq-content')
          // $('#aboutTitle').removeClass('ani-about-title');
          // $('#aboutCn').removeClass('ani-about-cn');
          // $('.about div').removeClass('ani-about-div')
        }else if(scrollTop>='5223'&&scrollTop<='6353'){
          $("#pageNav a").removeClass("activeA")
          $("a[href='#about']").addClass("activeA");
          // $('#aboutTitle').addClass('ant-about-title');
          // $('#aboutCn').addClass('ani-about-cn');
          // $('.about div').addClass('ani-about-div')
          // $('#updateTitle').removeClass('ani-update-title')
          // $('#updateTitle02').removeClass('ani-update-title-02')
          // $('#updateCard').removeClass('ani-update-card')
          // $('#partnerTitle').removeClass('ani-partner-title')
          // $('#partnerTitle02').removeClass('ani-partner-title-02')
          // $('#partnerPhoto').removeClass('ani-partnerPhoto')
        }else if(scrollTop>='6353'){
          $("#pageNav a").removeClass("activeA")
          $("a[href='#partner']").addClass("activeA");
          // $('#partnerTitle').addClass('ani-partner-title')
          // $('#partnerTitle02').addClass('ani-partner-title-02')
          // $('#partnerPhoto').addClass('ani-partnerPhoto')
          // $('#aboutTitle').removeClass('ani-about-title');
          // $('#aboutCn').removeClass('ani-about-cn');
          // $('.about div').removeClass('ani-about-div')
        }
        if(scrollTop >='0'&& scrollTop<='303'){
          $('#funTitle').removeClass('ani-fun-title')
          $('#funTitle02').removeClass('ani-fun-title-02')
          $('#funCard').removeClass('ani-fun-card')
        }
        else if (scrollTop >='303' && scrollTop <='1200'){
          $('#funTitle').addClass('ani-fun-title')
          $('#funTitle02').addClass('ani-fun-title-02')
          $('#funCard').addClass('ani-fun-card')
          $('#faqTitle').removeClass('ani-faq-title')
          $('#faqTitle02').removeClass('ani-faq-title-02')
          $('#faqTop').removeClass('ani-faq-top')
          $('#faqContent').removeClass('ani-faq-content')

        }else if (scrollTop>='1200' && scrollTop<='2563'){
          $('#funTitle').removeClass('ani-fun-title')
          $('#funTitle02').removeClass('ani-fun-title-02')
          $('#funCard').removeClass('ani-fun-card')
          $('#faqTitle').addClass('ani-faq-title')
          $('#faqTitle02').addClass('ani-faq-title-02')
          $('#faqTop').addClass('ani-faq-top')
          $('#faqContent').addClass('ani-faq-content')
          $('#updateTitle').removeClass('ani-update-title')
          $('#updateTitle02').removeClass('ani-update-title-02')
          $('#updateCard').removeClass('ani-update-card')
        }else if(scrollTop>='2563'&& scrollTop<='4823'){

          $('#updateTitle').addClass('ani-update-title')
          $('#updateTitle02').addClass('ani-update-title-02')
          $('#updateCard').addClass('ani-update-card')
          $('#faqTitle').removeClass('ani-faq-title')
          $('#faqTitle02').removeClass('ani-faq-title-02')
          $('#faqTop').removeClass('ani-faq-top')
          $('#faqContent').removeClass('ani-faq-content')
          $('#aboutTitle').removeClass('ani-about-title');
          $('#aboutCn').removeClass('ani-about-cn');
          $('.about div').removeClass('ani-about-div')
        }else if(scrollTop>='4823'&&scrollTop<='5803'){

          $('#aboutTitle').addClass('ant-about-title');
          $('#aboutCn').addClass('ani-about-cn');
          $('.about div').addClass('ani-about-div')
          $('#updateTitle').removeClass('ani-update-title')
          $('#updateTitle02').removeClass('ani-update-title-02')
          $('#updateCard').removeClass('ani-update-card')
          $('#partnerTitle').removeClass('ani-partner-title')
          $('#partnerTitle02').removeClass('ani-partner-title-02')
          $('#partnerPhoto').removeClass('ani-partnerPhoto')
        }else if(scrollTop>='5803'){
          $('#partnerTitle').addClass('ani-partner-title')
          $('#partnerTitle02').addClass('ani-partner-title-02')
          $('#partnerPhoto').addClass('ani-partnerPhoto')
          $('#aboutTitle').removeClass('ani-about-title');
          $('#aboutCn').removeClass('ani-about-cn');
          $('.about div').removeClass('ani-about-div')
        }
      })
      $('#upload').hover(function (){
        $('.QRCard').slideDown()
        // $('.QRCard').show();
      })
      $('#close').click(function () {
        $('.QRCard').slideUp();
      })
    })
  </script>
<script type="text/javascript">
  //控制鼠标滚轮事件触发
  function goLogin(){
  window.open('http://billywood.cn/costpc/')
  // window.location.href='http://124.70.111.57/#/dashboard';
}
</script>
   <style>
    .op{
    }
    .QRCard{
      width: 150px;
      height: 180px;
      margin-left: -2%;
      position: fixed;
      top: 70px;
      background-color: rgba(255,255,255,0.9);
      border-radius: 5%;
      text-align: center;
      display: none;
      color: #333333;
    }
    .android{
      text-align: center;
    }
    .android img{
      margin-top: 30px;
      margin-left:30px ;
      margin-bottom: 0px;
    }
    .androidTitle{
      display: inline-block;
      position: absolute;
      top: 1px;
      left: 0px;
      margin-top: -10px;
      font-weight: bolder;
      margin-bottom: 20px;
      color: #666666;
    }
    .android div{
      position: absolute;
      top: 90px;
      left: 28px;
      color: #333333;
      font-size: 12px;
      font-weight:bolder ;
      text-align: center;
    }
    .QRCard div{
      display: inline;
      float: left;
    }
    .ios{
    }
    .iosTitle{
      display: inline-block;
      position: absolute;
      top: 1px;
      right: 60px;
      margin-top: -10px;
      font-weight: bolder;
      margin-bottom: 20px;
      color: #666666;
    }
    .ios img{
      margin-top: 40px;
      margin-left:50px ;
      margin-bottom: 0px;
    }
    .ios div{
      position: absolute;
      top: 110px;
      right: 25px;
      color: #333333;
      font-size: 12px;
      font-weight:bolder ;
      text-align: center;
    }
    #close{
      clear: both;
      position: absolute;
      font-size: 14px;
      font-weight: bolder;
      color: #666666;
      margin-top: 130px;
      left: 40px;
      cursor: pointer;
    }
  </style>
</head>
<body id="machome">

<div id="topBar" class="topBar">
  <div class="w1000">
    <h1><a id="gotop" href="http://billywood.cn/" class="gotop">联连网站</a></h1>
    <div id="pageNav" class="pageNav">
      <a href="#machome" class="active">首页</a>
      <a href="#function">费控现状</a>
      <a href="#faq">费控趋势</a>
      <a href="#update">解决方案</a>
      <a href="#about">关于我们</a>
      <a href="#partner">合作伙伴</a>
      <button  class="login"  onclick="goLogin()">系统登录</button>
      <div class="upload op">
        <div class="QRCard">
          <div class="android">
            <img src="http://billywood.cn/style/css/img/ykyQRcode.png" width="80px" height="80px">
            <div id="androidTitle">扫描二维码下载</div>
          </div>
          <div id="close">点击收起</div>
        </div>
      </div>
        <div class="upload" id="upload">App下载</div>
    </div>
  </div>

</div>

</div>
<div class="banner section">
  <h1 class="banner-title">高效、自动化管理支出的企业费控系统</h1>
  <h2 class="banner-title-02">预算关联、流程驱动、数据集成、全程数字化</h2>
</div>

</div>
<div id="pageContent">
  <div id="function" class="function">
    <h1 class="function-title" id="funTitle">企业费控管理现状-传统企业费控管理</h1>
    <h2 class="function-title-02" id="funTitle02">传统的管控方式对于管理者、财务人员、员工均形成了较大的工作挑战</h2>
    <div class="funcition-card" id="funCard">
      <div class="function-card-1" id="card-1">
        <span>管理者</span>
        <ul>
          <li>公司费用支出居高不下不知原因</li>
          <li>如何<p class="card-content">降低费用，控制成本</p> </li>
          <li>想细化或修订费用管理政策，不知重点，更没有有效的落地工具</li>
        </ul>
      </div>
      <div class="function-card-1" id="card-2">
        <span>财务</span>
        <ul>
          <li>有政策，无执行，管理难，管控弱 </li>
          <li>老板提出 <p class="card-content">降本增效</p>，觉得无从下手</li>
          <li>财务基础事务性工作量巨大</li>
          <li>申请/消费/控制/报销/审核/支付/入账流程难整合，效率低</li>
        </ul>
      </div>
      <div class="function-card-1" id="card-3">
        <span>员工</span>
        <ul>
          <li>报销流程繁琐，贴票多，报销单填写复杂，审核效率低</li>
            <li>垫资量大，报销款发放周期长</li>
           <li>无法更<p class="card-content">便捷</p>的预定机票/酒店/用车/用餐，且和费用管理流程脱节</li>
        </ul>
      </div>
    </div>
  </div>
  <div id="faq" class="faq">
    <h1 class="faq-title" id="faqTitle">企业费控管理发展趋势</h1>
    <h2 class="faq-title-02" id="faqTitle02">从1.0手工报销模式到2.0线上报销模式，再到3.0移动报销模式，企业对费用管控的模式与技术虽然在不断升级迭代，
      但始终没有将消费端纳入费控体系，难以形成完整链路和闭环，4.0智能费控模式应运而生。</h2>
    <div class="faq-top" id="faqTop">
      <div>
        <span>1.0</span>
        <h3>纸质化管理</h3>
        <p>效率低，员工费时费力</p>
      </div>
      <div>
        <span>2.0</span>
        <h3>线上化管控</h3>
        <p>部门之间无协同</p>
      </div>
      <div>
        <span>3.0</span>
        <h3>数字化升级</h3>
        <p>流程优化，满足基本要求</p>
      </div>
      <div>
        <span>4.0</span>
        <h3>智慧管控</h3>
        <p>深化管控，帮企业降本增效力</p>
      </div>
    </div>
    <div class="faq-content" id="faqContent">
      <ul>
        <li>
          <h4>国家合规性约束和政策支持</h4>
          <p>受到国家透明采购的要求、纪委审查等因素驱动，国央企、大型民企逐渐重视对企业内部整体费用的控制。政府不断推出推行电子化档案管理、增值税电子发票、企业无纸化办公的政策。</p>
        </li>
        <li>
          <h4>企业重视度提升</h4>
          <p>政府、国有企业、大中型企业大力推行数字化转型，信息化的企业费用管理逐渐成为刚需，疫情加速了信息化升级步伐。</p>
        </li>
        <li>
          <h4>信息化基础设施建设趋于健全</h4>
          <p>机票、酒店、打车等上游供应链全方面线上化、数据实时可追踪、抓取，为智慧费用管控提供了有利的前提条件。</p>
        </li>
         <li>
          <h4>市场教育不断推进，已到开花结果阶段</h4>
          <p>TMC厂商不断进行市场教育，近20年的市场教育已到开花结果阶段。</p>
        </li>
      </ul>
    </div>
  </div>
  <div id="update" class="update">
    <h1 class="update-title" id="updateTitle">费控管理解决方案</h1>
    <h2 class="update-title-02" id="updateTitle02">传统的管控方式对于管理者、财务人员、员工均形成了较大的工作挑战</h2>
    <div class="update-card-group" id="updateCard">
      <div class="update-card">
        <h3>全流程费用管理</h3>
        <p>涵盖预算、申请、审批、线上预订、报销、付款、入账、进项税认证等完整的费控功能，贯穿事前、事中和事后的全费用控制环节，帮助企业实现全流程、一体化管理，提升费控效率和价值。</p>
      </div>
      <div class="update-card">
        <h3>无缝集成企业消费场景</h3>
        <p>通过API接口方式无缝集成差旅、会务、疗养、度假、团建、红色旅游等企业高频次消费场景，实现聚合比价科学采购模式，通过线上集采、统一结算的模式，使企业消费更加方便快捷且透明合规。</p>
      </div>
      <div class="update-card">
        <h3>业财税一体化</h3>
        <p>通过标准的API接口实现企业内部系统，外部供应商系统、服务商系统，外部供应链金融和费控云平台无缝集成，各类费用统一管控，审批流程规范化，发票统一归集，实现真正的业财税一体化。</p>
      </div>
      <div class="update-card">
        <h3>AI+RPA为财务赋能</h3>
        <p>将AI+RPA等新技术应用到企业费用报销领域，实现多票据同拍，自动定位、切割、识别、查重、验真，提取发票结构化数据，进行智能填报，全面实现费用报销智能化，财务核算自动化，提升工作效率。</p>
      </div>
      <div class="update-card">
        <h3>精细化费用管控</h3>
        <p>采用引擎化的技术方案，对企业的各类费用都可以针对性地进行配置，实现多维度的费用管控。针对使用频次高、管理复杂的差旅费、招待费、车辆费、劳务费、快递费等，深入系统化的提供专项解决方案。</p>
      </div>
      <div class="update-card">
        <h3>人性化体验</h3>
        <p>创新人性化体验，机票、酒店、用车均可支持节约归己模式，企业自行设定归己比例，可用于在福利商城因私购买消费，也可用于超标自付补充，因公与因私福利打通、支持混合支付，提升员工参与感和归属感。</p>
      </div>
    </div>
  </div>
  <div  class="applyForReimbursement" id="applyForReimbursement">
    <h1 class="apply-title" id="applyTitle">打通员工费用报销</br>对公采购报账业务全流程</h1>
    <ul id="applyList">
      <li>通过“一个SaaS平台”管理企业全部费用支出，赋能企业数智化管理</li>
      <li> 深度融合企业消费场景与费控平台，集成多供应商比价采购平台</li>
      <li> 大量应用AI+RPA技术， 提升智能化应用水平 </li>
      <li> 改变传统的零散报销，由平台实现一键急速报销， 无感报销或免报销 </li>
    </ul>
    <div class="apply-photo" id="applyPhoto">
    </div>
  </div>
  <div  class="about" id="about">
      <h1 class="about-title" id="aboutTitle">ABOUT</br>US</h1>
      <h1 class="about-cn" id="aboutCn">关于我们</h1>
      <div>
        <h2>京习源费控管理平台简介</h2>
        <ul>
          <li>京习源费控云平台是一套以企业预算及财务标准为主线，实现与费用支出相关的控制中心的数字化交易平台。平台聚集企业因</br>
            公消费的海量交易数据，使之规范化并进行数据分析，从而解决因公支付场景的规范化、透明化问题。</li>
          <li>&nbsp;</li>
          <li>平台总体架构由两部分组成，采用pc网站+手机APP的体系，实现线上实时交易、在线管理等功能。</li>
        </ul>
      </div>
  </div>
  <div  class="partner" id="partner">
    <h1 class="partner-title" id="partnerTitle" >长期合作企业客户</h1>
    <h2 class="partner-title-02" id="partnerTitle02">合作客户超过 4000+家企业，覆盖 20+省份，1000万人，客户续约率近 100% </h2>
    <div class="partner-photo" id="partnerPhoto"></div>
  </div>
  <div class="footer">
    <div class="w1000">
      <div class="copyright">
        <label>Copyright © 2014-2022 北京京习源科技有限公司. 地址：北京市通州区光华路甲1号1幢3层309号</br>

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

</body>
</html>
