@charset "UTF-8";
body {
  position: relative;
}

.index-title {
  width: 1.75rem;
  height: 0.65rem;
  margin: 0 auto 0.4rem;
}

.more-btn {
  text-align: center;
}

.more-btn a {
  display: inline-block;
  width: 1rem;
  height: 0.3rem;
  background: url(../image/more-btn.png) no-repeat;
  background-size: 100%;
}

.banner-swiper {
  padding-top: 0.88rem;
  width: 100%;
}

.banner-swiper .swiper-slide {
}

.banner-swiper img {
  width: 100%;
}

.index-data {
  padding: 0.4rem 0 0.5rem;
  overflow: hidden;
  background: #FFFFFF;
}

.index-data .index-title {
  background: url(../image/index-data-title.png) no-repeat;
  background-size: 100% 100%;
}

.index-data .index-content {
  height: 5.96rem;
  background: url(../image/data-bg.png) no-repeat;
  background-size: 100% 100%;
}

.index-data .index-content .total-index {
  height: 3.2rem;
  position: relative;
  transform: scale(0.5);
}

.index-data .index-content .total-index .item-content {
  position: absolute;
  width: 5.84rem;
  height: 5.84rem;
  text-align: center;
  background: #79A6FF;
  border-radius: 50%;
  left: 50%;
  top: -45%;
  transform: translateX(-50%);
  background: url(../image/data-center-bg.png) no-repeat;
  background-size: 100% 100%;
}

.index-data .index-content .total-index .item-content .outer-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6.26rem;
  height: 6.26rem;
  background: url(../image/outer-ring.png) no-repeat;
  background-size: 100% 100%;
  animation: circleRoate 25s infinite linear;
}

.index-data .index-content .total-index .item-content .item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}

.index-data .index-content .total-index .item-content .item .range span {
  display: inline-block;
  font-size: 0.36rem;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0.12rem 0.24rem 0.1rem;
  letter-spacing: 2px;
}

.index-data .index-content .total-index .item-content .item .range span.up {
  background: linear-gradient(0deg, rgba(225, 0, 25, 0.83), rgba(255, 108, 129, 0.83));
}

.index-data .index-content .total-index .item-content .item .range span.down {
  background: linear-gradient(0deg, rgba(46, 242, 26, 0.83), rgba(0, 96, 27, 0.83));
}

.index-data .index-content .total-index .item-content .item .category-name {
  padding-top: 0.1rem;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 0.22rem;
}

.index-data .index-content .total-index .item-content .item .category-name .zh-name {
  font-size: 0.44rem;
}

.index-data .index-content .total-index .item-content .item .index-value {
  padding-top: 0.2rem;
  font-weight: 600;
  color: #FFFFFF;
}

.index-data .index-content .total-index .item-content .item .cycle {
  font-size: 0.46rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #FFFFFF;
}

.index-data .index-content .sub-index {
  position: relative;
}

.index-data .index-content .sub-index .index-swiper {
  width: 75%;
  margin: 0 auto;
  height: 2.72rem;
}

.index-data .index-content .sub-index .index-swiper .swiper-slide {
  height: 2.72rem;
  width: 2.72rem;
  overflow: hidden;
  position: relative;
}

.index-data .index-content .sub-index .index-swiper .swiper-slide .item-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.4);
  width: 6rem;
  height: 6rem;
  text-align: center;
  border-radius: 50%;
  background: #79A6FF;
}

.index-data .index-content .sub-index .index-swiper .swiper-slide .item-content .item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}

.index-data .index-content .sub-index .index-swiper .swiper-slide .item-content .item .range span {
  display: inline-block;
  font-size: 0.36rem;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0.12rem 0.24rem 0.1rem;
  letter-spacing: 1px;
}

.index-data .index-content .sub-index .index-swiper .swiper-slide .item-content .item .range span.up {
  background: linear-gradient(0deg, rgba(225, 0, 25, 0.83), rgba(255, 108, 129, 0.83));
}

.index-data .index-content .sub-index .index-swiper .swiper-slide .item-content .item .range span.down {
  background: linear-gradient(0deg, rgba(46, 242, 26, 0.83), rgba(0, 96, 27, 0.83));
}

.index-data .index-content .sub-index .index-swiper .swiper-slide .item-content .item .category-name {
  padding-top: 0.1rem;
  font-family: SourceHanSansCN-Bold;
  color: #FFFFFF;
  font-size: 0.27rem;
}

.index-data .index-content .sub-index .index-swiper .swiper-slide .item-content .item .category-name .zh-name {
  font-size: 0.45rem;
}

.index-data .index-content .sub-index .index-swiper .swiper-slide .item-content .item .index-value {
  padding-top: 0.2rem;
  font-weight: 600;
  color: #FFFFFF;
}

.index-data .index-content .sub-index .index-swiper .swiper-slide .item-content .item .cycle {
  font-size: 0.48rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #FFFFFF;
}

@keyframes circleRoate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.number-animate {
  line-height: 1rem;
  height: 1rem;
  overflow: hidden;
  display: inline-block;
  position: relative;
}

.number-animate .number-animate-dot {
  width: 0.6rem;
  float: left;
  text-align: center;
}

.number-animate .number-animate-dom {
  width: 0.6rem;
  text-align: center;
  float: left;
  margin: 0 0.03rem;
  position: relative;
  top: 0;
}

.number-animate .number-animate-dom span, .number-animate .number-animate-dot span {
  float: left;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.8rem;
  color: #fff;
  background: linear-gradient(to bottom, rgba(52, 130, 240, 0.8), rgba(105, 165, 240, 0.8), rgba(52, 130, 240, 0.8));
}

