.City-Banner .Banner {
	height: 32.5rem;
}

.city-introduce {
	background: rgba(255, 255, 255, .8) !important;
}

.city-apply-card {
	background: rgba(23, 64, 181, 0.8) !important;
}

.city-apply-card span {
	color: #000 !important;
}

.Home-Enter .home-apply .city-apply-card:hover {
	background-color: rgba(35, 191, 128, .8) !important;
}

.home-serve {
	margin: 7.06rem auto 0;
	transition: width 300ms
}

.home-serve h3 {
	text-align: center;
	margin-bottom: 3.06rem;
	font-size: 1.75rem;
	font-weight: 400;
}

.home-serve .chunk ul li {
	width: 13.51rem;
	height: 21.25rem;
	background: #F6F6F6;
	border-radius: 0.38rem;
	position: relative;
	cursor: pointer;
	border: 2px solid #F6F6F6;
	transition: all .15s;
	margin-left: 1.88rem;
}

.home-serve .chunk ul li:hover {
	border-color: #1740B5;
	background-color: #FFFFFF;
}

.home-serve .count {
	width: 2rem;
	height: 2rem;
	line-height: calc(2rem - 4px);
	text-align: center;
	background: #1740B5;
	border-radius: 50%;
	color: #FFFFFF;
	border: 2px solid #1740B5;
	position: absolute;
	top: 50%;
	left: -1em;
	transform: translateY(-50%);
	font-style: unset;
	transition: all .15s;
	/* box-sizing: content-box; */
}

.home-system ul li {
	cursor: pointer;
}

.home-serve ul li:hover .count {
	background: #FFFFFF;
	border: 0.13rem solid #1740B5;
	color: #1740B5;
	line-height: 1.9rem;
}

.home-serve .chunk ul li:first-of-type {
	margin-left: 0;
}

.home-serve img {
	width: 6.28rem;
	height: 6.33rem;
}

.home-serve span {
	margin-top: 3.25rem;
	font-weight: 600;
}

.home-serve ul li:hover span {
	color: #1740B5;
}




.home-system {
	margin: 7.06rem auto 7.06rem;
	user-select: none;
}

.home-system h3 {
	text-align: center;
	margin-bottom: 3.06rem;
	font-size: 1.75rem;
	font-weight: 400;
}

.home-system .chunk ul li {
	margin: 0 1rem;
}

.home-system .chunk ul li svg {
	transition: 0.3s;
}

.home-system .chunk ul li:hover svg {
	transform: scale(1.1);
}

.home-system ul li img {
	width: 1.63rem;
	height: 1.75rem;
}

.home-system ul li .title {
	line-height: 1.63rem;
	font-weight: 600;
	margin-top: 0.8rem;
	display: block;
}

.home-system ul li .ms {
	font-size: 1rem;
	color: #ccc;
}

.home-park {
	background: #FFFFFF;
	margin: 0 auto 7.69rem;
}

.home-park .card {
	width: 23rem;
	height: 31.88rem;
	margin-right: 3rem;
	margin-top: 2.38rem;
	cursor: pointer;
	transition: 0.15s ease-out;
}

.home-park .card:last-child {
	margin-right: 0;
}

.home-park .card:hover {
	background: #1740B5;
	color: #FFFFFF;
	border: none;
}

.home-park .card a {
	border: none;
	color: #000;
}

.home-park .card:hover a {
	color: #fff;
}

.home-park .card a .cardT img {
	width: 100%;
	height: 15.88rem;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.home-park .card:hover a .cardT img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.home-park .cardB {
	margin: 2.25rem 2.6rem 0;
}

.home-park .card:hover .cardB p {
	color: #FFFFFF;
	--line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: var(--line-clamp);
	-webkit-box-orient: vertical;
}

.home-park .cardB p {
	color: #696868;
	font-size: 0.88rem;
	margin: 1.69rem 0;
	--line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: var(--line-clamp);
	-webkit-box-orient: vertical;
}

.home-park .bs {
	color: var(--bs-theme);
}

.home-park .card:hover .bs {
	color: white;
}

.Enterprises {
	background-image: url(../imgs/city/enterprise_bg.png);
}

.Enterprises h2 {
	color: #000;
}

.park-enterprises {
	height: 26.25rem;
	background-color: #F6F6F6;

}

.park-enterprises .card-row {
	/* width: 74.88rem; */
	background-color: #fff;
	height: 11.81rem;
	line-height: 11.8rem;
	margin-top: 2.38rem;
}

.park-enterprises .card-row img {
	width: 7.38rem;
	height: auto;
}

.park-enterprises-inner {
	width: 62.5%;
	margin: 0 auto;
}