@media screen and (min-width: 1280px) and (max-width: 1625px){

}

@media screen and (min-width: 1025px) and (max-width: 1280px){


.nav{width:800px; margin:0 auto; height:60px; background:#165f9e;}
.nav li{wid1h:173px; float:left; height:60px; position:relative;}
.nav li a{display:block; text-align:center; line-height:60px; font-size:18px; color:#fff; transition:all .3s ease;}
.nav li a:hover,.nav li.active a{background:#ee9439; color:#fff;}
#navul li ul{display:none;position:absolute;z-index:999; left:0; top:60px;}
#navul li.navmoon{background:#004f7a;}
#navul li.navmoon a,#navul li.active a{color:#fff;}
#navul li.navhome a:hover{color:#ffba00;}
#navul li.navmoon ul{display:block;}
#navul li.navmoon ul li{background:#004f7a; height:40px; line-height:40px; border-top:1px solid #004870;}
#navul li.navmoon ul a{display:block;height:40px;line-height:40px; font-size:14px;}
#navul li.navmoon ul a:hover{color:#fff;}



}

@media screen and (min-width: 767px) and (max-width: 1025px){

}

@media screen and (min-width: 767px) and (max-width: 800px){

}

@media screen and (min-width: 769px) and (max-width: 1440px){
	
  }
  

@media only screen and (max-width:1025px){
	

}

@media only screen and (max-width:768px){
	
}	

@media only screen and (max-width:420px){
	
}

@media only screen and (max-width:380px){
	
}

@media only screen and (max-width:361px){
	
}

@media only screen and (max-width:350px){
	
}