@charset "UTF-8";

/*渐变文字*/
.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: 865px;
    height: 440px;
        text-align: center;
}

.home-page .pro-wrap .center-box .short-item {
  width: 420px;
  height: 440px;
}

.home-page .pro-wrap .center-box .pro-tit {
  width: 100%;
  height: 200px;
  font-size: 40px;
  color: #fff;
  background-color: rgba(0, 0, 0, 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;
}