$(function () {

    //banner
    $('.banner .slick').slick({
        autoplay: true,
        dots: true,
        arrows: true,
        accessibility: true,
        speed: 1500
    });

    //焦点图
    $('.s1-l-l>ul').slick({
        autoplay: true,
        dots: true,
        arrows: false,
        accessibility: true,
        speed: 1500
    });

    $(".xz-r1 ul li").mouseenter(function () {
        $(this).addClass("on").siblings().removeClass("on");
    });

    // 他山之石
    $('.s2-c>ul').slick({
        slidesToShow: 4,
        slidesToScroll: 1,
        dots: false,
        arrows: false,
        responsive: [{
            breakpoint: 1025,
            settings: {
                slidesToShow: 3,
                slidesToScroll: 1
            }
        }, {
            breakpoint: 769,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 1
            }
        }, {
            breakpoint: 481,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1
            }
        }]

    });
    //切换
    $(".section1 .title h3 span.tit").click(function () {
        $(this).addClass("on").siblings("span").removeClass("on");
        var i = $(this).index();
        $(".section1 .title .more-k .more").eq(i).addClass("on").siblings("").removeClass("on");
        $(".section1 .s1-ck>div").eq(i).addClass("on").siblings().removeClass("on");
    })
    //切换
    $(".section3 .title h3 span.tit").click(function () {
        $(this).addClass("on").siblings("span").removeClass("on");
        var i = $(this).index();
        $(".section3 .title .more-k .more").eq(i).addClass("on").siblings("").removeClass("on");
        $(".section3 .s3-c>ul").eq(i).addClass("on").siblings().removeClass("on");
    })
})