#hmos-next {
  background: linear-gradient(to bottom, transparent, #F4F5F7 50%);
  --navHeight: 80px;
}
#hmos-next *, #hmos-next::before, #hmos-next::after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
#hmos-next *:focus, #hmos-next *:active {
  outline: none;
}
#hmos-next sup {
  font-size: 0.6em;
  line-height: 1;
}
#hmos-next sup[data-index] {
  cursor: pointer;
}
#hmos-next section {
  width: 100%;
  position: relative;
  overflow: hidden;
}
#hmos-next .blur-up {
  filter: blur(20px);
  transition: filter 0.2s;
  will-change: filter;
}
#hmos-next .blur-up.lazyloaded {
  filter: blur(0);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #hmos-next .blur-up {
    transition: opacity 0.3s;
    opacity: 0.001;
  }
  #hmos-next .blur-up.lazyloaded {
    opacity: 1;
  }
}
#hmos-next img,
#hmos-next video {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#hmos-next .media-cover {
  position: relative;
  width: 100%;
  display: block;
}
#hmos-next .media-cover img,
#hmos-next .media-cover video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
}
#hmos-next .media-cover:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
#hmos-next .relative {
  position: relative;
}
#hmos-next .absolute {
  position: absolute;
}
#hmos-next .txt-center {
  text-align: center;
}
#hmos-next .sec-radius {
  border-radius: 3.125vw;
  -webkit-border-radius: 3.125vw;
  -moz-border-radius: 3.125vw;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
#hmos-next .flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#hmos-next .flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
#hmos-next .mob-show {
  display: none;
}
#hmos-next .pc-show {
  display: initial;
}
#hmos-next .space {
  margin-top: 10.416667vw;
}
#hmos-next span.nowrap {
  white-space: nowrap;
}
#hmos-next .sec-txt-16 {
  font-size: 0.833333vw;
  line-height: 1.6;
}
#hmos-next .sec-txt-20 {
  font-size: 1.041667vw;
  line-height: 1.6;
}
#hmos-next .sec-txt-22 {
  font-size: 1.145833vw;
  line-height: 1.6;
  color: #7A7C80;
}
#hmos-next .sec-txt-24 {
  font-size: 1.25vw;
  line-height: 1.6;
}
#hmos-next .sec-txt-48 {
  font-size: 2.5vw;
  line-height: 1.6;
}
#hmos-next .sec-txt-64 {
  font-size: 3.333333vw;
  line-height: 1.25;
  font-weight: bold;
  color: #211D1E;
}
#hmos-next .sec-txt-120 {
  font-size: 6.25vw;
  font-weight: bold;
  line-height: 1.25;
}
#hmos-next .sec-marb-30 {
  margin-bottom: 1.5625vw;
}
#hmos-next .sec-marb-40 {
  margin-bottom: 2.083333vw;
}
#hmos-next .sec-marb-60 {
  margin-bottom: 3.125vw;
}
#hmos-next .sec-marb-80 {
  margin-bottom: 4.166667vw;
}
#hmos-next .bold {
  font-weight: 700;
}
#hmos-next .section-shape-round {
  padding-bottom: 14.583333vw;
}
#hmos-next .section-shape-round .shape-round-home {
  will-change: transform;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  transform: translate3d(0px, 0px, 0px) scale(1, 0);
}
#hmos-next .section-shape-round .shape-round-home .shape-round {
  position: absolute;
  width: 100%;
  padding-top: 9.375vw;
  pointer-events: none;
  overflow: hidden;
}
#hmos-next .section-shape-round .shape-round-home .shape-round::after {
  pointer-events: all;
  content: "";
  width: 276.5625vw;
  height: 276.5625vw;
  display: block;
  left: 50%;
  transform: translateX(-50%) translateZ(0);
  position: absolute;
  top: 0;
  border-radius: 50%;
  background-clip: padding-box;
}
#hmos-next .section-shape-round .shape-round-home .shape-round.light::after {
  background: linear-gradient(to bottom, #DBDFEB 0%, #EDF0F7 2.6%, #F4F5F7 12.7%, #F4F5F7 14%);
}
#hmos-next .section-shape-round .shape-round-home .shape-round.dark::after {
  background: linear-gradient(to bottom, #3A394A 0%, #000000 1.3%, #4C4B5A 100%);
}
#hmos-next .section-shape-round .shape-round-home .shape-round.bottom {
  transform-origin: bottom;
  bottom: -1px;
}
#hmos-next .page-title-set .page-title {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#hmos-next .page-title-set .page-title .page-title-sm {
  display: inline-block;
  font-weight: 500;
  margin: 0 auto 1.666667vw;
  z-index: 1;
  line-height: 1.25;
}
#hmos-next .page-title-set .page-title .page-title-sm span {
  background-image: linear-gradient(120deg, #4B4D52 0%, #696B6F 20%, #848484 50%, #848689 60%, #4B4D52 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#hmos-next .section-hero .media-cover:before {
  padding-bottom: 55%;
}
#hmos-next .section-hero .hero-text {
  width: 39.791667vw;
  top: 20.744792vw;
  left: 14.61375vw;
}
#hmos-next .section-introduction {
  padding: 10.416667vw 0 12.5vw;
  background: #FFFFFF;
}
#hmos-next .section-introduction .shape-round-home .shape-round.light::after {
  background: linear-gradient(to bottom, #DBDFEB 0%, #EDF0F7 2.6%, #F4F5F7 3.7%, #F4F5F7 1%);
}
#hmos-next .section-introduction .section-txt-list {
  width: 40.802083vw;
  margin: 0 auto;
}
#hmos-next .section-introduction .section-txt-list .copy {
  transition: color 0.3s ease-in-out;
  color: rgba(53, 56, 59, 0.1);
  font-size: 2.083333vw;
  line-height: 1.6;
}
#hmos-next .section-introduction [data-active="1"] .copy-1,
#hmos-next .section-introduction [data-active="2"] .copy-2,
#hmos-next .section-introduction [data-active="2"] .copy-3,
#hmos-next .section-introduction [data-active="2"] .copy-4,
#hmos-next .section-introduction [data-active="2"] .copy-5,
#hmos-next .section-introduction [data-active="2"] .copy-6 {
  color: #35383B;
}
#hmos-next .section-introduction .button-area {
  display: flex;
  align-items: center;
  margin-top: 4.166667vw;
}
#hmos-next .section-introduction .button-area .button {
  will-change: width;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.375vw;
  height: 4.375vw;
  margin: 0 auto;
  border-radius: 2.1875vw;
  -webkit-border-radius: 2.1875vw;
  -moz-border-radius: 2.1875vw;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  background-color: #F0F3F7;
  transition: background 0.3s;
  cursor: pointer;
}
#hmos-next .section-introduction .button-area .button:hover {
  background-color: #E4E7EF;
}
#hmos-next .section-introduction .button-area .button .button-wrap {
  width: 11.25vw;
  height: 4.375vw;
  opacity: 0;
  transition: all 0.2s;
  padding-left: 1.458333vw;
  padding-right: 0.729167vw;
  flex-shrink: 0;
}
#hmos-next .section-introduction .button-area .button .button-wrap span {
  font-size: 1.354167vw;
  line-height: 1.6;
  color: #6D6F72;
  white-space: nowrap;
}
#hmos-next .section-introduction .button-area .button .button-wrap img {
  width: 2.916667vw;
  margin-left: 0.729167vw;
}
#hmos-next .section-newlook .container {
  padding-top: 2.083333vw;
  background: linear-gradient(to bottom, #EDF0F7 -1%, #F4F5F7 1%, #F4F5F7 85%, transparent);
  position: relative;
}
#hmos-next .section-newlook .container .page-title {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#hmos-next .section-newlook .container .page-title .ball-main {
  will-change: transform;
  overflow: hidden;
  background: #F4F5F7;
  border-radius: 50%;
}
#hmos-next .section-newlook .container .page-title .ball-main img {
  z-index: 1;
}
#hmos-next .section-newlook .container .page-title .ball-main .magnifier {
  will-change: transform;
  width: 21.708333vw;
}
#hmos-next .section-newlook .container .page-title .ball-main .magnifier .sec-txt-120 {
  font-size: 7.083333vw;
}
#hmos-next .section-newlook .container .page-title .ball-1 {
  width: 6.09375vw;
  height: 6.041667vw;
  top: 11.614583vw;
  left: 4.895833vw;
  transform: translate(-7.5vw, -12.552083vw);
}
#hmos-next .section-newlook .container .page-title .ball-1 .magnifier {
  transform: translate(1.458333vw, 0.166667vw);
}
#hmos-next .section-newlook .container .page-title .ball-2 {
  width: 3.125vw;
  height: 3.125vw;
  top: 12.65625vw;
  left: 15.989583vw;
  transform: translate(-6.197917vw, -7.552083vw);
}
#hmos-next .section-newlook .container .page-title .ball-2 .magnifier {
  transform: translate(-10.989583vw, -5.989583vw);
}
#hmos-next .section-newlook .container .page-title .ball-3 {
  width: 6.458333vw;
  height: 6.458333vw;
  top: 3.385417vw;
  left: 9.84375vw;
  transform: translate(4.270833vw, -7.03125vw);
}
#hmos-next .section-newlook .container .page-title .ball-3 .magnifier {
  transform: translate(-15.3125vw, 2.760417vw);
}
#hmos-next .section-newlook .container .page-title .page-title-canvas {
  width: 25.104167vw;
  height: 22.458333vw;
  margin-top: -4.51875vw;
}
#hmos-next .section-newlook .container .page-title .page-title-canvas canvas {
  width: 100%;
  height: 100%;
}
#hmos-next .section-newlook .container .section-esthetics {
  width: 100%;
  height: 67.405208vw;
}
#hmos-next .section-newlook .container .section-esthetics .section-txt {
  width: 19.895833vw;
  top: 0;
  left: 29.375vw;
  z-index: 1;
}
#hmos-next .section-newlook .container .section-esthetics .section-pictures {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#hmos-next .section-newlook .container .section-esthetics .section-pictures .section-picture {
  will-change: transform;
}
#hmos-next .section-newlook .container .section-esthetics .section-pictures .section-picture-1 {
  width: 44.027083vw;
  top: 28.520833vw;
  left: -8.802083vw;
  transform: translateX(-21.5625vw);
  -webkit-transform: translateX(-21.5625vw);
}
#hmos-next .section-newlook .container .section-esthetics .section-pictures .section-picture-2 {
  width: 22.985938vw;
  left: 34.203125vw;
  top: 22.75vw;
  transform: translateY(19.791667vw);
  -webkit-transform: translateY(19.791667vw);
}
#hmos-next .section-newlook .container .section-esthetics .section-pictures .section-picture-3 {
  width: 22.985417vw;
  left: 57.304687vw;
  top: 0.729167vw;
  transform: translateY(15.791667vw);
  -webkit-transform: translateY(15.791667vw);
}
#hmos-next .section-newlook .container .section-esthetics .section-pictures .section-picture-4 {
  width: 44.016146vw;
  left: 56.928646vw;
  top: 44.338542vw;
  transform: translateX(21.5625vw);
  -webkit-transform: translateX(21.5625vw);
}
#hmos-next .section-newlook .container .section-unified .section-txt {
  width: 45.260417vw;
  margin: 0 auto 3.125vw;
  align-items: flex-start;
}
#hmos-next .section-newlook .container .section-unified .section-txt .desc {
  width: 21.875vw;
}
#hmos-next .section-newlook .container .section-unified .unified-swiper {
  width: 74.583333vw;
  margin: 0 auto;
}
#hmos-next .section-newlook .container .section-unified .unified-swiper .swiper-slide {
  width: 100%;
}
#hmos-next .section-newlook .container .section-unified .unified-swiper .swiper-slide .media-cover::before {
  padding-bottom: 42.6675977654%;
}
#hmos-next .section-newlook .container .section-unified .unified-swiper .swiper-pagination {
  position: relative;
  top: 0;
  margin-top: 1.5625vw;
}
#hmos-next .section-newlook .container .section-unified .unified-swiper .swiper-pagination .swiper-pagination-bullet {
  will-change: width;
  width: 0.625vw;
  height: 0.625vw;
  background-color: #BCBEC1;
  opacity: 1;
  margin: 0 0.338542vw;
  border-radius: 0.364583vw;
  transition: width 0.5s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
