@charset "UTF-8";
.dmfoot {
  height: 100% !important;
}
/* 联系信息 */

.contact-info-title {

  padding: 80px 0 100px;

}

.contact-five-box {

  max-width: 1280px;

  margin: 0 auto;

}

.contact-five-box ul {

  display: flex;

  flex-wrap: wrap;

}

.contact-five-box ul::before {

  content: '';

  width: 1px;

  background-color: #f4f4f4;

}

.contact-five-box ul li {

  width: calc(100% / 5.01);

  position: relative;

}

.contact-five-box ul li::after {

  content: '';

  width: 1px;

  height: 100%;

  background-color: #f4f4f4;

  position: absolute;

  top: 0;

  right: 0;

}

.contact-five-ico {

  display: flex;

  justify-content: center;

}

.contact-five-info {

  padding: 25px 20px;

  text-align: center;

}

.contact-five-info-name {

  font-family: MicrosoftYaHei-Bold;

  font-size: 18px;

  font-weight: bold;

  letter-spacing: 0px;

  color: #333333;

}

.contact-five-line {

  width: 26px;

  height: 1px;

  background-color: #e40001;

  margin: 15px auto;

}

.contact-five-info-contant {

  font-family: MicrosoftYaHei;

  font-size: 14px;

  letter-spacing: 0px;

  color: #666666;

  word-break: break-all;

}

/* 百度地图 */

.map {

  max-width: 1280px;

  height: 480px;

  margin: 45px auto 100px;

}

#map {

  height: 100%;

}

/* 在线留言 */

.contact-message-box {

  background-color: #f5f5f5;

}

.contact-message-title {

  padding-top: 70px;

}

.contact-message-input-box {

  max-width: 1282px;

  margin: 0 auto;

  padding: 50px 0 80px;

}

.input-box-item {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-top: 30px;

}

.input-box-item:first-child {

  margin-top: 0;

}

.input-item {

  width: 46%;

}

.input-name {

  font-family: MicrosoftYaHei;

  font-size: 18px;

  letter-spacing: 0px;

  color: #333333;

  margin-bottom: 15px;

}

.input-name em {

  color: #ff0000;

}

.input input {

  width: 100%;

  height: 40px;

  outline: none;

  background-color: #f5f5f5;

  border: solid 1px #999999;

  padding: 0 20px;

}

.input div {

  display: flex;

  justify-content: space-between;

}

.input select {

  width: 45%;

  height: 40px;

  outline: none;

  background-color: #f5f5f5;

  border: solid 1px #999999;

  background-image: url(../images/contact/xia.png);

  background-repeat: no-repeat;

  background-position: right;

  -webkit-appearance:none;

  -moz-appearance:none;

  appearance: none;

  text-align-last: right;

  padding-right: 50px;

}

.textatra-item {

  width: 100%;

}

.textatra textarea {

  width: 100%;

  height: 220px;

  border: solid 1px #999999;

  outline: none;

  background-color: #f5f5f5;

  padding: 20px;

}

.input-box-item button {

  width: 200px;

  height: 46px;

  background-color: #dbdbdb;

  font-family: MicrosoftYaHei;

  font-size: 16px;

  line-height: 46px;

  letter-spacing: 0px;

  color: #333333;

}

.input-box-item button:first-child {

  background-color: #e40001;

  color: #ffffff;

}

/* 媒体查询/响应式 */

@media (max-width: 1920px) {

}

@media (max-width: 1599px) {

}

@media (max-width: 1477px) {

}

@media (max-width: 1365px) {

}

@media (max-width: 1280px) {

  .contact-five-box {

    width: 96%;

  }

  .map {

    width: 96%;

  }

  .contact-message-input-box {

    width: 96%;

  }


}

@media (max-width: 1199px) {

}

@media (max-width: 990px) {

  .contact-five-box ul::before {

    display: none;

  }

  .contact-five-box ul li::after {

    display: none;

  }

  .contact-five-box ul li {

    width: 33%;

  }

  .contact-five-info {

    padding: 25px 10px;

  }

}

@media (max-width: 767px) {

  .contact-info-title {

    padding: 30px 0 40px;

  }

  .contact-five-box ul li {

    width: 50%;

  }

  .map {

    height: 360px;

    margin: 15px auto 30px;

  }

  .BMapLabel {

    font-size: 12px !important;

    padding: 5px 10px !important;

    top: 150px !important;

    left: 195px !important;

  }

  .contact-message-title {

    padding-top: 20px;

  }

  .contact-message-input-box {

    padding: 15px 0 40px;

  }

  .input-item {

    width: 100%;

    margin-bottom: 10px;

  }

  .input-box-item {

    margin-top: 10px !important;

  }

  .input-box-item button {

    width: 45%;

  }

}