// 顶部轮播
var swiper_slide = new Swiper('.slide', {
    speed: 1000,
    loop: true,
    autoplay: {
        delay: 2500,
        disableOnInteraction: false,
    },
});

// 产品滚动
var swiper_product = new Swiper('.product .con', {
  slidesPerView: 3,
  spaceBetween: 10,
  centeredSlides: true,
  loop: true,
  navigation: {
    nextEl: '.product .swiper-button-next',
    prevEl: '.product .swiper-button-prev',
  },
  breakpoints: {
    320: {  //当屏幕宽度大于等于320
      slidesPerView: 1,
    },
    640: {  //当屏幕宽度大于等于640
      slidesPerView: 2,
      spaceBetween: 10,
    },
    1200: {
      slidesPerView: 3,
    }
  }
});
// var swiper_product = new Swiper('.product .con', {
//   slidesPerView: 3,
//   spaceBetween: 30,
//   loop: true,
//   pagination: {
//     el: '.swiper-pagination-product',
//     clickable: true,
//   },
//   
// });

// 解决方案滚动
var swiper_solution = new Swiper('.solution .con .swiper-container', {
  slidesPerView: 4,
  slidesPerGroup: 1,
  loop: true,
  loopFillGroupWithBlank: true,
  pagination: {
    el: '.solution .swiper-pagination',
    clickable :true,
  },
  breakpoints: {
    320: {  //当屏幕宽度大于等于320
      slidesPerView: 1,
    },
    640: {
      slidesPerView: 3,
    },
    1200: {
      slidesPerView: 4,
    },
  }
});

$(function(){
	$('.container').imagesLoaded(function () {
        var $grid = $('.grid').isotope({
            // options
            transitionDuration: '.5s'
        });

        // filter items on button click
        $('.news-menu ul').on('click', 'li', function () {
            var filterValue = $(this).attr('data-filter');
			var cateid = $(this).attr('data-cateid');
            $grid.isotope({
                filter: filterValue
            });
			$('#news .more').attr('href','/news/category/'+cateid+'.html'); 
        });

        //for menu active class
        $('.news-menu ul li').on('click', function (event) {
            $(this).siblings('.active').removeClass('active');
            $(this).addClass('active');
            event.preventDefault();
        });

		$grid.isotope({
			filter: '.news-33'
		});
		$('#news .more').attr('href','/news/category/33.html'); 
    });
	
});