:root {
  --wns-content-ws: 82.1875vw;
  --wns-nav: 76px;
  --wns-sticky-h: calc(100vh - var(--wns-nav));
  --wns-spc-200: 10.416667vw;
  --wns-spc-120: 6.25vw;
  --wns-spc-80: 4.166667vw;
  --wns-spc-60: 3.125vw;
  --wns-spc-40: 2.083333vw;
  --wns-spc-30: 1.5625vw;
  --wns-spc-10: 0.520833vw;
  --wns-txt-153: 7.96875vw;
  --wns-txt-120: 6.25vw;
  --wns-txt-80: 4.166667vw;
  --wns-txt-64: 3.333333vw;
  --wns-txt-48: 2.5vw;
  --wns-txt-32: 1.666667vw;
  --wns-txt-24: 1.25vw;
  --wns-txt-22: 1.145833vw;
  --wns-txt-16: 0.833333vw;
  --wns-txt-13: 13px;
  --wns-txt-12: 12px;
  --wns-xin-txt-40: 2.083333vw;
  --wns-xin-txt-20-b: 1.041667vw;
  --wns-xin-txt-20-m: 1.041667vw;
  --wns-xin-txt-20-s: 1.041667vw;
}

.wns-container {
  width: 100%;
  position: relative;
}

.wns-container * {
  letter-spacing: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.wns-container img {
  width: 100%;
}

.wns-container .blur-up {
  -webkit-filter: blur(20px);
  filter: blur(20px);
  -webkit-transition: -webkit-filter 0.4s;
  transition: -webkit-filter 0.4s;
  transition: filter 0.4s;
  transition: filter 0.4s, -webkit-filter 0.4s;
}

.wns-container .blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}
.wns-container .wns-txt-153{
  font-size: 7.96875vw;
  font-size: var(--wns-txt-153);
}
.wns-container .wns-txt-120 {
  font-size: 6.25vw;
  font-size: var(--wns-txt-120);
}

.wns-container .wns-txt-80 {
  font-size: 4.166667vw;
  font-size: var(--wns-txt-80);
}

.wns-container .wns-txt-64 {
  font-size: 3.333333vw;
  font-size: var(--wns-txt-64);
}

.wns-container .wns-txt-48 {
  font-size: 2.5vw;
  font-size: var(--wns-txt-48);
}

.wns-container .wns-txt-120,
.wns-container .wns-txt-80,
.wns-container .wns-txt-64,
.wns-container .wns-txt-48,
.wns-container h2,
.wns-container h3,
.wns-container h4 {
  line-height: 1.25;
  font-weight: bold;
}

.wns-container .wns-txt-32 {
  font-size: 1.666667vw;
  font-size: var(--wns-txt-32);
}

.wns-container .wns-txt-24 {
  font-size: 1.25vw;
  font-size: var(--wns-txt-24);
}

.wns-container .wns-txt-22 {
  font-size: 1.145833vw;
  font-size: var(--wns-txt-22);
}

.wns-container .wns-txt-16 {
  font-size: 0.833333vw;
  font-size: var(--wns-txt-16);
}

.wns-container .wns-txt-13 {
  font-size: 13px;
  font-size: var(--wns-txt-13);
}

.wns-container .wns-txt-12 {
  font-size: 0.625vw;
  font-size: var(--wns-txt-12);
}

.wns-container .wns-xin-txt-40 {
  font-size: 2.083333vw;
  font-size: var(--wns-xin-txt-40);
}

.wns-container .wns-xin-txt-20-b {
  font-size: 1.041667vw;
  font-size: var(--wns-xin-txt-20-b);
}

.wns-container .wns-xin-txt-20-m {
  font-size: 1.041667vw;
  font-size: var(--wns-xin-txt-20-m);
}

.wns-container .wns-xin-txt-20-s {
  font-size: 1.041667vw;
  font-size: var(--wns-xin-txt-20-s);
}

.wns-container .wns-txt-32,
.wns-container .wns-txt-24,
.wns-container .wns-txt-22,
.wns-container .wns-txt-16,
.wns-container .wns-txt-13,
.wns-container .wns-xin-txt-20-b,
.wns-container .wns-xin-txt-20-m,
.wns-container .wns-xin-txt-20-s,
.wns-container p {
  line-height: 1.6;
  font-weight: normal;
}

.wns-container .wns-txt-left {
  text-align: left;
}

.wns-container .wns-txt-center {
  text-align: center;
}

.wns-container .wns-txt-right {
  text-align: right;
}

.wns-container .wns-txt-black-80 {
  color: #4B4C4E;
}

.wns-container .wns-txt-black-50 {
  color: #8F8D8E;
}

.wns-container .wns-txt-white-80 {
  color: rgba(255, 255, 255, 0.8);
}

.wns-container .wns-txt-white-60 {
  color: rgba(255, 255, 255, 0.6);
}

.wns-container .wns-txt-white-50 {
  color: #808080;
}

.wns-container .wns-txt-white {
  color: #FFFFFF;
}

.wns-container .wns-txt-bg-s {
  background: -webkit-linear-gradient(left, #B2A79F, #EEEADD, #B2A79F);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.wns-container .wns-txt-op-80 {
  opacity: 0.8;
}

.wns-container .wns-txt-op-50 {
  opacity: 0.5;
}

.wns-container .wns-txt-op-30 {
  opacity: 0.3;
}

.wns-container .wns-animation-up {
  opacity: 0;
}
.wns-container sup {
  font-size: 0.6em;
  line-height: 0.6em;
}
.wns-container sup[data-index] {
  cursor: pointer;
}
.wns-container .wns-animation-up.active {
  -webkit-animation: fadeInUp 1s ease forwards;
  animation: fadeInUp 1s ease forwards;
  will-change: transform, opacity;
}

@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    opacity: 0;
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    opacity: 0;
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.wns-container .wns-mt-200 {
  margin-top: 10.416667vw;
  margin-top: var(--wns-spc-200);
}

.wns-container .wns-mb-200 {
  margin-bottom: 10.416667vw;
  margin-bottom: var(--wns-spc-200);
}

.wns-container .wns-pt-200 {
  padding-top: 10.416667vw;
  padding-top: var(--wns-spc-200);
}

.wns-container .wns-pb-200 {
  padding-bottom: 10.416667vw;
  padding-bottom: var(--wns-spc-200);
}

.wns-container .wns-mt-120 {
  margin-top: 6.25vw;
  margin-top: var(--wns-spc-120);
}

.wns-container .wns-mb-120 {
  margin-bottom: 6.25vw;
  margin-bottom: var(--wns-spc-120);
}

.wns-container .wns-pt-120 {
  padding-top: 6.25vw;
  padding-top: var(--wns-spc-120);
}

.wns-container .wns-pb-120 {
  padding-bottom: 6.25vw;
  padding-bottom: var(--wns-spc-120);
}

.wns-container .wns-mt-80 {
  margin-top: 4.166667vw;
  margin-top: var(--wns-spc-80);
}

.wns-container .wns-mb-80 {
  margin-bottom: 4.166667vw;
  margin-bottom: var(--wns-spc-80);
}

.wns-container .wns-pt-80 {
  padding-top: 4.166667vw;
  padding-top: var(--wns-spc-80);
}

.wns-container .wns-pb-80 {
  padding-bottom: 4.166667vw;
  padding-bottom: var(--wns-spc-80);
}

.wns-container .wns-mt-60 {
  margin-top: 3.125vw;
  margin-top: var(--wns-spc-60);
}

.wns-container .wns-mb-60 {
  margin-bottom: 3.125vw;
  margin-bottom: var(--wns-spc-60);
}

.wns-container .wns-pt-60 {
  padding-top: 3.125vw;
  padding-top: var(--wns-spc-60);
}

.wns-container .wns-pb-60 {
  padding-bottom: 3.125vw;
  padding-bottom: var(--wns-spc-60);
}

.wns-container .wns-mt-40 {
  margin-top: 2.083333vw;
  margin-top: var(--wns-spc-40);
}

.wns-container .wns-mb-40 {
  margin-bottom: 2.083333vw;
  margin-bottom: var(--wns-spc-40);
}

.wns-container .wns-pt-40 {
  padding-top: 2.083333vw;
  padding-top: var(--wns-spc-40);
}

.wns-container .wns-pb-40 {
  padding-bottom: 2.083333vw;
  padding-bottom: var(--wns-spc-40);
}

.wns-container .wns-mt-30 {
  margin-top: 1.5625vw;
  margin-top: var(--wns-spc-30);
}

.wns-container .wns-mb-30 {
  margin-bottom: 1.5625vw;
  margin-bottom: var(--wns-spc-30);
}

.wns-container .wns-pt-30 {
  padding-top: 1.5625vw;
  padding-top: var(--wns-spc-30);
}

.wns-container .wns-pb-30 {
  padding-bottom: 1.5625vw;
  padding-bottom: var(--wns-spc-30);
}

.wns-container .wns-mt-10 {
  margin-top: 0.520833vw;
  margin-top: var(--wns-spc-10);
}

.wns-container .wns-mb-10 {
  margin-bottom: 0.520833vw;
  margin-bottom: var(--wns-spc-10);
}

.wns-container .wns-pt-10 {
  padding-top: 0.520833vw;
  padding-top: var(--wns-spc-10);
}

.wns-container .wns-pb-10 {
  padding-bottom: 0.520833vw;
  padding-bottom: var(--wns-spc-10);
}

.wns-container .wns-section {
  width: 100%;
  display: block;
  position: relative;
}

.wns-container .wns-content-ws {
  width: 82.1875vw;
  width: var(--wns-content-ws);
  margin: 0 auto;
  position: relative;
}

.wns-container .wns-content-wf {
  width: 100%;
  position: relative;
  line-height: 0;
}

.wns-container .wns-img-border-radius {
  border-radius: 1.041667vw;
  -webkit-border-radius: 1.041667vw;
  transform: scale(1);
  -webkit-transform: scale(1);
  overflow: hidden;
}

.wns-container .wns-img-border-radius-s {
  border-radius: 0.520833vw;
  overflow: hidden;
}

.wns-container .wns-bg-black {
  background-color: #000000;
}

.wns-container .wns-showmob {
  display: none;
}

.wns-container .wns-showpc {
  display: inline-block;
}

.wns-container .wns-show-ie {
  display: none;
}

.wns-container .wns-show-uc {
  display: none;
}

.wns-container .wns-show-uc.open {
  display: block;
}

.wns-container .wx-img {
  display: none;
}

.wns-container .nowrap {
  white-space: nowrap;
}

/*common*/
#wns-container sup {
  line-height: 0;
  color: inherit;
  font-size: 0.6em;
}

#wns-container sup[data-index] {
  cursor: pointer;
} 
html.wns-no-scroll,
body.wns-no-scroll {
  overflow: hidden;
}

#wns-container .wns-kv .wns-kv-container {
  width: 25.9375vw;
  position: absolute;
  top: 8.697917vw;
  left: 55.3125vw;
}
#wns-container .wns-kv .wns-kv-container .wns-kv-title{
  width: 20.833333vw;
}
#wns-container .wns-kv .wns-kv-container a {
  display: inline-block;
}

#wns-container .wns-kv .wns-kv-container .wns-kv-buy {
  background-color: #000;
  color: #fff;
  margin-top: 1.302083vw;
  border-radius: 4.604167vw;
  border: 2px solid #000;
  line-height: 24px;
  padding: 10px 26px;
}

#wns-container .wns-kv .wns-kv-container p.wns-xin-txt-20-b {
  font-size: 0.9375vw;
  margin-top: 2.083333vw;
}

#wns-container .wns-kv .wns-kv-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: left;
}

#wns-container .wns-kv .wns-kv-price>div h2 {
  font-size: 1.458333vw;
  margin-top: 8px;
}

#wns-container .wns-kv .wns-kv-price .wns-kv-item1 {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}

