@charset "utf-8"; /* CSS Document Public */ html,body { margin:0; padding:0; border:0; background:#000; text-align:left; font-size:12px; line-height:1.8em; font-family:Arial,Helvetica,sans-serif; color:#000; } html { -webkit-text-size-adjust:none; } input,textarea,select { margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#000; outline:none; } p,img,div,ol,ul,li,dl,dt,dd,table,tr,td,span,em,strong,label,form,h1,h2,h3,h4,h5,h6,iframe,font,b,u,i,del,a { margin:0; padding:0; border:0; list-style-type:none; } a { color:#000; text-decoration:none; outline:none; } a:hover { color:#f00; } .nav { width:100%; height:42px; display:block; clear:both; margin:0 auto; } .nav .line { width:8px; height:42px; overflow:hidden; float:left; } .nav .l2 { background-position:0 -43px; float:right; } .nav ul { height:32px; float:left; padding-left:16px; } .nav ul li { width:96px; height:30px; float:left; display:inline; background:#00f; padding:2px 16px 0 18px; position:relative; z-index:500; } .nav ul li.home { }.nav ul li .t1 { width:96px; height:30px; line-height:30px; overflow:hidden; float:left; text-align:center; color:#fff; } .nav ul li .subnav { width:110px; overflow:hidden; background:#015aff; clear:both; display:none; padding:0 0 5px 0; border-top:1px solid #dfe5e1; position:absolute; left:10px; top:32px; z-index:501; } .nav ul li:hover .subnav { display:block; } .nav ul li:hover .subnav dd { overflow:hidden; display:block; clear:both; text-align:center; background:url(bgline_2.png) no-repeat center top; padding-top:2px; position:relative; margin-top:-2px; } .nav ul li:hover .subnav dd a { line-height:24px; color:#fff; } .nav ul li:hover .subnav dd a:hover { color:#fec82a; }
二级下拉导航,可根据需要任意修改