.solutions {
    padding-top: 10px;
    text-align: right;
}

.solutions hr {
    margin: 0;
}

.solutions-nav span,
.solutions-nav__all {
    display: inline-block;
    padding: 10px;
    line-height: 36px;
    margin: 0 10px;
    cursor: pointer;
}

.solutions .w {
    position: relative;
}

.solutions-nav__all {
    position: absolute;
    left: 0;
}


.solutions-nav span.active,
.solutions-nav__all.active {
    color: #3399ff;
}

.solutions-content,
.solutions-content__all {
    margin-top: 60px;
    text-align: left;
}


.solutions-content li,
.solutions-content__all li {
    display: inline-block;
    width: 380px;
    border: 1px solid #cbcccc;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
    vertical-align: middle;
}

.solutions-content li.nodata,
.solutions-content__all li.nodata {
    text-align: center;
    color: #3399ff;
    width: 100%;
    border: 0;
    font-size: 22px;
}

.solutions-content li:nth-child(3n-1),
.solutions-content__all li:nth-child(3n-1) {
    margin: 0 20px 20px;
}


.solutions-content li img,
.solutions-content__all li img {
    width: 100%;
    height: 263px;
}

.solutions-content__bottom {
    padding: 10px 0;
}

.solutions-content li .title,
.solutions-content__all li .title {
    padding: 0 10px;
    color: #0f6cad;
    font-size: 16px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
}


.solutions-content li .desc,
.solutions-content__all li .desc {
    padding: 0 10px;
    color: #333;
    font-size: 14px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
}