window.onload = function () {
  var mySwiper = new Swiper(".lq-banner-swiper", {
    loop: true,
    autoplay:5000,
    speed:1000,
    effect: "fade",
    pagination: ".swiper-custom-pagination",
    paginationClickable :true,
    nextButton: '.lq-banner-swiper .swiper-button-next',
    prevButton: '.lq-banner-swiper .swiper-button-prev',
    // paginationBulletRender: function (swiper, index, className) {
    //   return '<span class="' + className + '">' + "0" + (index + 1) + "</span>";
    // },
  });

  // 新闻中心切换
  $(".module-news .list .item").eq(0).addClass("active");
  $(".module-news .btm-box").eq(0).show();
  $(".module-news .list .item").on("hover", function () {
    var _this = $(this);
    var _index = _this.attr("data-index");
    $(".module-news .list .item").removeClass("active");
    _this.addClass("active");
    $(".module-news .btm-box").hide();
    $(".module-news .btm-box").eq(_index).show();
    var newsSwiper = new Swiper(".add-news-container", {
      speed:1000,
      autoplay: 3000,
      loop:true,
      pagination: ".add-new-pagination",
      paginationClickable :true,
      observer:true,
      observeParents:true,
    });
  });

  // 集团产业swiper
  var industrySwiper = new Swiper(".industry-container", {
    effect: "fade",
    speed:1500,
    onSlideChangeStart: function (swiper) {
      $(".list-container .swiper-slide").removeClass("active");
      $(".list-container .swiper-slide")
        .eq(swiper.activeIndex)
        .addClass("active");
        listSwiper.slideTo(swiper.activeIndex, 1500, false);
    },
  });

  // add swiper
  var addSwiper = new Swiper(".add-mi-container", {
    speed:1500,
    onSlideChangeStart: function (swiper) {
      $(".list-container .swiper-slide").removeClass("active");
      $(".list-container .swiper-slide")
        .eq(swiper.activeIndex)
        .addClass("active");
        listSwiper.slideTo(swiper.activeIndex, 1500, false);
      industrySwiper.slideTo(swiper.activeIndex, 1500, false);

    },
  });
  // 首页新闻轮播swiper
    var newsSwiper = new Swiper(".add-news-container", {
      speed:1000,
      autoplay: 3000,
      loop:true,
      pagination: ".add-new-pagination",
      paginationClickable :true,
      observer:true,
      observeParents:true,
    });

  var listSwiper = new Swiper(".list-container", {
    // scrollbar: '.swiper-scrollbar',
    // pagination: ".swiper-pagination",
    // paginationType: "progress",
    slidesPerView: 5,
    speed:1500,
    spaceBetween: 30,
    slideToClickedSlide: true,
    grabCursor: true,
    onClick: function (swiper) {
      console.log(swiper);
      industrySwiper.slideTo(swiper.clickedIndex, 1200, false);
      addSwiper.slideTo(swiper.clickedIndex, 1200, false);
    },
    breakpoints: {
      1366: {
        slidesPerView: 4,
        spaceBetween: 10,
      },
      996: {
        slidesPerView: 4,
        spaceBetween: 10,
      },
      768: {
        slidesPerView: 4,
        spaceBetween: 10,
      },
      530: {
        slidesPerView: 2,
        spaceBetween: 10,
      },
    },
  });
  $('.list-box .swiper-button-prev').click(function(){
    listSwiper.slidePrev();
    })
  $('.list-box .swiper-button-next').click(function(){
    listSwiper.slideNext();
    })
  // 样式联动
  $(".list-container .swiper-slide").eq(0).addClass("active");
  $(".list-container .swiper-slide").on("click", function () {
    $(".list-container .swiper-slide").removeClass("active");
    $(this).addClass("active");
  });
};