@charset "utf-8";
/*
蓝色
.topmenu{ width:100%; background-color:#006cb2;}
顶部导航菜单的ul.submenu样式、li样式、li a样式
ul.smenu {width:1000px; margin:0 auto;}
ul.smenu li {width:110px; height:35px;float:left;padding:0;position:relative;}
ul.smenu li a{line-height:35px;display:block;text-align:center;color:#fff;background:url(demo/images/dh_hover.png) no-repeat center -200px;}
ul.smenu li a:hover{background-color:#0392ef;background-position:center top;}
ul.smenu li a.cur {background-color:#0392ef;background-position:center top;}

一级下拉菜单的ul.smenu1样式、li样式、li a样式
ul.smenu1 {width:108px;float:left;position:absolute;left:0;top:35px;background:#016aaf;display:none;border:1px solid #095c90;border-top:none;z-index: 999;}
ul.smenu1 li {width:108px;height:30px;line-height:30px;padding:0px; margin:0px;float:none;border-top:1px solid #015992;border-bottom:1px solid #0884d4;border-left:none; border-right:none;clear:both; background:none;}
ul.smenu1 li a{width:88px;height:30px;line-height:30px;padding:0 0 0 20px;margin:0px;float:left;border:none;display:block;text-align:left;color:#fff;background:#006cb2 url(demo/images/dh_icon1.png) no-repeat 10px center;}
ul.smenu1 li a:hover {width:88px;height:30px;line-height:30px;padding:0 0 0 20px;margin:0px;float:left;border:none;display:block;text-align:left;color:#fff;background:#0884d4 url(demo/images/dh_icon1.png) no-repeat 10px center;}

二级下拉菜单及以下ul.smenu11样式、li样式、li a样式
ul.smenu11 {width:108px;float:left;position:absolute;left:108px;top:-1px;background:#016aaf;display:none;border:1px solid #095c90;border-top:none;}
ul.smenu11 li {}
ul.smenu11 li a {}
ul.smenu11 li a:hover {}
*/


/*
灰色
.topmenu{ width:100%; background-color:#f4f4f4;}
顶部导航菜单的ul.submenu样式、li样式、li a样式
ul.smenu {width:1000px; margin:0 auto;}
ul.smenu li {width:110px; height:35px;float:left;padding:0;position:relative;}
ul.smenu li a{line-height:35px;display:block;text-align:center;color:#444444;background:url(demo/images/dh_hover.png) no-repeat center -200px;}
ul.smenu li a:hover{background-color:#e4e4e4;background-position:center top;}
ul.smenu li a.cur {background-color:#e4e4e4;background-position:center top;}

一级下拉菜单的ul.smenu1样式、li样式、li a样式
ul.smenu1 {width:108px;float:left;position:absolute;left:0;top:35px;background:#f5f5f5;display:none;border:1px solid #dfdfdf;border-top:none;z-index: 999;}
ul.smenu1 li {width:108px;height:30px;line-height:30px;padding:0px; margin:0px;float:none;border-top:1px solid #dfdfdf;border-bottom:1px solid #ffffff;border-left:none; border-right:none;clear:both; background:none;}
ul.smenu1 li a{width:88px;height:30px;line-height:30px;padding:0 0 0 20px;margin:0px;float:left;border:none;display:block;text-align:left;color:#444444;background:#f5f5f5 url(demo/images/dh_icon1.png) no-repeat 10px center;}
ul.smenu1 li a:hover {width:88px;height:30px;line-height:30px;padding:0 0 0 20px;margin:0px;float:left;border:none;display:block;text-align:left;color:#444444;background:#fff url(demo/images/dh_icon1.png) no-repeat 10px center;}

二级下拉菜单及以下ul.smenu11样式、li样式、li a样式
ul.smenu11 {width:108px;float:left;position:absolute;left:108px;top:-1px;background:#f5f5f5;display:none;border:1px solid #dfdfdf;border-top:none;}
ul.smenu11 li {}
ul.smenu11 li a {}
ul.smenu11 li a:hover {}
*/


