.A-nav { position: relative; z-index: 9999; float: left; width: 1200px; background: #03a9f4;}
.A-nav li,.A-nav a{ position: relative;}
.A-nav > li{ float: left; width: 14.28%; height: 50px; line-height: 50px;}
.A-nav > li a{ display: block; text-align: center; color: #fff; font-size: 18px; font-weight: bold; z-index: 1;}
.A-nav > li ul{ position: absolute; top: 100%; width: 100%; display: none;}
.A-nav > li ul li{ background: #30c0b0; height: 40px; line-height: 40px;}
.A-nav > li ul li a{ font-size: 16px;}
.A-nav > li ul li ul{ top: 0; left: 100%; z-index: 2;}
.A-nav > li ul li ul li{ background: #EE82EE;}
.A-nav .hk-1,.A-nav .hk-2,.A-nav .hk-3{ position: absolute; top: 0; left: 0;}
.A-nav .hk-1{ background: #FFD700; width: 14.28%; height: 50px; z-index: -1;}
.A-nav .hk-2{ background: #00FA9A; width: 100%; height: 40px;}
.A-nav .hk-3{ background: #BA55D3; width: 100%; height: 40px;}