.customer-service_cols{padding:90px 0;}
.customer-service_cols .tit{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.customer-service_cols .tit h3{font-size:34px;color:var(--title-text-color);font-weight:700;line-height:1;position:relative;}
.customer-service_cols .tit h3::before{content:"";width:30px;height:2px;background:#666;display:inline-block;position:absolute;left:-48px;top:calc(50% - 1px);}
.customer-service_cols .tit a{font-size:13px;color:#2e2e2e;line-height:25px;border-bottom:1px solid #2E2E2E;}
.customer-service_cols .tit a i{font-size:18px;vertical-align:middle;}
.customer-service_cols .tit a:hover{color:rgba(46,46,46,0.6);border-bottom-color:rgba(46,46,46,0.6);}

.customer-service_cols ul{margin:55px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.customer-service_cols ul li{text-align:center;width:20%;padding:5px 25px;box-sizing:border-box;cursor:pointer;}
.customer-service_cols ul li .box{padding:53px 20px 20px;box-sizing:border-box;height:100%;border-radius:15px;box-shadow:0 0 20px rgba(157,158,157,0.43);position:relative;}
.customer-service_cols ul li .ico{width:70px;height:70px;margin:0 auto;position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.customer-service_cols ul li .ico img{height:53px;position:relative;z-index:20;}
/*.customer-service_cols ul li .ico::after{content:"";width:33px;height:33px;background:#E6E6E6;display:block;position:absolute;right:0;bottom:0;transition:all 0.3s ease 0s;}*/
.customer-service_cols ul li h5{font-size:22px;line-height:1;color:#2e2e2e;margin:20px 0 10px;}
.customer-service_cols ul li p{font-size:17px;color:#666;line-height:28px;margin:30px 0 0;}

.customer-service_cols ul li:hover .ico::after{width:100%;height:100%;}


.customer-service_cols .container{
    max-width: 1400px;
}

.service_one img{
    width: 12rem;
/*    height: 12rem;*/
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 2px 2px 5px #b5b5b5;
    object-fit: contain;
    transition: all 0.6s;
    display: block;
}
.service_button{
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}
.service_button span{
    width: max-content;
    background: #6b277f;
    padding: 0 10px;
    margin: 4px 5px;
    border-radius: 6px;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 28px;
}
.service_button span:hover{
    background: #ea830a;
}
.service_button span a{
    color: white;
}
.service_button span a:hover{
    color: #6b277f;
}


@media screen and (max-width:1400px){
    .customer-service_cols ul li h5{font-size:20px;margin:30px 0 0;font-weight: bold;}
    .customer-service_cols ul li p{font-size:16px;line-height:24px;margin:25px 0 0;}

    .customer-service_cols .tit h3{font-size:32px;}

}

@media screen and (max-width:1280px){
    .customer-service_cols{padding:70px 0;}
}

@media screen and (max-width:992px){
    .customer-service_cols{background-size:cover;}
    .customer-service_cols ul{margin:40px 0 0;border-left:none;}
    .customer-service_cols ul li{width:50%;padding:20px 15px;}
    .customer-service_cols ul li:nth-child(2n){border:none;}
/*    .customer-service_cols ul li:nth-child(n+3){border-top:1px solid #E5E5E4;}*/
    .customer-service_cols ul li h5{font-size:18px;margin:15px 0 10px;}
    .customer-service_cols ul li p{line-height:22px;margin:15px 0 0;}
}

@media screen and (max-width:768px){
    .customer-service_cols{padding:30px 0;}
    .customer-service_cols .tit h3{font-size:28px;}

}

@media screen and (max-width:600px) {
    .customer-service_cols .tit h3{font-size:25px;}

    .customer-service_cols ul li{width:50%;padding:20px 10px;}
/*    .customer-service_cols ul li+li{border-top:1px solid #E5E5E4 !important;}*/
}

@media screen and (max-width:480px) {
    .service_one img{
        width: 9rem;
    }
    .customer-service_cols .tit h3{font-size:32px;}
}