/* about主区域 */
.aboutUs section.ws {
    padding-bottom: 150px;
    margin-bottom: 30px;
}

/* 图片 */
.aboutUs section.ws .banner {
    margin-bottom: 48px;
}

/* we to line */
.aboutUs section.ws .title .line {
    width: 120px;
    height: 1px;
    background-color: #ddd;
}

.aboutUs section.ws .title .line p {
    width: 30px;
    height: 3px;
    background-color: var(--main-color);
}


.aboutUs section.ws .do {
    height: 386px;
    background: url(/images/img/c1a143a.png) no-repeat;
    background-size: cover;
}

.aboutUs section.ws .do>img {
    width: 342px;
    height: 230px;
    margin-right: 70px;
}

.aboutUs section.ws .do>div {
    width: 587px;
}

/* 序号 / 描述 */
.aboutUs section.ws .are>div .tit,
.aboutUs section.ws .do>div .tit,
.aboutUs section.ws .sell>div .tit {
    width: 20px;
    height: 35px;
    background: linear-gradient(to bottom right, rgba(68, 96, 155, 0) 0, rgba(68, 96, 155, 0) calc(50% - 1.5px), var(--main-color) 50%, rgba(68, 96, 155, 0) calc(50% + 1.5px), rgba(68, 96, 155, 0));
}

.aboutUs section.ws .are>div .tit span,
.aboutUs section.ws .do>div .tit span,
.aboutUs section.ws .sell>div .tit span {
    position: absolute;
}

.aboutUs section.ws .are>div .tit span:first-child,
.aboutUs section.ws .do>div .tit span:first-child,
.aboutUs section.ws .sell>div .tit span:first-child {
    top: 0;
    right: 15px;
}

.aboutUs section.ws .are>div .tit span:last-child,
.aboutUs section.ws .do>div .tit span:last-child,
.aboutUs section.ws .sell>div .tit span:last-child {
    width: 135px;
    bottom: 0;
    left: 15px;
}


.aboutUs section.ws .are {
    height: 396px;
}

.aboutUs section.ws .are>div {
    width: 420px;
}

.aboutUs section.ws .are>img {
    width: 512px;
    height: 315px;
    margin-left: 70px;
}


.aboutUs section.ws .sell {
    height: 350px;
    background: url(/images/img/2a04fe6.png) no-repeat;
    background-size: cover;
}

.aboutUs section.ws .sell>img {
    width: 435px;
    height: 290px;
    margin-right: 70px;
}

.aboutUs section.ws .sell>div {
    width: 495px;
}


@media screen and (max-width: 1024px) {
    .aboutUs section.ws .banner {
        border-radius: 10px;
        display: block;
        margin-bottom: 12px;
        margin-top: 10px;
        width: 100%;
    }

    .aboutUs section.ws .title,
    .banner01,
    .aboutUs section.ws div img {
        display: none !important;
    }

    .aboutUs section.ws div:not(.tit) {
        background: var(--colorW) !important;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }

    .aboutUs section.ws div>div div {
        margin-left: -20px;
    }

    .aboutUs section.ws div>div p {
        font-size: 12px;
        font-weight: 400;
        line-height: 21px;
        margin-bottom: 15px;
        text-align: center;
    }

    .aboutUs section.ws {
        padding-bottom: 10px;
    }
}