$(function () {


    var arr = ['首页', '产品', '案例', '我们', '新闻']

    var indexSwiper = new Swiper('.swiper-containerOne', {
        slidesPerView: 'auto',
        direction: 'vertical',
        speed: 1000,
        simulateTouch: false,
        keyboardControl: true,
        mousewheelControl: true,
        onInit: function (swiper) {
            slide = swiper.slides.eq(swiper.activeIndex);
            slide.addClass('active');
            if (swiper.activeIndex != 0) {
                $('header').addClass('headers')
            } else {
                $('header').removeClass('headers')
            }
        },
        onTransitionEnd: function (swiper) {
            if (swiper.progress == 1) {
                swiper.activeIndex = swiper.slides.length - 1
            }
            for (i = 0; i < swiper.slides.length; i++) {
                slide = swiper.slides.eq(i);
                slide.removeClass('active');
            }
            slide = swiper.slides.eq(swiper.activeIndex);
            slide.addClass('active');
            if (swiper.activeIndex != 0) {
                $('header').addClass('headers')
            } else {
                $('header').removeClass('headers')
            }
            $('.pageA h4').eq(swiper.activeIndex).addClass('pageActive').siblings().removeClass('pageActive');
        }
    })


    $('.pageA h4').on('click',function(){
        $(this).addClass('pageActive').siblings().removeClass('pageActive');
        indexSwiper.slideTo($(this).index(), 1000, false);
        var spr = indexSwiper.slides.eq($(this).index())
        spr.addClass('active').siblings().removeClass('active');
    })


    var banner = new Swiper('#banner', {
        autoplay: 5000,
        autoplayDisableOnInteraction: false

    })

    var indexPageTwo = new Swiper('.indexPageTwo .swiper-container', {
        slidesPerView: 5,
        slidesPerGroup : 5,
        spaceBetween: 10,
        observer: true,
        observeParents: true,
        nextButton: '.indexPageTwo .swiper-button-next',
        prevButton: '.indexPageTwo .swiper-button-prev',
        breakpoints: { 
            1200: {
              slidesPerView: 2,
              slidesPerGroup : 2
            }
          }
    })
   


    $('.indexPageTwo_r .swiper-slide').hover(function () {
        if($(this).index()%5 == 4){
            $('.indexPageTwo_r .swiper-slide').eq($(this).index()-4).addClass('swr');
            $('.indexPageTwo_r .swiper-slide').eq($(this).index()-3).addClass('swr');
            $('.indexPageTwo_r .swiper-slide').eq($(this).index()-2).addClass('swr');
            $('.indexPageTwo_r .swiper-slide').eq($(this).index()-1).addClass('swr');
            // $(this).siblings()
        }
    }, function () {
        $('.indexPageTwo_r .swiper-slide').removeClass('swr');
    })
    var index = 0,index2 = 0;

    $('.indexPageSBtns li').eq(0).on('click', function () {
        index2--
        if (index2 <= 0) {
            index2 = 0;
        }
        index++
        if (index >= $('.indexPageSBtns li').length - 1) {
            index = $('.indexPageSBtns li').length - 1;
        }
        $('.indexPageSBtns li').eq(index2).addClass('acs').siblings().removeClass('acs');
        $('.indexPageThree_l').eq(index).addClass('indexAtive').siblings().removeClass('indexAtive');
       
    })


    $('.indexPageSBtns li').eq(1).on('click', function () {
        index2++
        index--
        if (index <= 0) {
            index = 0;
        }
        if (index2 >= $('.indexPageSBtns li').length - 1) {
            index2 = $('.indexPageSBtns li').length - 1;
        }
        $('.indexPageSBtns li').eq(index2).addClass('acs').siblings().removeClass('acs');
        $('.indexPageThree_l').eq(index).addClass('indexAtive').siblings().removeClass('indexAtive');
        
    })
    

    var indexPageFiveRight = new Swiper('.indexPageFiveRight .swiper-container', {
        slidesPerView: 3, direction: 'vertical',
        observer: true,
        observeParents: true,
        nextButton: '.indexPageFiveRight .swiper-button-next',
        prevButton: '.indexPageFiveRight .swiper-button-prev',
        breakpoints: { 
            1200: {
              slidesPerView: 2
            }
          }
    })

    $('.HrNvMin').on('click',function(){
        $('.moveNav').slideToggle();
    })


    $('.styleBanner .styleBannerTitle .Title  .newBoxTwo>p').parents('.styleBannerTitle').css('top', '50%');






    $('.styleBanner').addClass('backis');


    if ($(window).width() < 1200) {
        $.each($('.backis'),function(i,o){
            $('.backis').eq(i).css({
                'background':'url('+$('.backis').eq(i).find('img').attr('src')+') no-repeat center center',
            })
        })
       
        
    }
})