body {
    margin: 0;
}
.clearfix {
    /*
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */
    *zoom: 1;
  }
  .clearfix:before,
  .clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .clearfix:after {
    clear: both;
  }
  .value-block {
    padding-bottom: 30px;
    color:#333;
}
.value-block .section-title {
    font-size: 28px;
    padding: 40px 0;
    font-weight: 700;
    color: #2d5082;
    text-align: center;
}
.value-block .section-title {
    padding: 50px 0;
}
.value-block .value-item-container {
    max-width: 1200px;
    margin: 0 auto;
}
.value-block .value-item-container .values-style {
    display: block;
    overflow: hidden;
    padding: 0;
}

.value-block .value-item-container .values-style .mb-view:nth-last-child(1)
 {
  width: 34%;
  margin: 0 33%;
}
.value-block .value-item-container .values-style .mb-view:nth-last-child(2),
.value-block .value-item-container .values-style .mb-view:nth-last-child(2)~.mb-view
  {
    width: 30%;
    margin: 0 10%;
   float:left;
 }

.value-block .value-item-container .values-style .mb-view:nth-last-child(3),
.value-block .value-item-container .values-style .mb-view:nth-last-child(3)~.mb-view
 {
  width: 24%;
  margin: 0 4.5%;
  float:left;
}
.value-block .value-item-container .values-style .mb-view:nth-last-child(n+4),
.value-block .value-item-container .values-style .mb-view:nth-last-child(n+4)~.mb-view
 {
  width: 24%;
  margin: 0 5px;
  /* display: flex;
  flex-direction: column; */
  float:left;
  
}

.value-block .value-item-container .values-style .mb-view .value-item {
    border: 1px solid #d4d4d4;
    position: relative;
    box-sizing: border-box;
}
.value-block .value-item-container .value-item img {
    text-align: center;
    padding: 0 0 20px;
    width: 100%;
}
.value-block .value-item-container .value-item .item-note {
    font-size: 17px;
    padding: 0 25px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}
.value-block .value-item-container .value-item .item-note .note-title {
    font-size: 18px;
    font-weight: 700;
}
.value-block .value-item-container .value-item .item-note .note-subtitle {
    font-size: 18px;
    color: #505050;
}
.value-block .value-item-container .value-item .item-note ul {
    font-size: 14px;
    padding: 10px 0;
    margin: 0;
}
.value-block .value-item-container .value-item .item-note ul li {
    padding-left: 0;
    line-height: 1.5;
    padding-bottom: 20px;
    list-style-type: none;
}
.value-block .value-item-container .value-item .item-note .item-button {
    position: absolute;
    bottom: 0;
    padding-bottom: 15px;
}

a.round-button, button.round-button {
    background-color: #d20032;
    text-align: center;
    border-radius: 30px;
    border: 1px solid #d20032;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    padding: 7px 15px;
    height: 35px;
    min-width: 132px;
    display: inline-block;
    cursor: pointer;
}

.value-block a.round-button {
    font-size: 21px;
    width: 188px;
    height: 45px;
    display: block;
    background-color: transparent;
    text-align: center;
    border-radius: 23px;
    border: 1px solid #d20032;
    padding: 9px;
    color: #d20032;
    margin: 0 15px;
}

.value-block .value-item-container .value-item .item-note .note-button {
    width: 90px;
    height: 27px;
    padding: 4px;
    font-size: 14px;
    box-sizing: border-box;
    text-decoration: none;
}
.value-block a.red {
    border: 1px solid #d20032;
    color: #d20032;
    margin: 60px auto 0;
}

.value-block a.red:hover {
    background-color: #d20032;
    color: #fff;
    border: 1px solid #d20032;
    cursor: pointer;
  }




.value-block .value-item-container .value-item .item-note .item-button {
    position: absolute;
    bottom: 0;
    padding-bottom: 15px;
}

@media screen and (max-width: 768px) {
    .value-block {
      padding: 20px 0px;
    }
    .value-block .value-title {
      font-size: 26px;
      padding: 30px 60px 0 60px;
    }
    .value-block .value-item-container.mobile {
      display: inline-block;
      width: 100%;
      padding: 20px 0;
    }
    .value-block .value-item-container.mobile .value-item {
      width: 90%;
      margin: 10px 5%;
    }
    .feature-block .feature-item-container .mb-view {
      margin: 0;
      width: auto!important;
    }
    .value-block .value-item-container.mobile .value-item .item-note {
      padding: 25px;
    }
    .value-block .value-item-container.mobile .value-item .item-note .note-title, .value-block .value-item-container.mobile .value-item .item-note .note-subtitle {
      text-align: center;
    }
    .value-block .value-item-container.mobile .value-item .item-button {
      display: flex;
      justify-content: center;
    }
    .value-block .value-item-container.mobile .value-item .item-button a.note-button {
      margin: 15px 0;
      padding: 6px;
      font-size: 22px;
      width: 180px;
      height: 40px;
    }
    .value-block .value-item-container.mobile .swiper-pagination {
      width: 100%;
    }
    .value-block .value-item-container.mobile .swiper-pagination .swiper-pagination-switch {
      background: #989292;
    }
    .value-block .value-item-container.mobile .swiper-pagination .swiper-active-switch {
      background: #d20032;
    }
  
    .value-block .value-item-container .values-style .mb-view {
      margin: 0 0 20px;
      width: 100%;
    }
  
.value-block .value-item-container .values-style .mb-view:nth-last-child(1),
.value-block .value-item-container .values-style .mb-view:nth-last-child(2),
.value-block .value-item-container .values-style .mb-view:nth-last-child(2)~.mb-view,
.value-block .value-item-container .values-style .mb-view:nth-last-child(3),
.value-block .value-item-container .values-style .mb-view:nth-last-child(3)~.mb-view,
.value-block .value-item-container .values-style .mb-view:nth-last-child(n+4),
.value-block .value-item-container .values-style .mb-view:nth-last-child(n+4)~.mb-view
   {
    width: 100%;
    margin: 0 0 20px;
  }
 .value-block .value-item-container{
      margin: 0 5%;
    }
    .value-block .value-item-container .value-item{
      width: 100%;
    }
  }