$(function () {
  $(".num span").countUp()
  if ($(window).width() > 1200) {
    $(".nav li").hover(function () {
      $(this).addClass('cur').siblings().removeClass('cur')
    })
  }

  // 头部滚动切换
  $(window).on('scroll', function () {
    if ($(window).width() >= 1201) {
      if ($(window).scrollTop() > 0) {
        $('.header').addClass('atv')
      } else {
        $('.header').removeClass('atv')
      }
    }
  })

  // 手机头部
  $(".mob-nav").click(function () {
    $(this).toggleClass("on");
    $(".pc_nav").stop(false, true).fadeToggle();
    $("html").addClass('auto')

  })

  if ($(window).width() <= 1200) {
    $(".nav > li > a").click(function () {
        if ($(this).siblings('.thr').length > 0) {
            $(this).siblings().stop(false, true).slideToggle();
            $(this).parent().siblings().children(".thr").stop(false, true).slideUp();
            return false;
        }
    })
}

  var swiper = new Swiper(".gallery-thumbs", {
    spaceBetween: 0,
    slidesPerView: 1,
    // freeMode: true,
    loop: true,
    loopedSlides: 5,
    watchSlidesProgress: true,
    autoplay:true
  });
  var swiper2 = new Swiper(".gallery-top", {
    spaceBetween: 0,
    loop: true,
    loopedSlides: 5,
    autoplay:true,
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
    thumbs: {
      swiper: swiper,
    },
  });

  var swiper05 = new Swiper('.swiper01', {
    slidesPerView: 3,
    spaceBetween: 5,
    centeredSlides: true,
    loop: true,
    autoplay:true,
    navigation: {
      nextEl: ".swiper01 .swiper-button-next",
      prevEl: ".swiper01 .swiper-button-prev",
    },
    breakpoints: {
      320: { //当屏幕宽度大于等于768 
        slidesPerView: 1,
        spaceBetween: 0,
        centeredSlides: false,
      },
      640: { //当屏幕宽度大于等于768 
        slidesPerView: 1,
        spaceBetween: 0,
        centeredSlides: false,
      },
      768: { //当屏幕宽度大于等于768 
        slidesPerView: 3,
        spaceBetween: 17,
        centeredSlides: false,
      },
      1201: { //当屏幕宽度大于等于1280
        slidesPerView: 3,
        spaceBetween: 0,
      
      }
    },
  });

  $(".index-box-2 .imgs ul li").eq(0).addClass("on")
  $(".index-box-2 .swiper-slide").eq(0).addClass("active")


  var solution_swiper = new Swiper('.solution-swiper', {

    slidesPerView: 4,
    navigation: {
      nextEl: '.index-box-2 .next',
      prevEl: '.index-box-2 .prev',
    },
    breakpoints: {
      320: { //当屏幕宽度大于等于768 
        slidesPerView: 1,
        spaceBetween: 0,
       
      },
      1200: { //当屏幕宽度大于等于768 
        slidesPerView: 1,
        spaceBetween: 0,
       
      },
      1201: { //当屏幕宽度大于等于1280
        slidesPerView: 3,
        spaceBetween: 0
      },
      1440: { //当屏幕宽度大于等于1280
        slidesPerView: 4,
        spaceBetween: 0
      }
    },

    on: {
      init: function () {
        var i = this.activeIndex;
        $(".index-box-2 .swiper-slide").eq(i).addClass("active").siblings().removeClass("active")
        $(".index-box-2 .imgs ul li").removeClass("on").eq(i).addClass("on")
      },
      slideChangeTransitionStart: function (swiper) {
        $(".index-box-2 .swiper-slide").eq(this.activeIndex).addClass("active").siblings().removeClass("active")
        $(".index-box-2 .imgs ul li").removeClass("on").eq(this.activeIndex).addClass("on")
      }
    },
  });
  $(".index-box-2 .swiper-slide").hover(function () {
    $(".index-box-2 .imgs ul li").removeClass("on").eq($(this).index()).addClass("on")
    $(this).addClass("active").siblings().removeClass("active")
  })

  var swiper06 = new Swiper(".index_news01", {
    slidesPerView: 3,
    spaceBetween: 2,
    slidesPerGroup: 3,
    loop: true,
    autoplay:true,
    loopFillGroupWithBlank: true,
    navigation: {
      nextEl: ".index_news01 .swiper-button-next",
      prevEl: ".index_news01 .swiper-button-prev",
    },

    breakpoints: {
      320: { //当屏幕宽度大于等于768 
        slidesPerView: 1,
        spaceBetween: 0,
       
      },
      768: { //当屏幕宽度大于等于768 
        slidesPerView: 2,
        spaceBetween: 3,
       
      },
      1024: { //当屏幕宽度大于等于768 
        slidesPerView: 2,
        spaceBetween: 3,
       
      },
      1200: { //当屏幕宽度大于等于1280
        slidesPerView: 3,
        spaceBetween: 3
      }
    },
  });


  var swiper02 = new Swiper(".gstp", {
    slidesPerView: 3,
    spaceBetween: 25,
    navigation: {
      nextEl: ".gstp_box .swiper-button-next",
      prevEl: ".gstp_box .swiper-button-prev",
    },
    breakpoints: {
      320: { //当屏幕宽度大于等于768 
        slidesPerView: 1,
        spaceBetween: 0,
       
      },

      640: { //当屏幕宽度大于等于768 
        slidesPerView: 2,
        spaceBetween: 15,
       
      },
      768: { //当屏幕宽度大于等于768 
        slidesPerView: 2,
        spaceBetween: 20,
       
      },
      1200: { //当屏幕宽度大于等于1280
        slidesPerView: 3,
        spaceBetween: 25
      }
    },
  });

  
  var swiper08 = new Swiper(".gstp1", {
    slidesPerView: 3,
    spaceBetween: 25,
    navigation: {
      nextEl: ".gstp_box1 .swiper-button-next",
      prevEl: ".gstp_box1 .swiper-button-prev",
    },
    breakpoints: {
      320: { //当屏幕宽度大于等于768 
        slidesPerView: 1,
        spaceBetween: 0,
       
      },

      640: { //当屏幕宽度大于等于768 
        slidesPerView: 2,
        spaceBetween: 15,
       
      },
      768: { //当屏幕宽度大于等于768 
        slidesPerView: 3,
        spaceBetween: 20,
       
      },
      1200: { //当屏幕宽度大于等于1280
        slidesPerView: 3,
        spaceBetween: 25
      }
    },
  });
  // 关于我们 旋转木马
  certifySwiper = new Swiper('#certify .swiper', {
    watchSlidesProgress: true,
    slidesPerView: 'auto',
    centeredSlides: true,
    loop: true,
    loopedSlides: 5,
    autoplay: true,
    navigation: {
      nextEl: '#certify .swiper-button-next',
      prevEl: '#certify.swiper-button-prev',
    },
    pagination: {
      el: '.swiper-pagination',
      //clickable :true,
    },
    on: {
      progress: function (progress) {
        for (i = 0; i < this.slides.length; i++) {
          var slide = this.slides.eq(i);
          var slideProgress = this.slides[i].progress;
          modify = 1;
          if (Math.abs(slideProgress) > 1) {
            modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
          }
          translate = slideProgress * modify * 210 + 'px';
          scale = 1 - Math.abs(slideProgress) / 5;
          zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
          slide.transform('translateX(' + translate + ') scale(' + scale + ')');
          slide.css('zIndex', zIndex);
          slide.css('opacity', 1);
          if (Math.abs(slideProgress) > 3) {
            slide.css('opacity', 0);
          }
        }
      },
      setTransition: function (swiper, transition) {
        for (var i = 0; i < this.slides.length; i++) {
          var slide = this.slides.eq(i)
          slide.transition(transition);
        }

      }
    }

  })


  var thump = new Swiper(".thump", {
    spaceBetween: 23,
    slidesPerView: 6,
    freeMode: true,
    watchSlidesProgress: true,
    navigation: {
      nextEl: ".thump_box .swiper-button-next",
      prevEl: ".thump_box .swiper-button-prev",
    },
  });
  var bigImg = new Swiper(".bigImg", {
    spaceBetween: 0,
    navigation: {
      nextEl: ".bigImg_box .swiper-button-next",
      prevEl: ".bigImg_box .swiper-button-prev",
    },
    thumbs: {
      swiper: thump,
    },
  });

})