/* 基础设置：1rem = 10px，方便计算 */
	*{
		/* border: solid red 1px; */
	}
	body,html {
		padding: 0;
		margin: 0;
		font-size: 62.5%; /* 16px * 62.5% = 10px */
	}
	p{
		margin: 0;
	}
	.indexDiv{
		width: 100%;
		height: 100vh;
		display: flex;
		flex-direction: column;
		background: #fff;
	}
	.headDiv{
		width: 100%;
		/* height: 150px; */
		height: 15rem;
		display: flex;
		align-items:center;
		/* padding:0 5rem; */
		box-sizing: border-box;
		position: relative;
	}
	.headDiv img{
		position: absolute;
		left: 5rem;
		/* width: 150px;
		height: 150px; */
		width: 15rem;
		height: 15rem;
	}
	.headDiv p{
		flex: 1;
		font-weight: bold;
		/* font-size: 48px; */
		font-size: 4.2rem;
		color: #E62129;
		/* letter-spacing: 24px; */
		letter-spacing: 2.4rem;
		text-align: center;
	}
	.footDiv{
		width: 100%;
		/* height: 150px; */
		height: 15rem;
		font-weight: bold;
		/* font-size:18px; */
		font-size:1.8rem;
		color: #E62129;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		letter-spacing:5px;
		text-align: center;
		line-height:30px;
		line-height:3rem;
		box-sizing: border-box;
	}
	.bgIndex {
		width: 100%;
		flex: 1;
		/* height: 100vh; */
		/* height:800px; */
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		transition: background-image 0.5s ease-in-out;
	}

	.module {
		display: flex;
		height:100%;
		 /* flex-wrap: wrap; */
		 /* justify-content: space-between; */
		/* position: relative; */
		/* z-index: 10; */
	}

	.item {
		cursor: pointer;
		border-right: solid 1px rgba(255, 255, 255, 0.3);
		width: 20%;
		/* height: 100vh; */
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: relative;
		transition: all 0.3s ease;
		/* text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); */
		text-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.3);
	}

	.item a {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-weight: 800;
		/* font-size: 60px; */
		font-size: clamp(2rem, 5vw, 6rem);/* 字体大小改为rem单位，自适应 */
		color: #FFFFFF;
		text-decoration: none;
	}
	.item p{
		writing-mode: vertical-lr;
		margin-bottom: 2rem;
		/* height: 26rem; */
	}
	.item p span{
		writing-mode:initial;
	}

	.item:last-child {
		border-right: solid 0px rgba(255, 255, 255, 0.9);
	}

	/* 添加悬停效果 */
	.item:hover {
		/* transform: scale(1.02); */
	}

	.item .iconRig {
		/* width: 80px;
		height: 80px; */
		width: clamp(4rem, 8vw, 8rem);/*最小 中等 最大*/
		height: auto;
		transition: all 0.3s ease;
		/* opacity: 0.8; */
	}

	/* 选中状态样式 */
	.item.active .iconRig {
		/* opacity: 1; */
		transform: scale(1.1);
	}