jQuery(document).ready(function($) {
    var ww,wh;
    var we = window, wa = 'inner';
    if (!('innerWidth' in window )) {
        wa = 'client';
        we = document.documentElement || document.body;
    }
    ww = we[ wa+'Width' ], wh = we[ wa+'Height' ];
    // return { width : we[ wa+'Width' ] , height : we[ wa+'Height' ] };
    var PC = ww > 1025,
        mobile = ww <= 1024,
        mobile_s = ww <= 768,
        winWidth = ww,
        winHeight = wh;
    $('.count').length && $('.count').countUp();
    // $(window).load(function () {
    //     $('html').addClass('dom-loaded');
    // })

    // $(window).scrollTop(0);
    $('html').addClass('dom-loaded');
    // 平滑滚动
    // const lenis = new Lenis();
    // lenis.on('scroll', (e) => {
    //     // console.log(e);
    // });

    // function raf(time) {
    //     lenis.raf(time);
    //     requestAnimationFrame(raf);
    // }
    // requestAnimationFrame(raf);
    
    var leftVal = (winWidth - 800)/2;
    var toptVal = (winHeight - 600)/2;
    $('.c-consult-btn').click(function(){
        window.open('https://kefu.chinadatagroup.com.cn:12443/im/text/001ow9.html', '_blank','width=800,height=600, top='+toptVal+', left='+leftVal+'');
    })
    
    
    
    function videoAutoPlay(f){
        if(!PC){
            f[0].play()
            if(typeof WeixinJSBrdgeReady=="object" && typeof WeixinJSBridge.invoke == "function"){
                f[0].play()
            }else{
                if (document.addEventListener) {
                    document.addEventListener("WeixinJSBridgeReady", function () {
                        f[0].play()
                    }, false);
                } else if (document.attachEvent) {
                    document.attachEvent("WeixinJSBridgeReady", function () {
                        f[0].play()
                    });
                    document.attachEvent("onWeixinJSBridgeReady", function () {
                        f[0].play()
                    });
                }
            }
        }
    }
    $('.index-s1 .item .img-box video').length && videoAutoPlay($('.index-s1 .item .img-box video'));


    if(PC){
        // var _navL = $('.header li').eq(2).position().left;
        // var _navL1 = $('.header li .subnav-1 .right-box').position().left;
        // $('.header li .subnav-1 .right-box').css('left', _navL - _navL1)

        $('.header li').each(function(){
            if($(this).find('.subnav-1').length){
                var _navL = $(this).position().left;
                var _navL1 = $(this).find('.subnav-1 .right-box').position().left;
                $(this).find('.subnav-1 .right-box').css('left', _navL - _navL1)
            }
        })
        $(window).scroll(function(){
            scrollNav();
        })
        function scrollNav(){
            $(window).scrollTop() > 20 ? $('.header').addClass('down') : $('.header').removeClass('down')
            $(window).scrollTop() > winHeight / 2 ? $('.fixed-right').fadeIn() : $('.fixed-right').fadeOut();
        }
        $('.fixed-right .totop').click(function(){
            $('html,body').animate({
                scrollTop: 0
            }, 500)
        })

    }else{        
        $('.header .mNavBtn').click(function () {
            $(this).toggleClass('active');
            $('.header ul').toggleClass('active');
        });
        $('.header li').each(function(){
            if($(this).find('.subnav').length){
                $(this).append('<i></i>')
            }
        })
        $('.header li i').click(function(){
            $(this).parent('li').siblings().find('.subnav').slideUp(), $(this).parent('li').find('.subnav').slideToggle();
        })
    }
    $('.header .search-btn').click(function(){
        $('.fixed-search').addClass('active')
        // lenis.stop();
    })
    $('.fixed-search .top-box .close').click(function(){
        $('.fixed-search').removeClass('active');
        // lenis.start();
    })
    $('.fixed-right .formbtn').click(function(){
        $('.fixed-form').fadeIn();
    })
    $('.fixed-form .top-block .close').click(function(){
        $('.fixed-form').fadeOut();
    })




    function videoPopups(){
        $('.video-btn').click(function () {
            var _url = $(this).attr('data-url')
            $('.video-pop video').attr('src', _url)
            $('.video-pop video')[0].play();
            $('.video-pop').fadeIn(400);
            // lenis.stop();
        })
        $('.video-pop .close,.video-pop .bg').click(function () {
            $('.video-pop').fadeOut(400);
            $('.video-pop video').attr('src', '');
            // lenis.start();
        })
    }
    $('.video-pop').length && videoPopups();





    function indexPage(){
        // section1        
        var indexBanner = new Swiper('.index-s1 .swiper', {
            speed: 500,
            effect : 'fade',
            fadeEffect: {
                crossFade: true,
            },
            loop: true,
            // parallax: true,
            // touchRatio : 0,
            simulateTouch: false,
            autoplay: {
                delay: 5000,
                stopOnLastSlide: false,
                disableOnInteraction: false,
            },
            navigation: {
                prevEl: '.index-s1 .prev',
                nextEl: '.index-s1 .next',
            },
            pagination: {
                el: '.index-s1 .pagination .wrap-s',
                clickable: true,
                renderBullet: function (index, className) {
                    return '<span class="' + className + '"></span>';
                },
                bulletClass : 'default',
                bulletActiveClass: 'active',
            },
        });
        $('.index-s1').mousemove(function(e){
            var x = e.pageX;
            // console.log(x)
            if(x > winWidth / 2){
                $('.index-s1 .next').addClass('show').siblings().removeClass('show')
            }else{
                $('.index-s1 .prev').addClass('show').siblings().removeClass('show')
            }
        })
        var _pw = $('.index-s1 .rolltxt p').eq(1).width();
        $('.index-s1 .rolltxt p').width(_pw + 100).addClass('ani')


        // section2
        $('.index-s2 .top-block .item').eq(0).addClass('active')
        $('.index-s2 .bot-block .child').eq(0).addClass('active')
        $('.index-s2 .top-block .item').mouseenter(function(){
            $(this).addClass('active').siblings().removeClass('active')
            $('.index-s2 .bot-block .child').eq($(this).index()).addClass('active').siblings().removeClass('active')
        })
        if(!PC){
            $('.index-s2 .top-block .tab-tit').addClass('swiper')
            $('.index-s2 .top-block .sw').addClass('swiper-wrapper')
            $('.index-s2 .top-block .item').addClass('swiper-slide')
            var indexS2Swiper = new Swiper('.index-s2 .top-block .tab-tit', {
                slidesPerView: 'auto',
                speed: 300,
                freeMode: true,
                slideToClickedSlide: true,
            });
        }

        // section5
        let timer;
        let j = 0;
        const itembox = $('.index-s5 .tab-tit .item')
        const childbox = $('.index-s5 .tab-cont .child')
        const bgbox = $('.index-s5 .bg-block .bg')
        const simgbox = $('.index-s5 .s-img .item')
        itembox.eq(j).addClass('active')
        childbox.eq(j).addClass('active')
        bgbox.eq(j).addClass('active')
        simgbox.eq(j).addClass('active')
        function timerInit(){
            j++;
            if(j < 0) j = itembox.length - 1
            if(j > itembox.length - 1) j = 0
            s5change();
        }
        timer = setInterval(timerInit, 5000)
        itembox.click(function(){
            clearInterval(timer)
            j = $(this).index();
            s5change();
            timer = setInterval(timerInit, 5000)
        })
        simgbox.click(function(){
            clearInterval(timer)
            j = $(this).index();
            s5change();
            timer = setInterval(timerInit, 5000)
        })
        function s5change(){
            itembox.eq(j).addClass('active').siblings().removeClass('active')
            childbox.eq(j).addClass('active').siblings().removeClass('active')
            bgbox.eq(j).addClass('active').siblings().removeClass('active')
            simgbox.eq(j).addClass('active').siblings().removeClass('active')
        }

        // section8 
        $('.index-s8 .tab-tit .item').eq(0).addClass('active')
        $('.index-s8 .tab-cont .child').eq(0).addClass('active')
        if(PC){
            $('.index-s8 .tab-tit .item').click(function(){
                $(this).addClass('active').siblings().removeClass('active')
                $('.index-s8 .tab-cont .child').eq($(this).index()).addClass('active').siblings().removeClass('active')
            })
        }else{
            var indexS8Swiper1,indexS8Swiper2,indexS8Swiper3,indexS8Swiper4
            var len = $('.index-s8 .child').length;
            for (var i = 1; i <= len; i++) {
                $('.index-s8 .child').eq(i-1).find('.swiperbox').addClass('swiper swiper-' + i)
                $('.index-s8 .child').eq(i-1).find('.sw').addClass('swiper-wrapper')
                $('.index-s8 .child').eq(i-1).find('.item').addClass('swiper-slide')
                $('.index-s8 .child').eq(i-1).find('.pagination').addClass('pagination-' + i)
            }
            $('.index-s8 .tab-tit .item').click(function(){
                let _index = $(this).index()
                $(this).addClass('active').siblings().removeClass('active')
                $('.index-s8 .child').eq(_index).addClass('active').siblings().removeClass('active')
                if(_index == 0){
                    if(indexS8Swiper1 != undefined){
                        indexS8Swiper1.destroy();
                    }
                    indexS8Swiper1 = createS8Swiper(_index + 1);
                }else if(_index == 1){
                    if(indexS8Swiper2 != undefined){
                        indexS8Swiper2.destroy();
                    }
                    indexS8Swiper2 = createS8Swiper(_index + 1);
                }else if(_index == 2){
                    if(indexS8Swiper3 != undefined){
                        indexS8Swiper3.destroy();
                    }
                    indexS8Swiper3 = createS8Swiper(_index + 1);
                }else if(_index == 3){
                    if(indexS8Swiper4 != undefined){
                        indexS8Swiper4.destroy();
                    }
                    indexS8Swiper4 = createS8Swiper(_index + 1);
                }
            })
            function createS8Swiper(index) {
                var indexS8Swiper = new Swiper('.index-s8 .swiper-' + index, {
                    speed: 500,
                    // freeMode: true,
                    slidesPerView: 'auto',
                    // observer: true,
                    // observeParents: true,
                    // simulateTouch: false,
                    // autoplay: {
                    //     delay: 3000,
                    //     stopOnLastSlide: false,
                    //     disableOnInteraction: false,
                    //     pauseOnMouseEnter: true,
                    // },
                    pagination: {
                        el: '.index-s8 .pagination-' + index,
                        clickable: true,
                        renderBullet: function (index, className) {
                            return '<span class="' + className + '"></span>';
                        },
                        bulletClass : 'default',
                        bulletActiveClass: 'active',
                    },
                });
                return indexS8Swiper;
            }
            indexS8Swiper1 = createS8Swiper(1);
        }



    }
    $('.index-page').length && indexPage();


    function innerS1Init(){
        var innerS1 = new Swiper('.inner-s1 .m-items .swiper', {
            speed: 500,
            // simulateTouch: false,
            spaceBetween: 10,
            slidesPerView: 1,
            loop: true,
            loopAdditionalSlides: 3,
            autoplay: {
                delay: 5000,
                stopOnLastSlide: false,
                disableOnInteraction: false,
                // pauseOnMouseEnter: true,
            },
            pagination: {
                el: '.inner-s1 .m-items .pagination',
                clickable: true,
                renderBullet: function (index, className) {
                    return '<span class="' + className + '"></span>';
                },
                bulletClass : 'default',
                bulletActiveClass: 'active',
            },
            breakpoints: {
                900: {
                    slidesPerView: 3,
                    spaceBetween: 24,
                },
                640: {
                    slidesPerView: 2,
                    spaceBetween: 20,
                }
            }
        });

    }
    $('.inner-s1').length && innerS1Init();


    function innerS2Init(){
        var innerS2 = new Swiper('.inner-s2 .m-items .swiper', {
            speed: 500,
            // simulateTouch: false,
            spaceBetween: 10,
            slidesPerView: 1,
            loop: true,
            loopAdditionalSlides: 3,
            autoplay: {
                delay: 5000,
                stopOnLastSlide: false,
                disableOnInteraction: false,
                // pauseOnMouseEnter: true,
            },
            pagination: {
                el: '.inner-s2 .m-items .pagination',
                clickable: true,
                renderBullet: function (index, className) {
                    return '<span class="' + className + '"></span>';
                },
                bulletClass : 'default',
                bulletActiveClass: 'active',
            },
            breakpoints: {
                900: {
                    slidesPerView: 3,
                    spaceBetween: 24,
                },
                640: {
                    slidesPerView: 2,
                    spaceBetween: 20,
                }
            }
        });

    }
    $('.inner-s2').length && innerS2Init();



    function innerS5Init(){
        if(!PC){
            let _i = $('.inner-s5 .item.active').index();
            $('.inner-s5 .items').addClass('swiper')
            $('.inner-s5 .items .sw').addClass('swiper-wrapper')
            $('.inner-s5 .item').addClass('swiper-slide')
            var crumbsSwiper = new Swiper('.inner-s5 .items', {
                speed: 500,
                slidesPerView: 'auto',
                freeMode: true,
                // touchRatio : 0,
                simulateTouch: false,
            });

            let crumbsItem = $('.inner-s5 .item')
            let crumbsItemWidth = 0;
            crumbsItem.each(function(){
                crumbsItemWidth += $(this).innerWidth();
            })
            if(crumbsItemWidth < winWidth){
                $('.inner-s5 .items .sw').css('justify-content', 'center')
            }else{
                crumbsSwiper.slideTo(_i, 1, false)
            }
        }
    }
    $('.inner-s5').length && innerS5Init();


    function innerS10Init(){
        if(PC){
            var arr = [],
                z;
            $('.inner-s10 .right-block .block').each(function(){
                var t = $(this).offset().top;
                arr.push(t);
            })
            console.log(arr)
            $(window).scroll(function(){
                z = $(window).scrollTop();
                var key = 0;
                var flag = true;
                for(var i=0; i<arr.length; i++){
                    key++;
                    if(flag){
                        if(z >= arr[arr.length-key] - 100){
                            var index = arr.length-key;
                            flag = false;
                        }else{
                            flag=true;
                        }
                    }
                }
                $('.inner-s10 .left-block .item').eq(index).addClass('active').siblings().removeClass('active');
            })
            $('.inner-s10 .left-block .item').click(function(){
                var e = $(this).index();
                $('html,body').animate({
                    'scrollTop': $('.inner-s10 .right-block .block').eq(e).offset().top - 95
                }, 300)
            })
        }
    }
    $('.inner-s10').length && innerS10Init();


    function innerS14Init(){
        var innerS14Swiper = new Swiper('.inner-s14 .swiper', {
            speed: 500,
            // simulateTouch: false,
            spaceBetween: 10,
            slidesPerView: 1,
            // loop: true,
            // loopAdditionalSlides: 3,
            autoplay: {
                delay: 5000,
                stopOnLastSlide: false,
                disableOnInteraction: false,
                // pauseOnMouseEnter: true,
            },
            pagination: {
                el: '.inner-s14 .pagination',
                clickable: true,
                renderBullet: function (index, className) {
                    return '<span class="' + className + '"></span>';
                },
                bulletClass : 'default',
                bulletActiveClass: 'active',
            },
            breakpoints: {
                900: {
                    slidesPerView: 3,
                    spaceBetween: 24,
                },
                640: {
                    slidesPerView: 2,
                    spaceBetween: 20,
                }
            }
        });

    }
    $('.inner-s14').length && innerS14Init();


    function innerS16Init(){
        if(PC){
            $('.inner-s16 .item').eq(0).addClass('active')
            $('.inner-s16 .item').mouseenter(function(){
                $(this).addClass('active').siblings().removeClass('active')
            })
        } else{
            $('.inner-s16 .items').addClass('swiper')
            $('.inner-s16 .sw').addClass('swiper-wrapper')
            $('.inner-s16 .item').addClass('swiper-slide')
            var innerS16Swiper = new Swiper('.inner-s16 .items', {
                speed: 500,
                slidesPerView: 1,
                spaceBetween: 20,
                // touchRatio : 0,
                simulateTouch: false,
                pagination: {
                    el: '.inner-s16 .pagination',
                    clickable: true,
                    renderBullet: function (index, className) {
                        return '<span class="' + className + '"></span>';
                    },
                    bulletClass: 'default',
                    bulletActiveClass: 'active',
                },
                breakpoints: {
                    769: {
                        slidesPerView: 2,
                    },
                }
            });
        }
    }
    $('.inner-s16').length && innerS16Init();



    function innerS17Init(){
        var innerS17Swiper = new Swiper('.inner-s17 .m-map-box .swiper', {
            slidesPerView: 'auto',
            speed: 300,
            freeMode: true,
            slideToClickedSlide: true,
        });
        $('.inner-s17 .m-map-box .tab-tit .item').eq(0).addClass('active')
        $('.inner-s17 .m-map-box .child').eq(0).addClass('active')
        $('.inner-s17 .m-map-box .tab-tit .item').click(function(){
            $(this).addClass('active').siblings().removeClass('active')
            $('.inner-s17 .m-map-box .child').eq($(this).index()).addClass('active').siblings().removeClass('active')
        })
    }
    $('.inner-s17').length && innerS17Init();



    function innerS18Init(){
        $('.inner-s18 .tab-tit .item').eq(0).addClass('active')
        $('.inner-s18 .tab-cont .child').eq(0).addClass('active')
        $('.inner-s18 .tab-tit .item').mouseenter(function(){
            $(this).addClass('active').siblings().removeClass('active')
            $('.inner-s18 .tab-cont .child').eq($(this).index()).addClass('active').siblings().removeClass('active')
        })
        if(!PC){
            $('.inner-s18 .tab-tit').addClass('swiper')
            $('.inner-s18 .tab-tit .sw').addClass('swiper-wrapper')
            $('.inner-s18 .tab-tit .item').addClass('swiper-slide')
            var innerS18Swiper = new Swiper('.inner-s18 .tab-tit', {
                slidesPerView: 'auto',
                speed: 300,
                freeMode: true,
                slideToClickedSlide: true,
            });
        }
    }
    $('.inner-s18').length && innerS18Init();


    function innerS19Init(){
        if(PC){
            $('.inner-s19 .item').eq(0).addClass('active')
            $('.inner-s19 .item').mouseenter(function(){
                $(this).addClass('active').siblings().removeClass('active')
            })
        } else{
            $('.inner-s19 .items').addClass('swiper')
            $('.inner-s19 .sw').addClass('swiper-wrapper')
            $('.inner-s19 .item').addClass('swiper-slide')
            var innerS19Swiper = new Swiper('.inner-s19 .items', {
                speed: 500,
                slidesPerView: 1,
                spaceBetween: 20,
                // touchRatio : 0,
                simulateTouch: false,
                pagination: {
                    el: '.inner-s19 .pagination',
                    clickable: true,
                    renderBullet: function (index, className) {
                        return '<span class="' + className + '"></span>';
                    },
                    bulletClass: 'default',
                    bulletActiveClass: 'active',
                },
                breakpoints: {
                    769: {
                        slidesPerView: 2,
                    },
                }
            });
        }
    }
    $('.inner-s19').length && innerS19Init();


    function innerS21Init(){
        if(!PC){
            $('.inner-s21 .items').addClass('swiper')
            $('.inner-s21 .sw').addClass('swiper-wrapper')
            $('.inner-s21 .item').addClass('swiper-slide')
            var innerS21Swiper = new Swiper('.inner-s21 .items', {
                speed: 500,
                slidesPerView: 'auto',
                // touchRatio : 0,
                simulateTouch: false,
                pagination: {
                    el: '.inner-s21 .pagination',
                    clickable: true,
                    renderBullet: function (index, className) {
                        return '<span class="' + className + '"></span>';
                    },
                    bulletClass: 'default',
                    bulletActiveClass: 'active',
                },
            });
        }
    }
    $('.inner-s21').length && innerS21Init();


    function innerS23Init(){        
        $('.inner-s23 .tab-tit .item').eq(0).addClass('active')
        $('.inner-s23 .tab-cont .child').eq(0).addClass('active')
        $('.inner-s23 .tab-tit .item').mouseenter(function(){
            $(this).addClass('active').siblings().removeClass('active')
            $('.inner-s23 .tab-cont .child').eq($(this).index()).addClass('active').siblings().removeClass('active')
        })
        if(!PC){
            $('.inner-s23 .tab-tit').addClass('swiper')
            $('.inner-s23 .tab-tit .sw').addClass('swiper-wrapper')
            $('.inner-s23 .tab-tit .item').addClass('swiper-slide')
            var innerS23Swiper = new Swiper('.inner-s23 .tab-tit', {
                slidesPerView: 'auto',
                speed: 300,
                freeMode: true,
                slideToClickedSlide: true,
            });
        }
    }
    $('.inner-s23').length && innerS23Init();


    function innerS26Init(){
        var innerS26Swiper = new Swiper('.inner-s26 .swiper', {
            speed: 500,
            slidesPerView: 'auto',
            // touchRatio : 0,
            simulateTouch: false,
            pagination: {
                el: '.inner-s26 .pagination',
                clickable: true,
                renderBullet: function (index, className) {
                    return '<span class="' + className + '"></span>';
                },
                bulletClass: 'default',
                bulletActiveClass: 'active',
            },
        });
    }
    $('.inner-s26').length && innerS26Init();



    function otherS2Init(){
        if(PC){
            var arr = [],
                z;
            $('.other-s2 .block').each(function(){
                var t = $(this).offset().top;
                arr.push(t);
            })
            console.log(arr)
            $(window).scroll(function(){
                z = $(window).scrollTop();
                var key = 0;
                var flag = true;
                for(var i=0; i<arr.length; i++){
                    key++;
                    if(flag){
                        if(z >= arr[arr.length-key] - winHeight*0.2){
                            var index = arr.length-key;
                            flag = false;
                        }else{
                            flag=true;
                        }
                    }
                }
                $('.other-s2 .position span').eq(index).addClass('active').siblings().removeClass('active');
            })
            $('.other-s2 .position span').click(function(){
                var e = $(this).index();
                $('html,body').animate({
                    'scrollTop': $('.other-s2 .block').eq(e).offset().top - (winHeight*0.18)
                }, 300)
            })
        }
    }
    $('.other-s2').length && otherS2Init();




})