<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <title>天天百应</title>
    <link rel="shortcut icon" href="/v5/img/logo_icon.png" type="image/x-icon">
    <link rel="stylesheet" href="/v5/js/swiper-bundle.min.css">
    <link rel="stylesheet" href="/v5/css/animate.min.css">
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
    <style>
        .aside {
            position: fixed;
            right: 20px;
            top: 30%;
            z-index: 2022;
            background-color: transparent;
            border-radius: 8px;
        } 
    </style>
    <link rel="stylesheet" type="text/css" href="/v5/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="/v5/css/home.css"/>
    <script src="/v5/js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="/v5/js/count.js" type="text/javascript"></script>
</head>
<body>
<!--顶部菜单-->
<iframe src="/v5/header.html?home" width="100%" frameborder="0" height="74px" scrolling="no"></iframe>
<!--<div class="header">
    <div class="header-box">
        <div class="logo">
            <a href="home.html?home"><img src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/logo.png" ></a>
        </div>
        <div class="header-right">
            <div class="sign-box">
                <a href="" class="sign">登录</a>
                <span class="xian"></span>
                <a href="">注册</a>
            </div>
        </div>
        <div class="nav-bar">
            <div class="nav">
                <ul>
                    <li>
                        <a href="home.html" class="active">首页</a>
                    </li>
                    <li>
                        <a href="service.html">服务项目</a>
                    </li>
                    <li>
                        <a href="case.html">客户案例</a>
                    </li>
                    <li>
                        <a href="news.html">新闻中心</a>
                    </li>
                    <li>
                        <a href="us.html">关于我们</a>
                    </li>
                    <li>
                        <a href="app.html">下载App</a>
                    </li>
                </ul>
            </div>
        </div>

    </div>
</div>-->

