.application{
	background-color: #fff;
}
.application .box1{
	padding: 100px 0 140px;
}
.application .box1 .box-t{
	display: flex;
	justify-content: space-between;
}
.application .box1 .box-t .box-t-l{
	width: 46.42%;
}
.application .box1 .box-t .box-t-l .text{
	font-family: HarmonyOS Sans SC;
	font-weight: 300;
	font-size: 24px;
	color: #222222;
	line-height: 2;
	margin-top: 50px;
}
.application .box1 .box-t .box-t-r{
	width: 48.17%;
}
.application .box1 .box-t .box-t-r img{
	width: 100%;
}
.application .box1 .box-c{
	margin-top: 87px;
}
.application .box1 .box-c .list{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 60px 70px;
}
.application .box1 .box-c .list .pic{
	border-radius: 20px;
}
.application .box1 .box-c .list .text{
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 18px;
	color: #222222;
	line-height: 1.55;
	margin-top: 25px;
}
.application .box1 .pagination{
	margin-top: 70px;
}
@media (max-width:1440px) {
	.application .box1 .box-t .box-t-l .text{
		font-size: 22px;
		margin-top: 30px;
	}
	.application .box1{
		padding: 100px 0;
	}
	.application .box1 .box-c .list{
		gap: 50px;
	}
}
@media (max-width:1280px) {
	.application .box1 .box-t .box-t-l .text{
		font-size: 20px;
		margin-top: 20px;
	}
	
}
@media (max-width: 1199px) {
	.application .box1{
		padding: 70px 0;
	}
	.application .box1 .box-c{
		margin-top: 45px;
	}
	.application .box1 .box-c .list{
		gap: 45px;
	}
	.application .box1 .pagination{
		margin-top: 45px;
	}
}
@media (max-width: 1024px) {
	.application .box1{
		padding: 60px 0;
	}
	.application .box1 .box-c{
		margin-top: 40px;
	}
	.application .box1 .box-c .list{
		gap: 40px;
	}
	.application .box1 .pagination{
		margin-top: 40px;
	}
	.application .box1 .box-t .box-t-l .text{
		font-size: 18px;
	}
	.application .box1 .box-t .box-t-l{
		width: 49%;
	}
	.application .box1 .box-c .list .text{
		margin-top: 15px;
	}
}
@media (max-width: 768px) {
	.application .box1 .box-t{
		flex-direction: column;
	}
	.application .box1{
		padding: 50px 0;
	}
	.application .box1 .box-c{
		margin-top: 30px;
	}
	.application .box1 .box-c .list{
		gap: 30px;
		grid-template-columns: repeat(2,1fr);
	}
	.application .box1 .pagination{
		margin-top: 30px;
	}
	.application .box1 .box-t .box-t-l{
		width: 100%;
	}
	.application .box1 .box-t .box-t-r{
		width: 100%;
		margin-top: 30px;
	}
}
@media (max-width: 500px) {
	.application .box1 .box-c .list .text{
		font-size: 14px;
		margin-top: 16px;
	}
	.application .box1 .box-t .box-t-r{
		margin-top: 20px;
	}
	.application .box1 .box-t .box-t-l .text{
		font-size: 16px;
		margin-top: 10px;
	}
	.application .box1{
		padding: 40px 0;
	}
	.application .box1 .box-c{
		margin-top: 25px;
	}
	.application .box1 .box-c .list{
		gap: 25px 15px;
	}
}