#hmos-next .section-newlook .container .section-unified .unified-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 1.71875vw;
}
#hmos-next .section-newlook .container .section-theme .section-txt {
  width: 33.333333vw;
  margin: 0 auto 1.5625vw;
}
#hmos-next .section-newlook .container .section-theme .section-txt .h3 .flex-between {
  justify-content: center;
}
#hmos-next .section-newlook .container .section-theme .section-txt .emoji-txt {
  display: inline-block;
}
#hmos-next .section-newlook .container .section-theme .section-txt .emoji-txt-1 {
  transform: translateX(2.708333vw);
  animation-duration: 0.95s;
}
@keyframes titletxt1Animation {
  0%, 50%, 70%, 85%, 99%, to {
    animation-timing-function: ease-out;
  }
  0% {
    transform: translateX(2.708333vw);
  }
  50% {
    transform: translateX(-0.203125vw);
  }
  70% {
    transform: translateX(0.203125vw);
  }
  85% {
    transform: translateX(-0.067708vw);
  }
  99% {
    transform: translateX(0.52px);
  }
  100% {
    transform: translateX(0);
  }
}
#hmos-next .section-newlook .container .section-theme .section-txt .emoji-txt-2 {
  transform: translateX(-2.708333vw);
  animation-duration: 0.95s;
}
@keyframes titletxt2Animation {
  0%, 50%, 70%, 85%, 99%, to {
    animation-timing-function: ease-out;
  }
  0% {
    transform: translateX(-2.708333vw);
  }
  50% {
    transform: translateX(0.203125vw);
  }
  70% {
    transform: translateX(-0.203125vw);
  }
  85% {
    transform: translateX(0.067708vw);
  }
  99% {
    transform: translateX(-0.52px);
  }
  100% {
    transform: translateX(0);
  }
}
#hmos-next .section-newlook .container .section-theme .section-txt .emoji-icon {
  position: relative;
  width: 5.416667vw;
  transform: translateY(-70%) scale(0);
  z-index: 1;
  animation-duration: 0.95s;
}
@keyframes titleIconAnimation {
  0%, 50%, 70%, 85%, 99%, to {
    animation-timing-function: ease-out;
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -70%, 0) scale(1);
  }
  50% {
    opacity: 1;
    transform: translate3d(0, 1.041667vw, 0) scale(0.9);
  }
  70% {
    transform: translate3d(0, 0px, 0) scale(1);
  }
  85% {
    transform: translate3d(0, 0.260417vw, 0) scale(1);
  }
  99% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  to {
    transform: translateZ(0);
  }
}
#hmos-next .section-newlook .container .section-theme .section-txt.active .emoji-txt-1 {
  animation-name: titletxt1Animation;
  animation-fill-mode: forwards;
  will-change: transform;
}
#hmos-next .section-newlook .container .section-theme .section-txt.active .emoji-txt-2 {
  animation-name: titletxt2Animation;
  animation-fill-mode: forwards;
  will-change: transform;
}
#hmos-next .section-newlook .container .section-theme .section-txt.active .emoji-icon {
  animation-name: titleIconAnimation;
  animation-fill-mode: forwards;
  will-change: transform;
}
#hmos-next .section-newlook .container .section-theme .section-video {
  width: 100vw;
  height: 43.708333vw;
  margin: 0 auto;
}
#hmos-next .section-newlook .container .section-theme .section-video video {
  mix-blend-mode: darken;
}
#hmos-next .section-newlook .container .section-theme .media-cover::before {
  padding-bottom: 44.0625%;
}
#hmos-next .section-newlook .container .section-theme .replay-btn-area {
  position: relative;
  z-index: 1;
}
#hmos-next .section-newlook .container .section-theme .replay-btn-area .replay-btn {
  cursor: pointer;
  will-change: opacity;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}
#hmos-next .section-newlook .container .section-theme .replay-btn-area .replay-btn img {
  width: 1.5625vw;
}
#hmos-next .section-newlook .container .section-theme .replay-btn-area .replay-btn .txt {
  font-size: 1.145833vw;
  line-height: 1.6;
  color: #6D6F72;
}
#hmos-next .section-newlook .container .section-theme.ended .replay-btn-area .replay-btn {
  opacity: 1;
  pointer-events: all;
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-txt {
  width: 42.96875vw;
  margin: 0 auto 2.083333vw;
  align-items: flex-start;
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-txt .desc {
  width: 18.4375vw;
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures {
  width: 73.020833vw;
  margin: 0 auto;
  will-change: transform;
  padding-bottom: 3.125vw;
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .flex-between {
  align-items: initial;
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .section-picture {
  width: 16.145833vw;
  transition: all 0.1s linear;
  cursor: pointer;
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .section-picture .section-picture-wrap {
  will-change: transform;
  width: 100%;
  transform: translateY(20%);
  transition: all 0.1s linear;
  pointer-events: none;
  position: relative;
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .section-picture .section-picture-wrap::after {
  content: "";
  will-change: transform;
  display: block;
  width: 100%;
  height: 100%;
  border: 0 solid #C5CFDD;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1.5625vw;
  overflow: hidden;
  transition: all 0.6s linear;
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .section-picture .section-picture-wrap .media-cover {
  z-index: 1;
  border-radius: 1.5625vw;
  overflow: hidden;
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .section-picture .media-cover::before {
  padding-bottom: 226.4516129032%;
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .section-picture img.bg {
  will-change: transform;
  transition: all 0.8s ease-in-out;
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .section-picture.active .section-picture-wrap::after {
  border-width: 0.546875vw;
  border-radius: 2.083333vw;
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .section-picture.active .mask {
  opacity: 1;
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .section-picture:hover {
  transition: border 0.6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  border-color: rgba(197, 207, 221, 0.7);
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .section-picture-1 img.bg {
  transform-origin: 42% 66%;
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .section-picture-1.active img.bg {
  transform: scale(1.50568);
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .section-picture-2 img.bg {
  transform-origin: 62% 77%;
  transition: all 0.6s ease-in-out;
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .section-picture-2.active img.bg {
  transform: scale(1.211);
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .section-picture-3 img.bg {
  transform-origin: 57% 100%;
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .section-picture-3.active img.bg {
  transform: scale(1.18246);
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .section-picture-4 img.bg {
  transform-origin: 100% 11%;
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .section-picture-4.active img.bg {
  transform: scale(1.43953);
}
#hmos-next .section-newlook .container .section-intelligent-composition .section-pictures .mask {
  will-change: opacity;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.8s opacity;
  z-index: 2;
}
@keyframes fadeToggle {
  0%, 10%, 20%, 70%, 80%, 99.99%, 100% {
    transform: scale(1) translate3d(0, 0, 0);
  }
  40%, 50%, 60% {
    transform: scale(0.8154362416) translate3d(0, 0, 0);
  }
}
#hmos-next .section-newlook .container .section-intelligent-composition .tips {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -0.197917vw;
  will-change: transform;
  transform: translateY(9.739583vw);
  transition: all 0.1s linear;
}
#hmos-next .section-newlook .container .section-intelligent-composition .tips span {
  font-size: 1.041667vw;
  font-weight: 500;
  line-height: 1.6;
  color: #6D6F72;
}
#hmos-next .section-newlook .container .section-intelligent-composition .tips .icon {
  will-change: transform;
  width: 1.619792vw;
  margin-left: 0.78125vw;
  transform: scale(1) translate3d(0, 0, 0);
  animation: fadeToggle 1.6s linear infinite;
}
#hmos-next .section-ai {
  overflow: initial;
}
#hmos-next .section-ai .container {
  padding-top: 2.083333vw;
  background: linear-gradient(to bottom, #EDF0F7 0%, #F4F5F7 1%, #F4F5F7 85%, transparent);
}
#hmos-next .section-ai .container .section-xiaoyi .sticky-container {
  position: relative;
  height: 300vh;
}
#hmos-next .section-ai .container .section-xiaoyi .sticky-content {
  will-change: padding;
  position: sticky;
  height: auto;
  top: var(--navHeight);
}
#hmos-next .section-ai .container .section-xiaoyi .page-title {
  will-change: opacity;
  position: absolute;
  width: 100%;
  z-index: 1;
  opacity: 1;
}
#hmos-next .section-ai .container .section-xiaoyi .page-title .page-title-sm {
  margin-top: 0;
}
#hmos-next .section-ai .container .section-xiaoyi .page-title .page-title-sm span {
  background-image: linear-gradient(120deg, #FFEB52 0%, #E299DE 30%, #709BF4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#hmos-next .section-ai .container .section-xiaoyi .page-title .h2 .ai-text {
  will-change: opacity;
  display: inline-block;
  background-image: linear-gradient(170deg, #FDEC66 20%, #E299DE 50%, #709BF4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 6.875vw;
  margin: 0 1.458333vw;
}
#hmos-next .section-ai .container .section-xiaoyi .xiaoyi-canvas {
  will-change: transform, opacity;
  width: 100%;
  height: 40vw;
  opacity: 0;
}
#hmos-next .section-ai .container .section-xiaoyi .xiaoyi-canvas canvas {
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
}
#hmos-next .section-ai .container .section-xiaoyi .desc {
  will-change: opacity;
  width: 35.072917vw;
  margin: 0 auto;
  color: #6D6F72;
  opacity: 0;
  transition: opacity 0.3s ease;
}
#hmos-next .section-ai .container .section-xiaoyi .desc span.bold {
  font-weight: bold;
  color: #000000;
}
#hmos-next .section-ai .container .section-xiaoyi.active .desc {
  opacity: 1;
}
#hmos-next .section-ai .container .section-xiaoyi.animate1 .page-title .h2 .ai-text {
  opacity: 0;
}
#hmos-next .section-ai .container .section-xiaoyi.animate1 .xiaoyi-canvas {
  opacity: 1;
  transition-delay: 0.5s;
}
#hmos-next .section-ai .container .section-xiaoyi.animate2 .page-title {
  opacity: 0;
}
#hmos-next .section-ai .container .section-xiaoyi.animate2 .page-title .h2 .ai-text {
  opacity: 0;
}
#hmos-next .section-ai .container .section-xiaoyi.animate2 .xiaoyi-canvas {
  opacity: 1;
  transform: scale(1) translate(0, 0);
}
#hmos-next .section-ai .container .section-xiaoyi.animate3 .desc {
  opacity: 1;
}
#hmos-next .section-ai .container .section-qa .content > div {
  width: 81.25vw;
  margin: 0 auto;
  align-items: initial;
}
#hmos-next .section-ai .container .section-qa .content > div .card-item .copy {
  color: #95989D;
}
#hmos-next .section-ai .container .section-qa .content > div .card-item .copy .copy-bold {
  font-weight: bold;
  color: #000000;
}
#hmos-next .section-ai .container .section-qa .content > div .card-item-1 {
  width: 32.1875vw;
  background: linear-gradient(135deg, #F7F5DA, #F5E2F8, #C6DDFF);
}
#hmos-next .section-ai .container .section-qa .content > div .card-item-1 .copy {
  width: 22.291667vw;
  margin: 3.125vw 3.125vw 0;
  z-index: 1;
}
#hmos-next .section-ai .container .section-qa .content > div .card-item-1 .section-video {
  width: 100%;
}
#hmos-next .section-ai .container .section-qa .content > div .card-item-1 .section-video video {
  mix-blend-mode: darken;
  border-radius: 3.125vw;
}
#hmos-next .section-ai .container .section-qa .content > div .card-item-1 .media-cover:before {
  padding-bottom: 145.6310679612%;
}
#hmos-next .section-ai .container .section-qa .content > div .card-item-2 {
  width: 47.5vw;
}
#hmos-next .section-ai .container .section-qa .content > div .card-item-2 .copy {
  width: 20.947917vw;
  top: 3.125vw;
  left: 3.125vw;
  z-index: 1;
  color: #CFCFCF;
}
#hmos-next .section-ai .container .section-qa .content > div .card-item-2 .copy .copy-bold {
  color: #F4F3F3;
}
#hmos-next .section-ai .container .section-qa .content > div .card-item-2 .media-cover:before {
  padding-bottom: 98.6842105263%;
}
#hmos-next .section-ai .container .section-qa .content > div .card-item-2 .replay-btn {
  width: 2.65625vw;
  height: 2.65625vw;
  border-radius: 50%;
  right: 2.604167vw;
  bottom: 2.604167vw;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}
