/* 新闻 */
.first {
    margin-top: 45%;
    background-color: #fff;
}
.row {
    margin-left: 20%;
	margin-right: 20%;
	margin-bottom: 3.75rem;
    display: flex;
    border-bottom: 1px solid black; /* 每行底部有黑色边框线条 */
    padding: 0;
    justify-content: space-between; /* 让内容在行中均匀分布 */
}

.col {
    flex: 0 1 auto; /* 设置为自动宽度 */
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 内容靠左显示 */
    padding: 0; /* 内边距设置为 0 */
    text-align: left; /* 文字靠左显示 */
    text-decoration: none; /* 去掉链接的下划线 */
    color: #666; /* 继承父元素的颜色 */
	
}

.part1 {
    padding: 0;
    margin: 0px 0;
    margin-bottom: 0.8125rem;
    display: flex; /* 使用 flex 布局 */
    align-items: center; /* 垂直居中对齐 */
}

.part1 .label {
	background-color: #f7e8e8;
	padding: 0 10px ;
    margin-right: 0.5rem; /* 给标签和文字之间添加一些间距 */
}
/* 鼠标悬停时的样式变化 */
.col:hover {
    cursor: pointer; /* 鼠标小手样式 */
}

.col:hover .label {
    background-color: #b52b21; /* .label变为红色 */
	color: #fff;
}

.col:hover .part1 p,
.col:hover .part2 p {
    color: #333; /* 文字变为黑色 */
}
.part2 {
	padding: 0;
    margin: 0px 0;
	margin-bottom: 1.5625rem;
}
.part3 {
	padding: 0;
    margin: 0px 0;
	margin-bottom: 3.75rem;
}


.part3 img {
    max-width: 100%;
    height: auto;
}
@media (max-width: 1600px){
	.first{
		margin-top: 45%;
	}
	.row{
		
		
	}
	.col:first-of-type{
		padding-right: 5%;
	}
}
@media (max-width: 1450px){
	
	.row{
		transform: scale(0.8);	
	}
	.row {
	    
		margin-bottom: 0rem;
	    
	}
}
@media (max-width: 1200px){
	.row{
		
		margin-left: 0%;
		margin-right: 0%;
	}
	.row{
		transform: scale(0.8);	
	}
}
@media (max-width: 900px){
	.row{
		
		margin-left: 0%;
		margin-right: 0%;
	}
	.row{
		transform: scale(0.7);	
	}
}
@media (max-width: 784px) {
	.first{
		margin-top: 20%;
	}
    .row {
		border-bottom:none;
        flex-direction: column; /* 在手机屏幕上改为单列布局 */
    }
	.row{
		margin-bottom: -200px;
		transform: scale(0.7);		
	}
    .col {
        margin-bottom: 2rem; /* 增加列之间的间距 */
    }
}










/*为什么删了搜索栏样式就变了？*/
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: 1450px) {
	
    .QRcode {
        margin-top: 4.25rem;
        padding-bottom: 6.25rem;
        display: flex;
        justify-content: center; /* 整体居中 */
    	/*background: linear-gradient(to bottom, transparent 12.5%, #eef3fa 12.5%);*/
    }
}
@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 {
		margin-top: 0;
        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; /* 保持图片的纵横比 */
    }
}