#wns-container .wns-kv .wns-kv-video-wrap {
  margin-top: 1.041667vw;
}

#wns-container .wns-kv .wns-kv-video-wrap img {
  width: 1.71875vw;
  margin-left: 0.416667vw;
}

#wns-container .wns-kv .wns-kv-powered {
  width: auto;
  line-height: 0;
  position: absolute;
  bottom: 4.822917vw;
  right: 7.65625vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#wns-container .wns-kv .wns-kv-powered .wns-kv-svg-wrap {
  max-width: 10.28125vw;
  margin-bottom: 0.833333vw;
}


@media screen and (min-aspect-ratio:10/13) and (max-aspect-ratio:127/100) and (max-width: 829px) {
  #wns-container .wns-kv .wns-kv-powered .wns-kv-svg-wrap{
    margin-left: auto;
  }
}

#wns-container .wns-kv .wns-kv-powered img {
  width: 100%;
}

#wns-container .wns-reason .wns-reason-content {
  width: 100%;
  font-size: 0;
  line-height: 0;
}

#wns-container .wns-reason .wns-reason-content .wns-reason-wrap {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  position: relative;
}
#wns-container .wns-reason .wns-reason-content .wns-reason-wrap.wns-showmob{
  display: none;
}
#wns-container .wns-reason .wns-reason-content .wns-reason-wrap p {
  position: absolute;
  top: 1.510417vw;
  left: 1.5625vw;
}

#wns-container .wns-reason .wns-reason-content .wns-reason-wrap:nth-child(-n+3) {
  margin-bottom: 1.5625vw;
}

#wns-container .wns-reason .wns-reason-content .wns-reason-wrap:nth-child(4) {
  margin-top: -1.614583vw;
}

#wns-container .wns-reason .wns-reason-content .wns-reason-wrap:nth-child(6) {
  margin-top: -2.708333vw;
}

#wns-container .wns-reason .wns-reason-content .wns-reason-wrap1,
#wns-container .wns-reason .wns-reason-content .wns-reason-wrap4 {
  width: 29.375vw;
}

#wns-container .wns-reason .wns-reason-content .wns-reason-wrap2,
#wns-container .wns-reason .wns-reason-content .wns-reason-wrap5 {
  width: 23.333333vw;
  margin: 0 1.5625vw;
}

#wns-container .wns-reason .wns-reason-content .wns-reason-wrap3,
#wns-container .wns-reason .wns-reason-content .wns-reason-wrap6 {
  width: 26.302083vw;
}

#wns-container .wns-reason .wns-sellpoint-arrow {
  width: 2.395833vw !important;
  height: 2.395833vw;
  position: absolute;
  bottom: 0.541667vw;
  right: 0.541667vw;
  cursor: pointer;
  background-color: #4D4D4D;
  border-radius: 50%;
  overflow: hidden;
  z-index: 9;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#wns-container .wns-reason .wns-sellpoint-arrow img {
  width: 100%;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: translateY(-48%);
  transform: translateY(-48%);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

#wns-container .wns-reason .wns-reason-wrap:hover .wns-sellpoint-arrow img {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 1s;
  transition: all 1s;
}

#wns-container .wns-product-video video {
  width: 100%;
}
#wns-container .wns-video-dis {
  margin-top: 0.885417vw;
  opacity: 0.53;
}
#wns-container .wns-product-video .wns-s3-video-btn {
  width: auto;
  position: absolute;
  bottom: 3.958333vw;
  right: 15.885417vw;
  vertical-align: middle;
}

#wns-container .wns-product-video .wns-s3-video-btn span {
  vertical-align: middle;
}

#wns-container .wns-product-video .wns-s3-video-btn-img {
  width: 2.239583vw;
  margin-left: 0.46875vw;
}

#wns-container .wns-design-camera {
  width: 100%;
}

#wns-container .wns-design-camera .wns-content-wf {
  width: 100%;
}

#wns-container .wns-design-camera .wns-design-camera-text {
  width: 74.0625vw;
  margin: 0 auto;
  padding-right: 1.875vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
}

#wns-container .wns-design-camera .wns-design-camera-text h2 {
  width: 17.541667vw;
}

#wns-container .wns-design-camera .wns-design-camera-text p {
  width: 36.979167vw;
}

#wns-container .wns-design-camera .wns-design-camera-text-wrap {
  margin: 10.41666666666667vw 0 3.125vw 0;
}

#wns-container .wns-design-camera .wns-design-camera-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#wns-container .wns-design-camera .wns-design-camera-content div:nth-child(1) {
  width: 41.875vw;
}

#wns-container .wns-design-camera .wns-design-camera-content div:nth-child(2) {
  width: 36.666667vw;
}

#wns-container .wns-design-camera .wns-design-camera-content p {
  text-align: center;
  margin-top: 1.25vw;
}
#wns-container .wns-3d-face-title .wns-3d-face-text,#wns-container .wns-inout-title .wns-3d-face-text{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#wns-container .wns-3d-face-title .wns-3d-face-text h2:first-child,
#wns-container .wns-inout-title .wns-3d-face-text h2:first-child{
  margin-bottom: 1.041667vw;
}
#wns-container .wns-3d-face .wns-3d-face-text {
  width: 78.125vw;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
}
#wns-container .wns-3d-face .wns-3d-face-text .wns-3d-face-text-wrap{
  display: initial;
}
#wns-container .wns-3d-face .wns-3d-face-text .wns-3d-face-icon-list{
  color: white;
  display: flex;
  margin-top: .520833vw;
  margin-left: 1.09375vw;
}
#wns-container .wns-3d-face .wns-3d-face-text .wns-3d-face-icon-list li:first-child{
  margin-right: 6.354167vw;
}
#wns-container .wns-3d-face .wns-3d-face-text h2 {
  width: 30.375vw;
}
#wns-container .wns-3d-face .wns-3d-face-text h2 p{
  line-height: 1.25;
  margin-bottom: 1.041667vw;
}
#wns-container .wns-3d-face .wns-3d-face-text-wrap {
  width: 37.083333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
}

#wns-container .wns-3d-face .wns-3d-face-text-wrap>div {
  margin-right: 4.6875vw;
}

#wns-container .wns-3d-face .wns-3d-face-img-wrap {
  width: 91.25vw;
  margin: 0 auto;
  line-height: 0;
  position: relative;
}
#wns-container .wns-family-care .wns-family-care-icon-list{
  position: absolute;
  left: 69.791667vw;
  top: 0;
  color: white;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#wns-container .wns-family-care .wns-inout-txt-wrap .wns-family-care-icon-list{
  display: none;
}
#wns-container .wns-family-care .wns-family-care-icon-list .icon{
  width: 4.895833vw;
  margin: 0 auto;
  margin-bottom: 1.041667vw;
}
#wns-container .wns-family-care .wns-family-care-icon-list  li:not(:last-child){
  margin-bottom: 3.125vw;
}
#wns-container .wns-free-hands .wns-content-ws {
  width: 82.8125vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#wns-container .wns-free-hands .wns-free-hands-txt-wrap {
  width: 26.145833vw;
  margin-left:2.34375vw;
}
#wns-container .wns-free-hands .wns-free-hands-txt-wrap span{
  line-height: 1.25;
}
#wns-container .wns-free-hands .wns-free-hands-txt-wrap h2 {
  margin-top: 1.041667vw;
  color: #fff;
}
#wns-container .wns-free-hands .wns-free-hands-txt-wrap .wns-free-hands-list li{
  display: flex;
}
#wns-container .wns-free-hands .wns-free-hands-txt-wrap .wns-free-hands-list .icon{
  width: 3.90625vw;
  margin-right: 1.041667vw;
}
#wns-container .wns-free-hands .wns-free-hands-txt-wrap .wns-free-hands-list .wns-free-hands-txt{
  width: 22.197917vw;
}
#wns-container .wns-free-hands .wns-free-hands-img-wrap {
  width: 52.291667vw;
  margin-top: 5.145833vw;
}

#wns-container .wns-inout .sticky-container{
  position: relative;
  height: 300vh;
  --sticky-top: calc(50vh - (904 / 2 / 1920 * 100vw));
}
#wns-container .wns-inout .sticky-container .sticky-content{
  position: sticky;
  top: var(--sticky-top, 0);
}
#wns-container .wns-inout .wns-content-ws {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#wns-container .wns-inout .wns-inout-txt-wrap {
  width: 30.104167vw;
}
#wns-container .wns-inout .wns-inout-txt-wrap span{
  line-height: 1.25;
}
#wns-container .wns-inout .wns-inout-txt-wrap h2{
  margin-top: 1.041667vw;
}

#wns-container .wns-inout .wns-inout-swiper-wrap {
  width:47.291667vw;
  
}
#wns-container .wns-inout .wns-inout-swiper-wrap-mob{
  display: none;
}
#wns-container .wns-inout .wns-inout-swiper-wrap .wns-inout-img-wrap{
  width: 100%;
  height: 44.270833vw;
  overflow: hidden;
}
#wns-container .wns-inout .wns-inout-swiper-wrap .wns-inout-img {
  width: 100%;
}
#wns-container .wns-inout .wns-inout-swiper-wrap .wns-inout-img:not(:last-child){
  margin-bottom: 1.5625vw;
}
#wns-container .wns-inout .wns-inout-swiper-wrap .wns-inout-img-txt-wrap{
  position: relative;
  margin-top: 1.145833vw;
}
#wns-container .wns-inout .wns-inout-swiper-wrap .wns-inout-img-txt-wrap p{
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
#wns-container .wns-inout .wns-inout-swiper-wrap .wns-inout-img-txt-wrap p:nth-child(1){
  position: relative;
  z-index: 1;
  opacity: 1;
}
#wns-container .wns-inout .wns-inout-swiper-wrap .wns-inout-img-txt-wrap p:nth-child(2),
#wns-container .wns-inout .wns-inout-swiper-wrap .wns-inout-img-txt-wrap p:nth-child(3){
  width: 100%;
  position: absolute;
  top: 0;
}
#wns-container .wns-inout .wns-inout-img-wrap-content{
  width: 100%;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
#wns-container .wns-inout .wns-inout-swiper-wrap.animated1 .wns-inout-img-wrap-content{
  transform: translateY(-45.833333vw);
  -webkit-transform: translateY(-45.833333vw);
}
#wns-container .wns-inout .wns-inout-swiper-wrap.animated1 p.text-1,
#wns-container .wns-inout .wns-inout-swiper-wrap.animated2 p.text-1,
#wns-container .wns-inout .wns-inout-swiper-wrap.animated2 p.text-2{
  opacity: 0;
}
#wns-container .wns-inout .wns-inout-swiper-wrap.animated1 p.text-2,
#wns-container .wns-inout .wns-inout-swiper-wrap.animated2 p.text-3{
  opacity: 1;
  z-index: 1;
}
#wns-container .wns-inout .wns-inout-swiper-wrap.animated2 .wns-inout-img-wrap-content{
  transform: translateY(-91.666667vw);
  -webkit-transform: translateY(-91.666667vw);
}
#wns-container .wns-hd-peep-hole .wns-hd-peep-hole-txt-wrap {
  width: 40.4375vw;
}
#wns-container .wns-hd-peep-hole .wns-hd-peep-hole-txt-wrap span,
#wns-container .wns-hd-intelligent-capture .wns-hd-peep-hole-txt-wrap span{
  line-height: 1.25;
}
#wns-container .wns-hd-peep-hole .wns-hd-peep-hole-txt-wrap h2,
#wns-container .wns-hd-intelligent-capture .wns-hd-peep-hole-txt-wrap h2 {
  margin-top: 1.041667vw;
}
#wns-container .wns-hd-intelligent-capture .wns-hd-peep-hole-txt-wrap{
  width: 32.083333vw;
}
#wns-container .wns-hd-intelligent-capture .wns-hd-intelligent-capture-txt-content {
  width: 44.53125vw;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#wns-container .wns-hd-intelligent-capture .wns-hd-intelligent-capture-txt-content img {
  width: 3.90625vw;
}