#hmos-next .section-ai .container .section-qa .content > div .card-item-2 .replay-btn img {
  width: 0.9375vw;
  position: absolute;
  left: 0;
  right: 0;
  top: 0.75vw;
  margin: 0 auto;
}
#hmos-next .section-ai .container .section-qa .content > div .card-item-2.ended .replay-btn {
  opacity: 1;
  pointer-events: all;
}
#hmos-next .section-ai .container .section-almighty {
  overflow: hidden;
}
#hmos-next .section-ai .container .section-almighty .wrap {
  width: 64.583333vw;
  margin: 0 auto;
}
#hmos-next .section-ai .container .section-almighty .wrap .h3 {
  text-align: center;
}
#hmos-next .section-ai .container .section-almighty .wrap .swiper {
  width: 100%;
  overflow: visible;
}
#hmos-next .section-ai .container .section-almighty .wrap .swiper .swiper-slide {
  will-change: transform;
  width: 66.458333vw;
  padding: 0 0.9375vw;
  transition: opacity;
  cursor: pointer;
}
#hmos-next .section-ai .container .section-almighty .wrap .swiper .swiper-slide .section-video {
  will-change: opacity;
}
#hmos-next .section-ai .container .section-almighty .wrap .swiper .swiper-slide .media-cover:before {
  padding-bottom: 61.2903225806%;
}
#hmos-next .section-ai .container .section-almighty .wrap .swiper .swiper-slide.swiper-slide-active {
  cursor: initial;
}
#hmos-next .section-ai .container .section-almighty .wrap .swiper .swiper-content {
  padding-left: 3.541667vw;
  padding-right: 3.541667vw;
  margin-top: 2.083333vw;
}
#hmos-next .section-ai .container .section-almighty .wrap .swiper .swiper-content .copy-list {
  width: 43.104167vw;
  display: flex;
}
#hmos-next .section-ai .container .section-almighty .wrap .swiper .swiper-content .copy-list .copy-item {
  position: relative;
  width: 100%;
  transition: opacity 0.5s;
  opacity: 0;
  color: #6D6F72;
}
#hmos-next .section-ai .container .section-almighty .wrap .swiper .swiper-content .copy-list .copy-item span.bold {
  color: #000000;
  font-weight: bold;
}
#hmos-next .section-ai .container .section-almighty .wrap .swiper .swiper-content .copy-list .copy-item + .copy-item {
  margin-left: -100%;
}
#hmos-next .section-ai .container .section-almighty .wrap .swiper .swiper-content .slidenav {
  width: 6.666667vw;
}
#hmos-next .section-ai .container .section-almighty .wrap .swiper .swiper-content .slidenav .slidenav-arrow {
  position: relative;
  width: 2.864583vw;
  cursor: pointer;
}
#hmos-next .section-ai .container .section-almighty .wrap .swiper .swiper-content .slidenav .slidenav-arrow .hover {
  will-change: opacity;
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
}
#hmos-next .section-ai .container .section-almighty .wrap .swiper .swiper-content .slidenav .slidenav-arrow:not(.slidenav-disabled):hover .hover {
  opacity: 1;
}
#hmos-next .section-ai .container .section-almighty .wrap .swiper .swiper-content .slidenav .slidenav-arrow.slidenav-disabled {
  opacity: 0.3;
}
#hmos-next .section-ai .container .section-almighty .wrap .swiper[data-active="1"] .copy-item:nth-of-type(1), #hmos-next .section-ai .container .section-almighty .wrap .swiper[data-active="2"] .copy-item:nth-of-type(2), #hmos-next .section-ai .container .section-almighty .wrap .swiper[data-active="3"] .copy-item:nth-of-type(3), #hmos-next .section-ai .container .section-almighty .wrap .swiper[data-active="4"] .copy-item:nth-of-type(4) {
  opacity: 1;
  z-index: 1;
}
#hmos-next .section-ai .container .section-love .section-txt {
  width: 54.947917vw;
  margin: 0 auto 3.125vw;
  align-items: flex-start;
}
#hmos-next .section-ai .container .section-love .section-txt .desc {
  width: 19.375vw;
}
#hmos-next .section-ai .container .section-love .content {
  width: 81.25vw;
  height: 37.291667vw;
  margin: 0 auto;
}
#hmos-next .section-ai .container .section-love .content .content-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgb(255, 255, 255);
  backdrop-filter: blur(10px) saturate(180%);
  -webkit-backdrop-filter: blur(10px) saturate(180%);
}
#hmos-next .section-ai .container .section-love .content .txt-content {
  width: 52.604167vw;
  height: 12.083333vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
