@charset "UTF-8";
.navbar {
  z-index: 99;
}

.newEnergyCar-banner {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  background-image: url(../images/newEnergyCar/1.png);
  background-size: cover;
  background-position: center;
  padding-left: 10.4166vw;
  margin-top: -80px;
  position: relative;
  box-sizing: border-box;
}
.newEnergyCar-banner.water-circulation-banner {
  height: 28.125vw;
  background-image: url(../images/freshwater/2.png);
}
.newEnergyCar-banner.water-circulation-banner .title-p {
  font-size: 1.875vw;
}
.newEnergyCar-banner .content {
  max-width: 32.4479vw;
  color: #fff;
  position: relative;
  z-index: 3;
}
.newEnergyCar-banner .video {
  display: block;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #181b21;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
}

.content-container {
  padding: 0 10.4166vw;
}
.content-container .tab-warp {
  height: 5.78125vw;
  border-bottom: 1px solid rgba(51, 51, 51, 0.16);
  justify-content: center;
  padding-top: 1.875vw;
}
.content-container .tab-warp .tab-btn {
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 1.042vw;
  color: #999999;
  padding: 0 1.82291vw;
  text-decoration: none;
  margin: 0 5.109vw;
}
.content-container .tab-warp .tab-btn.active {
  color: #333;
  position: relative;
}
.content-container .tab-warp .tab-btn.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  height: 3px;
  background-color: #dc331a;
  width: 100%;
}
.content-container .staggered-box {
  padding-bottom: 5vw;
}
.content-container .staggered-box .row-div {
  padding-top: 5vw;
  justify-content: space-between;
  align-items: center;
}
.content-container .staggered-box .row-div:nth-of-type(2n) {
  flex-direction: row-reverse;
}
.content-container .staggered-box .row-div .text-box {
  width: 20.885vw;
}
.content-container .staggered-box .row-div .text-box .title-p {
  font-size: 1.875vw;
  font-weight: 500;
  color: #333;
  margin-bottom: 1.25vw;
}
.content-container .staggered-box .row-div .text-box .desc-p {
  font-size: 1.25vw;
  color: #666666;
  line-height: 1.719vw;
}
.content-container .staggered-box .row-div .img-box {
  width: 55.26vw;
}
.content-container .staggered-box .row-div .img-box img {
  display: block;
  width: 100%;
}
.content-container .product-power {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.042vw;
}
.content-container .product-power .item-div {
  overflow: hidden;
}
.content-container .product-power .item-div .left-box {
  display: flex;
  width: 12.5vw;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.042vw 0.41667vw 1.563vw 1.66667vw;
  margin-right: 0.52083vw;
  flex-shrink: 0;
  background-color: #f2f3ed;
}
.content-container .product-power .item-div .left-box .icon-img {
  width: 2.60417vw;
  height: 2.60417vw;
}
.content-container .product-power .item-div .left-box .title-p {
  font-size: 1.04167vw;
  color: #333333;
  margin-bottom: 0.41667vw;
}
.content-container .product-power .item-div .left-box .desc-p {
  font-size: 0.625vw;
  color: #666666;
  line-height: 1.04167vw;
  margin: 0;
}
.content-container .product-power .item-div:nth-of-type(2) .right-box {
  background-image: url(../images/newEnergyCar/car/4.png);
}
.content-container .product-power .item-div:nth-of-type(3) .right-box {
  background-image: url(../images/newEnergyCar/car/5.png);
}
.content-container .product-power .item-div:nth-of-type(4) .right-box {
  background-image: url(../images/newEnergyCar/car/6.png);
}
.content-container .product-power .item-div .right-box {
  flex: 1;
  min-height: 14.0625vw;
  background-position: center;
  background-image: url(../images/newEnergyCar/car/3.png);
  background-size: cover;
}
.content-container .product-power .item-div .right-box .show-img {
  display: block;
  width: 100%;
}
.content-container .fluid-box {
  background-color: #181b21;
  padding: 5vw 9.375vw;
  margin: 0 -9.375vw;
}
.content-container .fluid-box .title-div {
  color: #fff;
}
.content-container .fluid-box .desc-div {
  color: #f1f1f1;
  padding: 0 21.108vw;
}
.content-container .fluid-box .img-div {
  justify-content: space-between;
  padding-top: 2.5vw;
}
.content-container .fluid-box .img-div .item {
  margin: 0 1.042vw;
}
.content-container .block-div {
  padding-top: 5vw;
}
.content-container .block-div-fluid {
  margin: 0 -10.417vw;
  height: 26.042vw;
  padding-top: 0;
  margin-top: 5vw;
  background-image: url(../images/newEnergyCar/10.png);
  background-position: center;
  background-size: cover;
}
.content-container .block-div-fluid.bg-car {
  background-image: url(../images/newEnergyCar/car/2.png);
}
.content-container .block-div-fluid.bg-car .desc-p {
  padding: 5.208vw 20.354vw 0;
}
.content-container .block-div-fluid .desc-p {
  font-size: max(1.875vw, 16px);
  color: #f1f1f1;
  text-align: center;
  padding: 5.208vw 21.354vw 0;
}
.content-container .title-div {
  font-size: 1.875vw;
  color: #333333;
  line-height: 2.552vw;
  margin-bottom: 1.25vw;
  text-align: center;
}
.content-container .desc-div {
  font-size: 1.25vw;
  color: #666666;
  line-height: 1.771vw;
  margin-bottom: 1.25vw;
  text-align: center;
  margin-bottom: 4.583vw;
  padding: 0 12.344vw;
}
.content-container .desc-div.p-237 {
  padding: 0 11.31375vw 0;
}
.content-container .desc-div.desc-div-sm {
  font-size: 0.83333vw;
  padding: 0 8.33333vw;
}
.content-container .img-div {
  justify-content: space-between;
}
.content-container .img-div .mr-40 {
  margin-right: 2.083vw;
}
.content-container .img-div .item {
  flex: 1;
}
.content-container .img-div .item .show-img {
  display: block;
  width: 100%;
  height: auto !important;
}
.content-container .img-div .item .desc-p {
  font-size: 0.938vw;
  color: #f1f1f1;
  line-height: 1.302vw;
  margin-top: 1.563vw;
}
.content-container .block-show-img {
  display: block;
  width: 100%;
  margin-top: -1.04167vw;
}
.content-container .step-div {
  align-items: center;
  padding-top: 2.08333vw;
}
.content-container .step-div .item {
  flex: 1;
  flex-shrink: 0;
}
.content-container .step-div .item .title-p {
  font-size: 1.25vw;
  color: #333;
  text-align: center;
  margin-bottom: 0.625vw;
}
.content-container .step-div .item .desc-p {
  font-size: 0.72917vw;
  color: #666666;
  line-height: 1.04167vw;
  text-align: justify;
}
.content-container .step-div .item-arrow {
  padding: 0 3.38542vw;
  flex-shrink: 0;
}
.content-container .block-div-yingyong {
  box-sizing: border-box;
  margin: 0 -10.41667vw;
  padding: 2vw 10.41667vw 0;
  align-items: center;
  height: 36.35417vw;
  background-image: url(../images/freshwater/4.png);
  background-color: #000;
  background-size: cover;
  background-position: center;
}
.content-container .block-div-yingyong .content-div {
  background-color: #dc331a;
  padding: 1.04167vw;
  color: #fff;
  margin-left: auto;
  width: 34.58333vw;
}
.content-container .block-div-yingyong .content-div .title-p {
  font-size: 1.04167vw;
  margin-bottom: 1.5625vw;
}
.content-container .block-div-yingyong .content-div .desc-p {
  font-size: 0.83333vw;
  margin-bottom: 1.5625vw;
}
.content-container .block-div-yingyong .content-div .desc-p:last-child {
  margin-bottom: 0;
}
.content-container .huanbao-div {
  justify-content: space-between;
}
.content-container .huanbao-div .item {
  flex: 1;
  flex-shrink: 0;
  margin-right: 1.30208vw;
}
.content-container .huanbao-div .item .show-img {
  display: block;
  width: 100%;
  margin-bottom: 1.30208vw;
}
.content-container .huanbao-div .item:last-child {
  margin-right: 0;
}
.content-container .huanbao-div .item .title-p {
  font-size: 1.25vw;
  color: #333;
  margin-bottom: 0.625vw;
}
.content-container .huanbao-div .item .desc-p {
  font-size: 0.72917vw;
  color: #666666;
  line-height: 1.04167vw;
  text-align: justify;
}
.content-container .target-list {
  padding: 1.5625vw 0 5vw;
  margin: 0;
}
.content-container .target-list .item-li {
  flex-shrink: 0;
  flex: 1;
  margin-right: 16px;
  background-color: #f4f4f4;
  padding: 3.125vw 1.5625vw 2.08333vw;
  list-style: none;
}
.content-container .target-list .item-li .icon-img {
  width: 3.125vw;
  height: 3.125vw;
  display: block;
  margin-bottom: 0.83333vw;
}
.content-container .target-list .item-li .title-p {
  font-size: 1.25vw;
  color: #333;
  margin-bottom: 0.625vw;
}
.content-container .target-list .item-li .desc-p {
  font-size: 0.72917vw;
  color: #666666;
  line-height: 1.04167vw;
  text-align: justify;
}
.content-container .target-list .item-li:last-child {
  margin-right: 0;
}
.content-container .city-module {
  background-color: #fafafa;
  margin: 5.625vw -10.41667vw 0;
  padding: 3.75vw 10.41667vw;
}
.content-container .city-module .tab-warp .tab-btn {
  margin: 0 4.58333vw;
}
.content-container .city-module .city-tab-warp {
  padding-top: 3.02083vw;
  width: 100%;
  overflow: hidden;
}
.content-container .city-module .city-tab-warp .tab-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.content-container .city-module .city-tab-warp .tab-content:not(:nth-child(1)) {
  display: none;
}
.content-container .city-module .city-tab-warp .left-box {
  width: 29.58333vw;
  flex-shrink: 0;
  margin-right: 4.58333vw;
}
.content-container .city-module .city-tab-warp .left-box .title-p {
  font-size: 1.45833vw;
  color: #333;
  margin-bottom: 0.625vw;
  font-weight: 600;
}
.content-container .city-module .city-tab-warp .left-box .desc-p {
  font-size: 0.72917vw;
  color: #666666;
  line-height: 1.04167vw;
  text-align: justify;
  margin-bottom: 0.625vw;
}
.content-container .city-module .city-tab-warp .left-box .desc-p span {
  color: #333333;
  font-weight: 600;
}
.content-container .city-module .city-tab-warp .left-box .p-list .desc-p {
  position: relative;
  padding-left: 1.04167vw;
}
.content-container .city-module .city-tab-warp .left-box .p-list .desc-p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.20833vw;
  width: 0.625vw;
  height: 0.625vw;
  border-radius: 50%;
  background-color: #666666;
  flex-shrink: 0;
}
.content-container .city-module .city-tab-warp .right-box {
  flex: 1;
}
.content-container .city-module .city-tab-warp .right-box .show-img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .newEnergyCar-banner .content {
    max-width: 80vw;
  }
  .newEnergyCar-banner.water-circulation-banner {
    height: 100vh;
  }
  .newEnergyCar-banner .title {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .newEnergyCar-banner .desc {
    font-size: 16px;
  }
  .content-container .img-div .item .show-img {
    height: auto;
  }
  .content-container .block-div-fluid {
    height: auto;
    min-height: 28vw;
    padding-bottom: 5vw;
  }
  .content-container .block-div-fluid .desc-p {
    padding: 5.208vw 8.354vw 0;
  }
  .ul_ol ol {
    margin-left: 0 !important;
  }
  .desc-p,
  .title-p,
  .title-div,
  .desc-div {
    line-height: 1.1 !important;
  }
  .tab-warp {
    width: 100%;
  }
  .tab-warp .tab-btn {
    margin: 0 1px !important;
    padding: 0 2px !important;
    white-space: nowrap;
  }
  .content-container .product-power {
    grid-template-columns: 1fr;
  }
  .content-container .product-power .item-div .left-box {
    width: 30vw;
  }
  .content-container .block-div-yingyong .content-div {
    width: 100%;
  }
  .content-container .step-div {
    flex-direction: column;
    padding-bottom: 5vw;
  }
  .content-container .step-div .item-arrow {
    transform: rotate(90deg);
  }
  .content-container .huanbao-div {
    flex-direction: column;
    text-align: center;
  }
  .content-container .huanbao-div .item {
    padding-bottom: 5vw;
  }
  .content-container .city-tab-warp .tab-content {
    flex-direction: column-reverse;
  }
  .content-container .city-tab-warp .tab-content .left-box {
    width: 85%;
    box-sizing: border-box;
    padding: 5vw 0;
  }
  .content-container .city-tab-warp .tab-content .left-box p {
    margin-bottom: 2vw !important;
  }
  .content-container .block-div-yingyong {
    height: auto;
    padding: 6vw 10vw;
  }
  .content-container .target-list {
    flex-direction: column;
  }
  .content-container .target-list .item-li {
    margin-right: 0;
    margin-bottom: 2vw;
  }
  .content-container .city-module .tab-warp {
    height: auto;
  }
  .content-container .city-module .tab-warp .tab-btn {
    white-space: normal !important;
    line-height: 1.1;
    padding-bottom: 1.5vw !important;
  }
  .newEnergyCar-banner.newEnergyCar-video {
    background-image: url(../images/newEnergyCar/car/1.png);
  }
  .newEnergyCar-banner.newEnergyCar-video .video {
    display: none;
  }
}
body {
  /* IOS禁止微信调整字体大小 */
  -webkit-text-size-adjust: 100% !important;
}

::-webkit-scrollbar {
  display: none;
}/*# sourceMappingURL=newEnergyCar.css.map */