.swiper-container {
  height: 500px;
}
.swiper-container img {
  width: 100%;
}
.swiper-container .swiper-pagination-bullet {
  width: 57px;
  height: 6px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.5);
}
.swiper-container .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
  opacity: 0;
  transition: opacity 0.3s;
  color: #E1841C;
}
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
  opacity: 1;
}
.content-wrap {
  padding: 76px 217px;
  background-color: #fff;
}
.content-wrap .menu-item {
  width: 212px;
  height: 221px;
}
.content-wrap .menu-item{
  background-color: #E1841C;
  border: 2px solid #E1841C;
  color: #fff;
}
.content-wrap .menu-item img {
  width: 90px;
  height: 86px;
}
.content-wrap .menu-item .active {
  display: none;
}
.content-wrap .menu-item:hover {
  background-color: #fff;
  color: #E1841C;
}
.content-wrap .menu-item:hover .active{
  display: block;
}
.content-wrap .menu-item:hover .default{
  display: none;
}
.content-wrap .menu-item span {
  font-size: 29px;
  margin-top: 14px;
}
