/*渐变文字*/
.gradient-text {
  display: inline-block;
  width: auto;
  color: #ff316c;
  background-image: linear-gradient(-90deg, #ff316c 0%, #44D7F6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

/*盒子布局*/
/*单行省略*/
/*多行省略*/
.home-page {
  width: 100%;
  /*banner*/
  /*产品*/
  /*超燃脂*/
  /*新闻*/ }
  .home-page .banner-wrap {
    width: 100%; }
    .home-page .banner-wrap .pc-home-swiper {
      width: 100%;
      overflow: hidden; }
      .home-page .banner-wrap .pc-home-swiper img {
        display: block;
        width: 100%; }
  .home-page .pro-wrap {
    padding-bottom: 60px; }
    .home-page .pro-wrap .center-box {
      display: flex;
      -ms-display: flex;
      /* IE 9 */
      -moz-display: flex;
      /* Firefox */
      -webkit-display: flex;
      /* Safari  Chrome */
      -o-display: flex;
      /* Opera */
      align-items: center;
      -ms-align-items: center;
      /* IE 9 */
      -moz-align-items: center;
      /* Firefox */
      -webkit-align-items: center;
      /* Safari  Chrome */
      -o-align-items: center;
      /* Opera */
      justify-content: space-between;
      -ms-justify-content: space-between;
      /* IE 9 */
      -moz-justify-content: space-between;
      /* Firefox */
      -webkit-justify-content: space-between;
      /* Safari  Chrome */
      -o-justify-content: space-between;
      /* Opera */
      flex-wrap: wrap; }
      .home-page .pro-wrap .center-box a {
        margin-bottom: 10px;
        position: relative;
        overflow: hidden; }
        .home-page .pro-wrap .center-box a img {
          width: 100%;
          height: 100%;
          transition: all 0.3s;
          -ms-transition: all 0.3s;
          /* IE 9 */
          -moz-transition: all 0.3s;
          /* Firefox */
          -webkit-transition: all 0.3s;
          /* Safari  Chrome */
          -o-transition: all 0.3s;
          /* Opera */ }
        .home-page .pro-wrap .center-box a:hover img {
          transform: scale(1.08, 1.08);
          -ms-transform: scale(1.08, 1.08);
          /* IE 9 */
          -moz-transform: scale(1.08, 1.08);
          /* Firefox */
          -webkit-transform: scale(1.08, 1.08);
          /* Safari  Chrome */
          -o-transform: scale(1.08, 1.08);
          /* Opera */ }
        .home-page .pro-wrap .center-box a:hover .pro-tit {
          bottom: 0; }
      .home-page .pro-wrap .center-box .long-item {
        display: block;
        width: 780px;
        height: 460px; }
      .home-page .pro-wrap .center-box .short-item {
        width: 410px;
        height: 460px; }
      .home-page .pro-wrap .center-box .pro-tit {
        width: 100%;
        height: 200px;
        font-size: 40px;
        color: #fff;
        background-color: rgba(104, 95, 152, 0.6);
        text-align: center;
        line-height: 200px;
        position: absolute;
        bottom: -200px;
        left: 0;
        transition: all 0.3s;
        -ms-transition: all 0.3s;
        /* IE 9 */
        -moz-transition: all 0.3s;
        /* Firefox */
        -webkit-transition: all 0.3s;
        /* Safari  Chrome */
        -o-transition: all 0.3s;
        /* Opera */ }
  .home-page .crz-wrap {
    width: 100%;
    position: relative; }
    .home-page .crz-wrap .wrap-img {
      position: absolute;
      width: 100%; }
    .home-page .crz-wrap .crz-wrap-content {
      width: 100%;
      height: 100%;
      text-align: center;
      position: absolute;
      top: 0;
      left: 50%;
      z-index: 10;
      transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      /* IE 9 */
      -moz-transform: translateX(-50%);
      /* Firefox */
      -webkit-transform: translateX(-50%);
      /* Safari  Chrome */
      -o-transform: translateX(-50%);
      /* Opera */ }
      .home-page .crz-wrap .crz-wrap-content img {
        margin-top: 10%;
        width: 18%; }
      .home-page .crz-wrap .crz-wrap-content .btn-red {
        margin: 100px auto 0; }
  .home-page .news-wrap {
    width: 100%;
    position: relative;
    padding-bottom: 80px; }
    .home-page .news-wrap .pc-news-swiper {
      overflow-y: auto; }
      .home-page .news-wrap .pc-news-swiper .swiper-slide {
        width: 50% !important;
        position: relative; }
        .home-page .news-wrap .pc-news-swiper .swiper-slide::after {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          background: rgba(0, 0, 0, 0.8);
          top: 0;
          left: 0; }
        .home-page .news-wrap .pc-news-swiper .swiper-slide a {
          display: block;
          width: 100%;
          height: auto;
          position: relative; }
          .home-page .news-wrap .pc-news-swiper .swiper-slide a img {
            display: block;
            width: 100%; }
        .home-page .news-wrap .pc-news-swiper .swiper-slide .news-info {
          width: 40%;
          height: 100%;
          color: #fff;
          padding: 0 40px;
          box-sizing: border-box;
          position: absolute;
          top: 0;
          right: 0;
          background-color: rgba(0, 0, 0, 0.5);
          opacity: 0;
          transition: all 0.3s;
          -ms-transition: all 0.3s;
          /* IE 9 */
          -moz-transition: all 0.3s;
          /* Firefox */
          -webkit-transition: all 0.3s;
          /* Safari  Chrome */
          -o-transition: all 0.3s;
          /* Opera */
          display: flex;
          -ms-display: flex;
          /* IE 9 */
          -moz-display: flex;
          /* Firefox */
          -webkit-display: flex;
          /* Safari  Chrome */
          -o-display: flex;
          /* Opera */
          align-items: center;
          -ms-align-items: center;
          /* IE 9 */
          -moz-align-items: center;
          /* Firefox */
          -webkit-align-items: center;
          /* Safari  Chrome */
          -o-align-items: center;
          /* Opera */
          justify-content: center;
          -ms-justify-content: center;
          /* IE 9 */
          -moz-justify-content: center;
          /* Firefox */
          -webkit-justify-content: center;
          /* Safari  Chrome */
          -o-justify-content: center;
          /* Opera */ }
          .home-page .news-wrap .pc-news-swiper .swiper-slide .news-info .news-tit {
            max-height: 53px;
            font-size: 23px;
            line-height: 1.5;
            padding-bottom: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
          .home-page .news-wrap .pc-news-swiper .swiper-slide .news-info .news-content {
            font-size: 15px;
            line-height: 2;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical; }
      .home-page .news-wrap .pc-news-swiper .swiper-slide-active .news-info {
        opacity: 1; }
      .home-page .news-wrap .pc-news-swiper .swiper-slide-active::after {
        width: 0;
        height: 0;
        background: transparent; }
    .home-page .news-wrap .home-news-pagination {
      width: 100%;
      text-align: center;
      bottom: 70px !important; }
      .home-page .news-wrap .home-news-pagination .swiper-pagination-bullet {
        margin: 0 4px; }
      .home-page .news-wrap .home-news-pagination .swiper-pagination-bullet-active {
        background-color: #1A2532; }