/* footer */
.main-footer-nav {
	/* flex: 1; */
	display: flex;
	flex-direction: row;
	/* justify-content: center; */
	/* flex-wrap: wrap; */
	padding-left: 20px;
	gap: 10px;
}

.main-footer-nav-1 {
	color: #1F1F1F;
	font-weight: bold;
}

.main-footer-nav-1 li {
	width: calc((100% - 150px) / 6);
}


.main-footer-nav-2-box {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 8px;
}

.main-footer-nav-2-box a {
	font-size: 14px;
	color: #1F1F1F;
}

.main-footer-nav-2-box a:hover {
	color: #0241e2;
}

/* header */
.sub_nav_container {
	display: flex;
	flex-direction: row;
	gap: 0px;
	padding: .5rem;
}

.header-nav-box {
	display: flex;
	flex-direction: row;
	flex: 2;
	gap: .3rem;
	flex-wrap: wrap;
}

.header-nav-list {
	width: calc((100% - 1.5rem) / 6);
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: flex-start;
}

.header-nav-list-title {
	line-height: 1em !important;
	font-size: .18rem !important;
	color: black !important;
	font-weight: bold;
	text-align: left;
	background: transparent !important;
}

.header-nav-list-link {
	line-height: 1em !important;
	font-size: .16rem !important;
	/* color: #000000aa !important; */
	/* font-weight: 100 !important; */
	text-align: left;
}

.header-nav-list-title:hover {
	color: black !important;
	background: transparent !important;
}

.header-nav-list-link:hover {
	color: #0241e2 !important;
	/* font-weight: bold !important; */
	background: transparent !important;
}

.header-nav-box-right {
	flex: 1.5;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: .1rem;
	justify-content: center;
	align-items: center;
}

.header-nav-box-right .header-nav-box-right-item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: calc((100% - .2rem) / 3);
	padding: 5px;
	border-radius: 5px;
	padding-bottom: 10px;
	cursor: pointer;
}

.header-nav-box-right-item .header-nav-box-right-item-img-box {
	overflow: hidden;
	/* flex: 1; */
	height: 2rem;
	border-radius: 8px;
	background: #F8F8F8;
}

.header-nav-box-right-item .header-nav-box-right-item-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.header-nav-box-right-item:hover {
	background: #0241e2;
}

.header-nav-box-right-item:hover img {
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
	transition: .5s;
}

.header-nav-box-right-item .header-nav-box-right-item-title {
	text-align: center;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-clamp: 1;
	box-orient: vertical;
	white-space: normal;
	font-size: .16rem
		/* font-size: 18px; */
		/* font-weight: bold; */
}

.header-nav-box-right-item:hover .header-nav-box-right-item-title {
	color: white;
}



/* .nav li .sub_nav .header-nav-list a {
	line-height: 1.2em;
} */