﻿
.main .mainHead {
	height: 50px;
	line-height: 40px;
	text-align: center;
}
.main .mainHead .child a {
	color: #666;
	font-size: 16px;
	float: left;
	line-height: 50px;
	margin-right: 44px;
	padding-right: 18px;
	padding-left: 18px;
	text-align: center;
}
.main .mainHead .child.on {
	color: #FFFFFF;
	display: inline-block;
	margin-right: 40px;
	background-color: #004ea2;
	padding-right: 20px;
	padding-left: 20px;
}
.main .mainHead .hovernormal {
	color: #FFF;
	display: inline-block;
	margin-right: 40px;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #fabe00;
}
 @media (max-width: 639px) {
.main .mainHead {
	line-height:30px;
}
.main .mainHead .child.on {

	margin-right: 0px;
	padding-right: 10px;
	padding-left: 10px;

}
.main .mainHead .child {
	padding:0 4px;
	font-size:12px;
	line-height:30px;
	margin-right:6px;

}
.main .mainHead .hovernormal {
	margin-right: 0px;
	padding-right: 4px;
	padding-left: 4px;

}
}
@media (min-width: 640px) and (max-width:1023px ) {
.main .mainHead {
	height:50px;
	line-height:50px;
}
.main .mainHead .child {
	padding:0 18px;
	font-size:16px;
	line-height:50px;
	margin-right:44px;
}

}
@media (min-width: 1024px) and (max-width:1199px ) {

}
@media (min-width: 1200px) and (max-width:1439px ) {
}
@media (min-width: 1440px) and (max-width:1920px ) {
}