#hmos-next .section-ai .container .section-love .content .txt-content .txt {
  will-change: opacity, transform;
  transform-origin: center center;
}
#hmos-next .section-ai .container .section-love .content .txt-content .txt-1 {
  width: 2.961979vw;
  top: 0.236458vw;
  left: 0.586979vw;
  transform: scale(1.1062050185) translate(0.973958vw, -1.078125vw) rotate(-67deg);
}
#hmos-next .section-ai .container .section-love .content .txt-content .txt-2 {
  width: 4.255729vw;
  top: 3.895313vw;
  left: 0;
  transform: scale(1.1062293477) translate(1.85vw, -0.268229vw) rotate(-5deg);
}
#hmos-next .section-ai .container .section-love .content .txt-content .txt-3 {
  width: 8.589583vw;
  top: 0;
  left: 3.108854vw;
  transform: scale(1.1061120543) translate(4.520833vw, -0.065104vw) rotate(12deg);
}
#hmos-next .section-ai .container .section-love .content .txt-content .txt-4 {
  width: 10.872396vw;
  top: 0;
  left: 13.858854vw;
  opacity: 0.2;
  transform: scale(0.6319520958) translate(5.354167vw, 5.572917vw) rotate(18deg);
}
#hmos-next .section-ai .container .section-love .content .txt-content .txt-5 {
  width: 11.885417vw;
  top: 0.192188vw;
  left: 26.814063vw;
  opacity: 0.2;
  transform: scale(0.7183610868) translate(-3.578125vw, -2.760417vw) rotate(-13deg);
}
#hmos-next .section-ai .container .section-love .content .txt-content .txt-6 {
  width: 1.527604vw;
  top: 2.230729vw;
  left: 40.563021vw;
  transform: scale(1.1060347767) translate(-6.958333vw, 4.395833vw) rotate(27deg);
}
#hmos-next .section-ai .container .section-love .content .txt-content .txt-7 {
  width: 2.160417vw;
  top: 0.144792vw;
  left: 42.302604vw;
  transform: scale(1.106075217) translate(-4.302083vw, 0.677083vw) rotate(0deg);
}
#hmos-next .section-ai .container .section-love .content .txt-content .txt-8 {
  width: 8.033333vw;
  top: 0.144792vw;
  left: 44.463021vw;
  transform: scale(1.1061332988) translate(-3.46875vw, -0.895833vw) rotate(-17deg);
}
#hmos-next .section-ai .container .section-love .content .txt-content .txt-9 {
  width: 8.459896vw;
  top: 2.480208vw;
  left: 44.139583vw;
  transform: scale(1.1061380287) translate(-2.8125vw, 1.088542vw) rotate(0deg);
}
#hmos-next .section-ai .container .section-love .button-area {
  display: flex;
  align-items: center;
  margin-top: 1.5625vw;
}
#hmos-next .section-ai .container .section-love .button-area .button {
  will-change: width;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.375vw;
  height: 4.375vw;
  margin: 0 auto;
  border-radius: 2.1875vw;
  -webkit-border-radius: 2.1875vw;
  -moz-border-radius: 2.1875vw;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  background-color: #E5E8F2;
  transition: background 0.3s;
  cursor: pointer;
}
#hmos-next .section-ai .container .section-love .button-area .button:hover {
  background-color: #DBDFEB;
}
#hmos-next .section-ai .container .section-love .button-area .button .button-wrap {
  width: 16.666667vw;
  height: 4.375vw;
  opacity: 0;
  transition: all 0.2s;
  padding-left: 1.458333vw;
  padding-right: 0.729167vw;
  flex-shrink: 0;
}
#hmos-next .section-ai .container .section-love .button-area .button .button-wrap span {
  font-size: 1.354167vw;
  line-height: 1.6;
  color: #6D6F72;
  white-space: nowrap;
}
#hmos-next .section-ai .container .section-love .button-area .button .button-wrap img {
  width: 2.916667vw;
  margin-left: 0.729167vw;
}
#hmos-next .section-interconnection .container {
  padding-top: 2.083333vw;
  background: linear-gradient(to bottom, #EDF0F7 0%, #F4F5F7 5%, #F4F5F7 85%, transparent);
}
#hmos-next .section-interconnection .container .section-interconnection-main {
  margin-top: 5.208333vw;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap {
  flex-wrap: wrap;
  width: 81.25vw;
  margin: 0 auto;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card {
  background: #FFFFFF;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card .content .sec-txt-48 {
  font-weight: bold;
  line-height: 1.25;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card .content .desc {
  color: #6D6F72;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-1 {
  width: 100%;
  margin-bottom: 2.604167vw;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-1 .media-cover:before {
  padding-bottom: 57.6923076923%;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-1 .content {
  width: 16.510417vw;
  top: 50%;
  left: 6.770833vw;
  color: #FFFFFF;
  transform: translateY(-50%);
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-1 .content .desc {
  color: #CFCFCF;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-1 .replay-btn {
  width: 2.65625vw;
  height: 2.65625vw;
  border-radius: 50%;
  right: 2.604167vw;
  bottom: 2.604167vw;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-1 .replay-btn img {
  width: 0.9375vw;
  position: absolute;
  left: 0;
  right: 0;
  top: 0.75vw;
  margin: 0 auto;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-1.ended .replay-btn {
  opacity: 1;
  pointer-events: all;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-2 {
  width: 50.260417vw;
  height: 46.875vw;
  padding: 2.864583vw 3.125vw;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-2 .content {
  width: 36.458333vw;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-2 .section-picture {
  width: 42.708333vw;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-2 .media-cover:before {
  padding-bottom: 57.6126674787%;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 {
  width: 29.427083vw;
  height: 46.875vw;
  padding: 2.864583vw 2.604167vw;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .content {
  margin-bottom: 5.208333vw;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures {
  width: 24.21875vw;
  height: 25.104167vw;
  margin: 0 auto;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures .center-pic {
  width: 9.114583vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures .circle-pic {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures .circle-pic {
  will-change: transform;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures .circle-pic .icon {
  will-change: transform;
  width: 6.354167vw;
  transition: transform 0.1s linear;
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures .circle-pic .icon-1 {
  top: 0;
  left: 7.109375vw;
  transform: translate(-1.53125vw, 1.541667vw);
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures .circle-pic .icon-2 {
  top: 4.9375vw;
  left: 16.458333vw;
  transform: translate(-0.367708vw, -3.395833vw);
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures .circle-pic .icon-3 {
  top: 18.755208vw;
  left: 10.6875vw;
  transform: translate(3.015625vw, -0.854167vw);
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures .circle-pic .icon-4 {
  top: 14.489583vw;
  left: 2.171875vw;
  transform: translate(1.65625vw, 3.786458vw);
}
#hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures .circle-pic .icon-5 {
  top: 3.53125vw;
  left: 1.208333vw;
  transform: translate(0, 3.713542vw);
}
#hmos-next .section-security {
  padding-bottom: 10.416667vw;
}
#hmos-next .section-security .container {
  padding-top: 2.083333vw;
  background: linear-gradient(to bottom, #000000 0%, #000000 5%, #000000 78%, #4C4B5A 100%);
  padding-bottom: 14.583333vw;
}
#hmos-next .section-security .container .page-title {
  color: #FFFFFF;
  margin-bottom: 5.208333vw;
}
#hmos-next .section-security .container .page-title .page-title-sm span {
  background-image: linear-gradient(120deg, #B7BABF 0%, #FFFFFF 20%, #FFFFFF 60%, #B7BABF 100%);
}
#hmos-next .section-security .container .page-title .h2 {
  background-image: linear-gradient(110deg, #808080 0%, #FFFFFF 30%, #FFFFFF 50%, #D1D1D1 85%, #808080 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#hmos-next .section-security .container .section-security-main .desc {
  width: 32.708333vw;
  margin: 0 auto 2.083333vw;
  color: #CFCFCF;
}
#hmos-next .section-security .container .section-security-main .media-cover:before {
  padding-bottom: 46.875%;
}
#hmos-next .section-security .container .section-security-main .button-area {
  display: flex;
  align-items: center;
  margin-top: 2.083333vw;
}
#hmos-next .section-security .container .section-security-main .button-area .button {
  will-change: width;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.375vw;
  height: 4.375vw;
  margin: 0 auto;
  border-radius: 2.1875vw;
  -webkit-border-radius: 2.1875vw;
  -moz-border-radius: 2.1875vw;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  background-color: #1C1C1C;
  transition: background 0.3s;
  cursor: pointer;
}
#hmos-next .section-security .container .section-security-main .button-area .button:hover {
  background-color: #2F2F2F;
}
#hmos-next .section-security .container .section-security-main .button-area .button .button-wrap {
  width: 11.25vw;
  height: 4.375vw;
  opacity: 0;
  transition: all 0.2s;
  padding-left: 1.458333vw;
  padding-right: 0.729167vw;
  flex-shrink: 0;
}
#hmos-next .section-security .container .section-security-main .button-area .button .button-wrap span {
  font-size: 1.354167vw;
  line-height: 1.6;
  color: #E5E7EA;
  white-space: nowrap;
}
#hmos-next .section-security .container .section-security-main .button-area .button .button-wrap img {
  width: 2.916667vw;
  margin-left: 0.729167vw;
}
#hmos-next .section-security .container .section-privacy .wrap {
  width: 81.25vw;
  margin: 0 auto;
  flex-wrap: wrap;
}
#hmos-next .section-security .container .section-privacy .wrap .card .content {
  width: 24.635417vw;
  color: #F4F3F3;
  position: relative;
  z-index: 1;
  margin: 2.864583vw 3.125vw 0;
}
#hmos-next .section-security .container .section-privacy .wrap .card .content .sec-txt-48 {
  line-height: 1.25;
  font-weight: bold;
}
#hmos-next .section-security .container .section-privacy .wrap .card .content .desc {
  color: #CFCFCF;
}
#hmos-next .section-security .container .section-privacy .wrap .card:not(:last-child) {
  margin-bottom: 2.604167vw;
}
#hmos-next .section-security .container .section-privacy .wrap .card-1 {
  width: 48.958333vw;
}
#hmos-next .section-security .container .section-privacy .wrap .card-1 .content {
  width: 18.229167vw;
  position: absolute;
  top: 0;
  left: 0;
}
#hmos-next .section-security .container .section-privacy .wrap .card-1 .content .desc {
  color: #F4F3F3;
}
#hmos-next .section-security .container .section-privacy .wrap .card-1 .media-cover:before {
  padding-bottom: 95.7446808511%;
}
#hmos-next .section-security .container .section-privacy .wrap .card-2 {
  width: 30.729167vw;
  height: 46.875vw;
  perspective: 500px;
}
#hmos-next .section-security .container .section-privacy .wrap .card-2 .content {
  width: 22.395833vw;
}
#hmos-next .section-security .container .section-privacy .wrap .card-2 .section-pictures {
  width: 26.666667vw;
  margin: 2.083333vw auto 0;
  transform-style: preserve-3d;
}
#hmos-next .section-security .container .section-privacy .wrap .card-2 .section-pictures .section-picture {
  will-change: transform;
  transform-origin: center top;
  transform: translate3d(0, 0, 0);
  transition: transform 0.1s linear;
}
#hmos-next .section-security .container .section-privacy .wrap .card-2 .section-pictures .section-picture-1 {
  width: 18.645833vw;
  margin: 0 auto;
}
#hmos-next .section-security .container .section-privacy .wrap .card-2 .section-pictures .section-picture-2 {
  width: 23.020833vw;
  left: 0;
  right: 0;
  top: 7.03125vw;
  margin: 0 auto;
  transform: translate3d(0, -1.614583vw, 0);
}
#hmos-next .section-security .container .section-privacy .wrap .card-2 .section-pictures .section-picture-3 {
  width: 100%;
  top: 15.833333vw;
  transform: translate3d(0, -2.96875vw, 0);
}
#hmos-next .section-security .container .section-privacy .wrap .card-3 {
  width: 30.729167vw;
  height: 46.875vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#hmos-next .section-security .container .section-privacy .wrap .card-3 .content {
  width: 20.395833vw;
}
#hmos-next .section-security .container .section-privacy .wrap .card-3 .section-video-box {
  width: 19.664583vw;
  margin: 2.864583vw auto 0;
}
#hmos-next .section-security .container .section-privacy .wrap .card-3 .section-video-box .section-picture.media-cover:before {
  padding-bottom: 215.3540701522%;
}
#hmos-next .section-security .container .section-privacy .wrap .card-3 .section-video-box .section-video.media-cover:before {
  padding-bottom: 225.7142857143%;
}
#hmos-next .section-security .container .section-privacy .wrap .card-3 .section-video-box .section-picture {
  width: 100%;
  margin: 0 auto;
  z-index: 1;
}
#hmos-next .section-security .container .section-privacy .wrap .card-3 .section-video-box .section-video {
  width: 18.5375vw;
  top: 0.416667vw;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#hmos-next .section-security .container .section-privacy .wrap .card-3 .section-video-box .section-video video {
  border-radius: 2.708333vw;
  -webkit-border-radius: 2.708333vw;
  -moz-border-radius: 2.708333vw;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
