@charset "utf-8";

.colorf {
  color: #fff;
}

.color6 {
  color: #666666;
}

.color18 {
  color: #18d18e;
}

.color19 {
  color: var(--color);
}

.color22 {
  color: #222222;
}

.color33 {
  color: #333333;
}

.color46 {
  color: #465059;
}

.colorfd8 {
  color: rgba(255, 255, 255, 0.8);
}

.color1a {
  color: #1a1a1a;
}

.color3d {
  color: #3d3d3d;
}

.color76 {
  color: #767676;
}

.color18d {
  color: #18d18e;
}

.radius16 {
  border-radius: 16px;
  overflow: hidden;
}

.iyin {
  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;
}

.eyin {
  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;
}

.eyin4 {
  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;
}

@media (max-width: 1100px) {
  .radius16 {
    border-radius: 10px;
  }
}

.new-class {
  animation: xiala 1s linear 1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

@keyframes xiala {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/**主营业务**/

.noubanner .img .zz {
  position: absolute;

  left: 0;

  width: 100%;

  bottom: 0;

  z-index: 6;
}

.noubanner .text {
  position: absolute;

  left: 0;

  right: 0;

  top: 33.5%;

  padding-right: 50px;

  color: #fff;

  z-index: 3;
}

.noubanner .text .fbt {
  line-height: 1;
}

.noubanner .swiper-pagination {
  bottom: 20%;

  left: 50%;

  transform: translateX(-50%);
}

.noubanner .swiper-pagination .swiper-pagination-bullet {
  margin: 0 15px 0 0;

  width: 26px;

  height: 26px;

  background: none;

  opacity: 1;

  position: relative;

  transition: all 0.4s;

  border: 2px solid rgba(0, 0, 0, 0);
}

.noubanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 2px solid #ffffff;
}

.noubanner .swiper-pagination .swiper-pagination-bullet:before {
  border-radius: 100%;

  content: '';

  background: #ffffff;

  width: 10px;

  height: 10px;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);
}

.noubanner .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}

.MainproductsA {
  padding: 58px 0 55px;
}

.MainproductsA .top {
  display: flex;

  align-items: flex-end;
}

.MainproductsA .top .yem_a_list {
  margin-left: auto;

  display: flex;

  flex-wrap: wrap;

  max-width: 60%;

  margin-bottom: 6px;
}

.MainproductsA .top .yem_a_list a {
  margin-right: 10px;

  border: 1px solid #d8d8d8;

  display: block;

  padding: 14px 0;

  width: 190px;

  border-radius: 100px;

  text-align: center;

  transition: all 0.4s;
}

.MainproductsA .bottom .ctsaqie-an ul {
  border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}

.MainproductsA .bottom .ctsaqie-an ul li {
  float: left;

  width: 20%;

  text-align: center;

  padding-bottom: 28px;

  position: relative;

  cursor: pointer;
}

.MainproductsA .bottom .ctsaqie-an ul li::before {
  position: absolute;

  content: '';

  left: 50%;

  transform: translateX(-50%);

  width: 0;

  bottom: -1px;

  height: 1px;

  background: #18d18e;

  transition: all 0.5s;
}

.MainproductsA .bottom .ctsaqie-an ul li a {
  display: inline-block;
  padding-left: 34px;
  position: relative;
  color: #222222;
}

.MainproductsA .bottom .ctsaqie-an ul li .icon {
  width: 22px;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);
}

.MainproductsA .bottom .ctsaqie-an ul li .icon .icon2 {
  display: none;
}

.MainproductsA .bottom .ctsaqie-an ul li .t {
  line-height: 1;
}

.MainproductsA .bottom .ctsaqie-an ul li.cur::before {
  width: 100%;
}

.MainproductsA .bottom .ctsaqie-an ul li.cur a {
  color: #18d18e;
}

.MainproductsA .bottom .ctsaqie-an ul li.cur .icon .icon1 {
  display: none;
}

.MainproductsA .bottom .ctsaqie-an ul li.cur .icon .icon2 {
  display: block;
}

.MainproductsA .bottom .ctsaqie-an ul li:hover::before {
  width: 100%;
}

.MainproductsA .bottom .ctsaqie-an ul li:hover a {
  color: #18d18e;
}

.MainproductsA .bottom .ctsaqie-an ul li:hover .icon .icon1 {
  display: none;
}

.MainproductsA .bottom .ctsaqie-an ul li:hover .icon .icon2 {
  display: block;
}

.MainproductsA .bottom .kouzoe ul {
  display: flex;
  flex-wrap: wrap;
}

.MainproductsA .bottom .kouzoe ul li {
  float: left;
  margin-right: 1.42%;
  margin-bottom: 1.42%;
  width: 49.29%;
  border: 1px solid #d8d8d8;
  transition: all 0.5s;
}

.MainproductsA .bottom .kouzoe ul li:nth-child(2n) {
  margin-right: 0;
}

.MainproductsA .bottom .kouzoe ul li a {
  display: block;
  padding: 20px 20px 30px;
}

.MainproductsA .bottom .kouzoe ul li a .oeuto .img {
  height: 380px;
}

.MainproductsA .bottom .kouzoe ul li a .oeubo {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  transition: all 0.5s;

  opacity: 0;

  transform: scale(0.1);
}

.MainproductsA .bottom .kouzoe ul li:hover a .oeubo {
  opacity: 1;
  transform: scale(1);
}

.MainproductsA .bottom .kouzoe ul li a .oeubo::before {
  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(0deg, rgba(0, 0, 0, 0.77) 0%, rgba(216, 216, 216, 0) 100%);
}

.MainproductsA .bottom .kouzoe ul li a .oeubo .wzmo {
  position: absolute;

  bottom: 35px;

  width: 100%;

  left: 0;

  padding: 0 50px 0 30px;
}

.MainproductsA .bottom .kouzoe ul li a .wzmo .za {
  padding-right: 30px;
  display: inline-block;
}

.MainproductsA .bottom .kouzoe ul li a .wzmo .za::before {
  content: '';

  width: 18px;

  height: 18px;

  position: absolute;

  right: 0;

  top: 9px;

  transition: all 0.4s;

  background: url(../images/home_b_jt.svg) center center/cover;
}

.MainproductsA .bottom .kouzoe ul li a .wzmo .zb {
  margin-top: 8px;
}

.MainproductsA .bottom .kouzoe ul li a .wzmo .zc {
  line-height: 1.6875;
  margin-top: 11px;
}

.MainproductsA .bottom .kouzoe ul li:hover {
  border-color: rgba(0, 0, 0, 0);
}

.MainproductsA .bottom .kouzoe ul li:hover a .wzmo .za:before {
  transform: rotate(45deg);
}

@media (max-width: 1920px) {
  .MainproductsA {
    padding: 3.02083vw 0 2.86458vw;
  }

  .MainproductsA .top .yem_a_list a {
    width: 9.8vw;
  }

  .MainproductsA .bottom .kouzoe ul li a .oeuto .img {
    height: 19.79166vw;
  }

  .MainproductsA .bottom .kouzoe ul li a .wzmo .za::before {
    width: 0.9375vw;
    height: 0.9375vw;
    top: 0.46875vw;
  }
}

@media (max-width: 1500px) {
  .MainproductsA .top .yem_a_list a {
    width: 12vw;
  }
}

@media (max-width: 1100px) {
  .MainproductsA {
    padding: 35px 0 45px;
  }

  .MainproductsA .bottom .ctsaqie-an ul li {
    padding-bottom: 15px;
  }

  .MainproductsA .top .yem_a_list {
    width: 100%;

    margin-top: 16px;

    max-width: 100%;
  }

  .MainproductsA .top {
    display: block;
  }

  .MainproductsA .top .yem_a_list a {
    width: auto;

    padding: 8px 30px;

    margin-bottom: 6px;
  }

  .MainproductsA .bottom .ctsaqie-an {
    overflow-x: scroll;
  }

  .MainproductsA .bottom .ctsaqie-an ul {
    min-width: 1000px;
  }

  .MainproductsA .bottom .kouzoe ul li {
    width: 100%;
    margin-bottom: 20px;
  }

  .MainproductsA .bottom .kouzoe ul li:last-child {
    margin-bottom: 0;
  }

  .MainproductsA .bottom .kouzoe ul li a {
    padding: 15px 15px 25px;
  }

  .MainproductsA .bottom .kouzoe ul li a .wzmo .za {
    padding-right: 25px;
  }

  .MainproductsA .bottom .kouzoe ul li a .wzmo .za::before {
    width: 14px;
    height: 14px;
    top: 6px;
  }

  .MainproductsA .bottom .kouzoe ul li a .oeubo .wzmo {
    padding: 0 15px;

    bottom: 20px;
  }

  .MainproductsA .bottom .kouzoe ul li a .oeuto .img {
    height: auto;
  }

  .noubanner .swiper-pagination .swiper-pagination-bullet {
    margin-right: 5px;
  }
}

/**新闻资讯**/

.left {
  float: left;
}

.right {
  float: right;
}

.newsA {
  padding: 85px 0 40px;
}

.newsA .ewsato .ewsar {
  position: absolute;
  bottom: 6px;
  right: 0;
}

.newsA .ewsato .ewsar .inp {
  border-radius: 100px;

  width: 486px;

  height: 56px;

  border: 1px solid rgba(216, 216, 216, 0.8);

  font-size: 16px;

  padding: 0 50px 0 22px;

  color: rgba(102, 102, 102, 0.6);
}

.newsA .ewsato .ewsar .inp::placeholder {
  color: rgba(102, 102, 102, 0.6);
}

.newsA .ewsato .ewsar .sub {
  position: absolute;

  right: 0;

  top: 0;

  border: 0;

  border-radius: 100px;

  width: 139px;

  height: 56px;

  color: #fff;

  font-size: 16px;

  padding-left: 65px;

  background: url(../images/ggthb.svg) no-repeat 41px center #18d18e;

  background-size: 15px 15px;

  text-align: left;
}

.newsA .ewsazo a {
  position: relative;

  display: block;
}

.newsA .ewsazo .wznern {
  position: absolute;

  bottom: 38px;

  left: 0;

  width: 100%;

  padding: 0 40px;
}

.newsA .ewsazo .wznern .rnb {
  margin: 0 0 21px;
}

.newsA .swiper-pagination {
  right: 30px;

  left: auto;

  width: auto;

  bottom: 30px;
}

.newsA .swiper-pagination .swiper-pagination-bullet {
  margin: 0 15px 0 0;

  width: 26px;

  height: 26px;

  background: none;

  opacity: 1;

  position: relative;

  transition: all 0.4s;

  border: 2px solid rgba(0, 0, 0, 0);
}

.newsA .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 2px solid #ffffff;
}

.newsA .swiper-pagination .swiper-pagination-bullet:before {
  border-radius: 100%;

  content: '';

  background: #ffffff;

  width: 10px;

  height: 10px;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);
}

.newsA .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}

.newsA .ewsabo ul li {
  padding: 0 var(--cbvw_container);

  background: #fff;

  transition: all 0.4s;
}

.newsA .ewsabo ul li a {
  display: block;
  position: relative;
  padding: 40px 0;
  border-bottom: 1px solid rgba(216, 216, 216, 0.5);
}

.newsA .ewsabo ul li a .sabol {
  position: relative;
  width: 20.15625vw;
}

.newsA .ewsabo ul li a .sabol .i {
  position: absolute;

  left: 100%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 54px;

  height: 44px;

  border-radius: 100px;

  content: '';

  background: #18d18e;

  transition: all 0.4s;

  opacity: 0;
}

.newsA .ewsabo ul li a .sabol .i:after {
  width: 10px;

  height: 10px;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

  background: url(../images/more_jt.svg) center center/cover;

  z-index: 1;

  content: '';
}

.newsA .ewsabo ul li:hover a .sabol .i {
  opacity: 1;
}

.newsA .ewsabo ul li a .sabor {
  width: calc(100% - 20.15625vw);

  padding-left: 3.22916vw;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);
}

.newsA .ewsabo ul li a .sabor .clearfix {
  position: relative;
}

.newsA .ewsabo ul li a .sabor .borl {
  width: 3.5vw;

  text-align: center;

  float: left;
}

.newsA .ewsabo ul li a .sabor .borl b {
  display: inline-block;

  line-height: 2.9vw;
}

.newsA .ewsabo ul li a .sabor .borl span {
  display: inline-block;
  line-height: 1;
  margin-top: 0.41666vw;
}

.newsA .ewsabo ul li a .sabor .borr {
  width: calc(100% - 5.8vw);

  float: left;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  padding-left: 2.60416vw;

  margin-left: 2.29166vw;
}

.newsA .ewsabo ul li a .sabor .borr::before {
  position: absolute;

  content: '';

  width: 1px;

  height: 5.20833vw;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  background: rgba(216, 216, 216, 0.5);
}

.newsA .ewsabo ul li a .sabor .borr .bt {
  line-height: 1;
  padding-bottom: 1px;
}

.newsA .ewsabo ul li a .sabor .borr .xq {
  line-height: 1.625;
  margin-top: 12px;
}

.newsA .ewsabo ul li:hover {
  background: rgba(24, 209, 142, 0.05);
}

.newsA .ewsabo ul li:hover a {
  border-color: rgba(0, 0, 0, 0);
}

.newsA .ewsabo ul li:hover a .sabor .borl b {
  color: #18d18e;
}

.newsA .ewsabo ul li:hover a .sabor .borl span {
  color: #18d18e;
}

.newsA .ewsabo ul li:hover a .sabor .borr .bt {
  text-decoration: underline;
}

.fyq {
  text-align: center;
}

.fyq a {
  line-height: 1;

  border: 1px solid rgba(216, 216, 216, 0.8);

  border-radius: 44px;

  width: 68px;

  height: 54px;

  line-height: 52px;

  display: inline-block;

  font-size: 18px;

  color: #666666;

  margin-right: 9px;

  transition: all 0.4s;
}

.fyq a:last-child {
  margin-right: 0;
}

.fyq a.cur,
.fyq a:hover {
  background: #18d18e;
  border-color: #18d18e;
  color: #fff;
}

.footernei {
  background: url(../images/footernei.png) no-repeat top center/cover;
}

.footernei .top {
  padding-top: 9.79166vw;
}

@media (max-width: 1920px) {
  .newsA {
    padding: 4.42708vw 0 2.08333vw;
  }
}

@media (max-width: 1500px) {
  .fyq a {
    font-size: 14px;

    width: 58px;

    height: 40px;

    line-height: 38px;

    margin-right: 5px;
  }
}

@media (max-width: 1280px) {
  .newsA .ewsato .ewsar .inp {
    height: 50px;
  }

  .newsA .ewsato .ewsar .sub {
    height: 50px;
  }

  .newsA .ewsabo ul li a {
    padding: 20px 0;
  }
}

@media (max-width: 1100px) {
  .newsA {
    padding: 35px 0 45px;
  }

  .newsA .ewsazo .wznern {
    width: 70%;
    padding: 0 20px;
    bottom: 15px;
  }

  .newsA .ewsato .ewsar {
    position: initial;
    width: 100%;
    margin-top: 15px;
  }

  .newsA .ewsato .ewsar .inp {
    width: 100%;
    height: 45px;
    font-size: 14px;
  }

  .newsA .ewsato .ewsar .sub {
    height: 45px;
    font-size: 14px;
    line-height: 45px;
  }

  .newsA .ewsato .ewsar .sub {
    background-size: 13px 13px;
    background: url(../images/ggthb.svg) no-repeat 41px 15px #18d18e;
  }

  .newsA .ewsazo .wznern .rnb {
    margin-bottom: 10px;
  }

  .newsA .swiper-pagination {
    bottom: 15px;
    right: 15px;
  }

  .newsA .ewsabo ul li a .sabol {
    width: 100%;
  }

  .newsA .ewsabo ul li a .sabor .borr {
    width: 100%;

    position: initial;

    transform: translateY(0);
  }

  .newsA .ewsabo ul li a .sabor {
    width: 100%;

    position: initial;

    transform: translateY(0);

    padding-left: 0;

    margin-top: 20px;
  }

  .newsA .ewsabo ul li a .sabor .borl {
    width: 27px;
  }

  .newsA .ewsabo ul li a .sabor .borl b {
    line-height: 1;
  }

  .newsA .ewsabo ul li a .sabor .borr {
    padding-left: 0;

    margin-left: 0;

    margin-top: 15px;
  }

  .newsA .ewsabo ul li a .sabor .borr::before {
    display: none;
  }

  .newsA .ewsabo ul li a .sabol .i {
    display: none;
  }

  .fyq a {
    font-size: 14px;

    width: 38px;

    height: 30px;

    line-height: 29px;

    margin-right: 5px;
  }
}

/* 

.mbx .bx {
  line-height: 1;
  float: left;
  margin-right: 11px;
  color: #999999;
}

.mbx .be {
  float: left;
  line-height: 1;
}

.mbx .be a {
  display: inline-block;

  line-height: 1;

  color: #999999;
}

.mbx .be span {
  display: inline-block;

  line-height: 1;

  color: #999999;

  margin: 0 7px;
} */

.newsxqA {
  padding: 12px 0 61px;
}

.newsxqA .wsxqa .wsxqal {
  width: 100%;

  border: 1px solid rgba(216, 216, 216, 0.7);

  border-radius: 20px;

  overflow: hidden;

  padding: 37px 30px 45px;
}

.newsxqA .wsxqa .wsxqal .sj {
  margin-top: 12px;
}

.newsxqA .wsxqa .wsxqal .xq {
  line-height: 1.875;

  padding-top: 20px;

  margin-top: 22px;

  border-top: 1px solid rgba(43, 55, 142, 0.1);
}

.newsxqA .wsxqa .wsxqal .xq span {
  font-size: 20px !important;
}

.newsxqA .wsxqa .wsxqal .xq p:nth-child(n + 2) {
  margin-top: 20px;
}

.newsxqA .wsxqa .wsxqal .anzme {
  border-top: 1px solid rgba(43, 55, 142, 0.1);

  padding-top: 38px;

  margin-top: 43px;
}

.newsxqA .wsxqa .wsxqal .anzme .zmel {
  width: 70%;
}

.newsxqA .wsxqa .wsxqal .anzme .zmel .ze {
  margin-bottom: 15px;
}

.newsxqA .wsxqa .wsxqal .anzme .zmel .ze:last-child {
  margin-bottom: 0;
}

.newsxqA .wsxqa .wsxqal .anzme .zmel .ze .i {
  float: left;
  line-height: 1;
  color: #222222;
}

.newsxqA .wsxqa .wsxqal .anzme .zmel .ze .span {
  float: left;
  line-height: 1;
  color: #666666;
  width: 83%;
}

.newsxqA .wsxqa .wsxqal .anzme .zmer {
  position: absolute;
  top: 57%;
  transform: translateY(-50%);
  right: 0;
}

.newsxqA .wsxqa .wsxqar {
  width: 26.82%;

  border: 1px solid rgba(216, 216, 216, 0.7);

  border-radius: 20px;

  overflow: hidden;

  padding: 36px 30px 34px;

  display: none;
}

.newsxqA .wsxqa .wsxqar .ashnen {
  margin-top: 26px;
}

.newsxqA .wsxqa .wsxqar .ashnen ul li {
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 28px;
}

.newsxqA .wsxqa .wsxqar .ashnen ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.newsxqA .wsxqa .wsxqar .ashnen ul li a {
  display: block;
}

.newsxqA .wsxqa .wsxqar .ashnen ul li a .arz {
  line-height: 1.55;
  margin-top: 13px;
}

.newsxqA .wsxqa .wsxqar .ashnen ul li a .asj {
  margin-top: 6px;
}

@media (max-width: 1920px) {
  .newsxqA {
    padding-bottom: 3.22916vw;
  }
}

