.services-container {
    width: 1200px;
    margin: 0 auto;
}

.services-title {
    padding: 20px 0;
}

.services-body {
    overflow: auto;
}

.body-left {
    float: left;
    width: 265px;
}

.body-right {
    float: right;
    width: 848px;
}

.left-title {
    background-color: #333a82;
    color: #fff;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    padding: 0 20px;
}

.left-body {
    color: #333333;
    width: 100%;
    cursor: pointer;
}

.left-body div {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-bottom: 2px solid #eee;
}

.right-title {
    background-color: #333;
    color: #fff;
    padding: 0 20px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.right-body {
    width: 100%;
}

.body-item {
    margin-top: 18px;
    background-color: #f3f3f3;
    padding: 15px;
    overflow: auto;
    cursor: pointer;
}

.item-pic {
    width: 140px;
    height: 105px;
    float: left;
}

.item-pic img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.item-text {
    float: right;
    width: 655px;
}

.item-text div:nth-child(1) {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    height: 40px;
    border-bottom: 2px solid #409EFF;
}

.item-text div:nth-child(2) {
    margin-top: 10px;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.right-page {
    width: 100%;
    text-align: center;
    margin: 30px 0 50px 0;
}

.title-active {
    background-color: rgb(35, 85, 152);
    color: #fff;
}

.info-body {
    width: 100%;
    min-height: 500px;
}

.hidden {
    display: none;
}

@media screen and (max-width:765px) {
    .services-container {
        width: 100%;
    }

    .services-title {
        text-align: center;
    }

    .body-left {
        width: 100%;
    }

    .body-right {
        width: 100%;
    }

    .item-text {
        width: 100%;
    }

    .layui-btn,
    .layui-edge,
    .layui-inline,
    img {
        width: 100%;
        object-fit: scale-down;
    }

}