/* 用人理念 */
.contact {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 30px 15px;
    background: url(../images/data_header_bg.png);
    background-color: rgba(242, 242, 245, .5);
    box-sizing: border-box;
}

.contact_item {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.contact_item_pic {
    width: 100%;
    height: 322px;
    position: relative;
}

.contact_item_pic::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid #fff;
    transform: rotate(45deg) translateX(5px) translateY(-50%);
}

.contact_item:nth-of-type(2) .contact_item_pic::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: -21px;
    border-top: 10px solid #fff;
    border-right: 10px solid #fff;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    transform: rotate(45deg) translateX(5px) translateY(-50%);
}

.contact_item_pic img {
    max-width: 100%;
}

.contact_item_info {
    font-size: 16px;
    padding: 36px;
    box-sizing: border-box;
    background-color: #fff;
    height: auto;
}

.contact_item_info h3 {
    font-size: 22px;
    color: #333;
    margin: 15px 0;
}

.contact_item_info p {
    font-size: 14px;
    color: #555;
    line-height: 2;
}

@media screen and (max-width:1024px) {
    .contact_item {
        background-color: #fff;
    }
}

@media screen and (max-width:768px) {
    .contact_item:nth-of-type(2) {
        display: flex;
        flex-direction: column-reverse;
    }

    .contact_item .contact_item_pic::after {
        display: none;
    }
}

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

    .contact_item_pic,
    .contact_item_info {
        height: auto;
    }

    .contact_item_info {
        padding: 15px;
    }

}