$(document).ready(function(e) { 
	if($(window).width()>768){
		new WOW().init();
	}
	
	/*首页*/
	var thisi = 0;
	$('#nav ul li').each(function(){
		if($(this).hasClass("active")){
			thisi = $('#nav ul li').index(this)+1;
		}
	});
	if(thisi>0){
		$("#nav span").css("width",$('#nav ul li:nth-child('+thisi+') a').width());
		var xx =  $('#nav ul li:nth-child('+thisi+') a').position().left;
		$("#nav span").css('transition','none').css("marginLeft",xx);

		if($(window).width()>768){
			$("#nav ul li").hover(function() {
				var x = $('a',this).position().left;
				var Width = $('a',this).width();
				$("#nav span").css("width",Width);
				$("#nav span").css('transition','all .5s').css("marginLeft", x)
				$('.listnav',this).stop().slideDown();

				var lew = $('a',this).offset().left;
				var wwh = $('.listnav .abox',this).width()-$('a',this).width();
				var wwh =wwh/2;
				$('.listnav .abox',this).css("marginLeft",lew-wwh);

				$(this).addClass("active");
			}, function() {
				$("#nav span").css("width",$('#nav ul li:nth-child('+thisi+') a').width());
				$("#nav span").css("marginLeft", xx)
				$('.listnav',this).stop().slideUp();

				$(this).removeClass("active");
			})
		}
	}

	if($(window).width()<=768){
		$(".Ncheader .nav .centre ul li").click(function(){
			
			if ($(this).hasClass('xx')) {
				$(this).removeClass('xx');
				$(".listnav",this).stop().slideUp();
				$("strong",this).removeClass("layui-icon-down");
			} else {
				$(".Ncheader .nav .centre ul li strong").removeClass('layui-icon-down');
				$(".Ncheader .nav .centre ul li").removeClass('xx');
				$(this).addClass('xx');
				$(".Ncheader .nav .centre ul li .listnav").slideUp();
				$(".listnav",this).stop().slideDown();
				$("strong",this).addClass("layui-icon-down");
			}

		})
		
		$('.Ncheader .nav .centre ul li').each(function(){
			if($(".listnav",this).length>0){
				thisi = $('.Ncheader .nav .centre ul li').index(this);
				$('.Ncheader .nav .centre ul li').eq(thisi).find("strong").show();
			}
		});


		$(".Ncheader .h2").click(function(){
			$(".Ncheader .nav .navbox").slideDown();
			$(".Ncheader .h3").show();
			$(".Ncheader .h2").hide();
		})
		$(".Ncheader .h3").click(function(){
			$(".Ncheader .nav .navbox").fadeOut();
			$(".Ncheader .h2").show();
		})
	}

	$(".Ncheader .nav .right .box").hover(function(){

		if ($(this).hasClass('xx')) {
			$(this).removeClass('xx');
			$('span',this).stop().slideUp();
		} else {
			$(this).addClass('xx');
			$('span',this).stop().slideDown();
		}

	})

	$(".ncbox").hover(function(){
		$(this).stop().animate({top:'-10px'});
	},function(){
		$(this).stop().animate({top:'0'});
	})

	//滚动 头部导航样式
	// $(window).scroll(function() {
	// 	var top = $(".Ncheader").offset().top;
	// 	if(top>0){
	// 		$(".Ncheader").addClass("Ncheader1");
	// 	}else{
	// 		$(".Ncheader").removeClass("Ncheader1");
	// 	}
	// });

	$(".Ncheader .nav .right .tel").click(function(){
		if ($(this).hasClass('xx')) {
			$(this).removeClass('xx');
			$(".Ncheader .nav .right .search").hide();
		} else {
			$(this).addClass('xx');
			$(".Ncheader .nav .right .search").show();
		}
	})


    $(".ncrightnav ul li").hover(function(){
        $('.box',this).stop().fadeIn();
    },function(){
        $('.box',this).stop().fadeOut();
    });


    $(".Ncheader .search_1 img").click(function(){
        if($(this).hasClass("x")){
            $(this).removeClass("x");
            $(".Ncheader .search_1 input").stop().fadeOut();
        }else{
            $(this).addClass("x");
            $(".Ncheader .search_1 input").stop().fadeIn();
        }
    })   

})