.home-service-guanxiang{padding:40px 0 80px;}


.home-service-guanxiang .main-href {
	margin-top: 50px;
	text-align: center;
}

.home-service-guanxiang h2 a,
.home-service-guanxiang h3 a {
	font-family: var(--title-font-family);
}

.home-service-guanxiang h2,
.home-service-guanxiang h2 a {
	font-size: 22px;
}


.home-service-guanxiang .wp {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: auto;
}

.home-service-guanxiang .title{text-align:center;}
.home-service-guanxiang .title h2{font-size:clamp(22px, 2.1vw, 40px);line-height:1;font-weight:400;}

.home-service-guanxiang ul{margin-top:80px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.home-service-guanxiang ul li{width:31%;position:relative;padding-bottom:20px;text-align:center;}
.home-service-guanxiang ul li span{display:block;transition:.3s all;}
.home-service-guanxiang ul li span img{height:120px;}
.home-service-guanxiang ul li h3{margin-top:35px;font-size:22px;font-weight:400;}
.home-service-guanxiang ul li p{margin-top:20px;font-size:16px;line-height:24px;}





.home-service-guanxiang ul li::after {
	content: ' ';
	position: absolute;
	z-index: 2;
	bottom: -2px;
	left: 50%;
	width: 100%;
	height: 2px;
	transform: translate(-50%);
}



.home-service-guanxiang .main-href a {
	display: inline-block;
	padding: 15px 60px;
	background: var(--color-primary);
	border-radius: var(--button-radius);
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}

.home-service-guanxiang .main-href a:hover {
	background: var(--color-primary);
}



.home-service-guanxiang .home-ourtxt h3 a:hover,
.home-service-guanxiang .title h2 a:hover {
	color: var(--color-primary);
	text-decoration: underline;
}

.home-service-guanxiang .title p {
	font-size: 17px;
}

@media screen and (min-width:768px){
.home-service-guanxiang ul li:hover::after{animation:ad_width .5s linear forwards;background:#5274b6;}
}

@keyframes ad_width {
	from {
		width: 0
	}

	to {
		width: 100%;
	}
}


@media screen and (max-width: 1441px) {
.home-service-guanxiang{padding:30px 0 70px;}
.home-service-guanxiang ul{margin-top:70px;}
.home-service-guanxiang ul li h3{margin-top:30px;font-size:20px;}
}

@media screen and (max-width: 1280px) {
.home-service-guanxiang{padding:20px 0 60px;}
.home-service-guanxiang .main-href a{padding: 15px 50px;}
.home-service-guanxiang ul{margin-top:60px;}
.home-service-guanxiang ul li span img{height:80px;}
.home-service-guanxiang ul li h3{margin-top:25px;font-size:18px;}


}

@media screen and (max-width:992px) {


	.home-service-guanxiang .main-href a {
		font-size: 14px;
		padding: 12px 42px;
	}

	.home-service-guanxiang .main-href a:nth-child(2) {
		margin-left: 0;
		margin-top: 10px;
		padding: 15px 49px;
	}

	.home-service-guanxiang h3,
	.home-service-guanxiang h3 a {
		font-size: 18px;
	}

	.home-service-guanxiang .title p {
		font-size: 15px;
	}


.home-service-guanxiang ul li{width:48%;}
.home-service-guanxiang ul li:last-child{width:100%;}


}

@media screen and (max-width:768px){
.home-service-guanxiang{padding:20px 0 30px;}
.home-service-guanxiang ul{margin-top:30px;}
.home-service-guanxiang ul li span img{height:60px;}
.home-service-guanxiang ul li h3{margin-top:15px;font-size:17px;}
.home-service-guanxiang ul li p{margin-top:15px;font-size:15px;line-height:22px;}
}

@media screen and (max-width:640px) {

.home-service-guanxiang ul{margin-top:15px;}
.home-service-guanxiang ul li{width:100%;padding:15px 0;}

}

@media screen and (max-width:480px) {
.home-service-guanxiang ul li h3{margin-top:10px;font-size:16px;}
.home-service-guanxiang ul li span img{height:50px;}
.home-service-guanxiang ul li p{margin-top:10px;font-size:14px;}
}