@media (max-width: 768px) {
	.logo {
		width: 40%;
		text-align: center;
		padding-top: 2%;
	}

	.logo img {
		width: 95%;
	}

	.menu {
		position: fixed;
		top: 0;
		left: -70%;
		/* 初始位置在左侧外面 */
		width: 70%;
		height: 100vh;
		background-color: #150000;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding-top: 60px;
		transition: transform 0.3s ease-in-out;
		transform: translateX(0);
	}

	.menu a {
		font-size: 18px;
		margin: 10px 20px;
	}

	.menu-button {
		display: block;
		width: 15vw;
		padding-right: 20px;
		padding-top: 10px;
	}

	.close-menu {
		display: block;
	}

	.menu.open {
		transform: translateX(100%);
		/* 弹出菜单 */
	}


	.banner {

		width: 100%;
		max-width: 1600px;
		overflow: hidden;
		margin: 0 auto;
		margin-top: 15%;
	}

	.layer3 {
		position: absolute;
		bottom: 9.5%;
		left: 50%;
		transform: translateX(-50%);
		width: 30vw;
		animation: flashLight 1.5s infinite alternate;
	}

	/*ziwei*/
	.ziwei {
		margin-top: 2%;
		overflow: hidden;
	}

	.ziwei ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
		padding: 1%;
		margin-top: 10%;
	}

	/* 每个 li 的样式 */
	.ziwei li {

		position: relative;
		background-color: #76152a;
		padding: 30px 10px;
		border-radius: 20px;
		border: 3px #f4ae29 solid;
	}


	/* ziwei-box 内容 */
	.ziwei-box {
		display: block;
		text-align: center;
	}

	.ziwei-icon img {
		width: 40%;
		max-width: 160px;
		animation: floatUpDown 2s ease-in-out infinite;
	}

	.ziwei-txt {
		margin-top: 10px;
		font-size: 5vw;
		font-weight: bold;
		color: #fff;
	}

	.ziwei-box a {
		display: block;
		border: 2px #f4ae29 solid;
		border-radius: 20px;
		color: #f4ae29;
		width: 50%;
		margin: 0 auto;
		margin-top: 20px;
		line-height: 2rem;
		display: none;

	}

	/* ziwei-box2 弹出内容 */
	.ziwei-box2 {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #f4ae29;
		color: #76152a;
		width: 100%;
		height: 100%;
		padding: 10px;
		border-radius: 10px;
		border: 5px #f4ae29 solid;
		text-align: center;

	}

	.ziwei-box2 h1 {
		font-size: 1.4rem;
		margin-bottom: 10px;

	}

	.ziwei-box2 h2 {
		width: 30%;
		height: 5px;
		background: #76152a;
		margin: 3% auto;

	}

	.ziwei-box2 p {
		font-size: 0.8rem;
		margin-top: 5%;
	}

	#proud {
		display: none;
	}

	#proud2 {
		display: block;
	}

	.proud {
		width: 100%;
		max-width: 1200px;
		overflow: hidden;
		margin: 0 auto;
	}

	.proud-a {

		overflow: hidden;
	}

	.proud-a-l {
		float: left;
		width: 100%;
		text-align: center;
		padding: 10px 0;
	}

	.proud-a-l img {
		transform: rotate(355deg);
		width: 90%;
	}

	.proud-a-r {
		width: 54%;
		position: absolute;
		right: 10%;
		top: 16%;
		transform: rotate(15deg);
	}

	.proud-a-r a {
		display: block;
	}

	.proud-a-r a:hover {
		transform: rotate(5deg);
		transition: transform 0.3s ease-in-out;
	}

	.proud-a-r img {
		width: 100%;
	}

	.proud-a-r h2 {
		text-align: center;
		color: #f4ae29;
		font-size: 1.5rem;
	}

	.proud-b {
		/* position: relative; */
		overflow: hidden;
		margin-top: 0px;
	}

	.proud-b-r {
		float: right;
		width: 100%;
		text-align: center;
		padding: 10px 0;
		margin-top: -50px;
	}

	.proud-b-r img {
		transform: rotate(355deg);
		width: 90%;
	}

	.proud-b-l {
		width: 54%;
		position: absolute;
		left: 12%;
		top: 35%;
		transform: rotate(345deg);
	}

	.proud-b-l a {
		display: block;
	}

	.proud-b-l a:hover {
		transform: rotate(5deg);
		transition: transform 0.3s ease-in-out;
	}

	.proud-b-l img {
		width: 100%;
	}

	.proud-b-l h2 {
		text-align: center;
		color: #f4ae29;
		font-size: 1.5rem;
	}

	/* 弹出列表 */
	.proud-open1 {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: fixed;
		background: #150000;
		opacity: 0;
		/* 默认完全透明 */
		visibility: hidden;
		/* 默认隐藏 */
		transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
		z-index: 11;
	}

	.proud-open2 {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: fixed;
		opacity: 0;
		/* 默认完全透明 */
		visibility: hidden;
		/* 默认隐藏 */
		transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
		z-index: 12;
	}



	.proud-open-box {
		width: 100%;
		max-width: 1200px;
		margin: 5% auto;
		position: relative;
		transform: scale(0.8);
		transition: transform 0.3s ease-in-out;
		margin-top: 20%;
	}

	.proud-bg {
		width: 100%;
		height: 60vh;
		background: #752525;
		border: 2px dashed #fff;
		border-radius: 60px;
		overflow: hidden;
		transform: rotate(355deg);


	}

	.proud-box {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding: 5%;
		height: 60vh;
		background: #fff;
		border: 2px dashed #752525;
		border-radius: 60px;
		overflow: hidden;
	}

	.proud-box ul {
		width: 100%;
		max-height: 50vh;
		overflow-y: auto;
		padding: 0;
		list-style: none;
	}

	/* 列表项样式 */
	.list-item {


		padding: 1% 2%;
		line-height: 3rem;
		color: #752525;
		transition: background 0.3s ease-in-out;
		cursor: pointer;
		font-size: 1.2rem;
	}

	.list-item:nth-child(even) {
		background: #e8e8e8;
	}

	.list-item a {
		display: block;
	}

	.list-item:hover {
		background: #f4ae29;
		color: white;
	}

	.detail-btn {
		display: none;
		background: #752525;
		color: white;
		padding: 0 15px;
		border-radius: 40px;
		font-size: 1.1rem;
		white-space: nowrap;
		float: right;

	}

	.list-item:hover .detail-btn {
		display: inline-block;
	}

	.off {
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		border-radius: 50px;
		position: absolute;
		top: -1vw;
		right: -1vw;
		transform: rotate(45deg);
		font-size: 3rem;
		background: #f4ae29;
		color: #fff;
		cursor: pointer;
	}

	/* footer */
	footer {
		background-color: #150000;
		margin: 0;

	}

	.footerbox {
		width: 100%;
		max-width: 1200px;
		margin: 2% auto;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		overflow: hidden;
		padding: 4% 0;
	}

	.footer-lofo {
		margin-bottom: 10%;
	}

	.left-panel {
		width: 40%;
		padding-right: 0;
		text-align: center;
		border-right: 0px #CCCCCC solid;
		margin-bottom: 5%;
	}

	.left-panel img {
		width: 100%;
		max-width: 150px;
		margin-bottom: 20px;
	}

	.share-buttons {
		display: flex;
		justify-content: center;
		gap: 1px;
	}

	.share-buttons a {
		display: block;
		padding: 10px 5px;
		color: #333;
		text-decoration: none;
		text-align: center;
		border-radius: 5px;
		transition: background-color 0.3s ease;
	}

	.share-buttons a:hover {
		transform: rotate(355deg);
	}

	.contact-info {
		margin-left: 0;

	}

	.contact-info ul li {
		display: flex;
		justify-content: flex-start;
	}

	.contact-icon {
		color: #FFFFFF;
		width: 20px;
		margin-right: 10px;
	}

	.contact-box {
		color: #FFFFFF;
		font-size: 0.8rem;
		line-height: 30px;
	}

	.contact-box a {
		color: #FFFFFF;
	}

	.contact-info ul li:nth-child(4) {
		color: #847f7f;
		margin-top: 15px;
		font-size: 0.8rem;
	}

	.contact-info ul li:nth-child(4) a {
		color: #847f7f;
	}

	/* shopbg */
	.shopbg {
		background: #F4AE29;
		opacity: 0.4;
		width: 100px;
		height: 100px;
		position: fixed;
		right: 20px;
		bottom: 20px;
		border-radius: 20px;
	}

	/* shop */
	.shop {
		width: 100px;
		height: 100px;
		position: fixed;
		right: 20px;
		bottom: 20px;
		overflow: hidden;
		cursor: pointer;
		/* 添加指针样式 */
	}

	.shop-m {
		background: #F4AE29;
		width: 86%;
		margin: 7%;
		height: 86%;
		text-align: center;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 30px;
		overflow: hidden;
		border-radius: 15px;
	}

	.shop-m span {
		margin-top: 15px;
		display: block;
		color: #76152A;
	}

	/* shop-box */
	.shop-box {
		position: fixed;
		right: 10%;
		left: 10%;

		width: 80%;
		background: #76152A;
		padding: 10px 20px;
		border: 5px #F4AE29 solid;
		border-radius: 30px;
		display: none;
		opacity: 0;
		transform: translateY(20px);
		transition: opacity 0.5s ease, transform 0.5s ease;

	}

	.shop-box.show {
		display: block;
		opacity: 1;
		/* 显示时不透明 */
		transform: translateY(0);
		/* 还原位移 */
	}

	.shop-box a {
		display: block;
		background: #FFFFFF;
		border-radius: 50px;
		line-height: 40px;
		height: 60px;
		margin-bottom: 20px;
		padding: 10px;
		overflow: hidden;
		fill: #ee4d2d;
	}

	.shop-box a:nth-child(1) svg {
		width: 80%;
	}

	.shoptop {
		overflow: hidden;
		height: 40px;
		margin-top: -30px;
		margin-right: -40px;
		margin-bottom: 10px;
	}

	.shopoff {
		float: right;
		background: #F4AE29;
		text-align: center;
		font-size: 40px;
		border-radius: 40px;
		transform: rotate(45deg);
		margin-bottom: 20px;
		cursor: pointer;
		/* 添加指针样式 */
	}

	.proud-b {
		padding: 6%;
	}

	.proud-b-l2 {
		width: 50%;
		transform: rotate(345deg);
		float: left;
		margin-left: 20px;

	}

	.proud-b-l2 a {
		display: block;
	}

	.proud-b-l2 a:hover {
		transform: rotate(5deg);
		transition: transform 0.3s ease-in-out;
	}

	.proud-b-l2 img {
		width: 100%;
	}

	.proud-b-l2 h2 {
		text-align: center;
		color: #f4ae29;
		font-size: 1.2rem;
	}

	.proud-a-r2 {
		width: 50%;
		float: left;
		transform: rotate(15deg);
		margin-top: 5vw;
		margin-left: -10%;
	}

	.proud-a-r2 a {
		display: block;
	}

	.proud-a-r2 a:hover {
		transform: rotate(5deg);
		transition: transform 0.3s ease-in-out;
	}

	.proud-a-r2 img {
		width: 100%;
	}

	.proud-a-r2 h2 {
		text-align: center;
		color: #f4ae29;
		font-size: 1.2rem;
	}



}