/* client_ul */
.client_box{padding-top: 3%;}
.client_item{border-bottom: 1px solid #E3E3E3; padding-bottom: 4%;}
.client_item:nth-child(n+2){margin-top: 4%;}
.client_item .pic{width: 31.5%; padding-bottom: 31.5%; border-radius: 12px;}
.client_item .client_info{width: 65%;}
.client_item .client_info .title{font-weight: bold; font-size: 40px;}
.client_item .client_info .brief{color: #666; line-height: 28px; margin-top: 5px;}
.client_item .client_info .btns{margin-top: 26px;}
.client_item .client_info .btns .more{display: inline-block; height: 42px; border: 2px solid var(--commonColor); border-radius: 50px; padding: 0 22px 0 38px; color: var(--commonColor); line-height: 38px; font-weight: bold; margin-right: 24px; background: url(../img/more_h.png) no-repeat 22px center;}
.client_item .client_info .btns .more:last-child{margin-right: 0;}
.client_item .client_info .btns .more:hover{background-color: var(--commonColor); background-image: url(../img/more.png); color: #fff;}


@media only screen and (max-width: 1450px) {
    .client_item .client_info .title{font-size: 34px;}
    .client_item .client_info .btns{margin-top: 20px;}
}
@media only screen and (max-width: 1300px) {
    .client_item .client_info .title{font-size: 28px;}
    .client_item .client_info .btns{margin-top: 15px;}
    .client_ul{zoom: 0.95;}
}
@media only screen and (max-width: 980px) {
    .client_box{padding-top: 20px;}
    .client_ul{zoom: 1;}
    .client_item{flex-direction: column; padding-bottom: 20px;}
    .client_item:nth-child(n+2){margin-top: 20px;}
    .client_item .pic{width: 100%; padding-bottom: 100%;}
    .client_item .client_info{width: 100%; margin-top: 15px;}
    .client_item .client_info .title{font-size: 24px;}
    .client_item .client_info .brief{line-height: 26px;}
    .client_item .client_info .btns .more{margin-right: 16px;}
}