@charset "utf-8";

.head-page .contact_item span{
    color: #fff;
}
.head-page .contact_item>a:after {
    transform: scale(1);
    opacity: 1;
}
.head-page.show .contact_item a span{
    color: #234497;
}
.contact_pg01{
    background: #f4f4f4;
}
.contact_pg01 .maxwidth{
    background: #FFFFFF;
    border-radius: 10px;
    padding: 80px 0;
    box-sizing: border-box;
}
.contact_pg01 .list{
    position: relative;
    width: 31%;
    padding: 0 5%;
    box-sizing: border-box;
}
.contact_pg01 .list:nth-child(2){
    width: 38%;
}
.contact_pg01 .texts{
    margin-top: 25px;
}
.contact_pg01 .text{
    margin-top: 20px;
}
.contact_pg01 .text_icon{
    width: 43px;
    height: 43px;
    background: #F1F4F5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact_pg01 .text_tit {
    padding-left: 15px;
    box-sizing: border-box;
    width: calc(100% - 43px);
}
.contact_pg01 .ewms{
    max-width: 160px;
    margin-top: 40px;
}
.contact_pg01 .list::after{
    content: "";
    display: block;
    width: 1px;
    height: 360px;
    background: #E8E8E8;
    right: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}
.contact_pg01 .list:last-child::after{
    display: none;
}
.contant_map {
    height: 635px;
}
.map-area {
    width: 100%;
    height: 100%;
}
.contant_map img {
    max-width: initial;
}
@media only screen and (max-width: 1480px) {
    .contact_pg01 .list{
        padding: 0 3.5%;
    }
}
@media only screen and (max-width: 1280px) {
    .contact_pg01 .list {
        padding: 0 25px;
    }
}
@media only screen and (max-width: 1043px) {
    .contant_map {
        height: 520px;
    }
}
@media only screen and (max-width: 768px) {
    .contact_pg01 .list {
        padding: 0 15px;
        width: 100%;
        margin-bottom: 25px;
    }
    .contact_pg01 .list:last-child{
        margin-bottom: 0;
    }
    .contact_pg01 .list:nth-child(2) {
        width: 100%;
    }
    .contact_pg01 .maxwidth{
        padding: 30px 0;
    }
    .contant_map {
        height: 265px;
    }
    .contact_pg01 .ewms {
        max-width: 110px;
        margin: 20px auto 0;
    }
    .contact_pg01 .text {
        margin-top: 15px;
    }
    .contact_pg01 .texts {
        margin-top: 20px;
    }
}