.map {
  width: 100%;
  height: 581px;
}



/* .phone {
  position: absolute;
  top: 107px;
  left: 401px;
}

.phone>h5 {
  margin-top: 5px;
  font-size: 18px;
  color: #353535;
}

.phone>span {
  font-size: 14px;
  line-height: 30px;
  color: #535353;
}

.online {
  position: absolute;
  top: 107px;
  left: 710px;
  width: 90px;
}

.online>h4 {
  color: #353535;
  font-size: 18px;
}

.online>ul {
  list-style: none;
}

.online>ul>li {
  float: left;
  list-style: none;
}

.online>ul>li:nth-child(1),
.online>ul>li:nth-child(2) {
  float: left;
  margin-right: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  list-style: none;
} */

.map img {
  display: block;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1600px) {
.list-conatac-show-foot {
  left: 16%;
  width: 65%;
}
}
@media screen and (max-width: 768px) {
  .msg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: auto;
    padding-top: 52px;
    padding-left: 46px;
    opacity: 0.8;
  }
}