<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="http://resource.hsby365.com/activity/js/jquery.min.js" type="application/javascript"></script>
    <script src="http://resource.hsby365.com/activity/js/sweetalert.min.js" type="application/javascript"></script>
    <link href="http://resource.hsby365.com/activity/css/sweetalert.min.css" type="text/css" rel="stylesheet" />
    <title>神利家-本地生活服务平台</title>
    <style>
        *{margin: 0;padding: 0;font-size: 13px;}

        .container{background-color: #efefef;min-height: 100vh;}
        .top{width: 100%;height: 24vw;background: url("http://resource.hsby365.com/activity/2401/home/topBack.jpg") no-repeat;background-size: 100% auto;}
        .nav{width: 90%;height: 4vw;display: flex;position: sticky;top:0;background-color: #fff;padding: 0 5%;}
        .logo{width: 8%;height: 3vw;}
        .logo img{width: 100%;margin-top: 0.5vw;}
        .menu{flex-grow: 1;display: flex;justify-content: flex-end;}
        .menu p{font-size: 1rem;color: #333;line-height: 4vw;margin-right: 7%;cursor: pointer}
        .active-menu{border-bottom: 2px solid #2ADCBD;}
        .contact{display: flex;}
        .contact img{width: 10%;height: 1vw;margin-top: 1.5vw;}
        .contact p{font-size: 1vw;line-height: 4vw;color: #333;}
        .nav-line{width: 100%;height: 1px;background: rgba(225,225,225,0.2)}
        .top-content{width: 30%;margin-left: 10%;margin-top: 8vw;color: #fff;}
        .top-content h1{font-size: 2.5vw;font-weight: bolder;}
        .top-content p{font-size: 1vw;margin-top: 1vw;line-height: 1.5vw}

        .part{width: 80%;margin-left: 10%;margin-top: 1vw;display: flex;justify-content: space-between;}
        .part-item{width: 26%;background-color: #ffffff;padding: 2vw 1vw;}
        .part-item h1{font-size: 1.2vw;font-weight: bolder;}
        .part-item p{font-size: 0.6vw;margin-top: 1vw;line-height: 1.2vw}

        .matrix{width: 100%;margin-top: 2vw;background-color: #fff;padding: 3vw 0;}
        .matrix-top{text-align: center;}
        .matrix-top h1{font-size: 1.5vw;}
        .matrix-top p{font-size: 0.8vw;margin-top: 1vw;}
        .matrix-list{width: 70%;margin-left: 15%;display: flex;justify-content: space-between;flex-wrap: wrap;}
        .matrix-item{width: 14%;margin-top: 2vw;}
        .matrix-item img{width: 60%;margin-left: 20%;}
        .matrix-item p{text-align: center;margin-top: 0.5vw;}

        .local{width: 80%;height: 24vw;background: url("http://resource.hsby365.com/activity/2401/home/part1.png") no-repeat;background-size: 100% auto;
            padding-left: 20%;padding-top: 10vw;}
        .local-title h1{font-size: 1.5vw}
        .local-title p{font-size: 0.8vw;margin-top: 1vw;}
        .local-list{width: 24%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 2vw;}
        .local-item{display: flex;margin-right: 3vw;margin-top: 2vw;}
        .local-item img{width: 1vw;height: 1vw;margin-top: 0.1vw;}
        .local-item p{font-size: 1vw;line-height: 1.2vw;margin-left: 0.2vw;font-weight: bolder;}

        .range{width: 30%;height: 24vw;background: url("http://resource.hsby365.com/activity/2401/home/part2.png") no-repeat;background-size: 100% auto;
            padding-left: 70%;padding-top: 10vw;}
        .range-title{width: 60%;}
        .range-title h1{font-size: 1.5vw}
        .range-title p{font-size: 0.8vw;margin-top: 1vw;}

        .number{width: 80%;height: 24vw;background: url("http://resource.hsby365.com/activity/2401/home/part3.png") no-repeat;background-size: 100% auto;
            padding-left: 20%;padding-top: 10vw;}
        .number-title{width: 30%;}
        .number-title h1{font-size: 1.5vw}
        .number-title p{font-size: 0.8vw;margin-top: 1vw;line-height: 1.2vw;}

        .join{width: 30%;height: 24vw;background: url("http://resource.hsby365.com/activity/2401/home/part2.png") no-repeat;background-size: 100% auto;
            padding-left: 70%;padding-top: 10vw;}
        .join-title{width: 60%;}
        .join-title h1{font-size: 1.5vw}
        .join-title p{font-size: 0.8vw;margin-top: 1vw;line-height: 1.2vw;}

        .growth{width: 100%;background-color: #efefef;padding: 4vw 0;}
        .growth-top{text-align: center;}
        .growth-top h1{font-size: 1.5vw;}
        .growth-top p{font-size: 0.8vw;margin-top: 1vw;}
        .growth-list{width: 70%;margin-left: 15%;display: flex;justify-content: space-between;flex-wrap: wrap;}
        .growth-item{width: 16%;margin-top: 2vw;}
        .growth-icon{display: flex;justify-content: center;color: #F18545;}
        .growth-item p{text-align: center;margin-top: 0.5vw;}
        .growth-text{font-size: 0.8vw;color: #666;}

        .brand{width: 100%;margin-top: 2vw;background-color: #fff;padding: 4vw 0;}
        .brand-top{text-align: center;}
        .brand-top h1{font-size: 1.5vw;}
        .brand-top p{font-size: 0.8vw;margin-top: 1vw;}
        .brand-list{width: 70%;margin-left: 15%;display: flex;justify-content: space-between;flex-wrap: wrap;}
        .brand-list img{width: 18%;margin-top: 2vw;}

        .info{width: 100%;background: #121212;padding: 40px 0;}
        .info-content{width: 1200px;margin: 0 auto;display: flex;padding-bottom: 10px;border-bottom: 1px solid #333;}
        .info-item{color: #fff;margin-right: 40px;}
        .info-item h1{font-size: 18px;font-weight: 600;line-height: 25px;margin-bottom: 10px;}
        .info-item p{font-size: 12px;font-weight: 400;line-height: 18px;margin-bottom: 4px;cursor: pointer;}

        .info-right{flex-grow: 1;color: #fff;text-align: center;}
        .info-right h1{font-size: 18px;font-weight: 600;line-height: 25px;margin-bottom: 6px;}
        .info-right p{font-size: 12px;font-weight: 400;line-height: 18px;margin-bottom: 4px;}
        .info-list{display: flex;width: 600px;margin-left: 300px;justify-content: space-evenly;}
        .info-img{margin-right: 10px;}
        .info-img img{width: 100px;height: 100px;}
        .info-img p{text-align: center;margin-top: 2px;}

        .info-bottom{width: 1200px;margin: 20px auto;color: #fff;}
        .info-bottom-list1{display: flex;font-size: 12px;font-weight: 400;color: #FFFFFF;line-height: 18px;}
        .info-bottom-list1 p{margin-right: 20px;}
        .info-bottom-list2{display: flex;font-size: 12px;font-weight: 400;color: rgba(255,255,255,0.5);line-height: 24px;flex-wrap: wrap;margin-top: 20px;}
        .info-bottom-list2 p{margin-right: 20px;}

        .bottom{width: 100%;background-color: #333;padding: 18px 0;text-align: center;color: #fff;}
        .bottom a{color: #fff;text-decoration: none;font-size: 12px;line-height: 24px;}
    </style>
</head>
<body>
<div class="container" id="app">
    <div class="nav">
        <div class="logo">
            <img src="http://resource.hsby365.com/activity/2401/home/logo2.png">
        </div>
        <div class="menu">
            <p class="active-menu">首页</p>
            <p @click="toPage(2)">平台优势</p>
            <p @click="toPage(3)">技术支持</p>
            <p @click="toPage(4)">关于我们</p>
        </div>
        <div class="contact">
            <img src="http://resource.hsby365.com/activity/2401/home/call.png">
            <p>0356-2197777</p>
        </div>
    </div>
    <div class="top">
        <div class="nav-line"></div>
        <div class="top-content">
            <h1>新零售时代的行业标杆</h1>
            <p>以商业实体+服务+金融+科技为核心，通过线上线下，实现商品、 服务、顾客、会员、交易、营销等数据的互融共通。</p>
        </div>
    </div>
    <div class="part">
        <div class="part-item">
            <h1>一站式本地服务平台</h1>
            <p>平台覆盖23个行业，提供百万种以上的产品。通过多 样的优惠活动，让用户体验更为优质商品和服务。</p>
        </div>
        <div class="part-item">
            <h1>自有配送团队</h1>
            <p>强大而高效的实时配送网络，搭配灵活的即时配送、 同城配送以及跑腿服务。</p>
        </div>
        <div class="part-item">
            <h1>技术支持</h1>
            <p>我们支持在各类手机应用市场下载和使用，同时实现 了与微信小程序、公众号等不同端口的顺畅连接。</p>
        </div>
    </div>
    <div class="matrix">
        <div class="matrix-top">
            <h1>多维产品矩阵，实现消费及服务体验的全新升级</h1>
            <p>致力为用户提供优质体验，通过智能管理和流量共享，实现千商互联和万品互通，覆盖全场景、全业态、全客群、全品类，满足用户生活需求</p>
        </div>
        <div class="matrix-list">
            <div class="matrix-item">
                <img src="http://resource.hsby365.com/activity/2401/home/matrix1.png">
                <p>商超便利</p>
            </div>
            <div class="matrix-item">
                <img src="http://resource.hsby365.com/activity/2401/home/matrix3.png">
                <p>手机数码</p>
            </div>
            <div class="matrix-item">
                <img src="http://resource.hsby365.com/activity/2401/home/matrix4.png">
                <p>家用电器</p>
            </div>
            <div class="matrix-item">
                <img src="http://resource.hsby365.com/activity/2401/home/matrix5.png">
                <p>生鲜果蔬</p>
            </div>
            <div class="matrix-item">
                <img src="http://resource.hsby365.com/activity/2401/home/matrix7.png">
                <p>粮油副食</p>
            </div>
            <div class="matrix-item">
                <img src="http://resource.hsby365.com/activity/2401/home/matrix13.png">
                <p>家政服务</p>
            </div>
            <div class="matrix-item">
                <img src="http://resource.hsby365.com/activity/2401/home/matrix14.png">
                <p>晋城特产</p>
            </div>
        </div>
    </div>
    <div class="local">
        <div class="local-title">
            <h1>本地平台</h1>
            <p>本地交易、本地服务、方便、高效、快捷可进行精准营销。</p>
        </div>
        <div class="local-list">
            <div class="local-item">
                <img src="http://resource.hsby365.com/activity/2401/home/local1.png">
                <p>入驻费率低</p>
            </div>
            <div class="local-item">
                <img src="http://resource.hsby365.com/activity/2401/home/local2.png">
                <p>用户流量高</p>
            </div>
            <div class="local-item">
                <img src="http://resource.hsby365.com/activity/2401/home/local3.png">
                <p>会员权益多</p>
            </div>
            <div class="local-item">
                <img src="http://resource.hsby365.com/activity/2401/home/local4.png">
                <p>宣传渠道广</p>
            </div>
        </div>
    </div>
    <div class="range">
        <div class="range-title">
            <h1>覆盖范围大</h1>
            <p>晋城城区、泽州县、阳城、沁水、高平陵川、个地方龙头 企业均有入驻。</p>
        </div>
    </div>
    <div class="number">
        <div class="number-title">
            <h1>门店数字化</h1>
            <p>运用互联网技术实现门店数字化与智能化改造，真正提升 顾客体验。做到流量共享，千商万联、万品互通，构建新 零售时代的同城生活服务平台。</p>
        </div>
    </div>
    <div class="join">
        <div class="join-title">
            <h1>多端口接入</h1>
            <p>线上实现APP、小程序、公众号等渠道接入；线下通过外 接设备接入，包括了各种智能扫码设备，以及商户动态聚 合二维码。</p>
        </div>
    </div>
    <div class="growth">
        <div class="growth-top">
            <h1>稳定增长，持续创新，助力企业成功</h1>
            <p>通过融合线上线下消费场景，实现门店数字化与智能化改造、实现本地顾客消费及服务体验的全新升级</p>
        </div>
        <div class="growth-list">
            <div class="growth-item">
                <div class="growth-icon">
                    <h1>28</h1>
                    <p>+</p>
                </div>
                <p class="growth-text">本地行业</p>
            </div>
            <div class="growth-item">
                <div class="growth-icon">
                    <h1>1300</h1>
                    <p>+</p>
                </div>
                <p class="growth-text">入驻店铺</p>
            </div>
            <div class="growth-item">
                <div class="growth-icon">
                    <h1>33w</h1>
                    <p>+</p>
                </div>
                <p class="growth-text">平台注册会员</p>
            </div>
            <div class="growth-item">
                <div class="growth-icon">
                    <h1>4.6w</h1>
                    <p>+</p>
                </div>
                <p class="growth-text">公众号粉丝</p>
            </div>
            <div class="growth-item">
                <div class="growth-icon">
                    <h1>50w</h1>
                    <p>+</p>
                </div>
                <p class="growth-text">总订单数</p>
            </div>
            <div class="growth-item">
                <div class="growth-icon">
                    <h1>1.9亿</h1>
                    <p>+</p>
                </div>
                <p class="growth-text">总销售额</p>
            </div>
            <div class="growth-item">
                <div class="growth-icon">
                    <h1>1w</h1>
                    <p>+</p>
                </div>
                <p class="growth-text">日活</p>
            </div>
            <div class="growth-item">
                <div class="growth-icon">
                    <h1>20+</h1>
                    <p>+</p>
                </div>
                <p class="growth-text">营销人员</p>
            </div>
            <div class="growth-item">
                <div class="growth-icon">
                    <h1>30+</h1>
                    <p>+</p>
                </div>
                <p class="growth-text">技术开发人员</p>
            </div>
            <div class="growth-item">
                <div class="growth-icon">
                    <h1>10+</h1>
                    <p>+</p>
                </div>
                <p class="growth-text">合作网红</p>
            </div>
            <div class="growth-item">
                <div class="growth-icon">
                    <h1>28</h1>
                    <p>+</p>
                </div>
                <p class="growth-text">本地行业</p>
            </div>
            <div class="growth-item">
                <div class="growth-icon">
                    <h1>28</h1>
                    <p>+</p>
                </div>
                <p class="growth-text">本地行业</p>
            </div>
        </div>
    </div>

    <div class="info">
        <div class="info-content">
            <div class="info-item" v-for="(item,index) in list" :key="index">
                <h1>{{ item.groupName }}</h1>
                <p v-for="(item2,index2) in item.childrenList" :key="index2" @click="openContent(item2.code)">{{ item2.name }}</p>
            </div>
        </div>
        <div class="info-bottom">
            <div class="info-right">
                <h1>关注神利家</h1>
                <p>关注神利家小程序或下载神利家APP，关注最新资讯 随时随地享受最优服务生活。</p>
                <div class="info-list">
                    <div class="info-img">
                        <img src="http://resource.hsby365.com/activity/2401/home/miniCode2.jpg">
                        <p>小程序</p>
                    </div>
                    <div class="info-img">
                        <img src="http://resource.hsby365.com/activity/2401/home/appCode2.png">
                        <p>APP</p>
                    </div>
                    <div class="info-img">
                        <img src="http://resource.hsby365.com/activity/2401/home/offCode.jpg">
                        <p>公众号</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="hs-foot-copy-content">
            <div class="hs-foot-copy-txt">
                <a target="_blank"href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=14050002000050">晋公网安备14050002000050号</a>  |  Copyright ©2019  山西行山百业网络科技有限公司版权所有  |  客服电话：0356-2197777  |  邮箱：hsby365@163.com  |  <a target="_blank"href="http://beian.miit.gov.cn">晋ICP备19005091号-1</a><br />互联网违法和不良信息举报电话：0356-2197777 邮箱：hsby365@163.com
            </div>
        </div>
        <script type="text/javascript" src="http://218.26.86.27:8067//scripts/businessLicense.js?id=9028ffb179eb4da1017a2dc8c738007d"></script>
    </div>
</div>
<script src="http://resource.hsby365.com/activity/js/vue.js" type="application/javascript"></script>
<script src="http://resource.hsby365.com/activity/js/axios.min.js" type="application/javascript"></script>
<script type="text/javascript">
    var Vm = new Vue({
        el: '#app',
        data: {
            list:[]
        },
        created: function () {
            this.getInit()
        },
        methods: {
            getInit() {
                axios({
                    method:'post',
                    url:`http://fdjrigc.cn/api/jeecg-system/admin/plaPolicy/listGroup`,
                    headers:{'Content-Type': 'application/json'}
                }).then((res)=>{
                    console.log(res.data.result)
                    this.list = res.data.result
                });
            },
            openContent(code) {
                location.href=`content.html?code=${code}`
            },
            toPage(index) {
                const routes = {
                    1: 'index.html',
                    2: 'advantage.html',
                    3: 'technology.html',
                    4: 'about.html'
                };

                if (routes[index]) {
                    location.href = routes[index];
                }
            }
        }
    })
</script>
</body>
</html>