// 动画加载
var wow = new WOW({
    boxClass: 'wow',
    animateClass: 'animated',
    offset: 0,
    mobile: true,
    live: true
});
wow.init();

// 移动端导航下拉展开剪头旋转
$('.header-container ul.slimmenu li').click(function () {
	var index = $('.header-container ul.slimmenu li').index(this);
	$('.header-container ul.slimmenu li').removeClass('ative');
	$('.header-container ul.slimmenu li').eq(index).addClass('ative');
})

// 导航背景是否可以变色
globalThis.canScroll = true;

$(document).ready(function(){
    
    if(globalThis.canScroll===true){
        // 导航背景变色
        $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                $('.menu-top').addClass('menu-shrink');
                $('.huifa_logo').attr("src", "../static/assets/huifa/images/hflogo2.png");
            } else {
                $('.menu-top').removeClass('menu-shrink');
                $('.huifa_logo').attr("src", "../static/assets/huifa/images/hflogo.png");
            }
        });
    }else{
        $('.menu-top').addClass('menu-shrink');
        $('.huifa_logo').attr("src", "../static/assets/huifa/images/hflogo2.png");
    }
});


$(document).on('click', '.navbar-collapse.in', function (e) {
    if ($(e.target).is('a') && $(e.target).attr('class') != 'dropdown-toggle') {
        $(this).collapse('hide');
    }
});

/* 数字加载滚动 */
$('.index_about_lf').on('inview', function (event, visible, visiblePartX, visiblePartY) {
    if (visible) {
        $(this).find('.timer').each(function () {
            var $this = $(this);
            $({
                Counter: 0
            }).animate({
                Counter: $this.text()
            }, {
                duration: 2000,
                easing: 'swing',
                step: function () {
                    $this.text(Math.ceil(this.Counter));
                }
            });
        });
        $(this).unbind('inview');
    }
});

// tab选项卡
$(function() {
    //客户案例
    $('.index_case_box:eq(0)').addClass('active');
    $('.index_case_tab ul li').click(function () {
        var $in = $(this).index();
        $('.index_case_tab ul li').removeClass('active');
        $(this).addClass('active');
        $('.index_case_box').removeClass('active');
        $('.index_case_box:eq(' + $in + ')').addClass('active');
        $('.index_case_box ul li').addClass('animated');
        $('.index_case_box ul li').addClass('fadeInUp');
    });
    //最新资讯
    $('.index_news:eq(0)').addClass('active');
    $('.index_news ul li:eq(0)').addClass('active');
    $('.index_news ul li').click(function () {
        var $in = $(this).index();
        $('.index_news ul li').removeClass('active');
        $(this).addClass('active');
        $('.index_news_fr').removeClass('active');
        $('.index_news_fr:eq(' + $in + ')').addClass('active');
    });
    
        // 案例详情页
        $('.reve_left ul li:eq(0)').addClass('active');
        $('.reve_left ul li').click(function () {
            var $in = $(this).index();
            $('.reve_left ul li').removeClass('active');
            $(this).addClass('active');
            $('.reve_info').removeClass('active');
            $('.reve_info:eq(' + $in + ')').addClass('active');
        });
})


// 发展历程
var mySwiper = new Swiper('.swiper-container.licheng-content', {
    autoplay: false, //自动滑动
    navigation: {
    prevEl: '.btn-prev',
    nextEl: '.btn-next',
  }
  })
  
// 发展历程移动端
	$(function() {
		jQuery(".event_box").slide({ titCell: ".parHd li", mainCell: ".parBd", defaultPlay: false, titOnClassName: "act", prevCell: ".sPrev", nextCell: ".sNext" });
		jQuery(".parHd").slide({ mainCell: " ul", vis: 6, effect: "leftLoop", defaultPlay: false, prevCell: ".sPrev", nextCell: ".sNext" });
	});
//轮播图
var main_swiper = new Swiper('.swiper-banner.swiper-container', {
    direction: 'horizontal',
    slidesPerView: 1,
    pagination: {
      el: '.swiper-pagination',
      clickable: true,
    },
    on:{
        slideChangeTransitionStart: function(){
          $('#g'+(this.activeIndex+1)).addClass('active').siblings().removeClass('active');
        },
        init: function(){
            swiperAnimateCache(this); //隐藏动画元素 
            swiperAnimate(this); //初始化完成开始动画
        }, 
        slideChangeTransitionEnd: function(){ 
            swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
        }
    }
});
var lis = $('.swiper-nav').find('li');
lis.each(function(i,el){
    $('#g'+(i+1)).mouseover(function(){
        main_swiper.slideTo(i, 1000);
        $(el).addClass('active').siblings().removeClass('active');
    });
})

