.header{overflow:hidden}
.top{background:#122760;height:58px;color:#fff;line-height:58px;}
.logo{float:left;margin:15px 0}
.nav{background:#fff;float:right;width: 50%;margin-top: 30px;}

.nav a{color:#000;font-size:1.3rem;line-height:3.3rem;display:block}
.nav a.cur{background:#122760;color:#fff;}
.nav a:hover{background:#122760;color:#fff;}
.footer{background:#2b2b2b;padding:30px 15px;text-align:center;color:#fff;line-height:30px;font-size:14px;border-top:5px solid #656565;}
@media screen and (min-width: 1390px){
	.top{height: 160px;background-size: 1920px;}
}
@media screen and (min-width: 768px){
	.nav li{flex:1;text-align:center}
}
@media screen and (max-width: 768px){
	.top{padding-left:15px;}
	.logo{text-align:center;width: 100%;}
	.logo img{height:50px;}
	.nav{background:#757575;width:100%;margin-top:0}
	.nav a{color:#fff;}
	.nav li{text-align:center;width:33%}
	.footer{text-align:left;}
}