@charset "utf-8";
/* CSS Document */

/* 总容器：改为相对定位承载视频背景 */
.footer-nav-wrap {
	width: 100%;
	color: #fff;
	padding: 60px 4% 40px;
	position: relative;
	overflow: hidden;
}
/* 全屏视频背景 */
.footer-video-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -3;
}
/* 深色半透明遮罩，提升文字清晰度 */
.footer-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.58);
	z-index: -2;
}

/* ===================== 入场动画关键帧 ===================== */
@keyframes slideDown {
	from {
		transform: translateY(-60px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes slideLeft {
	from {
		transform: translateX(-80px);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes slideUp {
	from {
		transform: translateY(60px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

/* ===================== 初始隐藏 ===================== */
.footer-title {
	text-align: center;
	margin-bottom: 125px;
	margin-top: 50px;
	opacity: 0;
	transform: translateY(-60px);
	transition: all 0.8s ease;
}
/*.nav-col {
	flex: 1;
	padding: 0 25px;
	border-left: 2px #eeeeee61 solid;
	opacity: 0;
	transform: translateX(-80px);
	transition: all 0.7s ease;
}*/

/* 底部三层初始隐藏 */
.copyright-top,
.copyright-middle,
.copyright-bottom {
	opacity: 0;
	transform: translateY(60px);
	transition: all 0.8s ease;
}

/* ===================== 触发动画后的状态 ===================== */
.footer-nav-wrap.show-animate .footer-title {
	opacity: 1;
	transform: translateY(0);
}
.footer-nav-wrap.show-animate .nav-col {
	opacity: 1;
	transform: translateX(0);
}
/* 5栏依次延迟 */
.footer-nav-wrap.show-animate .nav-col:nth-child(1) { transition-delay: 0.05s; }
.footer-nav-wrap.show-animate .nav-col:nth-child(2) { transition-delay: 0.15s; }
.footer-nav-wrap.show-animate .nav-col:nth-child(3) { transition-delay: 0.25s; }
.footer-nav-wrap.show-animate .nav-col:nth-child(4) { transition-delay: 0.35s; }
.footer-nav-wrap.show-animate .nav-col:nth-child(5) { transition-delay: 0.45s; }

/* 底部三层依次延迟 */
.footer-nav-wrap.show-animate .copyright-top {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.6s;
}
.footer-nav-wrap.show-animate .copyright-middle {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.75s;
	gap: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: center;
	align-items: flex-start;
}
.footer-nav-wrap.show-animate .copyright-bottom {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.9s;
}

/* ===================== 原有样式 ===================== */
.footer-title-en {
	font-size: 18px;
	color: #aaa;
	letter-spacing: 1px;
	margin-bottom: 12px;
}
.footer-title-cn {
	font-size: 21px;
	letter-spacing: 3px;
}
.footer-title-cn .red-text {
	color: #ff2222;
}
/* 5栏导航行 */
.nav-row {
	display: flex;
	gap: 30px;
	width: 100%;
	margin-bottom: 80px;
}
.nav-col {
	flex: 1;
	padding: 0 25px;
	opacity: 0;
	transform: translateX(-80px);
	transition: all 0.7s ease;
	border-left: 2px #eeeeee61 solid;
}
/* 每列左侧竖分割线 */
/*.nav-col:not(:first-child)::before {
	content: "";
	position: absolute;
	left: -15px;
	top: 0;
	height: 100%;
	width: 1px;
	background: rgba(255,255,255,0.15);
}*/
/* 顶部图片 */
.nav-img-box {
	width: 100%;
	height: 180px;
	overflow: hidden;
	margin-bottom: 22px;
	display: none;
}
.nav-img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* 栏目标题 */
.nav-col h3 {
	font-size: 19px;
	font-weight: normal;
	margin-bottom: 40px;
	letter-spacing: 3px;
}
/* 菜单列表 */
.nav-list {
	list-style: none;
}
.nav-list li {
	margin-bottom: 14px;
	font-size: 15px;
	letter-spacing: 3px;
	color: #cccccc;
	cursor: pointer;
	transition: color 0.2s;
}
.nav-list li a:hover {
	color: #F00;
}
/* 当前激活红色文字 */
.nav-list li a.active {
	color: #ff2222;
}
/* 第五栏 媒体图标 */
.media-icon-group {
	display: flex;
	gap: 16px;
	margin-bottom: 40px;
}
.media-icon-item {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
    margin-top: -20px;
}
.media-icon-item img {
	width: 100%;
	object-fit: contain;
}

/* ===================== 底部三层区域 ===================== */
/* 第一层：版权备案层 带顶部分割线 */
.copyright-top {
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	padding: 5px 0;
	font-size: 12px;
	color: #888;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.copyright-top a {
	color: #ffffff;
	text-decoration: none;
	margin: 0 4px;
	transition: color 0.2s;
	font-family: 'MiSansLight';
	font-size: 12px;
	letter-spacing: 3px;
}
.copyright-top a:hover {
	color: #ff0000;
}
.copyright-top .copyright-left{
	flex:0.7;
	font-family: 'MiSansLight';
	font-size: 12px;
	letter-spacing: 3px;
	color: #ffffff;
}
.copyright-top .copyright-right{
	display: flex;
	align-items: center;
}
.copyright-top .copyright-right img{
	width: 30px;
}

/* 第二层：友情链接 + 中间装饰花纹 */
.copyright-middle {
	width: 100%;
	padding: 15px 0;
	font-family: 'MiSansLight';
	font-size: 12px;
	letter-spacing: 3px;
	color: #666;
	display: flex;
	align-items: center;
	position: relative;
}
.friend-link {
	flex: 0.4;
	text-align: left;
}
.friend-link a {
	color: #666;
	text-decoration: none;
	margin: 0 6px;
}
.friend-link a:hover {
	color: #fff;
}
.decorate-img {
	height: 40px;
}
.decorate-img img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	height: 30px;
	object-fit: contain;
	pointer-events: none;
}
.right-fontbz{
	font-size: 12px;
	color: #6666669e;
	float: right;
}
/* 第三层：底部居中Logo */
.copyright-bottom {
	width: 100%;
	padding-top: 10px;
	text-align: center;
}
.bottom-logo {
	width: 60px;
	height: 60px;
	object-fit: contain;
}

/* 自适应媒体查询：手机屏幕单列堆叠 */
@media screen and (max-width: 992px) {
	.nav-row {
		flex-direction: column;
		gap: 50px;
	}
	.nav-col:not(:first-child)::before {
		display: none;
	}
	.nav-img-box {
		height: 220px;
	}
	/* 底部移动端适配 */
	.friend-link{
		font-size: 10px;
		margin-top: 50px;
		text-align: center;
	}
	.copyright-top {
		flex-direction: column;
		gap: 10px;
		text-align: center;
	}
	.copyright-middle {
		flex-direction: column;
		gap: 12px;
		text-align: center;
	}
	/* 移动端动画延迟微调 */
	.footer-nav-wrap.show-animate .nav-col:nth-child(1) { transition-delay: 0.05s; }
	.footer-nav-wrap.show-animate .nav-col:nth-child(2) { transition-delay: 0.10s; }
	.footer-nav-wrap.show-animate .nav-col:nth-child(3) { transition-delay: 0.15s; }
	.footer-nav-wrap.show-animate .nav-col:nth-child(4) { transition-delay: 0.20s; }
	.footer-nav-wrap.show-animate .nav-col:nth-child(5) { transition-delay: 0.25s; }
}