$(function () {
  if ($(window).width() > 1024) {
    // ScollText(".box2 ul li p");
    $(".box2 ul li").hover(function () {
      $(".box2 ul li").removeClass("on");
      $(this).addClass("on");
    });
  }
  // ScollText(".what5 .swiper-slide .box-wrap .righttext p");
  if ($(window).width() > 767) {
    // ScollText(".scolltext");
    // ScollText(".what1 ul li div p");
    // ScollText(".ldjpro_light_2 p");
  }

  $(".box3 ul li")
    .mouseenter(function () {
      // $('.box3 ul li').removeClass('on')
      $(this).addClass("on");

      $(".box3 ul .on .img").attr("style", "background: url(" + $(this).attr("data-onsrc") + ");");
    })
    .mouseleave(function () {
      $(".box3 ul .on .img").attr("style", "background: url(" + $(this).attr("data-src") + ");");
      $(this).removeClass("on");
    });
  if ($(window).width() > 1024) {
    $(".what_wrap ul li").click(function () {
      var index = $(this).index();
      $(".what_wrap ul li").removeClass("on icon-jiantou14");
      $(this).addClass("on icon-jiantou14");
      $(".what_wrap .r").eq(index).addClass("on").siblings().removeClass("on");
    });
    $(".what_wrap ul li").eq(0).click();
  } else {
    proslider();
  }
  if ($(window).width() > 1024) {
    swipera(3);
  }
  if ($(window).width() <= 1024) {
    swipera(2);
  }
  if ($(window).width() <= 768) {
    swipera(1);
  }
  proslideraaaa();
});
function swipera(unb) {
  var swiper = new Swiper(".what5 .swiper-container", {
    pagination: ".swiper-pagination",
    slidesPerView: unb,
    spaceBetween: 15,
    nextButton: ".jiantou > .swiper-button-next",
    prevButton: ".jiantou > .swiper-button-prev",
  });
}
function ScollText(obj) {
  if ($(obj).length > 0) {
    $(obj).mCustomScrollbar({
      mouseWheelPixels: 500,
      autoDraggerLength: false,
      advanced: {
        autoScrollOnFocus: "",
      },
    });
  }
}
function proslider() {
  var num = 4;
  if ($(window).width() > 767) {
    num = 4;
  } else {
    var num = 1;
  }

  var _ind = 0;
  var _len = $(".what_wrap li").length;
  if (_len > num) {
    $(".what_wrap .slider_btn").show();
  } else {
  }
  var histopbox_swiper = new Swiper(".what_wrap .swiper-container", {
    nextButton: ".what_wrap .swiper-button-next",
    prevButton: ".what_wrap .swiper-button-prev",
    slidesPerView: num,
    spaceBetween: 0,
    breakpoints: {
      1024: {
        slidesPerView: num,
      },
      767: {
        slidesPerView: num,
      },
    },
  });
  btnJudge();
  $(".what_wrap .swiper-button-prev").click(function () {
    _ind--;
    btnJudge();
    $(".what_wrap li")
      .eq(_ind)
      .addClass("on icon-jiantou14")
      .siblings()
      .removeClass("on icon-jiantou14");
  });
  $(".what_wrap .swiper-button-next").click(function () {
    _ind++;
    btnJudge();
    $(".what_wrap li")
      .eq(_ind)
      .addClass("on icon-jiantou14")
      .siblings()
      .removeClass("on icon-jiantou14");
  });
  $(".what_wrap li").click(function () {
    _ind = $(this).index();
    $(this).addClass("on icon-jiantou14").siblings().removeClass("on icon-jiantou14");
    btnJudge();
    $(".scene_cont li.iteam")
      .eq(_ind)
      .addClass("on icon-jiantou14")
      .siblings()
      .removeClass("on icon-jiantou14");
  });
  $(".what_wrap li").eq(0).click();
  function btnJudge() {
    if (_ind >= _len - 1) {
      $(".what_wrap .swiper-button-next").addClass("disabled");
      _ind = _len - 1;
    } else {
      $(".what_wrap .swiper-button-next").removeClass("disabled");
    }
    if (_ind <= 0) {
      $(".what_wrap .swiper-button-prev").addClass("disabled");
      _ind = 0;
    } else {
      $(".what_wrap .swiper-button-prev").removeClass("disabled");
    }
  }
}
function proslideraaaa() {
  var _ind = 0;
  var _len = $(".box4  li").length;
  if (_len > 8) {
    $(".box4  .slider_btn").show();
  } else if ($(window).width() <= 1024) {
    $(".box4  .slider_btn").show();
  }
  var histopbox_swiper = new Swiper(".box4  .swiper-container", {
    nextButton: ".box4  .swiper-button-next",
    prevButton: ".box4  .swiper-button-prev",
    slidesPerView: 8,
    spaceBetween: 0,
    breakpoints: {
      1024: {
        slidesPerView: 2,
      },
      767: {
        slidesPerView: 1,
      },
    },
  });
  btnJudge();
  $(".box4  .swiper-button-prev").click(function () {
    _ind--;
    btnJudge();
    $(".box4  li").eq(_ind).addClass("on ").siblings().removeClass("on ");
  });
  $(".box4  .swiper-button-next").click(function () {
    _ind++;
    btnJudge();
    $(".box4  li").eq(_ind).addClass("on").siblings().removeClass("on ");
  });
  $(".box4  li").click(function () {
    _ind = $(this).index();
    $(this).addClass("on").siblings().removeClass("on");

    $(".box4 .r").eq(_ind).addClass("on").siblings().removeClass("on");
    btnJudge();
    $(".scene_cont li.iteam").eq(_ind).addClass("on ").siblings().removeClass("on ");
  });
  $(".box4  li").eq(0).click();
  function btnJudge() {
    if (_ind >= _len - 1) {
      $(".box4  .swiper-button-next").addClass("disabled");
      _ind = _len - 1;
    } else {
      $(".box4  .swiper-button-next").removeClass("disabled");
    }
    if (_ind <= 0) {
      $(".box4  .swiper-button-prev").addClass("disabled");
      _ind = 0;
    } else {
      $(".box4  .swiper-button-prev").removeClass("disabled");
    }
  }
}