.page {
	background: #210000;
	min-height: 100vh;
}

.page_container {
	display: flex;
	flex-direction: column;
	height: 100vh;
	width: 100vw;
	/* // background-image: url('../static/ldy_1.jpg'); */
	background: linear-gradient(rgb(10, 21, 25) 0%, rgb(10, 12, 27) 0%, rgb(20, 12, 61) 100%, rgb(6, 21, 25) 100%);
	;
	/* background: red; */
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;

}

.page_header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	/* background-color: #333; */
	color: #fff;
	height: auto;
	text-align: center;
	height: 80rpx;
}

.page_content {
	/* max-width: 1200px; */
	flex: 1;
	width: 100%;
	background-image: url('../static/ldy_1.jpg');
	background-size: 100% auto;
	background-position: top center;
	background-repeat: no-repeat;
	/* background: linear-gradient(rgb(92, 2, 7) 0%, rgb(92, 2, 7) 0%, rgb(71, 0, 5) 100%, rgb(71, 0, 5) 100%); */


}




/* 回到顶部按钮样式 */
.back-to-top {
	/* 固定在右下角 */
	position: fixed;
	right: 30px;
	bottom: 30px;

	/* 按钮样式 */
	width: 40px;
	height: 40px;
	/* background-color: #ddd; */
	color: white;
	border-radius: 50%;
	border: none;
	cursor: pointer;

	/* 内容居中 */
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;

	/* 初始状态隐藏 */
	opacity: 0;
	visibility: hidden;

	/* 过渡动画 */
	transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;

	/* 初始位置在视口外 */
	transform: translateY(20px);

	/* 避免被其他元素遮挡 */
	z-index: 999;
}

/* 按钮悬停效果 */
.back-to-top:hover {
	/* background-color: #fff; */
	transform: translateY(-3px);
}

/* 显示按钮的类 */
.back-to-top.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.icon-right::before {
	content: url('../../gwAcess/imgs/right.png');
	vertical-align: middle;
}

.back-to-top::before {
	content: url('../../gwAcess/imgs/backtop.svg');
	vertical-align: middle;
	transform: scale(1.5);
}


.head {
	width: 100%;
	/* width:23.47826086956522rem; */
	height: 2.47rem;
	flex-shrink: 0;
	background: linear-gradient(180deg, #1F0000 0%, #6C0505 100%);
	/* background: linear-gradient(rgb(10, 21, 25) 0%, rgb(10, 12, 27) 0%, rgb(20, 12, 61) 100%, rgb(6, 21, 25) 100%); */
	background-size: cover;
	position: fixed;
	left: 0;
	top: 0;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999;
	/* padding: 0 0.86rem; */
	/* padding: 0 0.86rem; */
}

.fixed-height {
	height: 2.47rem;
	background: red;
}

.maxcontainer {
	max-width: 1200px;
}

.m_top {
	background-image: url(../../gwAcess/imgs/topbg.png);
	background-position: center;
	/* padding-top: 56.25%; */
	aspect-ratio: 16/9.3;
	/* 例：16:9 比例（9/16=0.5625） */
	background-size: 100% auto;
	/* 宽度100%，高度按比例自适应 */
	background-position: top center;
	/* 背景图居中 */
	background-repeat: no-repeat;
	/* 不重复 */
	position: relative;
	/* 如需在容器内添加内容，可配合 absolute 定位 */
	width: 100%;
	max-height: calc(100vh-80vh);

}

.title_img {
	height: 0.48rem;
	width: auto;
}

.head_log {
	height: 1.56rem;
	/* width: 1.56rem; */
	margin-left: 0.38rem;
}

.headright {
	margin-right: 0.38rem;
}


.head_middle {
	margin-left: 0.62rem;
}

.head_log1 {
	height: 0.53rem;
	width: 3.96rem;
	margin-bottom: 0.16rem;
}

.head_log2 {
	/* width: 1.17rem; */
	/* width: 2.2rem; */
	height: 1.39rem;
	animation: rotate 0.3s ease infinite;
	margin-right: 0.56rem;

}

.head_title {
	font-size: 0.375rem;
	color: #fff;
}

.content {
	width: 100%;
	background-image: url('../imgs/bj.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 0;
	padding-bottom: 3.2rem;
}

.content_top {
	height: 1.8933333333333333rem;
}

.footer-des {
	font-size: 30px;
	text-align: center;
	font-weight: 700;
}

.footer-des1 {
	font-size: 24px;
	text-align: left;
	font-weight: 500;
	/* margin-left: 0.28rem; */
	margin:  5px ;
}

.footericon1 {
	height: 160px;
	width: 160px;
	margin-right: 0.4rem;
}

.footericon2 {
	height: 26px;
	width: 26px;margin:  5px ;
}

.footbox {
	background-image: url('../imgs/footbg.png');
	background-position: center;
	/* padding-top: 56.25%; */
	aspect-ratio: 1080/450;
	/* 例：16:9 比例（9/16=0.5625） */
	background-size: 100% auto;
	/* 宽度100%，高度按比例自适应 */
	background-position: top center;
	/* 背景图居中 */
	background-repeat: no-repeat;
	/* 不重复 */
	position: relative;
	/* 如需在容器内添加内容，可配合 absolute 定位 */
	width: 100%;
	max-height: 600px;
	/* 关键：最大高度不超过原图高度（800px） */
}

@media (max-width: 1080px) {
	.footer-des {
		font-size: 0.4rem;
		text-align: center;
		font-weight: 700;
	}

	.footer-des1 {
		font-size: 0.4rem;
		text-align: left;
		
		margin: 0;
		margin-left: 0.28rem;
		max-width: 8rem;word-wrap: break-word;
	}

	.footericon1 {
		height: 3.2rem;
		width:3.2rem;
		margin-right: 0.4rem;
	}

	.footericon2 {
		height: 0.4rem;
		width: 0.4rem;
		margin: 0;
	}
	.AA{
		height: 0.8rem;
		display: flex;
		align-items: center;
	}
	

}

@keyframes fly {
	from {
		left: 0;
		top: 0;
		transform: translate(-100%, -100%);
		/* 初始位置：左上角外 */
		opacity: 1;
		/* 可选：淡入效果 */
	}

	to {
		left: 80%;
		top: 10%;
		transform: translate(-50%, -50%);
		/* 中间位置 */
		opacity: 1;
		/* 可选：淡入效果 */
	}
}

@keyframes float {

	0%,
	100% {
		transform: translate(-50%, -50%) translateY(0);
	}

	50% {
		transform: translate(-50%, -50%) translateY(-20px);
	}
}
.icon-container {
            display: flex;
            /* 允许图标换行，当下放不下时 */
            flex-wrap: wrap; 
            /* 图标之间添加间距 */
        }

        .icon-item {
            /* 
             * flex: 1; 是关键。
             * 它让每个子元素都能自动平分父容器的可用空间。
             * 即使不是正好5个，也能均匀分布。
             */
            flex: 1; 
            /* 确保图片本身不会过大，并且保持其宽高比 */
            max-width: calc(20% ); /* 20%是五分之一，减去gap的一半作为缓冲 */
            height: auto;
        }