.header {
  margin: 30px auto 18px;
}
.header .logo {
  float: left;
}
.header a img {
  width: 332px;
}
.header span {
  font-size: 16px;
  color: #0c3e25;
  float: right;
  line-height: 4.5;
}
.main {
  background: url(/static/front/pc/en_images/bg.png) no-repeat;
  background-size: 100% 100%;
  background-position: center bottom;
  border-top: 1px solid #dedede;
}
.main .picture .picture-item:first-child {
  margin: 0 86px 0 88px;
}
.main .picture .picture-item img {
  width: 483px;
  margin: 78px 0 0;
  border-radius: 3px;
}
.main .picture .picture-item .picture-item-title {
  margin: 30px 0 72px;
  text-align: center;
  font-family: AdobeHeitiStd-Regular;
}
.main .picture .picture-item .picture-item-title a {
  font-size: 18px;
  color: #ffffff;
}
.footer {
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  background-color: #0c3e25;
  padding: 36px 0;
}

.picture-item-wp {
  position: relative;
  overflow: hidden;
}

.picture-item-wp span {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: -20px;
  transition: all 0.4s ease;
  height: 20px;
}

.picture-item-wp span.one {
  background-color: #fef100;
}
.picture-item-wp span.two {
  background-color: #009241;

}

.picture-item-wp:hover span{
  bottom: 0px;
}