$(window).load(function(){
	zblnav();
});
$(window).resize(function(){
	zblnav();
});
function zblnav(){
	$(".zbl-nav").each(function(){
		var box=$(this);
		var btn=$(this).find(".btn");
		var off=$(this).find(".off");
		var nav=$(this).find(".nav");
		var nh=nav.find("ul").height();
		var w=$(window).width();
		var h=$(window).height();
		var ww=w/4;
		if(h>nh)
		{
			nav.find("ul").css("marginTop",-nh/2);
		}
		else
		{
			nav.find("ul").css("top",0);
		}
		off.removeClass("cur");
		nav.css("left",w);
		btn.click(function(){
			nav.css("left",ww);
			nav.addClass("cur");
			off.addClass("cur");
			$("html").css("overflowY","hidden");
			$("body").css("overflowY","scroll");
		});
		off.click(function(){
			nav.css("left",w);
			nav.removeClass("cur");
			off.removeClass("cur");
			$("html").css("overflowY","auto");
			$("body").css("overflowY","auto");
		})
	})
}
//弹窗-------------------------------------------------------------------------------------------------------
$(function(){
	$(".zbl-tanchuang").each(function(){
		var box=$(this);
		var boximg=box.find("img");
		var boxoff=box.find(".off");
		var boxdk=box.find(".dk");
		boximg.click(function(){
			var html1=$(this).attr("src");
			box.find(".boxs").addClass("cur");
			box.find(".boxs .box .pinch-zoom .img").css("backgroundImage","url("+html1+")");
			box.find(".dk").show();
			$("html").css("overflowY","hidden");
			$("body").css("overflowY","scroll");
		});
		boxoff.click(function(){
			box.find(".boxs").removeClass("cur");
			box.find(".dk").hide();
			$("html").css("overflowY","auto");
			$("body").css("overflowY","auto");
		});
		boxdk.click(function(){
			box.find(".boxs").removeClass("cur");
			box.find(".dk").hide();
			$("html").css("overflowY","auto");
			$("body").css("overflowY","auto");
		});
	})
})
//header-1,上滑隐藏，显示回顶部----------------------------------------------------------------------------------
$(window).load(function(){
	header1();
})
$(window).resize(function(){
	header1();
})
function header1(){
	var w=$(window).width();
	if(w>980)
	{
		var a=$(".header-1").height();
		$(window).scroll(function(){
			if($(window).scrollTop()>400)
			{
				$(".header-1").css("top",-a+45);
				$(".header-1").css("opacity",1);
				$(".htop").css("opacity",1);
				$(".htop").css("zIndex",999);
				$(".htop").css("bottom",20);
			}
			else
			{
				$(".header-1").css("top",0);
				$(".header-1").css("opacity",1);
				$(".htop").css("opacity",0);
				$(".htop").css("zIndex",-1);
				$(".htop").css("bottom",0);
			}
		});
	}
	else
	{
		var a=$(".header-1").height();
		$(window).scroll(function(){
			if($(window).scrollTop()>400)
			{
				$(".header-1").css("top",-a+60);
				$(".header-1").css("opacity",1);
				$(".htop").css("opacity",1);
				$(".htop").css("zIndex",999);
				$(".htop").css("bottom",20);
			}
			else
			{
				$(".header-1").css("top",0);
				$(".header-1").css("opacity",1);
				$(".htop").css("opacity",0);
				$(".htop").css("zIndex",-1);
				$(".htop").css("bottom",0);
			}
		});
	}
}
$(function(){
	$(".htop").click(function(){
		 $('body,html').animate({ scrollTop: 0 }, 600);
	})
})
//huadong,点击下滑------------------------------------------------------------------------------------------
$(window).load(function(){
	huadong();
})
$(window).resize(function(){
	huadong();
})
function huadong(){
	$(".banner").each(function(){
		var a=$(this).height();		$(this).find(".huadong").click(function(){
			$('body,html').animate({ scrollTop:a}, 400);
		})
	})
}
//自动排版-----------------------------------------------------------------------------------------------------
$(function(){
	grid();
});
$(window).resize(function(){
	grid();
})
function grid(){
	$(".zbl-grid").each(function(){
		var box=$(this);
		var sbox=$(this).find("li");
		var a=box.attr("size");//初始一行个数
		var b=box.attr("min");//最小宽度限制，响应式处理
		var parameter3=box.attr("grid");//排列响应方式
		var lis=sbox.size();//获取块的个数
		var lissa=lis%2;
		if(lis==0){
			return;
		}
		if(lissa==0)
		{
			liss=lis;
		}
		if(lissa==1)
		{
			liss=lis+1;
		}
		var aaaa=0;
		var c=box.parent().width();//父级宽度获取，为了移动到多大盒子就按多大的定义
		var dd=sbox.css("marginRight");//间距获取
		var d=parseFloat(dd);//转换成字符
		var e=d*2;//间距
		if(a==undefined){
			var a=1;//初始一行个数默认值
		}
		if(b==undefined){
			var b=1;//最小宽度限制默认值
		}
		if(parameter3==undefined){
			var parameter3=1;//默认排列方式1
		}
		if(d==undefined){
			var d=0;//不存在元素时定义间距，避免未上传的情况下影响其他地方的排版
		}
		var f=c+e;//计算总的需要占得宽度，父级原宽度+两边多余的间距，为了使块间距不影响两边到底
		box.css("width",f);//把上面的值给整体
		box.css("marginLeft",-d);//回移一边的多余间距，使整体居中
		var g=(f-e*a)/a;//计算初始每一块的宽度
		function gridhd(g,b,a,f,e){
			if(g>b)
			{
				box.find("li").show();
				if(parameter3==3)//删除递减每行个数
				{
					var sdli=lis-2*a;
					for(i=0;i<sdli;i++)
					{
						var n=lis-i-1;
						box.find("li").eq(n).hide();
					}
				}
				var gg=Math.floor(g);
				box.find("li").css("width",gg);
			}
			else
			{
				if(parameter3==1)//一一递减每行的个数
				{
					a=a-1;
					var g=(f-e*a)/a;
				}
				if(parameter3==2)//折中递减每行个数
				{
					aaaa=aaaa+1;
					a=Math.ceil(liss/aaaa);
					var g=(f-e*a)/a;
				}
				if(parameter3==3)//删除递减每行个数
				{
					liss=liss-2;
					a=Math.floor(liss/2);
					var g=(f-e*a)/a;
				}
				gridhd(g,b,a,f,e);
			}
		}
		gridhd(g,b,a,f,e);
	});
}
//选项卡切换1----------------------------------------------------------------------------------------------------
$(function(){
	zbltab1();
})
function zbltab1(){
	$('.zbl-tab-1').each(function(){
		var tab=$(this);
		var navbox=$(this).children('.nav-box');
		var libox=navbox.find('.li-box');
		var bbox=$(this).children('.b-box');
		var sbox=bbox.children('.s-box');
		libox.removeClass('cur');
		libox.eq(0).addClass('cur');
		sbox.eq(0).show().siblings().hide();
		var sj=tab.attr("sj");
		if(sj==undefined)
		{
			sj="click"
		}
		libox.on(sj,function(){
			var a=libox.index(this);
			libox.removeClass('cur');
			$(this).addClass('cur');
			sbox.eq(a).show().siblings().hide();
			grid();
			grid1();
		})
	})
}
//选项卡切换2----------------------------------------------------------------------------------------------------
$(function(){
	zbltab2();
});
function zbltab2(){
	$('.zbl-tab-2').each(function(){
		var tab=$(this);
		var btn=$(this).find(".nav-box");
		var box=$(this).find(".b-box");
		btn.find(".li-box").eq(0).addClass("cur").siblings().removeClass("cur")
		btn.find(".li-box").click(function(){
			$(this).addClass("cur").siblings().removeClass("cur")
			var a=$(this).index();
			var b=box.find(".s-box").eq(0).offset().top;
			var c=box.find(".s-box").eq(a).offset().top;
			var d=b-c;
			box.stop().animate({marginTop:d},500)
		})
	})
};
//点击显示隐藏----------------------------------------------------------------------------------------------------
$(window).load(function(){
	zbllists();
})
$(function(){
	zbllists();
	zbllist();
});
function zbllists(){
	$(".zbl-list").each(function(){
		var btn=$(this).find('.btn');
		var nav=$(this).find('.nav');
		var oli=nav.find('li');
		var win=$(this).attr("win");
		var w=$(window).width();
		if(win==undefined)
		{
			nav.slideUp();
		}
		else
		{
			if(w>win)
			{
				nav.slideDown();
			}
			else
			{
				nav.slideUp();
			}
		}
	})
}
function zbllist(){
	$(".zbl-list").each(function(){
		var btn=$(this).find('.btn');
		var nav=$(this).find('.nav');
		var oul=nav.find('ul');
		var ful=nav.children("ul");
		var oli=nav.find('li');
		var win=$(this).attr("win");
		btn.click(function(){
			if(nav.css("display")=='none')
			{
				nav.slideDown();
				ful.slideDown();
			}
			else
			{
				nav.slideUp();
				oul.slideUp();
			}
		});
		oli.click(function(){
			$(this).siblings().find("ul").slideUp();
		})
		oli.children(".click").click(function(){
			var a=$(this).siblings("ul").css("display");
			if(a=="none")
			{
				$(this).siblings("ul").find("ul").slideUp();
				$(this).siblings("ul").slideDown();
			}
			else
			{
				$(this).siblings("ul").slideUp();
			}
		});
	})
}
//高度取值-----------------------------------------------------------------------------------------------------
$(window).load(function(){
	zblmax();
});
$(window).resize(function(){
	zblmax();
});
function zblmax(){
	$(".zbl-max").each(function(){
		arr=[];
		$(this).find("li").each(function(){
			var h=$(this).height();
			arr.push(h);
		});
		var max=Math.max.apply(null,arr);
		$(this).find("li").css('height',max);
	})
};
//定位轮播-------------------------------------------------------------------------------------------------------
$(window).load(function(){
	dwlunbo();
});
$(window).resize(function(){
	dwlunbo();
});
function dwlunbo(){
	$('.zbl-lunbo-3').each(function(){
		//定义
		var xs=3;//显示个数
		var bbox=$(this);
		var gs=$(this).find('li').size();
		var arr = [];
		bbox.find('li').addClass('li-0');
		for(i=0;i<gs; i++ ){
			arr[i]=i+1;
			bbox.find('li').eq(i).addClass('li-'+arr[i]);
		}
		//右边按钮
		bbox.find('.right').click(function(){
			bbox.find('li').removeClass();
			bbox.find('li').addClass('li-0');
			var aaa=arr.pop(arr);
			var bbb=arr.unshift(aaa);
			for(i=0;i<gs;i++)
			{
				bbox.find('li').eq(i).addClass('li-'+arr[i]);
			}
		});
		//左边按钮
		bbox.find('.left').click(function(){
			bbox.find('li').removeClass();
			bbox.find('li').addClass('li-0');
			var aaa=arr.shift(arr);
			var bbb=arr.push(aaa);
			for(i=0;i<gs;i++)
			{
				bbox.find('li').eq(i).addClass('li-'+arr[i]);
			}
		})
	})
}
//其他------------------------------------------------------------------------------------------------------
$(window).load(function(){
	qita();
});
$(window).resize(function(){
	qita();
});
function qita(){
	$(".zbl-qita-1").each(function(){
		var box=$(this);
		var bbox=box.children("li");
		var a=bbox.width();
		bbox.mouseover(function(){
			var b=a*0.6;
			var c=(a-b)+a;
			$(this).stop().animate({width:c},300).siblings().stop().animate({width:b},300);;
		})
		bbox.mouseout(function(){
			bbox.stop().animate({width:a},300);
		})
	})
}