lpk.F8();
lpk.VisualEditing();
lpk.RecordNumber();
lpk.hasRoundedCorners();
lpk.dataLoading();
lpk.goTop(500);
lpk.videoInsertion();

/*
 new Swiper('.banner_container .banner .swiper', {
    loop: true,
    autoplay: {
        delay: 3000,
        disableOnInteraction: false,
    },
    effect: 'fade',
    direction: 'vertical',
    speed: 800,
    spaceBetween: 0,
    slidesPerView: 1,
    centeredSlides: false,
    navigation: {
        prevEl: '.banner_container .banner .button .prev',
        nextEl: '.banner_container .banner .button .next',
    },
    watchSlidesProgress: true,
    virtualTranslate: true, 
    centerInsufficientSlides: true,
    watchOverflow: true,
    pagination: {
        el: ".banner_container .page div",
        clickable: true,
        type: 'progressbar',
    },


    grid: {
        fill: 'column',
        rows: 2,
    },
    breakpoints: {
        320: {},
        500: {},
        1200: {},
        1360: {},
    },

    on: {
        init: function () {
            swiperAnimateCache(this); 
            swiperAnimate(this);

            var slideH = this.slides.length / 3;
            $(this.el)

        },
        slideChangeTransitionEnd: function () {
             swiperAnimate(this);
            var num = this.realIndex;
            num = num + 1;
        },
        slideChangeTransitionStart: function () {
            var nextSlide = this.slides.eq(this.activeIndex);
        },
    }
});
 */


$('.MobileNavigation .box_scroll .box .item_select>a').click(function () {
    $(this).toggleClass('active').parent('.item_select').siblings().children('a').removeClass('active');
    $(this).next().slideToggle().parent('.item_select').siblings().find('.twoSelect').slideUp();
})

$('.MobileNavigation .box_scroll .box .item .twoSelect .twoSelectItem>a').click(function () {
    $(this).toggleClass('active').parent('.twoSelectItem').siblings().children('a').removeClass('active');
    $(this).next().slideToggle().parent('.twoSelectItem').siblings().find('.threeSelect').slideUp();
})

$('.MobileNavigation .box_scroll .box .item .threeSelect .threeSelectItem>a').click(function () {
    $(this).toggleClass('active').parent('.threeSelectItem').siblings().children('a').removeClass('active');
    $(this).next().slideToggle().parent('.threeSelectItem').siblings().find('.fourSelect').slideUp();
})
$('.MobileNavigation .box_scroll .box .item .threeSelect .fourSelectItem>a').click(function () {
    $(this).toggleClass('active').parent('.fourSelectItem').siblings().children('a').removeClass('active');
    $(this).next().slideToggle().parent('.fourSelectItem').siblings().find('.fiveSelect').slideUp();
})
$('.MobileNavigation .box_scroll .box .item .threeSelect .fiveSelectItem>a').click(function () {
    $(this).toggleClass('active').parent('.fiveSelectItem').siblings().children('a').removeClass('active');
    $(this).next().slideToggle().parent('.fiveSelectItem').siblings().find('.dixSelect').slideUp();
})


$('.MobileNavigation .box_scroll .box .item_moadian .twoSelectItem a').click(function () {
    $('.MobileMain .box .button .menu .menu_btn').removeClass('active');
    $('.MobileNavigation').slideToggle();
    $('body').toggleClass('hidden');
})

$('.MobileMain .box .button .menu .menu_btn').click(function () {
    $(this).toggleClass('active');
    $('.MobileNavigation').slideToggle();
    $('body').toggleClass('hidden');
});

// 搜索
$('.search_open,.mobile_search .close').click(function () {
    $('.mobile_search').slideToggle();
})


// 滚动效果插件
$('.wow').each(function () {
    // $(this).attr('data-wow-delay', '0s');
    $(this).addClass('fadeInUp');
})
new WOW().init();

