.contact {
    padding: 0 5vw;
}

.map {
    width: 90vw;
    height: 58vw;
    background-color: pink;
    margin-bottom: 5vw;
}
.contact-list {
    /* border-left: 1px dashed #B8B8B8; */
    padding-left: 3vw;
}
.contact-item {
    border-left: 1px dashed #B8B8B8;
    padding-bottom: 7vw;
}
.contact-item:nth-last-child(1) {
    padding-bottom: 0;
}

.item-title {
    display: inline-block;
    padding: 3vw 4.5vw;
    border: 1px solid #98B9CF;
    color: #07578D;
    background-color: #E9F0F6;
    font-size: 4vw;
    font-weight: 600;
    margin-left: -3vw;
}
.item-con {
    padding-left: 3vw;
}
.item-con >div {
    display: flex;
    align-items: center;
    margin-top: 5vw;
}
.item-con >div a,
.item-con >div span {
    display: inline-block;
    margin-right: 3vw;
    font-size: 4vw;
    font-weight: 600;
}
.item-con >div >.item-img {
    width: 6vw;
    height: 6vw;
    background-position: center;
    background-size: cover;
}
.item-con >div span:nth-child(2) {
    color: #141414;
}
.item-con >div a,
.item-con >div span:nth-child(3) {
    color: #696969;
}
.item-con >div a:active{
    color: #01538a;
}
.item-code {
    justify-content: space-between;
}
.item-code  .code-img{
    width: 40vw;
}