@media screen and (max-width: 1200px){
  .banner-box{
    height: 4.15rem !important;
  }
  .banner-box .content .left{
    margin-right: 0 !important;
  }
  .banner-box .content .left .title{
    font-size: 0.45rem !important;
  }
  .banner-box .content .left .des{
    font-size: 0.2rem !important;
  }
  .banner-box .content .right img{
    width: 5rem !important;
  }
}
@media screen and (max-width: 1024px){
  .banner-box{
    height: 3.15rem !important;
  }
  .banner-box .content .left .title{
    font-size: 0.35rem !important;
  }
  .banner-box .content .left .des{
    width: 3.2rem !important;
    font-size: 0.2rem !important;
  }
  .banner-box .content .right img{
    width: 3.8rem !important;
  }
}
@media screen and (max-width: 768px) {
  .chapter-2 .serve-list{
    flex-direction: column;
    height: auto !important;
  }
  .banner-wrapper{
    display: none;
  }
  .pe-banner-wrapper{
    display: block !important;
  }

  .chapter-2 .serve-list{
    display: none !important;
  }
  #swiper-1{
    display: block !important;
  }

  .pe-cooperate{
    display: flex !important;
  }
  #swiper-2{
    display: none !important;
  }

  /* 字体 */
  .title-box .title{
    font-size: 0.4rem !important;
  }
  .title-box .des{
    font-size: 0.28rem !important;
  }

  .number-exhibit .number-box .title{
    font-size: 0.25rem !important;
  }
  .number-exhibit .number-box .des{
    font-size: 0.42rem !important;
  }
  .number-exhibit .number-box .des span{
    font-size: 0.34rem !important;
  }
}
@media screen and (max-width: 640px) {
  .chapter-1 .number-exhibit{
    flex-wrap: wrap;
    height: calc(1.73rem * 2) !important;
  }
  .chapter-1 .number-exhibit .number-box{
    width: 50%;height: 50% !important;
  }
}

#main{
  height: 100%;
  margin-top: 0.7rem;
}