@media (max-width: 1100px) {
  .mbx {
    display: none;
  }

  .newsxqA {
    padding: 35px 0 45px;
  }

  .newsxqA .wsxqa {
    margin-top: 0;
  }

  .newsxqA .wsxqa .wsxqal {
    width: 100%;
    padding: 20px;
  }

  .newsxqA .wsxqa .wsxqal .xq {
    padding-top: 15px;
    margin-top: 15px;
  }

  .newsxqA .wsxqa .wsxqal .anzme {
    padding-top: 20px;
    margin-top: 20px;
  }

  .newsxqA .wsxqa .wsxqar {
    display: none;
  }

  .newsxqA .wsxqa .wsxqal .anzme .zmer {
    position: initial;
    transform: translateY(0);
    width: 100%;
    margin-top: 25px;
  }

  .newsxqA .wsxqa .wsxqal .anzme .zmel {
    width: 100%;
  }

  .newsxqA .wsxqa .wsxqal .anzme .zmel .ze .i {
    width: 56px;
  }

  .newsxqA .wsxqa .wsxqal .anzme .zmel .ze .span {
    width: calc(100% - 56px);
  }

  .newsxqA .wsxqa .wsxqal .xq span {
    font-size: 14px !important;
  }

  .newsxqA .wsxqa .wsxqal .xq p:nth-child(n + 2) {
    margin-top: 20px;
  }
}

/**充电站**/

.ChargingstationA {
  padding-top: 10px;
}

.gingstationA1 {
  margin-top: 90px;
}

.gingstationA1 .kainemt {
  border: 1px solid #d8d8d8;

  padding: 20px 20px 20px 60px;
}

.gingstationA1 .tional {
  width: 40%;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);
}

.gingstationA1 .tional .onaoe {
  line-height: 1.6;

  padding: 17px 0 12px;
}

.gingstationA1 .tional .onaof {
  line-height: 1.6;
}

.gingstationA1 .tionar {
  width: 50%;
}

.gingstationA1 .tionar .anznb {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 76px;

  height: 76px;

  cursor: pointer;
}

.gingstationA1 .tionar .anznb span {
  background: url(../images/anznb.svg) no-repeat center center/cover;

  width: 100%;

  height: 100%;

  display: inline-block;

  transform: scale(1);

  transition: all 0.5s;
}

.gingstationA1 .tionar .anznb span:hover {
  transform: scale(1.1);
}

.gingstationA2 {
  margin-top: 110px;
}

.gingstationA2 .sttirtnx ul {
  display: flex;
  flex-wrap: wrap;
}

.gingstationA2 .sttirtnx ul li {
  width: 18.87%;
  margin-right: 1.4%;
  margin-bottom: 1.4%;
  border-radius: 16px;
  overflow: hidden;
}

.gingstationA2 .sttirtnx ul li .eqnazn {
  position: absolute;
  bottom: 22px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 1;
}

.gingstationA2 .sttirtnx ul li:last-child {
  margin-right: 0;
}

.gingstationA2 .top ul li:last-child {
  width: 39.1%;

  position: relative;
}

.gingstationA2 .top ul li .dwnern {
  position: absolute;

  bottom: 25px;

  width: 100%;

  padding-left: 28px;
}

.gingstationA2 .botton ul li {
  margin-bottom: 0;
}

.gingstationA2 .top ul li .dwnern .n {
  color: var(--color);
  line-height: 1;
}

.gingstationA2 .top ul li .dwnern .a {
  color: var(--color);
  line-height: 1;
  margin: 8px 0 15px;
}

.gingstationA2 .top ul li .dwnern .r {
  line-height: 1;
  color: rgba(21, 24, 97, 0.05);
}

.gingstationA2 .top ul li .aie {
  position: absolute;

  top: 25px;

  right: 20px;

  width: 126px;

  height: 92px;

  background: url(../images/aieeeew.svg) no-repeat center center/cover;
}

.gingstationA3 {
  padding: 131px 0 0;
}

.gingstationA3 .tationa ul {
  display: flex;
  flex-wrap: wrap;
}

.gingstationA3 .tationa ul li {
  float: left;
  width: 32.3%;
  background: #fff;
  margin-right: 1.55%;
  margin-bottom: 1.55%;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #d8d8d8;
  padding: 10px 10px 30px;
}

.gingstationA3 .tationa ul li .ma {
  font-weight: bold;
  margin: 28px 0 8px;
}

.gingstationA3 .tationa ul li .mb {
  line-height: 1.75;
}

.gingstationA3 .tationa ul li:last-child {
  margin-right: 0;
}

.gingstationA3 .top ul li:nth-child(1) {
  border: 0;
  padding-top: 70px;
  background: none;
}

.gingstationA3 .bottom ul li {
  margin-bottom: 0;
}

.gingstationA3 .wenzie {
  position: absolute;

  top: 38%;

  transform: translateY(-50%);

  left: 0;

  width: 100%;
}

.gingstationA3 .container2 {
  position: relative;

  z-index: 1;
}

.gingstationA3 .wenzie .xunhuahge .swiper-slide {
  font-size: 160px;

  font-weight: bold;

  color: rgba(52, 117, 211, 0.04);

  line-height: 1;
}

.gingstationA4 {
  padding-top: 125px;
}

.gingstationA4 .table {
  margin-top: 26px;
}

.gingstationA4 .table tr:nth-child(1) {
  background: var(--color);
}

.gingstationA4 .table tr {
  background: #f3fcf9;
}

.gingstationA4 .table tr:nth-child(2n) {
  background: #fff;
}

.gingstationA4 .table tr th {
  color: #fff;
  text-align: left;
  width: 50%;
  height: 80px;
  font-size: 20px;
  padding-left: 50px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.gingstationA4 .table tr th:last-child {
  border-right: 0;
}

.gingstationA4 .table tr td {
  width: 50%;
  padding-left: 50px;
  line-height: 1;
  height: 70px;
  font-size: 18px;
  color: #666666;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  color: #666666;
}

.gingstationA4 .table tr td:last-child {
  border-right: 0;
}

.footerneieee {
  background: none;
}

.v8fadiane {
  background: url(../images/v8fadiane.png) no-repeat top center/cover #fff;

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height: 21.97916vw;
}

.footerneieee {
  padding-top: 18.5vw;
}

.footerneieee .baoes {
  background: url(../images/footernei.png) no-repeat top center/cover;
}

@media (max-width: 1920px) {
  .gingstationA1 {
    margin-top: 4.6875vw;
  }

  .gingstationA4 {
    padding-top: 6.51041vw;
  }

  .gingstationA2 {
    margin-top: 5.72916vw;
  }

  .gingstationA2 .top ul li .aie {
    top: 1.30208vw;

    right: 1.04166vw;

    width: 6.5625vw;

    height: 4.79166vw;
  }

  .gingstationA2 .top ul li .dwnern {
    bottom: 1.30208vw;

    padding-left: 1.45833vw;
  }

  .gingstationA2 .top ul li .dwnern .a {
    margin: 0.41666vw 0 0.78125vw;
  }

  .gingstationA2 .sttirtnx ul li .eqnazn {
    bottom: 1.14583vw;
  }

  .gingstationA3 {
    padding: 6.82291vw 0 0;
  }

  .gingstationA3 .wenzie .xunhuahge .swiper-slide {
    font-size: 8.33333vw;
  }
}

@media (max-width: 1500px) {
  .gingstationA1 .kainemt {
    padding-left: 35px;
  }

  .gingstationA1 .tionar {
    width: 55%;
  }

  .footerneieee {
    padding-top: 18vw;
  }
}

@media (max-width: 1100px) {
  .ChargingstationA {
    padding-top: 0;
  }

  .gingstationA1 .kainemt {
    padding: 20px;
  }

  .gingstationA1 .tionar {
    width: 100%;
    margin-bottom: 20px;
  }

  .gingstationA1 .tional {
    width: 100%;

    position: initial;

    transform: translateY(0);
  }

  .gingstationA1 .tional .onaoe {
    padding: 7px 0 10px;
  }

  .gingstationA1 .tionar .anznb {
    width: 56px;
    height: 56px;
  }

  .gingstationA2 {
    margin-top: 35px;
  }

  .gingstationA2 .sttirtnx ul li {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 10px;
    margin-right: 0;
  }

  .gingstationA2 .sttirtnx ul li .eqnazn {
    bottom: 20px;
  }

  .gingstationA2 .top ul li:last-child {
    width: 100%;
    display: none;
  }

  .gingstationA2 .top ul li .aie {
    display: none;
  }

  .gingstationA2 .top ul li .dwnern {
    position: initial;
    padding-left: 0;
    width: 100%;
  }

  .gingstationA2 .top ul li .dwnern .erna {
    width: 100%;
  }

  .gingstationA2 .qzne .erna {
    margin-bottom: 20px;
  }

  .gingstationA2 .qzne .erna .n {
    color: var(--color);

    line-height: 1;
  }

  .gingstationA2 .qzne .erna .a {
    color: var(--color);

    line-height: 1;

    margin: 5px 0 13px;
  }

  .gingstationA2 .qzne .erna .r {
    line-height: 1;

    color: rgba(21, 24, 97, 0.05);
  }

  .gingstationA3 {
    padding-bottom: 40px;
  }

  .gingstationA3 .top ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 15px;
  }

  .gingstationA3 .top ul li:nth-child(1) {
    padding: 0;
    margin-bottom: 20px;
  }

  .gingstationA3 .tationa ul li .ma {
    margin: 20px 0 8px;
  }

  .gingstationA3 .wenzie {
    display: none;
  }

  .gingstationA3 .tationa ul li {
    width: 100%;
    margin-bottom: 20px;
  }

  .gingstationA3 .tationa ul li:last-child {
    margin-bottom: 0;
  }

  .gingstationA4 {
    padding: 35px 0 45px;
  }

  .gingstationA4 .table {
    margin-top: 20px;
  }

  .gingstationA4 .table tr th {
    font-size: 16px;
    height: 60px;
    padding: 0 20px;
  }

  .gingstationA4 .table tr td {
    font-size: 14px;
    padding: 0 20px;
    height: 50px;
    line-height: 1.2;
    word-break: break-all;
  }

  .gingstationA4 .table tr td,
  .gingstationA4 .table tr th {
    width: 80%;
  }

  .gingstationA4 .table tr th:nth-child(1) {
    width: 100px;
    display: flex;
    line-height: 60px;
  }

  .gingstationA4 .table tr td:nth-child(1) {
    width: 100px;
    display: flex;
    line-height: 50px;
  }

  .v8fadiane {
    display: none;
  }

  .footerneieee {
    padding-top: 0;
  }

  .footerneieee .baoes {
    background: none;
  }
}

/**网络运营**/

.networkA {
  padding-bottom: 7.55208vw;
}

.networkA .workA1 {
  padding-top: 5.72916vw;
}

.networkA .workA1 .tea {
  padding: 20px 0 24px;
}

.networkA .workA1 .teb {
  line-height: 2;
}

.networkA .workA1 .teb span {
  display: inline-block;

  font-weight: bold;
}

.networkA .workA1 .diznenm {
  margin-top: 55px;
}

.networkA .workA1 .diznenm .znenml {
  width: 28%;
}

.networkA .workA1 .diznenm .znenml ul li {
  border-bottom: 1px solid rgba(216, 216, 216, 0.5);

  padding: 25px 0 40px;
}

.networkA .workA1 .diznenm .znenml ul li:nth-child(1) {
  padding-top: 0;
}

.networkA .workA1 .diznenm .znenml ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.networkA .workA1 .diznenm .znenml ul li .nm {
  font-size: 56px;
  line-height: 1;
  font-weight: bold;
  color: #18d18e;
}

.networkA .workA1 .diznenm .znenml ul li .nm b {
  margin-left: 3px;
}

.networkA .workA1 .diznenm .znenml ul li .nw {
  line-height: 1;
  margin: 10px 0 20px;
}

.networkA .workA1 .diznenm .znenml ul li .nc {
  background: rgba(25, 99, 206, 0.1);
  border-radius: 100px;
  height: 40px;
  line-height: 38px;
  padding: 0 21px 0 21px;
  display: inline-block;
}

.networkA .workA1 .diznenm .znenmr {
  width: 68.9%;
  height: 35vw;
}

.networkA .workA1 .diznenm .znenmr #container {
  height: 100%;
  width: 100%;
}

.networkA .workA1 .diznenm .znenmr #container::before {
  position: absolute;

  content: '';

  width: 45px;

  height: 45px;

  top: 61%;

  left: 74%;

  z-index: 2;

  transform: translate(-50%, -50%);

  background: url(../images/containere.svg) no-repeat center center/cover;
}

.networkB {
  background: url(../images/networkB.png) no-repeat top center/cover #fff;
  padding: 10.15625vw 0 17.5vw;
}

.networkB .workbtop .rkzne {
  position: absolute;

  right: 0;

  bottom: 6px;
}

.networkB .workbtop .rkzne ul li {
  float: left;

  font-size: 16px;

  color: #333333;

  margin-right: 10px;

  width: 146px;

  height: 56px;

  line-height: 54px;

  border: 1px solid #d8d8d8;

  border-radius: 100px;

  text-align: center;

  transition: all 0.4s;

  cursor: pointer;
}

.networkB .workbtop .rkzne ul li:last-child {
  margin-right: 0;
}

.networkB .workbtop .rkzne ul li.cur,
.networkB .workbtop .rkzne ul li:hover {
  background: #18d18e;

  color: #fff;

  border-color: #18d18e;
}

.networkB .workbbottom {
  margin-top: 35px;
}

.networkB .workbbottom .relative {
  border: 1px solid #d8d8d8;

  background: #ffffff;

  padding: 20px 64px 20px 20px;
}

.networkB .workbbottom .relative .workbl {
  width: 52%;
}

.networkB .workbbottom .relative .workr {
  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 64px;

  width: 41%;
}

.networkB .workbbottom .relative .workr .wnzb {
  line-height: 1.8;

  margin: 12px 0 15px;
}

.networkB .workbbottom .relative .workr .wnzc {
  line-height: 1.8;

  margin-bottom: 45px;

  height: 108px;

  overflow-y: auto;

  overflow-x: hidden;

  padding-right: 15px;
}

.networkB .workbbottom .relative .workr .wnzc::-webkit-scrollbar {
  /*滚动条整体样式*/

  width: 4px;

  /*高宽分别对应横竖滚动条的尺寸*/

  height: 4px;
}

.networkB .workbbottom .relative .workr .wnzc::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/

  /* border-radius: 5px; */

  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);

  background: #18d18e;
}

.networkB .workbbottom .relative .workr .wnzc::-webkit-scrollbar-track {
  /*滚动条里面轨道*/

  -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1);

  border-radius: 0;

  background: rgba(216, 216, 216, 0.4);
}

.fushangqu {
  margin-top: -13vw;
}

@media (max-width: 1500px) {
  .networkA .workA1 .diznenm .znenml ul li .nm {
    font-size: 45px;
  }

  .networkB .workbtop .rkzne ul li {
    height: 45px;

    line-height: 43px;
  }
}

@media (max-width: 1380px) {
  .networkB .workbtop .rkzne {
    position: initial;

    width: 100%;

    float: left;

    margin-top: 20px;
  }

  .networkB .workbtop .rkzne ul li {
    width: 15.4%;
    margin-right: 1.5%;
  }

  .networkB .workbtop .rkzne ul li:last-child {
    margin-right: 0;
  }

  .networkB .workbbottom .relative .workr .wnzc {
    -webkit-line-clamp: 3;
  }

  .networkA .workA1 .diznenm .znenml ul li .nm {
    font-size: 28px;
  }

  .networkA .workA1 .diznenm .znenml ul li {
    padding-bottom: 25px;
  }
}

@media (max-width: 1280px) {
  .networkB .workbbottom .relative .workbl {
    width: 60%;
  }

  .networkB .workbbottom .relative .workr {
    right: 20px;
    width: 36%;
  }

  .networkB .workbbottom .relative .workr .wnzc {
    -webkit-line-clamp: 2;
  }
}

@media (max-width: 1100px) {
  .networkA {
    padding-bottom: 0;
  }

  .networkA .workA1 {
    padding: 35px 0 45px;
  }

  .networkA .workA1 .tea {
    padding: 10px 0 15px;
  }

  .networkA .workA1 .diznenm {
    margin-top: 20px;
  }

  .networkA .workA1 .diznenm .znenml {
    width: 100%;
  }

  .networkA .workA1 .diznenm .znenml ul li .nm {
    font-size: 22px;
  }

  .networkA .workA1 .diznenm .znenmr {
    width: 100%;
    height: 90vw;
    margin-top: 20px;
  }

  .networkB {
    padding: 35px 0 45px;
    background: rgba(24, 209, 142, 0.15);
  }

  .networkB .workbtop .rkzne ul li {
    font-size: 14px;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    height: 40px;
    line-height: 38px;
  }

  .networkB .workbtop .rkzne ul li:nth-child(2n) {
    margin-right: 0;
  }

  .networkB .workbbottom {
    margin-top: 22px;
  }

  .networkB .workbbottom .relative {
    padding: 15px 15px 25px 15px;
  }

  .networkB .workbbottom .relative .workbl {
    width: 100%;
  }

  .networkB .workbbottom .relative .workr {
    width: 100%;
    position: initial;
    transform: translateY(0);
    margin-top: 20px;
  }

  .networkB .workbbottom .relative .workr .wnzc {
    margin-bottom: 30px;
  }

  .fushangqu {
    margin-top: 0;
  }

  .networkA .workA1 .diznenm .znenmr #container::before {
    width: 25px;

    height: 25px;

    top: 60%;

    left: 77%;
  }
}

/**应用场景与案例**/

.ApplicationCasesA {
  padding: 124px 0 105px;
}

.ApplicationCasesA .znenmw {
  width: 52%;
}

.ApplicationCasesA .znenmw .enb {
  line-height: 1.8;

  margin-top: 20px;
}

.ApplicationCasesA .znenmw .enb p:nth-child(n + 2) {
  margin-top: 16px;
}

.ApplicationCasesA .ul {
  padding-left: 0;
}

.ApplicationCasesA:before {
  display: none;
}

.ApplicationCasesA .ul li {
  margin-bottom: 82px;
}

.ApplicationCasesA .ul li .right {
  width: 77.5%;
}

.ApplicationCasesA .ul li .right .rollwzne {
  margin-top: 33px;
}

.ApplicationCasesA .ul li .right .rollwzne .wznel {
  width: 97%;
}

.ApplicationCasesA .ul li .right .rollwzne .wznel .xq {
  line-height: 1.8;

  margin-top: 20px;
}

.ApplicationCasesA .ul li .right .rollwzne .wzner {
  display: inline-block;

  width: auto;

  padding-top: 26px;
}

.ApplicationCasesA .ul li .koumoi {
  background: rgbargba(0,86,155,.1);

  width: 116px;

  height: 116px;

  border-radius: 50%;

  position: absolute;

  top: 0;

  left: 0;
}

.ApplicationCasesA .btma {
  margin-top: 52px;

  padding-top: 100px;

  border-top: 1px solid rgba(216, 216, 216, 0.5);
}

.ApplicationCasesA .btm .xian {
  left: 59px;
}

.ApplicationCasesA .ul li .koumoi .img {
  position: absolute;

  width: 98px;

  height: 98px;

  background: #fff;

  top: 50%;

  left: 50%;

  border-radius: 50%;

  transform: translate(-50%, -50%);
}

