/* 设置整个导航所在的层的样式 */
#menu{width: 1200px; height: 42px; background: #036bb6; margin:0 auto;}
#menu ul { width: 1200px; height: 42px;}
#menu ul li{ width: 135px; height: 42px; line-height: 42px;font-size: 16px; color: #fff; text-align: center; position: relative; transition: 0.4s all; float: left; }
#menu li a{ color: #fff; }
#menu li:hover{ background: #035b9b; }

/*IE6 hack to get sub menu links to behave correctly*/
* html #menu ul li a{display: block;}
/* 设置每个菜单项中 a 标签经过的样式 */
#menu ul li ul{
	display: none;
	width:204px;
	height:auto;
	visibility: hidden;
	position:absolute;
    background:#036bb6;
	padding:10px 0;
	left:-6px;
	top:10px;
}
/* 设置子菜单中每个菜单项中 a 标签平常的样式 */
#menu .sub_li{ width: 134px; height: 35px; color: #fff; line-height: 35px; text-align: left; font-size: 14px; padding: 0 35px; transition: 0.4s all;}
#menu .sub_li:hover{ background: #0082e0 }
#menu .sub_li span{ float: right; }



#menu ul li ul li a{
	 /* 子菜单的宽度 */
	height:30px;
	line-height:30px;
	font-weight: normal;
	color:#fff;
	font-size:13px;
	
}
/* 设置子菜单中每个菜单项中 a 标签鼠标经过的样式 */
#menu ul li ul li a:hover{
	height:30px;
	font-weight: normal;
	color:#f49634;
	font-size:13px;
}
/* Holly Hack for IE \*/
* html #menu{height: 1%;}
/* 控制首行导航右侧三角的位置 */
.downarrowclass{
	position: absolute;
	top: 103px;    
	left: 41px;
}
/* 控制子导航右侧三角的位置 */
.rightarrowclass{
	position: absolute;
	top: 95px;     
	right: 7px;
}
/* 阴影样式,如果在 js 中开启了阴影，则需设置 */
.ddshadow{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}
/* 透明度的设置 */
.toplevelshadow{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}