<div class="banner">
    <div class="swiper-container" style="position: relative;">
        <div class="swiper-wrapper">
            <div class="swiper-slide firstSlide">
                <img src="/v5/img/banner1_new.png" height="750" alt="">
                <!-- <div>
                    <img src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/wenan.png" alt="" class="ani" swiper-animate-effect="rollIn" swiper-animate-duration="1.5s">
                    <img src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/mobile.png" alt="" class="ani" swiper-animate-effect="rotateInUpRight" swiper-animate-duration="1.5s">
                    <img src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/computer.png" alt="" class="ani" swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="1.5s">
                </div> -->
            </div>
            <div class="swiper-slide secondSlide">
                <img src="/v5/img/banner3.png" height="750" alt="">
            </div>
        </div>
    </div>
    <div id="statistics">
        <div class="statistics-con ani slideInUp animated" swiper-animate-effect="slideInUp" swiper-animate-duration="1.5s">
            <div class="com t">
                <div>
                    <span class="type">优质师傅</span>
                    <p><span id="workers">10000</span><b>+</b></p>
                </div>
                <p class="line"></p>
                <div>
                    <span class="type">覆盖城市</span>
                    <p><span id="city">400</span><b>+</b></p>
                </div>
            </div>
            <div class="com b">
                <div>
                    <span class="type">单月订单量</span>
                    <p><span id="TotalOrder">5000</span><b>+</b></p>
                </div>
                <p class="line"></p>
                <div>
                    <span class="type">订单按时完成率</span>
                    <p><span id="chance">99.3</span><b>%</b></p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="main">
    <div class="wrap">
        <div class="wrap-t">
            <span></span>
            <p>BUSINESS 业务范围</p>
            <span></span>
        </div>
        <p class="color-9">The business scope</p>
        <div class="business">
            <ul class="zoomIn animated">
                <li>
                    <div class="business-icon">
                        <img class="icon2" src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/icon1.png">
                    </div>
                    <p class="h5">照明灯具</p>
                    <p>灯具安装及维修</p>
                </li>
                <li>
                    <div class="business-icon">
                        <img class="icon2" src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/icon2.png">
                    </div>
                    <p class="h5">货架道具</p>
                    <p>货架道具安装及维修</p>
                </li>
                <li>
                    <div class="business-icon">
                        <img class="icon2" src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/icon3.png">
                    </div>
                    <p class="h5">广告灯箱</p>
                    <p>广告标识安装及维修</p>
                </li>
                <li>
                    <div class="business-icon">
                        <img class="icon2" src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/icon4.png">
                    </div>
                    <p class="h5">店铺维保</p>
                    <p>个性化维保方案定制</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="wrap" style="padding-bottom: 120px;">
        <div class="wrap-t">
            <span></span>
            <p>NEWS 关于我们</p>
            <span></span>
        </div>
        <p class="color-9">Company news center</p>
        <div class="us-con">
            <div class="us zoomIn animated">
                <div class="us-c">
                    <div class="float-l">
                        <img src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/scene.png">
                    </div>
                    <div class="float-r">
                        <h4 class="h4">企业介绍</h4>
                        <h3>Introduce</h3>
                        <p>
                            “天天百应”服务平台，创立于2016年8月，隶属于上海得豆信息技术有限公司。
                        </p>
                        <p>
                            “天天百应”将传统的上门安装维修服务与互联网有效结合，将全国各地的店铺报修通过平台快速实现本地化服务相应，高效解决异地问题。目前“天天百应”在全国各地已拥有10000多个施工团队可以为连锁经营物业提供优质的本地化安装维修服务。</p>
                        <p>
                            “天天百应”是以店铺维修保养为业务核心，服务涵盖撤店撤柜、快闪店搭建、店内局部改造、空调清洗保养等，通过不断创新及深化的服务，平台已成功建立起由网站、APP、小程序、400电话、邮件等构成的多维度服务保障体系。
                        </p>
                    </div>
                </div>
                <div class="us-c">
                    <div class="float-l">
                        <div class="pr">
                            <div class="pr-l">
                                <h5>定制个性化维保解决方案</h5>
                                <p>专业顾问团队为您提供免费咨询</p>
                            </div>
                            <div class="pr-r">
                                <!--<p>联系我们</p>-->
                                <a href="/v5/us.html?index=contact_us" target="_blank">联系我们</a>
                                <span></span>
                            </div>
                        </div>
                        <p class="siz-12">
                            您是否为店铺售后维保而一筹莫展？我公司提供专业顾问团队针对企业店铺的售后维修
                            及巡检保养定制个性化解决方案，让您省时省心。
                        </p>
                    </div>
                    <div class="float-r">
                        <img src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/img_02.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bg-gray2"></div>
    <div class="wrap" style="width: 1200px;">
        <div class="wrap-t">
            <span></span>
            <p>ADVANTAGE 4大优势</p>
            <span></span>
        </div>
        <p class="color-9">Advantages and characteristics</p>
        <div class="advantage">
            <ul>
                <li>
                    <img src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/card.png">
                    <p>专业可靠<span></span></p>
                </li>
                <li style="margin-top: 145px;">
                    <p>快速响应<span></span></p>
                    <img src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/speed.png">
                </li>
                <li>
                    <img src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/Aftermarket.png">
                    <p>7x24小时售后服务<span></span></p>
                </li>
                <li style="margin-top: 145px;">
                    <p>数据驱动<span></span></p>
                    <img src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/serve.png">
                </li>
            </ul>
        </div>
    </div>
    <div class="wrap" style="width: 1314px;">
        <div class="wrap-t">
            <span></span>
            <p>COOPERATION 合作品牌</p>
            <span></span>
        </div>
        <p class="color-9">Cooperation brand</p>
        <div class="cooperation-text">
            <h4>超过<span class="color-yellow">700</span>家品牌已在使用百应服务</h4>
            <p>“天天百应”服务平台目前已有700多家品牌客户的上门服务经验</p>
            <p>已有10000+的技能工人加盟入驻，为您提供优质、安全、有担保的店铺维修保养服务。</p>
        </div>
        <div class="cooperation">
            <ul>
                <li class="zoomIn animated"><img src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/logo1.png" alt="" height="683"></li>
                <li class="zoomIn animated"><img src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/logo2.png" alt="" height="683"></li>
            </ul>
            <div class="pagination">
                <span class="active"></span>
                <span></span>
            </div>
        </div>
    </div>
</div>
<iframe id="aside" class="aside" src="/v5/aside.html" width="258px" frameborder="0" height="370px" scrolling="no"></iframe>
<iframe class="footer" src="/v5/footer.html" width="100%" frameborder="0" height="300px" scrolling="no"></iframe>

