body,
div,
ul,
li {
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}
img {
  border: 0;
}

.banner {
  overflow: hidden;
  width: 100%;
  margin-bottom: 0.333333rem;
}
.large_box {
  margin-bottom: 0.133333rem;
  width: 100%;
  height: 4.666667rem;
  overflow: hidden;
}
.large_box img {
  display: block;
  width: 100%;
  height: 4.666667rem;
}
.small_box {
  width: 100%;
  height: 1.133333rem;
  overflow: hidden;
}
.small_list {
  position: relative;
  float: left;
  width: 8.466667rem;
  height: 73px;
  overflow: hidden;
}
.small_list ul {
  height: 73px;
}
.small_list ul li {
  position: relative;
  float: left;
  margin-right: 0.133333rem;
  width: 1.466667rem;
}
.small_list ul li img {
  display: block;
  width: 1.466667rem;
  height: 1.133333rem;
}
.small_list ul li .bun_bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.466667rem;
  height: 1.133333rem;
  background: #000;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.small_list ul li.on .bun_bg {
  display: block;
}
.btn {
  display: block;
  width: 0.266667rem;
  height: 0.973333rem;
  background-color: #777;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.btn:hover {
  background-color: #e7000e;
}
.left_btn {
  float: left;
  width: 0.466667rem;
  height: 1.133333rem;
  margin-right: 0.133333rem;
  background-image: url(../images/left_btn.png);
  background-size: 0.266667rem 0.4rem;
}
.right_btn {
  width: 0.466667rem;
  float: right;
  margin-left: -0.133333rem;
  height: 1.133333rem;
  background-image: url(../images/right_btn.png);
  background-size: 0.266667rem 0.4rem;
}