.dropmenu{ 
  *zoom: 1; 
  list-style-type: none; 
  width: 960px; 
  margin: 5px auto 5px; 
  padding: 0; 
} 
.dropmenu:before, .dropmenu:after{ 
  content: ""; 
  display: table; 
} 
.dropmenu:after{ 
  clear: both; 
} 
.dropmenu li{ 
  position: relative; 
  width: 200px; 
//  float: left; 
  margin: 0; 
  padding: 0; 
  border-top: 1px solid #0A56AD;
  text-align: left; 
} 
.dropmenu li a{ 
  display: block; 
  margin: 0; 
  padding: 10px 0 11px; 
  background: #5C84B1; 
  color: #fff; 
  font-size: 14px; 
  line-height: 1; 
  text-decoration: none; 
} 
.dropmenu li ul{ 
  list-style: none; 
  position: absolute; 
  z-index: 9999; 
  top: 0px; 
  right: -180px; 
  margin: 0; 
  padding: 0; 
} 
.dropmenu li ul li{ 
  width: 225px; 
  border-top: 0px solid #0A56AD;
} 
.dropmenu li ul li a{ 
  padding: 10px 10px; 
  border-top: 1px solid #0A56AD; 
  background: #4771A0; 
  text-align: left; 
} 
.dropmenu li:hover > a{ 
  background: #4771A0; 
} 
.dropmenu li a:hover{ 
  background: #245184; 
} 


#dropmenu li ul li{ 
  overflow: hidden; 
  height: 0; 
  transition: .2s; 
} 
#dropmenu li:hover ul li{ 
  overflow: visible; 
  height: 30px; 
} 

#dropmenu2 li ul li{ 
  overflow: hidden; 
  height: 0; 
  transition: .2s; 
} 
#dropmenu2 li:hover ul li{ 
  overflow: visible; 
  height: 30px; 
} 

#dropmenu3 li ul li{ 
  overflow: hidden; 
  height: 0; 
  transition: .2s; 
} 
#dropmenu3 li:hover ul li{ 
  overflow: visible; 
  height: 30px; 
} 

#dropmenu4 li ul li{ 
  overflow: hidden; 
  height: 0; 
  transition: .2s; 
} 
#dropmenu4 li:hover ul li{ 
  overflow: visible; 
  height: 30px; 
}