/*        body,
        html {
            html {
              width: 800px;
              height: 600px;
            }

        } */

@media (min-width:520px) {

	.ac-bt {
		margin-top: 20px;
		margin-left: 1.47rem;
	}

	.ac-bt p {
		font-size: 14px;
		color: #818181;
	}

	.ac-card {
		display: flex;
		justify-content: center;
		align-items: center;
		
	}

	.ac-card a {
		text-decoration: none;
		/* 去除默认的下划线 */
	}

	.ac-card-1 {
		width: 7rem;
		height: 200px;
		border: 1px solid #ccc;
		border-radius: 8px;
		transition: transform 0.2s ease;
		margin-bottom: 20px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		border: 2px solid transparent; /* 初始边框为透明 */
		transition: border-color 0.3s, box-shadow 0.3s; /* 平滑过渡 */
	}
	
	.ac-card-1:hover {
	  border-color: #0f5a0f; /* 鼠标悬停时边框颜色 */
	  box-shadow: 4px 4px 8px rgba(15, 76, 15, 0.5); /* 鼠标悬停时阴影效果 */
	}


	.ac-card-1 h3 {
		font-size: 16px;
		color: black;
		font-weight: 600;
		margin: 10px 0;
		padding-left: 10px;
	}

	.ac-card-1 p {
		font-size: 12px;
		color: #818181;
		padding-left: 10px;
		margin-bottom: 0;
	}


	.ac-card-1 img {
		width: 100%;
		height: 120px;
		border-radius: 8px 8px 0 0;
	}

	/* 	.ac-card-1:hover {
		transform: scale(1.1);
		z-index: 1;
	} */

	/* 	.ac-card-1:hover img {
		transform: scale(1.1);
	} */
	#pagination{
		text-align: right;
		margin-right: 1.4rem;
		margin-bottom: .1rem; 
	}
}

@media (max-width:520px) {

	.ac-bt {
		color: #818181;
		margin: 10px;
	}

	.ac-card {
		margin: 10px;
		margin-bottom: 30px;
	}

	.ac-card-1 {
		padding: 10px;
		width: 100%;
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}


	.ac-card-1 h3 {
		color: black;
		font-size: 15px;
		font-weight: 600;
		
	}

	.ac-card-1 p {
		margin-bottom: 0;
		font-size: 12px;
		color: #818181;
	}
	
	.ac-card-1 img{
		width: 100%;
		height: 2rem;
	}

	.pphd-img img {
		width: 100%;
		height: 2rem;
	}

	#pagination{
		margin-left:10px; 
		margin-right:10px; 
		margin-bottom:10px;
		
	}

}