/*设置导航div外包属性*/  
/* @media screen and (min-width:768px){} */ 
.top2{width:1287px;background-color:#205bab;margin: 0 auto;}
#nav {/*width:1287px;*/ background-color:#205bab;	padding-left:60px;height: 40px; margin:0 auto; font-size:11px; font-family:"Source Han Sans CN"; font-weight: bold; 	}

/* @media screen and (max-width:768px){.top2{width:768px; background-color:#205bab; }#nav {width:768px; background-color:#205bab;padding-left:0%;height: 40px; margin:0 auto; font-size:10px; font-family:"Source Han Sans CN"; font-weight: bold; }	} */

     /*设置ul的列表样式和行高*/  
#nav ul {list-style: none; line-height: 40px; }  
     /*设置a的文本装饰为none、文本居中对齐、显示为块显示*/  
#nav a {text-decoration: none;text-align: center; padding: 0 20px; color: #FFF; display: block; font-size:20px;}  
     /*设置一级菜单左浮动*/  
#nav ul li { float: left; }  
#nav ul li ul{ position:absolute; } 
     /*（最重要的一步！！！！！！）二级菜单默认显示为不显示*/  
#nav ul li ul li {float: none; display: none; }  
     /* <span style="color:#ff0000;">/*（最重要的一步！！！！！！）当鼠标经过一级菜单时二级菜单设置为显示*/  
#nav ul li:hover li {display: block} 
#nav ul li:hover ul {position:absolute; z-index:20;}  
     /*设置a标签背景*/  
#nav ul li ul li a {background-color: #06F; }  
    /*设置一级菜单经过时背景颜色（这里设置的是全部a标签，由权值覆盖二级标签经过颜色）*/  
#nav a:hover {background-color: #F60; }  
    /*设置二级菜单经过时的背景颜色*/  
#nav ul li ul li a:hover {   background-color: rgba(74,147,255,0.5);  } 
     /*设置正文属性*/
     /*设置三级菜单属性*/

/*（最重要的一步！！！！！！）三级菜单默认显示为不显示*/  
#nav ul li ul li ul li {float: none; display: none; }  
#nav ul li :hover li ul li {float: none; display: none; }  
     /* <span style="color:#ff0000;">/*（最重要的一步！！！！！！）当鼠标经过二级菜单时三级菜单设置为显示*/  
#nav ul li :hover ul li li {display: block} 
#nav ul li :hover ul li ul {position:absolute; z-index:15;}