body {
  background: #000;
}

body.active {
  position: fixed;
  width: 100%;
  overflow: hidden;
  overscroll-behavior-y: none;
}

.ias-tpl-header {
  /* position: absolute !important; */
  z-index: 8 !important;
  background-color: #fff !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    max-height 0.6s cubic-bezier(0.52, 0.16, 0.24, 1);
  transform: translateY(0);
}
.ias-tpl-header a {
  color: #000001;
}
.ias-tpl-header a::after {
  background-color: #000001 !important;
}

.ias-tpl-header.active {
  transform: translateY(-60px);
}

@media screen and (min-width: 1200px) {
  .ias-tpl-footer
    .ias-tpl-footer-breadcrumb
    .ias-tpl-footer-breadcrumb-content {
    color: #000 !important;
  }
  .ias-tpl-header:hover {
    background-color: rgba(0, 0, 0, 0.3);
    background: #fff;
  }

  .ias-tpl-footer {
    color: #000;
    background: #f9f9f9;
  }

  .ias-tpl-footer
    .ias-tpl-footer-content
    .ias-tpl-footer-content-left
    .ias-tpl-footer-media
    .ias-tpl-footer-media-item-container {
    background: #2d2d2d;
  }

  .ias-tpl-footer
    .ias-tpl-footer-content
    .ias-tpl-footer-content-left
    .ias-tpl-footer-media
    .ias-tpl-footer-media-item-container
    .ias-tpl-footer-media-qrcode {
    background-color: #e8e8e8;
  }

  .ias-tpl-footer
    .ias-tpl-footer-content
    .ias-tpl-footer-content-left
    .ias-tpl-footer-media
    .ias-tpl-footer-media-item-container
    .ias-tpl-footer-media-qrcode::before {
    border-color: #e8e8e8 transparent transparent transparent;
  }
}