#wns-container .wns-hd-intelligent-capture .wns-hd-intelligent-capture-txt-content span {
  display: block;
  margin-top: .520833vw;
}


#wns-container .wns-unlocking-methods .wns-unlocking-methods-txt-content {
  width: 30.052083vw;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  position: absolute;
  top: 16.145833vw;
  left: 61.354167vw;
}
#wns-container .wns-unlocking-methods .wns-unlocking-methods-txt-wrap .wns-unlocking-methods-txt-content{
 display: none;
}
#wns-container .wns-unlocking-methods .wns-unlocking-methods-txt-content img {
  width: 3.90625vw;
  display: block;
  margin: 0 auto;
  margin-bottom: .520833vw;
}

.wns-unlocking-methods-txt-content>div:not(:last-child){
  margin-right: 4vw;
}
.wns-unlocking-methods-txt-content>div:nth-child(4){
  margin-right: 0;
}
#wns-container .wns-unlocking-methods .wns-unlocking-methods-img-wrap{
  position: relative;
  overflow: hidden;
}
#wns-container .wns-component-details .wns-component-details-video {
  width: 100%;
}

#wns-container .wns-component-details .wns-component-details-video-bg {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

#wns-container .wns-component-details .wns-component-details-txt {
  width: 55.208333vw;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
}
#wns-container .wns-component-details .wns-component-details-txt p{
  line-height: 1.25;
}
#wns-container .wns-component-details .wns-component-details-txt h2 {
  margin-top: 1.041667vw;
}

#wns-container .wns-component-details .wns-component-details-txt a {
  display: inline-flex;
  color: #fff;
  border-radius: 4.604167vw;
  border: 2px solid rgba(255, 255, 255, 0.3);
  line-height: 24px;
  padding: 10px 24px;
}

#wns-container .wns-component-details .wns-component-details-txt a:hover {
  border: 2px solid rgba(255, 255, 255, 1);
}

#wns-container .wns-component-details .wns-component-details-txt a img {
  width:13px;
  margin-left: 0.416667vw;
}

#wns-container .wns-component-details .wns-component-details-pop {
  height: 100%;
  overflow: auto;
  padding: 3.958333vw 0;
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7;
  display: none;
}

#wns-container .wns-component-details .wns-component-details-pop::-webkit-scrollbar {
  display: none;
}

#wns-container .wns-component-details .wns-component-details-pop h2 {
  text-align: center;
  opacity: 0.33;
  margin-bottom: 1.25vw;
}

#wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-close {
  width: 2.291667vw;
  position: fixed;
  top: -1.083333vw;
  right: -3.010417vw;
  cursor: pointer;
}

#wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div1 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div1>div {
  width: 26.354167vw;
  position: relative;
}

#wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div1 p {
  position: absolute;
  bottom: 0.78125vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 {
  width: 100%;
  background-color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

#wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 div img {
  margin: 2.96875vw auto 2.708333vw auto;
}

#wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 p {
  margin-bottom: 2.96875vw;
}

#wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 .wns-component-details-pop-div2-wrap1 {
  width: 15.260417vw;
}

#wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 .wns-component-details-pop-div2-wrap2 {
  width: 19.166667vw;
}

#wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 .wns-component-details-pop-div2-wrap3 {
  width: 19.0625vw;
}

#wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 .wns-component-details-pop-div2-wrap1 p {
  margin-left: 1.25vw;
}

#wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 .wns-component-details-pop-div2-wrap2 p {
  margin-left: 1.666667vw;
}

#wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 .wns-component-details-pop-div2-wrap3 p {
  margin-left: 1.666667vw;
}

#wns-container .wns-security-protection {
  text-align: center;
  height: 210vh;
}

#wns-container .wns-security-protection p.wns-txt-bg-s {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
}
#wns-container .wns-security-protection p{
  line-height: 1.25;
}
#wns-container .wns-security-protection h2 {
  margin: 1.041667vw auto 3.125vw;
}

#wns-container .wns-security-protection .wns-security-protection-img-wrap {
  width: 18.333333vw;
  margin-top: 0.78125vw;
}

#wns-container .wns-security-protection .wns-content-ws {
  /* height: calc(var(--wns-sticky-h) + 2vw); */
  height: auto;
  position: -webkit-sticky;
  position: sticky;
  top: var(--wns-nav);
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}

#wns-container .wns-security-protection .wns-security-protection-txt-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: calc(0.78125vw - 1vw);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#wns-container .wns-security-protection .wns-security-protection-txt-wrap .wns-security-protection-txt-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

#wns-container .wns-security-protection .wns-security-protection-txt-wrap .wns-security-protection-txt-content:not(:last-child) {
  margin-bottom: 5.208333vw;
}

#wns-container .wns-security-protection .wns-security-protection-txt-left,
#wns-container .wns-security-protection .wns-security-protection-txt-right {
  width: 23.75vw;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

#wns-container .wns-security-protection .wns-security-protection-img-div {
  width: 3.90625vw;
  height: 3.90625vw;
}

#wns-container .wns-security-protection .wns-security-protection-txt-div {
  width: 18.489583vw;
  text-align: left;
}

#wns-container .wns-security-protection .wns-security-protection-txt-div p {
  font-weight: bold;
}

#wns-container .wns-security-protection .wns-security-protection-txt-div span.wns-txt-white-60 {
  color: #fff;
  opacity: 0.6;
}
#wns-container .wns-family-care .wns-inout-txt-wrap{
  width: 41.145833vw;
  margin: 0 auto 3.125vw auto;
}
#wns-container .wns-family-care .wns-inout-txt-wrap span{
  line-height: 1.25;
}
#wns-container .wns-family-care .wns-inout-txt-wrap h2{
  margin-top: 1.041667vw;
}
#wns-container .wns-family-care .wns-family-care-img-wrap{
  position: relative;
}
#wns-container .wns-family-care .wns-family-care-icon-list{
  left: 81.770833vw;
}
#wns-container .wns-battery-life .wns-content-wf {
  width: 69.791667vw;
  margin: 0 auto;
}

#wns-container .wns-battery-life .wns-battery-life-title {
  text-align: center;
  margin-bottom: 4.166667vw;
}

#wns-container .wns-battery-life .wns-battery-life-title p {
  width: 74%;
  margin: 0 auto;
}

#wns-container .wns-battery-life .wns-battery-life-img {
  width: 65.364583vw;
  margin: 0 auto;
}

#wns-container .wns-battery-life .wns-battery-life-dis {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-top: -2.083333vw;
}

#wns-container .wns-battery-life .wns-battery-life-dis .wns-battery-life-span-m {
  vertical-align: middle;
}
#wns-container .wns-battery-life .wns-battery-life-dis .wns-txt-white-80{
  color: rgba(255, 255, 255, 0.6);
}

#wns-container .wns-os-connect .wns-content-ws {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#wns-container .wns-os-connect .wns-os-connect-txt-wrap {
  width: 26.822917vw;
  margin-top: 7.604167vw;
}

#wns-container .wns-os-connect .wns-os-connect-txt-wrap p {
  display: inline-block;
  line-height: 1.25;
}

#wns-container .wns-os-connect .wns-os-connect-txt-wrap h2 {
  margin-top: 1.041667vw;
}

#wns-container .wns-os-connect .wns-os-connect-img-wrap {
  width: 47.291667vw;
}

#wns-container .wns-os-connect .wns-os-connect-img-wrap .wns-os-connect-swiper {
  position: relative;
  height: 44.114583vw;
  overflow: hidden;
}

#wns-container .wns-os-connect .wns-os-connect-img-wrap .wns-os-connect-swiper .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important;
  overflow: hidden;
}

#wns-container .wns-os-connect .wns-os-connect-img-wrap .wns-os-connect-swiper .swiper-slide {
  position: absolute;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  will-change: transform;
  overflow: hidden;
}

#wns-container .wns-os-connect .wns-os-connect-img-wrap .wns-os-connect-swiper .swiper-slide:not(:first-child) {
  -webkit-transform: translateY(101%);
  transform: translateY(101%);
}

#wns-container .wns-os-connect .wns-os-connect-img-wrap .wns-os-connect-swiper .swiper-slide.wns-tranformY0 {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

#wns-container .wns-os-connect .wns-os-connect-img-wrap .wns-os-connect-swiperControl {
  width: 9.375vw;
  position: absolute;
  left: 0;
  top: 33.4375vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#wns-container .wns-os-connect .wns-os-connect-img-wrap .swiper-button-prev {
  left: 0;
  background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/smart-lock/smart-lock/images/svg/huawei-smart-lock-swiper-btn-white-left.svg) 100% 100% no-repeat;
}

#wns-container .wns-os-connect .wns-os-connect-img-wrap .swiper-button-next {
  right: 0;
  background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/smart-lock/smart-lock/images/svg/huawei-smart-lock-swiper-btn-white-right.svg) 100% 100% no-repeat;
}

#wns-container .wns-os-connect .wns-os-connect-img-wrap .swiper-button-next,
#wns-container .wns-os-connect .wns-os-connect-img-wrap .swiper-button-prev {
  position: relative;
  width: 1.71875vw;
  height: 1.71875vw;
  background-size: cover;
  outline: none;
  margin-top: 0;
}

#wns-container .wns-os-connect .wns-os-connect-img-wrap .swiper-button-next:after,
#wns-container .wns-os-connect .wns-os-connect-img-wrap .swiper-container-rtl .swiper-button-prev:after,
#wns-container .wns-os-connect .wns-os-connect-img-wrap .swiper-button-prev:after,
#wns-container .wns-os-connect .wns-os-connect-img-wrap .swiper-container-rtl .swiper-button-next:after {
  content: none;
}

#wns-container .wns-os-connect .wns-os-connect-img-wrap .swiper-pagination {
  width: 5.208333vw;
  position: relative;
  bottom: 0;
}

#wns-container .wns-os-connect .wns-os-connect-swiperText {
  margin-top: 1.197917vw;
  text-align: center;
  height: 1.666667vw;
  overflow: hidden;
}

#wns-container .wns-os-connect .wns-os-connect-swiperText .wns-os-connect-swiperText-wrap {
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  will-change: transform;
}

#wns-container .wns-diagram .wns-diagram-txt-wrap {
  text-align: center;
}

#wns-container .wns-diagram .wns-diagram-txt-wrap h2 {
  display: inline-block;
}

#wns-container .wns-diagram .wns-diagram-txt-wrap p {
  width: 67%;
  margin-left: auto;
  margin-right: auto;
}

#wns-container .wns-diagram .wns-diagram-video {
  width: 100%;
  margin-bottom: 5.208333vw;
}

#wns-container .wns-diagram .wns-diagram-dis-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#wns-container .wns-diagram .wns-diagram-dis-wrap .wns-diagram-dis {
  width: 25%;
  padding: 3.385417vw 0;
  text-align: center;
  border-right: 1px solid #2C2C2C;
}

#wns-container .wns-diagram .wns-diagram-dis-wrap .wns-diagram-dis:nth-child(-n+4) {
  border-bottom: 1px solid #2C2C2C;
}

#wns-container .wns-diagram .wns-diagram-dis-wrap .wns-diagram-dis:nth-child(4n) {
  border-right: 0;
}

#wns-container .wns-diagram .wns-diagram-dis-wrap .wns-diagram-svg1 {
  width: 1.666667vw;
  margin-bottom: 0.9375vw;
}

#wns-container .wns-diagram .wns-diagram-dis-wrap .wns-diagram-svg2 {
  width: 1.875vw;
  margin-bottom: 1.40625vw;
}

#wns-container .wns-service .wns-content-ws {
  text-align: center;
}

#wns-container .wns-service .wns-content-ws h2 {
  display: inline-block;
}

