.mainWrap{width:100%;
background: #2C5A71;}

.menu{display:block;}

.menu li{display: inline-block;
position: relative;
z-index:150;

}

.menu li:first-child{margin-left:0;}
.menu li a {font-weight:600;
text-decoration:none;
padding:11px;
width: 150px;
display:block;
color:#ffffff;
text-align: center;


-webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
   -ms-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out 0s;
}



.menu li a:hover{
color:#2C5A71;
background:  #DBEAF1;
width: 150px;
}

.menu li:hover > a{
color:#2C5A71;
background:#DBEAF1;
width: 150px;
}

.menu ul {display: none;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
top: 40px;
left: 0px;
background: #ffffff;
}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}

.menu ul li a {font-size:12px;
font-weight:normal;
display:block;
color:#fff;
border-left:3px solid #E79850;
background: #DBEAF1;
text-align: left;
}

.menu ul li a:hover, .menu ul li:hover > a{
background:#E79850;
border-left:3px solid #DBEAF1;
color:#fff;
}

.menu li:hover > ul{ display: block; width: 150px;}
.menu ul ul {left: 150px;
  top: 0px;
}