.home .nof {
  background-color: white;
  left: 0;
  padding: 20px 5%;
}
.home .banner {
  width: 100%;
  overflow: hidden;
}
.home .banner img {
  display: block;
  width: 100%;
  object-fit: cover;
  animation: big 5s forwards linear;
}
@keyframes big {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.02);
  }
}
.home .main {
  width: 100%;
  position: relative;
  padding: 80px 0;
}
.home .main .bg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  text-align: right;
}
.home .main .bg img {
  max-width: 80%;
  display: inline-block;
  vertical-align: middle;
  object-fit: cover;
}
.home .main .intro {
  width: 50%;
  margin: 0 auto;
  text-align: center;
}
.home .main .intro p {
  color: #2E2E2E;
  font-size: 40px;
  font-weight: bolder;
  font-family: "Roboto-Bold";
}
.home .main .intro .des {
  color: #2E2E2E;
  font-size: 14px;
  line-height: 24px;
  margin: 30px 0;
}
.home .main .ptype {
  width: 100%;
  margin: 60px auto 0 auto;
}
.home .main .ptype .btns {
  display: flex;
  justify-content: center;
}
.home .main .ptype .btns .next {
  transform: rotate(90deg);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #F3F3F3;
  border: 1px solid #DEDEDE;
  border-radius: 50%;
  transition: all 600ms;
  z-index: 100;
  cursor: pointer;
  color: #333333;
}
.home .main .ptype .btns .next:hover {
  background-color: #EE892F;
  color: white;
  border-color: #EE892F;
}
.home .main .ptype .btns .prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #F3F3F3;
  border: 1px solid #DEDEDE;
  border-radius: 50%;
  transform: rotate(-90deg);
  transition: all 600ms;
  color: #333333;
  z-index: 100;
  cursor: pointer;
  margin-right: 25px;
}
.home .main .ptype .btns .prev:hover {
  background-color: #EE892F;
  color: white;
  border-color: #EE892F;
}
.home .main .ptype .swiper-container {
  width: 100%;
}
.home .main .ptype .swiper-container .swiper-wrapper .swiper-slide {
  overflow: hidden;
}
.home .main .ptype .swiper-container .swiper-wrapper .swiper-slide a {
  display: block;
  width: 100%;
}
.home .main .ptype .swiper-container .swiper-wrapper .swiper-slide a .pic {
  width: 100%;
}
.home .main .ptype .swiper-container .swiper-wrapper .swiper-slide a .pic img {
  width: 100%;
  display: block;
  object-fit: cover;
  transform: scale(0.6);
  transition: all 600ms;
  border-radius: 15px;
}
.home .main .ptype .swiper-container .swiper-wrapper .swiper-slide a p {
  color: #212121;
  font-size: 28px;
  font-weight: bolder;
  font-family: "Roboto-Bold";
  margin: 30px 0;
  text-align: center;
  opacity: 0;
  transform: translateY(60px);
  transition: all 600ms;
}
.home .main .ptype .swiper-container .swiper-wrapper .swiper-slide-active a .pic img {
  transform: scale(1);
}
.home .main .ptype .swiper-container .swiper-wrapper .swiper-slide-active a p {
  opacity: 1;
  transform: translateY(0);
}

/*# sourceMappingURL=products.css.map */