.cd28-container *,
.cd28-container::before,
.cd28-container::after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.cd28-container {
  color: #fff;
  color: #8B8B8D;
  background: #000;
}

.cd28-container *:focus,
.cd28-container *:active {
  outline: none;
}

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

.cd28-container sup {
  font-size: 0.6em;
  line-height: 1;
}

.cd28-container sup[data-index] {
  cursor: pointer;
}

.cd28-container .blur-up {
  filter: blur(20px);
  transition: filter 0.2s;
  will-change: filter;
}

.cd28-container .blur-up.lazyloaded {
  filter: blur(0);
}

.cd28-container img,
.cd28-container video {
  display: block;
  width: 100%;
}

.cd28-container .media-cover {
  position: relative;
  width: 100%;
  display: block;
}

.cd28-container .media-cover img:first-of-type {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
}

.cd28-container .media-cover:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.cd28-container .relative {
  position: relative;
}

.cd28-container .absolute {
  position: absolute;
}

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

.cd28-container .space {
  margin-top: 10.416667vw;
}

.cd28-container .halfspace {
  margin-top: 6.25vw;
}

.cd28-container .radius40 {
  border-radius: 2.083333vw;
  -webkit-border-radius: 2.083333vw;
  overflow: hidden;
  transform: scale(1);
  -webkit-transform: scale(1);
}

.cd28-container .radius20 {
  border-radius: 1.041667vw;
  -webkit-border-radius: 1.041667vw;
  overflow: hidden;
  transform: scale(1);
  -webkit-transform: scale(1);
}
.cd28-container .radius16 {
  border-radius: .833333vw;
  -webkit-border-radius: .833333vw;
  overflow: hidden;
  transform: scale(1);
  -webkit-transform: scale(1);
}
.cd28-container .radius10 {
  border-radius: 0.520833vw;
  -webkit-border-radius: 0.520833vw;
  overflow: hidden;
  transform: scale(1);
  -webkit-transform: scale(1);
}

.cd28-container .flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cd28-container .mob-show {
  display: none;
}

.cd28-container .pc-show {
  display: initial;
  display: block;
}
.cd28-container h2 .pc-show {
  display: initial;
}
.cd28-container .wrap-mid {
  width: 71.875vw;
  margin: 0 auto;
}

.cd28-container .sec-txt-16 {
  font-size: 0.833333vw;
  line-height: 1.6;
}

.cd28-container .sec-txt-18 {
  font-size: 0.9375vw;
  line-height: 1.6;
}

.cd28-container .sec-txt-20 {
  font-size: 1.041667vw;
  line-height: 1.6;
}

.cd28-container .sec-txt-22 {
  font-size: 1.145833vw;
  line-height: 1.6;
}

.cd28-container .sec-txt-24 {
  font-size: 1.25vw;
  line-height: 1.6;
}

.cd28-container .sec-txt-32 {
  font-size: 1.666667vw;
  line-height: 1.25;
}

.cd28-container .sec-txt-40 {
  font-size: 2.083333vw;
  line-height: 1.25;
}

.cd28-container .sec-txt-48 {
  font-size: 2.5vw;
  line-height: 1.25;
}

.cd28-container .sec-txt-64 {
  font-size: 3.333333vw;
  line-height: 1.25;
}

.cd28-container .sec-txt-80 {
  font-size: 4.166667vw;
  line-height: 1.25;
}

.cd28-container .sec-txt-120 {
  font-size: 6.25vw;
  line-height: 1.25;
  font-weight: 300;
}

.cd28-container .sec-mart-25 {
  margin-top: 1.302083vw;
}

.cd28-container .sec-marb-30 {
  margin-bottom: 1.5625vw;
}

.cd28-container .sec-marb-40 {
  margin-bottom: 2.083333vw;
}
.cd28-container .sec-mart-36 {
  margin-top: 1.895833vw;
}
.cd28-container .sec-mart-40 {
  margin-top: 2.083333vw;
}
.cd28-container .sec-mart-50 {
  margin-top: 2.604167vw;
}
.cd28-container .sec-mart-60 {
  margin-top: 3.125vw;
}
.cd28-container .sec-marb-80 {
  margin-bottom: 4.166667vw;
}

.cd28-container h2,
.cd28-container h3 {
  line-height: 1.25;
}

/* .cd28-container .section-txtwrap > h3 ,.cd28-container .section-txtwrap div:not(.spec-item) h3 {
  font-size: 4.166667vw;
  font-weight: bold;
} */
.cd28-container .section-txtwrap h2 {
  font-size: 4.166667vw;
  font-weight: bold;
}