.ApplicationCasesA .ul li .koumoi img {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

.ApplicationCasesA .ul li .koumoi .moi2 {
  display: none;
}

.ApplicationCasesA .ul li .koumoi.cro {
  background: #fff;
  border: 1px solid rgba(0,86,155,.2);
}

.ApplicationCasesA .ul li .koumoi.cro .img {
  background: var(--color);
}

.ApplicationCasesA .ul li .koumoi.cro .moi2 {
  display: block;
}

.ApplicationCasesA .ul li .koumoi.cro .moi1 {
  filter: brightness(0) invert(1);
}

.ApplicationCasesA .ul li .koumoi .uy {
  display: block;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 116px;

  height: 116px;

  z-index: 3;

  border-radius: 50%;

  overflow: hidden;
}

.ApplicationCasesA .ul li .koumoi .uy i {
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.ApplicationCasesA .ul li .koumoi .uy i::before {
  content: '';
  position: absolute;
  width: 200%;
  right: 0;
  top: 0;
  bottom: 0;
  border: 2px solid var(--color);
  border-radius: 100%;
  box-sizing: border-box;
  clip: rect(0, 116px, 116px, 58px);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.ApplicationCasesA .ul li .koumoi .uy i:first-child::before {
  left: 0;
  right: auto;
  clip: rect(0px, 58px, 116px, 0px);
}

.ApplicationCasesA .ul li .koumoi.cro .uy i::before {
  -webkit-animation: circleR 3500ms linear both;

  animation: circleR 3500ms linear both;
}

.ApplicationCasesA .ul li .koumoi.cro .uy i:first-child::before {
  -webkit-animation-name: circleL;

  animation-name: circleL;
}

@keyframes circleL {
  0%,
  50% {
    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg);
  }

  100% {
    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);
  }
}

@keyframes circleR {
  0% {
    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg);
  }

  50%,
  100% {
    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);
  }
}

@media (max-width: 1920px) {
  .ApplicationCasesA .btma {
    margin-top: 2.70833vw;

    padding-top: 5.20833vw;
  }

  .ApplicationCasesA {
    padding: 6.45833vw 0 5.46875vw;
  }
}

@media (max-width: 1480px) {
  .ApplicationCasesA .ul li .koumoi {
    width: 110px;
    height: 110px;
  }

  .ApplicationCasesA .ul li .koumoi .img {
    width: 90px;
    height: 90px;
  }

  .ApplicationCasesA .ul li .koumoi .uy {
    width: 110px;
    height: 110px;
  }

  .ApplicationCasesA .ul li .koumoi .uy i:first-child::before {
    clip: rect(0px, 55px, 110px, 0px);
  }

  .ApplicationCasesA .ul li .koumoi .uy i::before {
    clip: rect(0, 110px, 110px, 55px);
  }

  .ApplicationCasesA .btm .xian {
    left: 55px;
  }
}

@media (max-width: 1100px) {
  .ApplicationCasesA {
    padding: 35px 0 45px;
  }

  .ApplicationCasesA .znenmw {
    width: 100%;
    margin-top: 20px;
  }

  .ApplicationCasesA .znenmw .enb {
    margin-top: 8px;
  }

  .ApplicationCasesA .znenmw .enb p:nth-child(n + 2) {
    margin-top: 1px;
  }

  .ApplicationCasesA .btma {
    padding-top: 25px;
    margin-top: 25px;
  }

  .ApplicationCasesA .ul li .koumoi {
    width: 60px;
    height: 60px;
  }

  .ApplicationCasesA .ul li .koumoi .img {
    width: 50px;
    height: 50px;
  }

  .ApplicationCasesA .ul li .koumoi .img img {
    width: 30px;
    height: 30px;
  }

  .ApplicationCasesA .ul li .koumoi .uy {
    width: 60px;
    height: 60px;
  }

  .ApplicationCasesA .ul li .koumoi .uy i:first-child::before {
    clip: rect(0px, 30px, 60px, 0px);
  }

  .ApplicationCasesA .ul li .koumoi .uy i::before {
    clip: rect(0, 60px, 60px, 30px);
  }

  .ApplicationCasesA .btm .xian {
    left: 30px;
  }

  .ApplicationCasesA .ul li .right {
    margin-top: 0;
  }

  .ApplicationCasesA .ul li {
    margin-bottom: 25px;
  }

  .ApplicationCasesA .ul li .right .rollwzne .wznel {
    width: 100%;
  }

  .ApplicationCasesA .ul li .right .rollwzne {
    margin-top: 20px;
  }

  .ApplicationCasesA .ul li .right .rollwzne .wzner {
    float: left;
    padding-top: 20px;
  }

  .noubanner .swiper-pagination {
    bottom: 11%;
  }
}

/**3-2应用场景与案例详情**/

.saopiae {
  padding: 116px 0 0;
}

.anzmenxqA {
  padding-top: 11px;
}

.anzmenxqA .menxqA .nxqal {
  width: 24%;
}

.anzmenxqA .menxqA .nxqar {
  width: 66.34%;
  padding-top: 18px;
}

.anzmenxqA .menxqA .nxqar .qbe {
  line-height: 2;
  margin: 10px 0 30px;
}

.anzmenxqB {
  padding: 116px 0 144px;
}

.anzmenxqB .container2 {
  position: relative;
  z-index: 2;
}

.anzmenxqB .enxqb.top {
  margin-top: 18px;
}

.anzmenxqB .enxqb ul {
  display: flex;
  flex-wrap: wrap;
}

.anzmenxqB .enxqb ul li {
  float: left;

  margin-right: 1.41%;

  width: 32.39%;

  position: relative;

  min-height: 313px;
}

.anzmenxqB .enxqb ul li:nth-child(3) {
  margin-right: 0;
}

.anzmenxqB .enxqb ul li .nxq {
  background: #f5f8fd;

  height: 100%;
}

.anzmenxqB .enxqb ul li.li1 .nxq {
  height: calc(50% - 10px);

  padding: 35px 0 0 60px;
}

.anzmenxqB .enxqb ul li.li1 .nxq .nr {
  margin-top: 7px;
}

.anzmenxqB .enxqb ul li.li1 .nxq:nth-child(2) {
  position: absolute;

  bottom: 0;

  width: 100%;
}

.anzmenxqB .enxqb ul li .icoe {
  position: absolute;

  right: -11px;

  top: -17px;

  width: 126px;
}

.anzmenxqB .enxqb ul li.li1 .nxq:nth-child(2) .icoe {
  width: 120px;

  top: -8px;

  right: -12px;
}

.anzmenxqB .enxqb ul li.li2 .nxq .xq {
  padding: 0 50px 0 60px;

  position: absolute;

  bottom: 43px;

  width: 100%;
}

.anzmenxqB .enxqb ul li.li2 .nxq .xq .nr {
  line-height: 1.7;

  margin-top: 7px;
}

.anzmenxqB .enxqb ul li.li2 .icoe {
  width: 166px;
  top: -36px;
  right: -13px;
}

.anzmenxqB .enxqb ul li.li3 .nxq {
  padding: 60px 100px 37px 60px;
}

.anzmenxqB .enxqb ul li.li3 .nxq .nr {
  line-height: 1.75;

  margin-top: 8px;
}

.anzmenxqB .enxqb ul li.li3 .nxq .nr p:nth-child(n + 2) {
  margin-top: 2px;
}

.anzmenxqB .enxqb ul .li3 .icoe {
  width: 150px;
  right: -3px;
  top: -12px;
}

.anzmenxqB .bottom ul li {
  width: 100%;
  margin-right: 0;
  margin-top: 1.41%;
}

.anzmenxqB .bottom ul li .nxq {
  padding: 69px 0 73px 60px;
}

.anzmenxqB .bottom ul li .icoe {
  top: -10px;
  right: -13px;
  width: 174px;
}

.anzmenxqB .bottom ul li .xq {
  width: 83%;
}

.anzmenxqB .bottom ul li .xq .nr {
  line-height: 1.8;
  margin-top: 10px;
}

.anzmenxqB .enxqbz {
  width: 84%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.anzmen .gopenx {
  width: 54px;

  height: 44px;

  cursor: pointer;

  border: 1px solid #d8d8d8;

  border-radius: 100px;

  opacity: 1;

  left: auto;

  bottom: auto;

  right: auto;

  transition: all 0.4s;

  position: relative;

  margin-top: 0;

  top: 0;

  margin-right: 8px;
}

.anzmen .gopenx:last-child {
  margin-right: 0;
}

.anzmen .swiper-button-prev:after {
  width: 14px;

  height: 14px;

  background: url(../images/swiper_jtl.svg) center center/cover;

  position: absolute;

  top: 50%;

  left: 50%;

  content: '';

  transform: translate(-50%, -50%);

  transition: all 0.4s;
}

.anzmen .swiper-button-next:after {
  width: 14px;

  height: 14px;

  background: url(../images/swiper_jtr.svg) center center/cover;

  position: absolute;

  top: 50%;

  left: 50%;

  content: '';

  transform: translate(-50%, -50%);

  transition: all 0.4s;
}

.anzmen .gopenx:hover {
  background: #18d18e;

  border-color: #18d18e;
}

.anzmen .swiper-button-prev:hover:after {
  background: url(../images/swiper_jtl2.svg) center center/cover;
}

.anzmen .swiper-button-next:hover:after {
  background: url(../images/swiper_jtr2.svg) center center/cover;
}

.anzmenxqC {
  padding-top: 110px;
}

.anzmenxqC .anzmen {
  position: absolute;
  right: 0;
  bottom: 6px;
}

.anzmenxqC .enxqcb .swiper-container {
  padding-right: 1px;
  overflow: hidden;
}

.anzmenxqC .enxqcb .swiper-slide a {
  display: block;
  border: 1px solid #d8d8d8;
  padding: 20px 20px 30px;
  border-radius: 16px;
}

.anzmenxqC .enxqcb .swiper-slide a .xczner .c {
  padding-right: 30px;
  display: inline-block;
  margin-top: 30px;
}

.anzmenxqC .enxqcb .swiper-slide a .xczner .c::before {
  content: '';

  width: 18px;

  height: 18px;

  position: absolute;

  right: 0;

  top: 9px;

  transition: all 0.4s;

  background: url(../images/home_b_jt.svg) center center/cover;
}

.anzmenxqC .enxqcb .swiper-slide:hover a .xczner .c::before {
  transform: rotate(45deg);
}

.anzmenxqC .enxqcb .swiper-slide a .xczner .z {
  margin-top: 8px;
}

.anzmenxqC .enxqcb .swiper-slide:hover a .xczner .z {
  text-decoration-line: underline;
}

.anzmenxqD {
  padding: 120px 0 100px;
}

.anzmenxqD .anzmen {
  position: absolute;

  right: 0;

  bottom: 6px;
}

.anzmenxqD .swiper-slide li {
  padding: 0 var(--cbvw_container);

  background: rgba(0, 0, 0, 0);

  transition: all 0.4s;
}

.anzmenxqD .swiper-slide ul li a {
  display: block;

  position: relative;

  padding: 40px 0;
}

.anzmenxqD .swiper-slide ul li a .sabol {
  position: relative;

  width: 20.15625vw;
}

.anzmenxqD .swiper-slide ul li a .sabor {
  width: calc(100% - 20.15625vw);

  padding-left: 3.22916vw;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);
}

.anzmenxqD .swiper-slide ul li a .sabor .borl {
  width: 3.5vw;

  text-align: center;

  float: left;
}

.anzmenxqD .swiper-slide ul li a .sabor .borl b {
  display: inline-block;

  line-height: 2.9vw;
}

.anzmenxqD .swiper-slide ul li a .sabor .borl span {
  display: inline-block;

  line-height: 1;

  margin-top: 0.41666vw;
}

.anzmenxqD .swiper-slide ul li a .sabol .i {
  position: absolute;

  left: 100%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 54px;

  height: 44px;

  border-radius: 100px;

  content: '';

  background: #18d18e;

  transition: all 0.4s;

  opacity: 0;
}

.anzmenxqD .swiper-slide ul li a .sabol .i:after {
  width: 10px;

  height: 10px;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

  background: url(../images/more_jt.svg) center center/cover;

  z-index: 1;

  content: '';
}

.anzmenxqD .swiper-slide ul li a .sabor .borr {
  width: calc(100% - 5.8vw);

  float: left;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  padding-left: 2.60416vw;

  margin-left: 2.29166vw;
}

.anzmenxqD .swiper-slide ul li a .sabor .borr::before {
  position: absolute;

  content: '';

  width: 1px;

  height: 5.20833vw;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  background: rgba(216, 216, 216, 0.5);
}

.anzmenxqD .swiper-slide ul li a .sabor .borr .bt {
  line-height: 1;

  padding-bottom: 1px;
}

.anzmenxqD .swiper-slide ul li a .sabor .borr .xq {
  line-height: 1.625;

  margin-top: 12px;
}

.anzmenxqD .swiper-slide ul li:hover {
  background: rgba(24, 209, 142, 0.05);
}

.anzmenxqD .swiper-slide ul li:hover a .sabol .i {
  opacity: 1;
}

.anzmenxqD .swiper-slide ul li:hover a .sabor .borl b {
  color: #18d18e;
}

.anzmenxqD .swiper-slide ul li:hover a .sabor .borl span {
  color: #18d18e;
}

.anzmenxqD .swiper-slide ul li:hover a .sabor .borr .bt {
  text-decoration: underline;
}

.anzmenxqD .ewsabo {
  margin-top: 18px;
}

.anzmenxqC .container2 {
  position: relative;
  z-index: 2;
}

.anzmenxqC .znenm {
  position: absolute;

  right: -15%;

  width: 46%;

  bottom: -31%;
}

@media (max-width: 1920px) {
  .saopiae {
    padding: 6.04166vw 0 0;
  }

  .anzmenxqB {
    padding: 6.04166vw 0 7.5vw;
  }

  .anzmenxqB .enxqb ul li .icoe {
    width: 6.5625vw;
    top: -0.88541vw;
    right: -0.57291vw;
  }

  .anzmenxqB .enxqb ul li.li1 .nxq:nth-child(2) .icoe {
    width: 6.25vw;
    top: -0.41666vw;
    right: -0.625vw;
  }

  .anzmenxqB .enxqb ul li.li2 .icoe {
    width: 8.64583vw;
    top: -1.875vw;
    right: -0.67708vw;
  }

  .anzmenxqB .enxqb ul .li3 .icoe {
    width: 7.8125vw;
    right: -0.625vw;
  }

  .anzmenxqB .bottom ul li .icoe {
    width: 9.0625vw;
    right: -0.67708vw;
    top: -0.52083vw;
  }

  .anzmenxqC .enxqcb .swiper-slide a .xczner .c::before {
    width: 0.9375vw;

    height: 0.9375vw;

    top: 0.46875vw;
  }

  .anzmenxqD {
    padding: 6.25vw 0 5.20833vw;
  }

  .anzmenxqC .znenm {
    position: absolute;

    right: -15vw;

    width: 45.83333vw;

    bottom: -12.6vw;
  }

  .anzmenxqC {
    padding-top: 5.72916vw;
  }
}

@media (max-width: 1500px) {
  .anzmenxqB .enxqbz {
    width: 73%;
  }

  .anzmenxqB .enxqb ul li.li1 .nxq {
    padding: 30px;
  }

  .anzmenxqB .enxqb ul li.li2 .nxq .xq {
    padding: 0 30px;

    bottom: 33px;
  }

  .anzmenxqB .enxqb ul li.li3 .nxq {
    padding: 40px 80px 30px 30px;
  }

  .anzmenxqB .bottom ul li .nxq {
    padding: 40px 30px 45px;
  }

  .anzmenxqD .swiper-slide ul li a {
    padding: 20px 0;
  }

  .anzmenxqC .znenm {
    right: -19vw;

    bottom: -12.6vw;
  }
}

@media (max-width: 1100px) {
  .anzmenxqA .menxqA .nxqal {
    width: 100%;
  }

  .anzmenxqA {
    padding: 0;
  }

  .saopiae {
    padding: 35px 20px 0;
  }

  .anzmenxqA .menxqA .nxqar {
    width: 100%;
    padding-top: 0;
  }

  .anzmenxqA .menxqA .nxqar .qbe {
    margin: 10px 0 15px;
  }

  .anzmenxqB {
    padding: 35px 0 45px;
  }

  .anzmenxqB .enxqb ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    min-height: auto;
  }

  .anzmenxqB .enxqb ul li:last-child {
    margin-bottom: 0;
  }

  .anzmenxqB .enxqb ul li.li1 .nxq {
    height: auto;
    padding: 20px;
  }

  .anzmenxqB .enxqb ul li.li3 .nxq {
    padding: 20px;
  }

  .anzmenxqB .enxqb ul li.li1 .nxq .nr,
  .anzmenxqB .enxqb ul li.li3 .nxq .nr {
    font-size: 14px;
  }

  .anzmenxqB .enxqb ul li.li1 .nxq:nth-child(2) {
    position: relative;
    margin-top: 20px;
  }

  .anzmenxqB .enxqb ul li .icoe {
    width: 40px;
    right: -3px;
    top: -3px;
  }

  .anzmenxqB .enxqb ul li.li1 .nxq:nth-child(2) .icoe {
    width: 40px;
    right: -2px;
    top: -2px;
  }

  .anzmenxqB .enxqb ul .li3 .icoe {
    width: 50px;
    right: 0;
    top: -4px;
  }

  .anzmenxqB .enxqb ul li.li2 .nxq {
    padding: 20px;
  }

  .anzmenxqB .enxqb ul li.li2 .nxq .xq {
    position: initial;

    padding: 0;
  }

  .anzmenxqB .enxqb ul li.li2 .icoe {
    width: 50px;
    right: -2px;
    top: -10px;
  }

  .anzmenxqB .bottom ul li {
    margin-top: 20px;
  }

  .anzmenxqB .bottom ul li .nxq {
    padding: 20px;
  }

  .anzmenxqB .enxqbz {
    display: none;
  }

  .anzmenxqC {
    padding: 0 0 45px;
  }

  .anzmenxqC .enxqcb {
    margin-top: 20px;
  }

  .anzmenxqC .enxqcb .swiper-slide a .xczner .c::before {
    width: 14px;

    height: 14px;

    top: 6px;
  }

  .anzmenxqC .enxqcb .swiper-slide a {
    border-radius: 10px;
  }

  .anzmenxqC .znenm {
    display: none;
  }

  .anzmenxqD {
    padding: 35px 0 45px;
  }

  .anzmenxqD .swiper-slide ul li a {
    padding: 20px 0;
  }

  .anzmenxqD .swiper-slide ul li a .sabol {
    width: 100%;
  }

  .anzmenxqD .swiper-slide ul li a .sabol .i {
    display: none;
  }

  .anzmenxqD .swiper-slide ul li a .sabor {
    width: 100%;

    position: initial;

    transform: translateY(0);

    padding-left: 0;

    margin-top: 20px;
  }

  .anzmenxqD .swiper-slide ul li a .sabor .borl {
    width: 27px;
  }

  .anzmenxqD .swiper-slide ul li a .sabor .borl b {
    line-height: 1;
  }

  .anzmenxqD .swiper-slide ul li a .sabor .borr {
    padding-left: 0;

    margin-left: 0;

    margin-top: 15px;

    width: 100%;

    position: initial;

    transform: translateY(0);
  }

  .anzmenxqD .swiper-slide ul li a {
    padding: 10px 0;
  }
}

/**联系我们**/

.ContactUsA {
  padding: 145px 0 0;
}

.ContactUsA .ctusal {
  width: 35%;
}

.ContactUsA .ctusal .tusznw {
  margin: 25px 0 57px;
}

.ContactUsA .ctusal .tusznw ul li {
  padding-left: 103px;

  position: relative;

  margin-bottom: 29px;
}

.ContactUsA .ctusal .tusznw ul li:last-child {
  margin-bottom: 0;
}

.ContactUsA .ctusal .tusznw ul li .icon {
  background: rgba(24, 209, 142, 0.05);

  width: 83.69px;

  height: 83.69px;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  border-radius: 50%;
}

