@charset "UTF-8";

.energyManagement .managementBanner {
  width: 100%;
  height: 5.29rem;
  background: url(../images/官网产品服务/nyglxt-banner.png) no-repeat;
  background-size: cover;
}

.energyManagement .productFeatures {
  height: 4.11rem;
  width: 100%;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

.energyManagement .productFeatures .featuresTop {
  font-size: 0.2rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #252525;
}

.energyManagement .productFeatures .featuresBottom {
  display: flex;
  justify-content: center;
}

.energyManagement .productFeatures .featuresBottom .bottomItem {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.energyManagement .productFeatures .featuresBottom .bottomItem .itemName {
  font-size: 0.15rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #252525;
  margin: 0.27rem 0 0.23rem 0;
}

.energyManagement .productFeatures .featuresBottom .bottomItem .itemDesc {
  width: 2.08rem;
  text-align: center;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #252525;
  opacity: 0.7;
}

.energyManagement
  .productFeatures
  .featuresBottom
  .bottomItem:not(:nth-child(5)) {
  margin-right: 0.6rem;
}

.energyManagement .productValue {
  height: 5.99rem;
  width: 100%;
  background: #f7f6f6;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

.energyManagement .productValue .valueTitle {
  font-size: 0.2rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #252525;
}

.energyManagement .productValue .swiper {
  padding: 0 0.44rem;
  position: relative;
  box-sizing: border-box;
}

.energyManagement .productValue .swiper .swiper-button-prev {
  background: url(../images/通用/arrow-l.png) no-repeat !important;
  outline: none;
}

.energyManagement .productValue .swiper .swiper-button-next {
  background: url(../images/通用/arrow-r.png) no-repeat !important;
  outline: none;
}

.energyManagement .productValue .swiper .swiper-container {
  height: 3.68rem;
  width: 12rem;
  background: #f7f6f6;
}

.energyManagement .productValue .swiper .swiper-container .swiper-wrapper {
  width: 100%;
}

.energyManagement
  .productValue
  .swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide {
  display: flex;
  transition: 300ms;
  transform: scale(0.8, 0.8);
  justify-content: center;
}

.energyManagement
  .productValue
  .swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide-active {
  width: 6.93rem !important;
}

.energyManagement
  .productValue
  .swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .slide-item {
  width: 6.93rem;
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 6px;
  padding: 0 0.22rem;
  box-sizing: border-box;
}

.energyManagement
  .productValue
  .swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .slide-item
  .left {
  width: 1.8rem;
  /* text-align: center; */
}

.energyManagement
  .productValue
  .swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .slide-item
  .left
  .topTitle {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #252525;
}

.energyManagement
  .productValue
  .swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .slide-item
  .left
  .bottomDesc {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #252525;
  line-height: 25px;
}

.energyManagement
  .productValue
  .swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .slide-item
  .right {
  width: 4.66rem;
  height: 3.18rem;
  background: url(../images/官网产品服务/cpjz-pic1.png) no-repeat;
  background-size: cover;
}

.energyManagement
  .productValue
  .swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide:nth-of-type(2)
  .slide-item
  .right {
  background: url(../images/官网产品服务/cpjz-pic2.jpg) no-repeat;
}

.energyManagement
  .productValue
  .swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide.swiper-slide-active {
  transform: scale(1, 1);
  z-index: 100;
}

.center {
  height: 4.11rem;
  background: #ffffff;
}

.center .list {
  padding-left: 2.8rem;
}

.center .list .tab {
  height: 3rem;
  width: 2rem;
  float: left;
  margin: 0.1rem 0.35rem;
  text-align: center;
}

.center .list .tab .images {
  font-size: 16px;
  padding-top: 0.2rem;
}

.center .list .tab .title {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #252525;
  margin-bottom: 0.1rem;
  margin-top: 0.26rem;
}

@media all and (min-width: 1366px) {
  .center .list .tab .title {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #252525;
    margin-bottom: 0.1rem;
    margin-top: 0.35rem;
  }

  .center .list .tab {
    height: 3rem;
    width: 2rem;
    float: left;
    margin: 0.3rem 0.35rem;
    text-align: center;
  }
}

.center .list .tab .content {
  width: 2.1rem;
  font-size: 13px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #252525;
  opacity: 0.7;
  line-height: 0.24rem;
}

.tag {
  padding-top: 0.7rem;
  text-align: center;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #252525;
  box-sizing: border-box;
}