.cd28-container .tit-gradient {
  background-image: linear-gradient(111deg, #C1C4CC 0, #FFFFFF 50%, #C1C4CC 100%);
  background-image: linear-gradient(113deg, #C1C4CC 30%, #FFFFFF 50%, #C1C4CC 70%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  /* display: inline-block; */
}

.cd28-container .des-gradient {
  background-image: linear-gradient(96deg, #5AD9F5 0, #2896F8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}
.cd28-container .des-gradient sup{
  color: #2896F8;
}
.cd28-container article {
  color: #868688;
  line-height: 1.6;
  font-size: 1.145833vw;
}

.cd28-container article span {
  color: #fff;
}

.cd28-container .desp {
  color: #fff;
  opacity: 0.3;
  margin-top: 0.520833vw;
  font-size: 0.833333vw;
  line-height: 1.6;
}

.cd28-container .last-list {
  list-style: none;
  position: relative;
}

.cd28-container .last-list:before {
  content: "*";
  position: absolute;
  transform: translateX(-100%);
  padding-right: 0.4em;
}

.cd28-container .last-sup {
  font-size: revert;
}






.cd28-container .huawei-product-buy-btn-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
}

.cd28-container .huawei-product-buy-btn-price {
  color: #fff;
  font-size: 1.46vw;
  font-weight: 400;
  line-height: 1.25;
}

.cd28-container .huawei-product-buy-btn-price sup {
  font-size: unset;
  vertical-align: baseline;
}

.cd28-container .huawei-product-buy-btn-price span {
  font-size: 0.677083vw;
  font-weight: 500;
}

.cd28-container .huawei-product-buy-btn {
  color: #000;
  font-size: 13px;
  font-weight: 800;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  padding: 10px 26px;
  border: 2px solid #fff;
  background-color: #fff;
  transition: 0.3s ease-out;
  margin-top: 24px;
  cursor: pointer;
  border-radius: 6px;
}

.cd28-container .huawei-product-buy-btn:hover {
  opacity: .8;
}

.cd28-container .kv-content-price-container {
  margin-top: 3.958333vw;
}

.cd28-container .price {
  list-style: none;
  position: relative;
}

.cd28-container .price::before {
  content: "*";
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  /* padding-right: .2em; */
}

@media (max-aspect-ratio: 11/10) {
  .cd28-container .kv-content-price-container {
    margin-top: 16.666666vw;
    margin-top: 10.138889vw;
  }

  .cd28-container .huawei-product-buy-btn-price {
    font-size: 5.56vw;
  }

  .cd28-container .huawei-product-buy-btn-price span {
    font-size: 3.611111111vw;
  }
}




.cd28-container .kv-wrapper{
  position: relative;
  overflow: hidden;
}
.cd28-container .cd28-kv,.cd28-container .section-reasons{
  position: relative;
  z-index: 3;
}
.cd28-container .kv-bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.cd28-container .kv-bg .media-cover:before {
  padding-bottom: calc(2160 / 1920 * 100%);
}
.cd28-container .cd28-kv .media-cover:before {
  padding-bottom: calc(752 / 1014 * 100%);
}
.cd28-container .cd28-kv{
  display: flex;
  justify-content: space-between;
}
.cd28-container .cd28-kv .kv-text {
  margin-right: 11.145833%;
  margin-top: 21.197917vw;
  text-align: center;
  z-index: 3;
  width: 24.479167%;
}

.cd28-container .cd28-kv .kv-text .kv-ksp {
  font-size: 1.25vw;
  line-height: 1.6;
  margin-top: 1.927083vw;
  letter-spacing: .18vw;
  color: #fff;
  width: 110%;
  transform: translateX(-5%);
  font-weight: normal;
}
.cd28-container .cd28-kv picture{
  width: 52.8125%;
  margin-top: 7.760417vw;
  margin-bottom: 9.166667vw;
  margin-left: 10.9375%;
}
.cd28-container .cd28-kv .nearlink-btn{
  position: absolute;
  right: 3.125vw;
  bottom: 3.125vw;
  width: 8.802083vw;
}
@media screen and (max-aspect-ratio: 11/10) {
  .cd28-container .cd28-kv{
    flex-direction: column;
    padding-bottom: 15.833333vw;
  }
  .cd28-container .kv-bg{
    width: 103%;
  }
  .cd28-container .kv-bg .media-cover:before {
    padding-bottom: calc(2670 / 720 * 100%);
  }
  .cd28-container .cd28-kv .media-cover:before {
    padding-bottom: calc(527 / 670 * 100%);
  }
  .cd28-container .cd28-kv .kv-text {
    margin-left: auto;
    margin-right: auto;
    margin-top: 35.277778vw;
    width: 66.666667vw;
  }
  .cd28-container .cd28-kv .kv-text .kv-ksp {
    margin-top: 6.388889vw;
    font-size: 3.888889vw;
    letter-spacing: 0.2vw;
  }
  .cd28-container .cd28-kv picture{
    width: 93.055556vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 19.166667vw;
    margin-bottom: 0;
  }
  .cd28-container .cd28-kv .nearlink-btn{
    right: 5.555556vw;
    bottom: 0;
    width: 23.472222vw;
  }
}


.cd28-container .section-reasons {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 8.3333vw;
  padding-top: 8.333333vw;
  padding-top: 9.375vw;
  z-index: 3;
  overflow: hidden;
}

@media screen and (min-aspect-ratio: 11/10) {
  .cd28-container .section-reasons .swiper-wrapper {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

}

.cd28-container .section-reasons .swiper-slide {
  width: 67.5vw;
  margin: auto 1.666667vw;
  border-radius: .833333vw;
  transition: none;
  overflow: hidden;
}

.cd28-container .section-reasons .swiper-slide picture::before {
  padding-bottom: calc(730 / 1320 * 100%);
}
.cd28-container .section-reasons .picture-mouse.swiper-slide picture::before {
  padding-bottom: calc(508 / 782 * 100%);
}
.cd28-container .section-reasons .des-bg {
  top: 51.2%;
  font-size: 8.333333vw;
}
.cd28-container .section-reasons .des-bg span:first-child {
  margin-left: 6.98%;
  margin-left: 10.5%;
}
.cd28-container .section-reasons .des-bg span:last-child {
  margin-right: 9.7%;
}
.cd28-container .section-reasons .swiper-slide .s2-con {
  position: relative;
  width: 100%;
  height: 100%;
}

.cd28-container .section-reasons .swiper-slide .reasons-title {
  width: 80%;
  position: absolute;
  top: 2.604167vw;
  left: 2.708333vw;
  will-change: transform;
  transform: translateZ(1px);
  -webkit-transform: translateZ(1px);
  -moz-transform: translateZ(1px);
  -ms-transform: translateZ(1px);
  -o-transform: translateZ(1px);
}

.cd28-container .section-reasons .swiper-slide .reasons-title p:first-child {
  font-size: 2.5vw;
  font-weight: bold;
  line-height: 1.25;
}


.cd28-container .section-reasons .swiper-slide .reasons-title p.dark-des {
  font-size: 1.666667vw;
  line-height: 1.6;
  margin-top: .520833vw;
  color: #fff;
  display: block;
}

.cd28-container .section-reasons .swiper-slide .txt-color-grey {
  color: #1E2022 !important;
}

.cd28-container .section-reasons .swiper-slide .s2-wrap {
  width: 67.5vw;
  /* height: 38vw; */
  overflow: hidden;
  position: relative;
  border-radius: 0.8333vw;
  border-radius: .833333vw;
  border-radius: .838542vw;
}
.cd28-container .section-reasons .swiper-slide4 {
  background-color: #161617;
  background: #fff;
}

.cd28-container .section-reasons .swiper-slide4 .s2-wrap .s2-img {
  width: 29.010416vw;
  height: auto;
  position: absolute;
  left: 18.75vw;
  bottom: 6.666666vw;

}

.cd28-container .section-reasons .swiper-slide4 .s2-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.cd28-container .section-reasons .swiper-slide4 .s2-left {
  left: 3.90625vw;
}

.cd28-container .section-reasons .swiper-slide4 .s2-right {
  left: 50.95833vw;
}

.cd28-container .section-reasons .swiper-slide4 .s2-inline-p {
  font-size: 0.833333vw;
  color: #86868B;
  width: 100%;
}

.cd28-container .section-reasons .swiper-slide4 .s2-inline-center {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}

.cd28-container .section-reasons .swiper-slide4 .s2-left .s2-inline-center-headline {
  font-size: 6.25vw;
  line-height: 1.25;
  color: #EBEBEB;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-image: linear-gradient(to bottom, #EBEBEB 0%, #92918E 100%);
  background-size: 100% 100%;
}

.cd28-container .section-reasons .swiper-slide4 .s2-left .s2-inline-center-text {
  color: #EBEBEB;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-image: linear-gradient(to bottom, #EBEBEB 0%, #92918E 100%);
  background-size: 100% 100%;
}

.cd28-container .section-reasons .swiper-slide4 .s2-right .s2-inline-center-headline {
  font-size: 6.25vw;
  line-height: 1.25;
  color: #FFF4DD;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-image: linear-gradient(to bottom, #FFF4DD 0%, #948063 100%);
  background-size: 100% 100%;
}

.cd28-container .section-reasons .swiper-slide4 .s2-right .s2-inline-center-text {
  color: #FFF4DD;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-image: linear-gradient(to bottom, #FFF4DD 0%, #948063 100%);
  background-size: 100% 100%;
}

.cd28-container .section-reasons .swiper-slide4 .s2-inline-center-text {
  font-size: 1.666666vw;
}

.cd28-container .section-reasons .swiper-slide4 .s2-inline-center-img {
  width: auto;
  height: 4.611979vw;
  margin-right: 0.921875vw;
}

.cd28-container .section-reasons .swiper-slide video {
  width: 100%;
  height: 38vw;
}
.cd28-container .section-reasons .swiper-slide  .s2-wrap{
  border-radius: .833333vw;
  -webkit-border-radius: .833333vw;
  overflow: hidden;
  transform: scale(1);
  -webkit-transform: scale(1);
  overflow: hidden;
  object-fit: cover;
}
.cd28-container .section-reasons .swiper-slide-prev {
  cursor: pointer;
}

.cd28-container .section-reasons .swiper-slide-next {
  cursor: pointer;
}

.cd28-container .section-reasons .swiper-button-center {
  width: 15.625vw;
  width: 10.729167vw;
  margin: 0 auto;
  height: 3.333333vw;
  background-color: rgba(245, 245, 247, .1);
  border-radius: 1.66vw;
  position: relative;
  margin-top: 2.08333vw;
}

.cd28-container .section-reasons .swiper-button-center .swiper-pagination {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cd28-container .section-reasons .swiper-button-center .swiper-pagination-bullet {
  width: 0.52vw;
  height: 0.52vw;
  margin: auto 0.26vw;
  background: rgba(245, 245, 247, .2);
  transition: all 1s;
  opacity: .3;
}

.cd28-container .section-reasons .swiper-button-center .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: .8;
  transition: all 1s;
}

.cd28-container .section-reasons .swiper-button-center .swiper-button-prev {
  left: 1.8vw;
}

.cd28-container .section-reasons .swiper-button-center .swiper-button-next {
  right: 1.8vw;
}

.cd28-container .section-reasons .swiper-button-center .swiper-button-prev,
.cd28-container .section-reasons .swiper-button-center .swiper-button-next {
  color: #FFFFFF;
  width: 0.7364583vw;
  font-weight: bold;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}

.cd28-container .section-reasons .swiper-button-center .swiper-button-prev:hover,
.cd28-container .section-reasons .swiper-button-center .swiper-button-next:hover {
  opacity: .5;
}

.cd28-container .section-reasons .swiper-button-center .swiper-button-prev:active,
.cd28-container .section-reasons .swiper-button-center .swiper-button-next:active {
  opacity: 1;
}

.cd28-container .section-reasons .swiper-button-center .swiper-button-next:after,
.cd28-container .section-reasons .swiper-button-center .swiper-button-prev:after {
  font-size: 1.2625vw;
  content: '';
}

@media (max-aspect-ratio: 11 / 10) {
  .cd28-container .section-reasons {
    padding-top: 22.222222vw;
    padding-top: 16.666667vw;
  }

  .cd28-container .section-reasons .swiper-button-center .swiper-button-next,
  .cd28-container .section-reasons .swiper-button-center .swiper-button-prev {
    width: 2.601388vw;
  }

  .cd28-container .section-reasons .swiper-button-center .swiper-button-next {
    right: 6.819444vw;
    width: 2.601388vw;
  }

  .cd28-container .section-reasons .swiper-button-center .swiper-button-prev {
    left: 6.819444vw;
    width: 2.601388vw;
  }

  .cd28-container .section-reasons .swiper-button-center .swiper-button-next:after,
  .cd28-container .section-reasons .swiper-button-center .swiper-button-prev:after {
    content: '';
  }

  .cd28-container .section-reasons .swiper-button-center .swiper-button-prev:hover,
  .cd28-container .section-reasons .swiper-button-center .swiper-button-next:hover {
    opacity: 1;
  }

  .cd28-container .section-reasons .swiper-button-center .swiper-button-prev.swiper-button-disabled,
  .cd28-container .section-reasons .swiper-button-center .swiper-button-next.swiper-button-disabled,
  .cd28-container .section-reasons .swiper-button-center .swiper-button-prev:active,
  .cd28-container .section-reasons .swiper-button-center .swiper-button-next:active {
    opacity: .3;
  }

  .cd28-container .section-reasons .swiper-slide {
    position: relative;
    width: 83.333333vw;
    margin: auto 2.222222vw;
    margin: 0 5.555556vw;
    border-radius: 2.222222vw;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: auto;
  }

  .cd28-container .section-reasons .swiper-slide picture::before {
    padding-bottom: calc(1600 / 1280 * 100%);
  }

  .cd28-container .section-reasons .swiper-slide .s2-con {
    position: relative;
    transition: none;
  }

  .cd28-container .section-reasons .swiper-slide video,
  .cd28-container .section-reasons .swiper-slide .s2-wrap {
    height: 100%;
  }

  .cd28-container .section-reasons .swiper-slide .s2-wrap {
    position: relative;
    width: 83.333333vw;
    height: 111.111111vw;
    height: 125vw;
    border-radius: 2.222222vw;
  -webkit-border-radius: 2.222222vw;
  overflow: hidden;
  transform: scale(1);
  -webkit-transform: scale(1);
  overflow: hidden;
  object-fit: cover;
    transition: none;
    filter: blur(0px) !important;
    -webkit-filter: blur(0px) !important;
    
  }
  .cd28-container .section-reasons .swiper-slide .s2-wrap >div{
    transition: .8s transform;
    transform: scale(1.125);
    height: 100%;
  }
  .cd28-container .section-reasons .swiper-slide.swiper-slide-active .s2-wrap {
    height: 111.111111vw;
  }
  .cd28-container .section-reasons .swiper-slide.swiper-slide-active .s2-wrap >div {
    /* height: 111.111111vw; */
    transform: scale(1);
    transition: .8s transform;
  }
  .cd28-container .section-reasons .swiper-slide .reasons-title {
    width: 100%;
    top: 5.833333vw;
    top: 10.416667vw;
    left: 0;
    right: 0;
    z-index: 4;
    will-change: transform;
    transform: translateZ(1px);
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -ms-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    text-align: center;
    position: static;
    margin-top: 8.888889vw;
    height: 0;
    transition: .8s transform;
  }
  .cd28-container .section-reasons .swiper-slide.swiper-slide-active .reasons-title{
    height: auto;
    transition: .8s transform;
  }
  .cd28-container .section-reasons .swiper-slide .reasons-title p {
    font-size: 5vw;
    line-height: 1.25;
  }

  .cd28-container .section-reasons .swiper-slide .reasons-title p:first-child {
    font-size: 5.555556vw;
  }

  .cd28-container .section-reasons .swiper-slide .reasons-title p.dark-des {
    font-size: 3.333333vw;
    font-size: 4.444444vw;
    margin-top: 2.222222vw;
  }

  .cd28-container .section-reasons .swiper-slide4 .s2-wrap .s2-img {
    width: 100%;
    left: 0;
    bottom: 0;
  }

  .cd28-container .section-reasons .swiper-slide4 .s2-content {
    position: relative;
  }

  .cd28-container .section-reasons .swiper-slide4 .s2-content>.s2-inline-p {
    color: #fff;
  }

  .cd28-container .section-reasons .swiper-slide4 .s2-inline-wrap {
    width: 100%;
  }

  .cd28-container .section-reasons .swiper-slide4 .s2-inline-p {
    font-size: 3.333333vw;
  }

  .cd28-container .section-reasons .swiper-slide4 .s2-inline-center {
    width: 50%;
  }

  .cd28-container .section-reasons .swiper-slide4 .s2-inline-center-img {
    height: 12.298611vw;
    margin-right: 2.736111vw;
  }

  .cd28-container .section-reasons .swiper-slide4 .s2-left .s2-inline-center-headline,
  .cd28-container .section-reasons .swiper-slide4 .s2-right .s2-inline-center-headline {
    font-size: 11.666666vw;
    line-height: 1.25;
  }

  .cd28-container .section-reasons .swiper-slide4 .s2-left,
  .cd28-container .section-reasons .swiper-slide4 .s2-right {
    width: 93%;
    left: 6.666666vw;
    top: auto;
  }

  .cd28-container .section-reasons .swiper-slide4 .s2-left {
    margin-top: 15.166666vw;
    transform: translate(0, 0);
  }

  .cd28-container .section-reasons .swiper-slide4 .s2-right {
    margin-top: 4.763888vw;
    transform: translate(0, 0);
  }

  .cd28-container .section-reasons .swiper-slide4 .s2-inline-wrap {
    display: flex;
    flex-wrap: wrap;
  }

  .cd28-container .section-reasons .swiper-slide4 .s2-inline-p {
    display: inline-block;
  }

  .cd28-container .section-reasons .swiper-slide4 .s2-inline-center-text {
    font-size: 4.444444vw;
    line-height: 1.25;
  }

  .cd28-container .section-reasons .swiper-button-center {
    width: 45.555556vw;
    height: 13.333333vw;
    border-radius: 12.222222vw;
    margin-top: 8.333333vw;
  }

  .cd28-container .section-reasons .swiper-button-center .swiper-pagination-bullet {
    width: 2.222222vw;
    height: 2.222222vw;
    margin: 0 1.666666vw;
  }

}






.cd28-container .cd28-3950 {
  margin-top: 10.416667vw;
}

.cd28-container .cd28-3950 .section-txtwrap {
  text-align: center;
}

.cd28-container .cd28-3950 .section-pics {
  margin-top: 1.09375vw;
  width: 100%;
  position: relative;
}

/* .cd28-container .cd28-3950 .section-pics .spec-items {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 48.1%;
  transform: translateX(-50%);
  bottom: 1.114583vw;
}

.cd28-container .cd28-3950 .section-pics .spec-items .spec-item {
  text-align: center;
} */

.cd28-container .spec-item h3 {
  font-size: 3.333333vw;
  font-size: 3.125vw;
  line-height: 1.25;
  font-weight: bold;
}

.cd28-container .spec-item p {
  line-height: 1.6;
  margin-top: .9375vw;
  margin-top: .364583vw;
  font-size: 1.25vw;
  color: #8B8B8D;
}

/* .cd28-container .cd28-3950 .section-pics .spec-items .spec-item:not(:first-child) {
  margin-left: 11.458333vw;
} */

.cd28-container .cd28-3950 .media-cover:before {
  padding-bottom: calc(960 / 1920 * 100%);
  padding-bottom: calc(800 / 1920 * 100%);
}

@media screen and (max-aspect-ratio: 11/10) {
  .cd28-container .cd28-3950 {
    margin-top: 27.777778vw;
  }

  .cd28-container .cd28-3950 .section-txtwrap {
    width: 83.333333vw;
    width: 86.111111vw;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: -.4vw;
  }
  .cd28-container .cd28-3950 .des-txtwrap {
    width: 83.333333vw;
    width: 86.111111vw;
    margin-top: 5.555556vw;
    margin-left: auto;
    margin-right: auto;
  }
  .cd28-container .cd28-3950 .section-pics {
    margin: 5.555556vw auto 0;
    flex-direction: column;
  }

  .cd28-container .cd28-3950 .section-pics .pic-item:not(:first-child) {
    margin-left: 0;
  }

  /* .cd28-container .cd28-3950 .section-pics .spec-items {
    margin: 5.555556vw 0 0 2.083333vw;
  } */

  .cd28-container .spec-item h3 {
    font-size: 8.888889vw;
  }
  
  .cd28-container .spec-item p {
    margin-top: 2.222222vw;
    font-size: 3.888889vw;
  }

  /* .cd28-container .cd28-3950 .section-pics .spec-items .spec-item:nth-child(1) img {
    width: 14.166667vw;
    height: 6.944444vw;
  }

  .cd28-container .cd28-3950 .section-pics .spec-items .spec-item:nth-child(2) img {
    width: 12.916667vw;
    height: 6.666667vw;
    margin-top: .416667vw;
  }

  .cd28-container .cd28-3950 .section-pics .spec-items .spec-item:nth-child(3) img {
    width: 10.972222vw;
    height: 6.111111vw;
    margin-top: .972222vw;
  }

  .cd28-container .cd28-3950 .section-pics .spec-items .spec-item p {
    margin-top: .972222vw;
    font-size: 3.333333vw;
  }

  .cd28-container .cd28-3950 .section-pics .spec-items .spec-item:not(:first-child) {
    margin-left: 4.166667vw;
  } */
  .cd28-container .cd28-3950 .media-cover:before {
    padding-bottom: calc(600 / 720 * 100%);
  }
  
}






.cd28-container .cd28-star {
  margin-top: 10.416667vw;
  margin-top: 5.208333vw;
}

.cd28-container .cd28-star .section-txtwrap {
  display: flex;
  justify-content: space-between;
  margin-left: 18.541667vw;
  margin-right: 23.4375vw;
  align-items: center;
}

.cd28-container .cd28-star .des-txtwrap {
  text-align: center;
  margin-top: 3.125vw;
}

.cd28-container .cd28-star .section-txtwrap div:last-child h3 {
  font-size: 3.333333vw;
}
.cd28-container .cd28-star .section-video .play-btn{
  position: absolute;
  bottom: .46875vw;
  right: 1.5625vw;
  width: 2.8125vw;
  height: 2.8125vw;
  z-index: 3;
}
.cd28-container .cd28-star .section-pics{
  width: 71.145833vw;
  margin: 3.645833vw auto 0;
}
.cd28-container .cd28-star .section-video {
  width: 71.145833vw;
  height: 40vw;
  margin: 3.645833vw auto 0;
  overflow: hidden;
  position: relative;
}
.cd28-container .cd28-star .section-video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50%;
}
.cd28-container .ucshow {
  display: none;
}

.cd28-container.isUC .ucshow {
  display: block;
}
.cd28-container .cd28-star .media-cover:before {
  padding-bottom: calc(768 / 1366* 100%);
}
@media screen and (max-aspect-ratio: 11/10) {
  .cd28-container .cd28-star .media-cover:before {
    padding-bottom: calc(647 / 720* 100%);
  }
  .cd28-container .cd28-star {
    margin-top: 27.777778vw;
  }

  .cd28-container .cd28-star .section-txtwrap {
    flex-direction: column;
    width: 79.166667vw;
    width: 83.333333vw;
    width: 80.333333vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .cd28-container .cd28-star .section-pics{
    width: 100%;
    margin: 8.333333vw auto 0;
    border-radius: 0;
  }
  .cd28-container .cd28-star .des-txtwrap {
    width: 83.333333vw;
    width: 86.111111vw;
    margin: 8.333333vw auto 0;
    text-align: left;
  }
  .cd28-container .cd28-star .section-txtwrap div:last-child h3{
    font-size: 8.888889vw;
  }
  .cd28-container .cd28-star .section-txtwrap div:last-child {
    margin-top: 11.111111vw;
  }

  .cd28-container .cd28-star .section-txtwrap div:last-child p:first-child {
    font-size: 11.111111vw;
  }



  .cd28-container .cd28-star .section-txtwrap div:last-child p:first-child img {
    width: 4.266667vw;
  }
  .cd28-container .cd28-star .section-video .play-btn{
    bottom: 5.555556vw;
    right: 5.555556vw;
    width: 10vw;
    height: 10vw;
  }
  .cd28-container .cd28-star .section-video {
    width: 100%;
    height: 90.277778vw;
    margin: 8.333333vw 0;
    border-radius: 0;
  }

  .cd28-container .cd28-star .section-video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 46%;
  }

  .cd28-container .ucshow {
    display: none;
  }

  .cd28-container.isUC .ucshow {
    display: block;
  }
}





.cd28-container .cd28-color {
  width: 71.145833vw;
  margin: 10.416667vw auto 0;
}

.cd28-container .cd28-color .section-txtwrap {
  text-align: center;
}

.cd28-container .section-swiper {
  margin-top: 4.166667vw;
}

.cd28-container .color-swiper .swiper-slide {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.cd28-container .color-swiper .swiper-slide picture {
  border-radius: .833333vw;
  -webkit-border-radius: .833333vw;
  overflow: hidden;
  transform: scale(1);
  -webkit-transform: scale(1);
}

/* .cd28-container .color-swiper .swiper-slide .line {
  width: 24.904688vw;
  position: absolute;
  top: 7.135417vw;
  left: 28.322917vw;
} */

.cd28-container .color-swiper .swiper-slide .picture-1 {
  width: 42.708333vw;
  position: relative;
}

.cd28-container .color-swiper .swiper-slide .txt-des {
  font-size: 1.25vw;
  color: #fff;
  line-height: 1.25;
}

.cd28-container .color-swiper .swiper-slide .picture-1 .txt-des {
  position: absolute;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  bottom: 2.083333vw;
  left: 0;
  right: 0;
  bottom: 2.03125vw;
}

.cd28-container .color-swiper .swiper-slide .picture-2 {
  width: 26.875vw;
  position: relative;
}

.cd28-container .color-swiper .swiper-slide .picture-2 .txt-des {
  position: absolute;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  bottom: 2.083333vw;
  left: 0;
  right: 0;
}

.cd28-container .color-swiper .swiper-slide .picture-1 .media-cover:before {
  padding-bottom: calc(700 / 820 * 100%);
}

.cd28-container .color-swiper .swiper-slide .picture-2 .media-cover:before {
  padding-bottom: calc(700 / 516 * 100%);
}

.cd28-container .section-swiper .icon-txt {
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: 2.395833vw;
}

.cd28-container .section-swiper .icon-txt li {
  opacity: 0;
  font-size: 1.25vw;
  font-weight: bold;
  line-height: 1.25;
  color: #fff;
}

.cd28-container .section-swiper[data-id="0"] .icon-txt li:first-child,
.cd28-container .section-swiper[data-id="1"] .icon-txt li:last-child {
  opacity: 1;
}

.cd28-container .section-swiper .icon-txt li:last-child {
  position: absolute;
}

.cd28-container .section-swiper .icon-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .78125vw;
}

.cd28-container .section-swiper .icon-btn li {
  width: 2.083333vw;
  height: 2.083333vw;
  cursor: pointer;
  /* overflow: visible;
  display: flex;
  justify-content: center;
  align-items: center; */
}
.cd28-container .section-swiper .icon-btn li svg{
  width: 100%;
  height: 100%;
  overflow: visible;
}
.cd28-container .section-swiper .icon-btn li:last-child {
  margin-left: 1.25vw;
}

.cd28-container .section-swiper .icon-btn li .yuan {
  opacity: 0;
}

.cd28-container .section-swiper[data-id="0"] .icon-btn li:first-child .yuan,
.cd28-container .section-swiper[data-id="1"] .icon-btn li:last-child .yuan {
  opacity: 1;
}

@media screen and (max-aspect-ratio: 11/10) {
  .cd28-container .cd28-color {
    width: 86.111111vw;
    margin: 27.777778vw auto 0;
  }

  .cd28-container .cd28-color .section-txtwrap{
    width: 78.055556vw;
    margin: 0 auto;
  }
  .cd28-container .section-swiper {
    margin-top: 10.416667vw;
  }
  
  .cd28-container .color-swiper .swiper-slide {
    flex-direction: column;
  }
  
  .cd28-container .color-swiper .swiper-slide picture {
    border-radius: 2.222222vw;
    -webkit-border-radius: 2.222222vw;
    overflow: hidden;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  
  .cd28-container .color-swiper .swiper-slide .picture-1 {
    width: 100%;
  }
  
  .cd28-container .color-swiper .swiper-slide .txt-des {
    font-size: 3.888889vw;
  }
  
  .cd28-container .color-swiper .swiper-slide .picture-1 .txt-des {
    bottom: 4.027778vw;
  }
  
  .cd28-container .color-swiper .swiper-slide .picture-2 {
    width: 100%;
    margin-top: 4.166667vw;
  }
  
  .cd28-container .color-swiper .swiper-slide .picture-1 .media-cover:before {
    padding-bottom: calc(420 / 620 * 100%);
  }
  
  .cd28-container .color-swiper .swiper-slide .picture-2 .media-cover:before {
    padding-bottom: calc(680 / 620 * 100%);
  }
  
  .cd28-container .section-swiper .icon-txt {
    margin-top: 7.638889vw;
  }
  
  .cd28-container .section-swiper .icon-txt li {
    font-size: 5.555556vw;
  }
  
  .cd28-container .section-swiper .icon-btn {
    margin-top: 4.166667vw;
  }
  
  .cd28-container .section-swiper .icon-btn li {
    width: 8.333333vw;
    height: 8.333333vw;
  }
  
  .cd28-container .section-swiper .icon-btn li:last-child {
    margin-left: 5.555556vw;
  }

}



.cd28-container .cd28-charge {
  margin-top: 10.416667vw;
}

.cd28-container .cd28-charge .section-pics {
  position: relative;
}

.cd28-container .des-bg {
  font-size: 9.53125vw;
  /* font-size: 9.791667vw; */
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  position: absolute;
  top: 47.8%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  perspective: 500px;
  perspective: 400px;
  perspective: 300px;
}

.cd28-container .des-bg span:first-child {
  margin-left: 4.947917vw;
  margin-left: 7.4%;
  transform: rotateY(13deg) scaleX(.78);
}
.cd28-container .des-bg span:last-child {
  margin-right: 5.15625vw;
  margin-right: 7%;
  transform: rotateY(347deg) scaleX(.78);
}

.cd28-container .des-bg span:first-child {
  background-image: linear-gradient(96deg, #FCFBFF 0, #EDEEF2 80%, #A3ACB1 100%);
  background-image: linear-gradient(96deg, #FCFBFF 0, #EDEEF2 80%, #3e3f40 100%);
  background-image:linear-gradient(96deg, #F2F9FF 0, #A7D5FF 70%, #48A7FF 86%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

.cd28-container .des-bg span:last-child {
  background-image: linear-gradient(96deg, #2896F8 0, #5AD9F5 50%, #2896F8 100%);
  background-image: linear-gradient(123deg, #197CD5 0, #5AD9F5 50%, #197CD5 100%);
  background-image: linear-gradient(123deg, #43A4FF 15%, #A7D5FF 60%, #FFFFFF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

.cd28-container .cd28-charge .picture-1.media-cover:before {
  padding-bottom: calc(768 / 1366 * 100%);
}

.cd28-container .picture-mouse.media-cover:before {
  padding-bottom: calc(386 / 528 * 100%);
}

.cd28-container .picture-mouse {
  width: 27.5vw;
  width: 39.583333vw;
  width: 55.637%;
  position: absolute;
  z-index: 3;
  top: 51%;
  left: 51.2%;
  transform: translate(-50%, -50%);
}
.cd28-container .section-reasons .picture-mouse {
  width: 55.637%;
  width: 60.637%;
}

.cd28-container .cd28-charge .section-txtwrap {
  text-align: center;
}

.cd28-container .cd28-charge .section-pics {
  width: 71.145833vw;
  margin: 4.166667vw auto 0;
  border-radius: .833333vw;
  -webkit-border-radius: .833333vw;
  overflow: hidden;
  transform: scale(1);
  -webkit-transform: scale(1);
}

.cd28-container .cd28-charge .des-txtwrap {
  margin-top: 3.125vw;
  margin-left: 19.791667vw;
  margin-right: 19.791667vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-aspect-ratio: 11/10) {
  .cd28-container .cd28-charge {
    margin-top: 27.777778vw;
  }

  .cd28-container .des-bg {
    font-size: 20.833333vw;
    top: 47.8%;
    top: 51%;
    perspective: 300px;
    perspective: none;
  }
  
  .cd28-container .des-bg span:first-child {
    margin-left: 4.947917vw;
    margin-left: 7.4%;
    transform: rotateY(13deg) scaleX(.78);
    transform: rotateY(0deg) scaleX(1);
  }
  .cd28-container .des-bg span:last-child {
    margin-right: 5.15625vw;
    margin-right: 7%;
    transform: rotateY(347deg) scaleX(.78);
    transform: rotateY(0deg) scaleX(1);
    margin-top: 50%;
  }
  
  .cd28-container .des-bg span:first-child {
    background-image:linear-gradient(96deg, #F2F9FF 0, #A7D5FF 70%, #48A7FF 86%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
  
  }
  
  .cd28-container .des-bg span:last-child {
    background-image: linear-gradient(123deg, #43A4FF 15%, #A7D5FF 60%, #FFFFFF 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
  }
  
  .cd28-container .cd28-charge .picture-1.media-cover:before {
    padding-bottom: calc(750 / 720 * 100%);
  }
  
  .cd28-container .picture-mouse.media-cover:before {
    padding-bottom: calc(386 / 528 * 100%);
    padding-bottom: calc(1083 / 1035* 100%);
  }
  
  .cd28-container .picture-mouse {
    width: 64.58%;
  }
  .cd28-container .section-reasons .picture-mouse {
    width: 64.58%;
    top: 20.13%;
    left: 19.4444%;
  }
  
  .cd28-container .cd28-charge .section-txtwrap .spec-item{
    margin-top: 11.111111vw;
    display: block;
  }
  .cd28-container .cd28-charge .section-pics {
    width: 100%;
    margin: 11.111111vw auto 0;
    border-radius: 0;
  }
  
  .cd28-container .cd28-charge .des-txtwrap {
    width: 83.333333vw;
    width: 86.111111vw;
    margin: 8.333333vw auto 0;
  }
}





.cd28-container .cd28-mousebtn {
  position: relative;
}

.cd28-container .cd28-mousebtn .section-txtwrap {
  position: absolute;
  top: 10.104167vw;
  left: 18.75vw;
  z-index: 3;
}

.cd28-container .cd28-mousebtn .section-txtwrap article {
  margin-top: 2.604167vw;
  margin-top: 2.083333vw;
}

.cd28-container .cd28-mousebtn .section-txtwrap .spec-item {
  margin-top: 4.479167vw;
}

.cd28-container .cd28-mousebtn .section-pics {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.cd28-container .cd28-mousebtn .media-cover:before {
  padding-bottom: calc(898 / 1920 * 100%);
  padding-bottom: calc(800 / 1920 * 100%);
}

@media screen and (max-aspect-ratio: 11/10) {
  .cd28-container .cd28-mousebtn {
    margin-top: 0;
    margin-top: 27.777778vw;
  }
  
  .cd28-container .cd28-mousebtn .section-txtwrap {
    position: static;
    text-align: center;
  }

  .cd28-container .cd28-mousebtn .des-txtwrap {
    text-align: center;
    width: 83.333333vw;
    width: 86.111111vw;
    margin: 2.777778vw auto 0;
  }
  .cd28-container .cd28-mousebtn .section-pics {
    margin-top: 2.638889vw;
  }
  .cd28-container .cd28-mousebtn .section-txtwrap .spec-item {
    margin-top: 11.111111vw;
  }

  
  .cd28-container .cd28-mousebtn .media-cover:before {
    padding-bottom: calc(600 / 720 * 100%);
  }
}





.cd28-container .cd28-thin {
  position: relative;
}

.cd28-container .cd28-thin .section-txtwrap {
  position: absolute;
  top: 7.291667vw;
  top: 10.416667vw;
  left: 61.09375vw;
  z-index: 3;
}

.cd28-container .cd28-thin .section-txtwrap article {
  margin-top: 2.604167vw;
  margin-top: 2.083333vw;
}

.cd28-container .cd28-thin .section-txtwrap .spec-item {
  margin-top: 4.479167vw;
}


.cd28-container .cd28-thin .section-pics {
  width: 56.25vw;
  padding-top: 14.6875vw;
  padding-top: 18.229167vw;
  margin-left: 12.864583vw;
  margin-right: auto;
}

.cd28-container .cd28-thin .media-cover:before {
  padding-bottom: calc(768 / 1080 * 100%);
}

@media screen and (max-aspect-ratio: 11/10) {
  .cd28-container .cd28-thin{
    margin-top: 27.777778vw;
  }
  .cd28-container .cd28-thin .section-txtwrap {
    position: static;
    width: 83.333333vw;
    width: 86.111111vw;
    margin: 8.333333vw auto 0;
  }
  .cd28-container .cd28-thin .section-txtwrap h2{
    text-align: center;
    width: 100%;
  }
  
  .cd28-container .cd28-thin .section-txtwrap article {
    margin-top: 2.604167vw;
    text-align: left;
  }
  
  .cd28-container .cd28-thin .section-txtwrap .spec-item {
    margin-top: 11.111111vw;
    text-align: center;
  }
  
  .cd28-container .cd28-thin .section-pics {
    width: 100%;
    padding-top: 11.111111vw;
    margin-left: 0;
    margin-right: 0;
  }
  
  .cd28-container .cd28-thin .media-cover:before {
    padding-bottom: calc(650 / 720 * 100%);
  }
}




.cd28-container .section-footnote {
  color: #868686;
  font-size: max(0.625vw, 12px);
  line-height: 1.6;
  margin-left: auto;
  margin-right: auto;
  width: 71.145833vw;
  margin-top: 10.416667vw;
  border-top: 1px solid #575A62;
  padding-top: 4.166667vw;
  padding-bottom: 10.416667vw;
  overflow: hidden;
}

.cd28-container .section-footnote ol {
  list-style-type: decimal;
  padding-left: 1.5em;
}

.cd28-container .section-footnote p {
  padding-left: 2em;
  padding-bottom: 1em;
}

.cd28-container .section-footnote .active {
  color: #FFFFFF;
}

.cd28-container .section-footnote .price {
  list-style-type: none;
  position: relative;
  pointer-events: none;
}

.cd28-container .section-footnote a {
  color: #1f71ff;
}

.cd28-container .section-footnote .price::before {
  content: "*";
  position: absolute;
  bottom: 0;
  padding-right: 3px;
  transform: translateX(-100%);
}

@media screen and (max-aspect-ratio: 11/10) {
  .cd28-container .section-footnote {
    font-size: 3.333333vw;
    width: 82.222222vw;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 27.777778vw;
    padding-top: 11.111111vw;
    margin-top: 27.777778vw;
  }
}

@media screen and (max-aspect-ratio: 11/10) {
  .cd28-container .space {
    margin-top: 27.777778vw;
  }

  .cd28-container .halfspace {
    margin-top: 16.666667vw;
  }

  .cd28-container .pc-show {
    display: none;
  }
  .cd28-container h2 .pc-show {
    display: none;
  }
  .cd28-container .mob-show {
    display: initial;
  }

  .cd28-container .wrap-mid {
    width: 86.111111vw;
  }

  .cd28-container .sec-txt-120 {
    font-size: 16.666667vw;
  }

  .cd28-container .sec-txt-80 {
    font-size: 11.111111vw;
  }

  .cd28-container .sec-txt-64 {
    font-size: 8.888889vw;
  }

  .cd28-container .sec-txt-48 {
    font-size: 6.666667vw;
  }

  .cd28-container .sec-txt-40 {
    font-size: 5.555556vw;
  }

  .cd28-container .sec-txt-32 {
    font-size: 4.444444vw;
  }

  .cd28-container .sec-txt-24 {
    font-size: 3.333333vw;
    font-size: 4.444444vw;
  }

  .cd28-container .sec-txt-22 {
    font-size: 3.055556vw;
    font-size: 4.444444vw;
  }

  .cd28-container .sec-txt-20 {
    font-size: 2.777778vw;
  }

  .cd28-container .sec-txt-18 {
    font-size: 3.333333vw;
  }

  .cd28-container .sec-mart-25 {
    margin-top: 3.472222vw;
  }

  .cd28-container .sec-marb-30 {
    margin-bottom: 4.166667vw;
  }

  .cd28-container .sec-marb-40 {
    margin-bottom: 5.555556vw;
  }
  .cd28-container .sec-mart-36 {
    margin-top: 5.055556vw;
  }
  .cd28-container .sec-mart-40 {
    margin-top: 5.555556vw;
  }
  .cd28-container .sec-mart-50 {
    margin-top: 6.944444vw;
  }
  .cd28-container .sec-mart-60 {
    margin-top: 8.333333vw;
  }
  .cd28-container .sec-marb-80 {
    margin-bottom: 11.111111vw;
  }

  .cd28-container .radius40 {
    border-radius: 5.555556vw;
    -webkit-border-radius: 5.555556vw;
  }

  .cd28-container .radius20 {
    border-radius: 2.777778vw;
    -webkit-border-radius: 2.777778vw;
  }
  .cd28-container .radius16 {
    border-radius: 2.222222vw;
    -webkit-border-radius: 2.222222vw;
  }
  .cd28-container .radius10 {
    border-radius: 2.777778vw;
    border-radius: 1.388889vw;
    -webkit-border-radius: 1.388889vw;
  }

  .cd28-container .wrap-mid {
    width: 83.333333vw;
  }

  .cd28-container .desp {
    font-size: 3.333333vw;
    margin-top: 2.777778vw;
  }

  .cd28-container h3 {
    letter-spacing: -0.2vw;
  }

  /* .cd28-container .section-txtwrap > h3,.cd28-container .section-txtwrap div:not(.spec-item) h3 {
    font-size: 10vw;
  } */
  .cd28-container .section-txtwrap h2{
    font-size: 10vw;
    font-size: 11.111111vw;
  }

  .cd28-container article {
    font-size: 4.444444vw;
  }
}

/*# sourceMappingURL=index.css.map */