.ContactUsA .ctusal .tusznw ul li .icon img {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

.ContactUsA .ctusal .tusznw ul li .wzne {
  padding: 16px 0 16px;
}

.ContactUsA .ctusal .tusznw ul li .wzne .e {
  line-height: 1.55;

  margin-top: 5px;
}

.ContactUsA .ctusar {
  width: 59.44%;
}

.ContactUsA .znenm {
  position: absolute;

  right: -13%;

  width: 46%;

  bottom: -52%;
}

.ContactUsA .container2 {
  position: relative;

  z-index: 2;
}

.ContactUsB {
  padding: 140px 0 0;

  position: relative;

  z-index: 2;
}

.ContactUsB .xenq {
  margin: 15px 0 25px;
}

.ContactUsB .layuie ul li {
  float: left;

  width: 32.62%;

  margin-right: 1.07%;

  margin-bottom: 1%;

  position: relative;
}

.ContactUsB .layuie ul li:nth-child(3n) {
  margin-right: 0;
}

.ContactUsB .layuie ul li input {
  border: 0;

  height: 66px;

  font-size: 16px;

  padding-left: 63px;

  border-radius: 10px;

  border: 1px solid rgba(216, 216, 216, 0.8);
}

.ContactUsB .layuie ul li.ine input {
  padding-left: 53px;

  border-radius: 10px;

  overflow: hidden;
}

.ContactUsB .layuie ul li input::-webkit-input-placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ContactUsB .layuie ul li input::-moz-placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ContactUsB .layuie ul li input:-moz-placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ContactUsB .layuie ul li input:-ms-input-placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ContactUsB .layuie ul li .wznedn {
  position: absolute;

  top: 50%;

  left: 18px;

  z-index: 2;

  transform: translateY(-50%);
}

.ContactUsB .layuie ul li .wznedn .ezn2 {
  display: none;
}

.ContactUsB .layuie ul li:hover .wznedn .ezn2 {
  display: inline-block;
}

.ContactUsB .layuie ul li:hover .wznedn .ezn1 {
  display: none;
}

.ContactUsB .layuie ul li .wznedn span {
  display: inline-block;

  margin-left: 10px;

  color: #c80016;
}

.layui-input:focus,
.layui-textarea:focus {
  border: 1px solid rgba(216, 216, 216, 0.8) !important;
}

.layui-input:hover,
.layui-textarea:hover {
  border: 1px solid #18d18e !important;
}

.ContactUsB .layuie ul li .layui-form-select .layui-edge {
  width: 11px;
  height: 7px;
  background: url(../images/selecte.svg) no-repeat center center/cover;
  border-style: initial;
  right: 18px;
}

.ContactUsB .layuie ul li .layui-form-selected .layui-edge {
  margin-top: -3px;
}

.ContactUsB .layuie ul li .layui-form-select dl {
  top: 80px;
}

.ContactUsB .layuie ul li .layui-form-selectup dl {
  top: auto;
  bottom: 80px;
}

.ContactUsB .layuie ul li .layui-form-select dl dd.layui-this {
  background: #18d18e;
}

.layui-form-select dl {
  z-index: 3;
}

.ContactUsB .layuie ul li:last-child {
  width: 100%;
  margin-bottom: 0;
  position: relative;
  z-index: 0;
}

.ContactUsB .layuie ul li textarea {
  font-size: 16px;

  padding-left: 50px;

  border-radius: 10px;

  width: 100%;

  height: 140px;

  padding-top: 21px;

  resize: none;

  border: 1px solid rgba(216, 216, 216, 0.8);
}

.ContactUsB .layuie ul li textarea::-webkit-input-placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ContactUsB .layuie ul li textarea::-moz-placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ContactUsB .layuie ul li textarea:-moz-placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ContactUsB .layuie ul li textarea:-ms-input-placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ContactUsB .layuie ul li:last-child .wznedn {
  top: 22.5%;
}

.ContactUsB .layuie .zcdlA-e {
  margin-top: 23px;

  z-index: 0;
}

.ContactUsB .layuie .zcdlA-e p {
  cursor: pointer;

  padding-left: 27px;

  font-size: 14px;

  color: #333333;

  line-height: 1;
}

.ContactUsB .layuie .zcdlA-e p .ys {
  color: #1749aa;
}

.ContactUsB .layuie .zcdlA-e .duizn {
  width: 18px;

  height: 18px;

  position: absolute;

  left: 0;

  cursor: pointer;

  top: 50%;

  transform: translateY(-50%);

  border: 1px solid rgba(216, 216, 216, 0.8);

  border-radius: 5px;

  overflow: hidden;
}

.ContactUsB .layuie .zcdlA-e .duizn::before {
  width: 10px;

  height: 10px;

  position: absolute;

  top: 50%;

  left: 50%;

  content: '';

  opacity: 0;

  transform: translate(-50%, -50%);

  background: url(../images/duixne.svg) no-repeat center center/cover;
}

.ContactUsB .layuie .zcdlA-e.cur .duizn {
  background: #18d18e;

  border-color: #18d18e;
}

.ContactUsB .layuie .zcdlA-e.cur .duizn::before {
  opacity: 1;
}

.ContactUsB .layuie .tjanmo {
  margin-top: 43px;
}

.ContactUsB .layuie .tjanmo button {
  display: inline-block;

  color: #222;

  padding: 16px 26px;

  border: 1px solid rgba(216, 216, 216, 0.8);

  line-height: 1.2;

  border-radius: 50px;

  transition: all 0.4s;

  background: rgba(255, 255, 255, 0.3);

  backdrop-filter: blur(40px);

  overflow: hidden;

  position: relative;

  height: auto;

  font-size: 15px;
}

.ContactUsB .layuie .tjanmo button span {
  position: relative;

  z-index: 1;
}

.ContactUsB .layuie .tjanmo button i {
  width: 10px;

  height: 10px;

  display: inline-block;

  vertical-align: middle;

  position: relative;

  top: -1px;

  transition: all 0.4s;

  margin-left: 40px;

  position: relative;

  z-index: 0;
}

.ContactUsB .layuie .tjanmo button i:before {
  position: absolute;

  left: 50%;

  top: 41%;

  transform: translate(-50%, -50%);

  width: 530%;

  height: 430%;

  border-radius: 100px;

  content: '';

  background: #18d18e;

  z-index: 0;

  transition: all 0.4s;
}

.ContactUsB .layuie .tjanmo button i:after {
  width: 11px;

  height: 11px;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

  background: url(../images/more_jt.svg) center center/cover;

  z-index: 1;

  content: '';
}

.ContactUsB .layuie .tjanmo button:hover {
  opacity: 1;
}

.ContactUsB .layuie .tjanmo button:hover {
  color: #fff;

  border: 1px solid #18d18e;
}

.ContactUsB .layuie .tjanmo button:hover i:before {
  transform: translate(-50%, -50%) scale(7);
}

.ContactUsB .layuie .tjanmo button:hover i:after {
  transform: translate(-50%, -50%) rotate(45deg);
}

.baokuewddddo {
  background: url(../images/baokuewddddo.png) no-repeat top center/cover;

  padding-top: 20.3125vw;

  margin-top: -2vw;
}

.baokuewddddo .footer {
  background: none;
}

.ContactUsC {
  text-align: center;

  padding-bottom: 12.73958vw;
}

.ContactUsC .ddotop .bte {
  line-height: 1;
}

.ContactUsC .ddotop .oto {
  display: inline-block;
  margin-top: 1.61458vw;
  width: 15.625vw;
}

.ContactUsC .ddotoe {
  margin-top: 1.92708vw;
}

.ContactUsC .ddotoe ul {
  display: inline-block;
  width: 80%;
}

.ContactUsC .ddotoe ul li {
  float: left;
  width: 33.33%;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.ContactUsC .ddotoe ul li:last-child {
  border-right: 0;
}

.ContactUsC .ddotoe ul li .icon {
  margin-bottom: 25px;
}

.ContactUsC .ddotoe ul li .icon img {
  height: 3.22916vw;
}

.ContactUsC .ddotoe ul li .zoez {
  line-height: 1.4;
}

.ContactUsC .ddotoe ul li .zoez .ea:nth-child(2) {
  margin-top: 8px;
}

.ContactUsC .ddotoe ul li .zoez .ea span {
  color: #30dc9e;
}

.ContactUsC .ddotoe .more {
  margin-top: 3.125vw;
}

@media (max-width: 1920px) {
  .ContactUsA {
    padding: 7.55208vw 0 0;
  }

  .ContactUsB {
    padding: 7.29166vw 0 0;
  }

  .baokuewddddo {
    padding-top: 20.3125vw;
  }

  .ContactUsA .znenm {
    position: absolute;

    right: -13vw;

    width: 45.83333vw;

    bottom: -21.6vw;
  }

  .ContactUsA .ctusal .tusznw {
    margin: 1.30208vw 0 2.96875vw;
  }

  .ContactUsA .ctusal .tusznw ul li {
    padding-left: 5.36458vw;
    margin-bottom: 1.51041vw;
  }

  .ContactUsA .ctusal .tusznw ul li .icon {
    width: 4.35885vw;
    height: 4.35885vw;
  }

  .ContactUsA .ctusal .tusznw ul li .icon img {
    width: 1.61458vw;
  }

  .ContactUsA .ctusal .tusznw ul li .wzne {
    padding: 0.83333vw 0;
  }

  .ContactUsC {
    padding-bottom: 9.73958vw;
  }
}

@media (max-width: 1500px) {
  .ContactUsB .xenq {
    width: 70%;
  }

  .ContactUsA .znenm {
    right: -15vw;

    bottom: -25.6vw;
  }

  .ContactUsB .layuie ul li input {
    height: 56px;
  }

  .ContactUsB .layuie ul li textarea {
    height: 120px;
  }

  .ContactUsB .layuie ul li:last-child .wznedn {
    top: 26.3%;
  }
}

@media (max-width: 1280px) {
  .ContactUsA .ctusal .tusznw ul li .icon {
    width: 70px;

    height: 70px;
  }

  .ContactUsA .ctusal .tusznw ul li .icon img {
    width: 25px;
  }

  .ContactUsA .ctusal .tusznw ul li {
    padding-left: 90px;
  }

  .ContactUsA .ctusal .tusznw ul li .wzne {
    padding: 13px 0;
  }

  .ContactUsB .layuie ul li input {
    font-size: 14px;
  }

  .ContactUsB .layuie ul li textarea {
    font-size: 14px;
  }

  .ContactUsB .layuie ul li:last-child .wznedn {
    top: 25.5%;
  }
}

@media (max-width: 1100px) {
  .ContactUsA {
    padding: 35px 0 0;
  }

  .ContactUsA .ctusal {
    width: 100%;
  }

  .ContactUsA .ctusal .tusznw {
    margin: 10px 0 20px;
  }

  .ContactUsA .ctusal .tusznw ul li {
    margin-bottom: 20px;
  }

  .ContactUsA .ctusar {
    width: 100%;
    margin-top: 30px;
  }

  .ContactUsA .znenm {
    display: none;
  }

  .ContactUsB {
    padding-top: 35px;
  }

  .ContactUsB .xenq {
    width: 100%;
  }

  .ContactUsB .xenq {
    margin: 10px 0 20px;
  }

  .ContactUsB .layuie ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .ContactUsB .layuie ul li input {
    height: 45px;
  }

  .ContactUsB .layuie ul li .layui-form-select dl {
    top: 60px;
  }

  .ContactUsB .layuie ul li .layui-form-selectup dl {
    bottom: 60px;
  }

  .ContactUsB .layuie ul li textarea {
    padding-top: 15px;
  }

  .ContactUsB .layuie ul li:last-child .wznedn {
    top: 21.5%;
  }

  .ContactUsB .layuie .tjanmo {
    margin-top: 30px;
  }

  .baokuewddddo {
    padding: 0;

    margin-top: -27vw;
  }

  .ContactUsC {
    padding: 55vw 0 45px;
  }

  .ContactUsC .ddotop .oto {
    width: 130px;
    margin-top: 15px;
  }

  .ContactUsC .ddotoe {
    margin-top: 0;
  }

  .ContactUsC .ddotoe ul {
    width: 100%;
    padding: 0 20px;
  }

  .ContactUsC .ddotoe ul li {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 20px 0;
  }

  .ContactUsC .ddotoe ul li:last-child {
    border-bottom: 0;
  }

  .ContactUsC .ddotoe ul li .icon img {
    height: 40px;
  }

  .ContactUsC .ddotoe ul li .icon {
    margin-bottom: 15px;
  }

  .ContactUsC .ddotoe .more {
    margin-top: 5px;
  }
}

/**电池银行**/

.BatteryBankA {
  padding-top: 15px;
}

.BatteryBankA .container2 {
  padding-top: 90px;
}

.BatteryBankA .banak .wnzeo .kuane {
  width: 68%;
}

.BatteryBankA .banak .wnzeo .z {
  margin: 22px 0 21px;
}

.BatteryBankA .banak .wnzeo .o {
  line-height: 1.8;
  margin-top: 11px;
}

.BatteryBankA .banak .wnzeo .wnze {
  position: absolute;
  right: -10%;
  bottom: 23px;
  width: 125%;
}

.BatteryBankA .paanak {
  margin-top: 34px;
}

.BatteryBankA .paanak ul {
  display: flex;
  flex-wrap: wrap;
}

.BatteryBankA .paanak ul li {
  float: left;
  margin-right: 1.5%;
  width: 32.3%;
  position: relative;
  overflow: hidden;
}

.BatteryBankA .paanak ul li:last-child {
  margin-right: 0;
}

.BatteryBankA .paanak ul li .om {
  line-height: 1;
  position: relative;
  display: inline-block;
  padding-bottom: 17px;
}

.BatteryBankA .paanak ul li .om::before {
  position: absolute;

  bottom: 0;

  content: '';

  left: 0;

  width: 100%;

  height: 3px;

  background: linear-gradient(270deg, #18d18e 0%, var(--color) 100%);
}

.BatteryBankA .paanak ul li .tome {
  opacity: 1;
  transition: all 0.5s;
}

.BatteryBankA .paanak ul li .tome .icon {
  text-align: right;
  padding-right: 30px;
}

.BatteryBankA .paanak ul li .tome .icon img {
  height: 109px;
  width: 95px;
  margin-top: -15px;
}

.BatteryBankA .paanak ul li .tome .ot {
  line-height: 1.66;
  padding: 0 42px;
  margin-top: 27px;
}

.BatteryBankA .paanak ul li .tome .baoguo {
  background: #f5f8fd;
  margin-top: 24px;
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: 43px;
}

.BatteryBankA .paanak ul li .bome {
  background: linear-gradient(180deg, #18d18e 0%, var(--color) 100%);

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-radius: 10px;

  overflow: hidden;

  padding: 48px 0 0 0;

  left: -100%;

  transition: all 0.5s;
}

.BatteryBankA .paanak ul li .bome .om::before {
  background: #fff;
}

.BatteryBankA .paanak ul li .bome .bomeq {
  padding: 0 30px;
}

.BatteryBankA .paanak ul li .bome .bomeq .ot {
  line-height: 1.66;
  margin-top: 23px;
}

.BatteryBankA .paanak ul li .bome .icon {
  text-align: right;
  padding-right: 30px;
  position: absolute;
  bottom: 0;
  width: 100%;
  bottom: 0;
}

.BatteryBankA .paanak ul li:nth-child(2) .bome .icon {
  bottom: -5px;
}

.BatteryBankA .paanak ul li:nth-child(3) .bome .icon {
  bottom: -7px;
}

.BatteryBankA .paanak ul li .bome .icon img {
  height: 109px;
  width: 95px;
}

.BatteryBankA .paanak ul li:hover .tome {
  opacity: 0;
}

.BatteryBankA .paanak ul li:hover .bome {
  left: 0;
}

.BatteryBankB {
  padding: 180px 0 70px;
  position: relative;
}

.BatteryBankB .before {
  position: absolute;

  top: 5%;

  left: -9.5%;

  width: 46%;

  background: url(../images/eryBankB.png) no-repeat center center/cover;
}

.BatteryBankB .bankb .xiaoqice {
  border-bottom: 1px solid #d8d8d8;
  position: relative;
  width: 79.44%;
  height: 62px;
}

.BatteryBankB .bankb .xiaoqice::before {
  position: absolute;

  content: '';

  left: 0;

  height: 3px;

  width: 23%;

  bottom: 0;

  border-radius: 20px;

  bottom: -2px;

  background: linear-gradient(270deg, #18d18e 0%, var(--color) 100%);

  transition: all 3s;
}

.BatteryBankB .bankb .xiaoqice .moxing {
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 192px;
  height: 58px;
  transition: all 3s;
}

.BatteryBankB .bankb.active .xiaoqice .moxing {
  width: 100%;
}

.BatteryBankB .bankb.active .xiaoqice::before {
  width: 100%;
}

.BatteryBankB .bankb .xiaoqice .moxing img {
  width: 192px;
  height: 58px;
  position: absolute;
  right: 0;
  top: 0;
}

.BatteryBankB .bankb .wznenm {
  text-align: right;
}

.BatteryBankB .bankb .wznenm .enmr .fie {
  line-height: 2;
  padding-top: 55px;
  margin-bottom: 36px;
  position: relative;
}

.BatteryBankB .bankb .wznenm .enmr .fie::before {
  position: absolute;

  content: '';

  width: 126px;

  height: 92px;

  bottom: 0;

  left: -172px;

  background: url(../images/dianwmem.svg) no-repeat center center/cover;
}

.BatteryBankB .pankp {
  height: 695px;
  margin-top: 29px;
}

.BatteryBankB .pankp ul {
  height: 100%;
}

.BatteryBankB .pankp ul li {
  float: left;
  width: 20%;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  height: 100%;
  position: relative;
}

.BatteryBankB .pankp ul li:last-child {
  border-right: 0;
}

.BatteryBankB .pankp ul li .moren {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  opacity: 1;
  transition: all 0.4s;
}

.BatteryBankB .pankp ul li .moren .icon {
  height: 44px;
}

.BatteryBankB .pankp ul li .ren {
  font-weight: bold;
}

.BatteryBankB .pankp ul li .moren .ren {
  line-height: 1;
  margin-top: 28px;
}

.BatteryBankB .pankp ul li .moreu {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  background: rgba(24, 209, 142, 0.8);
  height: 100%;
  opacity: 0;
  transition: all 0.6s;
}

.BatteryBankB .pankp ul li .moreu::before {
  position: absolute;

  content: '';

  background: url(../images/moreues.png) no-repeat center center/cover;

  width: 16.25vw;

  height: 14.21875vw;

  bottom: -7.39583vw;

  left: 0;
}

.BatteryBankB .pankp ul li .moreu .reu {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}

.BatteryBankB .pankp ul li .moreu .icon {
  height: 44px;
  margin-bottom: 28px;
}

.BatteryBankB .pankp ul li .moreu .wxnen {
  line-height: 1.6875;
  margin-top: 9px;
}

.BatteryBankB .pankp ul li:hover .moreu {
  opacity: 1;
}

.BatteryBankB .pankp ul li:hover .moren {
  opacity: 0;
}

@media (max-width: 1920px) {
  .BatteryBankA .container {
    padding-top: 4.6875vw;
  }

  .BatteryBankA .banak .wnzeo .z {
    margin: 1.14583vw 0 1.09375vw;
  }

  .BatteryBankA .banak .wnzeo .wnze {
    bottom: 1.19791vw;
  }

  .BatteryBankA .paanak {
    margin-top: 1.77083vw;
  }

  .BatteryBankA .paanak ul li .om {
    padding-bottom: 0.88541vw;
  }

  .BatteryBankA .paanak ul li .tome .icon {
    padding-right: 1.5625vw;
  }

  .BatteryBankA .paanak ul li .tome .icon img {
    height: 5.67708vw;
    width: 4.94791vw;
    margin-top: -0.78125vw;
  }

  .BatteryBankA .paanak ul li .tome .ot {
    padding: 0 2.1875vw;
    margin-top: 1.40625vw;
  }

  .BatteryBankA .paanak ul li .tome .baoguo {
    margin-top: 1.25vw;
    padding-bottom: 2.23958vw;
  }

  .BatteryBankA .paanak ul li .bome {
    padding: 2.5vw 0 0;
  }

  .BatteryBankA .paanak ul li .bome .bomeq {
    padding: 0 1.5625vw;
  }

  .BatteryBankA .paanak ul li .bome .bomeq .ot {
    line-height: 1.66;
    margin-top: 1.19791vw;
  }

  .BatteryBankA .paanak ul li:nth-child(2) .bome .icon {
    bottom: -0.26041vw;
  }

  .BatteryBankA .paanak ul li:nth-child(3) .bome .icon {
    bottom: -0.36458vw;
  }

  .BatteryBankA .paanak ul li .bome .icon {
    padding-right: 1.5625vw;
  }

  .BatteryBankA .paanak ul li .bome .icon img {
    height: 5.67708vw;
    width: 4.94791vw;
  }

  .BatteryBankB {
    padding: 9.375vw 0 3.64583vw;
  }

  .BatteryBankB .before {
    top: 3.2vw;

    left: -10vw;

    width: 45.83333vw;
  }

  .BatteryBankB .bankb .xiaoqice {
    height: 3.22916vw;
  }

  .BatteryBankB .bankb .xiaoqice .moxing {
    width: 10vw;
    height: 3.02083vw;
  }

  .BatteryBankB .bankb .xiaoqice .moxing img {
    width: 10vw;
    height: 3.02083vw;
  }

  .BatteryBankB .bankb .wznenm .enmr .fie {
    padding-top: 2.86458vw;
    margin-bottom: 1.875vw;
  }

  .BatteryBankB .bankb .wznenm .enmr .fie::before {
    width: 6.5625vw;

    height: 4.79166vw;

    left: -8.95833vw;
  }

  .BatteryBankB .pankp {
    height: 36.19791vw;
    margin-top: 1.51041vw;
  }

  .BatteryBankB .pankp ul li .moren .icon {
    height: 2.29166vw;
  }

  .BatteryBankB .pankp ul li .moren .ren {
    margin-top: 1.45833vw;
  }

  .BatteryBankB .pankp ul li .moreu::before {
    width: 16.25vw;

    height: 14.21875vw;

    bottom: -7.39583vw;
  }

  .BatteryBankB .pankp ul li .moreu .icon {
    height: 2.29166vw;
    margin-bottom: 1.45833vw;
  }

  .BatteryBankB .pankp ul li .moreu .wxnen {
    margin-top: 0.46875vw;
  }
}

@media (max-width: 1200px) {
  .BatteryBankA .banak .wnzeo .wnze {
    bottom: 2.19791vw;
    right: -9%;
    width: 110%;
  }
}

@media (max-width: 1100px) {
  .BatteryBankA .container2 {
    padding-top: 0;
  }

  .BatteryBankA {
    padding: 35px 0 0;
  }

  .BatteryBankA .banak .wnzeo .wnze {
    display: none;
  }

  .BatteryBankA .banak .wnzeo .z {
    margin: 10px 0 15px;
  }

  .BatteryBankA .banak .wnzeo .kuane {
    width: 100%;
  }

  .BatteryBankA .paanak {
    margin-top: 20px;
  }

  .BatteryBankA .paanak ul li {
    width: 100%;
    margin-bottom: 23px;
  }

  .BatteryBankA .paanak ul li:last-child {
    margin-bottom: 0;
  }

  .BatteryBankA .paanak ul li .om {
    padding-bottom: 15px;
  }

  .BatteryBankA .paanak ul li .tome .baoguo {
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .BatteryBankA .paanak ul li .tome .ot {
    padding: 0 20px;
    margin-top: 15px;
  }

  .BatteryBankA .paanak ul li .tome .icon img {
    width: 55px;
    height: 55px;
    margin-top: -5px;
  }

  .BatteryBankA .paanak ul li .bome {
    padding-top: 20px;
  }

  .BatteryBankA .paanak ul li .bome .bomeq {
    padding: 0 20px;
  }

  .BatteryBankA .paanak ul li .bome .bomeq .ot {
    margin-top: 20px;
  }

  .BatteryBankB {
    padding: 35px 0 45px;
  }

  .BatteryBankB .before {
    display: none;
  }

  .BatteryBankB .bankb .xiaoqice .moxing img {
    width: 100px;
    height: 30px;
  }

  .BatteryBankB .bankb .xiaoqice .moxing {
    width: 100px;
    height: 30px;
  }

  .BatteryBankB .bankb .xiaoqice {
    height: 30px;
    width: 100%;
  }

  .BatteryBankB .bankb .wznenm .enmr {
    text-align: left;
  }

  .BatteryBankB .bankb .wznenm .enmr .fie {
    line-height: 1.6;
    margin-bottom: 20px;
    padding-top: 15px;
  }

  .BatteryBankB .bankb .wznenm .enmr .fie br {
    display: none;
  }

  .BatteryBankB .pankp {
    height: 280vw;
    margin-top: 25px;
  }

  .BatteryBankB .pankp ul li {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    height: 20%;
  }

  .BatteryBankB .pankp ul li:last-child {
    border-bottom: 0;
  }

  .BatteryBankB .pankp ul li .moreu .icon,
  .BatteryBankB .pankp ul li .moren .icon {
    height: 44px;
    margin-bottom: 15px;
  }

  .BatteryBankB .pankp ul li .moreu .icon img,
  .BatteryBankB .pankp ul li .moren .icon img {
    height: 44px;
  }

  .BatteryBankB .pankp ul li .moreu .wxnen {
    margin-top: 5px;
  }

  .BatteryBankB .pankp ul li .moren .ren {
    margin-top: 5px;
  }
}

/**发展历程**/

.guobnuquse .swiper-slide .img::before {
  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);

  z-index: 2;

  opacity: 0.7;
}

.guobnuquse .swiper-slide .text {
  top: 23%;
}

.guobnuquse .swiper-slide .text .bt span {
  color: #18d18e;
}

.developlcA {
  padding: 149px 0 0;
}

.developlcA .container2 {
  position: relative;
  z-index: 2;
}

.developlcA .oplenan {
  position: absolute;
  right: 0;
  bottom: -28px;
}

.developlcA .plcabt {
  margin-bottom: 40px;
}

.developlcA .swiper-container {
  padding-bottom: 120px;

  position: relative;

  z-index: 5;
}

.servicesC-d {
  padding-right: 3vw;
}

.developlcA .swiper-slide .servicesC-d {
  position: relative;

  transition: all 0.6s;

  transform: scale(0.75);
}

.developlcA .swiper-slide-active .servicesC-d {
  transition: all 0.6s;

  transform: scale(1);

  opacity: 1;
}

.servicesC-e {
  /*height: 0px;*/

  margin-top: 29px;

  opacity: 0.3;
}

.duoyu {
  padding: 0;

  border: 1px solid #fff;

  border-radius: 20px;

  transition: all 0.5s;
}

.swiper-slide-active:hover .duoyu {
  padding: 20px;

  border: 1px solid #d8d8d8;

  border-radius: 20px;
}

.developlcA .swiper-slide {
  margin-top: -8px;
}

.developlcA .swiper-slide-active {
  margin-top: 0;
}

.developlcA .swiper-slide .sznerb {
  margin-top: 8px;
  height: 118px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 15px;
}

.developlcA .swiper-slide .sznerb::-webkit-scrollbar {
  /*滚动条整体样式*/

  width: 4px;

  /*高宽分别对应横竖滚动条的尺寸*/

  height: 4px;
}

.developlcA .swiper-slide .sznerb::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/

  /* border-radius: 5px; */

  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);

  background: #18d18e;
}

.developlcA .swiper-slide .sznerb::-webkit-scrollbar-track {
  /*滚动条里面轨道*/

  -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1);

  border-radius: 0;

  background: rgba(216, 216, 216, 0.4);
}

.developlcA .swiper-slide .sznerb .li {
  margin-bottom: 10px;
}

.developlcA .swiper-slide .sznerb .li .l {
  width: 46px;
  line-height: 1.375;
}

.developlcA .swiper-slide .sznerb .li .r {
  width: calc(100% - 46px);
  line-height: 1.375;
}

.developlcA .swiper-slide-next + .swiper-slide {
  left: -5vw;
}

.developlcA .swiper-slide .img {
  position: relative;
}

.developlcA .swiper-slide .img:after {
  content: '';

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background: rgba(255, 255, 255, 0.7);

  z-index: 1;
}

.developlcA .swiper-slide-active .img:after {
  opacity: 0;
}

.developlcA .swiper-slide-active .servicesC-e {
  opacity: 1;
}

.developlcA .zkhjbnbn::before {
  content: '';

  width: 200%;

  position: absolute;

  left: -30%;

  top: 11.1vw;

  height: 1px;

  background: rgba(0, 0, 0, 0.1);

  z-index: 2;
}

.developlcA .zkhjbnbn .aftere {
  z-index: 2;

  width: 104%;

  position: absolute;

  left: -50%;

  top: 11.1vw;

  height: 1px;

  background: linear-gradient(270deg, #18d18e 0%, var(--color) 100%);
}

.developlcA .zkhjbnbn .aftere::before {
  position: absolute;

  content: '';

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 10px;

  height: 10px;

  opacity: 1;

  background: #18d18e;

  border-radius: 50%;
  overflow: hidden;
}

.developlcA .swiper-container {
  position: relative;
  z-index: 5;
}

.developlcA .swiper-pagination {
  position: initial;
  line-height: 0;
}

.developlcA .swiper-pagination .swiper-pagination-bullet {
  width: 40px;
  height: 40px;
  position: relative;
  background: none;
  opacity: 1;
}

.developlcA .swiper-pagination .swiper-pagination-bullet::before {
  position: absolute;

  content: '';

  top: 50%;

  left: 50%;

  width: 0px;

  height: 0px;

  border: 2px solid #18d18e;

  border-radius: 50%;

  overflow: hidden;

  transform: translate(-50%, -50%);

  transition: all 0.5s;
}

.developlcA .swiper-pagination .swiper-pagination-bullet::after {
  position: absolute;

  content: '';

  top: 50%;

  left: 50%;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  overflow: hidden;

  background: #999999;

  transform: translate(-50%, -50%);

  transition: all 0.5s;
}

.developlcA .swiper-pagination .swiper-pagination-bullet-active::before {
  width: 100%;
  height: 100%;
}

.developlcA .swiper-pagination .swiper-pagination-bullet-active::after {
  background: #18d18e;
}

.developlcA .znenm {
  position: absolute;

  right: -8.5%;

  width: 45%;

  bottom: -6%;

  z-index: -1;
}

.developlcB {
  padding: 150px 0 142px;
}

.developlcB .oplcb .anznee {
  position: absolute;
  right: 0;
  bottom: 3px;
}

.developlcB .oplcb .anznee ul li {
  border: 1px solid #d8d8d8;
  cursor: pointer;
  color: #333333;
  padding: 0 48px;
  height: 56px;
  line-height: 54px;
  border-radius: 100px;
  float: left;
  margin-right: 10px;
  transition: all 0.5s;
}

.developlcB .oplcb .anznee ul li:last-child {
  margin-right: 0;
}

.developlcB .oplcb .anznee ul li.cur,
.developlcB .oplcb .anznee ul li:hover {
  background: #18d18e;
  border-color: #18d18e;
  color: #fff;
}

.developlcB .oplcp .box {
  border: 1px solid #d8d8d8;
  padding: 20px 53px 20px 20px;
}

.developlcB .oplcp .box .swiper-container {
  overflow: hidden;
  position: relative;
}

.developlcB .oplcp .box .swiper-container .imge {
  width: 53%;
  float: left;
}

.developlcB .oplcp .box .swiper-container .opzne {
  width: 41%;
  float: left;
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.developlcB .oplcp .box .swiper-container .clearfix {
  position: relative;
}

.developlcB .oplcp .box .swiper-container .titlew .bt {
  margin-top: 2px;
}

.developlcB .oplcp .box .swiper-container .icon {
  margin: 48px 0 20px;
}

.developlcB .oplcp .box .swiper-container .zneb {
  line-height: 1.8;
  margin-top: 10px;
}

.developlcB .oplcp .box .swiper-container .anzmen {
  margin-top: 55px;
}

.developlcC {
  background: url(../images/developlcC.png) no-repeat center center/cover #fff;
  padding: 228px 0 168px;
}

.developlcC .plccl {
  padding-top: 30px;
  width: 42%;
}

.developlcC .plccl .anzmenm {
  margin-top: 50px;
  max-height: 400px;

  overflow: auto;
}

.developlcC .plccl .anzmenm ul {
  border-left: 1px solid #d8d8d8;
}

.developlcC .plccl .anzmenm ul li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 56px;
}

.developlcC .plccl .anzmenm ul li.curter::before {
  position: absolute;

  top: 0;

  content: '';

  width: 3px;

  left: -2px;

  height: 100%;

  background: linear-gradient(0deg, #18d18e 0%, var(--color) 33%, rgba(25, 99, 206, 0) 100%);

  transition: all 0.5s;
}

.developlcC .plccl .anzmenm ul li:last-child {
  margin-bottom: 0;
}

.developlcC .plccl .anzmenm ul li .t {
  font-size: 20px;
  color: rgba(21, 24, 97, 0.3);
  font-weight: bold;
  line-height: 1.8;
  transition: all 0.5s;
}

.developlcC .plccl .anzmenm ul li .cont {
  padding-top: 27px;
  position: relative;
  display: none;
}

.developlcC .plccl .anzmenm ul li .cont .e {
  line-height: 1.8;
}

.developlcC .plccl .anzmenm ul li .cont .e span {
  color: #18d18e;
}

.developlcC .plccl .anzmenm ul li .cont .q {
  line-height: 1.8;
  margin-top: 13px;
}

.developlcC .plccl .anzmenm ul li.curter .t {
  color: var(--color);
}

.developlcC .prccr {
  width: 44.8%;
}

.developlcC .prccr .ue .li {
  display: none;
}

.developlcC .prccr .ue .li.active {
  display: block;
}

.developlcD {
  padding: 50px 0 87px;
}

.developlcD .ul {
  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;
}

.developlcD .ul li {
  width: 17.8%;

  margin-right: 2.81%;

  position: relative;
}

.developlcD .ul li::before {
  position: absolute;

  right: -8%;

  content: '';

  width: 1px;

  height: 100%;

  background: #d8d8d8;
}

.developlcD .ul li.cur::before {
  right: -3.8%;
}

.developlcD .ul li:last-child:before {
  display: none;
}

.developlcD .ul li.cur {
  width: 38.17%;

  transition: all 0.4s;
}

.developlcD .ul li:last-child {
  margin-right: 0;
}

.developlcD .ul li .a {
  height: 100%;

  display: flex;

  flex-wrap: wrap;
}

.developlcD .ul li .a .img .m2 {
  display: none;
}

.developlcD .ul li .box {
  overflow: hidden;

  display: flex;

  flex-wrap: wrap;

  width: 100%;

  align-content: space-between;
}

.developlcD .ul li .img {
  position: relative;
}

.developlcD .ul li .img::before {
  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-radius: 16px;

  overflow: hidden;

  background: linear-gradient(0deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0) 46%);
}

.developlcD .ul li.cur .img {
  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  margin-top: 0;

  background: var(--bg);

  opacity: 1;

  z-index: 0;
}

.developlcD .ul li.cur .img img {
  display: none;
}

.disabled {
  color: gray;

  pointer-events: none;

  cursor: not-allowed;
}

.developlcD .ul li .ceosbnx {
  position: absolute;

  bottom: 25px;

  width: 100%;

  padding: 0 30px;

  opacity: 0;
}

.developlcD .ul li.cur .ceosbnx {
  opacity: 1;
}

.developlcD .ul li .ceosbnx .bto {
  line-height: 1.8;

  margin-top: 12px;
}

.developlcD .ul li.cur .box .bt {
  opacity: 0;
}

.developlcD .anzmen .prev:after {
  width: 14px;

  height: 14px;

  background: url(../images/swiper_jtl.svg) center center/cover;

  position: absolute;

  top: 50%;

  left: 50%;

  content: '';

  transform: translate(-50%, -50%);

  transition: all 0.4s;
}

.developlcD .anzmen .next:after {
  width: 14px;

  height: 14px;

  background: url(../images/swiper_jtr.svg) center center/cover;

  position: absolute;

  top: 50%;

  left: 50%;

  content: '';

  transform: translate(-50%, -50%);

  transition: all 0.4s;
}

.developlcD .prev:hover:after {
  background: url(../images/swiper_jtl2.svg) center center/cover;
}

.developlcD .next:hover:after {
  background: url(../images/swiper_jtr2.svg) center center/cover;
}

.developlcD .opznene .anzmen {
  position: absolute;
  right: 0;
  bottom: 6px;
}

.developlcD .opznene {
  margin-bottom: 45px;
}

@media (max-width: 1920px) {
  .developlcA .znenm {
    position: absolute;

    right: -12vw;

    width: 50.83333vw;

    bottom: -2.4vw;
  }

  .developlcA {
    padding: 7.76041vw 0 0;
  }

  .developlcA .oplenan {
    bottom: -1.45833vw;
  }

  .developlcA .plcabt {
    margin-bottom: 2.08333vw;
  }

  .developlcA .swiper-container {
    padding-bottom: 4.375vw;
  }

  .developlcA .swiper-slide .sznerb {
    height: 6.14583vw;
  }

  .developlcB {
    padding: 7.8125vw 0 7.39583vw;
  }

  .developlcB .oplcp .box .swiper-container .icon {
    margin: 2.5vw 0 1.04166vw;
  }

  .developlcB .oplcp .box .swiper-container .icon img {
    width: 2.44791vw;
  }

  .developlcB .oplcp .box .swiper-container .anzmen {
    margin-top: 2.86458vw;
  }

  .developlcC {
    padding: 11.875vw 0 8.75vw;
  }

  .developlcC .plccl {
    padding-top: 1.5625vw;
  }

  .developlcC .plccl .anzmenm {
    margin-top: 2.60416vw;
  }

  .developlcC .plccl .anzmenm ul li {
    margin-bottom: 2.91666vw;
  }

  .developlcC .plccl .anzmenm ul li .t {
    font-size: 1.45833vw;
  }

  .developlcD {
    padding: 2.60416vw 0 4.53125vw;
  }

  .developlcD .ul li .ceosbnx {
    bottom: 1.30208vw;

    padding: 0 1.5625vw;
  }

  .developlcD .opznene {
    margin-bottom: 2.34375vw;
  }
}

@media (max-width: 1680px) {
  .developlcA .znenm {
    bottom: -1.1vw;
  }
}

@media (max-width: 1500px) {
  .developlcA .swiper-pagination .swiper-pagination-bullet {
    width: 32px;
    height: 32px;
  }

  .developlcB .oplcb .anznee ul li {
    padding: 0 40px;
    height: 48px;
    line-height: 46px;
  }
}

@media (max-width: 1100px) {
  .servicesC-d {
    padding-right: 0;
  }

  .guobnuquse .swiper-slide .text {
    top: 37%;
  }

  .developlcA {
    padding: 35px 0 0;
  }

  .developlcA .plcabt {
    margin-bottom: 20px;
  }

  .developlcA .znenm {
    display: none;
  }

  .developlcA .oplenan {
    bottom: 0;
  }

  .servicesC-e {
    height: auto;
    margin-top: 20px;
  }

  .developlcA .swiper-container {
    padding-bottom: 0;
  }

  .developlcA .swiper-slide .sznerb {
    height: 118px;
    margin-top: 15px;
  }

  .developlcA .swiper-pagination {
    margin-top: 30px;
  }

  .developlcA .zkhjbnbn .aftere,
  .developlcA .zkhjbnbn::before {
    display: none;
  }

  .developlcA .swiper-pagination .swiper-pagination-bullet {
    width: 25px;
    height: 25px;
  }

  .developlcA .swiper-pagination .swiper-pagination-bullet-active::before {
    height: 20px;
    width: 20px;
  }

  .developlcB {
    padding: 35px 0 45px;
  }

  .developlcB .oplcb .anznee {
    position: initial;
    width: 100%;
    margin-top: 20px;
  }

  .developlcB .oplcb .anznee ul li {
    padding: 0;
    margin-right: 2%;
    width: 23.5%;
    text-align: center;
    height: 45px;
    line-height: 43px;
  }

  .developlcB .oplcp .box {
    padding: 20px;
  }

  .developlcB .oplcp .box .swiper-container .imge {
    width: 100%;
  }

  .developlcB .oplcp .box .swiper-container .opzne {
    width: 100%;
    position: initial;
    transform: translateY(0);
    margin-top: 25px;
  }

  .developlcB .oplcp .box .swiper-container .icon {
    margin: 15px 0 20px;
  }

  .developlcB .oplcp .box .swiper-container .icon img {
    width: 40px;
  }

  .developlcB .oplcp .box .swiper-container .anzmen {
    margin-top: 20px;
  }

  .developlcC {
    background: none;
    padding: 0 0 45px;
  }

  .developlcC .plccl {
    width: 100%;
  }

  .developlcC .plccl .anzmenm ul li {
    padding-left: 20px;
    margin-bottom: 25px;
  }

  .developlcC .plccl .anzmenm ul li .t {
    font-size: 20px;
  }

  .developlcC .plccl .anzmenm ul li .cont {
    padding-top: 15px;
  }

  .developlcC .plccl .anzmenm ul li .cont .q {
    margin-top: 10px;
  }

  .developlcC .prccr {
    width: 100%;
    margin-top: 25px;
  }

  .developlcD {
    padding: 0 0 45px;
  }

  .developlcD .ul li {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
  }

  .developlcD .ul li .img {
    width: 100%;
  }

  .developlcD .ul li.cur {
    width: 100%;
  }

  .developlcD .ul li.cur .img {
    position: initial;
    background: none;
  }

  .developlcD .ul li .box .bt {
    display: none;
  }

  .developlcD .ul li .a .img .m2 {
    display: block;
  }

  .developlcD .ul li .a .img .m1 {
    display: none;
  }

  .developlcD .ul li .a .img img {
    border-radius: 16px;
    overflow: hidden;
  }

  .developlcD .ul li .img::before {
    border-radius: 10px;
    z-index: 5;
  }

  .developlcD .ul li::before {
    display: none;
  }

  .developlcD .ul li .ceosbnx {
    opacity: 1;
    padding: 0 20px;
    bottom: 15px;
  }

  .developlcD .opznene {
    margin-bottom: 20px;
  }

  .developlcD .opznene .anzmen {
    display: none;
  }
}

.homeDX {
  overflow: hidden;
  height: 250vh;
}

.homeD-z {
  z-index: 10;
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.homeD-z2 {
  position: relative;
  height: 100vh;
}

.homeD-z .img2 {
  position: absolute;
  height: calc(100vh + 10px);
  left: 0;
  top: 0%;
  width: 100%;
  transform: translateY(0%);
}

.homeD-z .img2 img {
  margin-top: -2px;
  transform: scale(1);
}

.homeD-y {
  transition: all 0.5s;
  opacity: 1;
  z-index: 11;
  top: 21.2%;
  left: 49%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.homeD-y1 {
  text-align: center;
  top: 9%;
}

.homeD-y2 .homeD-b {
  margin-top: 0 !important;
}

.homeD-c {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9;
}

.homeDXFixed .homeD-c {
  position: fixed;
  left: 0;
  top: 0;
}

.homeDXFixed .homeD-z {
  position: fixed;
}

.homeDXFixed .homeD-y {
  opacity: 0;
}

.homeDXFixed2 .homeD-c {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
}

.homeDXFixed2 .homeD-z {
  position: absolute;
  top: auto;
  bottom: 0;
}

.homeDXFixed2 .homeD-y {
  opacity: 0;
}

.homeD-c2 {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.homeD-c2 video {
  width: 100vw;
  position: absolute;
  left: 0;
  bottom: 0;
  object-fit: cover;
}

.homeD-c .homeD-c2 .dizneo {
  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  transform: translateY(-50%);

  opacity: 0;
}

.homeDXFixed .homeD-c.show .dizneo {
  opacity: 1;
}

.homeDXFixed .homeD-c.show {
  z-index: 11;
}

.homeD-c .homeD-c2 .dizneo .zneobao {
  width: 840px;
}

.homeD-c .homeD-c2 .dizneo .zneobao .title .fbt {
  color: #fff;
}

.homeD-c .homeD-c2 .dizneo .zneobao .title .bt {
  color: #fff;
  margin-bottom: 45px;
}

.homeD-c .homeD-c2 .dizneo .zneobao ul {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.homeD-c .homeD-c2 .dizneo .zneobao ul li {
  padding-left: 30px;
  margin-bottom: 42px;
}

.homeD-c .homeD-c2 .dizneo .zneobao ul li:last-child {
  margin-bottom: 0;
}

.homeD-c .homeD-c2 .dizneo .zneobao ul li .t {
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
}

/*.homeD-c .homeD-c2 .dizneo .zneobao ul li .t p:last-child { margin-top: 16px; }*/

.homeD-c .homeD-c2 .dizneo .zneobao ul li .cont {
  line-height: 1.8;
  margin-top: 21px;
  display: none;
}

.homeD-c .homeD-c2 .dizneo .zneobao ul li.curter .t {
  color: #18d18e;
}

.homeD-c .homeD-c2 .dizneo .zneobao ul li.curter::before {
  position: absolute;

  top: 0;

  content: '';

  width: 3px;

  left: -2px;

  height: 100%;

  background: linear-gradient(110deg, #18d18e 0%, var(--color) 33%, rgba(25, 99, 206, 0) 100%);

  transition: all 0.5s;
}

.qifei .zneobao {
  width: 100%;
}

.qifei .zneobao .title .fbt {
  color: #222;
}

.qifei .zneobao .title .bt {
  color: #222;
  margin-bottom: 20px;
}

.qifei .zneobao ul {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.qifei .zneobao ul li {
  padding-left: 20px;
  margin-bottom: 20px;
}

.qifei .zneobao ul li:last-child {
  margin-bottom: 0;
}

.qifei .zneobao ul li .t {
  font-weight: bold;
  color: #222;
  line-height: 1;
}

.qifei .zneobao ul li .t p:last-child {
  margin-top: 5px;
}

.qifei .zneobao ul li .cont {
  line-height: 1.8;
  margin-top: 15px;
  display: none;
}

.qifei .zneobao ul li.curter .t {
  color: #18d18e;
}

.qifei .zneobao ul li.curter::before {
  position: absolute;

  top: 0;

  content: '';

  width: 3px;

  left: -2px;

  height: 100%;

  background: linear-gradient(110deg, #18d18e 0%, var(--color) 33%, rgba(25, 99, 206, 0) 100%);

  transition: all 0.5s;
}

.noubanner .swiper-slide .img {
  position: relative;
}

.noubanner .swiper-slide .img:before {
  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);

  opacity: 0.5;

  z-index: 2;
}

@media (max-width: 1920px) {
  .homeD-a img {
    height: 2.4vw;
  }

  /*.homeD-y { top: 270px; }*/
}

@media (max-width: 1100px) {
  .qifei .zneobao ul li .t {
    line-height: 1.5;
  }

  .homeDX {
    padding: 50px 0 0px;
    overflow: hidden;
    height: auto;
  }

  .homeD-y1 {
    position: relative;
    top: auto;
    z-index: 5;
  }

  .homeD-a img {
    height: auto;
    width: 80%;
  }

  .homeD-z2 {
    height: auto;
    display: none;
  }

  .homeD-z .img2 {
    display: none;
  }

  .homeD-z,
  .homeD-c {
    position: relative;
    top: auto;
    left: 0;
    transform: translateY(0);
  }

  .homeD-c2 {
    height: auto;
    margin-top: 30px;
  }

  .homeD-c2 video {
    position: relative;
    width: 100%;
  }

  .homeD-z {
    display: none;
  }

  .homeDXFixed .homeD-c {
    position: relative;
    left: 0;
    top: 0;
  }

  .homeDXFixed .homeD-z {
    position: relative;
  }

  .homeDXFixed .homeD-y {
    opacity: 0;
  }

  .homeDXFixed2 .homeD-c {
    position: relative;
    top: auto;
    left: 0;
    bottom: 0;
  }

  .homeDXFixed2 .homeD-z {
    position: relative;
    top: auto;
    bottom: 0;
  }

  .homeDXFixed2 .homeD-y {
    opacity: 0;
  }

  .homeD-y1 {
    display: none;
  }

  .homeD-y {
    display: none;
  }

  .homeD {
    display: none;
  }

  .footer {
    background: linear-gradient(180deg, var(--color) 0%, var(--color) 57%, var(--color) 100%);
  }
}

/**搜索结果页**/

.sousuoguo {
  padding: 155px 0 43px;
}

.sousuoguo .suoguo .ewsar {
  position: absolute;

  bottom: 6px;

  right: 0;
}

.sousuoguo .suoguo .ewsar .inp {
  border-radius: 100px;

  width: 486px;

  height: 56px;

  border: 1px solid rgba(216, 216, 216, 0.8);

  font-size: 16px;

  padding: 0 50px 0 22px;

  color: rgba(102, 102, 102, 0.6);
}

.sousuoguo .suoguo .ewsar .inp ::placeholder {
  color: rgba(102, 102, 102, 0.6);
}

.sousuoguo .suoguo .ewsar .sub {
  position: absolute;

  right: 0;

  top: 0;

  border: 0;

  border-radius: 100px;

  width: 139px;

  height: 56px;

  color: #fff;

  font-size: 16px;

  padding-left: 65px;

  background: url(../images/ggthb.svg) no-repeat 41px center #18d18e;

  background-size: 15px 15px;

  text-align: left;
}

.sousuoguo .snogno {
  margin-top: 32px;
}

.sousuoguo .snogno ul li {
  margin-bottom: 20px;
}

.sousuoguo .snogno ul li:last-child {
  margin-bottom: 0;
}

.sousuoguo .snogno ul li a {
  display: block;

  border: 1px solid #d8d8d8;

  border-radius: 20px;

  overflow: hidden;

  padding: 37px 40px;

  position: relative;

  transition: all 0.4s;

  background: #fff;
}

.sousuoguo .snogno ul li a .noon {
  width: 80%;

  transition: all 0.4s;
}

.sousuoguo .snogno ul li a .noon .ona {
  border-bottom: 1px solid #fff;

  width: 60%;
}

.sousuoguo .snogno ul li a .noon .onb {
  line-height: 1.625;

  margin-top: 10px;
}

.sousuoguo .snogno ul li a .i {
  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 54px;

  height: 44px;

  border-radius: 100px;

  content: '';

  border: 1px solid rgba(62, 58, 57, 0.3);

  transition: all 0.4s;
}

.sousuoguo .snogno ul li a .i:after {
  width: 10px;

  height: 10px;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

  background: url(../images/more_jtq.svg) center center/cover;

  z-index: 1;

  content: '';

  transition: all 0.4s;
}

.sousuoguo .snogno ul li:hover a {
  background: rgba(25, 99, 206, 0.03);
  border-color: rgba(25, 99, 206, 0.03);
}

.sousuoguo .snogno ul li:hover a .i {
  background: var(--color);
}

.sousuoguo .snogno ul li:hover a .i::after {
  background: url(../images/more_jt.svg) center center/cover;
}

.sousuoguo .snogno ul li:hover a .noon .ona {
  border-bottom: 1px solid var(--color);

  color: var(--color);
}

@media (max-width: 1280px) {
  .sousuoguo .suoguo .ewsar .inp,
  .sousuoguo .suoguo .ewsar .sub {
    height: 50px;
  }
}

@media (max-width: 1100px) {
  .sousuoguo {
    padding: 90px 0 45px;
  }

  .sousuoguo .snogno ul li a {
    padding: 20px;
  }

  .sousuoguo .suoguo .ewsar {
    position: initial;

    width: 100%;

    margin-top: 15px;
  }

  .sousuoguo .suoguo .ewsar .inp {
    width: 100%;

    height: 45px;

    font-size: 14px;
  }

  .sousuoguo .suoguo .ewsar .sub {
    height: 45px;

    font-size: 14px;

    line-height: 45px;

    background-size: 13px 13px;

    background: url(../images/ggthb.svg) no-repeat 41px 15px #18d18e;
  }

  .sousuoguo .snogno {
    margin-top: 25px;
  }

  .sousuoguo .snogno ul li a .i {
    width: 44px;

    height: 34px;
  }

  .sousuoguo .snogno ul li a .i:after {
    width: 8px;

    height: 8px;
  }
}

.cuensd {
  border-bottom: 1px solid #d8d8d8;
}

.cuensd.fixed-head {
  border-bottom: 0;
}

.cuensd .logo .m2 {
  display: block;
}

.cuensd .logo .m1 {
  display: none;
}

.cuensd .ul li > a {
  color: #3d3d3d;
}

.cuensd .sousuo .m2 {
  display: block;
}

.cuensd .sousuo .m1 {
  display: none;
}

.cuensd .yuyan .bt {
  color: #3d3d3d;
}

.cuensd .yuyan .bt:before {
  background: url(../images/header_qqa.svg) center center/cover;
}

.cuensd .yuyan .bt:after {
  background: url(../images/header_jta.svg) center center/cover;
}

/**新增主营副本**/

.kanpoannn {
  position: relative;
  z-index: 2;
}

.gingtrbfuben {
  padding: 112px 0 0;
}

.gingtrbfuben .fubentop {
  margin-bottom: 45px;
}

.gingtrbfuben .fubentop .entopl {
  width: 26%;
}

.gingtrbfuben .fubentop .entopr {
  width: 68%;

  padding-top: 10px;
}

.gingtrbfuben .fubentop .entopr .opa {
  line-height: 1.8;

  margin-bottom: 15px;
}

.gingtrbfuben .fubentop .entopr .opb {
  line-height: 2;
}

.gingtrbfuben .fubentop .entopr .opb p span {
  font-weight: bold;
}

.gingtrbfuben .fubentop .entopr .opb p:nth-child(n + 2) {
  margin-top: 15px;
}

.gingtrbfubena {
  padding-top: 95px;
}

.baoguonasn {
  background: url(../images/baoguonasn.png) no-repeat top center/cover;

  position: relative;

  margin-top: -375px;

  padding-top: 490px;
}

.dianzafubenb {
  text-align: center;
}

.dianzafubenb .title .bt {
  color: #fff;
}

.dianzafubenb .fubenntbott {
  margin-top: 53px;
}

/*.dianzafubenb .fubenntbott ul { display: flex; flex-wrap: wrap; }*/

.dianzafubenb .fubenntbott ul {
  overflow: height;
}

.dianzafubenb .fubenntbott ul li {
  height: auto;
  float: left;
  width: 24.15%;
  padding: 105px 20px 103px 0;
  margin-right: 1.13%;
  background: rgba(25, 99, 206, 0.6);
  backdrop-filter: blur(10px);
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
}

.dianzafubenb .fubenntbott ul li:last-child {
  margin-right: 0;
}

.dianzafubenb .fubenntbott ul li:nth-child(2n) {
  background: #fff;
  border-color: #fff;
}

.dianzafubenb .fubenntbott ul li .icon {
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.1);
  display: inline-block;
  width: 110px;
  height: 110px;
  border-radius: 50%;
}

.dianzafubenb .fubenntbott ul li .icon::before {
  position: absolute;

  content: '';

  width: 126px;

  height: 126px;

  border-radius: 50%;

  overflow: hidden;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  border: 2px solid rgba(255, 255, 255, 0.1);
}

.dianzafubenb .fubenntbott ul li .icon img {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

.dianzafubenb .fubenntbott ul li:nth-child(2n) .icon {
  background: rgba(25, 99, 206, 0.1);
}

.dianzafubenb .fubenntbott ul li:nth-child(2n) .icon::before {
  border: 2px solid rgba(25, 99, 206, 0.1);
}

.dianzafubenb .fubenntbott ul li .nnez {
  line-height: 1.33;
  margin-top: 30px;
}

.dianzafubenb .fubenntbott ul li .xnwbeb {
  margin-top: 25px;
}

.dianzafubenb .fubenntbott ul li:nth-child(2n) .xnwbeb {
  color: var(--color);
}

.dianzafubenb .fubenntbott ul li.cue {
  padding-top: 70px;
}

.dianzafubenb .fubennboee {
  margin-top: 100px;
}

.dianzafubenb .fubennboee ul {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 200px;
  display: flex;
  flex-wrap: wrap;
  padding: 44px 0 45px;
}

.dianzafubenb .fubennboee ul li {
  float: left;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  width: 16.66%;
  text-align: center;
}

.dianzafubenb .fubennboee ul li:last-child {
  border: 0;
}

.dianzafubenb .fubennboee ul li .icon img {
  height: 40px;
}

.dianzafubenb .fubennboee ul li .ea {
  font-weight: bold;
  margin-top: 15px;
}

.dianzafubenb .fubennboee ul li .eb {
  color: rgba(255, 255, 255, 0.8);
  margin-top: 5px;
}

.baoguonasn .footer {
  background: none;
}

.baoguonasn .footer .top {
  padding-top: 155px;
}

.logo {
  position: relative;

  z-index: 2;
}

.header .moe {
  position: fixed;

  width: 100%;

  left: 0;

  top: 0;

  display: none;

  top: 73px;
}

.header .haipa {
  background: #ffffff;
  border-top: 1px solid #d8d8d8;
}

.header .moe ul li a {
  display: block;
  color: #3d3d3d;
  padding: 32px 0;
  line-height: 1;
  transition: all 0.5s;
}

.header .moe ul li a:hover {
  color: #18d18e;
}

.header ul li:hover .moe {
  display: block;

  animation: xiala2 0.4s linear 1;

  animation-fill-mode: forwards;

  -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes xiala2 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes xiala2 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.xnamnenene {
  position: fixed;

  width: 100%;

  left: 0;

  top: 73px;

  display: none;

  transition: all 0.4s;
}

.header ul li:hover .xnamnenene {
  display: block;

  animation: xiala2 0.4s linear 1;

  animation-fill-mode: forwards;

  -webkit-animation-fill-mode: forwards;
}

.xnamnenene .tuixiaba .flex {
  border-top: 1px solid #d8d8d8;

  display: flex;

  flex-wrap: wrap;
}

.xnamnenene .enenl {
  width: 33.54%;

  padding: 92px 62px 0 242px;

  background: #f7fbff;
}

.xnamnenene .enenl .ule .li {
  color: rgba(25, 99, 206, 0.2);

  line-height: 1;

  margin-bottom: 31px;

  transition: all 0.4s;

  cursor: pointer;

  display: block;

  font-weight: bold;
}

.xnamnenene .enenl .ule .li.cur {
  color: var(--color);
}

.xnamnenene .enenr {
  width: 66.46%;

  padding: 60px 255px 80px 0;

  background: #fff;

  border-left: 3px solid rgba(0, 57, 123, 0.06);
}

.xnamnenene .enenr .box {
  width: 100%;
}

.xnamnenene .enenr .nensnl {
  width: 35%;

  display: block;
}

.xnamnenene .enenr .nensnl .e {
  width: 100%;

  margin-bottom: 15px;
}

.xnamnenene .enenr .nensnl .e a {
  display: block;

  padding-left: 28px;

  line-height: 1.5;

  color: #3d3d3d;

  position: relative;

  transition: all 0.4s;
}

.xnamnenene .enenr .nensnl .e.cur a {
  color: #18d18e;
}

.xnamnenene .enenr .nensnl .e a::before {
  position: absolute;

  content: '';

  top: 3px;

  left: -3px;

  height: 20px;

  width: 3px;

  opacity: 0;

  background: #18d18e;

  transition: all 0.4s;
}

.xnamnenene .enenr .nensnl .e.cur a::before {
  opacity: 1;
}

.xnamnenene .enenr .nensnr {
  width: 62.5%;
}

.header:hover {
  background: #fff;
}

.header:hover .logo .m1 {
  display: none;
}

.header:hover .logo .m2 {
  display: block;
}

.header:hover .ul li > a {
  color: #3d3d3d;
}

.header:hover .sousuo .m1 {
  display: none;
}

.header:hover .sousuo .m2 {
  display: block;
}

.header:hover .yuyan .bt {
  color: #3d3d3d;
}

.header:hover .yuyan .bt:before {
  background: url(../images/header_qqa.svg) center center/cover;
}

.header:hover .yuyan .bt:after {
  background: url(../images/header_jta.svg) center center/cover;
}

.header:hover .ul li > a:before {
  background: #3d3d3d;
}

.wocaozmne {
  overflow: hidden;
}

.exionxm {
  width: 54px;

  height: 44px;

  border: 1px solid #d8d8d8;

  border-radius: 100px;

  opacity: 1;

  top: 50%;

  transform: translateY(-50%);

  margin-top: 0;

  left: auto;

  bottom: auto;

  transition: all 0.4s;
}

.exionxml {
  left: -80px;

  right: auto;
}

.exionxmr {
  right: -80px;

  left: auto;
}

.exionxml:after {
  width: 14px;

  height: 14px;

  background: url(../images/swiper_jtl2.svg) center center/cover;

  position: absolute;

  top: 50%;

  left: 50%;

  content: '';

  transform: translate(-50%, -50%);

  transition: all 0.4s;
}

.exionxmr:after {
  width: 14px;

  height: 14px;

  background: url(../images/swiper_jtr2.svg) center center/cover;

  position: absolute;

  top: 50%;

  left: 50%;

  content: '';

  transform: translate(-50%, -50%);

  transition: all 0.4s;
}

.exionxmr:hover:after {
  background: url(../images/swiper_jtr2.svg) center center/cover;
}

.exionxml:hover:after {
  background: url(../images/swiper_jtl2.svg) center center/cover;
}

.exionxm:hover {
  background: #18d18e;

  border-color: #18d18e;
}

@media (max-width: 1920px) {
  .gingtrbfuben {
    padding: 5.83333vw 0 0;
  }

  .gingtrbfuben .fubentop {
    margin-bottom: 2.34375vw;
  }

  .gingtrbfubena {
    padding-top: 4.94791vw;
  }

  .baoguonasn {
    margin-top: -19.53125vw;

    padding-top: 25.52083vw;
  }

  .dianzafubenb .fubenntbott {
    margin-top: 2.76041vw;
  }

  .dianzafubenb .fubenntbott ul li {
    padding: 5.46875vw 20px 5.36458vw;
  }

  .dianzafubenb .fubenntbott ul li.cue {
    padding-top: 3.46875vw;
  }

  .dianzafubenb .fubenntbott ul li .icon {
    width: 5.72916vw;
    height: 5.72916vw;
  }

  .dianzafubenb .fubenntbott ul li .icon img {
    height: 2.91666vw;
  }

  .dianzafubenb .fubenntbott ul li .icon::before {
    width: 6.5625vw;

    height: 6.5625vw;
  }

  .dianzafubenb .fubenntbott ul li .nnez {
    margin-top: 1.5625vw;
  }

  .dianzafubenb .fubennboee {
    margin-top: 5.20833vw;
  }

  .dianzafubenb .fubennboee ul {
    border-radius: 10.41666vw;
    padding: 2.29166vw 0 2.34375vw;
  }

  .dianzafubenb .fubennboee ul li .icon img {
    height: 2.08333vw;
  }

  .baoguonasn .footer .top {
    padding-top: 8.07291vw;
  }

  .xnamnenene .enenl {
    padding: 4.79166vw 3.22916vw 0 12.60416vw;
  }

  .xnamnenene .enenl .ule .li {
    margin-bottom: 1.61458vw;
  }

  .xnamnenene .enenr {
    padding: 3.125vw 13.28125vw 4.16666vw 0;
  }
}

@media (max-width: 1100px) {
  .dianzafubenb .fubenntbott ul li.cue {
    padding-top: 20px;
  }

  .gingtrbfuben {
    padding-top: 35px;
  }

  .gingtrbfuben .fubentop {
    margin-bottom: 20px;
  }

  .gingtrbfuben .fubentop .entopr {
    width: 100%;
  }

  .gingtrbfuben .fubentop .entopr .opa {
    margin-bottom: 10px;
  }

  .gingtrbfuben .fubentop .entopr .opb p:nth-child(n + 2) {
    margin-top: 5px;
  }

  .gingtrbfuben .e a {
    margin-top: 25px;
  }

  .gingtrbfubena {
    padding-top: 35px;
  }

  .baoguonasn {
    background: url(../images/wicabsdbb.png) no-repeat center center/cover;
    margin-top: 0;
    padding-top: 50px;
  }

  .dianzafubenb {
    padding-bottom: 40px;
  }

  .dianzafubenb .title .bt {
    color: var(--color);
  }

  .dianzafubenb .fubenntbott ul li {
    width: 49%;
    border-radius: 10px;
    margin-right: 2%;
    margin-bottom: 2%;
  }

  .dianzafubenb .fubenntbott ul li:nth-child(2n) {
    margin-right: 0;
  }

  .dianzafubenb .fubenntbott {
    margin-top: 20px;
  }

  .dianzafubenb .fubenntbott ul li .icon {
    width: 60px;
    height: 60px;
  }

  .dianzafubenb .fubenntbott ul li .icon::before {
    width: 70px;
    height: 70px;
  }

  .dianzafubenb .fubenntbott ul li .icon img {
    height: 25px;
  }

  .dianzafubenb .fubenntbott ul li .nnez {
    margin-top: 15px;
  }

  .dianzafubenb .fubennboee ul {
    border-radius: 10px;
    padding: 0;
  }

  .dianzafubenb .fubennboee ul li {
    width: 50%;
    padding: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .dianzafubenb .fubennboee ul li .icon img {
    height: 30px;
  }

  .baoguonasn .footer .top {
    padding-top: 40px;
  }

  .baoguonasnae .footer {
    background: linear-gradient(180deg, var(--color) 0%, var(--color) 57%, var(--color) 100%);
  }

  .gingtrbfuben .fubentop .entopl {
    width: 100%;
  }
}

.ChargingstationA .fubenbottom .anznb {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 76px;

  height: 76px;

  cursor: pointer;
}

.ChargingstationA .fubenbottom .anznb span {
  background: url(../images/anznb.svg) no-repeat center center/cover;

  width: 100%;

  height: 100%;

  display: inline-block;

  transform: scale(1);

  transition: all 0.5s;
}

@media (max-width: 1100px) {
  .ChargingstationA .fubenbottom .anznb {
    width: 56px;

    height: 56px;
  }
}

.anzmenxqB1e {
  padding-bottom: 0;
}

.anzmenxqB1e .fubenbottom .anznb {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 76px;

  height: 76px;

  cursor: pointer;
}

.anzmenxqB1e .fubenbottom .anznb span {
  background: url(../images/anznb.svg) no-repeat center center/cover;

  width: 100%;

  height: 100%;

  display: inline-block;

  transform: scale(1);

  transition: all 0.5s;
}

.hezuohzne {
  padding: 40px 0;
}

@media (max-width: 1920px) {
  .hezuohzne {
    padding: 2.7vw 0;
  }
}

@media (max-width: 1100px) {
  .anzmenxqB1e .fubenbottom .anznb {
    width: 56px;

    height: 56px;
  }

  .hezuohzne {
    padding: 35px 0 45px;
  }
}

.UltimatepursuitA-a {
  display: none;
}

.BatteryBankB .pankp .erves-nr {
  height: 100%;

  position: relative;

  z-index: 3;
}

.BatteryBankB .pankp .pagePic {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;
}

.BatteryBankB .pankp .pagePic ul {
  width: 100%;

  height: 100%;

  position: relative;
}

.BatteryBankB .pankp .pagePic ul:before {
  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.3);

  z-index: 2;
}

.BatteryBankB .pankp .pagePic ul li {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  transition: all 0.5s;

  opacity: 0;
}

.BatteryBankB .pankp .pagePic ul li.active {
  opacity: 1;
}

/**数字化新增**/

.wozndn {
  overflow: hidden;
}

.zendnnasxA .baoznene {
  padding: 100px 0 0;
}

.zendnnasxA .baoznene .xznne {
  margin-top: 18px;

  padding-bottom: 65px;

  border-bottom: 1px solid rgba(216, 216, 216, 0.5);
}

.zendnnasxB {
  padding: 75px 0 0;
}

.zendnnasxB .xznne {
  margin: 22px 0 35px;
}

.zendnnasxB .ylze ul {
  display: flex;

  flex-wrap: wrap;
}

.zendnnasxB .ylze ul li {
  float: left;

  border: 1px solid #d8d8d8;

  border-radius: 10px;

  margin-right: 1.2%;

  margin-bottom: 1.2%;

  overflow: hidden;

  width: 49.4%;

  padding: 20px 20px 37px;
}

.zendnnasxB .ylze ul li:nth-child(2n) {
  margin-right: 0;
}

.zendnnasxB .ylze ul li .kznne {
  padding: 33px 0 0;
}

.zendnnasxB .ylze ul li .kznne .mia {
  font-weight: bold;
}

.zendnnasxB .ylze ul li .kznne .mib {
  line-height: 1.8;

  margin-top: 10px;
}

.zendnnasxB .ylze ul li .kznne .mib p {
  position: relative;

  padding-left: 18px;
}

.zendnnasxB .ylze ul li .kznne .mib p::before {
  position: absolute;

  content: '';

  left: 0;

  top: 13px;

  width: 6px;

  height: 6px;

  background: #d8d8d8;

  border-radius: 50%;

  overflow: hidden;
}

.zendnnasxB .znenm {
  position: absolute;

  right: -13%;

  width: 46%;

  top: -10%;
}

.zendnnasxB .container2 {
  position: relative;

  z-index: 2;
}

.zendnnasxC {
  padding: 118px 0 77px;
}

.zendnnasxC .nnasxctop .ctopl .xpe {
  margin-top: 19px;
}

.zendnnasxC .nnasxctop .ctopr {
  width: 590px;

  position: absolute;

  right: 0;

  bottom: 0;
}

.zendnnasxC .nnasxcbott {
  margin-top: 58px;
}

.zendnnasxC .nnasxcbott .cbottl {
  width: 40.5%;
}

.zendnnasxC .nnasxcbott .ottor {
  width: 51%;

  padding-top: 14px;
}

.zendnnasxC .nnasxcbott .ottor ul {
  border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}

.zendnnasxC .nnasxcbott .ottor ul li {
  border-top: 1px solid rgba(196, 196, 196, 0.5);
}

.zendnnasxC .nnasxcbott .ottor ul li.curter {
  border-top: 1px solid #18d18e;
}

.zendnnasxC .nnasxcbott .ottor ul li .t {
  font-size: 24px;

  line-height: 1;

  padding: 30px 0;

  position: relative;

  transition: all 0.5s;
}

.zendnnasxC .nnasxcbott .ottor ul li .t::before {
  position: absolute;

  content: '';

  right: 0;

  top: 50%;

  width: 14.67px;

  height: 14.67px;

  transform: translateY(-50%);

  background: url(../images/jia.svg) no-repeat center center/cover;
}

.zendnnasxC .nnasxcbott .ottor ul li.curter .t {
  padding-bottom: 12px;

  font-size: 28px;
}

.zendnnasxC .nnasxcbott .ottor ul li.curter .t span {
  color: #18d18e;
}

.zendnnasxC .nnasxcbott .ottor ul li.curter .t::before {
  height: 2px;

  background: url(../images/jib.svg) no-repeat center center/cover;
}

.zendnnasxC .nnasxcbott .ottor ul li .cont {
  display: none;
}

.zendnnasxC .nnasxcbott .ottor ul li .cont .p {
  line-height: 1.8;

  padding-bottom: 33px;
}

.zendnnasxC .nnasxcbott .ottor ul li .cont .p p {
  padding-left: 20px;

  position: relative;
}

.zendnnasxC .nnasxcbott .ottor ul li .cont .p p::before {
  position: absolute;

  content: '';

  top: 12px;

  left: 0;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  overflow: hidden;

  background: #d8d8d8;
}

.zendnnasxE {
  padding: 134px 0 130px;

  overflow: hidden;
}

.zendnnasxE .nnasxetop .nxqal .xpe {
  line-height: 1.8;

  margin-top: 9px;

  width: 73%;
}

.zendnnasxE .nnasxetop::before {
  position: absolute;

  content: '';

  right: -17%;

  top: -10px;

  width: 1385px;

  height: 242px;

  background: url(../images/zendnnasxE.svg) no-repeat left center/cover;
}

.zendnnasxE .nnasxezon {
  margin-top: 35px;
}

.zendnnasxE .nnasxezon ul {
  display: flex;

  flex-wrap: wrap;
}

.zendnnasxE .nnasxezon ul li {
  float: left;

  width: 32.58%;

  margin-right: 1.13%;

  border: 1px solid #d8d8d8;

  border-radius: 10px;

  overflow: hidden;

  padding: 20px 20px 35px;

  position: relative;
}

.zendnnasxE .nnasxezon ul li .zdasz {
  padding-left: 13px;
}

.zendnnasxE .nnasxezon ul li .zdasz .bt {
  font-weight: bold;

  margin: 27px 0 10px;
}

.zendnnasxE .nnasxezon ul li .zdasz .aszne {
  width: 70%;
}

.zendnnasxE .nnasxezon ul li .zdasz .aszne .nel {
  width: 100%;
}

.zendnnasxE .nnasxezon ul li .zdasz .aszne .nel p {
  position: relative;

  padding-left: 17px;

  margin-bottom: 3px;

  width: 50%;

  float: left;
}

.zendnnasxE .nnasxezon ul li .zdasz .aszne .nel p:last-child {
  margin-bottom: 0;
}

.zendnnasxE .nnasxezon ul li .zdasz .aszne .nel p::before {
  position: absolute;

  content: '';

  left: 0;

  top: 12px;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  overflow: hidden;

  background: #d8d8d8;
}

.zendnnasxE .nnasxezon ul li .icone {
  position: absolute;

  bottom: -9px;

  right: 28px;
}

.zendnnasxE .nnasxezon ul li:nth-child(2) .icone {
  bottom: -5px;

  opacity: 0.2;
}

.zendnnasxE .nnasxezon ul li:nth-child(3) .icone {
  opacity: 0.2;
}

.zendnnasxE .nnasxezon ul li:last-child {
  margin-right: 0;
}

.zendnnasxE .paanak {
  margin-top: 60px;
}

.zendnnasxE .paanak ul {
  display: flex;
  flex-wrap: wrap;
}

.zendnnasxE .paanak ul li {
  float: left;
  margin-right: 1.5%;
  width: 23.87%;
  position: relative;
  overflow: hidden;
}

.zendnnasxE .paanak ul li:last-child {
  margin-right: 0;
}

.zendnnasxE .paanak ul li .om {
  line-height: 1.3;
  position: relative;
  display: inline-block;
  padding-bottom: 17px;
  width: 100%;
}

.zendnnasxE .paanak ul li .om::before {
  position: absolute;

  bottom: 0;

  content: '';

  left: 0;

  width: 89px;

  height: 3px;

  background: linear-gradient(270deg, #18d18e 0%, var(--color) 100%);
}

.zendnnasxE .paanak ul li .om::after {
  position: absolute;

  bottom: 2px;

  content: '';

  left: 0;

  width: 100%;

  height: 1px;

  background: rgba(25, 99, 206, 0.2);
}

.zendnnasxE .paanak ul li .bome .om::after {
  background: rgba(255, 255, 255, 0.15);
}

.zendnnasxE .paanak ul li .tome {
  opacity: 1;
  transition: all 0.5s;
}

.zendnnasxE .paanak ul li .tome .icon {
  text-align: right;
  padding-right: 27px;
}

.zendnnasxE .paanak ul li .tome .icon img {
  height: 74px;
  width: 74px;
  margin-top: 0;
}

.zendnnasxE .paanak ul li .tome .ot {
  line-height: 1.66;
  padding: 0 30px;
  margin-top: 27px;
}

.zendnnasxE .paanak ul li .tome .baoguo {
  background: #f5f8fd;
  margin-top: 27px;
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: 35px;
}

.zendnnasxE .paanak ul li .bome {
  background: linear-gradient(180deg, #18d18e 0%, var(--color) 100%);

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-radius: 10px;

  overflow: hidden;

  padding: 35px 0 0 0;

  left: -100%;

  transition: all 0.5s;
}

.zendnnasxE .paanak ul li .bome .om::before {
  background: #fff;
}

.zendnnasxE .paanak ul li .bome .bomeq {
  padding: 0 22px;
}

.zendnnasxE .paanak ul li .bome .bomeq .ot {
  line-height: 1.66;
  margin-top: 23px;
}

.zendnnasxE .paanak ul li .bome .icon {
  text-align: right;
  padding-right: 30px;
  position: absolute;
  bottom: 0;
  width: 100%;
  bottom: 0;
}

.zendnnasxE .paanak ul li:nth-child(2) .bome .icon {
  bottom: -5px;
}

.zendnnasxE .paanak ul li:nth-child(3) .bome .icon {
  bottom: -7px;
}

.zendnnasxE .paanak ul li .bome .icon img {
  height: 74px;

  width: 74px;
}

.zendnnasxE .paanak ul li:hover .tome {
  opacity: 0;
}

.zendnnasxE .paanak ul li:hover .bome {
  left: 0;
}

.zendnnasxF .nnasxbott {
  border: 1px solid #d8d8d8;

  border-radius: 16px;

  overflow: hidden;

  padding: 20px 110px 20px 20px;

  margin-top: 35px;
}

.zendnnasxF .nnasxbott .xottlfe {
  border-radius: 10px;

  overflow: hidden;

  width: 49.47%;
}

.zendnnasxF .nnasxbott .xottrfe {
  width: 46.1%;

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);
}

.zendnnasxF .oznens {
  border-left: 1px solid #d8d8d8;
}

.zendnnasxF .oznens ul li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 15px;
}

.zendnnasxF .oznens ul li:last-child {
  margin-bottom: 0;
}

.zendnnasxF .oznens ul li::before {
  position: absolute;

  content: '';

  height: 0%;

  width: 3px;

  left: -2px;

  top: 0;

  transition: all 0.5s;

  background: linear-gradient(0deg, #18d18e 0%, var(--color) 33%, rgba(25, 99, 206, 0) 100%);
}

.zendnnasxF .oznens ul li.curter::before {
  height: 100%;
}

.zendnnasxF .oznens ul li .t {
  font-size: 24px;
  color: #222222;
  font-weight: bold;
}

.zendnnasxF .oznens ul li.curter .t {
  color: var(--color);
  font-size: 30px;
}

.zendnnasxF .oznens ul li .cont {
  display: none;
}

.zendnnasxF .oznens ul li .cont .nide {
  line-height: 1.6;

  padding-top: 5px;
}

.zendnnasxD {
  background: url(../images/zendnnasxD.png) no-repeat center center/cover;

  padding: 280px 0 140px;
}

.zendnnasxD .nasxdtop .xdtol {
  width: 49.47%;
}

.zendnnasxD .nasxdtop .xdtol .ulznene {
  margin-top: 27px;
}

.zendnnasxD .nasxdtop .xdtol .ulznene ul li {
  background: rgba(255, 255, 255, 0.5);

  border-radius: 10px;

  margin-bottom: 15px;

  overflow: hidden;
}

.zendnnasxD .nasxdtop .xdtol .ulznene ul li .t {
  padding: 25px 30px;

  color: #222222;

  position: relative;
}

.zendnnasxD .nasxdtop .xdtol .ulznene ul li .t::before {
  position: absolute;

  content: '';

  top: 50%;

  right: 30px;

  width: 14.67px;

  height: 14.67px;

  transform: translateY(-50%);

  background: url(../images/ulznene.svg) no-repeat center center/cover;
}

.zendnnasxD .nasxdtop .xdtol .ulznene ul li.curter .t {
  background: var(--color);

  border-radius: 10px;

  color: #fff;

  overflow: hidden;
}

.zendnnasxD .nasxdtop .xdtol .ulznene ul li.curter .t::before {
  height: 3.67px;

  background: url(../images/ulznenea.svg) no-repeat center center/cover;
}

.zendnnasxD .nasxdtop .xdtol .ulznene ul li:last-child {
  margin-bottom: 0;
}

.zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont {
  display: none;
}

.zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide {
  padding: 20px 30px 30px;

  line-height: 1.8;
}

.zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide p {
  position: relative;

  padding-left: 18px;
}

.zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide p::before {
  position: absolute;

  content: '';

  width: 6px;

  height: 6px;

  overflow: hidden;

  left: 0;

  top: 13px;

  border-radius: 50%;

  background: #d8d8d8;
}

.zendnnasxD .nasxdtop .xdtor {
  width: 36%;

  margin-right: 4%;
}

.zendnnasxD .nasxdte {
  margin-top: 50px;
}

.zendnnasxD .nasxdte .szndne {
  margin-top: 16px;
}

.zendnnasxD .nasxdte ul {
  display: flex;
  flex-wrap: wrap;
}

.zendnnasxD .nasxdte ul li {
  float: left;

  background: #fff;

  border-radius: 10px;

  margin-right: 4%;

  text-align: center;

  padding: 33px 0 33px;

  width: 16.78%;
}

.zendnnasxD .nasxdte ul li .img img {
  height: 42.84px;
}

.zendnnasxD .nasxdte ul li .neoz {
  color: #222222;

  margin-top: 15px;
}

.zendnnasxD .nasxdte ul li:last-child {
  margin-right: 0;
}

.zendnnasxD .nasxdte ul li::before {
  position: absolute;

  content: '';

  top: 50%;

  right: -18.3%;

  transform: translateY(-50%);

  width: 27px;

  height: 18.68px;

  background: url(../images/nasxdte.svg) no-repeat center center/cover;
}

.zendnnasxD .nasxdte ul li:last-child:before {
  display: none;
}

.zendnnasxD .nasxdtea {
  margin-top: 60px;
}

.zendnnasxD .nasxdtea .te {
  margin-bottom: 16px;
}

.zendnnasxD .nasxdtea .szndne ul {
  display: flex;
  flex-wrap: wrap;
}

.zendnnasxD .nasxdtea .szndne ul li {
  float: left;

  background: rgba(255, 255, 255, 0.7);

  border-radius: 10px;

  overflow: hidden;

  margin-right: 1.76%;

  width: 23.68%;

  padding: 0 27px 25px;
}

.zendnnasxD .nasxdtea .szndne ul li .img {
  text-align: right;
  margin-top: -17px;
}

.zendnnasxD .nasxdtea .szndne ul li img {
  height: 63.5px;
}

.zendnnasxD .nasxdtea .szndne ul li:last-child {
  margin-right: 0;
}

.zendnnasxD .nasxdtea .szndne ul li .neoz {
  color: #222222;

  line-height: 1.4;
}

.zendnnasxG {
  padding: 130px 0 0;
}

.zendnnasxG .toznen {
  padding: 0 40px;
}

.zendnnasxG .toznen .znenl {
  width: 49%;

  float: left;
}

.zendnnasxG .toznen .znenr {
  width: 44.8%;

  float: right;

  padding-top: 57px;
}

.zendnnasxG .toznen .znenr .znenndmms {
  margin: 43px 0 35px;
}

.zendnnasxG .toznen .znenr .znenndmms .tyo {
  border-bottom: 1px solid #d8d8d8;
}

.zendnnasxG .toznen .znenr .znenndmms .tyo .o {
  float: left;

  margin-right: 68px;

  cursor: pointer;
}

.zendnnasxG .toznen .znenr .znenndmms .tyo .o:last-child {
  margin-right: 0;
}

.zendnnasxG .toznen .znenr .znenndmms .tyo .o a {
  line-height: 1;

  display: block;

  color: #222222;

  padding-bottom: 18px;

  position: relative;
}

.zendnnasxG .toznen .znenr .znenndmms .tyo .o a::before {
  position: absolute;

  content: '';

  bottom: -2px;

  left: 0;

  height: 3px;

  width: 0;

  transition: all 0.5s;

  background: linear-gradient(270deg, #18d18e 0%, var(--color) 100%);

  border-radius: 20px;

  overflow: hidden;
}

.zendnnasxG .toznen .znenr .znenndmms .tyo .o.cur a::before {
  width: 100%;
}

.zendnnasxG .toznen .znenr .znenndmms .tyo .o.cur a {
  color: var(--color);
}

.zendnnasxG .toznen .znenr .znenndmms .tmz {
  overflow: hidden;

  margin-top: 45px;
}

.zendnnasxG .toznen .znenr .znenndmms .tmz .xnzneo {
  line-height: 1.6;

  margin-top: 7px;
}

.zendnnasxG .boznen {
  background: #f3f7fc;

  border-radius: 200px;

  overflow: hidden;

  padding: 50px 81px 40px;

  margin-top: -94px;

  width: 100%;

  display: inline-block;
}

.zendnnasxG .boznen .znenl {
  width: 70%;
}

.zendnnasxG .boznen .znenl .zn {
  margin-bottom: 18px;
}

.zendnnasxG .boznen .znenl .zn:last-child {
  margin-bottom: 0;
}

.zendnnasxG .boznen .znenl .zn .n {
  line-height: 1.6;

  margin-top: 4px;
}

.zendnnasxG .boznen .znenl .zn .n span {
  color: var(--color);

  font-weight: bold;
}

.zendnnasxG .boznen .znenr {
  position: absolute;

  right: 0;

  top: 50%;

  width: 142px;

  transform: translateY(-50%);
}

.zendnnasxG .boznen .znenr .wzbnen {
  line-height: 1;

  margin-top: 12px;
}

.zendnnasxG .awda {
  margin-top: 70px;
}

.bnaozioene .znenm {
  position: absolute;

  left: -6%;

  width: 39%;

  top: 21%;
}

.zendnnasxF,
.zendnnasxG {
  position: relative;

  z-index: 2;
}

@media (max-width: 1920px) {
  .zendnnasxA .baoznene {
    padding: 5.20833vw 0 0;
  }

  .zendnnasxA .baoznene .xznne {
    margin-top: 0.9375vw;

    padding-bottom: 3.38541vw;
  }

  .zendnnasxB {
    padding: 3.90625vw 0 0;
  }

  .zendnnasxB .xznne {
    margin: 1.14583vw 0 1.82291vw;
  }

  .zendnnasxB .znenm {
    position: absolute;

    right: -14vw;

    width: 45.83333vw;

    top: -6.6vw;
  }

  .zendnnasxC {
    padding: 6.14583vw 0 4.01041vw;
  }

  .zendnnasxC .nnasxctop .ctopl .xpe {
    margin-top: 1.04166vw;
  }

  .zendnnasxC .nnasxctop .ctopr {
    width: 30.72916vw;
  }

  .zendnnasxC .nnasxcbott {
    margin-top: 3.02083vw;
  }

  .zendnnasxE {
    padding: 6.97916vw 0 6.77083vw;
  }

  .zendnnasxE .nnasxetop::before {
    right: -17%;

    top: -0.52083vw;

    width: 72.13541vw;

    height: 12.60416vw;
  }

  .zendnnasxE .nnasxezon {
    margin-top: 1.82291vw;
  }

  .zendnnasxE .paanak {
    margin-top: 3.125vw;
  }

  .zendnnasxE .paanak ul li .om {
    padding-bottom: 0.88541vw;
  }

  .zendnnasxE .paanak ul li .om::before {
    width: 4.63541vw;
  }

  .zendnnasxE .paanak ul li .tome .icon {
    padding-right: 1.40625vw;
  }

  .zendnnasxE .paanak ul li .tome .icon img {
    height: 3.85416vw;
    width: 3.85416vw;
  }

  .zendnnasxE .paanak ul li .tome .ot {
    padding: 0 1.5625vw;
    margin-top: 1.40625vw;
  }

  .zendnnasxE .paanak ul li .tome .baoguo {
    margin-top: 1.40625vw;
    padding-bottom: 1.82291vw;
  }

  .zendnnasxE .paanak ul li .bome {
    padding: 1.82291vw 0 0 0;
  }

  .zendnnasxE .paanak ul li .bome .bomeq {
    padding: 0 1.14583vw;
  }

  .zendnnasxE .paanak ul li .bome .bomeq .ot {
    margin-top: 1.14583vw;
  }

  .zendnnasxE .paanak ul li .bome .icon img {
    height: 3.85416vw;

    width: 3.85416vw;
  }

  .zendnnasxE .nnasxezon ul li .icone {
    right: 1.45833vw;
  }

  .zendnnasxE .nnasxezon ul li .icone img {
    height: 4.16666vw;
  }

  .zendnnasxF .nnasxbott {
    padding: 20px 110px 20px 20px;

    margin-top: 35px;
  }

  .zendnnasxF .oznens ul li {
    padding-left: 1.5625vw;
    margin-bottom: 0.78125vw;
  }

  .zendnnasxF .oznens ul li .t {
    font-size: 1.25vw;
  }

  .zendnnasxF .oznens ul li.curter .t {
    font-size: 1.5625vw;
  }

  .zendnnasxD {
    padding: 14.58333vw 0 7.29166vw;
  }

  .zendnnasxD .nasxdtop .xdtol .ulznene {
    margin-top: 1.40625vw;
  }

  .zendnnasxD .nasxdtop .xdtol .ulznene ul li .t {
    padding: 1.30208vw 1.5625vw;
  }

  .zendnnasxD .nasxdtop .xdtol .ulznene ul li .t::before {
    right: 1.5625vw;
  }

  .zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide {
    padding: 1.04166vw 1.5625vw 1.5625vw;
  }

  .zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide p {
    padding-left: 0.9375vw;
  }

  .zendnnasxD .nasxdte {
    margin-top: 2.60416vw;
  }

  .zendnnasxD .nasxdte ul li {
    padding: 1.71875vw 0 1.71875vw;
  }

  .zendnnasxD .nasxdte ul li .img img {
    height: 2.23125vw;
  }

  .zendnnasxD .nasxdtea {
    margin-top: 3.125vw;
  }

  .zendnnasxD .nasxdtea .szndne ul li {
    padding: 0 1.40625vw 1.30208vw;
  }

  .zendnnasxD .nasxdtea .szndne ul li .img {
    margin-top: -0.88541vw;
  }

  .zendnnasxD .nasxdtea .szndne ul li img {
    height: 3.30729vw;
  }

  .zendnnasxG {
    padding: 6.77083vw 0 0;
  }

  .zendnnasxG .toznen {
    padding: 0 2.08333vw;
  }

  .zendnnasxG .toznen .znenr {
    padding-top: 2.96875vw;
  }

  .zendnnasxG .toznen .znenr .znenndmms {
    margin: 2.23958vw 0 1.82291vw;
  }

  .zendnnasxG .toznen .znenr .znenndmms .tyo .o {
    margin-right: 3.54166vw;
  }

  .zendnnasxG .toznen .znenr .znenndmms .tyo .o a {
    padding-bottom: 0.9375vw;
  }

  .zendnnasxG .toznen .znenr .znenndmms .tmz {
    margin-top: 2.34375vw;
  }

  .zendnnasxG .boznen .znenl .zn {
    margin-bottom: 0.9375vw;
  }

  .zendnnasxG .boznen .znenr {
    width: 7.39583vw;
  }

  .zendnnasxG .awda {
    margin-top: 3.64583vw;
  }

  .bnaozioene .znenm {
    left: -5vw;

    width: 38.64583vw;

    top: 21vw;
  }
}

@media (max-width: 1680px) {
  .zendnnasxE .nnasxetop::before {
    right: -13%;
  }
}

@media (max-width: 1500px) {
  .zendnnasxC .nnasxcbott .ottor ul li .t {
    font-size: 20px;

    padding: 25px 0;
  }

  .zendnnasxC .nnasxcbott .ottor ul li.curter .t {
    font-size: 24px;

    padding-bottom: 18px;
  }

  .zendnnasxD .nasxdte ul li::before {
    width: 20px;

    right: -18%;

    height: 11.68px;
  }

  .zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide {
    font-size: 14px;
  }

  .zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide p::before {
    top: 10px;
  }
}

@media (max-width: 1100px) {
  .zendnnasxA .baoznene {
    padding-top: 35px;
  }

  .zendnnasxB .znenm {
    display: none;
  }

  .zendnnasxA .baoznene .xznne {
    margin-top: 10px;

    padding-bottom: 20px;
  }

  .zendnnasxB {
    padding: 25px 0 0;
  }

  .zendnnasxB .xznne {
    margin: 10px 0 20px;
  }

  .zendnnasxB .ylze ul li {
    width: 100%;

    margin-bottom: 20px;

    margin-right: 0;
  }

  .zendnnasxB .ylze ul li:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }

  .zendnnasxB .ylze ul li .kznne {
    padding-top: 20px;
  }

  .zendnnasxC {
    padding: 35px 0 45px;
  }

  .zendnnasxC .nnasxctop .ctopr {
    display: none;
  }

  .zendnnasxC .nnasxctop .ctopl .xpe {
    margin-top: 10px;
  }

  .zendnnasxC .nnasxcbott {
    margin-top: 20px;
  }

  .zendnnasxC .nnasxcbott .cbottl {
    width: 100%;
  }

  .zendnnasxC .nnasxcbott .ottor {
    padding-top: 20px;
    width: 100%;
  }

  .zendnnasxC .nnasxcbott .ottor ul li .t {
    font-size: 18px;

    padding: 15px;
  }

  .zendnnasxC .nnasxcbott .ottor ul li.curter .t {
    font-size: 20px;

    padding-bottom: 15px;
  }

  .zendnnasxE {
    padding: 35px 0 45px;
  }

  .zendnnasxE .nnasxetop::before {
    display: none;
  }

  .zendnnasxE .nnasxetop .nxqal .xpe {
    width: 100%;
    margin-top: 10px;
  }

  .zendnnasxE .nnasxezon {
    margin-top: 20px;
  }

  .zendnnasxE .nnasxezon ul li {
    width: 100%;

    margin-right: 0;

    margin-bottom: 20px;

    padding: 20px;
  }

  .zendnnasxE .nnasxezon ul li:last-child {
    margin-bottom: 0;
  }

  .zendnnasxE .nnasxezon ul li .zdasz {
    padding-left: 0;
  }

  .zendnnasxE .nnasxezon ul li .zdasz .bt {
    margin: 20px 0 10px;
  }

  .zendnnasxE .paanak {
    margin-top: 30px;
  }

  .zendnnasxE .paanak ul li {
    width: 100%;

    margin-bottom: 20px;
  }

  .zendnnasxE .paanak ul li:last-child {
    margin-bottom: 0;
  }

  .zendnnasxE .paanak ul li .om {
    padding-bottom: 20px;
  }

  .zendnnasxE .paanak ul li .tome .baoguo {
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .zendnnasxE .paanak ul li .tome .icon img {
    width: 40px;

    height: 40px;
  }

  .zendnnasxE .paanak ul li .tome .icon {
    padding-right: 20px;
  }

  .zendnnasxE .paanak ul li .tome .ot {
    padding: 0 20px;

    margin-top: 20px;
  }

  .zendnnasxE .paanak ul li .bome {
    padding-top: 20px;
  }

  .zendnnasxE .paanak ul li .bome .bomeq {
    padding: 0 20px;
  }

  .zendnnasxE .paanak ul li .bome .icon {
    right: 0;

    padding-right: 20px;
  }

  .zendnnasxE .paanak ul li .bome .icon img {
    width: 40px;

    height: 40px;
  }

  .zendnnasxE .nnasxezon ul li .icone {
    right: 20px;
    bottom: 5px;
  }

  .zendnnasxE .nnasxezon ul li:nth-child(2) .icone {
    bottom: 0;

    opacity: 0.2;
  }

  .zendnnasxE .nnasxezon ul li:nth-child(3) .icone {
    opacity: 0.2;
  }

  .zendnnasxE .nnasxezon ul li .icone img {
    height: 40px;
  }

  .zendnnasxD {
    padding: 35px 0 45px;

    background: rgba(24, 209, 142, 0.1);
  }

  .zendnnasxD .nasxdtop .xdtol {
    width: 100%;
  }

  .zendnnasxD .nasxdtop .xdtol .ulznene ul li .t {
    padding: 15px;
  }

  .zendnnasxD .nasxdtop .xdtol .ulznene ul li .t::before {
    right: 15px;
  }

  .zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide {
    padding: 20px;
  }

  .zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide p {
    padding-left: 15px;
  }

  .zendnnasxD .nasxdtop .xdtol .ulznene ul li .t::before {
    width: 12px;

    height: 12px;
  }

  .zendnnasxD .nasxdtop .xdtol .ulznene {
    margin-top: 20px;
  }

  .zendnnasxD .nasxdtop .xdtor {
    width: 100%;
    margin-right: 0;
    margin-top: 20px;
  }

  .zendnnasxD .nasxdte {
    margin-top: 20px;
  }

  .zendnnasxD .nasxdte .szndne {
    margin-top: 15px;
  }

  .zendnnasxD .nasxdte ul li {
    width: 100%;
    margin-bottom: 30px;
    padding: 20px;
    margin-right: 0;
  }

  .zendnnasxD .nasxdte ul li .img img {
    height: 40px;
  }

  .zendnnasxD .nasxdte ul li::before {
    right: auto;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    bottom: -20px;
    top: auto;
  }

  .zendnnasxD .nasxdte ul li:last-child {
    margin-bottom: 0;
  }

  .zendnnasxD .nasxdtea {
    margin-top: 20px;
  }

  .zendnnasxD .nasxdtea .te {
    margin-bottom: 15px;
  }

  .zendnnasxD .nasxdtea .szndne ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 0 20px 20px;
  }

  .zendnnasxD .nasxdtea .szndne ul li:last-child {
    margin-bottom: 0;
  }

  .zendnnasxD .nasxdtea .szndne ul li img {
    height: 40px;
  }

  .zendnnasxD .nasxdtea .szndne ul li .img {
    margin-top: -10px;
  }

  .zendnnasxG .toznen .znenr {
    width: 100%;
  }

  .zendnnasxG .toznen {
    padding: 0;
  }

  .zendnnasxG {
    padding: 35px 0 45px;
  }

  .zendnnasxG .toznen .znenr .znenndmms .tyo .o a {
    padding-bottom: 10px;
  }

  .zendnnasxG .toznen .znenr .znenndmms .tmz {
    margin-top: 20px;
  }

  .zendnnasxG .toznen .znenr .znenndmms .tmz .xnzneo {
    margin-top: 10px;
  }

  .zendnnasxG .toznen .znenr .znenndmms {
    margin: 20px 0;
  }

  .zendnnasxG .toznen .znenl {
    width: 100%;

    margin-top: 20px;
  }

  .zendnnasxG .boznen {
    border-radius: 10px;

    padding: 20px;

    margin-top: -50px;
  }

  .zendnnasxG .boznen .znenl {
    width: 100%;
  }

  .zendnnasxG .boznen .znenr {
    width: auto;

    float: left;

    transform: translateY(0);

    margin-top: 20px;

    position: initial;
  }

  .zendnnasxG .boznen .znenl .zn .n {
    margin-top: 5px;
  }

  .zendnnasxG .boznen .znenl .zn {
    margin-bottom: 20px;
  }

  .bnaozioene .znenm {
    display: none;
  }

  .zendnnasxF .nnasxbott {
    padding: 15px;

    margin-top: 20px;
  }

  .zendnnasxF .nnasxbott .xottlfe {
    width: 100%;
  }

  .zendnnasxF .nnasxbott .xottrfe {
    width: 100%;

    position: initial;

    margin-top: 20px;

    transform: translateY(0);
  }

  .zendnnasxF .oznens ul li .t {
    font-size: 16px;
  }

  .zendnnasxF .oznens ul li.curter .t {
    font-size: 18px;
  }

  .zendnnasxF .oznens ul li {
    padding-left: 20px;

    margin-bottom: 15px;
  }

  .zendnnasxF .nxqal {
    text-align: left;
  }

  .zendnnasxG .awda {
    margin-top: 20px;
  }
}