@media screen and (max-width: 1200px) {
  .ias-tpl-footer
    .ias-tpl-footer-breadcrumb
    .ias-tpl-footer-breadcrumb-content {
    color: #606060 !important;
  }
  .ias-mobile-tpl-header
    .ias-mobile-header-menu
    .isa-mobile-header-menu-btn-item {
    background-color: #000;
  }
  .ias-mobile-tpl-header-active {
    background-color: #fff;
  }
  .ias-mobile-adm-popup .ias-mobile-tpl-header-nav-list {
    background-color: rgba(255, 255, 255, 0.85);
  }
  .ias-mobile-adm-popup
    .ias-mobile-tpl-header-nav-list
    .ias-mobile-tpl-header-nav-item
    a {
    color: #000;
  }
  .ias-mobile-tpl-header a {
    background: url(https://auto.huawei.com/marketingcloud/pep/asset//20000004/safety/img/logo.png)
      no-repeat center;
    background-size: 100%;
  }
  .ias-mobile-tpl-header
    .ias-mobile-tpl-header-logo-container
    .ias-mobile-tpl-header-logo {
    opacity: 0;
  }
  .ias-tpl-footer,
  .ias-tpl-footer
    .ias-tpl-footer-content
    .ias-tpl-footer-content-left
    .ias-tpl-footer-introduction-title {
    color: #282828;
    background-color: #f9f9f9;
  }
  .ias-tpl-footer .ias-tpl-footer-breadcrumb,
  .ias-tpl-footer
    .ias-tpl-footer-content
    .ias-tpl-footer-content-left
    .ias-tpl-footer-introduction-content,
  .ias-tpl-footer
    .ias-tpl-footer-content
    .ias-tpl-footer-content-left
    .ias-tpl-footer-connect-content,
  .ias-tpl-footer
    .ias-tpl-footer-content
    .ias-tpl-footer-content-right
    .ias-tpl-footer-content-right-item
    .ias-tpl-footer-content-right-item-content-list-container
    .ias-tpl-footer-content-right-item-content-text,
  .ias-tpl-footer a,
  .ias-tpl-footer .ias-tpl-footer-statement .ias-tpl-footer-statement-left {
    color: #606060;
  }

  .ias-tpl-footer
    .ias-tpl-footer-content
    .ias-tpl-footer-content-left
    .ias-tpl-footer-media
    .ias-tpl-footer-media-item-container {
    background: #2d2d2d;
  }

  .ias-tpl-footer
    .ias-tpl-footer-content
    .ias-tpl-footer-content-left
    .ias-tpl-footer-media
    .ias-tpl-footer-media-item-container
    .ias-tpl-footer-media-qrcode {
    background-color: #e8e8e8;
  }

  .ias-tpl-footer
    .ias-tpl-footer-content
    .ias-tpl-footer-content-left
    .ias-tpl-footer-media
    .ias-tpl-footer-media-item-container
    .ias-tpl-footer-media-qrcode::before {
    border-color: #e8e8e8 transparent transparent transparent;
  }
}

.ias-mobile-tpl-header {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    max-height 0.6s cubic-bezier(0.52, 0.16, 0.24, 1);
  transform: translateY(0);
}

.ias-mobile-tpl-header.active {
  transform: translateY(-60px);
}

.ias-tpl-footer {
  position: relative !important;
  z-index: 6 !important;
}

.ias-tpl-hmmob-show {
  display: none;
}

.lazy-webp img.lazyload,
.video-lazyload {
  filter: blur(20px);
}
.lazy-webp img {
  transition: filter 400ms;
  filter: blur(0px);
}
.ias-car-body {
  width: 100%;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

.ias-car-body a {
  cursor: pointer;
}

.ias-car-body img {
  width: 100%;
}

.ias-car-kv {
  width: 100%;
  padding-top: 60px;
}
.ias-car-kv .kv {
  /* height: 44.4583vw; */
  height: 36.4583vw;
  position: relative;
  overflow: hidden;
  border-radius: .5208vw;
}
.ias-car-kv.banner .kv{
  border-radius: 0;
  z-index: 1;
}
.ias-car-kv.banner .kv::before{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  content: "";
  background: url(https://auto.huawei.com/marketingcloud/pep/asset//20000004/safety/img/260115_bg01.png) no-repeat bottom;
  background-size: 100%;
}
.ias-car-kv .kv video{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9;
}
.ias-car-kv.banner .kv video{
  object-fit: cover;
}
.ias-car-kv.banner .kv img{
  object-fit: cover;
  height: 100%;
}
.ias-car-kv.banner{
  position: relative;
}
.ias-car-kv.banner .ias-safety-title{
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 1.9271vw;
  width: 100%;
  margin: 0;
}
.ias-car-kv.banner .ias-safety-title .tit{
  color: #fff;
  margin-bottom: 1.0208vw;
}
.ias-car-kv.banner .ias-safety-title .txt{
  padding: 0;
  margin: 0;
  color: #fff;
}
.video-bofang .player-outer-box {
  height: 100%;
}
.video-bofang .player-outer-box .videojs-container {
  width: 100%;
  height: 100%;
}
.video-bofang .player-outer-box .vjs-big-play-centered {
  height: 100%;
  padding-top: 0;
  border-radius: 0.5208vw;
}
.video-bofang .player-outer-box .vjs-big-play-centered.vjs-paused {
  background: transparent;
}
.video-bofang .vjs-paused video {
  opacity: 0;
}
.video-bofang
  .player-outer-box
  .vjs-big-play-centered.vjs-has-started.vjs-paused {
  background: #000;
}
.video-bofang .vjs-has-started.vjs-paused video {
  opacity: 1;
}
.video-bofang .player-outer-box .vjs-big-play-centered .vjs-big-play-button {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5.8593vw;
  height: 5.8593vw;
  transition: all 0.3s linear;
  z-index: 9;
  margin: 0;
  border-radius: 50%;
  background: url(https://auto.huawei.com/marketingcloud/pep/asset//20000004/safety/img/play_btn.png)
    no-repeat;
  background-size: contain;
  border: 0;
}
.video-bofang
  .player-outer-box
  .vjs-big-play-centered
  .vjs-big-play-button
  span {
  display: none;
}
.video-bofang
  .player-outer-box
  .vjs-big-play-centered
  .vjs-big-play-button:hover {
  opacity: 0.8;
}
.ias-car-kv .txt {
  padding-top: 2.6042vw;
  margin-bottom: 2.0833vw;
  color: #6d6d6d;
  font-size: 0.625vw;
  font-weight: 400;
  line-height: 0.9375vw;
}

.ias-car-kv .ias-tpl-play-icon {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5.8593vw;
  transition: all 0.3s linear;
  z-index: 99;
}

.ias-tpl-play-icon:hover {
  opacity: 0.8;
}

.innerwidth {
  width: 79.1667vw;
  margin: 0 auto;
}

.ias-safety-title {
  width: 100%;
  margin-bottom: 2.6042vw;
}
.ias-safety-title .tit {
  margin-bottom: 1.0417vw;
  color: #282828;
  font-size: 2.5vw;
  font-weight: 700;
}
.ias-safety-title .txt {
  color: #282828;
  font-size: 1.25vw;
}

.ias-safety-title .txt span {
  display: inline-block;
}

.ias-safety-setion1 {
  width: 100%;
  background: #f4f4f4;
}
.ias-safety-setion1 .bg {
  width: 100%;
}
.ias-safety-setion1 .titul {
  padding-top: 4.3229vw;
  padding-bottom: 1.6042vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ias-safety-setion1 .titul .list {
  width: calc(50% - 0.8333vw);
  border-radius: 0.5208vw;
  height: 12.5vw;
  box-sizing: border-box;
  padding: 2.7083vw 2.8542vw;
  background: #fff;
  display: flex;
  flex-direction: column;
  /* border: .0521vw solid rgba(112, 112, 112, 1); */
  /* box-shadow: .3646vw .3646vw .2604vw 0px rgba(169, 198, 211, 0.75); */
}
.ias-safety-setion1 .titul .list.list1{
  width: 100%;
  margin-bottom: 1.4063vw;
  height: 8.5516vw;
  align-items: center;
  justify-content: center;
  flex-direction: initial;
}
.ias-safety-setion1 .titul .list.list1 .tit{
    margin-bottom: 0;
    /* margin-top: 1.2vw; */
    margin-right: 3.3333vw;
    font-size: 1.875vw;
    font-weight: bold;
}
.ias-safety-setion1 .titul .list.list1 .tit img{
    width: auto;
    height: 2.9583vw;
}
.ias-safety-setion1 .titul .list.list1 .txt{
}
.ias-safety-setion1 .titul .list.list1 .txt span{
}
.ias-safety-setion1 .titul .list.list2{
  width: 41.3724vw;
}
.ias-safety-setion1 .titul .list.list3{
  width: 36.125vw;
}
.ias-safety-setion1 .titul .list .tit {
  display: flex;
  align-items: center;
  margin-bottom: 1.3438vw;
  color: #000;
  font-size: 1.25vw;
}
  .ias-safety-setion1 .titul .list .tit sup{
    transform: translateY(-0.5vw);
  }
.ias-safety-setion1 .titul .list .tit img {
  width: 1.9792vw;
  margin-right: 1.0417vw;
}
.ias-safety-setion1 .titul .list .txt {
  background: linear-gradient(
    0deg,
    rgba(22, 128, 239, 1),
    rgba(3, 102, 255, 1) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 1.6667vw;
  font-weight: bold;
}
.ias-safety-setion1 .titul .list .txt span {
  font-size: 3.3333vw;
  font-weight: bold;
  margin-right: 0.5542vw;
  background: linear-gradient(
    0deg,
    rgba(22, 128, 239, 1),
    rgba(3, 102, 255, 1) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ias-safety-setion1 .titul .list .txt .unit {
  font-size: 1.6667vw;
  font-weight: normal;
  margin:0 0.5542vw;
  font-weight:bold;
}
.ias-safety-setion1 .desc {
  padding-bottom: 3.3542vw;
  color: #6d6d6d;
  font-size: 0.625vw;
  line-height: 0.9375vw;
}

.ias-safety-setion2 {
  width: 100%;
  background: #f4f4f4;
  padding-top: 52.5625vw;
  position: relative;
}
.ias-safety-setion2 .bg {
  position: absolute;
  width: 100%;
  height: 52.5625vw;
  left: 0;
  top: 6vw;
  z-index: 1;
  display: flex;
  align-items: flex-end;
}
.ias-safety-setion2 .bg .icon {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 4;
  top: 0;
  width: 19vw;
  height: 4.4625vw;
  background: rgba(255, 255, 255, 1);
  border-radius: 2.4313vw;
  display: flex;
  align-items: center;
  font-size: 1.475vw;
  color: #000;
}
.ias-safety-setion2 .bg .icon img {
  width: 3.2813vw;
  margin-left: 1.25vw;
  margin-right: 1.5625vw;
}
.ias-safety-setion2 .bg img {
  width: 100%;
}
.ias-safety-setion2.active .bg {
  position: fixed;
}
.ias-safety-setion2 .max {
  background: #f4f4f4;
  backdrop-filter: blur(5px);
  position: relative;
  z-index: 2;
  padding-top: 7.8125vw;
}
.ias-safety-setion2 .inlist {
  display: flex;
  justify-content: space-between;
  /* margin-bottom: 2.6042vw; */
  height: 26.6667vw;
}
.ias-safety-setion2 .inlist .left {
  width: 25.1563vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ias-safety-setion2 .inlist .left .list {
  height: 12.5vw;
  width: 100%;
  border-radius: 0.5208vw;
  box-sizing: border-box;
  padding: 2.5vw 1.7292vw;
  background: #fff;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding-right: 0;
}
.ias-safety-setion2 .inlist .left .list .tit {
  color: #000;
  font-size: 1.15vw;
  margin-bottom: 1.3438vw;
}
.ias-safety-setion2 .inlist .left .list .tit span {
  color: #0366ff;
}
.ias-safety-setion2 .inlist .left .list .txt {
  background: linear-gradient(
    0deg,
    rgba(22, 128, 239, 1),
    rgba(3, 102, 255, 1) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 1.6667vw;
  position: relative;
  padding-right: calc(1.8229vw + 9.3958vw);
  font-weight: bold;
}
.ias-safety-setion2 .inlist .left .list .txt span {
  font-size: 3.3333vw;
  font-weight: bold;
  margin-right: 1.3542vw;
}
.ias-safety-setion2 .inlist .left .list .txt img {
  width: 3.3958vw;
  position: absolute;
  right: 0;
  bottom: -1.5vw;
}
.ias-safety-setion2 .inlist .left .list .txt1{
    color: #999;
    font-size: 0.72vw;
    margin-top: 0.5vw;
}
.ias-safety-setion2 .inlist .right {
  width: 52.5vw;
  height: 100%;
  border-radius: 0.5208vw;
  background: #fff;
  display: flex;
  flex-direction: column-reverse;
}
.ias-safety-setion2 .inlist .right .chart {
  width: 100%;
  height: 0;
  flex: 1;
  position: relative;
  box-sizing: border-box;
  padding-left: 1.6875vw;
  padding-right: 3.6875vw;
  margin-bottom: 3.3854vw;
  margin-top: 0.5vw;
}
.ias-safety-setion2 .inlist .right .chart .y_zhou {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
}
.ias-safety-setion2 .inlist .right .chart .y_zhou .list {
  display: flex;
  align-items: center;
  font-size: 0.9375vw;
  color: #999;
  margin-top: 1.3313vw;
  width: 100%;
}
.ias-safety-setion2 .inlist .right .chart .y_zhou .list span{
    width: 4vw;
    text-align: right;
}
.ias-safety-setion2 .inlist .right .chart .y_zhou .list::after {
  content: "";
  flex: 1;
  width: 0;
  height: 0.01vw;
  background: #999;
  margin-left: 1.4063vw;
  opacity: 0.5;
}
.ias-safety-setion2 .inlist .right .chart .x_zhou {
  position: absolute;
  width: calc(100% - 3.6875vw - 3.6875vw);
  left: 4.6875vw;
  bottom: 0.59vw;
  display: flex;
  justify-content: center;
}
.ias-safety-setion2 .inlist .right .chart .x_zhou .list {
  display: flex;
  align-items: center;
  margin: 0 3.2917vw;
  flex-direction: column-reverse;
}
.ias-safety-setion2 .inlist .right .chart .x_zhou .list .zhu {
  width: 6.0313vw;
  position: relative;
  height: 0;
  transition: all 0.5s linear;
}
.ias-safety-setion2 .inlist .right .chart .x_zhou .list .zhu span {
  position: absolute;
  bottom: -2.2vw;
  font-size: 0.8375vw;
  color: #333;
  font-weight: bold;
  opacity: 0;
  white-space: nowrap;
  left: 50%;
  margin: 0 auto;
  width: fit-content;
  transform: translateX(-50%);
}
.ias-safety-setion2
  .inlist
  .right
  .chart
  .x_zhou.active
  .list:nth-child(1)
  .zhu {
  height: 14.07vw;
}
.ias-safety-setion2
  .inlist
  .right
  .chart
  .x_zhou.active
  .list:nth-child(2)
  .zhu {
  height: 10.03vw;
}
.ias-safety-setion2
  .inlist
  .right
  .chart
  .x_zhou.active
  .list:nth-child(3)
  .zhu {height: 2.05vw;}
.ias-safety-setion2 .inlist .right .chart .x_zhou .list .danwei {
  font-size: 0.9375vw;
  margin-bottom: 0.6417vw;
}
.ias-safety-setion2 .inlist .right .chart .x_zhou.active .list .zhu span {
  opacity: 1;
  transition: all 0.3s linear 0.5s;
}
.ias-safety-setion2 .inlist .right .title {
  display: flex;
  justify-content: space-between;
  font-size: 0.9375vw;
  color: #999;
  margin: 1.6771vw 0;
  box-sizing: border-box;
  /* padding-left: 4vw; */
}
.ias-safety-setion2 .desc {
  padding-bottom: 6.3542vw;
  color: #6d6d6d;
  font-size: 0.625vw;
  line-height: 0.9375vw;
  padding-top: 1.6042vw;
}

.ias-tpl-hmpc-show {
}
.ias-tpl-hmmob-show {
  display: none;
}

.ias-safety-setion3 {
  width: 100%;
  background: #f4f4f4;
  position: relative;
  z-index: 2;
}
.ias-safety-setion3 .ias-fang {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.6042vw;
  position: relative;
}
.ias-safety-setion3 .ias-fang .left {
  width: 20.4167vw;
  height: 19.4271vw;
  margin-left: 9.4792vw;
  position: relative;
}
.ias-safety-setion3 .ias-fang .left .list {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ias-safety-setion3 .ias-fang .left .list span {
  position: absolute;
  font-size: 1.25vw;
  color: #282828;
  font-weight: bold;
  /* cursor: pointer; */
  white-space: nowrap;
  transform: scale(1);
  transition: all 0.5s;
}
.ias-safety-setion3 .ias-fang .left .list span::before {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  border-radius: 50%;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all 0.5s;
  background: #282828;
}
.ias-safety-setion3 .ias-fang .left .list span:hover::before {
  /* width: 100%; */
}
.ias-safety-setion3 .ias-fang .left .list.active span::before {
  display: none;
}
.ias-safety-setion3 .ias-fang .left .list.active span {
  transform: scale(1.5);
}
.ias-safety-setion3 .ias-fang .left .list:nth-child(2) span {
  left: calc(100% + 1.4063vw);
  top: 6.875vw;
}
.ias-safety-setion3 .ias-fang .left .list.active:nth-child(2) span {
  background: linear-gradient(0deg, #0366ff, #1680ef 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ias-safety-setion3 .ias-fang .left .list:nth-child(3) span {
  top: calc(100% + 0.7813vw);
  right: 1.3542vw;
}
.ias-safety-setion3 .ias-fang .left .list.active:nth-child(3) span {
  color: #8e39be;
}
.ias-safety-setion3 .ias-fang .left .list:nth-child(4) span {
  top: calc(100% + 0.7813vw);
  left: 1.3542vw;
}
.ias-safety-setion3 .ias-fang .left .list.active:nth-child(4) span {
  color: #ff5f82;
}
.ias-safety-setion3 .ias-fang .left .list:nth-child(5) span {
  right: calc(100% + 1.4063vw);
  top: 6.875vw;
}
.ias-safety-setion3 .ias-fang .left .list.active:nth-child(5) span {
  color: #e1972a;
}
.ias-safety-setion3 .ias-fang .left .list:nth-child(1) span {
  bottom: calc(100% + 0.8333vw);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: fit-content;
}
.ias-safety-setion3 .ias-fang .left .list.active:nth-child(1) span {
  color: #74ad82;
}
.ias-safety-setion3 .ias-fang .left .list .img1 {
  width: 0;
  height: 0;
}
.ias-safety-setion3 .ias-fang .left .list.active .img1 {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  width: 100%;
  height: 100%;
}
.ias-safety-setion3 .ias-fang .right {
  width: 36.4583vw;
  height: 28.0031vw;
  position: relative;
  margin: 0;
}
.ias-safety-setion3 .ias-fang .right .list {
  width: 100%;
  height: calc(100% - 2vw);
  background: #fff;
  border-radius: 0.5208vw;
  box-sizing: border-box;
  padding: 1.0146vw 2.5521vw 1.0104vw;
  opacity: 0;
  position: relative;
}
.ias-safety-setion3 .ias-fang .right .list.swiper-slide-active {
  transition: all 3s;
  -moz-transition: all 3s;
  -webkit-transition: all 3s;
}
.ias-safety-setion3 .ias-fang .right .list .tit {
  font-size: 1.25vw;
  font-weight: bold;
  margin-bottom: 0.65vw;
  transition: all 0.4s ease 0.5s;
  -moz-transition: all 0.4s ease 0.5s;
  -webkit-transition: all 0.4s ease 0.5s;
  transform: translateX(-4vw);
  opacity: 0;
}
.ias-safety-setion3 .ias-fang .right .list.list1 .tit {
  color: #3579fd;
}
.ias-safety-setion3 .ias-fang .right .list.list1 .tt {
  color: #3579fd;
}
.ias-safety-setion3 .ias-fang .right .list.list2 .tit {
  color: #8e39be;
}
.ias-safety-setion3 .ias-fang .right .list.list2 .tt {
  color: #8e39be;
}
.ias-safety-setion3 .ias-fang .right .list.list3 .tit {
  color: #ff5f82;
}
.ias-safety-setion3 .ias-fang .right .list.list3 .tt {
  color: #ff5f82;
}
.ias-safety-setion3 .ias-fang .right .list.list4 .tit {
  color: #e1972a;
}
.ias-safety-setion3 .ias-fang .right .list.list4 .tt {
  color: #e1972a;
}
.ias-safety-setion3 .ias-fang .right .list.list5 .tit {
  color: #74ad82;
}
.ias-safety-setion3 .ias-fang .right .list.list5 .tt {
  color: #74ad82;
}
.ias-safety-setion3 .ias-fang .right .list .txt {
  font-size: 0.8333vw;
  color: #282828;
  margin-bottom: 1.0833vw;
  transition: all 0.4s ease 0.5s;
  -moz-transition: all 0.4s ease 0.5s;
  -webkit-transition: all 0.4s ease 0.5s;
  transform: translateX(-4vw);
  opacity: 0;
  height: 7.7vw;
  position: relative;
}
.ias-safety-setion3 .ias-fang .right .list .txt1{
    font-size: 0.6333vw;
    color: #999;
    transform: translateX(-4vw);
    opacity: 0;
    left: 2.5521vw;
    position: absolute;
    bottom: -1.5vw;
}
.ias-safety-setion3 .ias-fang .right .list .txt p {
  margin-bottom: 0.5417vw;
  box-sizing: border-box;
  padding-left: calc(0.6771vw + 0.2296vw);
  position: relative;
}
.ias-safety-setion3 .ias-fang .right .list .txt p::before {
  content: "";
  font-weight: bold;
  width: 0.2296vw;
  height: 0.2296vw;
  display: block;
  margin-right: 0.6771vw;
  background: #282828;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.5vw;
}
.ias-safety-setion3 .ias-fang .right .list .txt p:last-child {
  margin-bottom: 0;
}
  .ias-safety-setion3 .ias-fang .right .list .txt p.lang{
    color: #999;
    display: block;
    padding: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 0.6333vw;
  }
   .ias-safety-setion3 .ias-fang .right .list .txt p.lang::before{
    display: none;
   }
.ias-safety-setion3 .ias-fang .right .list .img {
  width: 22.5vw;
  height: 12.6vw;
  border-radius: 0.5208vw;
  overflow: hidden;
  transition: all 0.4s ease 0.5s;
  -moz-transition: all 0.4s ease 0.5s;
  -webkit-transition: all 0.4s ease 0.5s;
  transform: translateX(-4vw);
  opacity: 0;
  position: relative;
}
.ias-safety-setion3 .ias-fang .right .list .img video{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  object-fit: cover;
}
.ias-safety-setion3 .ias-fang .right .list .img img{
  float: left;
  height: 100%;
  /* object-fit: contain; */
  /* border-radius: 0.5208vw; */
}
.ias-safety-setion3 .ias-fang .right .list .tt {
  position: absolute;
  right: 0.6771vw;
  bottom: 0.8854vw;
  opacity: 0.05;
  font-size: 3.2188vw;
  font-weight: 700;
  line-height: 4.2708vw;
  transition: all 0.4s ease 0.5s;
  -moz-transition: all 0.4s ease 0.5s;
  -webkit-transition: all 0.4s ease 0.5s;
  transform: translateX(-4vw);
}
.ias-safety-setion3 .ias-fang .right .list.swiper-slide-active .tit {
  transform: translateX(0);
  opacity: 1;
}
.ias-safety-setion3 .ias-fang .right .list.swiper-slide-active .txt {
  transform: translateX(0);
  opacity: 1;
}
.ias-safety-setion3 .ias-fang .right .list.swiper-slide-active .txt1 {
  transform: translateX(0);
  opacity: 1;
      transition: all 0.4s ease 0.5s;
    -moz-transition: all 0.4s ease 0.5s;
    -webkit-transition: all 0.4s ease 0.5s;
}
.ias-safety-setion3 .ias-fang .right .list.swiper-slide-active .img {
  transform: translateX(0);
  opacity: 1;
}
.ias-safety-setion3 .ias-fang .right .list.swiper-slide-active .tt {
  transform: translateX(0);
}
.ias-safety-setion3 .desc {
  padding-bottom: 4.6458vw;
  color: #6d6d6d;
  font-size: 0.625vw;
  line-height: 0.9375vw;
}

/* 260107 lyq*/

.ias-tpl-hm-bm {
  width: 100%;
  padding: 0 0 7.0312vw;
  background: #f4f4f4;
  position: relative;
  z-index: 3;
  padding-top: 4.6875vw;
}

.ias-tpl-hm-bm p {
  font-size: 0.625vw;
  line-height: 2;
  color: #1d1d1f;
  color: #898888;
}
.ias-tpl-hm-bm p.nhov{
  font-weight: bold;
  color: #333;
}

.ias-tpl-hm-bm p.active {
  cursor: pointer;
  color: #fff;
}

.ias-tpl-hm-bm p span {
  display: inline-block;
}

.ias-car-banner .remarks {
  position: absolute;
  right: 2vw;
  bottom: 2vw;
}

.remarks {
  font-size: 0.5433vw;
  line-height: 1.5;
  color: #595041;
}

.remarks p {
  position: relative;
  padding-left: 0.5vw;
}

.remarks p::before {
  content: "*";
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 900px) {
  .remarks p {
    padding-left: 1.2vw;
  }

  .ias-car-banner .remarks {
    bottom: 10vw;
    right: unset;
    left: 5.8667vw;
    width: 88%;
  }

  .remarks {
    font-size: 1.3vw;
  }

  .ias-tpl-hm-bm {
    width: 100%;
    padding-top: 16vw;
    background: #eaeaea;
  }

  .ias-tpl-hm-bm p {
    font-size: 2.1333vw;
    line-height: 1.5;
    color: #888888;
  }
}

.btn-white {
  background: #fff;
  transition: all 0.3s linear;
}

.btn-white:hover {
  opacity: 0.8;
}
.all-safe-con {
  width: 79.1667vw;
  margin: 0 auto;
}
.more-secure-con {
  padding-bottom: 0.2916vw;
}

.more-secure-con h4 {
  font-size: 2.5vw;
  line-height: 1.5;
  font-weight: bold;
  color: #282828;
  margin-bottom: 0.7812vw;
}

.more-secure-con .des {
  font-size: 1.25vw;
  line-height: 1.5;
  color: #282828;
  margin-bottom: 2.6042vw;
}

.more-secure-con .safe-show-con {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10.6041vw;
  flex-flow: row-reverse;
}

.more-secure-con .safe-show-con .safe-list-con {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.more-secure-con .safe-show-con .safe-list-con li {
  height: 11.1979vw;
  display: flex;
  justify-content: space-between;
  border-radius: 0.5208vw;
  position: relative;
  background: #fff;
}

.more-secure-con .safe-show-con .safe-list-con li:nth-child(1) .icon-con img {
  width: auto;
  height: 1.4583vw;
}

.more-secure-con .safe-show-con .safe-list-con li:nth-child(2) .icon-con img {
  width: auto;
  height: 2.2395vw;
}
.more-secure-con .safe-show-con .safe-list-con li .icon-con img {
  margin-bottom: 1.0416vw;
}

.more-secure-con .safe-show-con .safe-list-con li .icon-con p {
  font-size: 1.25vw;
  line-height: 1.5;
  color: #1680ef;
  margin-bottom: 0;
  font-weight: bold;
}

.more-secure-con .safe-show-con .safe-list-con li .icon-con {
  width: 16.9791vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.more-secure-con .safe-show-con .safe-list-con li .txt-con {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.more-secure-con .safe-show-con .safe-list-con li .txt-con p {
  position: relative;
  font-size: 0.833vw;
  line-height: 1.5;
  color: #1680ef;
  margin-bottom: 0.8333vw;
  padding-left: 0.9375vw;
}

.more-secure-con .safe-show-con .safe-list-con li:nth-child(2) .txt-con p,
.more-secure-con .safe-show-con .safe-list-con li:nth-child(2) .icon-con p {
  color: #282828;
}

.more-secure-con .safe-show-con .safe-list-con li .txt-con p::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 0.2296vw;
  height: 0.2296vw;
  border-radius: 50%;
  background: #1680ef;
}

.more-secure-con
  .safe-show-con
  .safe-list-con
  li:nth-child(2)
  .txt-con
  p::before {
  background: #282828;
}

.more-secure-con .safe-show-con .safe-list-con li .txt-con p:last-child {
  margin-bottom: 0;
}

.more-secure-con .safe-show-con .safe-list-con li .tip {
  width: 6.4062vw;
  height: 2.1093vw;
  background: url(https://auto.huawei.com/marketingcloud/pep/asset//20000004/safety/img/safe_tip_bg.png)
    no-repeat center;
  background-size: cover;
  font-size: 0.9375vw;
  color: #fff;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -0.33vw;
  right: 0;
  box-sizing: border-box;
  padding-left: 0.833vw;
}

.more-secure-con .tips-con p {
  font-size: 0.625vw;
  line-height: 1.5;
  color: #6d6d6d;
}

.more-secure-con .safe-show-con .safe-video-con {
  width: 41.6666vw;
  height: 23.4375vw;
  border-radius: 0.4166vw;
  background: #eee;
  margin-left: 1.0937vw;
  position: relative;
}

.swiper.more-secure-banner {
  width: 100%;
  height: 100%;
  border-radius: 0.5208vw;
  overflow: hidden;
}

.swiper.more-secure-banner .swiper-slide .replay-con {
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 50%;
  background: url(https://auto.huawei.com/marketingcloud/pep/asset//20000004/safety/img/replay.webp)
    no-repeat center;
  background-size: cover;
  position: absolute;
  right: 1.25vw;
  bottom: 1.25vw;
  z-index: 3;
  cursor: pointer;
}
.swiper.more-secure-banner .swiper-slide .replay-con:hover {
  opacity: 0.8;
}
.safe-video-con .tool-con .swiper-button-next:hover img,
.safe-video-con .tool-con .swiper-button-prev:hover img {
  opacity: 0.8;
}
.more-secure-banner video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.safe-video-con .tool-con {
  position: absolute;
  right: 0;
  bottom: -5.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.safe-video-con .swiper-pagination-more-secure {
  display: flex;
  justify-content: center;
  padding: 0 1vw;
  bottom: -3vw !important;
}

.safe-video-con .swiper-pagination-more-secure .swiper-pagination-bullet {
  width: 1.25vw;
  height: 4px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.25vw;
  display: block;
  background: #888;
  position: relative;
  z-index: 2;
  transition: all 0.3s linear;
  position: relative;
  opacity: unset;
}

.safe-video-con
  .swiper-pagination-more-secure
  .swiper-pagination-bullet-active {
  width: 3vw;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  /* background: #000;
  opacity: 1; */
}

.safe-video-con
  .swiper-pagination-more-secure
  .swiper-pagination-bullet-active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #000;
  border-radius: 4px;
  animation: progress-animation 35.6s ease-in-out forwards;
  opacity: 1;
}

@keyframes progress-animation {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

.safe-video-con .tool-con .swiper-button-prev {
  transform: rotate(180deg);
  margin-right: 1.5vw;
}

.safe-video-con .tool-con .swiper-button-next:after,
.safe-video-con .tool-con .swiper-button-prev:after {
  display: none;
}

.safe-video-con .tool-con .swiper-button-prev,
.safe-video-con .tool-con .swiper-button-next,
.safe-video-con .tool-con .swiper-button-prev img,
.safe-video-con .tool-con .swiper-button-next img {
  width: 3.3333vw;
  height: 3.3333vw;
  position: unset;
  margin-top: 0;
}

/* 与华为乾崑一起
探索更多车型 */
.explore-con {
  width: 100%;
  height: 101.1979vw;
  background: url(https://auto.huawei.com/marketingcloud/pep/asset//20000004/safety/img/explore_bg260114.jpg)
    #f4f4f4 no-repeat bottom center;
  background-size: cover;
  position: relative;
  z-index: 2;
}
.explore-con .ias-car-kv {
  padding-top: 0;
}

.explore-con h4 {
  font-size: 2.5vw;
  line-height: 1.25;
  color: #282828;
  font-weight: bold;
  margin-bottom: 2.6041vw;
}

.explore-more-cars {
  width: 100%;
  height: 33.9583vw;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 6.4062vw;
  margin-top: 0.6vw;
}

.explore-more-cars h5 {
  font-size: 2.5vw;
  line-height: 1.25;
  color: #282828;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2.9687vw;
}

.explore-more-cars .more-btn {
  width: 7.2395vw;
  height: 2.0833vw;
  border-radius: 0.2604vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.7291vw;
  color: #000;
}
.explore-more-cars .more-btn:hover {
  background: rgba(255, 255, 255, 0.7) !important;
}
.safe-data-con {
  width: 100%;
  padding-top: 6.4062vw;
}

.safe-data-con h6 {
  font-size: 2.5vw;
  line-height: 1.5;
  color: #282828;
  letter-spacing: 1px;
  font-weight: bold;
  margin-bottom: 2.0833vw;
}

.safe-data-con .safe-data-list {
  width: 100%;
}

.safe-data-con .safe-data-list li {
  width: 100%;
  background: #fff;
  border-radius: 0.5208vw;
  margin-bottom: 0.4166vw;
}
.safe-data-con .safe-data-list li:last-child {
  margin-bottom: 0;
}

.safe-data-con .safe-data-list li h3 {
  height: 3.125vw;
  line-height: 3.125vw;
  font-size: 1.25vw;
  font-weight: normal;
  color: #282828;
  padding-left: 2.6041vw;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

.safe-data-con .safe-data-list li h3::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.927vw;
  transform: translateY(-50%);
  width: 0.6536vw;
  height: 0.6536vw;
  background: url(https://auto.huawei.com/marketingcloud/pep/asset//20000004/safety/img/jia.png)
    no-repeat center;
  background-size: cover;
}

.safe-data-con .safe-data-list li.active h3::after {
  background: url(https://auto.huawei.com/marketingcloud/pep/asset//20000004/safety/img/jian.png)
    no-repeat center;
  background-size: cover;
}

.safe-data-con .safe-data-list li .des-con {
  line-height: 1.5;
  font-size: 0.833vw;
  font-weight: normal;
  color: #282828;
  display: none;
  padding: 1vw 2.6041vw 2.6041vw;
}
.ias-safety-setion66 {
  width: 100%;
  background: #f4f4f4;
  position: relative;
  z-index: 2;
}
.ias-safety-title .tit.blue {
  color: #1680ef;
}
.ias-qfx {
  z-index: -1 !important;
  visibility: hidden;
  opacity: 0;
  position: absolute !important;
}
.ias-qfx-yuan {
  position: absolute;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
}
.ias-safety-setion3 .ias-fang .swiper-pagination {
  width: 25.4583vw;
  right: 9vw;
  top: calc(100% + 2vw);
  left: auto;
  display: flex;
  justify-content: center;
}
.ias-safety-setion3 .ias-fang .swiper-pagination .swiper-pagination-bullet {
  width: 1.25vw;
  height: 4px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.25vw;
  display: block;
  background: #888;
  position: relative;
  z-index: 2;
  transition: all 0.3s linear;
  position: relative;
  opacity: unset;
}

.ias-safety-setion3
  .ias-fang
  .swiper-pagination
  .swiper-pagination-bullet-active {
  width: 3vw;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  /* background: #000;
  opacity: 1; */
}

.ias-safety-setion3
  .ias-fang
  .swiper-pagination
  .swiper-pagination-bullet-active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #000;
  border-radius: 4px;
  animation: progress-animation 10.6s ease-in-out forwards;
  opacity: 1;
}
.ias-safety-setion3 .ias-fang .anniu {
  position: absolute;
  right: 0;
  top: calc(100% + 1vw);
  display: flex;
  align-items: flex-start;
}
.ias-safety-setion3 .ias-fang .anniu img {
  width: 100%;
}
.ias-safety-setion3 .ias-fang .anniu img:hover {
  opacity: 0.8;
}
.ias-safety-setion3 .ias-fang .anniu .swiper-button-next,
.ias-safety-setion3 .ias-fang .anniu .swiper-button-prev {
  position: relative;
  width: 3.3333vw;
  height: 3.333vw;
  cursor: pointer;
  left: auto;
  right: auto;
  top: auto;
  margin: 0;
}
.ias-safety-setion3 .ias-fang .anniu .swiper-button-next::after,
.ias-safety-setion3 .ias-fang .anniu .swiper-button-prev::after {
  display: none;
}
.ias-fang .anniu .swiper-button-prev {
  transform: rotate(180deg);
  margin-right: 1.5vw !important;
}

/* SVG边框 */
.animated-border {
  top: -0.2604vw;
  left: -0.2604vw;
  right: -0.2604vw;
  bottom: -0.2604vw;
  border-radius: 2.9917vw; /* 2.7313 + 0.2604 */
}

.border-path {
  stroke-width: 0.0521vw;
}
.animated-border {
  position: absolute;
  pointer-events: none;
  overflow: hidden;
}

.border-svg {
  width: 100%;
  height: 100%;
}

.border-path {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  transition: stroke-dashoffset 0.05s linear;
}

/* 触发线 */
.trigger-line {
  position: fixed;
  left: 0;
  right: 0;
  height: 0.0521vw;
  background: #4cd964;
  opacity: 0;
  pointer-events: none;
  z-index: 1000;
}

.trigger-line.end {
  background: #ff9500;
}

.debug-mode .trigger-line {
  opacity: 0.5;
}

body.app .ias-tpl-header {
  display: none !important;
}
body.app .ias-mobile-tpl-header {
  display: none !important;
}
body.app .ias-tpl-footer {
  display: none !important;
}
body.app .ias-car-kv {
  padding-top: 0 !important;
}
body.app .explore-more-cars .more-btn {
  display: none !important;
}
body {
  background: #f4f4f4 !important;
}
body.app .cookie-container{
  opacity: 0 !important;
  display: none !important;
}
.ias-tpl-header .ias-tpl-header-logo-container {
  background: url(https://auto.huawei.com/marketingcloud/pep/asset//20000004/safety/img/logo.png)
    no-repeat center;
  background-size: 100%;
}
.ias-tpl-header .ias-tpl-header-logo-container .ias-tpl-header-logo {
  opacity: 0;
}

#wen1{
  cursor: pointer;
}
#wen2{
  cursor: pointer;
}
#wen3{
  cursor: pointer;
}

.pop-con {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0%;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.pop-con.active {
  z-index: 100;
  opacity: 1;
}

.pop-swiper-con {
  position: relative;
  padding: 0 5.2083vw;
}
.pop-con .pop-swiper {
  max-width: 60.083333vw;
  max-height: 37vw;
}

.slide-box {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  padding: 3.5vw 3.5vw 0;
}
.slide-box video {
  /* width: 100%; */
  /* max-width: 100%; */
  /* min-width: 15.625vw; */
  /* height: auto; */

  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 30vw;

  margin: 0 auto;
  display: block;
  background: #000;
}

video::-webkit-media-controls-panel {
  width: 100% !important;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
}

video::-webkit-media-controls-enclosure {
  max-width: 100%;
}
.slide-close {
  position: absolute;
  top: 1px;
  right: 3.5vw;
  width: 2.0833vw;
  height: 2.0833vw;
  cursor: pointer;
  background: url(https://auto.huawei.com/marketingcloud/pep/asset//20000004/ias-videos/img/kv/close.png) no-repeat center;
  background-size: cover;
}

@media screen and (max-width: 900px) {
  .ias-tpl-hmpc-show {
    display: none;
  }
  .ias-tpl-hmmob-show {
    display: block;
  }
  .innerwidth {
    width: calc(100% - 10.6667vw);
  }
  .explore-con .ias-car-kv .innerwidth {
    width: 100%;
  }
  .ias-car-kv .kv {
    height: 45.8667vw;
    border-radius: 0;
  }
  .ias-car-kv .ias-tpl-play-icon {
    width: 10.6667vw;
  }
  .ias-car-kv .txt {
    padding-top: 6.1333vw;
    margin-bottom: 3.2vw;
  }
  .ias-safety-title {
    margin-bottom: 6.1333vw;
  }
  .ias-safety-title .tit {
    font-size: 5.6vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .ias-safety-title .txt {
    font-size: 3.7333vw;
  }
  .ias-safety-setion1 .titul {
    padding-top: 10.4vw;
    padding-bottom: 0;
    flex-direction: column;
  }
  .ias-safety-setion1 .titul .list {
    height: 26.6667vw;
    margin-bottom: 3.2vw;
    width: 100%;
    padding: 4.5333vw 5.7333vw;
    border-radius: 1.3333vw;
    height: auto;
  }
    .ias-safety-setion1 .titul .list.list1{
         width: 100%;
         height: auto;
         flex-direction: column;
         align-items: flex-start;
         margin-bottom: 3.2vw;
    }
      .ias-safety-setion1 .titul .list.list1 .tit{
    margin: 0;
    font-size: 3.7333vw;
    margin-bottom: 1.8667vw;
}
  .ias-safety-setion1 .titul .list.list1 .tit img{
    height: 4.2667vw;
}
     .ias-safety-setion1 .titul .list.list2{
         width: 100%;
    }
     .ias-safety-setion1 .titul .list.list3{
         width: 100%;
    }
  .ias-safety-setion1 .titul .list .tit {
    font-size: 3.7333vw;
    margin-bottom: 1.8667vw;
  }
  .ias-safety-setion1 .titul .list .tit img {
    width: 4.2667vw;
    margin-right: 3.2vw;
  }
  .ias-safety-setion1 .titul .list .txt {
    font-size: 3.4333vw;
  }
  .ias-safety-setion1 .titul .list .txt span {
    font-size: 6.1667vw;
    margin-right: 2vw;
  }
  .ias-safety-setion1 .titul .list .txt .unit {
    font-size: 3.4333vw;
   margin:0 2vw;
  }
  .ias-safety-setion1 .titul .list:last-child {
    margin-bottom: 0;
  }
  .ias-safety-setion1 .desc {
    padding-top: 3.2667vw;
    font-size: 2.625vw;
    line-height: 1.5;
    padding-bottom: 6.3542vw;
  }
  .ias-safety-setion2 {
    padding-top: 132.4vw;
    background: #eaeaea;
  }
  .ias-safety-setion2 .max {
    background: #eaeaea;
  }
  .ias-safety-setion2 .bg {
    height: 132.4vw;
    top: 12vw;
  }
  .ias-safety-setion2 .bg img {
    width: 105.6vw;
  }
  .ias-safety-setion2 .bg .icon {
    width: 43.7333vw;
    height: 10.6667vw;
    border-radius: 5.3333vw;
    font-size: 3.7333vw;
  }
  .ias-safety-setion2 .bg .icon img {
    width: 6.4vw;
    margin-left: 2.6667vw;
    margin-right: 3.3333vw;
  }
  .ias-safety-setion2.active .bg {
    /* position: absolute; */
  }
  .ias-safety-setion2 .inlist {
    flex-direction: column;
    height: auto;
  }
  .ias-safety-setion2 .inlist .left {
    height: auto;
    width: 100%;
  }
  .ias-safety-setion2 .inlist .left .list {
    height: 28.6667vw;
    margin-bottom: 3.2vw;
    padding: 5.8667vw 4.4667vw;
    border-radius: 1.3333vw;
  }
  .ias-safety-setion2 .inlist .left .list .tit {
    font-size: 3.7333vw;
    margin-bottom: 1.0667vw;
  }
  .ias-safety-setion2 .inlist .left .list .txt {
    padding-right: 0;
    width: 100%;
    font-size: 3.7333vw;
  }
  .ias-safety-setion2 .inlist .left .list .txt span {
    font-size: 7.4667vw;
    margin-right: 2.6667vw;
  }
  .ias-safety-setion2 .inlist .left .list .txt img {
    width: 9.3333vw;
    bottom: -1vw;
    right: -1.5vw;
  }
  .ias-safety-setion2 .inlist .left .list .txt1{
    font-size: 2.6vw;
}
  .ias-safety-setion2 .inlist .right {
    width: 100%;
    height: 75.4667vw;
    border-radius: 1.3333vw;
  }
  .ias-safety-setion2 .inlist .right .title {
    font-size: 3.2vw;
    margin-bottom: 3.4667vw;
    /* display: block; */
    /* padding-right: 4vw; */
    margin-top: 4.8vw;
  }
  .all-safe-con {
    width: calc(100% - 10.6667vw);
  }
  .ias-safety-setion2 .desc {
    padding-bottom: 16.5333vw;
     padding-top: 3.2667vw;
    font-size: 2.625vw;
    line-height: 1.5;
  }

  .more-secure-con h4 {
    margin-bottom: 3.4vw;
    font-size: 5.6vw;
  }
  .more-secure-con .des {
    font-size: 3.7333vw;
    margin-bottom: 6.1333vw;
  }
  .more-secure-con .safe-show-con {
    margin-bottom: 22.6667vw;
    padding-bottom: 17.0667vw;
    flex-direction: column-reverse;
  }
  .more-secure-con .safe-show-con .safe-list-con li {
    height: 26.6667vw;
    margin-bottom: 3.2vw;
    border-radius: 1.3333vw;
  }
  .more-secure-con .safe-show-con .safe-list-con li .icon-con {
    width: 48vw;
  }
  .more-secure-con .safe-show-con .safe-list-con li .icon-con img {
    margin-bottom: 4.2667vw;
  }
  .more-secure-con .safe-show-con .safe-list-con li:nth-child(1) .icon-con img {
    height: 4.2667vw;
  }
  .more-secure-con .safe-show-con .safe-list-con li .icon-con p {
    font-size: 3.7333vw;
  }
  .more-secure-con .safe-show-con .safe-list-con li .txt-con p {
    font-size: 3.2vw;
    margin-bottom: 1.6vw;
    padding-left: 4.2667vw;
  }
  .more-secure-con .safe-show-con .safe-list-con li .txt-con p::before {
    width: 0.784vw;
    height: 0.784vw;
  }
  .more-secure-con .safe-show-con .safe-list-con li .tip {
    width: 20vw;
    height: 6.6667vw;
    font-size: 3.2vw;
    top: -0.9413vw;
    background: url(https://auto.huawei.com/marketingcloud/pep/asset//20000004/safety/img/safe_tipmob_bg.png)
      no-repeat;
    background-size: cover;
    right: -0.9vw;
    box-sizing: border-box;
    padding-bottom: 0.2vw;
  }
  .more-secure-con .safe-show-con .safe-list-con li:nth-child(2) .icon-con img {
    margin-bottom: 1.8667vw;
    height: 6.9333vw;
  }
  .more-secure-con .safe-show-con .safe-list-con li:nth-child(2) .icon-con {
    width: 37.8667vw;
  }
  .more-secure-con .safe-show-con .safe-list-con li:nth-child(1) .txt-con {
    padding-top: 3vw;
  }
  .more-secure-con .safe-show-con .safe-video-con {
    width: 100%;
    margin-right: 0;
    border-radius: 1.3333vw;
    height: 50.1333vw;
    margin-left: 0;
  }
  .swiper.more-secure-banner {
    border-radius: 1.3333vw;
  }
  .safe-video-con .swiper-pagination-more-secure {
    bottom: 0 !important;
    top: calc(100% + 6.4vw) !important;
  }
  .safe-video-con .swiper-pagination-more-secure .swiper-pagination-bullet {
    width: 2.1333vw;
    height: 0.2667vw;
    border-radius: 0;
  }
  .safe-video-con
    .swiper-pagination-more-secure
    .swiper-pagination-bullet-active {
    width: 6.4vw;
  }
  .safe-video-con .tool-con {
    bottom: 0 !important;
    top: calc(100% + 6.4vw) !important;
    height: 10.6667vw;
  }
  .safe-video-con .tool-con .swiper-button-prev,
  .safe-video-con .tool-con .swiper-button-next,
  .safe-video-con .tool-con .swiper-button-prev img,
  .safe-video-con .tool-con .swiper-button-next img {
    width: 10.6667vw;
    height: 10.6667vw;
  }
  .safe-video-con .tool-con .swiper-button-prev {
    margin-right: 2.1333vw;
  }
  .ias-safety-setion3 .ias-fang {
    margin-bottom: 0;
    flex-direction: column;
    align-items: flex-end;
  }
  .ias-safety-setion3 .ias-fang .left {
    width: 69.0667vw;
    height: 65.8667vw;
    position: relative;
    right: -28.2667vw;
    margin-bottom: 6.1333vw;
  }
  .ias-safety-setion3 .ias-fang .left .list span {
    display: none;
  }
  .ias-safety-setion3 .ias-fang .right {
    width: 100%;
    height: auto;
    padding-bottom: 6vw;
  }
  .ias-safety-setion3 .ias-fang .right .list {
    background: #eaeaea;
    padding: 0;
    height: auto;
  }
  .ias-safety-setion3 .ias-fang .right .list .tit {
    display: none;
  }
  .ias-safety-setion3 .ias-fang .right .list .txt {
    margin-bottom: 6.1333vw;
    font-size: 3.2vw;
    transform: translateX(0);
    opacity: 0;
    position: relative;
    height: 28vw;
  }
  .ias-safety-setion3 .ias-fang .right .list .txt1{
    font-size: 2.4vw;
    left: 0;
    bottom: -5vw;
    transform: translateX(0);
}
  .ias-safety-setion3 .ias-fang .right .list .txt p {
    margin-bottom: 1.6vw;
    padding-left: calc(3.7333vw + 0.784vw);
  }
    .ias-safety-setion3 .ias-fang .right .list .txt p::before {
    width: 0.784vw;
    height: 0.784vw;
    margin-right: 3.7333vw;
    top: 1.5vw;
  }
  .ias-safety-setion3 .ias-fang .right .list .txt p.lang{
  bottom: -3vw;
  font-size: 2.4vw;
  }
  .ias-safety-setion3 .ias-fang .right .list .img {
    width: 100%;
    height: 50.75vw;
    border-radius: 1.3333vw;
    transform: translateX(0);
    opacity: 0;
    /* height: auto; */
  }
  .ias-safety-setion3 .ias-fang .right .list .img video{
    /* width: calc(100% + 0.1vw); */
    /* height: calc(100% + 0.1vw); */
    /* object-fit: contain; */
    background: #000;
}
  .ias-safety-setion3 .ias-fang .right .list.swiper-slide-prev .txt {
    transform: translateY(-4vw);
  }
    .ias-safety-setion3 .ias-fang .right .list.swiper-slide-prev .txt1 {
    transform: translateY(-4vw);
  }
  .ias-safety-setion3 .ias-fang .right .list.swiper-slide-prev .img {
    transform: translateY(-4vw);
  }
  .ias-safety-setion3 .ias-fang .right .list.swiper-slide-next .txt {
    transform: translateY(4vw);
  }
    .ias-safety-setion3 .ias-fang .right .list.swiper-slide-next .txt1 {
    transform: translateY(4vw);
  }
  .ias-safety-setion3 .ias-fang .right .list.swiper-slide-next .img {
    transform: translateY(4vw);
  }
  .ias-safety-setion3 .ias-fang .right .list.swiper-slide-active .txt {
    transform: translateY(0);
    opacity: 1;
  }
    .ias-safety-setion3 .ias-fang .right .list.swiper-slide-active .txt1 {
    transform: translateY(0);
    opacity: 1;
  }
  .ias-safety-setion3 .ias-fang .right .list.swiper-slide-active .img {
    transform: translateY(0);
    opacity: 1;
  }
  .ias-safety-setion3 .ias-fang .right .list .img img {
    float: left;
    /* max-height: 100%; */
    /* object-fit: contain; */
  }
  .ias-safety-setion3 .ias-fang .right .list .tt {
    display: none;
  }
  .ias-safety-setion3 .desc {
    padding-bottom: 19.2vw;
  }
  .explore-con h4 {
    font-size: 5.6vw;
    margin-bottom: 5.0667vw;
  }
  .explore-con {
    background: url(https://auto.huawei.com/marketingcloud/pep/asset//20000004/safety/img/exploremob_bg260114.jpg)
      no-repeat;
    height: 177.3333vw;
    background-size: cover;
  }
  .explore-more-cars {
    margin-top: 20vw;

    margin-bottom: 0;

    position: relative;

    height: 77vw;

    justify-content: flex-start;
  }
  .explore-more-cars h5 {
    font-size: 5.6vw;
  }
  .explore-more-cars .more-btn {
    width: 31.7333vw;
    height: 9.0667vw;
    border-radius: 1.3333vw;
    font-size: 3.2vw;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .safe-data-con {
    padding-top: 17.3333vw;
  }
  .safe-data-con h6 {
    font-size: 5.6vw;
    margin-bottom: 2.9333vw;
  }
  .safe-data-con .safe-data-list li {
    border-radius: 1.3333vw;
    margin-bottom: 2.1333vw;
  }
  .safe-data-con .safe-data-list li h3 {
    height: 8vw;
    padding-left: 2.6667vw;
    line-height: 8vw;
    font-size: 3.2vw;
  }
  .safe-data-con .safe-data-list li h3::after {
    width: 2.1333vw;
    height: 2.1333vw;
    right: 2.9333vw;
  }
  .safe-data-con .safe-data-list li .des-con {
    font-size: 2.1333vw;
  }
  .ias-safety-setion1 {
    background: #eaeaea;
  }
  .ias-safety-setion66 {
    background: #eaeaea;
  }
  .ias-safety-setion3 {
    background: #eaeaea;
    position: relative;
  }
  .ias-safety-setion3 .ias-safety-title{
    margin-bottom: 10.1333vw;
}
  .ias-qfx {
    z-index: 9 !important;
    visibility: visible;
    opacity: 0;
    width: 100%;
    height: 99.4667vw;
    left: 0;
    top: 18vw;
    overflow: hidden;
  }
  .ias-qfx::before {
    content: "";
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  .ias-qfx.active::before {
    visibility: visible;
  }
  .ias-qfx.nhov::before {
    visibility: visible !important;
  }
  .ias-qfx .mySwiper {
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .ias-safety-setion3 .ias-fang .right {
    z-index: 10;
    position: relative;
  }
  .ias-qfx .swiper-slide .zi {
    position: absolute;
    width: fit-content;
    display: flex;
    align-items: center;
    left: 0;
    /* transition: left 0.5s;
    -moz-transition: left 0.5s;
    -webkit-transition: left 0.5s; */
  }
  .ias-qfx .swiper-slide.swiper-slide-active .zi {
    left: 21.2667vw;
    top: 16vw;
    opacity: 1;
  }
  .ias-qfx .swiper-slide.swiper-slide-prev .zi {
    left: 36.8667vw;
    bottom: -4vw;
  }
  .ias-qfx .swiper-slide.swiper-slide-next .zi {
    left: 15.8667vw;
    top: -43vw;
  }
  .ias-qfx .swiper-slide .zi span {
    font-size: 4.8vw;
    font-weight: bold;
    opacity: 0.2;
  }
  .ias-qfx .swiper-slide.swiper-slide-active .zi span {
    opacity: 1;
  }
  .ias-qfx .swiper-slide .zi .dian {
    margin-left: 6.9333vw;
    width: 2.984vw;
    height: 2.984vw;
    border-radius: 50%;
    opacity: 0.4;
  }
  .ias-qfx .swiper-slide.swiper-slide-active .zi .dian {
    opacity: 1;
  }
  .ias-qfx .swiper-slide .zi.zi1 span {
    color: #3579fd;
  }
  .ias-qfx .swiper-slide .zi.zi1 .dian {
    background: #3579fd;
  }
  .ias-qfx .swiper-slide .zi.zi2 span {
    color: #8e39be;
  }
  .ias-qfx .swiper-slide .zi.zi2 .dian {
    background: #8e39be;
  }
  .ias-qfx .swiper-slide .zi.zi3 span {
    color: #ff5f82;
  }
  .ias-qfx .swiper-slide .zi.zi3 .dian {
    background: #ff5f82;
  }
  .ias-qfx .swiper-slide .zi.zi4 span {
    color: #e1972a;
  }
  .ias-qfx .swiper-slide .zi.zi4 .dian {
    background: #e1972a;
  }
  .ias-qfx .swiper-slide .zi.zi5 span {
    color: #74ad82;
  }
  .ias-qfx .swiper-slide .zi.zi5 .dian {
    background: #74ad82;
  }
  .ias-safety-setion3 .ias-fang .left .list {
    z-index: 1;
    background: transparent;
  }
  .ias-safety-setion3 .ias-fang .left .list.active {
    z-index: 2;
  }
  .ias-safety-setion3 .ias-fang .left .list .img {
    clip-path: circle(0% at 50% 73%);
    transition: clip-path 0s ease-in-out 1s;
    z-index: 1;
    position: relative;
  }
  .ias-safety-setion3 .ias-fang .left .list.active .img {
    clip-path: circle(77% at 50% 73%);
    transition: clip-path 1s ease;
    z-index: 2;
  }
  .ias-safety-setion3 .ias-fang .left .list img {
    width: 100%;
    height: 100%;
  }
  .ias-safety-setion3 .ias-fang .left .list img.yuan {
    position: absolute;
    width: 99.4667vw;
    height: 99.4667vw;
    top: -6.1333vw;
    left: -14.9333vw;
    opacity: 0;
  }
  .ias-safety-setion3 .ias-fang .left .list.active img.yuan {
    opacity: 1;
  }
  .ias-safety-setion3 .ias-fang .left .list:nth-child(1) img.yuan {
  }
  .ias-safety-setion3 .ias-fang .left .list:nth-child(2) img.yuan {
  }
  .ias-safety-setion3 .ias-fang .left .list:nth-child(3) img.yuan {
  }
  .ias-safety-setion3 .ias-fang .left .list:nth-child(4) img.yuan {
  }
  .ias-safety-setion3 .ias-fang .left .list:nth-child(5) img.yuan {
  }
  .swiper.more-secure-banner .swiper-slide .replay-con {
    width: 6.4vw;
    height: 6.4vw;
    border-radius: 50%;
    background: url(https://auto.huawei.com/marketingcloud/pep/asset//20000004/safety/img/replay.webp)
      no-repeat center;
    background-size: cover;
    position: absolute;
    right: 2.5vw;
    bottom: 2.5vw;
    cursor: pointer;
  }

  .ias-qfx .swiper-button-next,
  .ias-qfx .swiper-button-prev {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
  }

  .ias-qfx .swiper-button-next {
    right: auto;
    left: 15vw;
    top: 51vw;
    width: 19vw;
    opacity: 0;
  }
  .ias-qfx .swiper-button-prev {
    left: 35vw;
    top: 10vw;
    width: 17vw;
    opacity: 0;
  }
  .ias-safety-setion3 .ias-fang .anniu {
    
top: calc(100% + 4vw);
  }
  .ias-safety-setion3 .ias-fang .anniu .swiper-button-next, .ias-safety-setion3 .ias-fang .anniu .swiper-button-prev{
    width: 10.6667vw;
        height: 10.6667vw;
  }
  .ias-safety-setion3 .ias-fang .anniu .swiper-button-prev{
            margin-right: 2.1333vw;
  }
  .ias-safety-setion3 .ias-fang .swiper-pagination {
    display: none;
  }
  .ias-car-kv .kv {
    height: 46.4583vw;
    position: relative;
    border-radius: 0;
    overflow: hidden;
  }
  .animated-border {
    top: -0.6667vw;
    left: -0.6667vw;
    right: -0.6667vw;
    bottom: -0.6667vw;
    border-radius: 6vw; /* 5.3333 + 0.6667 */
  }

  .border-path {
    stroke-width: 0.2667vw;
  }
  body {
    background: #eaeaea !important;
  }
  body.no-scroll {
    overflow: hidden;
  }

  .ias-safety-setion2 .inlist .right .chart {
    padding: 0 6.6667vw;
    margin-bottom: 10.6667vw;
    margin-top: 3vw;
    display: flex;
    align-items: flex-end;
  }
  .ias-safety-setion2 .inlist .right .chart .y_zhou{
    height: calc(100% + 7vw);
    margin-bottom: 1vw;
}
  .ias-safety-setion2 .inlist .right .chart .y_zhou .list {
    font-size: 2.1333vw;
    margin-top: 0;
    height: 14%;
    position: relative;
  }
  .ias-safety-setion2 .inlist .right .chart .y_zhou .list span{
    width: 8vw;
    position: relative;
    top: 3vw;
}
  .ias-safety-setion2 .inlist .right .chart .y_zhou .list::after {
    margin-left: 4vw;
    height: 1px;
    position: absolute;
    width: calc(100% - 12vw);
    right: 0;
    bottom: 0;
  }
  .ias-safety-setion2 .inlist .right .chart .x_zhou {
    left: 12.6667vw;
    bottom: 1vw;
    width: calc(100% - 6.6667vw - 6.6667vw);
    height: 100%;
  }
  .ias-safety-setion2 .inlist .right .chart .x_zhou .list {
    margin: 0 5vw;
    height: 100%;
  }
  .ias-safety-setion2 .inlist .right .chart .x_zhou .list .zhu {
    width: 12.6667vw;
  }
  .ias-safety-setion2 .inlist .right .chart .x_zhou .list .zhu span {
    bottom: -6.2vw;
    font-size: 2.6vw;
    font-weight: normal;
  }
  .ias-safety-setion2
    .inlist
    .right
    .chart
    .x_zhou.active
    .list:nth-child(1)
    .zhu {
  height: 78.46%;
  }
  .ias-safety-setion2
    .inlist
    .right
    .chart
    .x_zhou.active
    .list:nth-child(2)
    .zhu {
  height: 55.27%;
  }
  .ias-safety-setion2
    .inlist
    .right
    .chart
    .x_zhou.active
    .list:nth-child(3)
    .zhu {
    height: 11.54%;
  }
  .ias-safety-setion2 .inlist .right .chart .x_zhou .list .danwei {
    margin-bottom: 3.5333vw;
    font-size: 3.2vw;
  }
  .more-secure-banner video {
    object-fit: cover;
  }
  .ias-qfx-yuan {
    position: absolute;
    visibility: visible;
    z-index: 4;
    opacity: 1;
    width: 63%;
    height: 61.4667vw;
    overflow: hidden;
    left: 16vw;
    top: 18vw;
    padding-left: 23vw;
  }
  .ias-qfx-yuan::before {
    content: "";
    background: linear-gradient(to right, transparent, #eaeaea);
    position: absolute;
    right: -3vw;
    height: 15vw;
    width: 18vw;
    z-index: 9;
    top: -6vw;
  }
  .ias-qfx-yuan::after {
    content: "";
    background: linear-gradient(to right, transparent, #eaeaea);
    position: absolute;
    left: 15vw;
    height: 15vw;
    width: 12vw;
    z-index: 9;
    top: 48vw;
    transform: rotate(90deg);
  }
  .ias-qfx-yuan .yuan {
    width: 99.4667vw;
    height: 99.4667vw;
    transition: all 0.3s linear;
    transform: rotate(0);
    position: relative;
  }
  .ias-qfx-yuan .yuan img {
    width: 100%;
    height: 100%;
  }
  .ias-qfx-yuan .yuan.active1 {
  transform: rotate(0deg);
  }
  .ias-qfx-yuan .yuan.active2 {
  transform: rotate(28deg);
  }
  .ias-qfx-yuan .yuan.active3 {
     transform: rotate(56deg);
  }
  .ias-qfx-yuan .yuan.active4 {
     transform: rotate(84deg);
  }
  .ias-qfx-yuan .yuan.active0 {
  transform: rotate(112deg);
  }
  .ias-qfx-yuan .yuan .zi {
    position: absolute;
    width: fit-content;
    display: flex;
    align-items: center;
    left: 0;
  }
  .ias-qfx-yuan .yuan span {
    font-size: 4.8vw;
    font-weight: bold;
    opacity: 0;
  }

  .ias-qfx-yuan .yuan .zi .dian {
    margin-left: 6.9333vw;
    width: 2.984vw;
    height: 2.984vw;
    border-radius: 50%;
    background: transparent;
    opacity: 0;
  }
  .ias-qfx-yuan .yuan.active1 .zi.zi1 {
    top: 24.5333vw;
    left: -17.8667vw;
  }
  .ias-qfx-yuan .yuan.active1 .zi.zi1 span {
    color: #3579fd;
  }
  .ias-qfx-yuan .yuan.active1 .zi.zi1 .dian {
    background: #3579fd;
  }
  .ias-qfx-yuan .yuan.active1 .zi.zi2 {
    top: 48vw;
    left: -23vw;
  }
  .ias-qfx-yuan .yuan .zi.zi2 span {
    color: #8e39be;
  }
  .ias-qfx-yuan .yuan .zi.zi2 .dian {
    background: #8e39be;
  }
  .ias-qfx-yuan .yuan .zi.zi3 {
  }
  .ias-qfx-yuan .yuan .zi.zi3 span {
    color: #ff5f82;
  }
  .ias-qfx-yuan .yuan .zi.zi3 .dian {
    background: #ff5f82;
  }
  .ias-qfx-yuan .yuan .zi.zi4 {
  }
  .ias-qfx-yuan .yuan .zi.zi4 span {
    color: #e1972a;
  }
  .ias-qfx-yuan .yuan .zi.zi4 .dian {
    background: #e1972a;
  }
  .ias-qfx-yuan .yuan .zi.zi5 {
    left: -2vw;
    top: 6vw;
  }
  .ias-qfx-yuan .yuan .zi.zi5 span {
    color: #74ad82;
  }
  .ias-qfx-yuan .yuan .zi.zi5 .dian {
    background: #74ad82;
  }
  .ias-qfx-yuan .yuan.active1 .zi.zi1 span {
     color: #3579fd;
      opacity: 1;
  }
  .ias-qfx-yuan .yuan.active1 .zi.zi1 .dian {
    background: #3579fd;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active1 .zi.zi2 span {
    color: #D8C7E1;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active1 .zi.zi2 .dian {
    background: #D8C7E1;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active1 .zi.zi5 span {
    color: #D3DED5;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active1 .zi.zi5 .dian {
    background: #D3DED5;
          opacity: 1;
  }

  .ias-qfx-yuan .yuan.active2 .zi.zi2 span {
    color: #8e39be;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active2 .zi.zi2 .dian {
    background: #8e39be;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active2 .zi.zi3 span {
    color: #EECED5;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active2 .zi.zi3 .dian {
    background: #EECED5;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active2 .zi.zi1 span {
    color: #C6D3EE;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active2 .zi.zi1 .dian {
    background: #C6D3EE;
          opacity: 1;
  }

  .ias-qfx-yuan .yuan.active2 .zi.zi1{
    transform: rotate(-28deg);
    left: -16.5vw;
    top: 29vw;
}
  .ias-qfx-yuan .yuan.active2 .zi.zi2{
    transform: rotate(-28deg);
    top: 52.5333vw;
    left: -21.8667vw;
}
  .ias-qfx-yuan .yuan.active2 .zi.zi2 span {
    color: #8e39be;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active2 .zi.zi2 .dian {
     background: #8e39be;
           opacity: 1;
  }
  .ias-qfx-yuan .yuan.active2 .zi.zi3{
    transform: rotate(-28deg);
    top: 76vw;
    left: -15vw;
}
  .ias-qfx-yuan .yuan.active2 .zi.zi3 span {
    color: #EECED5;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active2 .zi.zi3 .dian {
    background: #EECED5;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active2 .zi.zi1 span {
    color: #C6D3EE;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active2 .zi.zi1 .dian {
    background: #C6D3EE;
          opacity: 1;
  }
.ias-qfx-yuan .yuan.active3 .zi.zi3{
    transform: rotate(-56deg);
    left: -12vw;
    top: 80vw;
}
  .ias-qfx-yuan .yuan.active3 .zi.zi3 span {
    color: #ff5f82;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active3 .zi.zi3 .dian {
    background: #ff5f82;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active3 .zi.zi2{
    transform: rotate(-56deg);
    top: 56vw;
    left: -18vw;
}
  .ias-qfx-yuan .yuan.active3 .zi.zi2 span {
     color: #D8C7E1;
           opacity: 1;
  }
  .ias-qfx-yuan .yuan.active3 .zi.zi2 .dian {
    background: #D8C7E1;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active3 .zi.zi4{
    transform: rotate(-56deg);
         top: 97.467vw;
        left: 5.000vw;
}
  .ias-qfx-yuan .yuan.active3 .zi.zi4 span {
    color: #E8D9C4;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active3 .zi.zi4 .dian {
    background: #E8D9C4;
          opacity: 1;
  }
.ias-qfx-yuan .yuan.active4 .zi.zi4{
    top: 99.5vw;
    left: 9.5vw;
    transform: rotate(-84deg);
}
  .ias-qfx-yuan .yuan.active4 .zi.zi4 span {
    color: #e1972a;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active4 .zi.zi4 .dian {
    background: #e1972a;
          opacity: 1;
  }
   .ias-qfx-yuan .yuan.active4 .zi.zi3{
    top: 82vw;
    left: -7vw;
    transform: rotate(-84deg);
}
  .ias-qfx-yuan .yuan.active4 .zi.zi3 span {
    color: #EECED5;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active4 .zi.zi3 .dian {
    background: #EECED5;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active4 .zi.zi5{
        top: 106.767vw;
    left: 32.500vw;
    transform: rotate(-84deg);
}
  .ias-qfx-yuan .yuan.active4 .zi.zi5 span {
    color: #D3DED5;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active4 .zi.zi5 .dian {
    background: #D3DED5;
          opacity: 1;
  }
.ias-qfx-yuan .yuan.active0 .zi.zi5{
    left: 37.4667vw;
    top: 105.7333vw;
    transform: rotate(-112deg);
}
  .ias-qfx-yuan .yuan.active0 .zi.zi5 span {
    color: #74ad82;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active0 .zi.zi5 .dian {
    background: #74ad82;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active0 .zi.zi4{
    left: 14.6667vw;
    top: 98.3333vw;
    transform: rotate(-112deg);
}
  .ias-qfx-yuan .yuan.active0 .zi.zi4 span {
    color: #E8D9C4;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active0 .zi.zi4 .dian {
    background: #E8D9C4;
          opacity: 1;
  }
  .ias-qfx-yuan .yuan.active0 .zi.zi1{
           left: 61.600vw;
        top: 101.733vw;
    transform: rotate(-112deg);
  }
  .ias-qfx-yuan .yuan.active0 .zi.zi1 span {
   color: #C6D3EE;
         opacity: 1;
  }
  .ias-qfx-yuan .yuan.active0 .zi.zi1 .dian {
    background: #C6D3EE;
          opacity: 1;
  }

   .pop-swiper-con {
    padding: 0;
    overflow: hidden;
    height: 100%;
  }
  
  .pop-con .pop-swiper {
    max-width: 100vw;
    max-height: 100%;
    height: 100%;
    display: flex;
        flex-direction: column;
        justify-content: center;
  }
   .slide-box {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    padding: 9vw 0 0;
    width: 100%;
  }
  .vd-poster{
    width:100%;
  }
   .slide-box video {
    /* width: auto;
    max-width: 100%; */
    max-height: 70vh;

    /* width: 200px;
    height: 200px;
    max-height: unset; */
    object-fit: contain;
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000;
    contain: layout style paint;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 0) {
    .slide-box video {
      max-height: 100vw;
      width: 100%;
    }
    .slide-box video.nhov {
      height: 100vw;
      max-height: initial;
    }
  }
    .slide-close {
            width: 6.4vw;
        height: 6.4vw;
    right: 4vw;
  }
  .pop-con.active{
    z-index: 1000;
  }
  .ias-car-kv .kv video{
     width: calc(100% + 0.1vw);
     height: calc(100% + 0.1vw);
     object-fit: cover;
  }
  .ias-car-kv.banner .ias-safety-title{
    position: relative;
    bottom: 0;
    padding-top: 7.8125vw;
    margin-bottom: 9.1333vw;
  }
  .ias-car-kv.banner .kv::before{
    display:none;
  }
  .ias-car-kv.banner .ias-safety-title .tit{color: #1680ef;margin-bottom: 2.6667vw;}
.ias-car-kv.banner .ias-safety-title .txt{
  line-height: 1.5;
  color: #282828;
}
.ias-tpl-footer .ias-tpl-footer-content .ias-tpl-footer-content-left .ias-tpl-footer-media .ias-tpl-footer-media-item-container .ias-tpl-footer-media-qrcode{
  max-width: 150px;
}
.bhh{
  white-space: nowrap;
}
}

@media screen and (max-width: 500px) {
  .ias-mobile-tpl-header a {
    height: 100%;
    width: 100px;
  }
  .ias-mobile-tpl-header
    .ias-mobile-tpl-header-logo-container
    .ias-mobile-tpl-header-logo {
    display: none;
  }
}

/* 针对iOS设备 */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

}