/*
红色
.topmenu{ width:100%; background-color:#b30004;}
顶部导航菜单的ul.submenu样式、li样式、li a样式
ul.smenu {width:1000px; margin:0 auto;}
ul.smenu li {width:110px; height:35px;float:left;padding:0;position:relative;}
ul.smenu li a{line-height:35px;display:block;text-align:center;color:#fff;background:url(demo/images/dh_hover.png) no-repeat center -200px;}
ul.smenu li a:hover{background-color:#d8050a;background-position:center top;}
ul.smenu li a.cur {background-color:#d8050a;background-position:center top;}

一级下拉菜单的ul.smenu1样式、li样式、li a样式
ul.smenu1 {width:108px;float:left;position:absolute;left:0;top:35px;background:#b30004;display:none;border:1px solid #9b0705;border-top:none;z-index: 999;}
ul.smenu1 li {width:108px;height:30px;line-height:30px;padding:0px; margin:0px;float:none;border-top:1px solid #9b0705;border-bottom:1px solid #ca1216;border-left:none; border-right:none;clear:both; background:none;}
ul.smenu1 li a{width:88px;height:30px;line-height:30px;padding:0 0 0 20px;margin:0px;float:left;border:none;display:block;text-align:left;color:#fff;background:#b30004 url(demo/images/dh_icon.png) no-repeat 10px center;}
ul.smenu1 li a:hover {width:88px;height:30px;line-height:30px;padding:0 0 0 20px;margin:0px;float:left;border:none;display:block;text-align:left;color:#fff;background:#d8050a url(demo/images/dh_icon.png) no-repeat 10px center;}

二级下拉菜单及以下ul.smenu11样式、li样式、li a样式
ul.smenu11 {width:108px;float:left;position:absolute;left:108px;top:-1px;background:#b30004;display:none;border:1px solid #9b0705;border-top:none;}
ul.smenu11 li {}
ul.smenu11 li a {}
ul.smenu11 li a:hover {}
*/


/*黑色
.topmenu{ width:100%; background-color:#000;}
顶部导航菜单的ul.submenu样式、li样式、li a样式
ul.smenu {width:1000px; margin:0 auto;}
ul.smenu li {width:110px; height:35px;float:left;padding:0;position:relative;}
ul.smenu li a{width:110px;line-height:35px;display:block;text-align:center;color:#ffffff;background:url(demo/images/dh_hover.png) no-repeat center -200px;}
ul.smenu li a:hover{background-color:#333333;background-position:center top;}
ul.smenu li a.cur{background-color:#333333;background-position:center top;}

一级下拉菜单的ul.submenu1样式、li样式、li a样式
ul.smenu1 {width:108px;float:left;position:absolute;left:0;top:35px;background:#333333;display:none;border:1px solid #111;border-top:none;z-index: 999;}
ul.smenu1 li {width:108px;height:30px;line-height:30px;padding:0px; margin:0px; float:none;border-top:1px solid #252525;border-bottom:1px solid #444;border-left:none; border-right:none;clear:both; background:none;}
ul.smenu1 li a{width:88px;height:30px;line-height:30px;padding:0 0 0 20px;margin:0px;float:left;border:none;display:block;text-align:left;color:#ffffff;background:#333 url(demo/images/dh_icon.png) no-repeat 10px center;}
ul.smenu1 li a:hover {width:88px;height:30px;line-height:30px;padding:0 0 0 20px;margin:0px;float:left;border:none;display:block;text-align:left;color:#ffffff;background:#222 url(demo/images/dh_icon.png) no-repeat 10px center;}

二级下拉菜单及以下ul.submenu11样式、li样式、li a样式
ul.smenu11 {width:108px;float:left;position:absolute;left:108px;top:-1px;background:#333;display:none;border:1px solid #111;border-top:none;	}
ul.smenu11 li {}
ul.smenu11 li a {}
ul.smenu11 li a:hover {}

<script type="text/javascript">
$('ul.smenu li').hover(
	function(){
		$(this).children('ul.smenu1').siblings('a').addClass("cur");
		$(this).children('ul.smenu1').stop(true,true).slideDown('fast');
	},
	function() {
		$(this).children('ul.smenu1').siblings('a').removeClass("cur");
		$(this).children('ul.smenu1').stop(true,true).slideUp('slow'); 
	}
);

$("ul.smenu li ul.smenu1 li").hover(
	function(){
		$(this).find("ul.smenu11:first").stop(true,true).show("slow");
	},
	function(){
		$(this).find("ul.smenu11:first").stop(true,true).hide("fast");
	}
);

</script>
*/