#wns-container .wns-service .wns-service-img-wrap {
  width:49.0625vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.125vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}


#wns-container .wns-service .wns-service-img-wrap .wns-service-img-content img {
  width: 3.90625vw;
  margin-bottom:1.041667vw;
}

#wns-container .wns-service .wns-service-img-wrap  .wns-service-img{
  width: 100%;
}
#wns-container .wns-service .wns-service-btn-wrap {
  display: inline-block;
  position: relative;
}

#wns-container .wns-service .wns-service-btn-wrap a {
  display: inline-block;

  color: #fff;
  margin-top: 1.302083vw;
  border-radius: 4.604167vw;
  border: 2px solid rgba(255, 255, 255, 0.3);
  line-height: 24px;
  padding: 10px 24px;
}

#wns-container .wns-service .wns-service-btn-wrap a:hover {
  border: 2px solid rgba(255, 255, 255, 1);
}

#wns-container .wns-service .wns-service-btn-wrap a span {
  display: inline-block;
  margin-left: 0.3125vw;
}

#wns-container .wns-service .wns-service-btn-wrap .wns-service-pop-wrap {
  position: absolute;
  right: 0;
  top: calc(-153px / 2 + 1.302083vw + 24px);
  -webkit-transform: translateX(calc(100% + 2.447917vw));
  transform: translateX(calc(100% + 2.447917vw));
  display: none;
}

#wns-container .wns-service .wns-service-btn-wrap .wns-service-pop-wrap img {
  width: 159px;
}

#wns-container .wns-disclaimer-wrap {
  width:82.1875vw;
  margin-left: auto;
  margin-right: auto;
}

#wns-container .wns-disclaimer-wrap .wns-disclaimer {
  padding-left: 1.8em;
  list-style-type: decimal;
  font-size: 12px;
}

@media (min-width: 1920px) {
  #wns-container .wns-disclaimer-wrap .wns-disclaimer,
  #wns-container .wns-kv .wns-kv-powered p {
    font-size: 0.625vw;
  }
}
#wns-container .wns-disclaimer-wrap .wns-disclaimer.wns-txt-white-80 {
  color: #B8B8B8;
}

#wns-container .wns-disclaimer-wrap .wns-disclaimer li {
  line-height: 1.6em;
  padding-left: 0.5em;
}

#wns-container .wns-disclaimer-wrap .wns-disclaimer li.active {
  color: #FFFFFF;
}

/* IE */
.static-style .wns-show-ie {
  display: block;
}

.static-style .wns-container .wns-animation-up {
  opacity: 1;
}

.static-style #wns-container .wns-design-camera {
  height: auto;
  margin-top: 0;
}

.static-style #wns-container .wns-design-camera .wns-content-wf {
  height: auto;
  position: relative;
  top: 0;
  display: block;
  margin-bottom: 0;
}

.static-style #wns-container .wns-design-camera .wns-design-camera-text-wrap {
  top: 0px;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.static-style #wns-container .wns-design-camera .wns-design-camera-content {
  opacity: 1;
}



.static-style #wns-container .wns-component-details .wns-component-details-pop {
  z-index: 150;
}

.static-style #wns-container .wns-security-protection {
  height: auto;
}

.static-style #wns-container .wns-security-protection .wns-security-protection-txt-wrap {
  top: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.static-style #wns-container .wns-security-protection .wns-security-protection-txt-left,
.static-style #wns-container .wns-security-protection .wns-security-protection-txt-right {
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
}

.static-style #wns-container .wns-os-connect .wns-os-connect-swiper .swiper-slide img {
  width: 99%;
  margin: 0 auto;
  display: block;
}

