.common-top-nav {
	width          : 1000px;
	margin         : 0 auto;
	height         : 35px;
	display        : flex;
	justify-content: space-between;
	align-items    : center;
}

.top-logo {
	width: 150px;
}

.top-countrys:before {
	content   : '';
	display   : block;
	clear     : both;
	height    : 0;
	visibility: hidden;
}

ul {
	list-style: none;
	margin    : 0;
	padding   : 0;
}

.top-countrys>li {
	float          : left;
	margin-right   : 25px;
	height         : 35px;
	display        : flex;
	align-items    : center;
	justify-content: center;
	position       : relative;
	cursor         : pointer;
}

.top-countrys>li:last-child {
	margin-right: 0;
}

.top-countrys li>a {
	text-decoration: none;
	color          : #30363e;
	font-size      : 14px;
	font-weight    : bold;
	margin-right   : 5px;
}

.top-countrys>li:hover>a {
	color: #4d68ff;
}

.top-countrys li:hover .education {
	display: block;
}

.common-icon {
	background    : url(//xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/jiaoyuzhan/images/icon.png) no-repeat;
	display       : inline-block;
	vertical-align: middle;
}

.sanjiao {
	width              : 9px;
	height             : 9px;
	background-position: -89px -21px;
}

.top-countrys li:hover .sanjiao {
	background-position: -98px -21px;
}

.top-right {
	font-size: 18px;
	color    : #4d68ff;
}

.top-right span {
	vertical-align: middle;
}

.phone {
	width              : 22px;
	height             : 22px;
	background-position: -87px -30px;
}

.education {
	position   : absolute;
	width      : 157px;
	height     : 30px;
	line-height: 30px;
	top        : 35px;
	left       : 0;
	background : #4d68ff;
	display    : none;
	z-index    : 999;
}

.education.oz {
	width: 372px;
}

.education.yz {
	width: 355px;
	left : -280px;
}

.education li {
	float: left;
}

.education li a {
	color          : #fff;
	padding        : 0 7px;
	position       : relative;
	text-decoration: none;
}

.education li a:hover {
	text-decoration: underline;
}

.education li a:before {
	content   : '';
	width     : 2px;
	height    : 15px;
	position  : absolute;
	right     : -3px;
	top       : 3px;
	background: #fff;
}

.education li:last-child a:before,
.education li.no-line a:before {
	background: none;
}

.mobile-nav>li {
	display: none;
}

@media (max-width: 1220px) {
	.common-top-nav {
		width: 90%;
	}

	.top-logo {
		width: 13vw;
	}

	.top-right {
		font-size: 1.5vw;
	}

	.top-countrys>li {
		margin-right: 3vw;
	}
}

@media (max-width: 480px) {
	.common-top-nav {
		height: 50px;
	}

	.top-logo {
		width: 137px;
	}

	.top-countrys {
		display: none;
	}

	.top-right span {
		display: none;
	}

	.phone {
		width              : 33px;
		height             : 28px;
		background-position: 0 0;
		background-size    : 90px;
	}

	.education li a:before {
		right: -1px;
		top  : 4px;
	}

	.education.yz {
		width : 270px;
		height: 60px;
	}

	.show-mobile-nav .phone {
		background-position: -58px 0;
	}

	.mobile-nav>li {
		text-align   : center;
		margin-bottom: 15px;
		display      : block;
	}
}

.mobile-nav {
	display: none;
}

.mobile-nav>li>span,
.mobile-nav>li>a {
	font-size      : 16px;
	color          : #30363e;
	text-decoration: none;
}

.mobile-nav>li.show-education>span,
.mobile-nav>li.show-education>a {
	color: #4d68ff;
}

.mobile-nav>li.show-education>.sanjiao {
	background-position: -98px -21px;
}

.mobile-nav .education {
	position : relative;
	top      : 0;
	left     : 50%;
	transform: translateX(-50%);
	margin   : 10px 0;
}