.honor {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

.honor .public-tit {
  width: 15rem;
}

.honor .honor-con {
  width: 100%;
  margin: 0 auto;
  height: 4.5rem;
  background: url("../../img/honor2.jpg") no-repeat center center;
  overflow: hidden;
  margin-bottom: .8rem;
  background-size: 100% 100%;
  position: relative;
}

.honor .honor-con .honor-btn {
  cursor: pointer;
  position: absolute;
  top: 1rem;
}

.honor .honor-con .honor-btn img {
  width: .6rem;
}

.honor .honor-con .btn-right {
  right: 2.95rem;
}

.honor .honor-con .btn-left {
  left: 2.65rem;
}

.honor .honor-con .honor-thumb {
  height: 100%;
  width: 5.6rem;
  margin: 0 auto;
  position: relative;
}

.honor .honor-con .honor-thumb .cart-list {
  z-index: 100;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  transition: 330ms;
  display: flex;
  flex-direction: column;
}

.honor .honor-con .honor-thumb .cart-list img {
  display: block;
  width: 100%;
}

.honor .honor-con .honor-thumb .honor-list-tit {
  margin-top: .2rem;
  line-height: 1.2;
  font-weight: 500;
  text-align: center;
}

.honor .honor-con .swiper-container {
  width: 100%;
}

.honor .honor-con .swiper-container .swiper-slide {
  width: 433px;
  background: #fff;
  box-shadow: 0 8px 30px #ddd;
}

.honor .honor-con .swiper-container .swiper-slide img {
  width: 100%;
}

.honor .honor-con .swiper-pagination {
  width: 100%;
  bottom: 20px;
}

.honor .honor-con .swiper-pagination-bullets {
  position: relative;
  bottom: .6rem;
}

.honor .honor-con .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  border: 3px solid #fff;
  background-color: #d5d5d5;
  width: 10px;
  height: 10px;
  opacity: 1;
}

.honor .honor-con .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #55b53d;
}