.static-style #wns-container .wns-service .wns-service-btn-wrap .wns-service-pop-wrap {
  -webkit-transform: translateX(195px);
  transform: translateX(195px);
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  :root {
    --wns-content-ws: 83.333334%;
    --wns-nav: 96px;
    --wns-sticky-h: calc(100vh - var(--wns-nav));
    --wns-spc-200: 27.777778vw;
    --wns-spc-120: 16.666667vw;
    --wns-spc-80: 13.888889vw;
    --wns-spc-60: 8.333333vw;
    --wns-spc-40: 5.555556vw;
    --wns-spc-30: 5.555556vw;
    --wns-spc-10: 2.777778vw;
    --wns-txt-153: 16.666667vw;
    --wns-txt-120: 13.333333vw;
    --wns-txt-80: 13.333333vw;
    --wns-txt-64: 8.888889vw;
    --wns-txt-48: 6.666667vw;
    --wns-txt-32: 4.444444vw;
    --wns-txt-24: 3.333333vw;
    --wns-txt-22: 3.333333vw;
    --wns-txt-16: 3.611111vw;
    --wns-txt-13: 13px;
    --wns-txt-12: 12px;
    --wns-xin-txt-40: 6.666667vw;
    --wns-xin-txt-20-b: 3.333333vw;
    --wns-xin-txt-20-m: 3.055556vw;
    --wns-xin-txt-20-s: 2.777778vw;
  }

  .wns-container .wns-img-border-radius {
    border-radius: 2.777778vw;
  }

  .wns-container .wns-img-border-radius-s {
    border-radius: 1.388889vw;
  }

  .wns-container .wns-showmob {
    display: block;
  }

  .wns-container .wns-showpc {
    display: none;
  }
  .wns-container .wns-move{
    margin-right: -8.888889vw;
  }
  .wns-container .wns-content-ws {
    width: 83.333334%;
    width: var(--wns-content-ws);
  }

  @-webkit-keyframes fadeInUp {
    from {
      -webkit-transform: translateY(8vw);
      transform: translateY(8vw);
      opacity: 0;
    }

    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }

  @keyframes fadeInUp {
    from {
      -webkit-transform: translateY(8vw);
      transform: translateY(8vw);
      opacity: 0;
    }

    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }

  #wns-container .wns-reason .wns-sellpoint-arrow {
    width: 5.4vw !important;
    height: 5.4vw;
    bottom: 2.666667vw;
    right: 2.666667vw;
  }

  #wns-container .wns-kv .wns-kv-container {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin-top: 18.75vw;
    z-index: 1;
  }

  #wns-container .wns-kv .wns-kv-video-wrap {
    margin-top: 1.041667vw;
  }
  #wns-container .wns-kv .wns-kv-container a {
    display: inline-flex;
}
  #wns-container .wns-kv .wns-kv-container .wns-kv-title {
    width: 60.91%;
  }

  #wns-container .wns-kv .wns-kv-container .wns-kv-buy {
    margin-top: 3.472222vw;
    border-radius: 50px;
  }

  #wns-container .wns-kv .wns-kv-container p.wns-xin-txt-20-b {
    font-size: 2.5vw;
    margin-top: 5.555556vw;
  }

  #wns-container .wns-kv .wns-kv-price>div h2 {
    font-size: 5.555556vw;
  }

  #wns-container .wns-kv .wns-kv-price .wns-kv-item1 {
    padding-right: 8px;
    margin-right: 8px;
  }

  #wns-container .wns-kv .wns-kv-price>div p,
  #wns-container .wns-kv .wns-kv-price>div h2 span {
    font-size: 3.611111vw;
  }

  #wns-container .wns-kv .wns-kv-price {
    margin-top: 7.5vw;
  }

  #wns-container .wns-kv .wns-kv-picture{
    margin-top: -4.861111vw;
  }

  #wns-container .wns-kv .wns-kv-video-wrap {
    margin-top: 8.333333vw;
  }

  #wns-container .wns-kv .wns-kv-video-wrap img {
    width: 4.583333vw;
    margin-left: 1.111111vw;
  }

  #wns-container .wns-kv .wns-kv-powered {
    bottom: 5.555556vw;
    right: 12.777778vw;
  }

  #wns-container .wns-kv .wns-kv-powered p {
    font-size: 2.222222vw;
  }

  #wns-container .wns-kv .wns-kv-powered .wns-kv-svg-wrap {
    max-width: 22.145833vw;
    margin-bottom: 1.388889vw;
  }
  #wns-container .wns-reason .wns-reason-content{
    display: flex;
    flex-wrap: wrap;
  }
  #wns-container .wns-reason .wns-reason-content .wns-reason-wrap2{
    width: 100%;
    order: -1;
    margin: 0;
   
  }
  #wns-container .wns-reason .wns-reason-content .wns-reason-wrap1{
   width: 40.277778vw;
    order: 0;
  }
  #wns-container .wns-reason .wns-reason-content .wns-reason-wrap1,#wns-container .wns-reason .wns-reason-content .wns-reason-wrap4{
    margin-right: 2.777778vw;
  }
  #wns-container .wns-reason .wns-reason-content .wns-reason-wrap3, #wns-container .wns-reason .wns-reason-content .wns-reason-wrap4,
  #wns-container .wns-reason .wns-reason-content .wns-reason-wrap5{
    width: 40.277778vw;
  }
  #wns-container .wns-reason .wns-reason-content .wns-reason-wrap5{
    margin: 0;
  }
  #wns-container .wns-reason .wns-reason-content .wns-reason-wrap:nth-child(4),
  #wns-container .wns-reason .wns-reason-content .wns-reason-wrap:nth-child(6){
    margin-top: 0;
  }
  
  #wns-container .wns-reason .wns-reason-content .wns-reason-wrap.wns-showmob{
    display: inline-block;
  }
  #wns-container .wns-reason .wns-reason-content .wns-reason-wrap:last-child {
    width: 100%;
  }

  #wns-container .wns-reason .wns-reason-content .wns-reason-wrap:not(:last-child) {
    margin-bottom: 2.777778vw;
  }

  #wns-container .wns-reason .wns-reason-content .wns-reason-wrap p {
    top: 2.777778vw;
    left: 2.777778vw;
  }

  #wns-container .wns-product-video .wns-s3-video-btn-img {
    width: 5.972222vw;
    margin-left: 0.972222vw;
  }

  #wns-container .wns-product-video .wns-s3-video-btn {
    bottom: 11.527778vw;
    right: 8.333333vw;
  }
  #wns-container .wns-video-dis{
    font-size: 2.777778vw;
    margin-top: 2.638889vw;
  }
  #wns-container .wns-design-camera {
    margin-top: 0;
  }

  #wns-container .wns-design-camera .wns-content-wf {
    display: block;
    height: auto;
    margin-bottom: 0;
  }

  #wns-container .wns-design-camera .wns-design-camera-text-wrap {
    margin: 0 0 8.333333vw 0;
  }

  #wns-container .wns-design-camera .wns-design-camera-text {
    width: 83.3334%;
    padding-right: 0;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  #wns-container .wns-design-camera .wns-design-camera-text h2 {
    width: 100%;
    margin-bottom: 4.166667vw;
    order: 1;
  }

  #wns-container .wns-design-camera .wns-design-camera-content p {
    margin-top: 3.055556vw;
  }

  #wns-container .wns-design-camera .wns-design-camera-text p {
    width: 100%;
    order: 2;
  }

  #wns-container .wns-design-camera .wns-design-camera-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #wns-container .wns-design-camera .wns-design-camera-content div:nth-child(1),
  #wns-container .wns-design-camera .wns-design-camera-content div:nth-child(2) {
    width: 100%;
  }

  #wns-container .wns-design-camera .wns-design-camera-content div:nth-child(1) {
    margin-bottom: 10.694444vw;
  }
  #wns-container .wns-3d-face-title .wns-3d-face-text{
    width: 78%;
    margin: 0 auto;
  }
  #wns-container .wns-3d-face-title .wns-3d-face-text h2.wns-txt-80{
    font-size: 8.888889vw;
    margin-bottom: 0;
  }
  #wns-container .wns-3d-face-title .wns-3d-face-text h2.wns-txt-153{
    text-align: center;
    margin-top: 11.111111vw;
  }
  #wns-container .wns-3d-face .wns-3d-face-text {
    width: 83.33334%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #wns-container .wns-3d-face .wns-3d-face-text h2 {
    width: 100%;
    margin-bottom: 4.166667vw;
    text-align: center;
  }
  #wns-container .wns-3d-face .wns-3d-face-text h2 p{
    margin-bottom: 1.388889vw;
  }

  #wns-container .wns-3d-face .wns-3d-face-text-wrap {
    display: block;
    width: 104.33334%;
    margin: 0 auto;
    text-align: center;
  }
 
  #wns-container .wns-3d-face .wns-3d-face-text .wns-3d-face-icon-list{
    margin-top: 8.333333vw;
    justify-content: center;
    margin-left: 0;
  }
  #wns-container .wns-3d-face .wns-3d-face-text .wns-3d-face-icon-list li:first-child{
    margin-right: 19.444444vw;
  }
  #wns-container .wns-family-care .wns-inout-txt-wrap .wns-family-care-icon-list{
    position: static;
    display: flex;
    flex-direction: row;
  }
  #wns-container .wns-3d-face .wns-3d-face-img-wrap{
    width: 100%;
  }
  #wns-container .wns-family-care .wns-family-care-icon-list li:not(:last-child){
    margin: 0;
  }
  #wns-container .wns-family-care .wns-inout-txt-wrap .wns-family-care-icon-list li:nth-child(2){
    margin-left: 14.097222vw;
    margin-right: 18.222222vw;
  }
  #wns-container .wns-family-care .wns-family-care-icon-list .icon{
    width: 13.055556vw;
    margin-bottom: 2.777778vw;
  }
  #wns-container .wns-3d-face .wns-3d-face-text .wns-3d-face-icon-list p,
  #wns-container .wns-family-care .wns-family-care-icon-list p{
    font-size: 2.777778vw;
  }
  #wns-container .wns-3d-face .wns-3d-face-text-wrap>div:last-child {
    margin-right: 0;
  }
  #wns-container .wns-family-care .wns-family-care-img-wrap .wns-family-care-icon-list{
    display: none;
  }
 
  #wns-container .wns-free-hands .wns-content-ws {
    width: 91.666667vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #wns-container .wns-free-hands .wns-free-hands-txt-wrap {
    width: 91%;
    margin: 0 auto 8.333333vw;
    text-align: center;
  }

  #wns-container .wns-free-hands .wns-free-hands-txt-wrap h2 {
    margin-top: 1.388889vw;
    margin-bottom: 4.166667vw;
  }
  #wns-container .wns-free-hands .wns-free-hands-txt-wrap .wns-free-hands-list{
    display: flex;
  }
  #wns-container .wns-free-hands .wns-free-hands-txt-wrap .wns-free-hands-list li{
   flex-direction: column;
   margin: 0;
  }
  #wns-container .wns-free-hands .wns-free-hands-txt-wrap .wns-free-hands-list li p{
    font-size: 3.055556vw;
  }
  #wns-container .wns-free-hands .wns-free-hands-txt-wrap .wns-free-hands-list li p:first-child{
    margin-bottom: 2.777778vw;
  }
  #wns-container .wns-free-hands .wns-free-hands-txt-wrap .wns-free-hands-list li:nth-child(2){
    margin-left:9.444444vw;
    margin-right: 9.75vw;
  }
  #wns-container .wns-free-hands .wns-free-hands-txt-wrap .wns-free-hands-list .icon{
    width: 13.055556vw;
    margin: 0 auto 1.388889vw;
  }
  #wns-container .wns-free-hands .wns-free-hands-img-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
  }


  #wns-container .wns-free-hands .wns-free-hands-img-wrap p {
    margin-top: 3.055556vw;
  }
  #wns-container .wns-free-hands .wns-free-hands-img-wrap .wns-free-hands-img .wns-free-hands-img-mask-bg{
    width: 87.222222vw;
  }
  #wns-container .wns-free-hands .wns-free-hands-img-wrap .wns-free-hands-img-mask .border{
    width: 4.722222vw;
    height: 4.722222vw;
    border-width: .833333vw;
  }
  #wns-container .wns-free-hands .wns-free-hands-img-wrap .wns-free-hands-img .wns-free-hands-img-mask-icon{
    width: 13.472222vw;
    top: 25vw;
    left: 34.027778vw;
  }
  #wns-container .wns-free-hands .wns-free-hands-img-wrap .wns-free-hands-img2 .wns-free-hands-img-mask-icon{
    top: 19.513889vw;
    left: 29.722222vw;
  }
  #wns-container .wns-free-hands .wns-free-hands-img-wrap .wns-free-hands-img3 .wns-free-hands-img-mask-icon{
    top: 20.486111vw;
    left: 35vw;
  }
  #wns-container .wns-free-hands .wns-free-hands-img-wrap .wns-free-hands-img1, 
  #wns-container .wns-free-hands .wns-free-hands-img-wrap .wns-free-hands-img2{
    margin-right: 4.166667vw;
  }
  #wns-container .wns-free-hands .wns-free-hands-img-wrap.animated .wns-free-hands-img-mask{
    width: 77.777778vw;
    height: 81.666667vw;
  }
 
  #wns-container .wns-free-hands .wns-free-hands-img-wrap.animated .wns-free-hands-img1 .wns-free-hands-img-mask-bg{
    transform: translateX(2px);
     -webkit-transform: translateX(2px);
  }
  #wns-container .wns-free-hands .wns-free-hands-img-wrap.animated .wns-free-hands-img-wrap-content{
    transform: translateX(-87.5vw);
    -webkit-transform: translateX(-87.5vw);
  }
  #wns-container .wns-free-hands .wns-free-hands-img-wrap.animated .wns-free-hands-img2 .wns-free-hands-img-mask-icon{
    opacity: 1;
  }
  #wns-container .wns-free-hands .wns-free-hands-img-wrap.animated .wns-free-hands-img2 .wns-free-hands-img-mask-bg{
    transform: translateX(2px);
    -webkit-transform: translateX(2px);
  }
  #wns-container .wns-free-hands .wns-free-hands-img-wrap.actived .wns-free-hands-img-wrap-content{
    transform: translateX(-175vw);
    -webkit-transform: translateX(-175vw);
  }
  #wns-container .wns-free-hands .wns-free-hands-img-wrap.actived .wns-free-hands-img3 .wns-free-hands-img-mask-icon{
    opacity: 1;
  }
  #wns-container .wns-free-hands .wns-free-hands-img-wrap.actived .wns-free-hands-img3 .wns-free-hands-img-mask-bg{
    transform: translateX(2px);
     -webkit-transform: translateX(.277778vw);
  }

  #wns-container .wns-inout .sticky-container{
    height: auto;
    --sticky-top: calc(50vh - (1111 / 2 / 720 * 100vw));
  }
  #wns-container .wns-inout .sticky-content{
    position: relative;
    top: 0;
  }
  #wns-container .wns-inout .wns-content-ws {
    width: 100%;
    flex-direction: column;
  }

  #wns-container .wns-inout .wns-inout-txt-wrap {
    width: 83.3334%;
    text-align: center;
  }

  #wns-container .wns-inout .wns-inout-txt-wrap h2 {
    margin-top: 1.388889vw;
    margin-bottom: 4.166667vw;
  }

  #wns-container .wns-inout .wns-inout-swiper-wrap {
    width: 83.3334%;
    position: relative;
  }
  #wns-container .wns-inout .wns-inout-swiper-wrap-mob{
    display: block;
  }
  #wns-container .wns-inout .wns-inout-swiper-wrap .wns-inout-img-wrap{
    height: 97.222222vw;
  }
  #wns-container .wns-inout .wns-inout-swiper-wrap .wns-inout-img:not(:last-child){
    margin-bottom: 4.166667vw;
  }

  #wns-container .wns-inout .wns-inout-swiper-wrap .swiper-button-next:after,
  #wns-container .wns-inout .wns-inout-swiper-wrap .swiper-container-rtl .swiper-button-prev:after,
  #wns-container .wns-inout .wns-inout-swiper-wrap .swiper-button-prev:after,
  #wns-container .wns-inout .wns-inout-swiper-wrap .swiper-container-rtl .swiper-button-next:after {
    content: none;
  }
  #wns-container .wns-inout .wns-inout-swiper-wrap .swiper-button-next {
    background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/smart-lock/smart-lock/images/svg/huawei-smart-lock-swiper-btn-white-right.svg) 100% 100% no-repeat;
    right: -7.916667vw;
  }

  #wns-container .wns-inout .wns-inout-swiper-wrap .swiper-button-prev {
    background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/smart-lock/smart-lock/images/svg/huawei-smart-lock-swiper-btn-white-left.svg) 100% 100% no-repeat;
    left: -7.916667vw;
  }
  #wns-container .wns-inout .wns-inout-swiper-wrap .swiper-button-prev,
  #wns-container .wns-inout .wns-inout-swiper-wrap .swiper-button-next {
    width: 6.944444vw;
    height: 6.944444vw;
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: cover;
    outline: none;
  }
  #wns-container .wns-inout .wns-inout-swiper-wrap p {
    text-align: center;
    margin-top: 3.888889vw;
    color: rgba(255, 255, 255, 0.8);
  }
  #wns-container .wns-hd-intelligent-capture .wns-content-ws{
    width: 100%;
  }
  #wns-container .wns-hd-intelligent-capture .wns-hd-peep-hole-txt-wrap{
    width: 82.3334%;
    margin: 0 auto 8.333333vw;
    text-align: center;
  }
  #wns-container .wns-hd-intelligent-capture .wns-hd-peep-hole-txt-wrap h2{
    margin-top:1.388889vw;
    margin-bottom: 4.166667vw;
  }
  #wns-container .wns-hd-intelligent-capture .wns-hd-intelligent-capture-txt-content{
    width: 61.166667vw;
    margin: 0 auto 8.333333vw;
    flex-wrap: wrap;
  }
  #wns-container .wns-hd-intelligent-capture .wns-hd-intelligent-capture-txt-content img{
    width: 13.055556vw;
    margin-bottom: 2.777778vw;
  }
  #wns-container .wns-hd-intelligent-capture .wns-hd-intelligent-capture-txt-content span{
    margin-top: 0;
  }
  #wns-container .wns-hd-intelligent-capture .wns-hd-intelligent-capture-txt-content>div:nth-child(-n+2){
    margin-bottom: 5.555556vw;
  }
  #wns-container .wns-hd-intelligent-capture .wns-hd-intelligent-capture-txt-content>div:nth-child(odd){
    margin-right: 15.166667vw;
    width: 27.41%;
  }
  #wns-container .wns-hd-intelligent-capture .wns-hd-intelligent-capture-txt-content>div:nth-child(even){
    width: 47.42%;
  }
  #wns-container .wns-hd-peep-hole .wns-hd-peep-hole-txt-wrap,
  #wns-container .wns-hd-peep-hole .wns-hd-peep-hole-txt-wrap p {
    width: 99%;
    text-align: center;
  }

  #wns-container .wns-hd-peep-hole .wns-hd-peep-hole-txt-wrap h2 {
    margin-top: 1.388889vw;
    margin-bottom: 4.166667vw;
  }

  #wns-container .wns-hd-peep-hole .wns-hd-peep-hole-txt-content {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  #wns-container .wns-hd-peep-hole .wns-hd-peep-hole-txt-content>div {
    width: 50%;
  }

  #wns-container .wns-hd-peep-hole .wns-hd-peep-hole-txt-content>div:nth-child(-n+2) {
    margin-bottom: 5.277778vw;
  }
  #wns-container .wns-hd-peep-hole .wns-hd-peep-hole-img-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #wns-container .wns-hd-intelligent-capture .wns-hd-peep-hole-img-wrap img{
    border-radius: 0;
  }
  #wns-container .wns-hd-peep-hole .wns-hd-peep-hole-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 0;
  }

  #wns-container .wns-hd-peep-hole .wns-hd-peep-hole-txt-content img {
    width: 10.416667vw;
  }

  #wns-container .wns-hd-peep-hole .wns-hd-peep-hole-txt-content span {
    margin-top: 1.805556vw;
  }

  #wns-container .wns-unlocking-methods .wns-unlocking-methods-txt-wrap .wns-unlocking-methods-txt-content {
    width: 87.5%;
    position: static;
    display: flex;
  }
  #wns-container .wns-unlocking-methods .wns-unlocking-methods-txt-wrap .wns-unlocking-methods-txt-content{
    width: 84.055556vw;
  }
  .wns-unlocking-methods-txt-content>div:nth-child(1){
    margin-right: 9.305556vw;
  }
  .wns-unlocking-methods-txt-content>div:nth-child(2){
    margin-right: 5vw;
  }
  .wns-unlocking-methods-txt-content>div:nth-child(3){
    margin-right: 5.902778vw;
  }
  .wns-unlocking-methods-txt-content>div:nth-child(4){
    margin-right: 0;
  }
  .wns-unlocking-methods-txt-content>div:nth-child(5){
    margin-right: 3.722222vw;
  }
  .wns-unlocking-methods-txt-content>div:nth-child(6){
    margin-right: 10.111111vw;
  }
  #wns-container .wns-unlocking-methods .wns-unlocking-methods-txt-content>div{
    margin-bottom: 0;
  }
  #wns-container .wns-unlocking-methods .wns-unlocking-methods-txt-content>div:nth-child(-n+4) {
    margin-bottom: 5.555556vw;
  }
  #wns-container .wns-unlocking-methods .wns-unlocking-methods-txt-content img {
    width: 13.055556vw;
    margin-bottom: 2.777778vw;
  }
  #wns-container .wns-unlocking-methods .wns-unlocking-methods-txt-content p{
    color: rgba(255, 255, 255, 0.5);
  }
  #wns-container .wns-unlocking-methods .wns-unlocking-methods-img-wrap .wns-unlocking-methods-txt-content{
    display: none;
  }
  #wns-container .wns-inout-title .wns-3d-face-text h2.wns-txt-80{
    font-size: 8.333333vw;
    margin-bottom: 11.111111vw;
  }
  #wns-container .wns-component-details .wns-component-details-txt {
    width: 79.3334%;
  }

  #wns-container .wns-component-details .wns-component-details-txt h2 {
    margin-top: 1.388889vw;
    margin-bottom: 4.166667vw;
  }
  #wns-container .wns-component-details .wns-component-details-txt p.wns-mb-120{
    margin-bottom: 13.888889vw;
  }
  #wns-container .wns-component-details .wns-component-details-txt a {
    border-radius: 50px;
    /* font-size: 2.777778vw;
    padding: 1.388889vw 4.166667vw; */
  }

  #wns-container .wns-component-details .wns-component-details-txt a img {
    width: 13px;
    margin-left: 0.555556vw;
  }

  #wns-container .wns-component-details .wns-component-details-video-bg {
    height: 101%;
  }

  #wns-container .wns-component-details .wns-component-details-pop {
    padding: 11.25vw 0;
  }

  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-close {
    width: 6.111111vw;
    top: 4.027778vw;
    right: 1.11112vw;
  }

  #wns-container .wns-component-details .wns-component-details-pop h2 {
    font-size: 6.25vw;
    margin-bottom: 2.916667vw;
  }

  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div1 p {
    position: relative;
    bottom: 0;
    margin-top: 3.472222vw;
    text-align: center;
  }

  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div1>div {
    width: 100%;
  }

  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div1>div:nth-child(-n+2) {
    margin-bottom: 5.555556vw;
  }

  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 .wns-component-details-pop-div2-wrap1 {
    width: 100%;
    text-align: center;
  }

  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 .wns-component-details-pop-div2-wrap1 img {
    width: 29.861111vw;
    margin: 5.555556vw auto 2.361111vw;
  }

  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 .wns-component-details-pop-div2-wrap2 {
    width: 33.333333vw;
  }

  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 .wns-component-details-pop-div2-wrap3 {
    width: 36.527778vw;
  }

  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 p {
    margin-bottom: 9.722222vw;
  }

  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 div img {
    margin: 0 auto 4.444444vw auto;
  }

  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 p {
    font-size: 2.5vw;
  }

  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 .wns-component-details-pop-div2-wrap2 p,
  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 .wns-component-details-pop-div2-wrap3 p {
    color: #B1B1B1;
  }

  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 .wns-component-details-pop-div2-wrap1 p {
    margin-left: 3.333333vw;
  }

  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 .wns-component-details-pop-div2-wrap2 p {
    margin-left: 0;
  }

  #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-div2 .wns-component-details-pop-div2-wrap3 p {
    margin-left: 4.166667vw;
    margin-top: 0.6vw;
  }

  #wns-container .wns-security-protection {
    height: 300vh;
  }

  #wns-container .wns-security-protection h2 {
    margin: 3.194444vw auto 2.222222vw;
  }

  #wns-container .wns-security-protection .wns-content-ws {
    width: 90.972222vw;
    /* height: calc(var(--wns-sticky-h)); */
    height: calc(155.555556vw + 8.888889vw);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: visible;
  }

  #wns-container .wns-security-protection .wns-security-protection-img-wrap {
    width: 39.166667vw;
    margin-right: 6.666667vw;
    margin-top: 8.888889vw;
  }

  #wns-container .wns-security-protection .wns-security-protection-txt-wrap {
    width: 45.138889vw;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
    position: relative;
    top: 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    margin-top: 8.888889vw;
  }

  #wns-container .wns-security-protection .wns-security-protection-txt-left,
  #wns-container .wns-security-protection .wns-security-protection-txt-right {
    width: 100%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }

  #wns-container .wns-security-protection .wns-security-protection-txt-wrap .wns-security-protection-txt-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #wns-container .wns-security-protection .wns-security-protection-img-div {
    width: 10.416667vw;
    height: 10.416667vw;
  }

  #wns-container .wns-security-protection .wns-security-protection-txt-div {
    width: 100%;
  }

  #wns-container .wns-security-protection .wns-security-protection-txt-div p {
    margin: 1.527778vw auto 1.111111vw;
  }

  #wns-container .wns-security-protection .wns-security-protection-txt-div span {
    line-height: 1.4;
    display: inline-block;
  }

  #wns-container .wns-security-protection .wns-security-protection-txt-wrap .wns-security-protection-txt-content:not(:last-child) {
    margin-bottom: 3.333333vw;
  }

  #wns-container .wns-security-protection .wns-security-protection-txt-left {
    margin-bottom: 3.333333vw;
  }

  #wns-container .wns-battery-life .wns-content-wf {
    width: 100%;
  }

  #wns-container .wns-battery-life .wns-battery-life-title p {
    width: 84.3334%;
  }

  #wns-container .wns-battery-life .wns-battery-life-title {
    margin-bottom: 13.888889vw;
  }
  #wns-container .wns-battery-life .wns-battery-life-title h2{
    margin-bottom:4.166667vw;
  }
  #wns-container .wns-battery-life .wns-battery-life-img {
    width: 100%;
  }

  #wns-container .wns-battery-life .wns-battery-life-dis {
    width: 88.05555%;
    margin-left: 8.333333vw;
    margin-top: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #wns-container .wns-battery-life .wns-battery-life-dis .wns-battery-life-content {
    width: 44%;
  }
  #wns-container .wns-battery-life .wns-battery-life-dis .wns-battery-life-content:nth-child(even) {
    width: 54%;
  }
  #wns-container .wns-battery-life .wns-battery-life-dis .wns-txt-white-80{
    color: rgba(255, 255, 255, 0.8);
  }
  #wns-container .wns-battery-life .wns-battery-life-dis .wns-battery-life-content:nth-child(-n+2) {
    margin-bottom: 8.333333vw;
  }

  #wns-container .wns-battery-life .wns-battery-life-content h3 {
    font-size: 4.444444vw;
  }

  #wns-container .wns-battery-life .wns-battery-life-content .wns-txt-22 {
    font-size: 2.777778vw;
  }

  #wns-container .wns-os-connect .wns-content-ws {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 6.527778vw;
  }

  #wns-container .wns-os-connect .wns-os-connect-txt-wrap {
    width: 100%;
    margin-top: 0;
    margin-bottom: 5.555556vw;
    text-align: center;
  }

  #wns-container .wns-os-connect .wns-os-connect-img-wrap {
    width: 100%;
  }
  #wns-container .wns-os-connect .wns-os-connect-txt-wrap h2{
    margin-top: 1.388889vw;
    margin-bottom: 4.166667vw;
  }
  #wns-container .wns-os-connect .wns-os-connect-img-wrap .wns-os-connect-swiper {
    height: 77.222222vw;
  }

  #wns-container .wns-os-connect .wns-os-connect-swiperText {
    margin-top: 5.555556vw;
    height: 5.277778vw;
  }

  #wns-container .wns-os-connect .wns-os-connect-swiperText .wns-os-connect-swiperText-wrap p {
    font-size: 3.611111vw;
  }

  #wns-container .wns-os-connect .wns-os-connect-img-wrap .wns-os-connect-swiperControl {
    top: auto;
    width: 24.861111vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 4.861111vw;
  }

  #wns-container .wns-os-connect .wns-os-connect-img-wrap .swiper-button-next,
  #wns-container .wns-os-connect .wns-os-connect-img-wrap .swiper-button-prev {
    width: 4.583333vw;
    height: 4.583333vw;
  }

  #wns-container .wns-os-connect .wns-os-connect-img-wrap .swiper-pagination {
    width: 11.111111vw;
  }

  #wns-container .wns-diagram .wns-content-ws {
    width: 100%;
  }

  #wns-container .wns-diagram .wns-diagram-txt-wrap {
    width: 83.3334%;
    margin: 0 auto;
  }
  #wns-container .wns-diagram .wns-diagram-txt-wrap h2{
    margin-bottom: 4.166667vw;
  }
  #wns-container .wns-diagram .wns-diagram-txt-wrap p {
    width: 100%;
  }
  #wns-container .wns-diagram .wns-diagram-video{
    margin-bottom: 13.888889vw;
  }
  
  #wns-container .wns-diagram .wns-diagram-dis-wrap .wns-diagram-dis {
    width: 50%;
    padding: 8.611111vw 0;
  }

  #wns-container .wns-diagram .wns-diagram-dis-wrap .wns-diagram-svg1 {
    width: 4.444444vw;
    margin-bottom: 1.25vw;
  }

  #wns-container .wns-diagram .wns-diagram-dis-wrap .wns-diagram-svg2 {
    width: 5vw;
    margin-bottom: 2.5vw;
  }

  #wns-container .wns-diagram .wns-diagram-dis-wrap .wns-diagram-dis:nth-child(-n+6) {
    border-bottom: 1px solid #4D4D4D;
  }

  #wns-container .wns-diagram .wns-diagram-dis-wrap .wns-diagram-dis:nth-child(even) {
    border-right: 0;
  }

  #wns-container .wns-service .wns-content-ws {
    width: 100%;
    border-radius: 0;
    overflow: visible;
  }
  #wns-container .wns-service .wns-content-ws .wns-service-txt-wrap h2{
    margin-bottom: 4.166667vw;
  }
  #wns-container .wns-service .wns-content-ws .wns-service-txt-wrap p {
    width: 72%;
    margin: 0 auto 8.333333vw;
  }

  #wns-container .wns-service .wns-service-img-wrap .wns-service-img-content img {
    width: 12.777778vw;
    margin-bottom: 2.361111vw;
  }

  #wns-container .wns-service .wns-service-img-wrap {
    width: 84%;
    margin-bottom: 8.333333vw;
    justify-content: center;
  }
  #wns-container .wns-service .wns-service-img-wrap .wns-service-img-content{
    width: 33.3%;
  }
  #wns-container .wns-service .wns-service-img-wrap .wns-service-img-content:nth-child(-n+3){
    margin-bottom: 8.333333vw;
  }
  #wns-container .wns-service .wns-service-img{
    width: 83.3334%;
    margin: 0 auto;
  }
  #wns-container .wns-service .wns-service-btn-wrap a {
    border-radius: 50px;
  }

  #wns-container .wns-service .wns-service-btn-wrap .wns-service-pop-wrap img {
    width: 100%;
  }

  #wns-container .wns-service .wns-service-btn-wrap .wns-service-pop-wrap {
    width: 100%;
    top: calc(100% + 5.833333vw);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  #wns-container .wns-disclaimer-wrap{
    width: 83.333333vw;
  }
  #wns-container .wns-disclaimer-wrap .wns-disclaimer{
    font-size: 3.333333vw;
  }
}