.number-animate .number-animate-dom:nth-last-child(3) {
  width: 0.33rem;
}

.index-reviews {
  width: 100%;
  padding: 0.4rem 0 0.2rem;
}

.index-reviews .index-title {
  height: 0.65rem;
  background: url(../image/index-comment-title.png) no-repeat;
  background-size: 100% 100%;
}

.index-reviews .reviews-content {
  padding: 0 0.2rem;
}

.index-reviews .comment-list li {
  overflow: hidden;
  background: #FAFAFA;
  box-shadow: 4px 6px 5px 0px rgba(5, 17, 67, 0.1);
  border-radius: 0.1rem;
  margin-bottom: 0.24rem;
}

.index-reviews .comment-list li .comment-header {
  height: 0.48rem;
  padding: 0 .3rem;
  line-height: .48rem;
  background: linear-gradient(90deg, rgba(113, 152, 255, 0.96), rgba(21, 105, 255, 0.96));
}

.index-reviews .comment-list li .comment-header a {
  display: block;
  float: left;
  font-size: .2rem;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .48rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index-reviews .comment-list li .comment-header .time {
  float: right;
  font-size: .2rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
}

.index-reviews .comment-list li .profile {
  padding: 0.2rem 0.25rem;
  font-size: 0.16rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #7C7C7C;
  line-height: 0.32rem;
}

.index-reviews .comment-list li .profile p {
  height: .64rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* 表示盒子对象的子元素的排列方式 */
  -webkit-line-clamp: 2;
  /* 限制文本的行数，表示文本第多少行省略 */
  text-overflow: ellipsis;
  /*  打点展示 */
  overflow: hidden;
  /*超出部分进行隐藏*/
  margin-bottom: 0;
}

.index-map {
  background: #FFFFFF;
  padding: 0.4rem 0 0.2rem;
}

.index-map .index-title {
  width: 1.73rem;
  height: 0.66rem;
  background: url(../image/index-map-title.png) no-repeat;
  background-size: 100% 100%;
}

.index-map .map-content {
  height: 5rem;
  z-index: 100;
}

.index-company {
  width: 100%;
  padding: 0.4rem 0 0.2rem;
}

.index-company .index-title {
  width: 1.92rem;
  height: 0.66rem;
  background: url(../image/index-company-title.png) no-repeat;
  background-size: 100% 100%;
}

.index-company .company-box {
  position: relative;
  height: 6.1rem;
  margin: 0.2rem 0;
}

.index-company .company-box .company-content {
  margin: 0 auto;
  position: relative;
  height: 100%;
  width: 5rem;
}

.index-company .company-box .company-content .swiper-company {
  height: 100%;
}

.index-company .company-box .company-content .swiper-slide {
  padding: 0 0.15rem 0.05rem;
  height: 1.67rem;
}

.index-company .company-box .company-content .swiper-slide .item {
  height: 1.67rem;
  background: #FFFFFF;
  box-shadow: 1px 3px 6px 1px rgba(1, 3, 20, 0.1);
  border-radius: 0.1rem;
}

.index-company .company-box .company-content .swiper-slide .item a {
  display: block;
  width: 100%;
  height: 100%;
}

.index-news {
  width: 100%;
  padding: 0.4rem 0 0.2rem;
  
background: #FAF9F7;
}

.index-news .index-title {
  height: 0.6rem;
  background: url(../image/index-news-title.png) no-repeat;
  background-size: 100% 100%;
}

.index-news .news-content {
  padding: 0.2rem;
  margin-bottom: .4rem;
  background: #F0F5FE;
}

.index-news .news-list .item-first {
  display: block;
  position: relative;
  height: 4.6rem;
  margin-bottom: .2rem;
  overflow: hidden;
}
.index-news .news-list .item-first .title-box {
          position: absolute;
          left: 0;
          right: 0;
          padding: 0 .2rem;
          bottom: .1rem;
          font-size: .32rem;
          font-family: AlibabaPuHuiTi_2_85_Bold;
          color: #FFFFFF;
          overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
}
.index-news .news-list .item {
  display: block;
  padding: .3rem 0 .2rem;
  border-bottom: .02rem dashed #979797;
}
.index-news .news-list .item .news-box {
  font-size: .24rem;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  color: #7C808C;
  text-align: right;
}
.index-news .news-list .item .news-box .title {
  height: .84rem;
  margin-bottom: .1rem;
  font-size: .30rem;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  color: #4F4F4F;
  line-height: .42rem;
  text-align: left;
  display:-webkit-box;
            -webkit-line-clamp:2;
            -webkit-box-orient:vertical;
            overflow:hidden;
}

.index-introduce {
  background: #FFFFFF;
  width: 100%;
  padding: 0.4rem 0.2rem;
}

.index-introduce .index-title {
  width: 2.16rem;
  height: 0.66rem;
  background: url(../image/index-introduct-title.png) no-repeat;
  background-size: 100% 100%;
}

.index-introduce .introduce-content {
  padding: .3rem .4rem;
  background: #5498FD;
  border-radius: 0.2rem;
  color: #fff;
  font-size: 0.28rem;
  line-height: 0.4rem;
  text-align: justify;
}

.button-next, .button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.52rem;
  height: 1rem;
}

.button-next {
  right: 0.4rem;
  background: url(../image/common-right.png);
  background-size: 100% 100%;
}

.button-prev {
  left: 0.4rem;
  background: url(../image/common-left.png);
  background-size: 100% 100%;
}