.header-html {
	width: 100%;
	overflow: hidden;
}

.header-top-box {
	background: #181818;
	width: 100%;
	padding: 0 80px 0 100px;
	height: 30px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 13px;
	gap: 45px
}

.header-top-box a {
	color: #fff;
}

.header-nav {
	background: #fff;
	width: 100%;
	padding: 0 80px 0 100px;
	height: 75px;
	box-sizing: border-box;
}

.nav-logo {
	overflow: hidden;
	vertical-align: top;
	margin-top: 15px;
	display: inline-block;
}

.nav-logo img {
	height: 40px;
}

.header-nav-right {
	float: right;
	height: 100%;
}

.header-nav-right ul {
	height: 100%;
	overflow: hidden;
	display: inline-block;
}

.header-nav-right ul li {
	overflow: hidden;
	height: 100%;
	float: left;
}

.header-nav-right ul li.header-nav-act {
	background: #F6F6F6;
}

.header-nav-right ul li:hover {
	background: #F6F6F6;
}

.header-nav-right ul li a {
	padding: 0 40px;
	box-sizing: border-box;
	height: 100%;
	font-size: 18px;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}

.nav-search {
	display: inline-block;
	overflow: hidden;
	height: 100%;
}

.nav-search-icon {
	width: 20px;
	margin-top: 27.5px;
	cursor: pointer;
}

@media (max-width: 70em) {
	.header-nav-right ul li a {
		padding: 0 30px;
	}
}

@media (max-width: 63em) {
	.header-nav-right ul li a {
		padding: 0 20px;
	}
}