<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <META NAME="Title" CONTENT="道芬智学 | 陪伴到家">
    <META NAME="Subject" CONTENT="道芬智学官方网站">
    <META NAME="Description" CONTENT="道芬智学，是专注于家庭陪伴的直约平台，我们关注幼儿及青少年心理的健康成长，甄选优秀的成长陪伴师，在陪伴的过程中，为家长解决在孩子的成长过程中遇到的痛、难、烦问题，让成长的道路充满芬芳。">
    <META NAME="Keywords" CONTENT="陪伴,陪伴师,学习陪伴,兴趣陪伴,成长陪伴,心理陪伴,家庭陪伴,阅读陪伴,艺术陪伴,艺体陪伴,温度陪伴.">
    <META NAME="Language" CONTENT="zh-CN">
    <META NAME="Copyright" CONTENT="道芬（济南）教育咨询有限公司">
    <META NAME="Robots" CONTENT="All">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <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" />
    <link rel="stylesheet" href="./assets/wow/animate.css">
    <link rel="stylesheet" href="./assets/css/public.css">
    <link rel="stylesheet" href="./assets/css/style.css">
    <link rel="stylesheet" href="./assets/swiper/swiper.min.css">
    <link rel='stylesheet' id='elementor-icons-css' href='./assets/iconfont/icons.min.css' media='all'/>
    <script type="text/javascript" src="./assets/js/jquery-2.1.0.js"></script>
    <script type="text/javascript" src="./assets/swiper/swiper.min.js"></script>
    <script type="text/javascript" src="./assets/wow/wow.min.js"></script>
    <title>道芬智学</title>
