.com_art {
    background: #fff;
    padding-bottom: 6.25%;
    margin-top: 0
}

.page_services {
    background: #fff;
    padding: 6.25% var(--all-pd) calc(6.25% + 58px)
}

.page_services .item {
    border: 2px solid #000000;
    margin-top: 280px;
    flex-wrap: wrap;
    position: relative;
    padding: 100px 68px;
    display: flex;
    justify-content: flex-end;
    width: calc(100% - 72px);
    margin-left: 72px
}

.page_services .item:first-child {
    margin-top: 0
}

.page_services .item:nth-child(even) {
    margin-left: 0;
    margin-right: 72px;
    justify-content: unset
}

.page_services .item:nth-child(even) .img {
    left: unset;
    right: -72px
}

.page_services .item .img {
    width: 57.6%;
    height: 114.2%;
    position: absolute;
    top: 20%;
    left: -72px;
    padding: 0
}

.page_services .item .info {
    width: 42.4%;
    float: right
}

.page_services .item .info .tit {
    font-family: Open Sans;
    font-weight: bold;
    font-size: 64px;
    font-size: 34px;
    color: #000000;
    line-height: 1em;
    /* max-height: 2em; */
    overflow: hidden
}

.page_services .item .info .des {
    margin-top: 24px;
    font-weight: 400;
    font-size: 16px;
    color: #777;
    line-height: 28px;
    /* max-height: 280px; */
    overflow-y: auto
}

@media screen and (max-width:1660px) {
    .page_services {
        padding: 4% var(--all-pd) calc(7% + 58px)
    }

    .page_services .item {
        padding: 80px 48px
    }

    .page_services .item .info .tit {
        font-size: 28px
    }
}

@media screen and (max-width:1366px) {
    .page_services .item {
        padding: 60px 38px;
        margin-top: 260px
    }

    .page_services .item .img {
        top: 14%
    }

    .page_services .item .info {
        width: 44.5%
    }

    .page_services .item .info .tit {
        font-size: 38px;
        max-height: 76px
    }
}

@media screen and (max-width:1124px) {
    .page_services {
        padding: 4% var(--all-pd) calc(4%)
    }

    .page_services .item {
        flex-direction: column;
        width: 100%;
        margin: 30px 0 0;
        padding: 0;
        border: unset
    }

    .page_services .item:nth-child(even) .img {
        right: unset
    }

    .page_services .item .img,
    .page_services .item .info {
        position: unset;
        margin: 0;
        width: 100%;
        float: unset
    }

    .page_services .item .img {
        position: relative;
        top: unset;
        left: unset;
        height: 0;
        padding-bottom: 70%
    }

    .page_services .item .info {
        margin-top: 20px
    }

    .page_services .item .info .tit,
    .page_services .item .info .des {
        max-height: unset
    }

    .page_services .item .info .tit {
        font-size: 18px
    }

    .page_services .item .info .des {
        margin-top: 5px
    }
}