#nav{padding:0;margin:0;list-style:none;height:38px;position:relative;z-index:100;font-family:arial,verdana,sans-serif;}
#nav li{display:block;float:left;height:38px;min-width:135px;position:relative;}
#nav li a{display:block;float:left;height:35px;line-height:33px;color:#666;text-decoration:none;font-size:14px;font-weight:bold;cursor:pointer;}
#nav li a.nava::before{position:absolute;content:"";left:105px;top:13px;border:solid black;border-width:0 1px 1px 0;display:inline-block;padding:2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#nav li:hover a.nava::before{ top:15px;   transform: rotate(-135deg);    -webkit-transform: rotate(-135deg);}
#nav li a.active::after{position:absolute;content:"";width:85px;height:2px;background-color:#0f75bd;left:0;bottom:-4px;transition:width .2s ease;}
#nav li a span{float:left;display:block;padding:0 6px;height:35px;text-align: center;    width: 100px; font-size: 17px;}
#nav li a.top_link span.down{float:left;display:block;padding:0 24px 0 12px;height:35px;background:url(../images/three_0a.gif) no-repeat right top;}
#nav li:hover a.top_link{color:#000;background:url(../images/three_1.gif) no-repeat;}
#nav li:hover a.top_link span{background:url(../images/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down{background:url(../images/three_1a.gif) no-repeat right top;}
/* Default list styling */
#nav li:hover{position:relative;z-index:200;}
#nav li:hover ul.sub{left:1px;top:38px;background:#fff;padding:3px;border:1px solid #ccc;white-space:nowrap;width:120px;height:auto;z-index:300;border-radius:6px;}
#nav li:hover ul.sub li{display:block;height:30px;position:relative;float:left;min-width:100px !important;font-weight:normal;padding:6px}
#nav li:hover ul.sub li a{display:block;font-size:14px;height:18px;width:100px;line-height:18px;text-indent:5px;color:#000;text-decoration:none;border:1px solid #fff;}
#nav li ul.sub li a.fly{background:#fff url(../images/arrow.gif) 95px 6px no-repeat;}
#nav li:hover ul.sub li a:hover{background:#fff;color:#0f75bd;border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover{background:#fff url(../images/arrow_over.gif) 100px 6px no-repeat;color:#0f75bd;}
#nav li:hover li:hover ul,#nav li:hover li:hover li:hover ul,#nav li:hover li:hover li:hover li:hover ul,#nav li:hover li:hover li:hover li:hover li:hover ul{left:125px;top:-4px;background:#fff;padding:3px;border:1px solid #ccc;white-space:nowrap;width:120px;z-index:400;height:auto;border-radius:6px;}
#nav ul,#nav li:hover ul ul,#nav li:hover li:hover ul ul,#nav li:hover li:hover li:hover ul ul,#nav li:hover li:hover li:hover li:hover ul ul{position:absolute;left:-9999px;top:-9999px;width:0;height:0;margin:0;padding:0;list-style:none;}
#nav li:hover li:hover a.fly,#nav li:hover li:hover li:hover a.fly,#nav li:hover li:hover li:hover li:hover a.fly,#nav li:hover li:hover li:hover li:hover li:hover a.fly{background:#fff url(../images/arrow_over.gif) 80px 6px no-repeat;color:#0f75bd;}
#nav li:hover li:hover li a.fly,#nav li:hover li:hover li:hover li a.fly,#nav li:hover li:hover li:hover li:hover li a.fly{background:#fff url(../images/arrow.gif) 80px 6px no-repeat;color:#000;border-color:#fff;}
