﻿.home-design.home-contrus {
    background: #fff;
}

    .home-design.home-contrus .p-title-cate:before {
        content: "";
        position: absolute;
        background: #3275b6;
        left: 0;
        top: 0;
        width: 49px;
        height: 2px;
        bottom: 0;
        margin: auto;
    }

    .home-design.home-contrus .p-title-cate {
        text-align: left;
        position: relative;
        padding-left: 59px;
        color: #4a4a4a;
    }

    .home-design.home-contrus .p-title {
        color: #3275b6;
    }

    .home-design.home-contrus .p-descript {
        color: #4a4a4a;
    }

    .home-design.home-contrus .r-top-design-h .p-btn-more span {
        color: #3275b6;
        border-color: #3275b6;
    }

        .home-design.home-contrus .r-top-design-h .p-btn-more span:before {
            background: #3275b6;
        }

        .home-design.home-contrus .r-top-design-h .p-btn-more span:hover {
            color: #fff;
            border-color: #fff;
        }

            .home-design.home-contrus .r-top-design-h .p-btn-more span:hover img {
                filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(204deg) brightness(103%) contrast(104%);
            }

    .home-design.home-contrus .grid.wide {
        max-width: 1220px;
    }

    .home-design.home-contrus .top-c-design-h {
        padding: 0;
    }

    .home-design.home-contrus .home-design-list {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 18px;
        row-gap: 18px;
    }

        .home-design.home-contrus .home-design-list .p-design-item {
            height: 265px;
        }

            .home-design.home-contrus .home-design-list .p-design-item .p-design-title {
                font-size: 16px;
                text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
            }

            .home-design.home-contrus .home-design-list .p-design-item .p-design-place span {
                font-size: 14px;
                text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
            }

            .home-design.home-contrus .home-design-list .p-design-item .img-decor-desgin-d {
                margin-bottom: 25px;
            }

.list-three-design {
    display: flex;
    margin-bottom: 18px;
}

.home-design.home-contrus .r-two-design .home-design-list {
    display: grid;
    grid-auto-rows: minmax(min-content, max-content);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: 18px;
    row-gap: 18px;
}

.home-design.home-contrus .l-one-design .home-design-list {
    display: block;
    height: 100%;
}

.l-one-design {
    width: 66%;
}

.home-design.home-contrus .home-design-list .p-design-item .p-design-content {
    background: rgb(0 0 0 / 40%);
    padding: 0 16px;
}

.home-design.home-contrus .home-design-list .p-design-item .img-decor-desgin-d img {
    width: 92px;
}

.r-two-design {
    flex: 1 1 0;
    margin-left: 18px;
}

.home-design.home-contrus .l-one-design .home-design-list a.p-design-item {
    height: 548px;
}

.home-design.home-contrus .home-design-list .p-design-item .p-design-content .content-top {
    transform: translateY(28px);
}

.home-design.home-contrus .l-one-design .home-design-list .p-design-item .p-design-content .content-top {
    transform: none;
}
/*RS*/
@media(max-width:1023px) {
    .list-three-design {
        flex-direction: column;
        margin-bottom: 10px;
    }

    .home-design.home-contrus .home-design-list .p-design-item .p-design-content .content-top {
        transform: translateY(38px);
    }

    .l-one-design {
        width: 100%;
    }

    .home-design.home-contrus .home-design-list .p-design-item {
        height: 162px;
    }

    .r-two-design {
        margin-left: 0;
        margin-top: 10px;
    }

    .home-design.home-contrus .home-design-list .p-design-item:nth-child(3) {
        display: none;
    }

    .home-design.home-contrus .r-two-design .home-design-list {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    .home-design.home-contrus .home-design-list {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    .home-design.home-contrus .l-one-design .home-design-list a.p-design-item {
        height: auto;
    }
}