/* line 6, ../sass/index.scss */

.banner-container {

  height: 650px;

}

/* line 8, ../sass/index.scss */

.banner-container .swiper-slide {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



/* line 14, ../sass/index.scss */

.banner-tools {

  position: relative;

  z-index: 999;

  height: 20px;

  top: -45px;

  display: flex;

  flex-flow: row nowrap;

  justify-content: center;

  align-items: center;

}

/* line 23, ../sass/index.scss */

.banner-tools .swiper-pagination {

  display: flex;

  flex-flow: row nowrap;

  justify-content: flex-start;

  align-items: center;

}

/* line 29, ../sass/index.scss */

.banner-tools .swiper-pagination-bullet {

  width: 20px;

  height: 20px;

  border: transparent 2px solid;

  display: flex;

  flex-flow: column nowrap;

  justify-content: center;

  align-items: center;

  border-radius: 20px;

  background-color: transparent;

  transition: all .3s;

  margin: 0 10px;

  opacity: 1;

}

/* line 42, ../sass/index.scss */

.banner-tools .swiper-pagination-bullet:after {

  content: '';

  display: flex;

  width: 10px;

  height: 10px;

  background-color: #ffffff;

  border-radius: 10px;

  transition: all .3s;

}

/* line 51, ../sass/index.scss */

.banner-tools .swiper-pagination-bullet.swiper-pagination-bullet-active {

  border-color: #249547;

}

/* line 53, ../sass/index.scss */

.banner-tools .swiper-pagination-bullet.swiper-pagination-bullet-active:after {

  background-color: #249547;

}



/* line 60, ../sass/index.scss */

.products-container {

  padding: 60px 0;

}

/* line 62, ../sass/index.scss */

.products-container .title {

  color: #249547;

  font-weight: bold;

  font-size: 24px;

  text-align: center;

}

/* line 68, ../sass/index.scss */

.products-container .sub-t {

  font-size: 16px;

  color: #777777;

  margin-top: 10px;

  text-align: center;

}

/* line 74, ../sass/index.scss */

.products-container .list {

  display: flex;

  flex-flow: row nowrap;

  justify-content: space-between;

  align-items: flex-start;

  margin-top: 50px;

}

/* line 80, ../sass/index.scss */

.products-container .list .item {

  width: 24%;

  max-width: 380px;

  height: auto;

  background-color: #f1f1f1;

  overflow: hidden;

}

/* line 87, ../sass/index.scss */

.products-container .list .item:hover .bg {

  transform: scale(1.1);

}

/* line 92, ../sass/index.scss */

.products-container .list .bg {

  width: 100%;

  height: 280px;

  background-position: center;

  background-repeat: no-repeat;

  transition: all .5s;

}

/* line 99, ../sass/index.scss */

.products-container .list .info {

  padding: 10px;

  padding-top: 0;

}

/* line 102, ../sass/index.scss */

.products-container .list .info .name {

  font-size: 18px;

  height: 60px;

  color: #249547;

  line-height: 1.5;

  margin-top: 20px;

  overflow: hidden;

  font-weight: bold;

}

/* line 111, ../sass/index.scss */

.products-container .list .info .tags {

  margin-top: 10px;

  font-size: 14px;

  color: #777777;

  line-height: 1.6;

  height: 50px;

  overflow: hidden;

}

/* line 119, ../sass/index.scss */

.products-container .list .info .more {

  margin-top: 20px;

  font-size: 14px;

  color: #249547;

}