@media screen and (max-width: 576px) {
	.home-min .grad-min {
		display: grid;
		grid-gap: 0.16rem;
		grid-template-columns: repeat(3, 1.01rem);
		grid-template-rows: repeat(auto-fill, 1.01rem);
		width: 100%;
	}

	.ip0 {
		grid-row: span 2;
		grid-column: span 2;
	}
}

@media (min-width: 577px) and (max-width: 990px) {
	.home-min .grad-min {
		display: grid;
		grid-gap: 0.16rem;
		grid-template-columns: repeat(6, 1.01rem);

		grid-template-rows: repeat(auto-fill, 1.01rem);
		width: 100%;
	}

	.ip0 {
		grid-row: span 2;
		grid-column: span 2;
	}
}

@media (min-width: 991px) and (max-width: 1320px) {
	.home-min .grad-min {
		display: grid;
		grid-gap: 0.16rem;
		grid-template-columns: repeat(10, 1.01rem);

		grid-template-rows: repeat(auto-fill, 1.01rem);
		width: 100%;
	}

	.ip0 {
		grid-row: span 2;
		grid-column: span 2;
	}
}

@media screen and (min-width: 1321px) {
	.home-min .grad-min {
		display: grid;
		grid-gap: 0.16rem;
		grid-template-columns: repeat(14, 1.01rem);

		grid-template-rows: repeat(auto-fill, 1.01rem);
		width: 100%;
	}

	.ip0 {
		grid-row: span 2;
		grid-column: span 2;
	}
}

.introduce-min {
	display: flex;
	padding: 0.18rem;
	flex-direction: column;
	gap: 0.16rem;
	background: #fff;
}

.introduce-min .title {
	font-size: 0.2rem;
	font-weight: bold;
}

.introduce-min .text {
	font-size: 0.16rem;
}