/* ========== 网站头部和底部样式 ========== */

/* 引入思源宋体 */
@font-face {
	font-family: 'SourceHanSerifCN';
	src: url('../fonts/SourceHanSerifCN-Heavy.woff2') format('woff2'),
		 url('../fonts/SourceHanSerifCN-Heavy.woff') format('woff'),
		 url('../fonts/SourceHanSerifCN-Heavy.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Microsoft Yahei", sans-serif;
}

/* 页面容器 */
.container {
	margin: 0 auto;
	background: #fff url(../images/header-bg.png) no-repeat center top;
}

/* 通用文字标题样式 */
.module-title-text {
	text-align: center;
	font-size: 36px;
	color: #c51618;
	font-family: 'SourceHanSerifCN', serif;
	font-weight: 900;
	margin: 45px auto;
	padding: 20px 0;
	position: relative;
	width: 1200px;
	background: url(../images/title-bg.png) no-repeat center bottom;
}

/* 顶部banner区域 */
.banner {
	width: 100%;
	height: 375px;
	position: relative;
	text-align: center;
	color: #fff;
	padding-top: 20px;
}

.banner .logo {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

.banner .title {
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 5px;
}

/* 导航栏样式 */
.nav {
	width: 1200px;
	height: 57px;
	background: url(../images/dhbg.png) no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	margin: 0 auto 20px auto;
}

.nav a {
	color: #fff;
	text-decoration: none;
	padding: 0px 63px;
	font-size: 18px;
	border-right: 1px solid #fff;
}

.nav a:last-child {
	border-right: none;
}

.nav a:hover {
	color: #ffd700;
	transform: translateY(-2px);
}

.nav a {
	transition: all 0.3s ease;
}

/* 底部样式 */
.footer {
	width: 100%;
	height: 263px;
	background: url(../images/footer-bg.png) no-repeat center bottom / cover;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	line-height: 1.8;
	margin-top: 100px;
}

.footer-container{
	width: 1200px;
	/* height: 263px; */
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	line-height: 1.8;
	padding: 0 20px;
	margin: 0 auto;
	margin-top: 101px;
	}

.footer-logo {
	/* width: 60px; */
	height: 60px;
}

.footer-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.footer-text {
	text-align: center;
	flex: 1;
}
.footer-text a{color:#fff;text-decoration:none;}

/* 返回顶部按钮 */
.back-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	background-color: #c51618;
	color: #fff;
	font-size: 24px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	z-index: 1000;
	border: 0;
}

.back-to-top:hover {
	background-color: #a01214;
	transform: scale(1.1);
}

.back-to-top.show {
	opacity: 1;
	visibility: visible;
}

/* ========== 手机版响应式样式 ========== */
@media (max-width: 768px) {
	/* 基础布局 */
	.container {
		min-width: auto;
		width: 100%;
		padding: 0 15px;
		background: #fff url(../images/header-bg.png) no-repeat center top;
		background-size: 150%;
		padding: 0px !important;
	}

	.banner{height:120px;padding: 0 20px;}
	
	/* 导航栏 */
	.nav {
		width: 100%;
		height: auto;
		flex-wrap: wrap;
		gap: 5px;
		padding: 10px;
		background: #c51618;
		padding: 0 20px;
	}
	
	.nav a {
		flex: 1;
		min-width: 30%;
		text-align: center;
		padding: 10px;
		font-size: 14px;
		border-right: none;
		border-bottom: 1px solid #fff !important;
	}
	
	.nav a:last-child {
		border-bottom: none;
	}
	
	/* 模块标题 */
	.module-title-text {
		width: 100%;
		font-size: 28px;
		margin: 20px 0;
		background: url(../images/title-bg.png) no-repeat center bottom !important;
	}
	
	/* 底部信息 */
	.footer{height:auto;}
	
	.footer-container {
		flex-direction: column;
		gap: 20px;
		padding: 20px;
	}
	
	.footer-text {
		font-size: 12px;
		line-height: 1.6;
	}
	
	/* 返回顶部按钮 */
	.back-to-top {
		bottom: 20px;
		right: 20px;
		width: 45px;
		height: 45px;
		font-size: 20px;
	}
}

/* 平板适配 */
@media (max-width: 1024px) {
	.container {
		min-width: auto;
		width: 100%;
		padding: 0 20px;
	}
	
	.nav {
		width: 100%;
	}
	
	.module-title-text {
		width: 100%;
	}
}