.contact_us {
    display: flex;
    margin-bottom: 50px;
    justify-content: space-between;
}

.contact_us .left {
    width: 240px;
}

.contact_us .right {
    width: 930px;
}

.contact_us h3 {
    font-size: 18px;
    padding: 10px;
    color: rgba(80, 80, 80, 1);
    background-color: rgba(253, 208, 0, 1);
}

.contact_us .left .product_list {
    margin-bottom: 15px;
    border: 1px solid rgba(229, 229, 229, 1);
    padding: 0 7px 15px;
}

.contact_us .left .product_list li {
    margin-top: 15px;
}

.contact_us .left .product_list li a {
    display: flex;
    align-items: center;
    color: rgba(80, 80, 80, 1);
}

.contact_us .left .product_list img {
    width: 100px;
    height: 100px;
}

.contact_us .left .product_list span {
    display: inline-block;
    width: 135px;
    padding-left: 5px;
    box-sizing: border-box;
}

.contact_us .online_service {
    border: 1px solid rgba(229, 229, 229, 1);
    padding: 15px;
}

.contact_us .online_service .service {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(229, 229, 229, 1);
}

.contact_us .online_service .service li {
    width: 50%;
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
}

.contact_us .online_service .service li .img {
    display: none;
    width: 100px;
    height: 100px;
    position: absolute;
}

.contact_us .online_service .service li.show-img-wrap:hover .img {
    display: block;
}

.contact_us .online_service .bellow {
    margin-top: 15px;
}

.contact_us .online_service .bellow h4 {
    margin-bottom: 15px;
}

.contact_us .right .map_code {
    height: 500px;
}