#main > .contact_list {
  width: 1000px;
  margin: -10px auto 0;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
}
#main > .contact_list > .contact_item {
  margin: 30px 0;
  width: 50%;
}
#main > .contact_list > .contact_item > .icon_box {
  margin: 0 20px 0 70px;
  height: 60px;
  width: 60px;
  line-height: 60px;
  border-radius: 50%;
  text-align: center;
}
#main > .contact_list > .contact_item > .icon_box.FFB70D {
  background-color: #FFB70D;
}
#main > .contact_list > .contact_item > .icon_box.bg_4287ee {
  background-color: #4287EE;
}
#main > .contact_list > .contact_item > .icon_box.bg_73738F {
  background-color: #73738F;
}
#main > .contact_list > .contact_item > .icon_box.bg_FF653F {
  background-color: #FF653F;
}
#main > .contact_list > .contact_item > .icon_box > img {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
#main > .contact_list > .contact_item > .des {
  color: #777;
}
#main > .contact_list > .contact_item > .des > p {
  line-height: 28px;
}
#allmap {
  margin: 50px auto;
  width: 1000px;
  height: 500px;
}


@media screen and (max-width: 768px){
  #main>.tit>.tit_txt{
    font-size: 22px;
  }
  #main > .contact_list{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  #main > .contact_list>.contact_item{
    width: 100%;
  }
  #allmap{
    width: 90%;
    height: 280px;
    margin-left: auto;
    margin-right: auto;
  }
  #main > .contact_list > .contact_item > .icon_box{
    margin-left: 20px;
  }
  #main > .contact_list > .contact_item > .bg_4287ee+.des{
    float: left;
    width: calc(100% - 120px);
  }
}