.home-service-guanxiang{padding:100px 0 0;}
.home-service-guanxiang .title{text-align:center;}
.home-service-guanxiang .title h3{font-size:36px;line-height:1;color:#212121;font-weight:700;}

.home-service-guanxiang ul{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.home-service-guanxiang ul li{width:31%;position:relative;padding-bottom:40px;text-align:center;border-bottom:2px solid #d1daeb;}
.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 ul li span {display:block;transition:.3s all;}
.home-service-guanxiang ul li h5{margin-top:35px;color:#212121;font-weight:700;font-size:20px;line-height:1;}
.home-service-guanxiang ul li p{margin-top:20px;font-size:16px;color:#333;line-height:30px;}

.home-service-guanxiang .main-href {margin-top:50px;text-align:center;}
.home-service-guanxiang .main-href a {display:inline-block;padding:15px 60px;background:var(--color-primary);color:#fff;font-size:16px;cursor:pointer;}
.home-service-guanxiang .main-href a:hover {background:#2054b5;text-decoration:none;}


.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:1550px) {
.home-service-guanxiang{padding:90px 0 0;}
.home-service-guanxiang .title h3{font-size:35px;}
}

@media screen and (max-width:1441px) {
.home-service-guanxiang{padding:80px 0 0;}
.home-service-guanxiang .title h3{font-size:34px;}
}

@media screen and (max-width:1367px) {
.home-service-guanxiang{padding:70px 0 0;}
.home-service-guanxiang .title h3{font-size:33px;}
.home-service-guanxiang .main-href {margin-top:45px;}
}

@media screen and (max-width:1280px) {
.home-service-guanxiang{padding:60px 0 0;}
.home-service-guanxiang .title h3{font-size:32px;}
.home-service-guanxiang .main-href {margin-top:40px;}
}

@media screen and (max-width:1171px){
.home-service-guanxiang{padding:50px 0 0;}
.home-service-guanxiang .title h3{font-size:31px;}

}

@media screen and (max-width:992px){
.home-service-guanxiang{padding:40px 0 0;}
.home-service-guanxiang .title h3{font-size:30px;}

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

}

@media screen and (max-width:768px){
.home-service-guanxiang{padding:30px 0 0;}
.home-service-guanxiang .title h3{font-size:28px;}
.home-service-guanxiang .main-href {margin-top:30px;}
}

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


}

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

}	


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

}