body {
  position: relative;
  background: #F7F9FA;
}

.whole-swiper {
  height: 100%;
  width: 100%;
}

.module-title {
  position: relative;
  padding: .4rem 0 .2rem;
  font-weight: 600;
}

.module-title .title {
  font-size: .36rem;
  color: #292929;
  letter-spacing: .1rem;
}

.module-title .en-title {
  display: inline-block;
  padding: 0 0.1rem;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 1px;
  background: #506AC2;
  text-align: center;
}

.index-banner .banner-swiper {
  height: calc(100vh - .88rem);
}

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

.common-slide {
  padding-top: 0.88rem;
  overflow: hidden;
}

.common-slide > div {
  height: 100%;
}

.index-data {
  padding: 0 .2rem 0.4rem;
  background: url(../image/data-bg.png) no-repeat;
  background-size: 100% 100%;
  height: calc(100vh - .88rem);
}

.index-data .index-content .cate-box {
  width: 100%;
  margin-bottom: .2rem;
  text-align: center;
}

.index-data .index-content .cate-box .data-cate {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 0px;
}

.index-data .index-content .cate-box .index-box {
  width: 49.2%;
  margin-bottom: .12rem;
  padding: .3rem .16rem;
  background: #DADADA;
  font-size: .28rem;
  font-weight: 600;
  color: #292929;
}

.index-data .index-content .cate-box .index-box.active {
  background: #566CB3;
  color: #FFFFFF;
}

.index-data .index-content .chart-container {
  margin-top: .24rem;
  height: 7.2rem;
}

.index-comment {
  padding: 0 0.2rem;
  background: url(../image/comment-bg.png) no-repeat;
  background-size: 100% 100%;
  height: calc(100vh - .88rem);
}

.index-comment .comment-container .item {
  display: block;
  position: relative;
  margin-left: .24rem;
  margin-bottom: .5rem;
  padding: .92rem 0.18rem 0.10rem;
  min-height: 2.78rem;
  background: #FFFFFF;
}

.index-comment .comment-container .item::after {
  position: absolute;
  left: 0;
  top: .48rem;
  width: 100%;
  content: '';
  border-top: dotted .04rem #4B88E3;
  z-index: 1;
}

.index-comment .comment-container .item .date {
  position: absolute;
  top: .14rem;
  left: -0.24rem;
  width: 2.28rem;
  height: .7rem;
  background: #4B88E3;
  line-height: .68rem;
  text-align: center;
  font-size: .36rem;
  font-weight: 600;
  color: #FFFFFF;
  z-index: 10;
}

.index-comment .comment-container .item .title {
  padding-bottom: .04rem;
  margin-bottom: .06rem;
  font-size: .32rem;
  font-weight: 600;
  color: #292929;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #D7D7D7;
}

.index-comment .comment-container .item .profile {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: .28rem;
  color: #333333;
}

.index-company {
  padding: 0 0.2rem;
  background: url(../image/company-bg.png) no-repeat;
  background-size: 100% 100%;
  height: calc(100vh - .88rem);
}

.index-company .company-container .item {
  display: block;
  margin-bottom: .4rem;
  padding: .2rem .12rem .14rem;
  border: 1px solid #AEB1B0;
  font-size: .24rem;
  color: #FFFFFF;
}

.index-company .company-container .item .type {
  width: 1.4rem;
  height: .52rem;
  background: #4371B2;
  border-radius: .08rem;
  font-weight: 600;
  letter-spacing: .02rem;
  text-align: center;
  line-height: .52rem;
}

.index-company .company-container .item .title {
  padding: .12rem 0;
  font-size: 18px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.index-company .company-container .item .profile {
  height: 1.36rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-height: 0.34rem;
}

.index-company .company-container .item .address, .index-company .company-container .item .phone {
  margin-top: .12rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.index-company .company-container .item .more {
  text-align: right;
  font-weight: 600;
}

.index-product {
  padding: 0 0.2rem;
  background: url(../image/product-bg.png) no-repeat;
  background-size: 100% 100%;
  height: calc(100vh - .88rem);
}

.index-product .product-container .swiper-slide {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.index-product .product-container .item {
  width: 48.6%;
  margin-bottom: .12rem;
}

.index-product .product-container .item .product-img {
  height: 2.7rem;
}

.index-product .product-container .item .title {
  padding: .08rem 0 0.02rem;
  font-size: .28rem;
  font-weight: 600;
  color: #1D3171;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.index-info {
  padding: 0 0.2rem;
  background: url(../image/info-bg.png) no-repeat;
  background-size: 100% 100%;
  height: calc(100vh - .88rem);
}

.index-info .info-container .item {
  display: block;
  background: #FFFFFF;
  padding: .14rem;
}

.index-info .info-container .item .title {
  padding-bottom: .08rem;
  font-size: .32rem;
  font-weight: 600;
  color: #292929;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: .1rem solid #8FAABD;
}

.index-info .info-container .item .time {
  width: 2.48rem;
  height: .64rem;
  margin-bottom: .2rem;
  background: #418ACA;
  font-size: .32rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  line-height: .64rem;
}

.index-info .info-container .item .profile {
  height: .8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .28rem;
  color: #454545;
  line-height: .4rem;
}

.index-info .info-container .item.first {
  position: relative;
  padding-bottom: .2rem;
}

.index-info .info-container .item.first::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  content: '';
  border: 1px solid #2C7DC5;
}

.index-info .info-container .item.first .img-box {
  height: 2.14rem;
}

.index-info .info-container .item.first .img-box .img {
  width: 3.5rem;
  height: 100%;
  float: left;
}

.index-info .info-container .item.first .img-box .time {
  float: right;
  width: 3.06rem;
  height: .8rem;
  background: #F4F4F4;
  font-size: .36rem;
  font-weight: 600;
  color: #2C7DC5;
  line-height: .8rem;
}

.index-info .info-container .item.first .info-text .title {
  border: none;
}

.index-info .info-container .item.first .info-text .profile {
  height: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: .4rem;
}