function menu(box, slide, submenu, menubg, online) {
	var dl_w = $(box).outerwidth();
	//初始化
	if ($(box).find('dd.hover').length > 0) {
		var ddpos_init = $(box).find('dd.hover').position().left;
		var dd_w_init = $(box).find('dd.hover span a').outerwidth();

		$(online).stop(true, true).animate({
			width: dd_w_init,
			left: $(window).width() > 1680 ? ddpos_init + 26 : ddpos_init + 10
		}, 300); //{"duration":300,"easing":'easeinoutback'}
	}

	//动画延迟
	$(box).children().each(function() {
		$(this).find(submenu).children().each(function(index) {
			$(this).css({
				'animation-delay': index * 0.04 + 's'
			});
		});
	});
	//hover开始
	$(box).children().hover(function() {
		var ddposl = $(this).position().left;
		var dd_w = $(this).find('span a').outerwidth();
		var txtn = $(this).find("li a span").text().length;
		var lin = $(this).find("li").length;
		var w1 = txtn * 14 + lin * 30;
		$(this).find(slide).width(w1);
		//console.log('txtn:'+txtn+'---lin:'+lin+'----w1：'+w1+'---ddposl：'+ddposl+'---dl_w：'+dl_w)
		if (w1 > dl_w) {
			$(this).find(slide).css({
				width: 1200,
				left: -ddposl
			});
		} else if (w1 + ddposl > dl_w && w1 > ddposl) {
			$(this).find(slide).css({
				"right": -(dl_w - ddposl - dd_w - 0),
				left: 'auto'
			});
		} else if (w1 + ddposl > dl_w) {
			$(this).find(slide).css({
				"right": 0,
				left: 'auto'
			});
		} else {
			$(this).find(slide).css("left", "0px");
		}

		$(online).stop(true, true).animate({
			width: dd_w,
			left: $(window).width() > 1680 ? ddposl + 26 : ddposl + 10
		}, 300); //{"duration":300,"easing":'easeinoutback'}
		if ($(this).find(submenu).children().length > 0) {
			var submenuh = $(this).find(slide).outerheight();
			$(menubg).stop(true, true).delay(100).slidedown();
			$(this).find(slide).stop(true, true).delay(250).fadein();
		} else {
			$(menubg).stop(true, true).delay(300).slideup();
		}
		$(box).find('dd.hover').removeclass('hover').addclass('active');
		$(this).removeclass('hide').addclass('hover');
	}, function() {
		$(this).removeclass('hover').addclass('hide');
		$(box).find('dd.active').removeclass('active').addclass('hover');
		$(this).find(slide).stop(true, true).delay(250).fadeout();

	});


	$(box).hover(function() { //hover移出
		//$(menubg).stop(true,true).fadein();
	}, function() {
		if ($(box).find('dd.hover').length > 0) {
			var ddpos = $(box).find('dd.hover').position().left;
			var dd_w = $(box).find('dd.hover span a').outerwidth();
			$(online).stop(true, true).animate({
				width: dd_w,
				left: $(window).width() > 1680 ? ddpos + 26 : ddpos + 10
			}, 300); //{"duration":300,"easing":'easeinoutback'}
		}
		//$(menubg).stop(true,true).delay(500).slideup();
	});
}

$(document).ready(function() {
	// 顶部的下拉
	menu('.menudl', '.submenudiv', '.submenu_ul', '.menubg', '.menudl dt');
	$(".topbtn").click(function(){
		$(".model").addclass("show")
		settimeout(function(){
			$(".searchpwbox").addclass("fadeindown")
			$(".model span").addclass("fadeindown")
		},800)
	})
	$(".model span").click(function(){
		$(".model").removeclass("show")
		$(".searchpwbox").removeclass("fadeindown")
		$(".model span").removeclass("fadeindown")
	})
});
$(window).resize(function(){
	menu('.menudl', '.submenudiv', '.submenu_ul', '.menubg', '.menudl dt');
})