.pe-banner-wrapper{
  display: none;
  width: 100%;
}
/* 顶部banner图 */
.banner-wrapper{
  background: url('../img/首页背景.png') no-repeat center center;
  background-size: cover;
  width: 100%;
}
.banner-box{
  height: 5.15rem;
  position: relative;
  display: flex;
  align-items: center;
}
.banner-box .bg-banner{
  height: 5.15rem;
  position: absolute;
  left: 0;top: 0;
  z-index: -1;
}
.banner-box .content{
  height: 100%;width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner-box .content .left{
  margin-right: 0.4rem;
}
.banner-box .content .left .title{
  margin-bottom: 0.16rem;
  font-size: 0.5rem;
  font-weight: bold;
  color: white;
  text-shadow: 0 0.03rem 0.06rem #1743BD;
}
.banner-box .content .left .des{
  width: 3.8rem;
  font-size: 0.24rem;
  color: #2E68E9;
  padding: 0 0.16rem;
  height: 0.42rem;
  border-radius: 0.25rem;
  background-image: linear-gradient(#FEFEFF, #D3E9FE) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner-box .content .right{
  height: 100%;
  display: flex;
  align-items: flex-end;
  
}
.banner-box .content .right img{
  width: 6.25rem;
}

/* 数字化供应链解决方案服务商 */
.chapter-1{
  width: 100%;
}
/* 头部title */
.chapter-1>.title-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;height: 1.95rem;
}
.chapter-1>.title-box .title{
  font-size: 0.32rem;
  color: #181818;
  font-weight: bold;
  margin-bottom: 0.10rem;
}
.chapter-1>.title-box .des{
  font-size: 0.14rem;
  color: #80848F;
}
/* 主要内容 */
.main-content-wrapper{
  background: url('../img/首页-服务商2.png') no-repeat center center;
  background-size: cover;
}
.chapter-1 .main-content{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.8rem;
}
.chapter-1 .main-content .bg-img{
  width: 100%;height: 100%;
  position: absolute;
  left: 0;top: 0;
  z-index: -1;
}
.chapter-1 .main-content .exhibit-content{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.chapter-1 .main-content .exhibit-content .exhibit-img{
  width: 6.28rem;
  margin-bottom: 0.2rem;
}
.chapter-1 .main-content .exhibit-content .details-btn{
  padding: 0.09rem 0.23rem;
  color: white;
  border-radius: 0.05rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #3568F5;
  cursor: pointer;
  text-decoration: none;
}
/* 数字展示 */
.number-exhibit-wrapper{
  background: url(../img/首页-数字.png) no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: center;
}
.chapter-1 .number-exhibit{
  height: 1.73rem;
  display: flex;
  align-items: center;
  margin: 0;
  justify-content: space-around;
}
.chapter-1 .number-exhibit .number-box{
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
}
.chapter-1 .number-exhibit .number-box .title{
  margin-bottom: 0.18rem;
  font-size: 0.16rem;
}
.chapter-1 .number-exhibit .number-box .des{
  font-size: 0.32rem;
}
.chapter-1 .number-exhibit .number-box .des span{
  font-size: 0.25rem;
}

/* 实施服务 */
.chapter-2{
  
}
.chapter-2 .title-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0.72rem 0 0.48rem;
}
.chapter-2 .title-box .text{
  font-size: 0.32rem;
  font-weight: bold;
  color: #181818;
  margin-bottom: 0.2rem;
}
.chapter-2 .title-box .line{
  width: 0.36rem;height: 0.03rem;
  background-color: #3568F5;
}
.chapter-2 .serve-list{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.53rem;
}
.chapter-2 .serve-list .serve-list-box{
  background-color: #F5F5F5;
  width: 2.4rem;height: 2.05rem;
  padding: 0.32rem 0.32rem 0;
  transition: all .3s;
}
.chapter-2 .serve-list .active{
  background-color: #3568F5 !important;
  /* background-image: linear-gradient(#8CAEFC, #5B86F8) !important; */
  background: url(../img/首页-实施服务.png) no-repeat center center;
  background-size: cover;
  height: 2.53rem;
}
.chapter-2 .serve-list .active .title{
  color: white !important;
}
.chapter-2 .serve-list .active .des{
  color: white !important;
}
.chapter-2 .serve-list .serve-list-box:nth-child(even){
  background-color: #EBEBEB;
}
.chapter-2 .serve-list .serve-list-box .icons{
  height: 0.28rem;
}
.chapter-2 .serve-list .serve-list-box .title{
  color: #181818;
  font-size: 0.18rem;
  margin: 0.16rem 0;
}
.chapter-2 .serve-list .serve-list-box .des{
  color: #80848F;
  font-size: 0.14rem;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

/* 合作伙伴 */
.chapter-3{
  
}
.chapter-3 .title-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0.72rem 0 0.48rem;
}
.chapter-3 .title-box .text{
  font-size: 0.32rem;
  font-weight: bold;
  color: #181818;
  margin-bottom: 0.2rem;
}
.chapter-3 .title-box .line{
  width: 0.36rem;height: 0.03rem;
  background-color: #3568F5;
}
/* 轮播样式 */
#swiper-2 {
  height: 3rem;
  position: relative;
} 
/* 去除默认样式 */
#swiper-2 .swiper-button-prev::after{
  display: none;
}
#swiper-2 .swiper-button-next::after{
  display: none;
}
#swiper-2 .swiper-wrapper{

}
#swiper-2 .swiper-wrapper .swiper-slide{
  padding: 0 0.4rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#swiper-2 .swiper-wrapper .swiper-slide img{
  width: 16.6%;
}
#swiper-2 .swiper-button-prev{
  width: 0.4rem;height: 0.4rem;
  background-color: #F9FAFB;
  border-radius: 50%;
  box-shadow: 0.04rem 0.04rem 0.1rem rgba(92, 109, 138, 0.12);
  background: url(../img/向左箭头.png) no-repeat center center;
  background-size: 50% 50%;
  left: 0;
}
#swiper-2 .swiper-button-next{
  width: 0.4rem;height: 0.4rem;
  background-color: #F9FAFB;
  border-radius: 50%;
  box-shadow: 0.04rem 0.04rem 0.1rem rgba(92, 109, 138, 0.12);
  background: url(../img/向右箭头.png) no-repeat center center;
  background-size: 50% 50%;
  right: 0;
}

.index-footer-bg{
 display: flex;
  justify-content: center;
}

/* 移动端样式 */
#swiper-1{
  display: none;
}
#swiper-1 .swiper-wrapper{

}
#swiper-1 .swiper-wrapper .swiper-slide{
  background-color: #F5F5F5;
  height: 240px;
  width: 300px;
  margin-right: 16px;
}
#swiper-1 .swiper-wrapper .swiper-slide:nth-child(even){
  background-color: #EBEBEB;
}
#swiper-1 .swiper-wrapper .swiper-slide .serve-list-box{
  width: 100%;height: 100%;
  padding: 30px;
  background: url(../img/首页-实施服务.png) no-repeat center center;
  background-size: cover;
}
#swiper-1 .swiper-wrapper .swiper-slide .serve-list-box .icons{
  width: 24px;
}
#swiper-1 .swiper-wrapper .swiper-slide .serve-list-box .title{
  font-size: 16px;
  line-height: 24px;
  padding: 16px 0 8px;
}
#swiper-1 .swiper-wrapper .swiper-slide .serve-list-box .des{
  font-size: 12px;
}

.pe-cooperate{
  width: 100%;
  flex-flow: row wrap;
  align-content: flex-start;
  display: none;
}
.pe-cooperate .cooperate-box{
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px 16px;
}
.pe-cooperate .cooperate-box img{
  width: 70%;
}