@charset "utf-8";

.banner {
  width: 100%;
  min-width: 1200px;
  height: 1600px;
  background: url('../tplimg/zyzk-body-bg.jpg') no-repeat center 0;
  background-size: 100% auto;
}
.bookrack-wrap {
  width: 1200px;
  margin: -50rem auto 0;
}
@media screen and (max-width: 1500px) {
  .bookrack-wrap {
    margin: -65rem auto 0;
  }
}
.bookrack {
  position: relative;
  height: auto;
  top: -10px;
  left: 30px;
}
.bookrack li {
  display: block;
  width: 375px;
  height: 300px;
  text-align: center;
  float: left;
}
.bookrack li img {
  margin: 4px 0 0 5px;
}
.book2014 {
  background: url('../tplimg/bookrack-left-bg.png') no-repeat center center;
}
.book2015 {
  background: url('../tplimg/bookrack-center-bg.png') no-repeat center center;
}
.book2017 {
  background: url('../tplimg/bookrack-right-bg.png') no-repeat center center;
}
.book2018 {
  background: url('../tplimg/bookrack-left-bg.png') no-repeat center center;
}
.book2019 {
  background: url('../tplimg/bookrack-center-bg.png') no-repeat center center;
}
.book2020 {
  background: url('../tplimg/bookrack-right-bg.png') no-repeat center center;
}
.bookrack li.book2019 img {
  margin: 5px 0 0 0;
}