
.nav{width:980px;
margin:0px auto;
border:0px solid; #222;
padding :0;
list-style:none;
/*background: url(images/logoling.png) repeat-x;background-position: top right ;background-repeat:no-repeat;*/


}

.nav:before,.nav:after{

content:"";

display:table;

}

.nav:after{

clear:both;}

.nav li {

float:left;

border-right:0px solid #222;

box-show:1px 0 0 #444;

position:relative;

}

.nav li a{

float:left;

padding :15px 15px;

color:#666;

font:bold 12px;

text-decoration:none;


}

.nav li a:hover{

color:#56ba4d;

}

.nav li ul {

visibility:hidden;

position:absolute;

list-style:none;

top:50px;

left:0;

z-index:1;

padding:0;


opacity:0;

margin:15px 0 0 0;

transition: all 0.4s ease-in-out;

}

.nav li:hover > ul

{

opacity:1;

visibility:visible;

margin:0;

}

.nav ul li{

display:block;

float:none;

list-style:none;

border:0;


}

.nav ul a

{

padding:4px;

width:121px;

display:block;

float:none;}

.nav ul a:hover

{

/*background-color:#2c6727 ;*/
color:#fff;



}

.nav ul li:first-child>a

{

}

.nav ul li:last-child>a

{



}

.nav ul li:first-child > a:before

{

content:"";

position:absolute;

left:52px;

top:-6px;

border-left:6px solid transparent;

border-right:6px solid transparent;

border-bottom:6px solid #56ba4d;

}

.nav ul li:first-child > a:hover:before

{

/*border-bottom-color:#04acec;*/

}

.nav ul ul

{

top:0px;

left:150px;



}

.nav ul ul li:first-child a:before

{

left:-6px;

top:50%;

margin-top:-6px;

border-left:0;

border-bottom:6px solid transparent;

border-top:6px solid transparent;



}

.nav ul ul li:first-child a:hover:before

{


border-bottom-color:transparent;

}