#hmos-next .section-security .container .section-privacy .wrap .card-3 .replay-btn {
  width: 2.65625vw;
  right: 1.5625vw;
  bottom: 1.5625vw;
  cursor: pointer;
  will-change: opacity;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}
#hmos-next .section-security .container .section-privacy .wrap .card-3.ended .replay-btn {
  opacity: 1;
  pointer-events: all;
}
#hmos-next .section-security .container .section-privacy .wrap .card-4 {
  width: 48.958333vw;
  height: 46.875vw;
}
#hmos-next .section-security .container .section-privacy .wrap .card-4 .content {
  width: 34.720833vw;
}
#hmos-next .section-security .container .section-privacy .wrap .card-4 .section-picture {
  width: 36.40625vw;
  margin: 3.125vw auto 0;
}
#hmos-next .section-security .container .section-privacy .wrap .card-4 .media-cover:before {
  padding-bottom: 83.547925608%;
}
#hmos-next .section-security .container .section-privacy .wrap .card-5 {
  width: 100%;
}
#hmos-next .section-security .container .section-privacy .wrap .card-5 .content {
  width: 23.75vw;
  position: absolute;
  top: 7.291667vw;
  left: 6.770833vw;
}
#hmos-next .section-security .container .section-privacy .wrap .card-5 .section-picture {
  width: 28.4375vw;
  left: 42.1875vw;
  bottom: 5.729167vw;
}
#hmos-next .section-security .container .section-privacy .wrap .card-5 .media-cover:before {
  padding-bottom: 206.7765567766%;
}
#hmos-next .section-security .shape-round-home {
  bottom: 10.416667vw;
}
#hmos-next .section-fluent {
  margin-top: -10.416667vw;
}
#hmos-next .section-fluent .container {
  padding-top: 2.083333vw;
  background: linear-gradient(to bottom, #EDF0F7 0%, #F4F5F7 5%, #F4F5F7 85%, transparent);
}
#hmos-next .section-fluent .container .section-fluent-main {
  margin-top: 6.25vw;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap {
  width: 81.25vw;
  margin: 0 auto;
  flex-wrap: wrap;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .h3 {
  line-height: 1.25;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 {
  width: 100%;
  margin-bottom: 2.604167vw;
  background: #FFFFFF;
  padding: 5.729167vw 11.302083vw 9.895833vw;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .section-txt {
  width: 41.510417vw;
  margin: 0 auto;
  align-items: flex-start;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .section-txt .desc {
  width: 21.302083vw;
  color: #6D6F72;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .main {
  margin-top: 8.072917vw;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .main .count-item .sec-txt-32 {
  font-size: 1.666667vw;
  line-height: 1.6;
  color: #1E2022;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .main .count-item-1 {
  width: 12.760417vw;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .main .count-item-2 {
  width: 14.947917vw;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .main .count-item-2 .sec-txt-32 {
  margin-left: 1.666667vw;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .main .count-item-3 {
  width: 13.59375vw;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-2 {
  width: 30.729167vw;
  height: 46.875vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #FFFFFF;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-2 .section-txt {
  width: 19.895833vw;
  margin: 2.864583vw 3.125vw 0 3.125vw;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-2 .section-txt .desc {
  color: #6D6F72;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-2 .section-video-box {
  width: 15.520833vw;
  margin: 0 auto 2.083333vw;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-2 .section-video-box .section-video.media-cover:before {
  padding-bottom: 206.200317965%;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-2 .section-video-box .section-video {
  width: 100%;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-2 .replay-btn {
  width: 2.65625vw;
  right: 1.5625vw;
  bottom: 1.5625vw;
  cursor: pointer;
  will-change: opacity;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-2.ended .replay-btn {
  opacity: 1;
  pointer-events: all;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-3 {
  width: 48.958333vw;
  height: 46.875vw;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-3 .media-cover:before {
  padding-bottom: 95.7446808511%;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-3 .section-txt {
  width: 15.3125vw;
  top: 2.864583vw;
  left: 3.125vw;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-3 .section-txt .h3 {
  color: #F4F3F3;
}
#hmos-next .section-fluent .container .section-fluent-main .wrap .content-3 .section-txt .desc {
  color: #CFCFCF;
}
#hmos-next .section-update .container {
  padding-top: 2.083333vw;
  background: linear-gradient(to bottom, #EDF0F7 0%, #F4F5F7 5%, #F4F5F7 85%, transparent);
}
#hmos-next .section-update .container .section-txt {
  margin-bottom: 3.125vw;
}
#hmos-next .section-update .container .section-txt .h3 {
  font-size: 4.166667vw;
  line-height: 1.25;
  color: #211D1E;
  font-weight: bold;
  margin-bottom: 3.125vw;
}
#hmos-next .section-update .container .section-txt a {
  color: #1F69FF;
  font-size: 1.145833vw;
  line-height: 1.6;
  transition: 0.3s ease-out;
}
#hmos-next .section-update .container .section-txt a:first-child {
  margin-right: 4.6875vw;
}
#hmos-next .section-update .container .section-txt a span {
  display: inline-block;
  transition: 0.6s ease;
}
#hmos-next .section-update .container .section-txt a:hover {
  opacity: 0.8;
}
#hmos-next .section-update .container .section-txt a:hover span {
  transform: translateX(3px);
}
#hmos-next .section-update .container .section-picture {
  width: 68.958333vw;
  margin: 0 auto;
}
#hmos-next .section-update .container .media-cover:before {
  padding-bottom: 49.3957703927%;
}
#hmos-next .section-footnote {
  color: rgba(109, 111, 114, 0.8);
  font-size: max(0.625vw, 12px);
  line-height: 1.6;
  width: 53.579167vw;
  margin-left: 16.71875vw;
  padding-top: 10.416667vw;
  padding-bottom: 10.416667vw;
  overflow: hidden;
}
#hmos-next .section-footnote ol {
  list-style-type: decimal;
  padding-left: 2em;
}
#hmos-next .section-footnote .active {
  color: #000;
}
#hmos-next .disclaimer {
  list-style-type: none;
  position: relative;
  pointer-events: none;
  margin-top: 1.5625vw;
}
#hmos-next .disclaimer::before {
  content: "*";
  position: absolute;
  top: 0;
  padding-right: 3px;
  transform: translateX(-100%);
}

@media screen and (max-aspect-ratio: 11/10) {
  #hmos-next .mob-show {
    display: initial;
  }
  #hmos-next .pc-show {
    display: none;
  }
  #hmos-next .sec-radius {
    border-radius: 8.333333vw;
    -webkit-border-radius: 8.333333vw;
    -moz-border-radius: 8.333333vw;
  }
  #hmos-next .sec-txt-120 {
    font-size: 16.666667vw;
  }
  #hmos-next .sec-txt-64 {
    font-size: 11.111111vw;
  }
  #hmos-next .sec-txt-48 {
    font-size: 6.666667vw;
  }
  #hmos-next .sec-txt-22 {
    font-size: 4.444444vw;
  }
  #hmos-next .sec-marb-40 {
    margin-bottom: 5.555556vw;
  }
  #hmos-next .sec-marb-60 {
    margin-bottom: 8.333333vw;
  }
  #hmos-next .space {
    margin-top: 27.777778vw;
  }
  #hmos-next .section-hero .media-cover:before {
    padding-bottom: 161.1111111111%;
  }
  #hmos-next .section-hero .hero-text {
    width: 78.559722vw;
    top: 117.513889vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  #hmos-next .section-shape-round {
    padding-bottom: 37.5vw;
  }
  #hmos-next .section-shape-round .shape-round-home .shape-round {
    padding-top: 11.111111vw;
  }
  #hmos-next .section-shape-round .shape-round-home .shape-round::after {
    width: 262.5vw;
    height: 262.5vw;
  }
  #hmos-next .section-shape-round .shape-round-home .shape-round.light::after {
    background: linear-gradient(to bottom, #DBDFEB 0%, #EDF0F7 3.3%, #F4F5F7 27.7%, #F4F5F7 20%);
    pointer-events: all;
    content: "";
    display: block;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    border-radius: 50%;
  }
  #hmos-next .section-shape-round .shape-round-home .shape-round.dark::after {
    background: linear-gradient(to bottom, #3A394A 1%, #000000 3.6%, #4C4B5A 100%);
  }
  #hmos-next .page-title-set .page-title .page-title-sm {
    font-size: 3.888889vw;
    margin-bottom: 4.444444vw;
  }
  #hmos-next .section-introduction {
    padding: 27.777778vw 0;
  }
  #hmos-next .section-introduction .shape-round-home .shape-round.light::after {
    background: linear-gradient(to bottom, #DBDFEB 0%, #EDF0F7 3.3%, #F4F5F7 5.7%, #F4F5F7 20%);
  }
  #hmos-next .section-introduction .section-txt-list {
    width: 92.833333vw;
    text-align: left;
    margin-left: 1.5em;
  }
  #hmos-next .section-introduction .section-txt-list .copy {
    font-size: 6.944444vw;
    display: inline;
    font-weight: bold;
  }
  #hmos-next .section-introduction [data-active="2"] .copy-3,
  #hmos-next .section-introduction [data-active="2"] .copy-4,
  #hmos-next .section-introduction [data-active="2"] .copy-5,
  #hmos-next .section-introduction [data-active="2"] .copy-6 {
    color: #E8E8E8;
  }
  #hmos-next .section-introduction [data-active="1"] .copy-1,
  #hmos-next .section-introduction [data-active="2"] .copy-2,
  #hmos-next .section-introduction [data-active="3"] .copy-3,
  #hmos-next .section-introduction [data-active="4"] .copy-4,
  #hmos-next .section-introduction [data-active="5"] .copy-5,
  #hmos-next .section-introduction [data-active="6"] .copy-6 {
    color: #211D1E;
  }
  #hmos-next .section-introduction .button-area {
    margin-top: 13.888889vw;
  }
  #hmos-next .section-introduction .button-area .button {
    width: 15.277778vw;
    height: 15.277778vw;
    border-radius: 7.638889vw;
    -webkit-border-radius: 7.638889vw;
    -moz-border-radius: 7.638889vw;
  }
  #hmos-next .section-introduction .button-area .button .button-wrap {
    width: 38.472222vw;
    height: 15.277778vw;
    padding-left: 5.361111vw;
    padding-right: 2.638889vw;
  }
  #hmos-next .section-introduction .button-area .button .button-wrap span {
    font-size: 4.444444vw;
  }
  #hmos-next .section-introduction .button-area .button .button-wrap img {
    width: 10vw;
    margin-left: 2.777778vw;
  }
  #hmos-next .section-newlook .container {
    padding-top: 8.333333vw;
  }
  #hmos-next .section-newlook .container .page-title .ball-main .magnifier {
    will-change: transform;
    width: 57.277778vw;
  }
  #hmos-next .section-newlook .container .page-title .ball-main .magnifier .sec-txt-120 {
    font-size: 18.888889vw;
  }
  #hmos-next .section-newlook .container .page-title .ball-1 {
    width: 16.25vw;
    height: 16.111111vw;
    top: 30.972222vw;
    left: 13.055556vw;
    transform: translate(-20vw, -33.472222vw);
  }
  #hmos-next .section-newlook .container .page-title .ball-1 .magnifier {
    transform: translate(3.888889vw, 0.444444vw);
  }
  #hmos-next .section-newlook .container .page-title .ball-2 {
    width: 8.333333vw;
    height: 8.333333vw;
    top: 33.75vw;
    left: 42.638889vw;
    transform: translate(-16.527778vw, -20.138889vw);
  }
  #hmos-next .section-newlook .container .page-title .ball-2 .magnifier {
    transform: translate(-29.305556vw, -15.972222vw);
  }
  #hmos-next .section-newlook .container .page-title .ball-3 {
    width: 17.222222vw;
    height: 17.222222vw;
    top: 9.027778vw;
    left: 26.25vw;
    transform: translate(11.388889vw, -18.75vw);
  }
  #hmos-next .section-newlook .container .page-title .ball-3 .magnifier {
    transform: translate(-40.833333vw, 7.361111vw);
  }
  #hmos-next .section-newlook .container .page-title .page-title-canvas {
    width: 67.222222vw;
    height: 58.5vw;
    margin-top: -11.305556vw;
  }
  #hmos-next .section-newlook .container .section-esthetics {
    margin-top: 16.666667vw;
    height: auto;
  }
  #hmos-next .section-newlook .container .section-esthetics .section-txt {
    position: initial;
    width: 78.333333vw;
    margin-left: 11.111111vw;
    margin-bottom: 8.333333vw;
  }
  #hmos-next .section-newlook .container .section-esthetics .section-pictures {
    width: 100%;
    height: 182.222222vw;
  }
  #hmos-next .section-newlook .container .section-esthetics .section-pictures .section-picture-1 {
    width: 91.997222vw;
    top: 87.361111vw;
    left: -31.293056vw;
    transform: translateX(-21.5625vw);
    -webkit-transform: translateX(-21.5625vw);
  }
  #hmos-next .section-newlook .container .section-esthetics .section-pictures .section-picture-2 {
    width: 47.969444vw;
    top: 0;
    left: 9.673611vw;
    transform: translateY(21.5625vw);
    -webkit-transform: translateY(21.5625vw);
  }
  #hmos-next .section-newlook .container .section-esthetics .section-pictures .section-picture-3 {
    width: 47.933333vw;
    top: 29.861111vw;
    left: 56.793056vw;
    transform: translateY(49.5625vw);
    -webkit-transform: translateY(49.5625vw);
  }
  #hmos-next .section-newlook .container .section-esthetics .section-pictures .section-picture-4 {
    width: 92.0625vw;
    top: 133.888889vw;
    left: 10.445833vw;
    transform: translateX(21.5625vw);
    -webkit-transform: translateX(21.5625vw);
  }
  #hmos-next .section-newlook .container .section-unified {
    margin-top: 22.222222vw;
  }
  #hmos-next .section-newlook .container .section-unified .section-txt {
    width: 87vw;
    margin-left: 11.111111vw;
    margin-bottom: 8.333333vw;
    flex-direction: column;
    align-items: flex-start;
  }
  #hmos-next .section-newlook .container .section-unified .section-txt .h3 {
    margin-bottom: 5.555556vw;
  }
  #hmos-next .section-newlook .container .section-unified .section-txt .desc {
    width: 100%;
  }
  #hmos-next .section-newlook .container .section-unified .unified-swiper {
    width: 100%;
  }
  #hmos-next .section-newlook .container .section-unified .unified-swiper .swiper-slide .media-cover::before {
    padding-bottom: 151.3888888889%;
  }
  #hmos-next .section-newlook .container .section-unified .unified-swiper .swiper-pagination {
    margin-top: 4.166667vw;
  }
  #hmos-next .section-newlook .container .section-unified .unified-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 2.222222vw;
    height: 2.222222vw;
    border-radius: 1.25vw;
    margin: 0 1.111111vw;
  }
  #hmos-next .section-newlook .container .section-unified .unified-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 8.194444vw;
  }
  #hmos-next .section-newlook .container .section-theme .section-txt {
    width: 74.444444vw;
    margin-left: 11.111111vw;
    margin-bottom: 4.166667vw;
  }
  #hmos-next .section-newlook .container .section-theme .section-txt .h3 {
    margin-bottom: 5.555556vw;
  }
  #hmos-next .section-newlook .container .section-theme .section-txt .h3 .emoji-txt-1 {
    transform: translateX(7.22222vw);
  }
  @keyframes titletxt1Animation {
    0%, 50%, 70%, 85%, 99%, to {
      animation-timing-function: ease-out;
    }
    0% {
      transform: translateX(7.22222vw);
    }
    50% {
      transform: translateX(-0.541667vw);
    }
    70% {
      transform: translateX(0.541667vw);
    }
    85% {
      transform: translateX(-0.180556vw);
    }
    99% {
      transform: translateX(0.52px);
    }
    100% {
      transform: translateX(0);
    }
  }
  #hmos-next .section-newlook .container .section-theme .section-txt .h3 .emoji-txt-2 {
    transform: translateX(-7.22222vw);
  }
  @keyframes titletxt2Animation {
    0%, 50%, 70%, 85%, 99%, to {
      animation-timing-function: ease-out;
    }
    0% {
      transform: translateX(-7.222222vw);
    }
    50% {
      transform: translateX(0.541667vw);
    }
    70% {
      transform: translateX(-0.541667vw);
    }
    85% {
      transform: translateX(0.180556vw);
    }
    99% {
      transform: translateX(-0.52px);
    }
    100% {
      transform: translateX(0);
    }
  }
  #hmos-next .section-newlook .container .section-theme .section-txt .h3 .emoji-icon {
    width: 14.444444vw;
  }
  @keyframes titleIconAnimation {
    0%, 50%, 70%, 85%, 99%, to {
      animation-timing-function: ease-out;
    }
    0% {
      opacity: 0;
      transform: translate3d(0, -70%, 0) scale(1);
    }
    50% {
      opacity: 1;
      transform: translate3d(0, 2.777778vw, 0) scale(0.9);
    }
    70% {
      transform: translate3d(0, 0px, 0) scale(1);
    }
    85% {
      transform: translate3d(0, 0.694444vw, 0) scale(1);
    }
    99% {
      transform: translate3d(0, 0, 0) scale(1);
    }
    to {
      transform: translateZ(0);
    }
  }
  #hmos-next .section-newlook .container .section-theme .section-video {
    width: 100%;
    height: auto;
  }
  #hmos-next .section-newlook .container .section-theme .media-cover::before {
    padding-bottom: 111.1111111111%;
  }
  #hmos-next .section-newlook .container .section-theme .replay-btn-area .replay-btn img {
    width: 6.527778vw;
  }
  #hmos-next .section-newlook .container .section-theme .replay-btn-area .replay-btn .txt {
    font-size: 4.444444vw;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .section-txt {
    flex-direction: column;
    align-items: flex-start;
    width: 74.444444vw;
    margin-left: 11.111111vw;
    margin-bottom: 8.333333vw;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .section-txt .h3 {
    margin-bottom: 5.555556vw;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .section-txt .desc {
    width: 100%;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .swiper {
    width: 77.777778vw;
    margin: 0 auto 6.944444vw;
    overflow: visible;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .swiper .swiper-slide {
    width: 57.777778vw;
    border-radius: 5.555556vw;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .swiper .swiper-slide .media-cover::before {
    padding-bottom: 225.7211538462%;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .swiper .swiper-slide .mask {
    will-change: opacity;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    transition-delay: 1.6s;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .swiper .swiper-slide img.bg {
    will-change: transform;
    transition: transform 0.8s ease-in-out;
    transition-delay: 0.8s;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .swiper .swiper-slide.active .mask {
    opacity: 1;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .swiper .swiper-slide.active img.bg {
    transform: scale(1.66113);
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .swiper .swiper-slide-1 img.bg {
    transform-origin: 65% 77%;
    transition: transform 0.6s ease-in-out;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .swiper .swiper-slide-1 .mask {
    transition-delay: 0.6s;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .swiper .swiper-slide-1.active img.bg {
    transform: scale(1.211);
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .swiper .swiper-slide-2 img.bg {
    transform-origin: 55% bottom;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .swiper .swiper-slide-2.active img.bg {
    transform: scale(1.182137);
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .swiper .swiper-slide-3 img.bg {
    transform-origin: 93% 10%;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .swiper .swiper-slide-3.active img.bg {
    transform: scale(1.43954);
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .swiper .swiper-slide-4 img.bg {
    transform-origin: 42% 62%;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .swiper .swiper-slide-4.active img.bg {
    transform: scale(1.50708);
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .ai-control-container {
    width: 77.777778vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .ai-control-container .common-scroll-bar {
    background-color: rgba(175, 175, 175, 0.3);
    width: 20.138889vw;
    height: 2px;
    position: relative;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .ai-control-container .common-scroll-bar .swiper-scrollbar-drag {
    background-color: #505050;
    margin-top: -1px;
    height: 4px;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .ai-control-container .ai-swiper-btn-container {
    display: flex;
    justify-content: center;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .ai-control-container .ai-swiper-btn-container .ai-swiper-prev-btn,
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .ai-control-container .ai-swiper-btn-container .ai-swiper-next-btn {
    position: relative;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .ai-control-container .ai-swiper-btn-container .ai-swiper-prev-btn img,
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .ai-control-container .ai-swiper-btn-container .ai-swiper-next-btn img {
    transition: transform 0.2s ease, opacity 0.6s ease;
    width: 12.222222vw;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .ai-control-container .ai-swiper-btn-container .ai-swiper-prev-btn .hover,
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .ai-control-container .ai-swiper-btn-container .ai-swiper-next-btn .hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .ai-control-container .ai-swiper-btn-container .ai-swiper-prev-btn.btn-active .hover,
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .ai-control-container .ai-swiper-btn-container .ai-swiper-next-btn.btn-active .hover {
    opacity: 1;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .ai-control-container .ai-swiper-btn-container .ai-swiper-prev-btn {
    margin-right: 3.055556vw;
  }
  #hmos-next .section-newlook .container .section-intelligent-composition .mob-wrap .ai-control-container .ai-swiper-btn-container .btn-disable {
    opacity: 0.3;
  }
  #hmos-next .section-ai .container {
    padding-top: 8.333333vw;
    background: linear-gradient(to bottom, #EDF0F7 0%, #F4F5F7 1%, #F4F5F7 37%, transparent);
  }
  #hmos-next .section-ai .container .section-xiaoyi .sticky-container {
    height: 252vh;
  }
  #hmos-next .section-ai .container .section-xiaoyi .sticky-content {
    overflow: hidden;
  }
  #hmos-next .section-ai .container .section-xiaoyi .xiaoyi-canvas {
    width: 100%;
    height: 134.305556vw;
  }
  #hmos-next .section-ai .container .section-xiaoyi .page-title .h2 .ai-text {
    font-size: 18.333333vw;
    margin: 0 3.888889vw;
  }
  #hmos-next .section-ai .container .section-xiaoyi .desc {
    width: 88.305556vw;
  }
  #hmos-next .section-ai .container .section-qa .h3 {
    text-align: left;
    padding-left: 11.111111vw;
  }
  #hmos-next .section-ai .container .section-qa .content-mob {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-main-swiper {
    width: 87.777778vw;
    margin: 0 auto 6.944444vw;
    overflow: visible;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-main-swiper .swiper-slide {
    width: 100%;
    will-change: opacity;
    opacity: 0.4;
    transition: opacity 0.6s ease-in;
    padding: 0 2.222222vw;
    cursor: pointer;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-main-swiper .swiper-slide.swiper-slide-active {
    opacity: 1;
    cursor: initial;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-main-swiper .swiper-slide video {
    mix-blend-mode: darken;
    border-radius: 8.333333vw;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-main-swiper .ai-item-1 .media-cover:before {
    padding-bottom: 133.3333333333%;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-main-swiper .ai-item-2 .media-cover:before {
    padding-bottom: 133.3333333333%;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-wrapper {
    width: 77.777778vw;
    margin-left: 11.111111vw;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-wrapper .ai-title-item .copy span.copy-bold {
    color: #000000;
    font-weight: bold;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-wrapper .ai-title-container {
    width: 75vw;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-wrapper .ai-control-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5.555556vw;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-wrapper .ai-control-container .common-scroll-bar {
    background-color: rgba(175, 175, 175, 0.3);
    width: 20.138889vw;
    height: 2px;
    position: relative;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-wrapper .ai-control-container .common-scroll-bar .swiper-scrollbar-drag {
    background-color: #505050;
    margin-top: -1px;
    height: 4px;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-wrapper .ai-control-container .ai-swiper-btn-container {
    display: flex;
    justify-content: center;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-prev-btn,
  #hmos-next .section-ai .container .section-qa .content-mob .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-next-btn {
    position: relative;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-prev-btn img,
  #hmos-next .section-ai .container .section-qa .content-mob .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-next-btn img {
    transition: transform 0.2s ease, opacity 0.6s ease;
    width: 12.222222vw;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-prev-btn .hover,
  #hmos-next .section-ai .container .section-qa .content-mob .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-next-btn .hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-prev-btn.btn-active .hover,
  #hmos-next .section-ai .container .section-qa .content-mob .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-next-btn.btn-active .hover {
    opacity: 1;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-prev-btn {
    margin-right: 3.055556vw;
  }
  #hmos-next .section-ai .container .section-qa .content-mob .ai-wrapper .ai-control-container .ai-swiper-btn-container .btn-disable {
    opacity: 0.3;
  }
  #hmos-next .section-ai .container .section-almighty .wrap {
    width: 100%;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .h3 {
    padding-left: 11.111111vw;
    text-align: left;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .almighty-swiper {
    width: 87.777778vw;
    margin: 0 auto 6.944444vw;
    overflow: visible;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .almighty-swiper .swiper-slide {
    width: 100%;
    will-change: opacity;
    opacity: 0.4;
    padding: 0 2.222222vw;
    transition: opacity 0.6s ease-in;
    cursor: pointer;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .almighty-swiper .swiper-slide.swiper-slide-active {
    opacity: 1;
    cursor: initial;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .almighty-swiper .swiper-slide .media-cover:before {
    padding-bottom: 133.3333333333%;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .almighty-swiper .swiper-slide:not(:last-child) {
    margin-right: 0;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .almighty-swiper .swiper-content {
    display: none;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper {
    width: 77.777778vw;
    display: block;
    margin-left: 11.111111vw;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper .ai-title-item:not(:last-child) {
    margin-right: 0;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper .ai-title-item .copy span.copy-bold {
    color: #000000;
    font-weight: bold;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper .ai-title-container {
    width: 75vw;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper .ai-control-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5.555556vw;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper .ai-control-container .common-scroll-bar {
    background-color: rgba(175, 175, 175, 0.3);
    width: 29.305556vw;
    height: 2px;
    position: relative;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper .ai-control-container .common-scroll-bar .swiper-scrollbar-drag {
    background-color: #505050;
    margin-top: -1px;
    height: 4px;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper .ai-control-container .ai-swiper-btn-container {
    display: flex;
    justify-content: center;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-prev-btn,
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-next-btn {
    position: relative;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-prev-btn img,
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-next-btn img {
    transition: transform 0.2s ease, opacity 0.6s ease;
    width: 12.222222vw;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-prev-btn .hover,
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-next-btn .hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-prev-btn.btn-active .hover,
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-next-btn.btn-active .hover {
    opacity: 1;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper .ai-control-container .ai-swiper-btn-container .ai-swiper-prev-btn {
    margin-right: 3.055556vw;
  }
  #hmos-next .section-ai .container .section-almighty .wrap .ai-wrapper .ai-control-container .ai-swiper-btn-container .btn-disable {
    opacity: 0.3;
  }
  #hmos-next .section-ai .container .section-love .section-txt {
    flex-direction: column;
    align-items: flex-start;
    width: 74.444444vw;
    margin-left: 11.111111vw;
    margin-bottom: 8.333333vw;
  }
  #hmos-next .section-ai .container .section-love .section-txt .h3 {
    margin-bottom: 5.555556vw;
  }
  #hmos-next .section-ai .container .section-love .section-txt .desc {
    width: 100%;
  }
  #hmos-next .section-ai .container .section-love .content {
    width: 91.111111vw;
    height: 88.888889vw;
  }
  #hmos-next .section-ai .container .section-love .content .txt-content {
    width: 81.527778vw;
    height: 18.75vw;
  }
  #hmos-next .section-ai .container .section-love .content .txt-content .txt-1 {
    width: 4.148611vw;
    top: 0.365278vw;
    left: 0.908333vw;
    transform: scale(1.1868095079) translate(-0.42px, -4.377778vw) rotate(-67deg);
  }
  #hmos-next .section-ai .container .section-love .content .txt-content .txt-2 {
    width: 6.593056vw;
    top: 5.668056vw;
    left: 0;
    transform: scale(1.1868548557) translate(1.130556vw, -3.015278vw) rotate(-5deg);
  }
  #hmos-next .section-ai .container .section-love .content .txt-content .txt-3 {
    width: 13.305556vw;
    top: -0.356944vw;
    left: 4.915278vw;
    transform: scale(1.1868475992) translate(4.690278vw, -2.834722vw) rotate(12deg);
  }
  #hmos-next .section-ai .container .section-love .content .txt-content .txt-4 {
    width: 16.843056vw;
    top: 0;
    left: 21.468056vw;
    opacity: 0.2;
    transform: scale(0.6779912592) translate(7.104167vw, 6.643056vw) rotate(18deg);
  }
  #hmos-next .section-ai .container .section-love .content .txt-content .txt-5 {
    width: 18.411111vw;
    top: 0;
    left: 41.376389vw;
    opacity: 0.2;
    transform: scale(0.7707453229) translate(-3.401389vw, -6.261111vw) rotate(-13deg);
  }
  #hmos-next .section-ai .container .section-love .content .txt-content .txt-6 {
    width: 2.366667vw;
    top: 3.090278vw;
    left: 62.834722vw;
    transform: scale(1.1866197183) translate(-10.344444vw, 8.176389vw) rotate(27deg);
  }
  #hmos-next .section-ai .container .section-love .content .txt-content .txt-7 {
    width: 3.345833vw;
    top: -0.141667vw;
    left: 65.529167vw;
    transform: scale(1.1867995019) translate(-5.7375vw, -1.488889vw) rotate(0deg);
  }
  #hmos-next .section-ai .container .section-love .content .txt-content .txt-8 {
    width: 12.444444vw;
    top: 0.141667vw;
    left: 68.876389vw;
    transform: scale(1.1868303571) translate(-4.109722vw, -4.0875vw) rotate(-17deg);
  }
  #hmos-next .section-ai .container .section-love .content .txt-content .txt-9 {
    width: 13.105556vw;
    top: 3.476389vw;
    left: 68.375vw;
    transform: scale(1.1868376431) translate(-3.048611vw, -0.531944vw) rotate(0deg);
  }
  #hmos-next .section-ai .container .section-love .button-area {
    margin-top: 7.777778vw;
  }
  #hmos-next .section-ai .container .section-love .button-area .button {
    width: 15.277778vw;
    height: 15.277778vw;
    border-radius: 7.638889vw;
    -webkit-border-radius: 7.638889vw;
    -moz-border-radius: 7.638889vw;
  }
  #hmos-next .section-ai .container .section-love .button-area .button .button-wrap {
    width: 56.25vw;
    height: 15.277778vw;
    padding-left: 5.361111vw;
    padding-right: 2.638889vw;
  }
  #hmos-next .section-ai .container .section-love .button-area .button .button-wrap span {
    font-size: 4.444444vw;
  }
  #hmos-next .section-ai .container .section-love .button-area .button .button-wrap img {
    width: 10vw;
    margin-left: 2.777778vw;
  }
  #hmos-next .section-interconnection .container {
    padding-top: 8.333333vw;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main {
    margin-top: 13.888889vw;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap {
    width: 91.111111vw;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card .content .h3 {
    margin-bottom: 4.166667vw;
    font-size: 8.888889vw;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card .content .sec-txt-20 {
    font-size: 3.888889vw;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-1 {
    margin-bottom: 13.888889vw;
    display: flex;
    flex-direction: column-reverse;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-1 .media-cover:before {
    padding-bottom: 90.522875817%;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-1 .content {
    width: 69vw;
    color: #211D1E;
    transform: translateY(0);
    position: initial;
    margin: 6.944444vw 8.333333vw 8.333333vw;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-1 .content .sec-txt-20 {
    font-size: 3.888889vw;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-1 .content .desc {
    color: #6D6F72;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-1 .section-video {
    width: 85.277778vw;
    margin: 0 auto 2.777778vw;
    border-radius: 5.555556vw;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-1 .replay-btn {
    width: 9.166667vw;
    height: 9.166667vw;
    right: 6.388889vw;
    bottom: 6.388889vw;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-1 .replay-btn img {
    width: 3.472222vw;
    position: absolute;
    left: 0;
    right: 0;
    top: 2.458333vw;
    margin: 0 auto;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-2 {
    width: 100%;
    height: auto;
    padding: 0;
    margin-bottom: 13.888889vw;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-2 .content {
    width: 67.777778vw;
    margin: 8.333333vw;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-2 .section-picture {
    width: 100%;
    margin-bottom: 13.888889vw;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-2 .media-cover:before {
    padding-bottom: 69.2073170732%;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 {
    width: 100%;
    height: auto;
    padding: 0;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .content {
    margin: 8.333333vw 9.333333vw 5.555556vw 8.333333vw;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures {
    width: 78.611111vw;
    height: 93.75vw;
    margin-bottom: 11.111111vw;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures .center-pic {
    width: 35.369444vw;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures .circle-pic .icon {
    width: 21.111111vw;
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures .circle-pic .icon-1 {
    top: 4.541667vw;
    left: 22.972222vw;
    transform: translate(-6.236111vw, 5.416667vw);
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures .circle-pic .icon-2 {
    left: 56.986111vw;
    top: 25.652778vw;
    transform: translate(0, -13.527778vw);
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures .circle-pic .icon-3 {
    left: 35.875vw;
    top: 72.541667vw;
    transform: translate(10.888889vw, -4.361111vw);
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures .circle-pic .icon-4 {
    left: 6vw;
    top: 59.708333vw;
    transform: translate(6.666667vw, 10.236111vw);
  }
  #hmos-next .section-interconnection .container .section-interconnection-main .wrap .card-3 .section-pictures .circle-pic .icon-5 {
    top: 18.611111vw;
    left: 1.861111vw;
    transform: translate(-1.861111vw, 10.555556vw);
  }
  #hmos-next .section-security {
    padding-bottom: 0;
  }
  #hmos-next .section-security .shape-round-home {
    bottom: 0;
  }
  #hmos-next .section-security .shape-round-home .shape-round.dark::after {
    background: linear-gradient(to bottom, #3A394A 1.1%, #000000 6%, #4C4B5A 100%);
  }
  #hmos-next .section-security .container {
    padding-bottom: 37.5vw;
    padding-top: 8.333333vw;
  }
  #hmos-next .section-security .container .page-title {
    margin-bottom: 13.888889vw;
  }
  #hmos-next .section-security .container .section-security-main .section-picture {
    margin-bottom: 8.333333vw;
  }
  #hmos-next .section-security .container .section-security-main .media-cover:before {
    padding-bottom: 125%;
  }
  #hmos-next .section-security .container .section-security-main .desc {
    width: 86.444444vw;
    margin-bottom: 8.333333vw;
  }
  #hmos-next .section-security .container .section-security-main .button-area {
    margin-top: 13.888889vw;
  }
  #hmos-next .section-security .container .section-security-main .button-area .button {
    width: 15.277778vw;
    height: 15.277778vw;
    border-radius: 7.638889vw;
    -webkit-border-radius: 7.638889vw;
    -moz-border-radius: 7.638889vw;
  }
  #hmos-next .section-security .container .section-security-main .button-area .button .button-wrap {
    width: 38.472222vw;
    height: 15.277778vw;
    padding-left: 5.361111vw;
    padding-right: 2.638889vw;
  }
  #hmos-next .section-security .container .section-security-main .button-area .button .button-wrap span {
    font-size: 4.444444vw;
  }
  #hmos-next .section-security .container .section-security-main .button-area .button .button-wrap img {
    width: 10vw;
    margin-left: 2.777778vw;
  }
  #hmos-next .section-security .container .section-privacy .wrap {
    flex-direction: column;
    width: 91.111111vw;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card {
    width: 100%;
    height: auto;
    background: #1F1F2B;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card .content {
    width: 69.888889vw;
    margin: 8.333333vw 8.333333vw 0;
    color: #F4F3F3;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card .content .desc {
    color: inherit;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card .content .sec-txt-48 {
    font-size: 8.888889vw;
    margin-bottom: 4.166667vw;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card .content .sec-txt-20 {
    font-size: 3.888889vw;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card:not(:last-child) {
    margin-bottom: 13.888889vw;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-1 .media-cover:before {
    padding-bottom: 145.8841463415%;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-2 {
    padding-bottom: 11.111111vw;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-2 .content {
    margin: 8.333333vw 8.333333vw 0;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-2 .section-pictures {
    width: 88.547222vw;
    height: 85.833333vw;
    margin-top: 8.333333vw;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-2 .section-pictures .section-picture-1 {
    width: 61.6875vw;
    transform: translate3d(0, 0, 0);
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-2 .section-pictures .section-picture-2 {
    width: 76.388889vw;
    top: 22.222222vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translate3d(0, -5.277778vw, 0);
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-2 .section-pictures .section-picture-3 {
    top: 50vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translate3d(0, -11.736111vw, 0);
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-3 {
    height: 161.111111vw;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-3 .content {
    width: 69.388889vw;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-3 .section-video-box {
    width: 65.206944vw;
    margin: 8.333333vw auto 0;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-3 .section-video-box .section-video {
    width: 61.469444vw;
    top: 1.888889vw;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-3 .section-video-box .section-video video {
    border-radius: 7.083333vw;
    -webkit-border-radius: 7.083333vw;
    -moz-border-radius: 7.083333vw;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-3 .replay-btn {
    width: 9.166667vw;
    right: 3.472222vw;
    bottom: 3.472222vw;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-4 .content {
    width: 69.861111vw;
    margin-bottom: 9.027778vw;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-4 .section-picture {
    width: 85.972222vw;
    margin-bottom: 11.111111vw;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-4 .media-cover:before {
    padding-bottom: 86.1066235864%;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-5 .content {
    width: 67.638889vw;
    top: 90.277778vw;
    left: 0;
    margin-top: 0;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-5 .section-picture {
    width: 75.833333vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 75vw;
  }
  #hmos-next .section-security .container .section-privacy .wrap .card-5 .media-cover:before {
    padding-bottom: 206.684981685%;
  }
  #hmos-next .section-fluent {
    margin-top: 0;
    padding-top: 0;
    z-index: 1;
  }
  #hmos-next .section-fluent .container {
    padding-top: 8.333333vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main {
    margin-top: 16.666667vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap {
    width: 91.111111vw;
    flex-direction: column;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 {
    width: 100%;
    margin-bottom: 13.888889vw;
    background: transparent;
    padding: 0;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .section-txt {
    width: 73.222222vw;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 8.333333vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .section-txt .h3 {
    font-size: 8.888889vw;
    margin-bottom: 4.166667vw;
    font-weight: bold;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .section-txt .desc {
    width: 100%;
    font-size: 3.888889vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .main {
    margin-top: 5.555556vw;
    width: 100%;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .main ul {
    flex-direction: column;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .main .count-item {
    width: 100%;
    background: #FFFFFF;
    border-radius: 8.333333vw;
    padding-top: 8.333333vw;
    padding-bottom: 11.111111vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .main .count-item .sec-txt-32 {
    font-size: 4.444444vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .main .count-item:not(:last-child) {
    margin-bottom: 4.166667vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .main .count-item-1 .count-main {
    width: 37.638889vw;
    margin-left: 29.583333vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .main .count-item-2 .count-main {
    width: 43.611111vw;
    margin-left: 29.583333vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .main .count-item-2 .count-main .sec-txt-32 {
    margin-left: 5.277778vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-1 .main .count-item-3 .count-main {
    width: 40.416667vw;
    margin-left: 29.583333vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-2 {
    width: 100%;
    height: auto;
    margin-bottom: 13.888889vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-2 .section-txt {
    width: 76.388889vw;
    margin: 8.333333vw 6.388889vw 8.333333vw 8.333333vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-2 .section-txt .h3 {
    font-size: 8.888889vw;
    margin-bottom: 4.166667vw;
    font-weight: bold;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-2 .section-txt .desc {
    width: 100%;
    font-size: 3.888889vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-2 .section-video-box {
    width: 47.5vw;
    margin: 0 auto 5.277778vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-2 .section-video-box .section-picture.media-cover:before {
    padding-bottom: 206.7251461988%;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-2 .section-video-box .section-video {
    width: 44.583333vw;
    top: 0.833333vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-2 .section-video-box .section-video video {
    border-radius: 4.166667vw;
    -webkit-border-radius: 4.166667vw;
    -moz-border-radius: 4.166667vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-2 .replay-btn {
    width: 9.166667vw;
    right: 4.166667vw;
    bottom: 4.166667vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-3 {
    width: 100%;
    height: auto;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-3 .media-cover:before {
    padding-bottom: 137.1951219512%;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-3 .section-txt {
    width: 73.538889vw;
    top: 8.333333vw;
    left: 8.333333vw;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-3 .section-txt .h3 {
    font-size: 8.888889vw;
    margin-bottom: 4.166667vw;
    font-weight: bold;
    color: #F4F3F3;
  }
  #hmos-next .section-fluent .container .section-fluent-main .wrap .content-3 .section-txt .desc {
    font-size: 3.888889vw;
    color: #F4F3F3;
  }
  #hmos-next .section-update .container {
    padding-top: 8.333333vw;
  }
  #hmos-next .section-update .container .section-txt {
    margin-bottom: 9.722222vw;
  }
  #hmos-next .section-update .container .section-txt .h3 {
    font-size: 8.888889vw;
    margin-bottom: 8.333333vw;
  }
  #hmos-next .section-update .container .section-txt a {
    font-size: 3.888889vw;
  }
  #hmos-next .section-update .container .section-txt a:first-child {
    margin-right: 9.027778vw;
  }
  #hmos-next .section-update .container .section-picture {
    width: 100%;
  }
  #hmos-next .section-update .container .media-cover:before {
    padding-bottom: 50.6944444444%;
  }
  #hmos-next .section-footnote {
    font-size: 3.333333vw;
    width: 86.388889vw;
    margin: 0 auto;
    padding-bottom: 22.222222vw;
    padding-top: 22.222222vw;
  }
  #hmos-next .section-footnote .disclaimer {
    margin-top: 4.166667vw;
  }
}/*# sourceMappingURL=index.css.map */