$(function() {
    $(".banner-slick").slick({
        autoplay: false,
        dots: true,

    })
    $(".sect2-r .title h2").click(function() {
        $(this).addClass("on").siblings().removeClass("on");
        var i = $(this).index();
        $(".sect2-r .s3-l-box ul").eq(i).addClass("on").siblings().removeClass("on");
        $(".sect2-r .title .more a").eq(i).addClass("on").siblings().removeClass("on");
    })
    $(".sect3-r .title h2").click(function() {
        $(this).addClass("on").siblings().removeClass("on");
        var i = $(this).index();
        $(".sect3-r .s3-r-box ul").eq(i).addClass("on").siblings().removeClass("on");
        $(".sect3-r .title .more a").eq(i).addClass("on").siblings().removeClass("on");
    })
    $(".s3-r-box ul li").mouseenter(function() {
        $(this).addClass("on").siblings().removeClass("on");
    })


    $('.banner-slick').on('beforeChange', function(event, slick, currentSlide, nextSlide) {
        console.log(nextSlide)
        var a = $(".banner-slick .slick-slide").eq(nextSlide + 1).find("img").attr("src");
        console.log(a);
        $(".banner-slick .slick-dots li").eq(nextSlide).find("button").css("background-image", "url(" + a + ")");
    });

})