.main-box {
  padding: 20px 0 0 20px;
}

ul.ywpd li {
  float: left;
  /* height: 234px; */
  width: 31.6%;
  margin: 0 1.7% 20px 0;
}

ul.ywpd li a,
ul.ywpd li img {
  display: block;
  width: 100%;
  height: 100%;
}

ul.ywpd li {
  height: 234px
}

ul.ywpd li a {
  overflow: hidden
}

ul.ywpd li a:hover img {
  width: 105%;
  height: 105%;
  margin-left: -2.5%;
  margin-top: -2.5%;
}

ul.ywpd li img:last-child {
  display: block;
}

@media screen and (max-width: 1200px) {
  .main-box {
    margin-top: 0;
    padding: .1rem .3rem .34rem;
    overflow: hidden;
    box-sizing: border-box;
    border: none;
    background: #eff2f5;
  }

  ul.ywpd {
    margin-right: -.19rem;
  }

  ul.ywpd li {
    width: 47%;
    height: 2.34rem;
    margin: 0 .19rem 20px 0;
  }
}