@media screen and (min-width: 740px) and (min-aspect-ratio: 11 / 10) and (max-width: 1650px) {
  #wns-container .wns-kv .wns-kv-powered {
    right: 3.65625vw;
    bottom: 1.822917vw;
  }
}

@media screen and (min-width: 740px) and (min-aspect-ratio: 11 / 10) and (max-width: 1366px) {
  #wns-container .wns-security-protection .wns-security-protection-txt-left,
  #wns-container .wns-security-protection .wns-security-protection-txt-right {
    transform: translateY(104%);
  }
  #wns-container .wns-video-dis{
    font-size: 12px;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1030px) {
  .wns-container .wns-mt-40 {
    margin-top: 1.883333vw;
  }
}

@media screen and (min-width: 1600px) and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

  #wns-container .wns-os-connect .wns-os-connect-img-wrap .swiper-button-next,
  #wns-container .wns-os-connect .wns-os-connect-img-wrap .swiper-button-prev {
    width: 33px;
    height: 33px;
  }
}

@media screen and (min-width: 1024px) and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .wns-container .wns-txt-bg-s {
    background: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #EEEADD;
  }

  #wns-container .wns-os-connect .wns-os-connect-img-wrap .swiper-button-next,
  #wns-container .wns-os-connect .wns-os-connect-img-wrap .swiper-button-prev {
    width: 30px;
    height: 30px;
  }
}