/*
下拉块
.topmenu{ width:100%;background-color:#006cb2; font-family:"微软雅黑";}
导航菜单
.smenu{width:1000px;margin:0 auto;height:35px;line-height:35px;}
.smenu li.li{width:140px; height:35px;float:left;padding:0;position:relative;z-index:1;}
.smenu li.li a.li_a{line-height:35px;display:block;text-align:center;color:#fff;background:url(demo/images/dh_hover.png) no-repeat center -200px;}
.smenu li.li a.li_a:hover{background-color:#0392ef;background-position:center top;}
.smenu li.li a.cur{background-color:#0392ef;background-position:center top;}
下拉块
.smenu1{width:430px; padding:15px;position:absolute;z-index:999;left:0;top:35px;background-color:#FFFFFF;display:none;border: 1px solid #ccc;-webkit-border-radius:0px 0px 6px 6px;-moz-border-radius:0px 0px 6px 6px;border-radius:0px 0px 6px 6px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;}
下拉块--左侧列表1
.menulist{ width:220px;float:left;}
.menulist li{line-height:26px;padding-left:11px;font-weight:bold;display:block;font-size:14px;background:url(demo/images/hw_u_163972.png) no-repeat left center; }
.menulist_right{width:169px;float:left; border-left:1px solid #ccc; padding-left:25px;}
下拉块--左侧列表2
.menulist2{ width:360px;float:left;}
.menulist2 li{width:160px; line-height:22px;float:left;margin:0 20px 20px 0;font-weight:bold;font-size:14px;}
.menulist2 li ul li{ width:160px;line-height:22px;float:none;margin:0px;font-weight:normal;}
<script>
$('.smenu li').hover(
	function(){
		$(this).children('.smenu1').siblings('a').addClass("cur");
		$(this).children('.smenu1').stop(true,true).slideDown('fast');
	},
	function() {
		$(this).children('.smenu1').siblings('a').removeClass("cur");
		$(this).children('.smenu1').stop(true,true).slideUp('fast'); 
	}
);
</script>
*/

/*
左侧灰色
.leftmenu{}
一级下拉菜单的ul.smenu样式、li样式、li a样式
ul.hmenu {width:210px; font-family:"微软雅黑";}
ul.hmenu li {width:210px;height:30px;line-height:30px;border-bottom:1px solid #ddd;clear:both;clear:both;position:relative;}
ul.hmenu li a{width:180px;padding:0 0 0 30px;float:left;display:block;color:#333;background:url(demo/images/link_bg1.gif) repeat-x left top;}
ul.hmenu li a:hover{background:#0884d4 none; color:#fff;}
ul.hmenu li a.cur{background:#0884d4 none;color:#fff;}

二级下拉菜单及以下ul.smenu11样式、li样式、li a样式
ul.ul_er {width:180px;float:left;position:absolute;left:210px;top:0;background:#f5f5f5;display:none;border:1px solid #dfdfdf;border-top:none;z-index: 999;}
ul.ul_er li {width:180px;height:30px;line-height:30px;padding:0px; margin:0px;float:none;border-top:1px solid #dfdfdf;border-bottom:1px solid #ffffff;border-left:none; border-right:none;clear:both; background:none;}
ul.ul_er li a{width:160px;height:30px;line-height:30px;padding:0 0 0 20px;margin:0px;float:left;border:none;display:block;text-align:left;color:#444444;background:#f5f5f5 url(demo/images/dh_icon1.png) no-repeat 10px center;}
ul.ul_er li a:hover {width:160px;height:30px;line-height:30px;padding:0 0 0 20px;margin:0px;float:left;border:none;display:block;text-align:left;color:#444444;background:#fff url(demo/images/dh_icon1.png) no-repeat 10px center;}

三级下拉菜单及以下ul.smenu11样式、li样式、li a样式
ul.ul_san {width:180px;float:left;position:absolute;left:180px;top:-1px;background:#f5f5f5;display:none;border:1px solid #dfdfdf;border-top:none;}
<script type="text/javascript">
$("ul.hmenu li").hover(
	function(){
		$(this).children('ul.ul_er').siblings('a').addClass("cur");
		$(this).children('ul.ul_er').stop(true,true).show("slow");
	},
	function(){
		$(this).children('ul.ul_er').siblings('a').removeClass("cur");
		$(this).children('ul.ul_er').stop(true,true).hide("slow");
	}
);
$("ul.hmenu li ul.ul_er li").hover(
	function(){
		$(this).find("ul.ul_san:first").stop(true,true).show("slow");
	},
	function(){
		$(this).find("ul.ul_san:first").stop(true,true).hide("fast");
	}
);
</script>

*/