SOURCE

<div class="header">
		<nav class="nav">
			<ul>
				<li class="nli"><span><a href="#">首页</a></span></li>
				<li class="nli"><a href="javascript:;">xxx</a>
					<div class="xl_sj"></div>
					<div class="xl">
						<div class="xl_ta"></div>
						<ul>
							<li><p><a href="#">xx</a></p></li>
							<li><p><a href="#">xx</a></p></li>
							<li><p><a href="#">xx</a></p></li>
							<li><p><a href="#">xx</a></p></li>
						</ul>
					</div>
				</li>
				<li class="nli"><a href="#">xx</a>
					<div class="xl_sj"></div>
					<div class="xl">
						<div class="xl_ta"></div>
						<ul>
							<li><p><a href="#">xx</a></p></li>
							<li><p><a href="#">xx</a></p></li>
							<li><p><a href="#">xx</a></p></li>
							<li><p><a href="#">xx</a></p></li>
							<li><p><a href="#">xx</a></p></li>
						</ul>
					</div>
				</li>
				<li class="nli"><a href="#">xx</a>
					<div class="xl_sj"></div>
					<div class="xl">
						<div class="xl_ta"></div>
						<ul>
							<li><p><a href="#">xx</a></p></li>
							<li><p><a href="#">xx</a></p></li>
							<li><p><a href="#">xx</a></p></li>
							<li><p><a href="#">xx</a></p></li>
						</ul>
					</div>
				</li>
				<li class="nli"><a href="#">xx</a>
					<div class="xl_sj"></div>
					<div class="xl">
						<div class="xl_ta"></div>
						<ul>
							<li><p><a href="#">xx</a></p></li>
							<li><p><a href="#">xx</a></p></li>
							<li><p><a href="#">xx</a></p></li>
						</ul>
					</div>
				</li>
				<li class="nli"><a href="#">xx</a>
					<div class="xl_sj"></div>
					<div class="xl">
						<div class="xl_ta"></div>
						<ul>
							<li><p><a href="#">xx</a></p></li>
							<li><p><a href="#">xx</a></p></li>
						</ul>
					</div>
				</li>
				<li class="nli"><a href="#">xx</a>
					<div class="xl_sj"></div>
					<div class="xl">
						<div class="xl_ta"></div>
						<ul>
							<li><p><a href="#">xx</a></p></li>
						</ul>
					</div>
				</li>
				<li class="nli"><a href="#">xx</a></li>
			</ul>
		</nav>
	</div>

li { list-style-type: none }

header { width: 100%; margin: 0 auto; }
.clearboth { clear:both; overflow:hidden; height:1px; line-height:1px }
.a_space_line { height:8px; line-height:8px; overflow:hidden }
.a_alert { font-size:14px; margin:10px auto 0 auto; text-align:center; color:#03a; line-height:15px }
.a_error_alert { font-size:14px; text-align:center; color:#f00; margin:14px auto 0 auto; line-height:15px }

.nav .nli { float: left; width: 95px; height: 30px; font-size: 15px; margin-top: 52px; margin-left: 25px; font-weight: bold; text-align: center; }
.nav .nli a { color: #262626; padding-left: 10px; padding-right: 10px; }
.nav .nli span { margin-left: 35px; height: 100px; }
.nav .nli .xl { display: block; width: 0; height: 0; overflow: hidden; }
.nav .nli .xl_ta { display: block; width: 0; height: 0; overflow: hidden; background: url(../images/xialatu.png); }
.nav .nli ul { float: left; margin-top: 30px; margin-left: 460px; }
.nav .nli ul li { float: left; padding-left: 80px; }
.nav .nli ul li a { font-size: 15px; font-weight: 500; color: #fff; z-index: 99; }
.nav .nli a:hover { text-decoration: none; color: #00843F; }
.nav .nli:hover .xl_sj { position: absolute; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #00843F; margin-top: 10px; margin-left: 32px; }
.nav .nli:hover .xl { position: absolute; width: 1920px; height: 86px; background: #00843F; margin-top: 25px; margin-left: -770px; z-index: 1; }
.nav .nli:hover .xl_ta { position: absolute; width: 1920px; height: 86px; z-index: -1; }
.nav .xl a:hover { color: #FFF20D; }