.pd_container .upimg {
    width: auto;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.pd_container .pic:hover .upimg {
    transform: translate(-50%, -50%) scale(1.06);
}

.peculiarity_bg {
    display: flex;
    padding: 50px 100px;
    box-sizing: border-box;
}

.peculiarity_left,
.peculiarity_right {
    width: 50%;
}

.peculiarity_left {
    display: flex;
    align-items: center;
}

.type_title {
    color: rgb(255, 255, 255);
    font-size: 48px;
    font-weight: 300;
}

.type_info {
    max-width: 360px;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 300;
    line-height: 2;
    margin-top: 40px;
}

.peculiarity_area {
    display: flex;
    justify-content: center;
}

.peculiarity_title {
    position: relative;
    color: rgb(22, 40, 84);
    font-size: 36px;
    font-weight: 400;
    line-height: 48px;
    margin-top: 53px;
}

.peculiarity_title::before,
.peculiarity_title::after {
    content: '';
    position: absolute;
    width: 46px;
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
    background: rgb(22, 40, 84);
}

.peculiarity_title::before {
    left: -70px;
}

.peculiarity_title::after {
    right: -70px;
}

.pecu {
    padding: 50px 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.pecu:nth-child(even) {
    background-color: #F1F4F8;
}

.pecu_num {
    color: rgb(22, 40, 84);
    font-size: 64px;
    font-weight: 700;
}

.pecu_name {
    color: rgb(22, 40, 84);
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;
}

.pecu_line {
    background: url(../images/type/line.png) no-repeat;
    width: 143px;
    height: 3px;
    margin-top: 19px;
}

.pecu_info {
    margin-top: 40px;
    color: rgb(22, 40, 84);
    font-size: 18px;
    font-weight: 300;
    line-height: 2;
}

.pecu_desc {
    color: rgb(22, 40, 84);
    font-size: 18px;
    font-weight: 300;
    line-height: 2;
}

.first_left {
    width: calc(43% - 40px);
}

.first_right {
    width: calc(57% - 40px);
}

.second_left {
    width: 57%;
}

.second_right {
    width: calc(43% - 116px);
}


@media only screen and (max-width: 1536px) {

    .pecu,
    .peculiarity_bg {
        padding: calc(50px / 1.25) calc(100px / 1.25);
    }

    .type_title {
        font-size: calc(48px / 1.25);
    }

    .type_info,
    .pecu_desc,
    .pecu_info {
        font-size: calc(18px / 1.25);
    }

    .pecu_num {
        font-size: calc(64px / 1.25);
    }

    .pecu_name {
        font-size: calc(24px / 1.25);
    }

    .pecu_info {
        margin-top: calc(40px / 1.25);
    }

    .pecu_line {
        width: calc(143px / 1.25);
    }
}

@media only screen and (max-width: 1440px) {

    .pecu,
    .peculiarity_bg {
        padding: calc(50px * 0.75) calc(100px * 0.75);
    }

    .type_title {
        font-size: calc(48px * 0.75);
    }

    .type_info,
    .pecu_desc,
    .pecu_info {
        font-size: calc(18px * 0.75);
    }

    .pecu_num {
        font-size: calc(64px * 0.75);
    }

    .pecu_name {
        font-size: calc(24px * 0.75);
    }

    .pecu_info {
        margin-top: calc(40px * 0.75);
    }

    .pecu_line {
        width: calc(143px * 0.75);
    }
}

@media only screen and (max-width: 1280px) {

    .pecu,
    .peculiarity_bg {
        padding: calc(50px / 1.5) calc(100px / 1.5);
    }

    .type_title {
        font-size: calc(48px / 1.5);
    }

    .type_info,
    .pecu_desc,
    .pecu_info {
        font-size: calc(18px / 1.5);
    }

    .pecu_num {
        font-size: calc(64px / 1.5);
    }

    .pecu_name {
        font-size: calc(24px / 1.5);
    }

    .pecu_info {
        margin-top: calc(40px / 1.5);
    }

    .pecu_line {
        width: calc(143px / 1.5);
    }
}

@media only screen and (max-width: 1024px) {

    .pecu,
    .peculiarity_bg {
        padding: calc(50px / 1.875) calc(100px / 1.875);
    }

    .type_title {
        font-size: calc(48px / 1.875);
    }

    .type_info,
    .pecu_desc,
    .pecu_info {
        font-size: calc(18px / 1.875);
    }

    .pecu_num {
        font-size: calc(64px / 1.875);
    }

    .pecu_name {
        font-size: calc(24px / 1.875);
    }

    .pecu_info {
        margin-top: calc(40px / 1.875);
    }

    .pecu_line {
        width: calc(143px / 1.875);
    }
}

@media only screen and (max-width: 920px) {}

@media only screen and (max-width: 768px) {

    .pecu,
    .peculiarity_bg {
        padding: calc(50px / 2.5) calc(100px / 2.5);
    }

    .first_right,
    .first_left,
    .second_right,
    .second_left {
        width: 100%;
    }

    .type_info,
    .pecu_line,
    .pecu_desc,
    .pecu_info,
    .first_right,
    .second_right {
        margin-top: 10px;
    }

    .pecu_sixth,
    .pecu_fourth,
    .pecu_second {
        flex-direction: column-reverse;
    }


}

@media only screen and (max-width: 500px) {
    .pd_container {
        padding: 10px 0 0 0;
    }

    .peculiarity_title {
        margin-top: 10px;
        font-size: 28px;
    }

    .pecu,
    .peculiarity_bg {
        padding: 10px;
    }
}