﻿#navs{color: #aaa;}
#navs h2{font-size: 20px;font-weight: normal;color: #fff;padding: 10px;background-color: #61B3E6;margin: 0}
#navs .item{overflow: hidden;margin:20px 0 30px;}
#navs .item span{overflow:hidden; display:block;}
#navs .item h2{width: 140px;padding: 11px 15px;margin: 0;font-size: 18px;float:left}
#navs .item span>a{float:right;display:block;line-height:42px;font-size:14px;}
#navs .item ul{margin-right: -1%;}
#navs .item li{float: left;width: 19%;margin-right: 1%;margin-top: 1%;padding: 15px;font-size: 12px;height: 89px;overflow: hidden;background-color: #fff;border-bottom: 15px solid #fff;}
#navs .item li a{margin-bottom: 5px;display: inline-block;font-size: 14px;font-weight: bold;color: #61B3E6;border-bottom: 2px solid transparent;}
#navs .item li a:hover{color: #FD8C84;border-bottom-color: #FD8C84;}
#more{float: left;width: 19%;margin-right: 1%;margin-top: 1%;font-size: 12px;height: 89px;overflow: hidden;background-color: #fff;}
#more a{
	width:100%;
	height:100%;
	text-align:center;
	margin:0;
	padding:0;
	font-size:48px!important;
	line-height:89px!important;
	color: #61B3E6;
}
#more a:hover{
	color: #fff;
	background-color:#61B3E6;
	}
#more a:focus{
	text-decoration:none;
	}
#navs .items{margin-left: 160px;}
#navs nav{width: 140px;position: absolute;top: 0;left: 0;height:100%;background-color: #61B3E6;}

#navs nav ul{width: 140px; position：absolute;top:0;}
#navs nav a{display: block;padding: 10px 20px;color: #fff;border-bottom: 1px solid #55A5D8;}
#navs nav a:hover, #navs nav .active a{background-color: #55A5D8;color: #fff;}


#ulhb>li{width:70px; float:left}
#ulhb>li a{padding:10px 0; text-align:center;}

.pageheader{margin: 0;}


@media (max-width:1280px){
	#navs .items{margin-right: 10px;}
}
@media (max-width:1024px){
	.pageheader{margin-top: 0;}
	#navs .item{margin-top: 10px;}
	#navs .items{margin: 0 10px;}
	#navs nav{display: none;}
	#navs .item li{width: 24%;}
}
@media (max-width:640px){
	#navs .item li{width: 32.333333%;}
	#navs .item h2{width: auto;text-align: center;	}
}
@media (max-width:320px){
	#navs .item li{width: 49%;}
}