.head-page .contact_item>a span{
    color: #50C4D6;
}
.head-page .contact_item>a:after {
    transform: scale(1);
    opacity: 1;
}

.contact_map {
    height: 650px;
    position: relative;
    margin-top: 80px;
}
.contact_map img {
    max-width: initial;
}
.allmap_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 3;
}
.map_box {
    padding: 40px 55px;
    box-sizing: border-box;
    width: 558px;
    background: #FEFEFF;
    margin-left: auto;
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
}
.map_box::after {
    content: "";
    display: block;
    width: 100%;
    height: 333px;
    background: url(../img/contact_map_bg.png) no-repeat center/cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.map_box .page_title {
    position: relative;
    z-index: 1;
}
.map_texts {
    margin: 20px 0 25px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.map_texts .map_item {
    margin-bottom: 8px;
}
.map_texts .map_item .map_tit{
    display: flex;
    align-items: center;
}
.map_texts .map_item:last-child {
    margin-bottom: 0;
}
.contact_map .map_tit img {
    margin-right: 13px;
    max-width: 16px;
}
.map_texts .map_item a.map_text{
    color: #666;
}
.map_ewms_box{
    width: 100px;
    margin-right: 20px;
}
.map_ewms_box:last-child{
    margin-right: 0;
}
.map_ewms_box img{
    max-width: 100%;
}
@media only screen and (max-width: 1600px) {
    .map_box{
        right: 5%;
    }
}
@media only screen and (max-width: 1480px) {
    .map_box{
        right: 5%;
    }
}
@media only screen and (max-width: 1240px) {
    .contact_map{
        margin-top: 75px;
    }
}
@media only screen and (max-width: 1200px) {
    .contact_map{
        margin-top: 70px;
    }
}
@media only screen and (max-width: 1140px) {
    .map_box {
        right: 4.5%;
    }
}
@media only screen and (max-width: 768px) {
    .allmap_content{
        position: initial;
        transform: translate(0);
        margin-bottom: 20px;
    }
    .contact_map {
        margin-top: 30px;
    }
    .contact_map .map_tit img{
        margin-right: 5px;
    }
    .contact_map {
        height: auto;
        display: flex;
        flex-direction: column-reverse;
    }
    .contact_map #allmap{
        height: 235px!important;
    }
    .map_box {
        padding: 20px 15px;
        width: 100%;
        height: auto;
        position: initial;
        transform: translateY(0);
    }
    .map_box::after{
        height: 265px;
    }
    .map_texts{
        margin-top: 20px;
    }
    .map_ewms_box{
        width: 100px;
    }
}