.con {
  background: url(../images/bj_01.jpg) no-repeat center top;
  overflow: hidden;
  background-size: contain;
}
.con .head {
  margin-top: 53px;
  background: url(../images/2_03.png) no-repeat 176px 27px;
}
.con .head .logo {
  text-align: right;
}
.con .head .head_tit {
  margin-top: 80px;
  text-align: center;
  margin-left: 130px;
}
.con .head .head_tit .jcgk {
  margin-top: 35px;
  margin-bottom: 40px;
}
.con .cont {
  margin-top: 57px;
}
.con .cont .ulL {
  margin-left: -77px;
}
.con .cont .ulL li {
  margin-left: 152px;
  margin-bottom: 34px;
  float: left;
}
@media (max-width: 768px) {
  .lmtw {
    width: 100%;
  }
  .con .head {
    margin-top: 20px;
    background: none;
  }
  .con .head .logo {
    text-align: center;
  }
  .con .head .head_tit {
    margin: 20px 0 0 0;
  }
  .con .head .head_tit p {
    width: 80%;
    margin: 0 auto;
  }
  .con .head .head_tit p img {
    width: 70%;
  }
  .con .head .head_tit .jcgk {
    margin: 20px auto;
  }
  .con .head .head_tit .jcgk img {
    width: 80%;
  }
  .con .cont {
    margin-top: 20px;
  }
  .con .cont .ulL {
    margin-left: 0;
  }
  .con .cont .ulL li {
    width: 40%;
    margin: 0 5% 5%;
  }
  .con .cont .ulL li a {
    display: block;
  }
  .con .cont .ulL li a img {
    width: 100%;
  }
}