/* 20230411 start */
#wns-container .wns-app-connect .is-scroll {
  transition: transform 0.5s cubic-bezier(0, 0.6, 0.3, 1);
  -ms-transition: none;
  will-change: transform;
}
@media screen and (max-width: 1365px),
screen and (max-aspect-ratio: 1/1),
screen and (max-width: 1366px) and (min-height: 800px) {
  #wns-container .wns-app-connect .is-scroll {
    transition: none;
  }
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #wns-container .wns-app-connect .is-scroll {
    transition: none;
  }
}
#wns-container .wns-app-cen{
  width: 70.83333333333333vw;
  margin: 0 auto;
}
#wns-container .wns-app-word{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.65625vw;
}
#wns-container .wns-app-word-left{
  width: 26vw;
}
#wns-container .wns-app-word-tittle1{
  font-weight: 400;
  color: #dcbf91;
  font-size: 1.666666666666667vw;
  line-height: 1.25;
  margin-bottom: 1.041666666666667vw;
}
#wns-container .wns-app-word-tittle2 {
  font-weight: 700;
  color: #ffffff;
  font-size: 3.333333333333333vw;
  line-height: 1.25;
}
#wns-container .wns-app-word-right{
  width: 23.270833vw;
}
#wns-container .wns-app-word-tittle3{
  font-weight: 500;
  color: #ffffff;
  font-size: 1.145833333333333vw;
  line-height: 1.6;
}
#wns-container .wns-app-ul{
  width: 100%;
}
#wns-container .wns-app-ul-box{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  transform: translateY(3.125vw);
  opacity: 0;
}
#wns-container .wns-app-li {
  width: 34.375vw;
  padding: 3.020833vw 2.604166666666667vw 0;
  box-sizing: border-box;
  border-radius: 1.5625vw;
  background: #27282b;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
#wns-container .wns-app-li3 {
  margin-top: 2.083333333333333vw;
}
#wns-container .wns-app-li4 {
  margin-top: 2.083333333333333vw;
}
#wns-container .wns-app-li1 .wns-app-li-word {
  width: 26.104167vw;
}
#wns-container .wns-app-li2 .wns-app-li-word {
  width: 222.958333vw;
}
#wns-container .wns-app-li-tittle1{
  font-weight: 700;
  color: #ffffff;
  font-size: 1.666666666666667vw;
  line-height: 1.25;
}
#wns-container .wns-app-li-tittle2 {
  font-weight: 500;
  color: #ababac;
  font-size: 1.145833333333333vw;
  line-height: 1.6;
  margin-top: .520833vw;
}
#wns-container .wns-app-li-img{
  width: 15.20833333333333vw;
  margin: 2.96875vw auto 0;
}


@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #wns-container .wns-app-cen {
    width: 86.11111111111111vw;
  }
  #wns-container .wns-app-word {
    display: block;
    text-align: center;
    margin-bottom: 8.333333vw;
  }
  #wns-container .wns-app-word-left {
    width: 100%;
  }
  #wns-container .wns-app-word-tittle1 {
    font-size: 4.444444444444444vw;
    margin-bottom: 2.777777777777778vw;
  }
  #wns-container .wns-app-word-tittle2 {
    font-size: 8.888888888888889vw;
  }
  #wns-container .wns-app-word-right {
    width: 94%;
    margin-top: 4.166667vw;
  }
  #wns-container .wns-app-word-tittle3 {
    font-size: 3.888888888888889vw;
  }
  #wns-container .wns-app-ul-box {
    width: 100%;
    transform: none;
    opacity: 1;
  }
  #wns-container .wns-app-li {
    width: 100%;
    padding: 8.055556vw 6.944444444444444vw 0;
    border-radius: 4.1666666667vw;
    display: block;
  }
  #wns-container .wns-app-li2 {
    margin-top: 6.944444444444444vw;
  }
  #wns-container .wns-app-li1 .wns-app-li-word {
    width: 74.25vw;
  }
  #wns-container .wns-app-li2 .wns-app-li-word {
    width: 74.25vw;
  }
  #wns-container .wns-app-li-tittle1 {
    font-size: 4.444444vw;
  }
  #wns-container .wns-app-li-tittle2 {
    font-size: 3.333333333333333vw;
    margin-top: 2.777778vw;
  }
  #wns-container .wns-app-li-img {
    width: 40.27777777777778vw;
    margin: 8.333333vw auto 0;
  }
  
}




#wns-container .wns-app-download {
  line-height: 1.6;
  position: relative;
  padding-top: 2.6041666667vw;
  text-align: center;
  
}

@media screen and (max-width: 779px),
screen and (max-aspect-ratio: 1/1) and (max-width: 1200px) {
  #wns-container .wns-app-download {
    padding-top: 6.9444444444vw;
  }
}

#wns-container .wns-app-download .common-color2-btn {
  display: inline-block;
  cursor: pointer;
  background-color: #ce0e2d;
  color: #fff;
  padding: 12px 24px;
  line-height: 24px;
  border-radius: 4.604167vw;
  overflow: hidden;
}
#wns-container .wns-app-download .common-color2-btn:hover {
  background-color: #A20A22;
}
#wns-container .wns-app-download .common-color2-btn img {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin-left: 8px;
}

@media screen and (max-width: 779px),
screen and (max-aspect-ratio: 1/1) and (max-width: 1200px) {
  #wns-container .wns-app-download .common-color2-btn{
    border-radius: 50px;
  }
  #wns-container .wns-app-download .common-color2-btn img {
    margin-top: -0.2777777778vw;
    
  }
}

#wns-container .wns-app-download .verona-sec16-modal {
  display: none;
  position: absolute;
  top: 1.5625vw;
  left: calc(50% + 91px);
  transform: rotate(0deg);
  min-width: 11.9270833333vw;
  height: 5.9375vw;
  background-color: #fff;
  border-radius: 0.5208333333vw;
  overflow: hidden;
  padding: .416667vw 0.5208333333vw;
  z-index: 10;
}

@media screen and (min-width: 1366px) and (max-width: 1920px) and (min-aspect-ratio: 1/1) {
  #wns-container .wns-app-download .verona-sec16-modal {
    width: 240px;
    height: 114px;
    font-size: 12px;
  }
  #wns-container .wns-video-dis{
    font-size: 12px;
  }
  #wns-container .wns-inout .sticky-container{
    --sticky-top: calc(50vh - (566 / 2 / 1366 * 100vw));
  }
  #wns-container .wns-inout .wns-inout-swiper-wrap{
    width: 41.291667vw;
  }
  #wns-container .wns-inout .wns-inout-swiper-wrap .wns-inout-img-wrap{
    height: 38.65300vw;
  }
  #wns-container .wns-inout .wns-inout-swiper-wrap.animated1 .wns-inout-img-wrap-content {
    transform: translateY(-40.21551vw);
    -webkit-transform: translateY(-40.21551vw);
  }
  #wns-container .wns-inout .wns-inout-swiper-wrap.animated2 .wns-inout-img-wrap-content {
    transform: translateY(-80.43103vw);
    -webkit-transform: translateY(-80.43103vw);
}
}

@media (max-height: 640px) and (max-width: 1024px) and (min-aspect-ratio: 1/1) {
  #wns-container .wns-app-download .verona-sec16-modal {
    width: 146px;
    height: 8.9375vw;
  }
}

@media screen and (max-width: 779px),
screen and (max-aspect-ratio: 1/1) and (max-width: 1200px) {
  #wns-container .wns-app-download .verona-sec16-modal {
    padding: 0;
    width: 86.1111111111vw;
    height: 37.5vw;
    border-radius: 4.1666666667vw;
    top: calc(48px + 9.7222222222vw);
    left: 50%;
    transform: translateX(-50%) rotate(0deg);
  }
}

#wns-container .wns-app-download .verona-sec16-modal-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#wns-container .wns-app-download .verona-sec16-modal-container .verona-sec16-modal-text {
  text-align: left;
  width: 5.46875vw;
  padding-right: 0.3125vw;
  font-size: 0.625vw;
  color: #151517;
}

@media screen and (min-width: 1366px) and (max-width: 1920px) and (min-aspect-ratio: 1/1) {
  #wns-container .wns-app-download .verona-sec16-modal-container .verona-sec16-modal-text {
    max-width: none;
    padding-right: 10px;
    width: 110px;
    font-size: 12px;
  }
}

@media screen and (max-height: 640px) and (max-width: 1024px) and (min-aspect-ratio: 1/1) {
  #wns-container .wns-app-download .verona-sec16-modal-container .verona-sec16-modal-text {
    width: 72px;
    font-size: 8px;
  }
}

@media screen and (max-width: 779px),
screen and (max-aspect-ratio: 1/1) and (max-width: 1200px) {
  #wns-container .wns-app-download .verona-sec16-modal-container .verona-sec16-modal-text {
    max-width: none;
    width: 40.9722222222vw;
    padding-right: 9.1666666667vw;
    font-size: 3.8888888889vw;
  }
}

#wns-container .wns-app-download .verona-sec16-modal-container .verona-sec16-modal-qr {
  width: 5.2083333333vw;
  height: 5.2083333333vw;
}

@media screen and (min-width: 1366px) and (max-width: 1920px) and (min-aspect-ratio: 1/1) {
  #wns-container .wns-app-download .verona-sec16-modal-container .verona-sec16-modal-qr {
    width: 100px;
    height: 100px;
  }
}

@media screen and (max-height: 640px) and (max-width: 1024px) and (min-aspect-ratio: 1/1) {
  #wns-container .wns-app-download .verona-sec16-modal-container .verona-sec16-modal-qr {
    width: 57px;
    height: 57px;
  }
}