// 隐私政策取消
$('.Cookie_Container .btn2').click(function () {
    $('.Cookie_Container').slideToggle();
});

// *******************
// 滚动条事件
function debounce(func, wait) {
    let timeout;
    return function () {
        const context = this, args = arguments;
        clearTimeout(timeout);
        timeout = setTimeout(() => func.apply(context, args), wait);
    };
}

let lastScrollTop = 0;
let scrollDirection = '';
$(window).scroll(debounce(function () {
    const st = $(this).scrollTop();
    if (st > 200) {
        if (st < lastScrollTop) {
            // console.log('up');
        } else {
            // cconsole.log('down');
        }
        lastScrollTop = st;
    }
    if (st > 50) {
        $('.Header_Container').addClass('active');
    } else {
        $('.Header_Container').removeClass('active');
    }

}, 0));


if (lpkWidth > 1200) {

    $('.Home_Apply .box .item').mouseover(function () {
        $(this).addClass('active').siblings().removeClass('active');
    })

}



new Swiper('.Product_03 .banner .swiper', {
    loop: $('.Product_03 .box .banner .swiper-slide').length > 3 ? true : false,
    autoplay: {
        delay: 3000,
        disableOnInteraction: false,
    },
    speed: 800,
    spaceBetween: 25,
    slidesPerView: 3,
    centerInsufficientSlides: true,
    pagination: {
        el: ".Product_03 .page div",
        clickable: true,
    },
    breakpoints: {
        320: { slidesPerView: 1,},
        500: { slidesPerView: 2,},
        1200: { slidesPerView: 3,},
        1360: {},
    },

});


// $('.Product_06 .box .itemList .item').mouseover(function () {
//     $(this).addClass('active').siblings().removeClass('active');
//     $('.Product_06 .box .imgList p').eq($(this).index()).addClass('active').siblings().removeClass('active');
// })

$('.Product_04 .box .orientation').click(function () {
    $(this).parents('.box').find('video').get(0).play();
    $(this).fadeOut();
})

$('.Product_01 .box .item').length > 3 ? $('.Product_01 .box').addClass('box2') : $('.Product_01 .box').addClass('box1');


$('.solution_01 .box .item2 .boxRight .textList ul li').click(function () {
    $(this).addClass('active').siblings().removeClass('active');
    $(this).parents('.item').find('.boxLeft .ite').eq($(this).index()).addClass('active').siblings().removeClass('active');
    $(this).parents('.item').find('.imgList p').eq($(this).index()).addClass('active').siblings().removeClass('active');
})
 

new Swiper('.Contact_02 .banner .swiper', {
    autoplay: {
        delay: 3000,
        disableOnInteraction: false,
    },
    speed: 800,
    spaceBetween: 30,
    slidesPerView: "auto",
    slidesOffsetBefore : 30,
    // loop:true,
    // centerInsufficientSlides: true,
    centeredSlides: false,
    breakpoints: {
        320: {},
        500: {},
        1200: {},
        1360: {},
    }

});


$('.Header_Container .box .boxLeft .menu').click(function () {
    $('.Menu_Container').fadeIn();
});

$('.Menu_Container .box .head .menu').click(function () {
    $('.Menu_Container').fadeOut();
});

let about1 = new Swiper('.About_01 .boxRight .swiper', {
    speed: 800,
    spaceBetween: 30,
    centeredSlides: true,
});

$('.About_01 .box .boxRight .content4 ul li').click(function () {
    $(this).addClass('active').siblings().removeClass('active');
    about1.slideTo($(this).index());
})


let about2 = new Swiper('.About_02 .banner1 .swiper', {
    direction: 'vertical',
    speed: 800,
    spaceBetween: 0,
    slidesPerView: 1,
});


