$(function () {
    //定义ScrollMagic
    var controller = new ScrollMagic.Controller();
    var lock_resize = true;
    $(window).resize(function () {
        if (lock_resize) {
            setTimeout(function () {
                lock_resize = true;
                scrollmagic();
            }, 600)
            lock_resize = false;
        }
    }).resize();
    function scrollmagic() {
        if ($(window).width() > 600) {
            //品效合一
            new ScrollMagic.Scene({
                triggerElement: '.px-heyi',
                triggerHook: 1,
                duration: '30%'
            })
                .setTween(TweenMax.from('.px-heyi h3 ,.px-heyi p', 0.5, { y: '-200%', ease: Power0.easeNone }))
                .addTo(controller);

            //业务场景
            $('.yw-scenario dl').each(function () {
                new ScrollMagic.Scene({
                    triggerElement: this,
                    triggerHook: 1
                })
                    .setClassToggle(this, 'scenarioOn')
                    .addTo(controller);
            })

            //联系我们
            $('.ff-service dl').each(function () {
                new ScrollMagic.Scene({
                    triggerElement: this,
                    triggerHook: 1
                })
                    .setClassToggle(this, 'serviceOn')
                    .addTo(controller);
            })

            // const elements = document.querySelectorAll(".items-dl dl");
            // VanillaTilt.init(elements);

            //产品页banner


            //数字化营销
            $('.pro-yingxiao dl').each(function () {
                new ScrollMagic.Scene({
                    triggerElement: this,
                    triggerHook: 1
                })
                    .setClassToggle(this, 'yingxiaoOn')
                    .addTo(controller);
            });

            //数字化商业
            // const elements2 = document.querySelectorAll(".pro-shangye dl");
            // VanillaTilt.init(elements2);
            $('.pro-shangye dl').each(function () {
                new ScrollMagic.Scene({
                    triggerElement: this,
                    triggerHook: 1
                })
                    .setClassToggle(this, 'shangyeOn')
                    .addTo(controller);
            });

            //数字化管理
            $('.pro-guanli dl').each(function () {
                new ScrollMagic.Scene({
                    triggerElement: this,
                    triggerHook: 1
                })
                    .setClassToggle(this, 'guanliOn')
                    .addTo(controller);
            });

            //创意
            $('.ser-chuangyi-box').each(function () {
                new ScrollMagic.Scene({
                    triggerElement: this,
                    triggerHook: 1
                })
                    .setClassToggle(this, 'chuangyiOn')
                    .addTo(controller);
            });

            //推广
            $('.ser-tuiguang dl').each(function () {
                new ScrollMagic.Scene({
                    triggerElement: this,
                    triggerHook: 1
                })
                    .setClassToggle(this, 'tuiguangOn')
                    .addTo(controller);
            });

            //运营
            $('.ser-yunying dl').each(function () {
                new ScrollMagic.Scene({
                    triggerElement: this,
                    triggerHook: 1
                })
                    .setClassToggle(this, 'yunyingOn')
                    .addTo(controller);
            });


            //加入我们
            new ScrollMagic.Scene({
                triggerElement: '.au-bxh',
                triggerHook: 1,
                duration: '100%'
            })
                .setTween(TweenMax.from('.au-bxh-bg', 1, { y: '-100%', ease: Power0.easeNone }))
                .addTo(controller);

            //愿景
            $('.au-yuanjing dl ,.au-yuanjing .au-title').each(function () {
                new ScrollMagic.Scene({
                    triggerElement: this,
                    triggerHook: 1
                })
                    .setClassToggle(this, 'tuOn')
                    .addTo(controller);
            });

            //代理伙伴

            new ScrollMagic.Scene({
                triggerElement: '.au-daili',
                triggerHook: 1
            })
                .setClassToggle('.au-daili dl', 'tuOn')
                .addTo(controller);

            $('.au-daili .au-title ,.au-daili .au-title2').each(function () {
                new ScrollMagic.Scene({
                    triggerElement: this,
                    triggerHook: 1
                })
                    .setClassToggle(this, 'tuOn')
                    .addTo(controller);
            });

            //加入
            $('.au-jiaru .au-title').each(function () {
                new ScrollMagic.Scene({
                    triggerElement: this,
                    triggerHook: 1
                })
                    .setClassToggle(this, 'tuOn')
                    .addTo(controller);
            });

            //服务内容页
            $('.s_c_con01 dl').each(function () {
                new ScrollMagic.Scene({
                    triggerElement: this,
                    triggerHook: 1
                })
                    .setClassToggle(this, 'dl_anim')
                    .addTo(controller);
            });

            //全景
            new ScrollMagic.Scene({
                triggerElement: '.s_qj_con02 dt',
                triggerHook: 0.9,
            })
                .setClassToggle('.s_qj_con02 dt', 'dt_anim')
                .addTo(controller);
            new ScrollMagic.Scene({
                triggerElement: '.s_qj_con02 dd',
                triggerHook: 0.9,
            })
                .setClassToggle('.s_qj_con02 dd', 'dd_anim')
                .addTo(controller);
            //VI视觉
            new ScrollMagic.Scene({
                triggerElement: '.s_sj_con02 dd',
                triggerHook: 0.9,
            })
                .setClassToggle('.s_sj_con02 dd', 'dd_anim')
                .addTo(controller);
            //等保
            $('.s_db_con01 dl').each(function () {
                new ScrollMagic.Scene({
                    triggerElement: this,
                    triggerHook: 1
                })
                    .setClassToggle(this, 'dl_anim')
                    .addTo(controller);
            });
            new ScrollMagic.Scene({
                triggerElement: '.s_db_con02 dd',
                triggerHook: 1,
            })
                .setClassToggle('.s_db_con02 dd', 'dd_anim')
                .addTo(controller);
            new ScrollMagic.Scene({
                triggerElement: '.s_db_con02 dt',
                triggerHook: 1,
            })
                .setClassToggle('.s_db_con02 dt', 'dt_anim')
                .addTo(controller);
            //网站
            new ScrollMagic.Scene({
                triggerElement: '.table_con .top',
                triggerHook: 1,
            })
                .setClassToggle('.table_con .top', 'ul_anim')
                .addTo(controller);
            new ScrollMagic.Scene({
                triggerElement: '.table_con .middle',
                triggerHook: 1,
            })
                .setClassToggle('.table_con .middle', 'p_anim')
                .addTo(controller);
            new ScrollMagic.Scene({
                triggerElement: '.table_con .bottom li',
                triggerHook: 1,
            })
                .setClassToggle('.table_con .bottom li', 'li_anim')
                .addTo(controller);


            //海外推广
            new ScrollMagic.Scene({
                triggerElement: '.s_hw_con02_01 ul',
                triggerHook: 1,
            })
                .setClassToggle('.s_hw_con02_01 ul', 'ul_anim')
                .addTo(controller);
            new ScrollMagic.Scene({
                triggerElement: '.s_hw_con02_01 dl',
                triggerHook: 0.7,
            })
                .setClassToggle('.s_hw_con02_01 dl', 'dl_anim')
                .addTo(controller);
            new ScrollMagic.Scene({
                triggerElement: '.s_hw_con02_02 dl',
                triggerHook: 0.7,
            })
                .setClassToggle('.s_hw_con02_02 dl', 'dl_anim')
                .addTo(controller);

            //新媒体
            new ScrollMagic.Scene({
                triggerElement: '.liuliang_con li',
                triggerHook: 1,
            })
                .setClassToggle('.liuliang_con li', 'li_anim')
                .addTo(controller);
            new ScrollMagic.Scene({
                triggerElement: '.toufang_con',
                triggerHook: 0.5,
            })
                .setClassToggle('.toufang_con', 'dd_anim')
                .addTo(controller);
            new ScrollMagic.Scene({
                triggerElement: '.youhua_con li',
                triggerHook: 0.7,
            })
                .setClassToggle('.youhua_con li', 'li_anim')
                .addTo(controller);

            new ScrollMagic.Scene({
                triggerElement: '.wangzhan_con dl',
                triggerHook: 1,
            })
                .setClassToggle('.wangzhan_con dl', 'dl_anim')
                .addTo(controller);

            new ScrollMagic.Scene({
                triggerElement: '.s_app_con02 dt',
                triggerHook: 1,
            })
                .setClassToggle('.s_app_con02 dt', 'dt_anim')
                .addTo(controller);
            new ScrollMagic.Scene({
                triggerElement: '.ds2_con02 ul li:nth-of-type(2)',
                triggerHook: 1,
            })
                .setClassToggle('.ds2_con02', 'con_anim')
                .addTo(controller);
            $('.s_xcx_con01 dl').each(function () {
                new ScrollMagic.Scene({
                    triggerElement: this,
                    triggerHook: 1
                })
                    .setClassToggle(this, 'dl_anim')
                    .addTo(controller);
            });
            $('.s_yw_con01 dl').each(function () {
                new ScrollMagic.Scene({
                    triggerElement: this,
                    triggerHook: 1
                })
                    .setClassToggle(this, 'dl_anim')
                    .addTo(controller);
            });
            new ScrollMagic.Scene({
                triggerElement: '.s_yw_con02 dt',
                triggerHook: 1,
            })
                .setClassToggle('.s_yw_con02 dt', 'con_anim')
                .addTo(controller);
            new ScrollMagic.Scene({
                triggerElement: '.s_xcx_con02 h3',
                triggerHook: 1,
            })
                .setClassToggle('.s_xcx_con02 h3', 'con_anim')
                .addTo(controller);
            new ScrollMagic.Scene({
                triggerElement: '.s_xcx_con02 .p',
                triggerHook: 1,
            })
                .setClassToggle('.s_xcx_con02 .p', 'con_anim')
                .addTo(controller);
            new ScrollMagic.Scene({
                triggerElement: '.s_xcx_con02 .ul',
                triggerHook: 1,
            })
                .setTween(TweenMax.staggerFrom('.s_xcx_con02 .ul li', 0.4, { y: 50, opacity: 0 }, 0.2))
                .addTo(controller);

        }
    }

    if ($('#s_c_con02_svg').length) {
        var c2 = $('#s_c_con02_svg').circlesProgress({
            'size': '749',
            'borderSize': '0',
            'progress': '99.8',
            'initialProgress': '100',
            'innerColor': 'rgb(255,255,255)',
            'outerColor': 'rgb(255,255,255)'
        });

        if ($(window).width() <= 1380) {
            c2.update({ 'progress': '99.8', 'size': '499' });
        }
        if ($(window).width() <= 600) {
            c2.update({ 'progress': '99.8', 'size': '299' });
        }
        var s_c_lock = true;
        if (scrollT($('#s_c_con02_svg'))) {
            $('.s_c_con02 dl').addClass('anim');
            c2.update({ 'progress': '0' });
            s_c_lock = false;
        }
    }
    $(window).scroll(function () {
        if ($('#s_c_con02_svg').length) {
            if (scrollT($('#s_c_con02_svg')) && s_c_lock && $(window).width() > 1380) {
                $('.s_c_con02 dl').addClass('anim');
                c2.update({ 'progress': '0' });
                s_c_lock = false;
            } else if (scrollT($('#s_c_con02_svg')) && s_c_lock && $(window).width() > 600) {
                $('.s_c_con02 dl').addClass('anim');
                c2.update({ 'progress': '0', 'size': '499' });
                s_c_lock = false;
            } else if (scrollT($('#s_c_con02_svg')) && s_c_lock) {
                $('.s_c_con02 dl').addClass('anim');
                c2.update({ 'progress': '0', 'size': '299' });
                s_c_lock = false;
            }
        }
    });


    if (IsPC()) {
        $('.s_sp_con02_js').mousemove(function (e) {
            var xM = e.pageX / $(window).width() - 0.5;
            var yM = (e.pageY - $(window).scrollTop()) / $(window).height() - 0.5;
            var intensity = 30;
            var intensity2 = 20;
            var intensity3 = 60;
            var sx = xM * intensity;
            var sy = yM * intensity;
            var sx2 = xM * intensity2;
            var sy2 = yM * intensity2;
            var sx3 = xM * intensity3;
            var sy3 = yM * intensity3;
            TweenMax.to('.s_sp_con02_js dt', 1, { x: sx, y: sy, });
            TweenMax.to('.s_sp_con02_js dd .p1', 1, { x: sx2, y: sy2, });
            TweenMax.to('.s_sp_con02_js dd .p2', 1, { x: sx3, y: sy3, });
            TweenMax.to('.s_sp_con02_js dd .p3', 1, { x: sy2, y: sx2, });
        });
    }

});