.banner{
  position: relative;
  width: 100%;
}
.banner >img{
  width: 100%;
}
.banner >p{
  position: absolute;
  width: 100%;
  bottom: 26px;
  text-align: right;
  font-size: 10px;
  padding-right: 26px;
  box-sizing: border-box;
  color: #333333;
}

.info{
  padding: 40px 25px;
}

.info >h2{
  font-size: 14px;
  color: #2E2E2E;
  font-weight: bold;
}

.info > p{
  margin-top: 20px;
  font-size: 12px;
  color: #8A8A8A;
  text-align: justify;
  line-height: 20px;
}
.info > .cl-button{
  margin-top: 20px;
}

.card-group{
  display: flex;
}

.card-group > .card-wrap{
  flex: 1;
  text-align: center;
}

.card-wrap > .card{
  display: inline-block;
  width: 80px;
  height: 80px;
  box-shadow: 0 3px 5px rgba(0,0,0,.2);
  border-radius: 10px;
  padding-top: 10px;
  box-sizing: border-box;
}

.card > img{
  width: 40px;
  height: 40px;
}

.card > p{
  text-align: center;
  font-size: 10px;
}

.suit-block{
  margin: 0 18px;
}
.suit-block>img{
  width: 100%;
}


.swiper-container--1, .swiper-container--2{
  position: relative;
  width: 100%;
  height: 400px;
}

.swiper-slide-title{
  text-align: center;
  padding-top: 20px;
  font-size: 12px;
  color: #333;
}

.swiper-slide-img{
  width: 200px;
  height: 309px;
  margin: 43px auto 0;
}

.swiper-pagination--1, .swiper-pagination--2{
  position: absolute;
  top: 47px;
  z-index: 1;
  width: 100%;
  text-align: center;
}
.swiper-pagination-bullet{
  position: relative;
  margin: 0 10px !important;
  width: 14px;
  height: 14px;
  opacity: 1;
}
.swiper-pagination-bullet-active::after{
  position: absolute;
  display: block;
  content:"";
  width: 24px;
  height: 24px;
  left: -6px;
  top: -6px;
  border: 1px solid #333;
  border-radius: 24px;
}

.swiper-pagination-bullet:nth-child(1){
  background: #B4C5D9;
}
.swiper-pagination-bullet:nth-child(2){
  background: #E2C6E8;
}
.swiper-pagination-bullet:nth-child(3){
  background: #FEB2BF;
}
.swiper-pagination-bullet:nth-child(4){
  background: #FFFFFF;
}

.p2 > .swiper-pagination-bullet:nth-child(1){
  background: #327f9c;
}
.p2 > .swiper-pagination-bullet:nth-child(2){
  background: #E2C6E8;
}
.p2 > .swiper-pagination-bullet:nth-child(3){
  background: #99BB6D;
}
.p2> .swiper-pagination-bullet:nth-child(4){
  background: #CACED4;
}


.product-list{
  padding-top: 50px;
}
.product-list-title{
  font-size: 14px;
  color: #2E2E2E;
  text-align: center;
}

.product-title{
  text-align: center;
  color: #333;
  font-size: 10px;
}

table a{
  text-decoration: none;
}

.describe{
  margin-top: 40px;
  padding: 20px;
  text-align: center;
  font-size: 12px;
  color: #8A8A8A;
}
.describe > h2{
  font-size: 14px;
  color: #2E2E2E;
  margin-bottom: 10px;
}
.describe > p{
  line-height: 26px;
}

.button-wrap{
  margin-top: 20px;
}