quyueting
/
manHourHousekeeper


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="keywords" content="工时管理,项目成本管理,工时统计,项目成本统计" />
    <meta name="description" content="工时管家是专业的工时管理软件,提供专业的工时填报，审核和统计功能。引进现代工时管理和项目管理的理念，核算项目投入成本准确便捷，企业IPO利器"/>
    <title>工时管理|工时记录|项目成本管理-工时管家是专业便捷的工时管理系统。 手机移动填报|核算项目成本|企业IPO利器！</title>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap&subset=latin-ext" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet">
    <!-- <link href="css/fontawesome-all.css" rel="stylesheet"> -->
    <link href="css/font-awesome.css" rel="stylesheet">
    <link href="css/swiper.css" rel="stylesheet">
	<link href="css/magnific-popup.css" rel="stylesheet">
	<link href="css/styles.css" rel="stylesheet">
    <link rel="icon" href="images/favicon.png">
    <!-- 定价方案（改版）样式 -->
    <link rel="stylesheet" href="./css/revision.css">
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?db6f9072933f13477e2679fb672a8761";
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(hm, s);
        })();
    </script>
    
<script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?fba29f060a1eaae67a055ea3aeac38fe";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
    
</head>
<body data-spy="scroll" data-target=".fixed-top" style="overflow-y:none">
    <div class="spinner-wrapper">
        <div class="spinner">
            <div class="bounce1"></div>
            <div class="bounce2"></div>
            <div class="bounce3"></div>
        </div>
    </div>

    <nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top">
        <div class="container">

            <!-- Text Logo - Use this if you don't have a graphic logo -->
            <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Tivo</a> -->

            <!-- Image Logo -->
            <a class="navbar-brand logo-image" href="index.html">
                <img src="images/img/logo.png" alt="alternative">
            </a>
            <!-- <img src="images/logo.svg" alt="alternative"> -->
            
            <!-- Mobile Menu Toggle Button -->
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-awesome fa fa-bars"></span>
                <span class="navbar-toggler-awesome fa fa-times"></span>
            </button>
            <!-- end of mobile menu toggle button -->

            <!-- <div class="collapse navbar-collapse" id="navbarsExampleDefault">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="#header">官网首页 <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="#pricing">产品定价</a>
                    </li>
                    <li class="nav-item">
                    </li>
                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="./mobile.html">手机版</a>
                    </li>
                    <li class="nav-item other-item">
                        <a class="nav-link page-scroll" href="./about.html">关于我们</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="http://worktime.ttkuaiban.com/#/register" target="_blank">立即注册</a>
                    </li>
                    <li class="nav-divider"></li>
                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="http://worktime.ttkuaiban.com/#/login" target="_blank">后台登录</a>
                    </li>
                </ul>
            </div> -->
            <div class="tabls">
                <div class="al"><a href="#header">官网首页</a></div>
                <div><a href="#pricing">定价方案</a></div>
                <div><a href="./mobile.html">手机版</a></div>
                <div><a href="./about.html">关于我们</a></div>
                <div><a href="http://worktime.ttkuaiban.com/#/register">立即注册&nbsp;|</a><a href="http://worktime.ttkuaiban.com/#/login">&nbsp;后台登录</a></div>
            </div>
        </div>
    </nav>
        <!-- 弹出层 -->
        <div class="popups"></div>
        <!-- 弹出层 -->
        <header id="header" class="header">
            <div class="header-content">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-xl-12">
                            <div class="text-container">
                                <p class="indx">为工时填报、审核和统计提供专业解决方案，支持PC端、微信和钉钉。基于项目/部门/人员多维度统计工时，可导出报表对接其他系统。</p>
                                <div class="col-lg-9 col-md-9 col-xl-9" style="margin: 0 auto;display: flex;justify-content: space-around;flex-wrap: wrap;margin-left: 27.5rem;">
                                    <div style="width: 100%;" class="ald">
                                        <!-- <a class="btn-solid-lg btn-solid-lg-white page-scroll overload">软件演示 -->
                                        <a class="page-scroll overload allsal">软&nbsp件&nbsp演&nbsp示
                                            <div class="service2">
                                                <p style="color: #333">微信扫码</p>
                                                <img src="./images/code.jpg">
                                                <p><span style="color: #333">客服QQ：</span>3052894409</p>
                                            </div>
                                        </a>
                                        <a class="page-scroll allsal" href="http://worktime.ttkuaiban.com/#/login" target="_blank">免&nbsp费&nbsp使&nbsp用</a>
                                    </div>
                                    <!-- <div style="width: 100%;" class="ald">
                                        <a class="page-scroll allsal" href="./mobile.html" target="_blank">手&nbsp机&nbsp版</a>
                                        <span id="xyz" style="color: #555555;" class="page-scroll overload allsal">使&nbsp用&nbsp说&nbsp明</span>
                                    </div> -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <!-- 使用说明弹出层 -->
        <div class="instructions" id="instructions" style="display: none;">
            <div class="popup" id="popup">
                <div class="use">
                    <h5>使用说明</h5>
                    <span id="colse">X</span>
                </div>
                <div class="docums">
                    <p><a style="color:#409EFF;text-decoration:none" href="http://worktime.ttkuaiban.com/upload/工时管家使用说明.docx" download="工时管家使用说明.docx" 
                        target="_blank">工时管家使用说明.docx</a></p>
                    <!-- <p><a style="color:#409EFF;text-decoration:none" href="http://worktime.ttkuaiban.com/upload/工时管家使用说明_项目经理.docx" download="工时管家使用说明_项目经理.docx" 
                        target="_blank">工时管家使用说明_项目经理.docx</a></p>
                    <p><a style="color:#409EFF;text-decoration:none" href="http://worktime.ttkuaiban.com/upload/工时管家使用说明_普通员工.docx" download="工时管家使用说明_普通员工.docx" 
                        target="_blank">工时管家使用说明_普通员工.docx</a></p>
                    <p><a style="color:#409EFF;text-decoration:none" href="http://worktime.ttkuaiban.com/upload/团队协作使用文档.docx" download="团队协作使用文档.docx" 
                        target="_blank">团队协作使用文档.docx</a></p> -->
                </div>
            </div>
        </div>

        <!-- 产品应用场景 -->
        <div class="product">
            <div class="pro_tops">
                <h2>产品应用场景</h2>
                <p>PRODUCT SCENARIOS</p>
                <div>随着企业发展不断扩大，项目成本管理需要正规化，这是企业管理的必经之路。得益于行业内积累的技术和产品经验，我们致力于帮助客户顺利完成数字化转型。</div>
            </div>
            <div class="pro_con">
                <img src="images/img/jdx.jpg" alt="">
            </div>
        </div>

        <!-- 流程描述 -->
        <div class="process">
            <div class="process_til">
                <h2>流程描述</h2>
                <p>PROCESS DESCRIPTION</p>
            </div>
            <div class="process_con">
                <div class="process_con">
                    <div class="process_ctn xm1">
                        <div class="pro_im1"></div>
                        <h4>项目创建</h4>
                        <span></span>
                        <div class="alp">
                            <p style="margin-top: 55px;">可预估工时,</p> 
                            <p>设置成本基线</p>
                        </div>
                    </div>
                </div>
                <div class="process_con">
                    <div class="process_ctn xm2">
                        <div class="pro_im2"></div>
                        <h4>员工填报</h4>
                        <span></span>
                        <div class="alp">
                            <p style="margin-top: 55px;">日报/周报/月报</p> 
                            <p>1分钟搞定。</p>
                        </div>
                    </div>
                </div>
                <div class="process_con">
                    <div class="process_ctn xm3">
                        <div class="pro_im3"></div>
                        <h4>项目经理审核</h4>
                        <span></span>
                        <div class="alp">
                            <p style="margin-top: 55px;">支持按人员/</p> 
                            <p>项目/部门筛选</p>
                            <p>批量审核。</p>
                        </div>
                    </div>
                </div>
                <div class="process_con">
                    <div class="process_ctn xm4">
                        <div class="pro_im4"></div>
                        <h4>汇总数据</h4>
                        <span></span>
                        <div class="alp">
                            <p style="margin-top: 34px;">系统自动计算</p> 
                            <p>工时成本，按项</p>
                            <p>目/部门/人员</p>
                            <p>归纳。</p>
                        </div>
                    </div>
                </div>
                <div class="process_con">
                    <div class="process_ctn xm5">
                        <div class="pro_im5"></div>
                        <h4>生成统计报表</h4>
                        <span></span>
                        <div class="alp">
                            <p style="margin-top: 55px;">项目成本表,</p> 
                            <p>收支平衡表等,</p>
                            <p>支持Excel导出,</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 产品特色功能 -->
        <div class="features">
            <div class="process_til">
                <h2>产品特色功能</h2>
                <p>SPECIAL FUNCTION</p>
            </div>
            <div class="chul">
                <div data-ids="0" class="atbs"><img src="images/img/gongshi.png" alt="">工时填报</div>
                <div data-ids="1" class="atbs on"><img src="images/img/baogao.png" alt="">报告查看</div>
                <div data-ids="2" class="atbs"><img src="images/img/she.png" alt="">工时审批 </div>
                <div data-ids="3" class="atbs"><img src="images/img/tongji.png" alt="">项目管理</div>
                <div data-ids="4" class="atbs"><img src="images/img/xmu.png" alt="">项目报表</div>
                <div data-ids="5" class="atbs"><img src="images/img/cb.png" alt="">成本统计</div>
                <div data-ids="6" class="atbs"><img src="images/img/heshuan.png" alt="">财务核算</div>
                <div data-ids="7" class="atbs"><img src="images/img/kehu.png" alt="">客户管理</div>
                <div data-ids="8" class="atbs"><img src="images/img/feiy.png" alt="">费用报销</div>
                <div data-ids="9" class="atbs"><img src="images/img/gongc.png" alt="">工程管理</div>
            </div>
            <div class="feat_bottom" id="adt">
                <h5>提供便捷强大的工时填报、审核、统计功能，围绕企业成本提供一站式解决方案。</h5>
                <div class="feat">
                    <div class="lis"><img src="images/img/工时填报.png" alt=""></div>
                    <div class="lis"><img src="images/img/日报查看.png" alt=""></div>
                    <div class="lis"><img src="images/img/日报审核.png" alt=""></div>
                    <div class="lis"><img src="images/img/bao4.png" alt=""></div>
                    <div class="lis"><img src="images/img/bao2.png" alt=""></div>
                    <div class="lis"><img src="images/img/bao6.png" alt=""></div>
                    <div class="lis"><img src="images/img/bao7.png" alt=""></div>
                    <div class="lis"><img src="images/img/bao8.png" alt=""></div>
                    <div class="lis"><img src="images/img/bao9.png" alt=""></div>
                    <div class="lis"><img src="images/img/bao10.png" alt=""></div>
                </div>
            </div>
        </div>

        <!-- 产品矩形 -->
        <div class="rectangular">
            <div class="process_til">
                <h2>产品矩阵</h2>
                <p>PRODUCT MATRIX</p>
            </div>
            <div class="rect_con"><img src="images/img/cpjx.png" alt=""></div>
        </div>

        <!-- 产品优势 -->
        <div class="advantage">
            <div class="process_til">
                <h2>产品优势</h2>
                <p>PRODUCT ADVANTAGE</p>
            </div>
            <div class="advant_con"><img src="images/img/cpys.png" alt=""></div>
        </div>

        <!-- 客户说 -->
        <div class="customer">
            <div class="process_til">
                <h2>客户说</h2>
                <p>CUSTOMER COMMENTS</p>
            </div>
            <div style="position: relative;width: 1200px;margin: auto;">
                <div class="containerss">
                    <div class="listss" style="left:0px;">
                        <img src="./images/img/芯传汇.jpg"></img>
                        <img src="./images/img/唐古.jpg"></img>
                        <img src="./images/img/成都中为.jpg"></img>
                    </div>
                </div>
                <div class="buttss">
                    <span index="1" class="ons"><i></i></span>
                    <span index="2"><i></i></span>
                    <span index="3"><i></i></span>
                </div>
                <span class="arrows lefts"><img src="./images/img/left.png" alt=""></span>
                <span class="arrows rights"><img src="./images/img/right.png" alt=""></span>
            </div>
            <div class="cust">
                <h6 id="tiltsl">南京芯传汇电子科技 财务总监</h6>
                <p id="ppls">「 企业上市对我们的财务提出了严格的要求，工时管家系统帮助我们达到了目标。每个月的成本可以自动分摊到项目上，精确化管理研发项目成本，非常方便好用。」</p>
            </div>
        </div>

        <!-- 定价方案 -->
        <div class="pricings" id="pricing" style="margin-bottom: 300px;">
            <div class="process_til">
                <h2>定价方案</h2>
                <p>PRICE PLAN</p>
            </div>
            <div class="pri">
                <div class="li">
                    <div class="li_con">
                        <div>基础版</div>
                        <div>￥<span>180</span>/人/年</div>
                    </div>
                    <div>
                        <ul style="padding: 0;">
                            <li>技术支持: 7X24小时</li>
                            <li>系统基础设置</li>
                            <li>组织结构管理</li>
                            <li>基础项目管理</li>
                            <li>员工填报日报</li>
                            <li>项目经理审批</li>
                            <li>日报数据导出</li>
                            <li>财务核算成本</li>
                            <li>工时成本统计</li>
                            <li>支持PC端，微信端和钉钉填报</li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="btn"><a href="http://worktime.ttkuaiban.com/#/login"></a></div>
                </div>

                <div class="li">
                    <div class="li_con">
                        <div>项目管理专业版</div>
                        <div>￥<span>240</span>/人/年</div>
                    </div>
                    <div>
                        <ul style="padding: 0;">
                            <li>技术支持: 7X24小时</li>
                            <li>1对1客服</li>
                            <li>免费使用培训</li>
                            <li style="color: #ff6565;">基础版全部功能+</li>
                            <li>专业项目任务管理</li>
                            <li>文件中心</li>
                            <li>按项目统计成本</li>
                            <li>项目数据统计</li>
                            <li>项目成本预估</li>
                            <li>费用报销管理</li>
                            <li>项目报表服务</li>
                            <li>客户管理</li>
                            <li>支持PC端，微信端和钉钉填报</li>
                        </ul>
                    </div>
                    <div class="btn"><a href="http://worktime.ttkuaiban.com/#/login"></a></div>
                </div>

                <div class="li">
                    <div class="li_con">
                        <div>建筑工程专业版</div>
                        <div>￥<span>300</span>/人/年</div>
                    </div>
                    <div>
                        <ul style="padding: 0;">
                            <li>技术支持: 7X24小时</li>
                            <li>1对1客服</li>
                            <li>免费使用培训</li>
                            <li style="color: #ff6565;">项目管理全部功能+</li>
                            <li>工程专业管理</li>
                            <li>项目关联专业</li>
                            <li>设置专业负责人</li>
                            <li>专业审核</li>
                            <li>部门审核</li>
                            <li>专业进度统计</li>
                            <li>支持PC端，微信端和钉钉填报</li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="btn"><a href="http://worktime.ttkuaiban.com/#/login"></a></div>
                </div>
            </div>
        </div>


        <svg class="footer-frame" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 79"><defs><style>.cls-2{fill:#20a0ff;}</style></defs><title>footer-frame</title><path class="cls-2" d="M0,72.427C143,12.138,255.5,4.577,328.644,7.943c147.721,6.8,183.881,60.242,320.83,53.737,143-6.793,167.826-68.128,293-60.9,109.095,6.3,115.68,54.364,225.251,57.319,113.58,3.064,138.8-47.711,251.189-41.8,104.012,5.474,109.713,50.4,197.369,46.572,89.549-3.91,124.375-52.563,227.622-50.155A338.646,338.646,0,0,1,1920,23.467V79.75H0V72.427Z" transform="translate(0 -0.188)"/></svg>
    <div id="features" class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="footer-col first middle">
                        <h4>&nbsp;&nbsp;公司</h4>
                        <ul class="list-unstyled li-space-lg p-small">
                            <li class="media">
                                <div class="media-body">
                                    <a href="about.html" target="_blank" style="color: #f3f7fd;text-decoration:none;"><i class="fa fa-users"></i>&nbsp;&nbsp;&nbsp;关于我们</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="footer-col middle">
                        <h4>&nbsp;&nbsp;关注</h4>
                        <ul class="list-unstyled li-space-lg p-small">
                            <li class="media">
                                <div class="media-body"><i class="fa fa-qq"></i>&nbsp;&nbsp;&nbsp;QQ：3052894409</div>
                            </li>
                            <li class="media">
                                <div class="media-body"><i class="fa fa-weixin"></i>&nbsp;&nbsp;&nbsp;微信</div>
                            </li>
                            <li class="media">
                                <img src="images/code.jpg" style="width: 5rem;margin-left: 2rem;">
                            </li>
                        </ul>
                    </div>
                </div> <!-- end of col -->
                <div class="col-md-4">
                    <div class="footer-col last">
                        <div class="footer-col middle">
                            <h4>&nbsp;&nbsp;类别</h4>
                            <ul class="list-unstyled li-space-lg p-small">
                                <!-- <li class="media">
                                    <div class="media-body"><a href="./download.html" style="color: #f3f7fd;text-decoration:none;"><i class="fa fa-windows"></i>&nbsp;&nbsp;&nbsp;Windows版本</a></div>
                                </li>
                                <li class="media">
                                    <div class="media-body"><a href="./download.html" style="color: #f3f7fd;text-decoration:none;"><i class="fa fa-apple"></i>&nbsp;&nbsp;&nbsp;Mac版本</a></div>
                                </li> -->
                                <li class="media">
                                    <div class="media-body"><a href="http://worktime.ttkuaiban.com/#/login" target="_blank" style="color: #f3f7fd;text-decoration:none;"><i class="fa fa-edge"></i>&nbsp;&nbsp;&nbsp;管理后台</a></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>  

    <div class="copyright">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <p class="p-small">Copyright©2016 南京火石闪信网络有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://beian.miit.gov.cn" target="_blank" style="color:white;">苏ICP备18064522号-1</a></p>
                </div>
            </div>
        </div>
    </div>

        <script type="text/javascript">
            let cli = document.getElementById('xyz') // 首页使用说明的按钮
            let colse = document.getElementById('colse') // 使用说明弹出层关闭按钮
            let instructions = document.getElementById('instructions') // 使用说明弹出层
            let popup = document.getElementById('popup') // 使用说明中间白色内容部分
            let bod = document.getElementsByTagName("body")[0] // body 元素
            cli.addEventListener('click', function(){
                instructions.style['display'] = 'block'
                bod.style['overflow'] = 'hidden'
            })
            colse.addEventListener('click', function(){
                instructions.style['display'] = 'none'
                bod.style['overflow'] = ''
            })
            instructions.addEventListener('click', function(){
                instructions.style['display'] = 'none'
                bod.style['overflow'] = ''
            })
            popup.addEventListener('click', function(event){
                event.stopPropagation()
                console.log(event);
            })
        </script>


    <!-- Scripts -->
    <script src="js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
    <script src="js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
    <script src="js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
    <script src="js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
    <script src="js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
    <script src="js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
    <script src="js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
    <script src="js/scripts.js"></script> <!-- Custom scripts -->
    <!-- <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> -->
    <script src="js/Working.js"></script>
    <!-- <script>
        $('#tbaos').click(function() {
            console.log(123456)
        })
    </script> -->
</body>
</html>