$(function () {


    $('.s1-l>ul').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: true,
        dots: true,
        autoplay: true
    });
    $('.s2-c>div>ul').slick({
        slidesToShow: 2,
        slidesToScroll: 1,
        arrows: false,
        dots: true,
        autoplay: true,
        responsive: [{
            breakpoint: 1201,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1
            }
        }]
    });



    $('.s5-c>ul').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        dots: false,
        arrows: true,
        responsive: [{
            breakpoint: 1025,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 1
            }
        }, {
            breakpoint: 376,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1
            }
        }]
    });


    $(".s4-ltit ul li").click(function () {
        var i = $(this).index();
        $(this).addClass("on").siblings().removeClass("on");
        $(".s4-lbody>div").eq(i).stop().fadeIn().siblings().hide();
    })
    $(".s4-lul li a").mouseenter(function () {
        $(this).parents("li").addClass("on").siblings("li").removeClass("on");
    })





    $('.zjs-t>ul').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        dots: false,
        fade: true,
        asNavFor: '.zjs-b>ul',
        autoplay: false
    });
    $('.zjs-b>ul').slick({
        slidesToShow: 4,
        slidesToScroll: 1,
        arrows: true,
        dots: false,
        asNavFor: '.zjs-t>ul',
        autoplay: true,
        responsive: [{
            breakpoint: 1201,
            settings: {
                slidesToShow: 3,
                slidesToScroll: 1
            }
        }, {
            breakpoint: 1025,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 1
            }
        }]
    });
});