</head>
<body class="clearfix">
    <header class="fadeInDown">
        <div class="d-flex d-flex-between">
            <div class="logo">
                <img src="./assets/images/logo.png" alt="">
            </div>
            <ul class="navBox d-flex clearfix d-flex-end">
                <li class="active navItem"><a>首页</a></li>
                <li class="navItem"><a >陪伴师</a></li>
                <li class="navItem"><a >加盟合作</a></li>
                <li class="navItem"><a >新闻资讯</a></li>
                <li class="navItem"><a >产品入口</a></li>
                <li class="navItem"><a>培训</a></li>
                <li class="navItem"><a>心理学院</a></li>
                <li class="navItem"><a>联系我们</a></li>
                <li class="navItem"><a>关于道芬</a></li>
            </ul>
        </div>
    </header>
    <div id="mainContent" class="mainContent">
        <div class="swiper mySwiper">
            <div class="content ">
                <div class="swiper-slide item item1 pos-r bg-1 fadeOpacityIn">
                    <div class="w-1240 inner">
                        <div class="title pos-r wow slideInLeft" >
                            <h2 class="elementor-heading-title">Dolphin</h2>
                            <h2 class="elementor-size-default">Dolphin</h2>
                        </div>
                        <div >
                            <h3 class="fadeInUp-1 wow">道芬智学——陪伴到家</h3>
                            <p class="info fadeInUp-2 wow">道芬智学是专注于家庭陪伴的直约平台，关注心理的健康成长，甄选优秀的成长陪伴师，让成长的道路充满芬芳。</p>
                            <!-- <div class="btn fadeInUp-3 wow">了解更多</div> -->
                        </div>
                        
                    </div>
                </div>
                <div class="swiper-slide item item2 pos-r bg-2">
                    <div class="w-1200">
                        <h2 class="wow slideInLeft" data-wow-duration=".2s" >COUNSELOR</h2>
                        <h3 class="wow slideInRight" data-wow-duration=".2s" >陪伴师</h3>
                        <h6 class="wow slideInLeft colorOr fs_18">越来越多 的家庭选择道芬智学，为孩子的成长提供助力。</h6>
                        <p class="wow fadeInUp-3">道芬智学，为家长提供专业可行的家庭教育指导与咨询服务，甄选匹配优秀的成长陪伴师，制定与实施个性化的素质培养方案。
                            伴随道芬智学合作体系在全国遍地开展，越来越多的家长和家庭了解道芬智学，了解陪伴的意义。
                            道芬智学陪伴师的队伍也不断健壮和扩大，热爱童年，关爱孩子的工作也更加完善。</p>
                        <span class="wow bounceInLeft colorOr fs_18 " data-wow-duration="2.2s" >加入陪伴师，助力孩子成长！</span>
                        <div class="circle wow fadeInUp-3">
                            <a class="d-flex" href="http://pbs.daofenzhixue.com/" target="_blank">
                                <span class="btn btn-outline btn-md btn-circle btn-primary btn-icon btn-icon-right">
                                    <i class="a-icon-angle-right"></i>
                                </span>
                                了解更多
                            </a>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide item item3 pos-r bg-3">
                    <div class="w-1200">
                        <h2 class="wow slideInLeft fs_28 colorOr fb-w" data-wow-duration=".2s" >JOIN COOPERATION</h2>
                        <h3 class="wow slideInRight fs_24 colorWhite fb-w" data-wow-duration=".2s" >加盟合作</h3>
                        <p class="wow fadeInUp-3 fs_14 colorWhite fb-w fs_14">全国超过<span class="colorOr fs_24">500+</span>合伙人关注我们！</p>
                        <i class="wow colorWhite fadeInUp">欢迎入伙道芬智学！</i>
                        <div class="circle wow fadeInUp-3">
                            <a class="d-flex" href="http://aoc.daofenzhixue.com/" target="_blank">
                                <span class="btn btn-outline btn-md btn-circle btn-primary btn-icon btn-icon-right">
                                    <i class="a-icon-angle-right"></i>
                                </span>
                                了解更多
                            </a>	
                        </div>
                    </div>
                </div>
                <div class="swiper-slide item item4 pos-r bg-4 d-flex d-flex-middle">
                    <div class="w-1200">
                        <div class="title wow" >
                            <h2>NEWS</h2>
                            <h3>资讯</h3>
                        </div>
                        <ul id="news" class="d-flex d-flex-between">
                        </ul>
                        <div class="d-flex d-flex-center" style="padding-top: 43px;">
                            <div class="circle wow fadeInUp-3">
                                <a class="d-flex" href="http://aoc.daofenzhixue.com/news/" target="_blank">
                                    <span class="btn btn-outline btn-md btn-circle btn-primary btn-icon btn-icon-right">
                                        <i class="a-icon-angle-right"></i>
                                    </span>
                                    了解更多
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide item item5 pos-r bg-4">
                    <div class="inner" data-wow-duration="1s" >
                        <div class="subswiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="slidecon">
                                        <img src="./assets/images/circle-icon-1.png" alt="">
                                        <h5>城市合伙人</h5>
                                        <p class="fs_14 colorWhite">城市服务管理</p>
                                        <p class="fs_14 colorWhite">渠道合伙人管理</p>
                                        <p class="fs_14 colorWhite">收入管理</p>
                                        <div class="btn">
                                            <a href="http://fc.daofenzhixue.com/">立即进入</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="slidecon">
                                        <img src="./assets/images/circle-icon-2.png" alt="">
                                        <h5>渠道合作商</h5>
                                        <p class="fs_14 colorWhite">城市服务管理</p>
                                        <p class="fs_14 colorWhite">渠道合伙人管理</p>
                                        <p class="fs_14 colorWhite">收入管理</p>
                                        <div class="btn">
                                            <a href="http://fo.daofenzhixue.com/">立即进入</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="slidecon">
                                        <img src="./assets/images/circle-icon-3.png" alt="">
                                        <h5>机构服务商</h5>
                                        <p class="fs_14 colorWhite">上架自有服务</p>
                                        <p class="fs_14 colorWhite">管理陪伴师</p>
                                        <p class="fs_14 colorWhite">收入管理</p> 
                                        <div class="btn">
                                            <a href="http://fa.daofenzhixue.com/">立即进入 </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="slidecon">
                                        <div class="APP">
                                            <img src="./assets/images/circle-icon-4.png" alt="">
                                            <h5>陪伴师APP</h5>
                                            <p class="fs_14 colorWhite">陪伴师一键接单</p>
                                            <p class="fs_14 colorWhite">时间灵活·自由接单</p>
                                            <div class="btn">
                                                <a href="http://user.daofenzhixue.com/#/pages/public/download"> 立即下载</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="slidecon appBox">
                                        <div class="APP">
                                            <img src="./assets/images/circle-icon-1.png" alt="">
                                            <h5>用户端</h5>
                                            <p class="fs_14 colorWhite">陪伴师上门服务</p>
                                            <p class="fs_14 colorWhite">一键解放双手</p>
                                            <div class="btn fs_14 colorOr">
                                                <a class="colorWhite" href=""> 立即下单</a>
                                            </div>
                                        </div>
                                        <div class="overBox">
                                            <img src="./assets/images/appoverBox.png" alt="">
                                            <p class="fs_14 colorWhite">扫码关注公众号立即下单</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide item item6 pos-r bg-6">
                    <div class="w-1200">
                        <h2 class="wow slideInLeft fs_28 colorOr" data-wow-duration=".2s">TRAIN</h2>
                        <h3 class="wow slideInRight fs_24 colorWhite" data-wow-duration=".2s">培训</h3>
                        <p class="wow fadeInUp-3 fs_14 colorWhite">什么是道芬智学，以及什么是道芬智学的陪伴师？
                            本章节阐述了道芬智学的核心理念和企业文化，全面介绍了道芬智学平台的各项优势，并对陪伴师这一职位进行了深入剖析。通过学习本部分内容，您可以快速增进对我们公司的了解。</p>
                        <div class="circle wow fadeInUp-3">
                            <a class="d-flex" href="http://pbs.daofenzhixue.com/courses/" target="_blank">
                                <span class="btn btn-outline btn-md btn-circle btn-primary btn-icon btn-icon-right">
                                    <i class="a-icon-angle-right"></i>
                                </span>
                                了解更多
                            </a>	
                        </div>
                    </div>
                </div>
                <div class="swiper-slide item item7 pos-r bg-7">
                    <div class="w-1200">
                        <h2 class="wow slideInLeft fs_28 colorOr" data-wow-duration=".2s">SCHOOL OF PSYCHOLOGY</h2>
                        <h3 class="wow slideInRight fs_24 colorWhite" data-wow-duration=".2s">心理学院</h3>
                        <p class="wow fadeInUp-3 fs_14 colorWhite">生活中的烦恼就像落叶，很多时候，扫过旧的，新的又来。扫得久了，可能会有耐心；也有可能在某一天情绪崩溃，扔掉扫把，但落叶仍在。其实，每一片落叶都有它的使命和意义，了解它来自何处，怎样而来，比简单地清扫更有意义。</p>
                        <div class="circle wow fadeInUp-3">
                            <a class="d-flex" href="http://psychology.daofenzhixue.com/portfolio/" target="_blank">
                                <span class="btn btn-outline btn-md btn-circle btn-primary btn-icon btn-icon-right">
                                    <i class="a-icon-angle-right"></i>
                                </span>
                                了解更多
                            </a>	
                        </div>
                    </div>
                </div>
                <div class="swiper-slide item item8 pos-r bg-8">
                    <div class="inner5">
                        <div class="title fadeInUp wow" data-wow-duration="1s">
                            <h2>CONTACT US</h2>
                            <h3>联系我们</h3>
                        </div>
                        <div class=" d-flex d-flex-between">
                            <div class="info d-flex fadeInUp wow" data-wow-duration="1.1s">
                                <div class="address">
                                    <h2>道芬（济南）教育咨询有限公司</h2>
                                    <div class="line"></div>
                                    <p>客服热线：400-000-1080</p>
                                    <p>联系邮箱：support@dolphinstudy.tech</p>
                                    <p>联系地址：济南市历下区山大路数码港大厦A座1207</p>
                                </div>
                            </div>
                            <div class="qrcode">
                                <p>关注微信公众号</p>
                                <img src="./assets/images/qrcode.png" alt="">
                            </div>
                        </div>
                        <div class="circle wow fadeInUp-3">
                            <a class="d-flex" href="./contact.html">
                                <span class="btn btn-outline btn-md btn-circle btn-primary btn-icon btn-icon-right">
                                    <i class="a-icon-angle-right"></i>
                                </span>
                                了解更多
                            </a>	
                        </div>
                    </div>
                </div>
                <div class="swiper-slide item item9 pos-r bg-9">
                    <div class="inner">
                        <h2 class="wow slideInLeft" data-wow-duration=".2s" >ABOUT US</h2>
                        <h3 class="wow slideInRight" data-wow-duration=".2s" >关于我们</h3>
                        <p class="wow fadeInUp-3">道芬智学，为家长提供专业可行的家庭教育指导与咨询
                            服务，甄选匹配优秀的成长陪伴师，制定与实施个性化的素
                            质培养方案。
                            平台创建以来，道芬关注幼儿及青少年心理的健康成长，
                            为家庭甄选优秀的成长陪伴师，作为陪伴孩子成长的朋辈督
                            导，以家庭教育为中心，结合心理学、教育学、脑科学等专
                            业知识，提供高质量陪伴，提升孩子各项素养。</p>
                        <div class="circle wow fadeInUp-3">
                            <a class="d-flex" href="./about.html">
                                <span class="btn btn-outline btn-md btn-circle btn-primary btn-icon btn-icon-right">
                                    <i class="a-icon-angle-right"></i>
                                </span>
                                了解更多
                            </a>
                        </div>
                        
                    </div>
                    <div style="position: absolute;
                        bottom: 0;
                        width: 100%;">
                             <p class="copyright">
                                <a href="http://beian.miit.gov.cn/#/Integrated/index" target="_blank">Copyright © 2023济南道芬网络技术有限公司鲁ICP备17047754号-8</a> 
                            </p>
                        </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    
    <script>
        let scrollState = false;
        let clientH = document.body.clientHeight;
        let currentIndex = 0;

        $('.navItem').click(function(e){
            var index = $('.navItem').index(this);
            console.log(index,'---------------')
            currentIndex = index;
            moveHandler();
        })
        function isMobile(){
            if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))){
                return true;
            }
            return false;
        }
        if(isMobile()){
            window.location.href = 'http://daofenzhixue.com/m/index.html'
        }
        function moveHandler(){
            $('html, body').animate({ scrollTop: clientH*currentIndex }, 800,()=>{
                scrollState = false;
            });
            $(".navBox li").removeClass("active");
             $('.navBox li:nth-child('+(currentIndex+1)+')').addClass("active");
        }
        function add(m){
            return m < 10 ? '0' + m : m + '';
        }
        function formatDate (stamp,key){
            const time = new Date(stamp*1000)
            const y = time.getFullYear()
            const m = time.getMonth() + 1
            const d = time.getDate()
            const h = time.getHours()
            const mm = time.getMinutes()
            const s = time.getSeconds()
            return y + key + add(m) + key + add(d)
        }
        $(document).ready(function(){
            
            new WOW().init();
            // $('body').height((clientH*5)+"px");
            $('.appBox').mouseenter(function(){
                $('.appBox .APP').hide();
                $('.appBox .overBox').show();
            });
            // 鼠标离开时隐藏目标元素
            $('.appBox').mouseleave(function(){
                $('.appBox .APP').show();
                $('.appBox .overBox').hide();
            });
            

            $(document).bind('mousewheel DOMMouseScroll',function(event){ 
                let wheel = event.originalEvent.wheelDelta;
                let detal = event.originalEvent.detail;
                console.log(wheel,'=111111111111111111111111111111')
                // if (event.originalEvent.wheelDelta) {
                    if (wheel > 0) { 
                        console.log('上滚1') 
                        if(scrollState)return;
                        scrollState = true;
                        currentIndex --;
                        moveHandler(); 
                    }  
                    if (wheel < 0) {
                        if(scrollState)return;
                        scrollState = true;
                        console.log('下滚1');
                        currentIndex ++;
                        moveHandler();
                    }  
                // }
            });        
        });
        
        var swiper = new Swiper(".subswiper", {

            slidesPerView: 3,
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
        });
        
        $.ajax({
            url: "http://s.daofenzhixue.com/news", //要请求的后端地址
            type: "POST", //数据发送的方式(POST或者GET)
            data: {
                offset: 0,
				limit: 3,
                type:0
            }, //需要传递的参数
            dataType: "json", //后端返回的数据格式
            success: function (result) {//ajax请求成功后触发的方法
                console.log(result); //result为响应内容
                for(let i=0; i<result.rows.length;i++){
                    console.log()
                    $("#news").append('<li class="fadeInUp wow"><a href="http://aoc.daofenzhixue.com/'+formatDate(result.rows[i].ts,'/')+'/'+result.rows[i].title+'"><img src='+result.rows[i].thumb+'><h5>'+result.rows[i].title
                        +'</h5><p>'+result.rows[i].summary+'</p><span><img src="./assets/images/icon_1.png">'+formatDate(result.rows[i].ts,'-')+'</span></a></li>');
                }
               
            },
            error: function () {//ajax请求失败后触发的方法
                console.log('Send Request Fail..');
            }
        });
    </script>
</body>
</html>