.first {
	width: 100%;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    margin-top: 41.5%; /* 调整顶部外边距 */
}

.container {
    display: flex;
    align-items: center;
    justify-content: center; /* 水平居中 */
}

.part1, .part2, .part3 {
    margin: 0 20px; /* 每个部分的左右外边距 */
}

.part2, .part3 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.img1 {
    margin-bottom: 1.25rem; /* 第一张图和第二张图之间的距离 */
}

.part3 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.more {
	font-size: 20pt;
	padding: 28px 148px;
	
	margin-top: 20px;
	color: #b52b21;
	border:2px #b52b21 solid;
	background-color: #fff;
}
.more:hover{
	 cursor: pointer; /* 鼠标指针样式 */
	 color: #fff;
	 background-color: #b52b21;

}
.part3 a{
		text-decoration: none; /* 去掉下划线 */
}
.more a{

	color: #b52b21;
	color: inherit; /* 使链接颜色继承父元素的颜色 */
	
}
.more2 {
	font-size: 20pt;
	padding: 28px 148px;
	
	margin-top: 20px;
	color: #b52b21;
	border:2px #b52b21 solid;
	background-color: #fff;
}
.more2:hover{
	 cursor: pointer; /* 鼠标指针样式 */
	 color: #fff;
	 background-color: #b52b21;

}

.more2 a{
	text-decoration: none; /* 去掉下划线 */
	color: #b52b21;
	color: inherit; /* 使链接颜色继承父元素的颜色 */
}
.second {
	width: 100%;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    margin-top: 3.125rem; /* 调整顶部外边距 */
}
.img3{
	margin-bottom: 15px;
}
.img4{
	width: 985px;
	height: auto;
}
@media (max-width: 1450px){
	.first{
		margin-top:39% ;
		transform: scale(0.9);
		
	}
	.second{
		margin-top:0;
		transform: scale(0.9);
		
	}
	
}
@media (max-width: 1175px){
	.first{
		margin-top: 20%;
		transform: scale(0.6);
		
	}
	.second{
		transform: scale(0.6);
		
	}
	
}
@media (max-width: 784px){
	.first{
		transform: scale(0.5);
		
	}
	.second{
		transform: scale(0.5);
		margin-top: ;
	}
}
@media (max-width: 480px){
	.first{
		transform: scale(0.3);
		margin-top: -100px;
	}
	.second{
		transform: scale(0.3);
		margin-top: -500px;
		margin-bottom: -300px;
	}
}
/*为什么删了搜索栏样式就变了？*/
button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	z-index: 10;
}



/*二维码放置处*/
.QRcode {
    margin-top: 6.25rem;
    padding-bottom: 6.25rem;
    display: flex;
    justify-content: center; /* 整体居中 */
	/*background: linear-gradient(to bottom, transparent 12.5%, #eef3fa 12.5%);*/
}
.QRcode a{
	text-decoration: none;
	color: #666666;
}
.QR-whole {
    display: flex;
    flex-direction: row; /* 横向布局 */
    align-items: center; /* 子元素在纵向上居中对齐 */
}

.QR-whole a {
    display: flex;
    flex-direction: column; /* 竖向布局 */
    align-items: center; /* 子元素在横向上居中对齐 */
    text-align: center; /* 文字居中对齐 */
    margin: 0 70px; /* 左右间距为 70px，每对相邻的子元素间距为 140px */
	
}

.QR-whole img {
    width: 60px;
    height: 62px;
    display: block;
    margin-bottom: 12px; /* 图片和文字之间的间距 */
}

/* 鼠标移入时文字颜色变为红色 */
.QR-whole > div:hover p {
    color: #b51b21 ;
}

.QR-whole a img:hover {
    transform: scale(2.5); /* 放大 10% */
    transition: transform 0.3s ease; /* 添加平滑过渡效果 */
}
@media (max-width: 1050px) {
	
    .QR-whole {
        flex-direction: row; /* 横向布局 */
        justify-content: space-between; /* 元素之间的间距均匀分布 */
		margin-left: 10%;
    }

    .QR-whole a {
        flex: 1 1 calc(50% - 20px); 
        margin: 10px; 
    }

    .QR-whole img {
        width: 60px; /* 根据需求调整缩放后的宽度 */
        height: auto; /* 保持图片的纵横比 */
    }
}
@media (max-width: 784px) {
    .QR-whole {
        flex-direction: row; /* 横向布局 */
        justify-content: space-between; /* 元素之间的间距均匀分布 */
		margin-left: 5%;
    }

    .QR-whole a {
        flex: 1 1 calc(50% - 20px); 
        margin: 10px; 
    }

    .QR-whole img {
        width: 50px; /* 根据需求调整缩放后的宽度 */
        height: auto; /* 保持图片的纵横比 */
    }
}