//导航
$(function() {

	var $obj = $('.menu ul');
	$obj.find('li').on('mouseenter', function() {
		$(this).addClass("intro");
	});
	$obj.find('li').on('mouseleave', function() {
		$(this).removeClass("intro");
	})

	//导航展开
	$('#men_pro').on('mouseenter', function() {
		$('#menu_hover_bg').stop().animate({
			height: '550px'
		}, 500);
		$('#men_pro .sub_menu').stop().animate({
			height: '610px'
		}, 600);
	})
	$('#men_pro').on('mouseleave', function() {
		$('#menu_hover_bg').stop().animate({
			height: '0'
		}, 600);
		$('#men_pro .sub_menu').stop().animate({
			height: '0'
		}, 500);
	})
	$('#men_sol').on('mouseenter', function() {
		$('#menu_hover_bg').stop().animate({
			height: '340px'
		}, 500);
		$('#men_sol .sub_menu').stop().animate({
			height: '340px'
		}, 600);
	})
	$('#men_sol').on('mouseleave', function() {
		$('#menu_hover_bg').stop().animate({
			height: '0'
		}, 600);
		$('#men_sol .sub_menu').stop().animate({
			height: '0'
		}, 500);
	})
	$('#men_zigongs').on('mouseenter', function() {
		$('#menu_hover_bg').stop().animate({
			height: '260px'
		}, 500);
		$('#men_zigongs .sub_menu').stop().animate({
			height: '260px'
		}, 600);
	})
	$('#men_zigongs').on('mouseleave', function() {
		$('#menu_hover_bg').stop().animate({
			height: '0'
		}, 600);
		$('#men_zigongs .sub_menu').stop().animate({
			height: '0'
		}, 500);
	})
	//服务分类选项卡
    $('#men_fuwu .category li').mouseover(function() {
        var i = $(this).index();
        $(this).addClass('active').siblings().removeClass('active');
        $('#men_fuwu .content .cont_list').eq(i).show().siblings().hide();
    });				
});

// erp
$(function () {
    $("#erp-introduce .out-ul>li").mousemove(function (event) {
        event.preventDefault();
        event.stopPropagation();
        $(this).addClass('hover').siblings().removeClass('hover');
    });
})

// APP
 //服务过的行业的轮播
        var swiper1 = new Swiper('.vocation_swiper', {
            slidesPerView: 1,
            spaceBetween: 30,
            autoplay: {
                delay: 3000,
                stopOnLast: true,
                disableOnInteraction: false,
            },//自动滚动
            loop: true,
            pagination: {
                el: ".vocation-pagination",
                clickable: true
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            on: {
                slideChangeTransitionStart: function () {
                    var $Obj = $(".vocation .gallery-thumbs .swiper-slide");
                    var value = this.activeIndex - 1;
                    if (value <= 9) {
                        $Obj.eq(value).addClass("active").siblings().removeClass("active");
                    } else {
                        $Obj.eq(0).addClass("active").siblings().removeClass("active");
                    }
                }
            }
        });
        //服务过的行业选项卡
        $(".vocation .gallery-thumbs .swiper-wrapper .swiper-slide").click(function () {
            var index = $(this).index();
            $('.vocation-pagination span').eq(index).trigger('click');
            $(this).addClass("active").siblings().removeClass("active");
        });

        //我们能为你提供的服务
        $(".provide .provide_tab ul li").hover(function () {
            $(this).addClass("active").siblings().removeClass("active");
            var index = $(this).index();
            $(".provide .provide_content_total>div").eq(index).addClass("active").siblings().removeClass("active");
        });

        // 经典案例
        var swiper99 = new Swiper(".example_swiper", {
            observer:true,//修改swiper自己或子元素时，自动初始化swiper
            observeParents:true,//修改swiper的父元素时，自动初始化swipel
            slidesPerView: 4,
            spaceBetween: 10,
            
            //Swiper4.x版本为小于
            breakpoints: {
              1280: {  //当屏幕宽度小于等于1280
                slidesPerView: 4,
                spaceBetween: 30
              },
              768: {  //当屏幕宽度小于等于768
                slidesPerView: 1,
                spaceBetween: 20,
              },
              320: {  //当屏幕宽度小于等于320
                slidesPerView: 2,
                spaceBetween: 10,
              }
            } 
  })




		
// 智能化会议
		        var swiper = new Swiper(".znhy_swipers", {
            slidesPerView: 3,
            spaceBetween: 30,
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
            },
                        //Swiper4.x版本为小于
            breakpoints: {
              1280: {  //当屏幕宽度小于等于1280
                slidesPerView: 4,
                spaceBetween: 30
              },
              768: {  //当屏幕宽度小于等于768
                slidesPerView: 1,
                spaceBetween: 20,
              },
              320: {  //当屏幕宽度小于等于320
                slidesPerView: 2,
                spaceBetween: 10,
              }
            } 
        });

// 数字校园
        var swiper = new Swiper(".szxy_swibox", {
            pagination: {
                el: ".swiper-pagination",
            },
        });