<!--<div class="footer">
    <div class="footer-box">
        <div class="link">
            <div class="link-right">
                <img src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/logo.png" >
                <div class="erweima">
                    <div class="erweima-box float-l">
                        <img src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/app-kehu.png" />
                        <p>我是客户</p>
                    </div>
                    <div class="erweima-box float-r">
                        <img src="http://by-resources.oss-cn-hangzhou.aliyuncs.com/website/v5/images/app-shifu.png" />
                        <p>我是师傅</p>
                    </div>
                </div>
            </div>
            <div class="link-left">
                <ul>
                    <li class="link-left-li">
                        <div class="link-left-box">
                            <h4>快速导航</h4>
                            <ul>
                                <li>
                                    <a href="home.html"  target="_blank">公司首页</a>
                                </li>
                                <li>
                                    <a href="service.html"  target="_blank">服务项目</a>
                                </li>
                                <li>
                                    <a href="case.html"  target="_blank">客户案例</a>
                                </li>
                                <li>
                                    <a href="news.html"  target="_blank">新闻中心</a>
                                </li>
                                <li>
                                    <a href="us.html"  target="_blank">关于我们</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="link-left-li">
                        <div class="link-left-box">
                            <h4>友情链接</h4>
                            <ul>
                                <li>
                                    <a href="http://www.starbucks.com.cn/" target="_blank">星巴克</a>
                                </li>
                                <li>
                                    <a href="http://www.watsons.com.cn/#/"  target="_blank">屈臣氏</a>
                                </li>
                                <li>
                                    <a href="http://www.gap.cn/"  target="_blank">GAP</a>
                                </li>
                                <li>
                                    <a href="http://www.suning.com/"  target="_blank">苏宁易购</a>
                                </li>
                                <li>
                                    <a href="http://www.purcotton.com/"  target="_blank">全棉时代</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="link-left-li">
                        <div class="link-left-box">
                            <h4>联系我们</h4>
                            <ul>
                                <li>
                                    <a href="javascript:void(0);">400-780-0126</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0);" >021-80370656</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="remarks">
            <span>©2017上海得豆信息科技有限公司 All Rights Reserved.沪ICP备17000670号</span>
        </div>
    </div>
</div>-->
</body>
<script src="/v5/js/swiper-bundle.min.js"></script>
<script src="/v5/js/swiper.animate1.0.3.min.js"></script>
<script>
    var countCX = function (){
        new CountUp('TotalOrder', 0, 5000, 0, 2, {
            useEasing: true,
            separator: ''
        }).start();

        new CountUp('workers', 0, 10000, 0, 2, {
            useEasing: true,
            separator: ''
        }).start();

        new CountUp('city', 0, 400, 0, 2, {
            useEasing: true,
            separator: ''
        }).start();

        new CountUp('chance', 0, 99.3, 1, 2, {
            useEasing: true,
            separator: ''
        }).start();
    }
    countCX();
    var swiper = new Swiper('.swiper-container',{
        autoplay: true,
        speed:1000,
        loop:true,
        on:{
            init: function(){
                swiperAnimateCache(this); //隐藏动画元素
                swiperAnimate(this); //初始化完成开始动画
            },
            slideChangeTransitionStart:function(){
                document.getElementById('statistics').style.display = 'none';
            },
            slideChangeTransitionEnd: function(){
                swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
                //this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
                if(this.activeIndex == 2){
                    document.getElementById('statistics').style.display = 'block';
                    countCX();
                }
            }
        }
    });
</script>
<script type="text/javascript">
    $(function(){
        var countCX = function (){
            new CountUp('workers', 0, 10000, 0, 2, {
                useEasing: true,//效果
                separator: ''//数字分隔符
            }).start();
        }
        countCX();
        $(window).on("scroll",function(e) {
            console.log($(document).scrollTop())
            if($(document).scrollTop()>1700){
                $('.advantage').show()
                $('.advantage ul li').eq(0).addClass('slideInUp animated')
                $('.advantage ul li').eq(2).addClass('slideInDown animated')
                $('.advantage ul li').eq(1).addClass('slideInUp animated')
                $('.advantage ul li').eq(3).addClass('slideInDown animated')
            } else if($(document).scrollTop()>750){
                document.querySelector('.us').style.display = 'block';
            } else if($(document).scrollTop()>330){
                $('.business ul').show()
            }
        })

        // 品牌墙
        var timer = setInterval(function(){
            var display = $('.cooperation ul li').eq(1).css('display')
            if(display == 'none'){
                $('.cooperation ul li').eq(1).show()
                $('.cooperation ul li').eq(0).hide()
                $('.pagination span').eq(1).addClass('active').siblings().removeClass('active')
            } else {
                $('.cooperation ul li').eq(1).hide()
                $('.cooperation ul li').eq(0).show()
                $('.pagination span').eq(0).addClass('active').siblings().removeClass('active')
            }
        },3000)
    });
</script>
</html>