@media screen and (max-width: 779px),
screen and (max-aspect-ratio: 1/1) and (max-width: 1200px) {
  #wns-container .wns-app-download .verona-sec16-modal-container .verona-sec16-modal-qr {
    width: 30.5555555556vw;
    height: 30.5555555556vw;
  }
}

/* 20230411 end */
#wns-container .wns-reason-content .wns-xin-txt-20-b{
  font-size: 0.833333vw;
}
#wns-container .wns-xin-txt-20-b .wns-txt-h{
  font-weight: 900;
  font-size: 1.25vw;
}
#wns-container .wns-kv .wns-kv-container{
  top: 2.697917vw;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #wns-container .wns-kv .wns-kv-container{
      top: auto;
  }
  #wns-container .wns-reason-content .wns-xin-txt-20-b{
      font-size: 3.333333vw;
  }
  #wns-container .wns-xin-txt-20-b .wns-txt-h{
      font-size: 3.333333vw;
      line-height: 1.25;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1030px){
  #wns-container .wns-kv .wns-kv-container {
      top: 1.5vw;
  }
}
@media screen and (min-width: 1020px) and (max-width: 1194px){
  #wns-container .wns-free-hands .wns-free-hands-txt-wrap {
    width: 25.4375vw;
  }
  #wns-container .wns-inout .wns-inout-txt-wrap{
    width: 31.104167vw;
  }
  #wns-container .wns-os-connect .wns-os-connect-txt-wrap{
    width: 27.822917vw;
  }
}
/* new */
#wns-container .section-pic-center {
  position: relative;
  z-index: 1;
  text-align: center;
}

#wns-container .section-kv-pic {
  line-height: 1.25;
  margin-top: 1.5625vw;
  font-size: 1.46vw;
  font-weight: 400;
  color: #000;
}

#wns-container .section-kv-pic span {
  font-size: .45em;
  font-weight: 500;
}

#wns-container .section-slogan-botton {
  background-color: #000;
  color: #fff;
  font-size: 13px;
  border: 2px solid #000;
  display: inline-block;
  line-height: 24px;
  font-weight: 800;
  padding: 10px 26px;
  border-radius: 40px;
  text-align: left;
  cursor: pointer;
  transition: .3s ease-out;
  margin-top: 24px;
}

#wns-container .section-slogan-botton:hover {
  opacity: .8;
}

#wns-container .section-slogan-botton a {
  color: inherit;
}

@media screen and (max-width: 639px),
screen and (max-width: 1200px) and (max-aspect-ratio: 11 / 10) {
  #wns-container .section-kv-pic span {
      font-size: .65em;
  }

  #wns-container .section-kv-pic {
      font-size: 5.56vw;
      margin-top: 6.6666666666vw;
      color: rgb(0, 0, 0);
  }

  #wns-container .section-slogan-botton {
      background-color: rgb(0, 0, 0);
      color: rgb(255, 255, 255);
      border: 2px solid rgb(0, 0, 0);
  }
}
#wns-container .footlast {
  list-style: none !important;
  position: relative;
}
#wns-container .footlast::before {
  content: "*";
  position: absolute;
  bottom: 0;
  left: -9px;
}



/* new add color swiper start*/
.wns-container .wns-color-swiper-wrap{
  overflow: hidden;
}
.wns-container .wns-color-swiper {
  width: 100%;
  height: 41.666667vw;
}
.wns-container .wns-color-swiper .swiper-button-prev {
  background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/smart-lock/smart-lock/images/svg/huawei-smart-lock-swiper-btn-left.svg) 100% 100% no-repeat;
  left: 1.5625vw;
}

.wns-container .wns-color-swiper .swiper-button-next {
  background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/smart-lock/smart-lock/images/svg/huawei-smart-lock-swiper-btn-right.svg) 100% 100% no-repeat;
  right: 1.5625vw;
}

.wns-container .wns-color-swiper .swiper-button-prev,
.wns-container .wns-color-swiper .swiper-button-next {
  width: 2.93825vw;
  height: 2.93825vw;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: 100%;
  outline: none;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
  opacity: 0.5;
}
.wns-container .wns-color-swiper .swiper-button-next:after,
.wns-container .wns-color-swiper .swiper-container-rtl .swiper-button-prev:after,
.wns-container .wns-color-swiper .swiper-button-prev:after,
.wns-container .wns-color-swiper .swiper-container-rtl .swiper-button-next:after {
  content: none;
}


@media screen and (max-width: 750px), (max-aspect-ratio: 11 / 10) and (max-width: 1200px){
  .wns-container .wns-color-swiper{
    height: 95.555556vw;
  }
  .wns-container .wns-color-swiper .swiper-button-prev,
  .wns-container .wns-color-swiper .swiper-button-next {
    width: 6.944444vw;
    height: 6.944444vw;
  }
  .wns-container .wns-color-swiper .swiper-button-prev {
    left: -7.916667vw;
    background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/smart-lock/smart-lock/images/svg/huawei-smart-lock-swiper-btn-white-left.svg) 100% 100% no-repeat;
  }
  
  .wns-container .wns-color-swiper .swiper-button-next {
    background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/smart-lock/smart-lock/images/svg/huawei-smart-lock-swiper-btn-white-right.svg) 100% 100% no-repeat;
    right: -7.916667vw;
  }
  .wns-container .wns-color-swiper .swiper-button-prev,
  .wns-container .wns-color-swiper .swiper-button-next {
    background-size: 100%;
  }
  
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .wns-container .wns-color-swiper{
  height: 183vh;
  }

  .wns-container .wns-swiper-item2{
  opacity: 1;
  padding-top:4.1666667vw;
  }
  .wns-container .wns-swiper-item{
  position: relative;
  }
}
/* new add color swiper end*/
/* new add  */
.wns-container .wns-component-details .wns-content-ws {
  top: 50%;
  transform: translateY(-50%);
}
.wns-container .wns-component-details .wns-content-ws.active{
  top: 50%;
  transform: translateY(-50%);
}
#wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-close.active{
  top: -6.9vw;
  right: -6.9vw;
}
.protection-new .protection-wrapper {
  width: 83.33333333vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.protection-new .card1 .card-item {
width: 27.60416667vw;
border-radius: 1.04166667vw;
overflow: hidden;
position: relative;
-webkit-border-radius: 1.04166667vw;
-moz-border-radius: 1.04166667vw;
-ms-border-radius: 1.04166667vw;
-o-border-radius: 1.04166667vw;
}

.protection-new .protection-card .sub-title {
  font-weight: 500;
  color: #ffffff;
  font-size: 2.5vw;
  line-height: 1.25;
  text-align: center;
}

.protection-new .card1 {
  width: 57.29166667vw;
  display: flex;
  justify-content: space-between;
}

.protection-new .card1 .level-info {
  font-weight: 500;
  color: #ffffff;
  font-size: 1.666667vw;
  text-align: center;
  line-height: 1.6;
  margin-top: 1.04166667vw;
}

.protection-new .card1 .txt-box {
  width: 20.3125vw;
  position: absolute;
  top: 2.604167vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.protection-new .card2 {
  width: 23.95833333vw;
  height: 35.41666667vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.protection-new .card2 .card-item {

  height: 10.41666667vw;
  background: #141414;
  border-radius: 1.04166667vw;
  -webkit-border-radius: 1.04166667vw;
  -moz-border-radius: 1.04166667vw;
  -ms-border-radius: 1.04166667vw;
  -o-border-radius: 1.04166667vw;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

#wns-container .wns-security-protection {
  height: auto;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px)  {
  .wns-container .wns-component-details .wns-content-ws {
      top: 0;
      transform: none;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
}
  .protection-new .protection-wrapper {
      width: 83.333333vw;
  }

  .protection-new .card1 {
      width: 100%;
      flex-direction: column;
  }

  .protection-new .card1 .card-item {
      width: 100%;
      border-radius: 2.777777vw;
      -webkit-border-radius: 2.777777vw;
      -moz-border-radius: 2.777777vw;
      -ms-border-radius: 2.777777vw;
      -o-border-radius: 2.777777vw;
}
.protection-new .card1 .card-item:not(:last-child){
  margin-bottom: 5.555556vw;
}
  .protection-new .protection-card .sub-title {
      font-size: 6.666667vw;
  }

  .protection-new .card1 .level-info {
      font-size: 5.555556vw;
      margin-top: 2.777778vw;
  }

  .protection-new .card1 .txt-box {
      width: 100%;
      top: 8.333333vw;
  }

  #wns-container .wns-security-protection h2 {
      margin: 1.388889vw auto 8.333333vw;
  }

  .protection-new .card2 {
      width: 100%;
      height: auto;
      margin-top: 5.555556vw;
      order: 3;
  }

  .protection-new .card2 .card-item {
      height: 27.777778vw;
      border-radius: 2.777778vw;
      -webkit-border-radius: 2.777778vw;
      -moz-border-radius: 2.777778vw;
      -ms-border-radius: 2.777778vw;
      -o-border-radius: 2.777778vw;
  }

  .protection-new .card2 .card-item:nth-child(-n+2) {
      margin-bottom: 4.166667vw;
  }
  #wns-container .wns-family-care .wns-inout-txt-wrap{
    width: 80.333333vw;
    margin: 0 auto 8.333333vw;
  }
  #wns-container .wns-family-care .wns-inout-txt-wrap h2{
    margin-top: 1.388889vw;
    margin-bottom: 4.166667vw;
  }
  #wns-container .wns-family-care .wns-family-care-icon-list{
    margin-top: 8.333333vw;
  }
  #wns-container .wns-family-care .wns-family-care-icon-list p{
    font-size: 3.055556vw;
    color: rgba(255, 255, 255, 0.5);
  }
  #wns-container .wns-family-care .wns-family-care-icon-list .icon{
    overflow: hidden;
  }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #wns-container .wns-component-details .wns-component-details-pop .wns-component-details-pop-close {
        top: 9.916667vw;
        right: 5.989583vw;
    } 
}

@media (min-width: 1195px) and (max-width: 1600px),
(min-width: 2150px) and (max-width: 2160px){
  #wns-container .wns-kv{
    padding-top: calc(100vh - 47.083333vw - 115px);
    padding-top: -webkit-calc(100vh - 47.083333vw - 115px);
  }
}
@media (min-width: 2150px) and (max-width: 2170px){
  #wns-container .wns-kv .wns-kv-container {
    top: 0.697917vw;
  }
  #wns-container .wns-kv .wns-kv-powered{
    bottom: 2.822917vw;
  }
}
@media (min-width: 1367px) and (max-width: 1450px){
  #wns-container .wns-kv .wns-kv-container {
    top:1.697917vw;
  }
  #wns-container .wns-kv .wns-kv-powered{
    bottom: 3.822917vw;
  }
}
@media (min-width: 1480px) and (max-width: 1520px){
  #wns-container .wns-kv .wns-kv-container {
    top: 0.697917vw;
  }
  #wns-container .wns-kv{
    padding-top: calc(100vh - 47.083333vw - 88px);
    padding-top: -webkit-calc(100vh - 47.083333vw - 88px);
  }
  #wns-container .wns-kv .wns-kv-powered{
    bottom: 3.822917vw;
  }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
  #wns-container .wns-app-download .verona-sec16-modal{
    left: calc(50% + 7.166667vw);
  }
}
@media screen and (min-width: 790px) and (max-width: 799px) and (min-aspect-ratio: 799/623){
  #wns-container .wns-kv .wns-kv-container {
    top: 1.697917vw;
  }
  #wns-container .wns-kv .wns-content-wf{
    padding-bottom: 2.177083vw;
  }
  #wns-container .wns-kv .wns-kv-powered{
    bottom: 0;
  }
  #wns-container .wns-app-download .verona-sec16-modal{
    left: calc(50% + 9.166667vw);
  }
  #wns-container .section-slogan-botton{
    margin-top: 1.25vw;
  }
  #wns-container .wns-kv .wns-kv-container p.wns-xin-txt-20-b{
    margin-top: 1.5625vw;
  }
}