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

/* 手机或小平板 phone */
@media all and (max-width: 767px) {


	.cd-nav-trigger {
		display: block;
		position: absolute;
		top: 15px;
		right: 15px;
		width: 44px;
		height: 44px;
		z-index: 1001;
		cursor: pointer;
	}

		.cd-nav {
			display: block;
		}

	.cd-nav-trigger span {
		display: block;
		width: 30px;
		height: 3px;
		background: #fff;
		margin: 8px auto;
		border-radius: 2px;
		transition: all 0.3s;
	}

	/* 导航显示状态 */
	.cd-primary-nav.nav-is-visible {
		transform: translateX(0);
		visibility: visible;
	}

	/* 子菜单显示状态 */
	.cd-secondary-nav.is-hidden {
		display: none;
	}

	.cd-secondary-nav:not(.is-hidden) {
		display: block;
		position: relative;
		background: rgba(220, 40, 41, 0.9);
	}

	/* 防止页面滚动 */
	.overflow-hidden {
		overflow: hidden;
		height: 100vh;
	}

	.nav_bg {
		display: none;
	}

	/* 显示移动端导航触发按钮 */
	.cd-nav-trigger {
		display: block;
	}

	/* 移动端导航样式 */
	.cd-primary-nav {
		position: fixed;
		top: 0;
		right: -70%;
		width: 70%;
		height: 100%;
		background-color: #a40000;
		color: white;
		transition: transform 0.3s ease;
		z-index: 1000;
		/* 添加这些属性确保正确显示 */
		overflow: hidden;
		box-sizing: border-box;
	}

	.cd-primary-nav li {
		list-style: none;
		padding: 15px 20px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}

	.cd-primary-nav a {
		color: white;
		text-decoration: none;
		font-size: 16px;
		display: block;
	}

	.cd-primary-nav a:hover {
		color: #f0f0f0;
	}

	/* 子菜单样式 */
	.cd-primary-nav .has-children {
		position: relative;
	}

	.cd-primary-nav .has-children::after {
		content: ">";
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		color: white;
		font-size: 14px;
		pointer-events: none;
	}

	.cd-secondary-nav {
		padding-left: 20px;
		background-color: #9c0000;
		display: none;
		transition: all 0.3s ease;
	}

	.cd-secondary-nav.is-visible {
		display: block;
	}

	.cd-secondary-nav a {
		color: white;
	}

	/* 关闭按钮 */
	.cd-nav-trigger span {
		background: white;
	}

	/* 导航打开时的动画 */
	.cd-primary-nav.nav-is-visible {
		transform: translateX(0);
		right: 0;
	}

	.cd-secondary-nav-container {
		position: fixed;
		top: 0;
		right: -70%;
		width: 70%;
		height: 100%;
		background-color: #a40000;
		color: white;
		transition: transform 0.3s ease;
		z-index: 1000;
		overflow: hidden;
		box-sizing: border-box;
	}

	.cd-secondary-nav-container.nav-is-visible {
		transform: translateX(0);
		right: 0;
	}

	.cd-secondary-nav-container li {
		list-style: none;
		padding: 15px 20px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}

	.cd-secondary-nav-container a {
		color: white;
		text-decoration: none;
		font-size: 16px;
		display: block;
	}

	.cd-secondary-nav-container a:hover {
		color: #f0f0f0;
	}

}