body {
  background-color: #f9f9f9;
}

/* pc样式 */
@media screen and (min-width:768px) {
  #banner {
    background-image: url('../images/contact/banner-p.png');
    height: 416px;
    margin-top: 100px;
  }

  .content {
    width: 1200px;
    margin: 0 auto;
  }

  #info {
    display: flex;
    margin: -115px 0 34px 0;
    height: 230px;
    background-color: #fff;
    /* padding-left: 28px; */
  }

  #info .info_item {
    width: 33.33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  #info .info_item img {
    width: 70px;
    height: 70px;
  }

  .info_item_title {
    margin-top: 14px;
    font-size: 18px;
    font-family: Poppins-SemiBold;
    color: #999999;
  }

  .info_item_value {
    font-size: 14px;
    color: #333333;
    font-family: Poppins-Regular;

  }

  .address_title {
    font-size: 36px;
    font-family: Poppins-SemiBold;
    color: #171721;
    margin: 0;
  }

  .address_value {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: Poppins-Regular;
    color: #686876;
    letter-spacing: 3px;
    margin-bottom: 10px;
  }

  .map {
    display: flex;
    justify-content: center;
    background-color: #fff;
    padding: 25px;
    margin-bottom: 171px;
  }

  #container {
    width: 1150px;
    height: 460px;
  }
}

/* h5样式 */
@media screen and (max-width:768px) {
  #banner {
    background-image: url('../images/contact/banner-m.png');
    height: 4rem;
    background-size: 100% 4rem;
  }

  .content {
    /* width: 1200px; */
    padding: 0.4rem 0.613333rem;
  }

  #info {
    display: flex;
    /* margin: -115px 0 34px 0;
    height: 230px; */
    flex-direction: column;
    /* background-color: #fff; */


    /* padding-left: 28px; */
  }

  #info .info_item {
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.11);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.266667rem;
    height: 5.333333rem;
    padding: 0 1.826667rem;
    text-align: center;
  }

  #info .info_item img {
    width: 1.946667rem;
    height: 1.946667rem;
  }

  .info_item_title {
    margin-top: 0.266667rem;
    font-size: 0.453333rem;
    font-family: Poppins-SemiBold;
    color: #999999;
  }

  .info_item_value {
    font-size: 0.32rem;
    color: #333333;
    font-family: Poppins-Regular;

  }

  .address_title {
    font-size: 0.453333rem;
    font-family: Poppins-SemiBold;
    color: #171721;
    margin: 0.68rem 0 0.066667rem 0;
  }

  .address_value {
    display: flex;
    align-items: center;
    font-size: 0.32rem;
    font-family: Poppins-Regular;
    color: #686876;
    letter-spacing: 3px;
    margin-bottom: 10px;
  }

  .map {
    display: flex;
    justify-content: center;
    background-color: #fff;
    padding: 0.253333rem;
    margin-bottom: 20px;
  }
}