.banner {
  min-width: 1180px;
  height: 400px;
  color: #fff;
  background: url("/images/contact/banner.jpg");
  background-size: cover;
  background-position: center top;
  text-align: center;
}

.banner h1 {
  margin-top: 100px;
  font-size: 60px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
}

.banner p {
  width: 800px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 2px;
}

.m1 {
  padding: 30px 0 60px 0;
}

.fs {
  font-size: 18px;
  overflow: hidden;
}

.fs div {
  float: left;
  width: 380px;
}

.mapBox {
  overflow: hidden;
}

.mapBox li {
  float: left;
  width: 333px;
  margin-left: 50px;
  margin-bottom: 20px;
}

.mapBox li:nth-child(1) {
  margin: 0;
}

.mapBox li>p {
  margin: 5px 0;
  color: #2f3132;
}

.map {
  margin: 50px 0 20px 0;
  position: relative;
  height: 250px;
  background-position: center;
  background-size: cover;
}

.mapBox li:nth-child(1) .map {
  /*background: url("/images/contact/1.jpg");*/
}

.mapBox li:nth-child(1) .map p {
  background-color: #0a2b54;
  opacity: 0.79;
}

.mapBox li:nth-child(2) .map {
  /*background: url("/images/contact/2.jpg");*/
}

.mapBox li:nth-child(2) .map p {
  background-color: #8ec21c;
  opacity: 0.79;
}

.mapBox li:nth-child(3) .map {
  /*background: url("/images/contact/3.jpg");*/
}

.mapBox li:nth-child(3) .map p {
  background-color: #00aeba;
  opacity: 0.79;
}

.map p {
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  margin: 0;
  height: 58px;
  line-height: 58px;
  text-indent: 1.5em;
  font-size: 24px;
  color: #fff;
  z-index: 999;
}

#allmap_bj,
#allmap_lf,
#allmap_hb {
  height: 250px;
}

.hezuo {
  display: table;
}

.hezuo li {
  width: 200px;
  height: 200px;
  border-radius: 15px;
  display: block;
  float: left;
  overflow: hidden;
  margin-right: 22px;
  position: relative;
}

.hezuo img {
  width: 100%;
}

.hezuo li.end {
  margin-right: 0;
}

.hezuo li:hover .layer {
  opacity: 0;
}

.hezuo li:hover .hezuo_zhezhao {
  opacity: 1;
}

.hezuo .layer {
  transition: .2s all;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/images/contact/layer.png) center no-repeat;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  overflow: hidden;
}

.hezuo .layer h4 {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-top: 93px;
}

.hezuo_zhezhao {
  transition: .2s all;
  position: absolute;
  top: 0;
  background: rgba(22, 130, 219, 0.8);
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #fff;
}

.hezuo_zhezhao span {
  display: block;
  width: 110px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #fff;
  font-size: 14px;
  color: #fff;
  margin: 30px auto 20px auto;
}

.hezuo_zhezhao .text {
  width: 200px;
  margin: 0px auto;
  line-height: 24px;
  font-size: 14px;
}

.hezuo_zhezhao .text p {
  margin: 0;
  color: #fff;
  text-align: center;
}

.m2 {
  min-width: 1100px;
  height: 500px;
  background: url("/images/contact/map.jpg");
  background-size: cover;
  background-position: center top;
  text-align: center;
}