function about3(index) {
    $('.About_02 .box1 .banner2').html($('.fzlc>div').eq(index).clone(true));
    new Swiper('.About_02 .banner2 .swiper', {
        autoplay: {
            delay: 3000,
            disableOnInteraction: false,
        },
        loop:$('.About_02 .box1 .banner2 .swiper-slide').length > 4 ? true : false ,
        speed: 800,
        spaceBetween: 30,
        slidesPerView: "auto",
        centeredSlides: false,
        slidesOffsetBefore : 30,
        
        centerInsufficientSlides: true,
        breakpoints: {
            320: { slidesOffsetBefore : 20,},
            500: { slidesOffsetBefore : 30,},
            1200: {},
            1360: {},
        }
        
    });
}

about3(0);

$('.About_02 .box2 .banner3 ul li').click(function () {
    $(this).addClass('active').siblings().removeClass('active');
    about2.slideTo($(this).index());
    about3($(this).index());
})

$('.About_03 .box .itemList .item').mouseover(function () {
    $(this).addClass('active').siblings().removeClass('active');
    $('.About_03 .box .imgList p').eq($(this).index()).addClass('active').siblings().removeClass('active');
})

let about4 = new Swiper('.About_04 .banner2 .swiper', {
    speed: 800,
    spaceBetween: 40,
    slidesPerView: "auto",
    loop: true,
    slidesOffsetBefore : 0,
    breakpoints: {
        320: { spaceBetween: 20,slidesOffsetBefore : 20,},
        500: { spaceBetween: 20,slidesOffsetBefore : 20,},
        1200: { spaceBetween: 40,slidesOffsetBefore : 0,},
    }
});
new Swiper('.About_04 .banner1 .swiper', {
    autoplay: {
        delay: 3000,
        disableOnInteraction: false,
    },
    direction: 'vertical',
    speed: 500,
    loop: true,
    spaceBetween: 0,
    slidesPerView: "auto",
    slideToClickedSlide: true,
    navigation: {
        prevEl: '.About_04 .button_btn .prev',
        nextEl: '.About_04 .button_btn .next',
    },
    on: {
        slideChangeTransitionStart: function () {
            about4.slideToLoop(this.realIndex);
        }
    }
    
   
});



var number_slide = $('.Home_CoreTechnology .banner2 .swiper-slide').length > 5 ? 5 : $('.Home_CoreTechnology .banner2 .swiper-slide').length;

var coreSwiper = new Swiper('.Home_CoreTechnology .banner2 .swiper', {
    // loop: true,
    // autoplay: {
    //     delay: 3000,
    //     disableOnInteraction: false,
    // },
    speed: 800,
    spaceBetween: "5%",
    slidesPerView: number_slide,
    centeredSlides: false,
    freeMode: true,
    watchSlidesProgress: true,
    breakpoints: {
        320: {slidesPerView: 2,},
        500: {slidesPerView: number_slide,},
    },
});

new Swiper('.Home_CoreTechnology .banner1 .swiper', {
    // loop: true,
    autoplay: {
        delay: 3000,
        disableOnInteraction: false,
    },
    effect: 'fade',
    speed: 800,
    thumbs: {
        swiper: coreSwiper,
    },
});

$('.Home_Chip .orientation .content3 .play').click(function () {
    $("html,body").stop().animate({
        scrollTop: $('.Home_Chip').offset().top,
    }, 300)

    $('.Home_Chip .position').addClass('active');
    $(this).parents('.Home_Chip').find('.position video').get(0).play();

})
$('.Home_Chip .position').click(function () {
    $(this).removeClass('active');
    $(this).parents('.Home_Chip').find('.position video').get(0).pause();
})

var swiper = new Swiper('.Home_News .swiper', {
    slidesPerView: 1,
    spaceBetween: 30,
    speed: 800,
    loop: $('.Home_News .swiper .swiper-slide').length > 1 ? true : false,
    pagination: {
        el: ".Home_News .page div",
        clickable: true,
    },
    
     navigation: {
        prevEl: '.Home_News .button_btn .prev',
        nextEl: '.Home_News .button_btn .next',
    },
    
    
})