* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  outline: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

li,ol,ul {
  list-style: none
}

fieldset,img {
  border: 0;
  width: 100%
}

picture {
  font-size: 0;
  display: block
}

input,select,textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit
}

a,a:focus,a:hover,a:visited {
  text-decoration: none
}

a {
  background-color: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent
}

a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none
}

a:not([href]):not([tabindex]):focus {
  outline: 0
}

button {
  overflow: visible;
  -webkit-appearance: none;
  border-radius: 0
}

button,select {
  text-transform: none
}

html input[type=button],html input[type=password],input[type=reset],input[type=submit],input[type=text] {
  -webkit-appearance: none;
  cursor: pointer;
  border-radius: 0
}

input[type=search] {
  -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

input[type=search] {
  -webkit-appearance: none
}

input::-ms-clear,input::-ms-reveal {
  display: none
}

@media screen and (max-width: 1024px) {
  input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select:focus,textarea {
      font-size:.83333vw
  }
}

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
  cursor: pointer
}

sup {
  font-size: .5em;
  position: relative;
  top: -.2em
}

body,html {
  scroll-behavior: smooth
}

body {
  margin: 0;
  font: 1.04167vw/1.6 OPPOSans-Medium;
  position: relative;
  box-sizing: border-box;
  text-align: left;
  color: #fff;
  background-color: #fff;
  word-break: break-word
}

.lazyload:not([src]) {
  display: none
}

.nowrap {
  white-space: nowrap
}

.is-scroll {
  -webkit-transition: -webkit-transform .5s cubic-bezier(0,.6,.3,1);
  transition: -webkit-transform .5s cubic-bezier(0,.6,.3,1);
  transition: transform .5s cubic-bezier(0,.6,.3,1);
  transition: transform .5s cubic-bezier(0,.6,.3,1),-webkit-transform .5s cubic-bezier(0,.6,.3,1);
  will-change: transform
}

@media screen and (max-aspect-ratio: 1/1),screen and (max-width:1365px),screen and (max-width:1366px) and (min-height:800px) {
  .is-scroll {
      -webkit-transition:none;
      transition: none
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .is-scroll {
      -webkit-transition:none;
      transition: none
  }
}

.is-opacity {
  -webkit-transition: opacity .5s cubic-bezier(0,.6,.3,1);
  transition: opacity .5s cubic-bezier(0,.6,.3,1)
}

.is-fade-up {
  opacity: 0;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform;
  -webkit-transform: translate3d(0,100px,0);
  transform: translate3d(0,100px,0);
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 1s;
  transition-duration: 1s
}

.is-fade-up.is-animate {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.is-toggle {
  opacity: 0;
  z-index: -999!important
}

.is-sticky {
  position: -webkit-sticky!important;
  position: sticky!important;
  top: 4.89583vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .is-sticky {
      top:15.73333vw
  }
}

.aiko-h1,.aiko-h2,.aiko-h3,.aiko-h4,.aiko-h5,.aiko-h6,h1,h2,h3,h4,h5,h6 {
  margin-top: 0;
  
  font-family: OPPOSans-Bold;
  line-height: 1.3;
  color: #fff;
  font-weight: 400
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-h1,.aiko-h2,.aiko-h3,.aiko-h4,.aiko-h5,.aiko-h6,h1,h2,h3,h4,h5,h6 {
      margin-bottom:3.2vw
  }
}

.aiko-h1.black,.aiko-h2.black,.aiko-h3.black,.aiko-h4.black,.aiko-h5.black,.aiko-h6.black,h1.black,h2.black,h3.black,h4.black,h5.black,h6.black {
  color: #000
}

.aiko-h1,h1 {
  font-size: 4.16667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-h1,h1 {
      font-size:6.93333vw
  }
}

.aiko-h2,h2 {
  font-size: 2.91667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-h2,h2 {
      font-size:6.4vw
  }
}

.aiko-h3,h3 {
  font-size: 2.5vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-h3,h3 {
      font-size:6.4vw
  }
}

.aiko-h4,h4 {
  font-size: 2.08333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-h4,h4 {
      font-size:6.4vw
  }
}

p {
  font-size: .72917vw;
  color: #000
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  p {
      font-size:2.66667vw
  }
}

.aiko-p {
  font-family: OPPOSans-Medium;
  font-size: 1.04167vw;
  line-height: 1.6;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-p {
      font-size:3.2vw
  }
}

.aiko-p.opacity-60 {
  opacity: .6
}

.aiko-p.opacity-70 {
  opacity: .7
}

.aiko-p.opacity-80 {
  opacity: .8
}

.aiko-p.aiko-lead {
  font-size: 1.25vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-p.aiko-lead {
      font-size:3.2vw
  }
}

.aiko-p.aiko-medium {
  font-size: .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-p.aiko-medium {
      font-size:2.13333vw
  }
}

.aiko-p.aiko-small {
  font-size: .72917vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-p.aiko-small {
      font-size:2.4vw
  }
}

.aiko-p.black {
  color: #000
}

.aiko-space {
  margin-bottom: .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-space {
      margin-bottom:1.6vw
  }
}

.aiko-overlay {
  position: relative
}

.aiko-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: rgba(0,0,0,.2)
}

label {
  font-size: .72917vw;
  color: #000
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
  pointer-events: auto
}

.common-video {
  position: relative;
  width: 100%;
  height: 100%
}

.aiko-container,.wrap {
  position: relative;
  width: 88.83333vw;
  margin-right: auto;
  margin-left: auto
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-container {
      width:89.33333vw
  }
}

.aiko-container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -.78125vw;
  margin-left: -.78125vw
}

.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-mob,.col-mob-1,.col-mob-2,.col-mob-3,.col-mob-4,.col-mob-5,.col-mob-6,.col-mob-7,.col-mob-8,.col-mob-9,.col-mob-10,.col-mob-11,.col-mob-12,.col-mob-auto {
  position: relative;
  width: 100%;
  padding-right: .78125vw;
  padding-left: .78125vw
}

.col {
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  max-width: 100%
}

.col-auto {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%
}

.col-1,.col-auto {
  -webkit-box-flex: 0
}

.col-1 {
  -webkit-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%
}

.col-2 {
  -webkit-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%
}

.col-2,.col-3 {
  -webkit-box-flex: 0
}

.col-3 {
  -webkit-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  -webkit-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%
}

.col-4,.col-5 {
  -webkit-box-flex: 0
}

.col-5 {
  -webkit-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%
}

.col-6 {
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

.col-6,.col-7 {
  -webkit-box-flex: 0
}

.col-7 {
  -webkit-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%
}

.col-8 {
  -webkit-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%
}

.col-8,.col-9 {
  -webkit-box-flex: 0
}

.col-9 {
  -webkit-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  -webkit-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%
}

.col-10,.col-11 {
  -webkit-box-flex: 0
}

.col-11 {
  -webkit-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%
}

.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  order: -1
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
  order: 13
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  order: 0
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  order: 1
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  order: 2
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  order: 3
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  order: 4
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  order: 5
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  order: 6
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  order: 7
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  order: 8
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  order: 9
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  order: 10
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  order: 11
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  order: 12
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .col-mob {
      -webkit-flex-basis:0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      flex-grow: 1;
      max-width: 100%
  }

  .col-mob-auto {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .col-mob-1 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%
  }

  .col-mob-2 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%
  }

  .col-mob-3 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-mob-4 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
  }

  .col-mob-5 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%
  }

  .col-mob-6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-mob-7 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%
  }

  .col-mob-8 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%
  }

  .col-mob-9 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-mob-10 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%
  }

  .col-mob-11 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%
  }

  .col-mob-12 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-mob-first {
      -webkit-box-ordinal-group: 0;
      -webkit-order: -1;
      order: -1
  }

  .order-mob-last {
      -webkit-box-ordinal-group: 14;
      -webkit-order: 13;
      order: 13
  }

  .order-mob-0 {
      -webkit-box-ordinal-group: 1;
      -webkit-order: 0;
      order: 0
  }

  .order-mob-1 {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      order: 1
  }

  .order-mob-2 {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      order: 2
  }

  .order-mob-3 {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
      order: 3
  }

  .order-mob-4 {
      -webkit-box-ordinal-group: 5;
      -webkit-order: 4;
      order: 4
  }

  .order-mob-5 {
      -webkit-box-ordinal-group: 6;
      -webkit-order: 5;
      order: 5
  }

  .order-mob-6 {
      -webkit-box-ordinal-group: 7;
      -webkit-order: 6;
      order: 6
  }

  .order-mob-7 {
      -webkit-box-ordinal-group: 8;
      -webkit-order: 7;
      order: 7
  }

  .order-mob-8 {
      -webkit-box-ordinal-group: 9;
      -webkit-order: 8;
      order: 8
  }

  .order-mob-9 {
      -webkit-box-ordinal-group: 10;
      -webkit-order: 9;
      order: 9
  }

  .order-mob-10 {
      -webkit-box-ordinal-group: 11;
      -webkit-order: 10;
      order: 10
  }

  .order-mob-11 {
      -webkit-box-ordinal-group: 12;
      -webkit-order: 11;
      order: 11
  }

  .order-mob-12 {
      -webkit-box-ordinal-group: 13;
      -webkit-order: 12;
      order: 12
  }
}

.cf:after,.cf:before {
  content: " ";
  display: table
}

.cf:after {
  clear: both
}

.aiko-btn {
  display: inline-block;
  min-width: 10.41667vw;
  height: 2.91667vw;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0 1.5625vw;
  font-family: OPPOSans-Heavy;
  font-size: .72917vw;
  line-height: 1.3;
  -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .aiko-btn {
      -webkit-transition: none;
      transition: none
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-btn {
      min-width:35.33333vw;
      height: 9.86667vw;
      font-size: 2.4vw;
      border: 1px solid transparent
  }
}

@media (any-hover: hover) {
  .aiko-btn:hover {
      color:#212529;
      text-decoration: none
  }
}

.aiko-btn.focus,.aiko-btn:focus {
  outline: 0
}

.aiko-btn.disabled,.aiko-btn:disabled {
  opacity: .65;
  cursor: default
}

.aiko-btn:not(:disabled):not(.disabled) {
  cursor: pointer
}

.btn-light {
  color: #fff;
  border-color: #fff
}

.btn-light.black {
  color: #000;
  border-color: #000
}

.btn-light .btn-arrow {
  display: inline-block;
  padding-right: 1.14583vw;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxNCI+PHBhdGggZD0iTTExIDdMMCAxNFYweiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat 100%;
  background-size: .57292vw .72917vw;
  -webkit-transition: background-image .15s ease-in-out;
  transition: background-image .15s ease-in-out
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .btn-light .btn-arrow {
      padding-right:3.2vw;
      background-size: 1.73333vw 2.13333vw
  }
}

.btn-light .btn-back {
  display: inline-block;
  padding-left: .83333vw;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjA2MSIgaGVpZ2h0PSIxMi43MDciPjxwYXRoIGQ9Ik02LjcwOC4zNTRsLTYgNiA2IDYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIvPjwvc3ZnPg==) no-repeat 0;
  background-size: .3125vw .625vw;
  -webkit-transition: background-image .15s ease-in-out;
  transition: background-image .15s ease-in-out
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .btn-light .btn-back {
      padding-left:3.2vw;
      background-size: 1.2vw 2.4vw
  }
}

.btn-light.active,.btn-light:active {
  color: #007f68;
  border-color: #007f68
}

.btn-light.active .btn-arrow,.btn-light:active .btn-arrow {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxNCI+PHBhdGggZD0iTTExIDdMMCAxNFYweiIgZmlsbD0iI2ZmNTAwMCIvPjwvc3ZnPg==)
}

.btn-light.active .btn-back,.btn-light:active .btn-back {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjA2MSIgaGVpZ2h0PSIxMi43MDciPjxwYXRoIGQ9Ik02LjcwOC4zNTRsLTYgNiA2IDYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmNTAwMCIvPjwvc3ZnPg==)
}

@media (any-hover: hover) {
  .btn-light:hover {
      color:#007f68;
      border-color: #007f68
  }

  .btn-light:hover .btn-arrow {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxNCI+PHBhdGggZD0iTTExIDdMMCAxNFYweiIgZmlsbD0iI2ZmNTAwMCIvPjwvc3ZnPg==)
  }

  .btn-light:hover .btn-back {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjA2MSIgaGVpZ2h0PSIxMi43MDciPjxwYXRoIGQ9Ik02LjcwOC4zNTRsLTYgNiA2IDYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmNTAwMCIvPjwvc3ZnPg==)
  }
}

.btn-light.disabled,.btn-light:disabled {
  color: hsla(0,0%,100%,.6);
  border-color: #fff
}

.btn-light.black.disabled,.btn-light.black:disabled {
  color: rgba(0,0,0,.6);
  border-color: #000
}

.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active {
  color: #007f68;
  border-color: #007f68
}

.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 .15625vw rgba(255,81,0,.5)
}

.btn-dark {
  color: #000;
  background-color: #fff;
  border-color: #fff
}

.btn-dark.active,.btn-dark:active {
  color: #fff;
  background-color: #007f68;
  border-color: #007f68
}

@media (any-hover: hover) {
  .btn-dark:hover {
      color:#fff;
      background-color: #007f68;
      border-color: #007f68
  }
}

.btn-dark.disabled,.btn-dark:disabled {
  color: rgba(0,0,0,.65);
  background-color: #fff;
  border-color: #fff
}

.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active {
  color: #fff;
  border-color: #007f68
}

.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 .15625vw rgba(255,81,0,.5)
}

.aiko-link {
  font-family: OPPOSans-Regular;
  font-size: .625vw;
  line-height: 1.33333;
  color: #666466;
  text-decoration: none
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-link {
      font-size:2.66667vw
  }
}

.aiko-link:active {
  color: #007f68
}

@media (any-hover: hover) {
  .aiko-link:hover {
      color:#007f68
  }
}

a.aiko-btn {
  line-height: 2.8125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  a.aiko-btn {
      line-height:9.73333vw
  }
}

a.aiko-btn.disabled,fieldset:disabled a.aiko-btn {
  pointer-events: none
}

.text-left {
  text-align: left!important
}

.text-right {
  text-align: right!important
}

.text-center {
  text-align: center!important
}

.trigger-block {
  position: relative
}

.hidden {
  display: none!important
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .show-pc {
      display:none!important
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .hide-pad {
      display:none!important
  }
}

.show-pad {
  display: none!important
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .show-pad {
      display:block!important
  }
}

.show-mob {
  display: none!important
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .show-mob {
      display:block!important
  }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
  .hidden-ie {
      display: none!important
  }
}

@supports (-ms-ime-align:auto) {
  .hidden-ie {
      display: none!important
  }
}

.show-ie {
  display: none!important
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
  .show-ie {
      display: block!important
  }
}

@supports (-ms-ime-align:auto) {
  .show-ie {
      display: block!important
  }
}

.aiko-kv-arrow {
  display: block;
  z-index: 5;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 3.17708vw;
  width: 1.77083vw;
  height: 1.77083vw;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNC45MzEiIGhlaWdodD0iMzQuOTMxIj48cGF0aCBkPSJNLjQ5NSAxNi45N2wxNi45NyAxNi45NzEgMTYuOTcxLTE2Ljk3IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS40IiBvcGFjaXR5PSIuNiIvPjwvc3ZnPg==) no-repeat 50%;
  background-size: cover
}

header {
  position: -webkit-sticky;
  position: sticky;
  top: -2.08333vw;
  width: 100%;
  z-index: 101
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header {
      top:0
  }
}

header.header-static {
  position: static
}

header.header-sticky {
  top: 0
}

header .aiko-country {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: rgba(0,0,0,.75);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  touch-action: none
}

header .aiko-country .aiko-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 54.6875vw;
  height: 24.63542vw;
  padding: 4.89583vw 7.1875vw 3.4375vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  background-color: #000
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-country .aiko-container {
      width:89.33333vw;
      min-height: 63.06667vw;
      height: auto;
      padding: 12.53333vw 7.46667vw 5.6vw
  }
}

header .aiko-country .aiko-country-btm {
  position: absolute;
  left: 0;
  bottom: 3.4375vw;
  width: 100%;
  height: 1.25vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-country .aiko-country-btm {
      bottom:5.6vw;
      height: 3.2vw
  }
}

header .aiko-country #aiko-country-close {
  cursor: pointer;
  display: block;
  margin: 0 auto;
  width: 1.25vw;
  height: 1.25vw;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC43MDciIGhlaWdodD0iMjQuNzA4Ij48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiPjxwYXRoIGQ9Ik0uMzU0LjM1M2wyNCAyNE0yNC4zNTQuMzUzbC0yNCAyNCIvPjwvZz48L3N2Zz4=) no-repeat 50%;
  background-size: 1.25vw 1.25vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-country #aiko-country-close {
      width:3.2vw;
      height: 3.2vw;
      background-size: 3.2vw 3.2vw
  }
}

header .aiko-country .aiko-country-left {
  position: relative;
  width: 100%;
  min-height: 3.125vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 1.04167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-country .aiko-country-left {
      min-height:8vw;
      margin-bottom: 2.66667vw
  }
}

header .aiko-country .aiko-country-left .aiko-country-text {
  text-align: center;
  opacity: .8
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-country .aiko-country-left .aiko-country-text {
      padding-bottom:2.66667vw
  }
}

header .aiko-country .aiko-country-left .country-color {
  color: #007f68
}

header .aiko-country .aiko-country-right {
  position: relative;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 11.22396vw;
  flex: 0 0 11.22396vw;
  max-width: 11.22396vw;
  text-align: right
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-country .aiko-country-right {
      -webkit-box-flex:0;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
      padding-top: 8.93333vw;
      padding-bottom: 10.4vw
  }
}

header .aiko-country .aiko-country-wrap {
  z-index: 5;
  position: relative;
  width: 29.0625vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 29.0625vw;
  flex: 0 0 29.0625vw;
  max-width: 29.0625vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-country .aiko-country-wrap {
      width:100%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }
}

header .aiko-country .aiko-country-wrap .aiko-country-group {
  position: relative;
  width: 100%;
  height: 2.91667vw;
  background-color: hsla(0,0%,40%,.3)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-country .aiko-country-wrap .aiko-country-group {
      height:9.86667vw
  }
}

header .aiko-country .aiko-country-wrap .aiko-country-group .aiko-country-toggle {
  position: relative;
  display: block;
  padding: .625vw 3.33333vw;
  font-family: OPPOSans-Medium;
  font-size: 1.25vw;
  line-height: 1.33333;
  outline: 0;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-country .aiko-country-wrap .aiko-country-group .aiko-country-toggle {
      padding:2.53333vw 6.66667vw 2.53333vw 10.66667vw;
      font-size: 3.2vw
  }
}

header .aiko-country .aiko-country-wrap .aiko-country-group .aiko-country-toggle:before {
  content: "";
  position: absolute;
  top: 1.19792vw;
  left: 1.45833vw;
  width: .67708vw;
  height: .57292vw;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi45NDkiIGhlaWdodD0iMTEuMzY1Ij48cGF0aCBkPSJNLjQwNCA0Ljg2bDQuNCA2TDEyLjU0Ni4yOTEiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) no-repeat 50%;
  background-size: .67708vw .57292vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-country .aiko-country-wrap .aiko-country-group .aiko-country-toggle:before {
      top:3.06667vw;
      left: 3.73333vw;
      width: 3.46667vw;
      height: 2.93333vw;
      background-size: 3.46667vw 2.93333vw
  }
}

header .aiko-country .aiko-country-wrap .aiko-country-group .aiko-country-toggle:after {
  content: "";
  position: absolute;
  top: 1.25vw;
  right: 1.14583vw;
  width: .83333vw;
  height: .41667vw;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4xMjMiIGhlaWdodD0iOC43NjkiPjxwYXRoIGQ9Ik0uMzU0LjM1M2w3LjcwOSA3LjcwOEwxNS43Ny4zNTMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgb3BhY2l0eT0iLjcwMSIvPjwvc3ZnPg==) no-repeat 50%;
  background-size: .83333vw .41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-country .aiko-country-wrap .aiko-country-group .aiko-country-toggle:after {
      top:3.86667vw;
      right: 2.93333vw;
      width: 4.26667vw;
      height: 2.13333vw;
      background-size: 4.26667vw 2.13333vw
  }
}

header .aiko-country .aiko-country-wrap .aiko-country-group .aiko-country-list-group {
  background-color: #222
}

header .aiko-country .aiko-country-wrap .aiko-country-group .aiko-country-list {
  display: none;
  position: relative;
  padding: .625vw 3.33333vw;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 10.41667vw;
  scrollbar-width: thin
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-country .aiko-country-wrap .aiko-country-group .aiko-country-list {
      max-height:40vw;
      padding: 2.53333vw 6.66667vw 2.53333vw 10.66667vw
  }
}

header .aiko-country .aiko-country-wrap .aiko-country-group .aiko-country-list::-webkit-scrollbar {
  width: 2px;
  background-color: #efefef
}

header .aiko-country .aiko-country-wrap .aiko-country-group .aiko-country-list::-webkit-scrollbar-thumb {
  background-color: #9d9d9d
}

header .aiko-country .aiko-country-wrap .aiko-country-group .aiko-country-list li {
  padding: .625vw 0;
  height: 2.91667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-country .aiko-country-wrap .aiko-country-group .aiko-country-list li {
      padding:2.53333vw 0;
      height: 9.86667vw
  }
}

header .aiko-country .aiko-country-wrap .aiko-country-group .aiko-country-list li+li {
  border-top: 1px solid #fff
}

header .aiko-country .aiko-country-wrap .aiko-country-group .aiko-country-list li:hover {
  font-family: OPPOSans-Bold
}

header .aiko-country .aiko-country-wrap .aiko-country-group .aiko-country-list a {
  display: block;
  font-size: 1.04167vw;
  line-height: 1.33333;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-country .aiko-country-wrap .aiko-country-group .aiko-country-list a {
      font-size:2.66667vw
  }
}

header .aiko-country .aiko-country-wrap .aiko-country-group.open .aiko-country-toggle:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

header .aiko-country .aiko-country-wrap .aiko-country-group.open .aiko-country-list {
  display: block
}

header .aiko-top {
  height: 2.08333vw;
  background-color: rgba(0,0,0,.9)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-top {
      display:none;
      height: auto;
      background-color: transparent
  }
}

header .aiko-top .aiko-container {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-top .aiko-container {
      display:block
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-top .link-group {
      border-top:.13333vw solid hsla(0,0%,100%,.3);
      padding-top: 5.33333vw
  }
}

header .aiko-top .link-group .aiko-link {
  opacity: .6
}

header .aiko-top .link-group .aiko-link:hover {
  opacity: 1
}

header .aiko-top .aiko-top-line {
  padding: 0 .78125vw;
  font-size: .625vw;
  opacity: .6
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-top .aiko-top-line {
      padding:0 4vw;
      font-size: 2.66667vw
  }
}

header .aiko-nav-group {
  background-color: #0F0F0F;
}

header .aiko-nav-group .aiko-nav-row {
  position: relative;
  height: 4.89583vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-nav-group .aiko-nav-row {
      height:15.73333vw
  }
}

header .aiko-nav-group .aiko-nav-logo {
  width: 7.13542vw;
  height: 1.875vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-nav-group .aiko-nav-logo {
      width:16.26667vw;
      height: 4.26667vw
  }
}

header .aiko-nav-group .navbar-toggle {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  width: 4.8vw;
  height: 4vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIyOS4yNSI+PGcgb3BhY2l0eT0iLjgiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0wIDBoMzZ2Mkgwek0wIDEzLjYyNWgzNnYySDB6TTAgMjcuMjVoMzZ2MkgweiIvPjwvZz48L3N2Zz4=) no-repeat 50%;
  background-size: 4.8vw 4vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-nav-group .navbar-toggle {
      display:block
  }
}

header .aiko-nav-group .navbar-toggle.open {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNCIgaGVpZ2h0PSIzNCI+PGcgb3BhY2l0eT0iLjgiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0wIDBoMzR2MzRIMHoiLz48cGF0aCBkPSJNMy4zNjEgMy42NzdMMzAuNjM0IDMwLjk1TTMwLjYzNCAzLjY3N0wzLjM2MSAzMC45NSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvZz48L3N2Zz4=)
}

header .aiko-nav-group .aiko-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: .9375vw;
  width: 818px;
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-nav-group .aiko-nav {
      display:none;
      height: auto;
      position: absolute;
      top: 15.73333vw;
      left: -5.33333vw;
      width: 100vw;
      height: -webkit-calc(100vh - 15.73333vw);
      height: calc(100vh - 15.73333vw);
      height: -webkit-calc(var(--vh,1vh)*100 - 15.73333vw);
      height: calc(var(--vh, 1vh)*100 - 15.73333vw);
      padding: 1.6vw 5.33333vw;
      border-top: .13333vw solid hsla(0,0%,100%,.1);
      background-color: #000
  }
}

header .aiko-nav-group .aiko-nav .aiko-nav-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-nav-group .aiko-nav .aiko-nav-menu {
      display:block
  }
}

header .aiko-nav-group .aiko-nav .aiko-nav-menu .aiko-nav-item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  margin: 0 1.04167vw;
  align-items: center;
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-nav-group .aiko-nav .aiko-nav-menu .aiko-nav-item {
      display:block;
      margin: 6.4vw 0
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  header .aiko-nav-group .aiko-nav .aiko-nav-menu .aiko-nav-item {
      margin:4vw 0
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  header .aiko-nav-group .aiko-nav .aiko-nav-menu .aiko-nav-item {
      margin:4vw 0
  }
}

header .aiko-nav-group .aiko-nav .aiko-nav-menu .nav-link {
  position: relative;
  display: inline-block;
  font-family: OPPOSans-Medium;
  font-size: .72917vw;
  line-height: .9375vw;
  color: #FFFFFF;
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-nav-group .aiko-nav .aiko-nav-menu .nav-link {
      font-size:3.2vw;
      line-height: 1.33333
  }
}

header .aiko-nav-group .aiko-nav .aiko-nav-menu .nav-link:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -.3125vw;
  width: 0;
  height: .05208vw;
  background-color: #007f68;
  -webkit-transition: width .3s ease-in-out;
  transition: width .3s ease-in-out
}

header .aiko-nav-group .aiko-nav .aiko-nav-menu .nav-link.active:after,header .aiko-nav-group .aiko-nav .aiko-nav-menu .nav-link:hover:after {
  width: 100%
}

header .aiko-nav-group .aiko-nav .aiko-nav-language {
  height: 100%;
  margin-left: 1.04167vw;
  border-left: 1px solid hsla(0,0%,100%,.6);
  padding-left: 2.08333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-nav-group .aiko-nav .aiko-nav-language {
      position:absolute;
      left: 5.33333vw;
      bottom: -webkit-calc(100% + 5.73333vw);
      bottom: calc(100% + 5.73333vw);
      height: 4.26667vw;
      border-left: none;
      margin-left: 0;
      padding-left: 0
  }
}

header .aiko-nav-group .aiko-nav .aiko-nav-language .aiko-language-group {
  position: relative
}

header .aiko-nav-group .aiko-nav .aiko-nav-language .aiko-language-group .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 100;
  min-width: 6.25vw;
  margin: .83333vw 0 0;
  font-size: .625vw;
  text-align: center;
  list-style: none;
  background-color: #262626
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-nav-group .aiko-nav .aiko-nav-language .aiko-language-group .dropdown-menu {
      left:0;
      -webkit-transform: none;
      transform: none;
      min-width: 16vw;
      margin: 2.13333vw 0 0;
      font-size: 3.2vw
  }
}

header .aiko-nav-group .aiko-nav .aiko-nav-language .aiko-language-group .dropdown-menu:before {
  content: "";
  position: absolute;
  top: -.41667vw;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: .36458vw solid transparent;
  border-right: .36458vw solid transparent;
  border-bottom: .41667vw solid #191919
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-nav-group .aiko-nav .aiko-nav-language .aiko-language-group .dropdown-menu:before {
      top:-1.06667vw;
      border-left: .93333vw solid transparent;
      border-right: .93333vw solid transparent;
      border-bottom: 1.06667vw solid #191919
  }
}

header .aiko-nav-group .aiko-nav .aiko-nav-language .aiko-language-group .dropdown-menu a {
  display: block;
  padding: .625vw .88542vw;
  line-height: 1;
  color: #fff;
  font-size: .57292vw;
  white-space: nowrap
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-nav-group .aiko-nav .aiko-nav-language .aiko-language-group .dropdown-menu a {
      padding:1.6vw 2.26667vw;
      font-size: 2.93333vw
  }
}

header .aiko-nav-group .aiko-nav .aiko-nav-language .aiko-language-group .dropdown-menu a:hover {
  color: #007f68;
  background-color: #191919
}

header .aiko-nav-group .aiko-nav .aiko-nav-language .aiko-language-group.open>.dropdown-menu {
  display: block
}

header .aiko-nav-group .aiko-nav .aiko-nav-language .aiko-dropdown-toggle {
  display: block;
  padding-left: 1.25vw;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIj48ZyBkYXRhLW5hbWU9IuakreWchiA4NjEiPjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSI4IiBzdHJva2U9Im5vbmUiLz48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iNy41Ii8+PC9nPjxnIGRhdGEtbmFtZT0i5qSt5ZyGIDg2MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC41KSI+PGVsbGlwc2UgY3g9IjMuNSIgY3k9IjgiIHJ4PSIzLjUiIHJ5PSI4IiBzdHJva2U9Im5vbmUiLz48ZWxsaXBzZSBjeD0iMy41IiBjeT0iOCIgcng9IjMiIHJ5PSI3LjUiLz48L2c+PHBhdGggZGF0YS1uYW1lPSLot6/lvoQgMjUxNjQiIGQ9Ik0wIDguMjg2aDE2Ii8+PC9nPjwvc3ZnPg==) no-repeat 0 0;
  background-size: .9375vw .9375vw;
  font-family: OPPOSans-Regular;
  font-size: .625vw;
  line-height: 1.04167vw;
  height: .9375vw;
  color: #fff;
  opacity: .8;
  outline: none
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header .aiko-nav-group .aiko-nav .aiko-nav-language .aiko-dropdown-toggle {
      padding-left:6.4vw;
      background-size: 4.26667vw 4.26667vw;
      font-size: 3.2vw;
      line-height: 4.53333vw;
      height: 4.26667vw;
      opacity: 1
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  header.open .aiko-nav-group {
      height:100vh;
      height: -webkit-calc(var(--vh,1vh)*100);
      height: calc(var(--vh, 1vh)*100)
  }

  header.open .aiko-nav-group .aiko-nav-logo {
      display: none
  }

  header.open .aiko-nav-group .aiko-nav {
      display: block
  }

  header.open .aiko-top {
      display: block;
      z-index: 5;
      position: absolute;
      left: 0;
      bottom: 10.66667vw;
      width: 100%
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  header.open .aiko-top {
      bottom:5.33333vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  header.open .aiko-top {
      bottom:5.33333vw
  }
}

footer {
  background-color: #FFFFFF;
}

footer .aiko-footer {
  padding: 1.66667vw 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  footer .aiko-footer {
      padding:5.33333vw 0
  }
}

footer .aiko-footer-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

footer .aiko-footer-top .aiko-footer-social {
  position: relative;
  height: .9375vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  footer .aiko-footer-top .aiko-footer-social {
      width:100%;
      height: 3.73333vw;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end
  }
}

footer .aiko-footer-top .aiko-footer-social .aiko-footer-follow {
  display: inline-block;
  vertical-align: top;
  line-height: .9375vw;
  font-size: .72917vw;
  padding-right: .78125vw;
  color: #666666;
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  footer .aiko-footer-top .aiko-footer-social .aiko-footer-follow {
      position:absolute;
      top: 0;
      left: 0;
      line-height: 3.73333vw;
      font-size: 2.66667vw;
      padding-right: 2vw
  }
}

footer .aiko-footer-top .aiko-footer-social .aiko-footer-social-link {
  position: relative;
  margin: 0 .3125vw;
  height: .83333vw;
  vertical-align: top;
  line-height: .9375vw;
  display: inline-block;
  font-size: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  footer .aiko-footer-top .aiko-footer-social .aiko-footer-social-link {
      margin:0 1.46667vw;
      height: 3.73333vw;
      line-height: 3.73333vw
  }
}

footer .aiko-footer-top .aiko-footer-social .aiko-footer-social-link img {
  width: auto;
  height: .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  footer .aiko-footer-top .aiko-footer-social .aiko-footer-social-link img {
      height:3.73333vw
  }
}

footer .aiko-footer-top .aiko-footer-social .aiko-footer-social-link:last-child {
  margin-right: 0
}

footer .aiko-footer-top .aiko-footer-social .aiko-footer-wechat .aiko-footer-wechat-modal {
  display: none;
  position: absolute;
  left: -.9375vw;
  bottom: -webkit-calc(100% + .78125vw);
  bottom: calc(100% + .78125vw);
  padding: .9375vw .83333vw .625vw;
  background-color: #191919
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  footer .aiko-footer-top .aiko-footer-social .aiko-footer-wechat .aiko-footer-wechat-modal {
      left:auto;
      right: 0;
      bottom: -webkit-calc(100% + 2vw);
      bottom: calc(100% + 2vw);
      padding: 2.4vw 2.13333vw 1.6vw
  }
}

footer .aiko-footer-top .aiko-footer-social .aiko-footer-wechat .aiko-footer-wechat-modal:before {
  content: "";
  position: absolute;
  bottom: -.46875vw;
  left: .98958vw;
  width: 0;
  height: 0;
  border-left: .46875vw solid transparent;
  border-right: .46875vw solid transparent;
  border-top: .52083vw solid #191919
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  footer .aiko-footer-top .aiko-footer-social .aiko-footer-wechat .aiko-footer-wechat-modal:before {
      bottom:-1.2vw;
      left: auto;
      right: 1.73333vw;
      border-left: 1.2vw solid transparent;
      border-right: 1.2vw solid transparent;
      border-top: 1.33333vw solid #191919
  }
}

footer .aiko-footer-top .aiko-footer-social .aiko-footer-wechat .aiko-footer-wechat-modal .aiko-footer-wechat-modal-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap
}

footer .aiko-footer-top .aiko-footer-social .aiko-footer-wechat .aiko-footer-wechat-modal .aiko-footer-wechat-modal-row .aiko-footer-wechat-modal-col {
  position: relative;
  width: 100%;
  padding: 0 .41667vw;
  max-width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  footer .aiko-footer-top .aiko-footer-social .aiko-footer-wechat .aiko-footer-wechat-modal .aiko-footer-wechat-modal-row .aiko-footer-wechat-modal-col {
      padding:0 1.06667vw
  }
}

footer .aiko-footer-top .aiko-footer-social .aiko-footer-wechat .aiko-footer-wechat-modal .aiko-footer-wechat-modal-row .aiko-footer-wechat-modal-col img {
  display: block;
  min-width: 75px;
  min-height: 75px;
  width: 4.58333vw;
  height: 4.58333vw
}

footer .aiko-footer-top .aiko-footer-social .aiko-footer-wechat .aiko-footer-wechat-modal .aiko-footer-wechat-modal-text {
  padding-top: .3125vw;
  font-size: .625vw;
  color: #fff;
  line-height: 1.33333;
  text-align: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  footer .aiko-footer-top .aiko-footer-social .aiko-footer-wechat .aiko-footer-wechat-modal .aiko-footer-wechat-modal-text {
      padding-top:.8vw;
      font-size: 1.86667vw
  }
}

footer .aiko-footer-top .aiko-footer-social .aiko-footer-wechat:hover .aiko-footer-wechat-modal {
  display: block
}

footer .aiko-footer-top .aiko-footer-language .aiko-language-group {
  position: relative
}

footer .aiko-footer-top .aiko-footer-language .aiko-language-group .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  width: 3.125vw;
  margin: .625vw 0 0;
  font-size: .625vw;
  text-align: center;
  list-style: none;
  background-color: #1a1a1a;
  background-clip: padding-box
}

footer .aiko-footer-top .aiko-footer-language .aiko-language-group .dropdown-menu:before {
  content: "";
  position: absolute;
  top: -.41667vw;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: .36458vw solid transparent;
  border-right: .36458vw solid transparent;
  border-bottom: .41667vw solid #1a1a1a
}

footer .aiko-footer-top .aiko-footer-language .aiko-language-group .dropdown-menu li {
  height: 1.40625vw
}

footer .aiko-footer-top .aiko-footer-language .aiko-language-group .dropdown-menu a {
  display: block;
  line-height: 1.35417vw;
  font-family: OPPOSans-Regular;
  color: hsla(0,0%,100%,.5);
  font-size: .625vw
}

footer .aiko-footer-top .aiko-footer-language .aiko-language-group .dropdown-menu a:hover {
  color: hsla(0,0%,100%,.8);
  background-color: #141414
}

footer .aiko-footer-top .aiko-footer-language .aiko-language-group.open>.dropdown-menu {
  display: block
}

footer .aiko-footer-top .aiko-footer-language .aiko-dropdown-toggle {
  display: block;
  padding-right: .88542vw;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjE5MiIgaGVpZ2h0PSI5LjE5MiI+PHBhdGggZD0iTS4zNTQgNC4yNDNsNC4yNDMgNC4yNDMgNC4yNDItNC4yNDMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIvPjwvc3ZnPg==) no-repeat top .20833vw right;
  background-size: .46875vw .46875vw;
  font-family: OPPOSans-Medium;
  font-size: .72917vw;
  line-height: 1.04167vw;
  color: #fff
}

footer .aiko-footer-btm {
  margin-top: .83333vw;
  padding-top: .83333vw;
  border-top: .05208vw solid #666464;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  footer .aiko-footer-btm {
      padding:0;
      display: block;
      text-align: center
  }
}

footer .aiko-footer-btm.no-border {
  margin-top: 0;
  padding-top: 0;
  border-top: none
}

footer .aiko-footer-btm .aiko-footer-copy {
  font-family: OPPOSans-Regular;
  font-size: .625vw;
  line-height: 1.33333;
  color: #fff;
  opacity: .8
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  footer .aiko-footer-btm .aiko-footer-copy {
      font-size:2.13333vw
  }
}

footer .aiko-footer-btm .aiko-footer-link-group .aiko-link {
  opacity: .8
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  footer .aiko-footer-btm .aiko-footer-link-group .aiko-link {
      font-size:2.13333vw
  }
}

footer .aiko-footer-btm .aiko-footer-link-group .aiko-link:hover {
  opacity: 1
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  footer .aiko-footer-btm.aiko-footer-btm-m {
      margin-top:3.2vw;
      padding-top: 3.2vw;
      text-align: left
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  footer .aiko-footer-btm.aiko-footer-btm-m .aiko-footer-copy {
      font-size:1.86667vw;
      line-height: 1.28571
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  footer .aiko-footer-btm.aiko-footer-btm-m .aiko-footer-link-group {
      margin-top:1.6vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  footer .aiko-footer-btm.aiko-footer-btm-m .aiko-footer-link-group .aiko-link {
      font-size:1.86667vw
  }
}

.cookies-section {
  z-index: 50;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #000
}

.cookies-section .cookies-section-container {
  width: 84.0625vw;
  margin: 0 auto;
  padding: 1.5625vw 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .cookies-section .cookies-section-container {
      width:89.33333vw;
      padding: 5.33333vw 0
  }
}

.cookies-section .cookies-section-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .cookies-section .cookies-section-row {
      -webkit-flex-wrap:wrap;
      flex-wrap: wrap
  }
}

.cookies-section .cookies-section-row .cookies-section-left {
  position: relative;
  width: 100%;
  max-width: 58.17708vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.17708vw;
  flex: 0 0 58.17708vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .cookies-section .cookies-section-row .cookies-section-left {
      max-width:100%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%
  }
}

.cookies-section .cookies-section-row .cookies-section-right {
  position: relative;
  width: 100%;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  max-width: 100%;
  -webkit-align-self: center;
  align-self: center;
  font-size: 0;
  text-align: right
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .cookies-section .cookies-section-row .cookies-section-right {
      padding-top:2.66667vw;
      max-width: 100%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      text-align: center
  }
}

.cookies-section .cookies-section-row .cookies-section-right button+button {
  margin-left: .52083vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .cookies-section .cookies-section-row .cookies-section-right button+button {
      margin-left:2.66667vw
  }
}

.cookies-section .cookies-section-title {
  margin-bottom: 1.25vw;
  font-size: 1.04167vw;
  font-family: OPPOSans-Bold;
  color: #fff;
  line-height: 1.2
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .cookies-section .cookies-section-title {
      margin-bottom:3.2vw;
      font-size: 3.2vw
  }
}

.cookies-section .cookies-section-desc a {
  color: #007f68
}

.aiko-footer-consult {
  position: fixed;
  z-index: 100;
  right: 2.08333vw;
  bottom: 5.20833vw;
  width: 2.08333vw;
  height: 4.375vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-footer-consult {
      right:2.66667vw;
      bottom: 29.33333vw;
      width: 9.86667vw;
      height: 21.06667vw
  }
}

.aiko-footer-consult .aiko-backtotop,.aiko-footer-consult .aiko-consult {
  display: block;
  width: 2.08333vw;
  height: 2.08333vw;
  background: no-repeat 50%;
  background-size: 2.08333vw;
  background-color: rgba(0,0,0,.6);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-footer-consult .aiko-backtotop,.aiko-footer-consult .aiko-consult {
      width:9.86667vw;
      height: 9.86667vw;
      background-size: 9.86667vw
  }
}

.aiko-footer-consult .aiko-backtotop:active,.aiko-footer-consult .aiko-consult:active {
  background-color: #007f68
}

@media (any-hover: hover) {
  .aiko-footer-consult .aiko-backtotop:hover,.aiko-footer-consult .aiko-consult:hover {
      background-color:#007f68
  }
}

.aiko-footer-consult .aiko-consult {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkYXRhLW5hbWU9IuefqeW9oiA3MDY5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODM4Ljc3NSA4OTQuNTI3KSIgb3BhY2l0eT0iLjYiIGQ9Ik0wIDBoNjB2NjBIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBkYXRhLW5hbWU9IuiSmeeJiOe7hCAyMDMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODM4Ljc3NSAtODk0LjUyNykiIGNsaXAtcGF0aD0idXJsKCNhKSI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZGF0YS1uYW1lPSLot6/lvoQgMjUxODYiIGQ9Ik0xODc5Ljg3IDkxNy41Njl2LS4wMTJhMS42ODUgMS42ODUgMCAwMC0xLjcxNy0xLjYzNmgtMTguMDE3YTEuNjc3IDEuNjc3IDAgMDAtMS43MDUgMS43MjN2MTAuNzkyYTEuNyAxLjcgMCAwMDEuNjE4IDEuNzhoLjAzOWw0LjEuMDQyYS4wOS4wOSAwIDAxLjA4Ny4wOXYyLjgzNGEuOTczLjk3MyAwIDAwLjkxMy45NzloLjA2YTEuMjQ3IDEuMjQ3IDAgMDAuOTE5LS40NDFsMy41NjYtMy40NyA4LjQzMy0uMDMzYTEuNjgzIDEuNjgzIDAgMDAxLjctMS43MzV6bS0xMS4xMTYgMTEuN2wtMy4yIDMuMDg2LS4wMjctMi42OTNhLjc1My43NTMgMCAwMC0uMzMzLS42MjEgMS4wMzkgMS4wMzkgMCAwMC0uNTc2LS4xNzFsLTQuNTE1LS4wNDhhLjI5MS4yOTEgMCAwMS0uMjc5LS4zMTh2LTEwLjg2M2EuMzU0LjM1NCAwIDAxLjA5LS4yNTIuMzA3LjMwNyAwIDAxLjIyMi0uMDc1aDE4LjAyN2EuMjk0LjI5NCAwIDAxLjMxNS4yOTF2MTAuODc2YS4zNDMuMzQzIDAgMDEtLjA4Ny4yNTguMzUuMzUgMCAwMS0uMjMxLjA4NGwtOC41NzEuMDMzYTEuMDc2IDEuMDc2IDAgMDAtLjgzNS40MTV6Ii8+PHBhdGggZGF0YS1uYW1lPSLot6/lvoQgMjUxODciIGQ9Ik0xODYyLjg0NCA5MjMuNzg1YS45OTQuOTk0IDAgMTAuNTM4LTEuMy45OTQuOTk0IDAgMDAtLjUzOCAxLjN6Ii8+PHBhdGggZGF0YS1uYW1lPSLot6/lvoQgMjUxODgiIGQ9Ik0xODY2LjMwMiA5MjMuNzg1YS45OTQuOTk0IDAgMTAuNTM4LTEuMy45OTQuOTk0IDAgMDAtLjUzOCAxLjN6Ii8+PHBhdGggZGF0YS1uYW1lPSLot6/lvoQgMjUxODkiIGQ9Ik0xODY5Ljc2IDkyMy43ODVhLjk5NC45OTQgMCAxMC41MzgtMS4zLjk5NC45OTQgMCAwMC0uNTM4IDEuM3oiLz48cGF0aCBkYXRhLW5hbWU9Iui3r+W+hCAyNTE5MCIgZD0iTTE4NzMuMjE4IDkyMy43ODVhLjk5NC45OTQgMCAxMC41MzgtMS4zLjk5NC45OTQgMCAwMC0uNTM4IDEuM3oiLz48L2c+PC9nPjwvc3ZnPg==)
}

.aiko-footer-consult .aiko-backtotop {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkYXRhLW5hbWU9IuefqeW9oiA3MDk4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODM4Ljc3NSA5NjAuNTI3KSIgb3BhY2l0eT0iLjYiIGQ9Ik0wIDBoNjB2NjBIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBkYXRhLW5hbWU9IuiSmeeJiOe7hCAyMDQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODM4Ljc3NSAtOTYwLjUyNykiIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZGF0YS1uYW1lPSLot6/lvoQgMjUxNjciIGQ9Ik0xODYwLjY3IDk5My44NjJsOC40NTMtOC40NTMgOC40NTMgOC40NTMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48L2c+PC9zdmc+)
}

.jquery-modal.blocker {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  touch-action: none
}

.jquery-modal.blocker:before {
  margin-right: 0
}

.aiko-form-modal {
  max-width: 62.5vw;
  width: 62.5vw;
  height: 29.0625vw;
  padding: 0;
  border-radius: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-modal {
      max-width:80vw;
      width: 80vw;
      height: 48vw
  }
}

.aiko-form-modal .aiko-form-modal-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-modal .aiko-form-modal-container {
      -webkit-box-align:center;
      -webkit-align-items: center;
      align-items: center;
      height: 100%
  }
}

.aiko-form-modal .aiko-form-modal-content {
  padding-top: 9.6875vw;
  width: 20.15625vw;
  margin: 0 auto;
  text-align: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-modal .aiko-form-modal-content {
      padding-top:0;
      width: 60vw
  }
}

.aiko-form-modal .aiko-form-modal-content .aiko-form-modal-icon {
  text-align: center;
  font-size: 0
}

.aiko-form-modal .aiko-form-modal-content .aiko-form-modal-icon img {
  display: inline-block;
  width: 1.40625vw;
  height: 1.35417vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-modal .aiko-form-modal-content .aiko-form-modal-icon img {
      width:3.6vw;
      height: 3.46667vw
  }
}

.aiko-form-modal .aiko-form-modal-content .aiko-form-modal-title {
  margin-top: 1.51042vw;
  margin-bottom: .67708vw;
  font-family: OPPOSans-Heavy;
  font-size: 1.04167vw;
  line-height: 1.3;
  color: #000
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-modal .aiko-form-modal-content .aiko-form-modal-title {
      margin-top:3.86667vw;
      margin-bottom: 1.73333vw;
      font-size: 3.2vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-modal .aiko-form-modal-content .aiko-small {
      font-size:2.66667vw
  }
}

.aiko-form-modal .aiko-form-modal-content .aiko-form-modal-btn-group {
  padding-top: 3.64583vw
}

.aiko-form-modal a.close-modal {
  z-index: 50;
  top: 2.08333vw;
  right: 2.08333vw;
  width: 1.25vw;
  height: 1.25vw;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS4wNjEiIGhlaWdodD0iMjUuMDYxIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZD0iTTMgM2wyMSAyMU0yNCAzTDMgMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg==);
  background-size: 1.25vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-modal a.close-modal {
      top:2.66667vw;
      right: 2.66667vw;
      width: 3.2vw;
      height: 3.2vw;
      background-size: 3.2vw
  }
}

.aiko-form-group {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: .15625vw 0 1.04167vw;
  border-bottom: 1px solid #ddd;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group {
      margin:.8vw 0 3.2vw
  }
}

.aiko-form-group.no-padding {
  padding-top: 0;
  padding-bottom: 0
}

.aiko-form-group.check-radio {
  display: block
}

.aiko-form-group.check-radio .aiko-form-label {
  white-space: normal
}

.aiko-form-group.block,.aiko-form-group.no-line {
  border-bottom: none;
  padding-bottom: 0
}

.aiko-form-group.block {
  display: block
}

.aiko-form-group.inputting {
  border-color: #959595
}

.aiko-form-group.inputting .aiko-form-label {
  color: #000
}

.aiko-form-group .aiko-form-input,.aiko-form-group .aiko-form-label,.aiko-form-group .aiko-form-select,.aiko-form-group .aiko-form-select-multiple,.aiko-form-group .aiko-form-textarea {
  display: block;
  padding-top: .88542vw;
  padding-bottom: .88542vw;
  font-family: OPPOSans-Medium;
  font-size: .78125vw;
  line-height: 1.33333;
  color: #000;
  white-space: nowrap
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-input,.aiko-form-group .aiko-form-label,.aiko-form-group .aiko-form-select,.aiko-form-group .aiko-form-select-multiple,.aiko-form-group .aiko-form-textarea {
      padding-top:3.2vw;
      padding-bottom: 3.2vw;
      font-size: 3.2vw;
      line-height: 1.33333
  }
}

.aiko-form-group .aiko-form-input::-webkit-input-placeholder,.aiko-form-group .aiko-form-label::-webkit-input-placeholder,.aiko-form-group .aiko-form-select-multiple::-webkit-input-placeholder,.aiko-form-group .aiko-form-select::-webkit-input-placeholder,.aiko-form-group .aiko-form-textarea::-webkit-input-placeholder {
  color: rgba(0,0,0,.5);
  font-size: .67708vw
}

.aiko-form-group .aiko-form-input:-ms-input-placeholder,.aiko-form-group .aiko-form-label:-ms-input-placeholder,.aiko-form-group .aiko-form-select-multiple:-ms-input-placeholder,.aiko-form-group .aiko-form-select:-ms-input-placeholder,.aiko-form-group .aiko-form-textarea:-ms-input-placeholder {
  color: rgba(0,0,0,.5);
  font-size: .67708vw
}

.aiko-form-group .aiko-form-input::placeholder,.aiko-form-group .aiko-form-label::placeholder,.aiko-form-group .aiko-form-select-multiple::placeholder,.aiko-form-group .aiko-form-select::placeholder,.aiko-form-group .aiko-form-textarea::placeholder {
  color: rgba(0,0,0,.5);
  font-size: .67708vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-input::-webkit-input-placeholder,.aiko-form-group .aiko-form-label::-webkit-input-placeholder,.aiko-form-group .aiko-form-select-multiple::-webkit-input-placeholder,.aiko-form-group .aiko-form-select::-webkit-input-placeholder,.aiko-form-group .aiko-form-textarea::-webkit-input-placeholder {
      font-size:2.93333vw
  }

  .aiko-form-group .aiko-form-input:-ms-input-placeholder,.aiko-form-group .aiko-form-label:-ms-input-placeholder,.aiko-form-group .aiko-form-select-multiple:-ms-input-placeholder,.aiko-form-group .aiko-form-select:-ms-input-placeholder,.aiko-form-group .aiko-form-textarea:-ms-input-placeholder {
      font-size: 2.93333vw
  }

  .aiko-form-group .aiko-form-input::placeholder,.aiko-form-group .aiko-form-label::placeholder,.aiko-form-group .aiko-form-select-multiple::placeholder,.aiko-form-group .aiko-form-select::placeholder,.aiko-form-group .aiko-form-textarea::placeholder {
      font-size: 2.93333vw
  }
}

.aiko-form-group .aiko-form-label {
  color: rgba(0,0,0,.5)
}

.aiko-form-group .aiko-form-input {
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  max-width: 100%;
  border: none;
  outline: none;
  padding-left: .52083vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-input {
      padding-left:2.66667vw
  }
}

.aiko-form-group .aiko-form-input.aiko-form-input-code {
  padding-right: 6.25vw;
  width: 4.16667vw;
  background: transparent
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-input.aiko-form-input-code {
      padding-right:23.73333vw;
      width: 21.33333vw
  }
}

.aiko-form-group .aiko-form-select,.aiko-form-group .aiko-form-select-multiple {
  width: 100%;
  border: none;
  outline: none
}

.aiko-form-group .aiko-form-textarea {
  padding: .83333vw 1.04167vw;
  height: 10vw;
  border: 1px solid #ddd;
  outline: none;
  width: 100%;
  resize: none;
  white-space: normal
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-textarea {
      height:33.33333vw;
      border: none;
      border-bottom: 5.33333vw solid #fff;
      margin-bottom: 3.2vw
  }
}

.aiko-form-group .aiko-form-textarea-num {
  z-index: 3;
  position: absolute;
  right: 1.04167vw;
  bottom: .52083vw;
  font-family: OPPOSans-Regular;
  font-size: .83333vw;
  line-height: 1.375;
  font-style: normal;
  color: #666
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-textarea-num {
      pointer-events:none;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: auto;
      bottom: auto;
      padding-top: 38.66667vw;
      padding-right: 1.33333vw;
      text-align: right;
      font-size: 3.2vw
  }

  .aiko-form-group .aiko-form-textarea-num:before {
      content: "";
      box-sizing: border-box;
      position: absolute;
      top: 10vw;
      left: 0;
      width: 100%;
      height: 34vw;
      border: 1px solid #ddd
  }
}

.aiko-form-group .aiko-form-textarea-num .aiko-form-textarea-start-num {
  font-weight: 400
}

.aiko-form-group .aiko-form-newsletters {
  padding-bottom: 0;
  margin-bottom: -.83333vw;
  white-space: normal
}

.aiko-form-group .aiko-form-check-radio-label,.aiko-form-group .aiko-form-checkbox-label,.aiko-form-group .aiko-form-newsletters,.aiko-form-group .aiko-form-radio-label {
  position: relative;
  display: inline-block;
  padding-left: 1.14583vw;
  cursor: pointer;
  color: #000
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-check-radio-label,.aiko-form-group .aiko-form-checkbox-label,.aiko-form-group .aiko-form-newsletters,.aiko-form-group .aiko-form-radio-label {
      padding-left:4.8vw
  }
}

.aiko-form-group .aiko-form-check-radio-label i,.aiko-form-group .aiko-form-checkbox-label i,.aiko-form-group .aiko-form-newsletters i,.aiko-form-group .aiko-form-radio-label i {
  z-index: 2;
  position: absolute;
  top: .98958vw;
  left: 0;
  display: inline-block;
  width: .83333vw;
  height: .83333vw;
  vertical-align: middle;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTAgMTZoMTZWMEgweiIvPjxwYXRoIGQ9Ik0xNSAxNVYxSDF2MTRoMTRtMSAxSDBWMGgxNnYxNnoiIGZpbGw9IiMwMDAiLz48L2c+PC9zdmc+) no-repeat 50%;
  background-size: .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-check-radio-label i,.aiko-form-group .aiko-form-checkbox-label i,.aiko-form-group .aiko-form-newsletters i,.aiko-form-group .aiko-form-radio-label i {
      top:3.73333vw;
      width: 3.2vw;
      height: 3.2vw;
      background-size: 3.2vw
  }
}

.aiko-form-group .aiko-form-check-radio-label b,.aiko-form-group .aiko-form-checkbox-label b,.aiko-form-group .aiko-form-newsletters b,.aiko-form-group .aiko-form-radio-label b {
  z-index: 2;
  position: absolute;
  top: .10417vw;
  left: .05208vw;
  display: inline-block;
  width: .83333vw;
  height: .83333vw;
  vertical-align: middle;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNDUgMjEwNCkiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzcwNzA3MCIgZD0iTTAgMGgxOHYxOEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNDUgLTIxMDQpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM0NiAyMTA1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIj48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iOCIgc3Ryb2tlPSJub25lIi8+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjcuNSIvPjwvZz48L2c+PC9zdmc+) no-repeat 50%;
  background-size: .9375vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-check-radio-label b,.aiko-form-group .aiko-form-checkbox-label b,.aiko-form-group .aiko-form-newsletters b,.aiko-form-group .aiko-form-radio-label b {
      top:.26667vw;
      width: 3.2vw;
      height: 3.2vw;
      background-size: 3.2vw
  }
}

.aiko-form-group .aiko-form-check-radio-label em,.aiko-form-group .aiko-form-checkbox-label em,.aiko-form-group .aiko-form-newsletters em,.aiko-form-group .aiko-form-radio-label em {
  z-index: 2;
  position: absolute;
  top: .10417vw;
  left: .05208vw;
  display: inline-block;
  width: .83333vw;
  height: .83333vw;
  vertical-align: middle;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTAgMTZoMTZWMEgweiIvPjxwYXRoIGQ9Ik0xNSAxNVYxSDF2MTRoMTRtMSAxSDBWMGgxNnYxNnoiIGZpbGw9IiMwMDAiLz48L2c+PC9zdmc+) no-repeat 50%;
  background-size: .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-check-radio-label em,.aiko-form-group .aiko-form-checkbox-label em,.aiko-form-group .aiko-form-newsletters em,.aiko-form-group .aiko-form-radio-label em {
      top:.26667vw;
      width: 3.2vw;
      height: 3.2vw;
      background-size: 3.2vw
  }
}

.aiko-form-group .aiko-form-check-radio-label input[type=checkbox],.aiko-form-group .aiko-form-check-radio-label input[type=radio],.aiko-form-group .aiko-form-checkbox-label input[type=checkbox],.aiko-form-group .aiko-form-checkbox-label input[type=radio],.aiko-form-group .aiko-form-newsletters input[type=checkbox],.aiko-form-group .aiko-form-newsletters input[type=radio],.aiko-form-group .aiko-form-radio-label input[type=checkbox],.aiko-form-group .aiko-form-radio-label input[type=radio] {
  display: inline;
  width: 1px;
  height: 1px;
  visibility: hidden;
  vertical-align: middle
}

.aiko-form-group .aiko-form-check-radio-label input[type=checkbox]:disabled,.aiko-form-group .aiko-form-check-radio-label input[type=radio]:disabled,.aiko-form-group .aiko-form-checkbox-label input[type=checkbox]:disabled,.aiko-form-group .aiko-form-checkbox-label input[type=radio]:disabled,.aiko-form-group .aiko-form-newsletters input[type=checkbox]:disabled,.aiko-form-group .aiko-form-newsletters input[type=radio]:disabled,.aiko-form-group .aiko-form-radio-label input[type=checkbox]:disabled,.aiko-form-group .aiko-form-radio-label input[type=radio]:disabled {
  cursor: pointer;
  opacity: .8
}

.aiko-form-group .aiko-form-check-radio-label input[type=checkbox]:checked~em,.aiko-form-group .aiko-form-check-radio-label input[type=checkbox]:checked~i,.aiko-form-group .aiko-form-check-radio-label input[type=radio]:checked~i,.aiko-form-group .aiko-form-checkbox-label input[type=checkbox]:checked~em,.aiko-form-group .aiko-form-checkbox-label input[type=checkbox]:checked~i,.aiko-form-group .aiko-form-checkbox-label input[type=radio]:checked~i,.aiko-form-group .aiko-form-newsletters input[type=checkbox]:checked~em,.aiko-form-group .aiko-form-newsletters input[type=checkbox]:checked~i,.aiko-form-group .aiko-form-newsletters input[type=radio]:checked~i,.aiko-form-group .aiko-form-radio-label input[type=checkbox]:checked~em,.aiko-form-group .aiko-form-radio-label input[type=checkbox]:checked~i,.aiko-form-group .aiko-form-radio-label input[type=radio]:checked~i {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTAgMTZoMTZWMEgweiIvPjxwYXRoIGQ9Ik0xNSAxNVYxSDF2MTRoMTRtMSAxSDBWMGgxNnYxNnoiIGZpbGw9IiNmYjVmMDAiLz48L2c+PHBhdGggZD0iTTMuMTk1IDEyLjgwNmg5LjYxMVYzLjE5NUgzLjE5NXoiIGZpbGw9IiNmYjVmMDAiLz48L3N2Zz4=)
}

.aiko-form-group .aiko-form-check-radio-label input[type=radio]:checked~b,.aiko-form-group .aiko-form-checkbox-label input[type=radio]:checked~b,.aiko-form-group .aiko-form-newsletters input[type=radio]:checked~b,.aiko-form-group .aiko-form-radio-label input[type=radio]:checked~b {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNDUgMjEwNCkiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzcwNzA3MCIgZD0iTTAgMGgxOHYxOEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNDUgLTIxMDQpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xIC0xKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQ3IDIxMDYpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZTUwMWMiPjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSI4IiBzdHJva2U9Im5vbmUiLz48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iNy41Ii8+PC9nPjxjaXJjbGUgY3g9IjUiIGN5PSI1IiByPSI1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNTAgMjEwOSkiIGZpbGw9IiNmZTUwMWMiLz48L2c+PC9nPjwvc3ZnPg==)
}

.aiko-form-group .aiko-form-check-radio-label,.aiko-form-group .aiko-form-radio-label {
  opacity: .5
}

.aiko-form-group .aiko-form-check-radio-label.active,.aiko-form-group .aiko-form-radio-label.active {
  opacity: 1
}

.aiko-form-group .aiko-form-check-radio-label:after,.aiko-form-group .aiko-form-radio-label:after {
  display: none
}

.aiko-form-group .aiko-form-select-label {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  pointer-events: none;
  padding: 0 4.16667vw 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  white-space: normal
}

.aiko-form-group .required-color {
  color: #007f68;
  padding-left: .26042vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .required-color {
      padding-left:.66667vw
  }
}

.aiko-form-group .aiko-form-label-phone {
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  max-width: 100%;
  min-width: 5.57292vw
}

.aiko-form-group .aiko-form-label-area {
  position: relative;
  width: 7.13542vw;
  padding: 0 .625vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-label-area {
      width:25.6vw;
      padding: 0 2.13333vw
  }
}

.aiko-form-group .aiko-form-label-area:before {
  content: "";
  position: absolute;
  width: .625vw;
  height: .625vw;
  left: 0;
  bottom: -.3125vw;
  background-color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-label-area:before {
      width:2.13333vw;
      height: 2.13333vw;
      bottom: -1.06667vw
  }
}

.aiko-form-group .aiko-form-label-area:after {
  content: "";
  position: absolute;
  width: .625vw;
  height: .625vw;
  right: 0;
  bottom: -.3125vw;
  background-color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-label-area:after {
      width:2.13333vw;
      height: 2.13333vw;
      bottom: -1.06667vw
  }
}

.aiko-form-group .aiko-form-input-area {
  padding-left: 0
}

.aiko-form-group .aiko-form-input-phone {
  max-width: 13.54167vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 13.54167vw;
  flex: 0 0 13.54167vw;
  padding-left: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-input-phone {
      max-width:42.66667vw;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 42.66667vw;
      flex: 0 0 42.66667vw
  }
}

.aiko-form-group.required .aiko-form-label:after {
  content: "*";
  color: #007f68;
  padding-left: .26042vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group.required .aiko-form-label:after {
      padding-left:.66667vw
  }
}

.aiko-form-group .aiko-form-group-note {
  width: 26.77083vw;
  padding-bottom: 1.04167vw;
  font-family: OPPOSans-Medium;
  font-size: .67708vw;
  line-height: 1.46154;
  color: #959595
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-group-note {
      width:91.2vw;
      padding-bottom: 4.8vw;
      font-size: 2.13333vw;
      line-height: 2
  }
}

.aiko-form-group .aiko-form-group-note .orange {
  color: #007f68
}

.aiko-form-group.aiko-form-group-agree {
  padding-top: .10417vw;
  font-size: .72917vw;
  line-height: 1.28571
}

.aiko-form-group.aiko-form-group-agree label.error {
  top: 2.23958vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group.aiko-form-group-agree label.error {
      top:8.53333vw
  }
}

.aiko-form-group.aiko-form-group-radio {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}

.aiko-form-group.aiko-form-group-radio label+label.aiko-form-label {
  margin-left: .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group.aiko-form-group-radio label+label.aiko-form-label {
      margin-left:4.26667vw
  }
}

.aiko-form-group.aiko-form-group-radio label:first-child {
  position: absolute;
  left: 0;
  top: 0
}

.aiko-form-group .aiko-form-check-radio {
  position: relative;
  font-size: 0;
  margin-left: -.83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-check-radio {
      margin-left:-4.26667vw
  }
}

.aiko-form-group .aiko-form-check-radio label.aiko-form-label {
  margin-left: .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-check-radio label.aiko-form-label {
      margin-left:4.26667vw
  }
}

.aiko-form-group .aiko-form-check-radio-label {
  padding-top: 0
}

.aiko-form-group .aiko-form-check-radio-label.disabled {
  opacity: .2;
  cursor: default
}

.aiko-form-group .aiko-form-link {
  font-family: OPPOSans-Medium;
  font-size: .72917vw;
  color: #007f68
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-link {
      font-size:3.2vw
  }
}

.aiko-form-group.error {
  border-color: red
}

.aiko-form-group.error .aiko-form-input::-webkit-input-placeholder {
  color: red
}

.aiko-form-group.error .aiko-form-input:-ms-input-placeholder {
  color: red
}

.aiko-form-group.error .aiko-form-input::placeholder {
  color: red
}

.aiko-form-group.error .aiko-form-label {
  color: red
}

.aiko-form-group.error .aiko-form-check-radio-label,.aiko-form-group.error .aiko-form-checkbox-label,.aiko-form-group.error .aiko-form-newsletters,.aiko-form-group.error .aiko-form-radio-label {
  color: #000
}

.aiko-form-group.error .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4xMjMiIGhlaWdodD0iOC43NjkiPjxwYXRoIGQ9Ik0uMzU0LjM1M2w3LjcwOSA3LjcwOEwxNS43Ny4zNTMiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmVkIi8+PC9zdmc+)
}

.aiko-form-group .error::-webkit-input-placeholder {
  color: red
}

.aiko-form-group .error:-ms-input-placeholder {
  color: red
}

.aiko-form-group .error::placeholder {
  color: red
}

.aiko-form-group label.error {
  display: block;
  width: 100%;
  z-index: 3;
  position: absolute;
  top: -webkit-calc(100% + .3125vw);
  top: calc(100% + .3125vw);
  left: 0;
  font-family: OPPOSans-Medium;
  font-size: .67708vw;
  line-height: 1.30769;
  color: red;
  white-space: nowrap;
  background-color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group label.error {
      top:-webkit-calc(100% + .8vw);
      top: calc(100% + .8vw);
      font-size: 2.93333vw
  }
}

.aiko-form-group .aiko-form-vcode {
  position: absolute;
  top: 0;
  right: 0;
  width: 6.25vw;
  height: 2.8125vw;
  padding: .625vw 0 .625vw 1.04167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-form-group .aiko-form-vcode {
      -webkit-box-flex:0;
      -webkit-flex: 0 0 23.73333vw;
      flex: 0 0 23.73333vw;
      width: 23.73333vw;
      height: 10.66667vw;
      padding: 3.2vw 0 3.2vw 5.33333vw
  }
}

.aiko-form-group .aiko-form-vcode img {
  cursor: pointer
}

.select2-container--default {
  width: auto!important;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  max-width: 100%
}

.select2-container--default .select2-selection--single {
  height: 2.8125vw;
  padding-top: .88542vw;
  padding-bottom: .88542vw;
  background-color: #fff;
  border: none;
  border-radius: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .select2-container--default .select2-selection--single {
      height:10.93333vw;
      padding-top: 3.2vw;
      padding-bottom: 3.2vw
  }
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 5.20833vw;
  padding-right: 2.08333vw;
  font-family: OPPOSans-Medium;
  font-size: .78125vw;
  line-height: 1.33333;
  color: #000;
  text-align: right
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
      padding-left:20vw;
      padding-right: 8vw;
      font-size: 3.2vw
  }
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  pointer-events: none;
  position: absolute;
  width: 2.08333vw;
  height: 1.04167vw;
  top: .88542vw;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .select2-container--default .select2-selection--single .select2-selection__arrow {
      width:8.53333vw;
      height: 4.53333vw;
      top: 3.2vw
  }
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  display: block;
  position: static;
  margin: 0;
  width: .83333vw;
  height: .41667vw;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4xMjMiIGhlaWdodD0iOC43NjkiPjxwYXRoIGQ9Ik0uMzU0LjM1M2w3LjcwOSA3LjcwOEwxNS43Ny4zNTMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgb3BhY2l0eT0iLjI5OCIvPjwvc3ZnPg==) no-repeat 50%;
  background-size: .83333vw .41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
      width:3.2vw;
      height: 1.6vw;
      background-size: 3.2vw 1.6vw
  }
}

.select2-container--default.select2-container--open .select2-selection__arrow b {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.select2-container--default .select2-dropdown {
  background-color: #f8f8f8;
  border: none;
  border-radius: 0
}

.select2-container--default .select2-results .select2-results__options {
  max-height: 15.625vw;
  padding: .52083vw 0;
  scrollbar-width: thin
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .select2-container--default .select2-results .select2-results__options {
      max-height:53.33333vw;
      padding: 1.33333vw 0
  }
}

.select2-container--default .select2-results .select2-results__options::-webkit-scrollbar {
  width: 2px;
  background-color: #efefef
}

.select2-container--default .select2-results .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #9d9d9d
}

.select2-container--default .select2-results .select2-results__option {
  padding: .52083vw 2.08333vw;
  font-family: OPPOSans-Medium;
  font-size: .78125vw;
  color: #000;
  opacity: .7
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .select2-container--default .select2-results .select2-results__option {
      padding:2.66667vw 7.33333vw;
      font-size: 3.2vw
  }
}

.select2-container--default .select2-results .select2-results__option[aria-disabled=true] {
  opacity: .3
}

.select2-container--default .select2-results .select2-results__option--highlighted[aria-selected] {
  font-family: OPPOSans-Bold;
  background-color: #fff;
  color: #000
}

.aiko-video-modal {
  display: none;
  max-width: 62.5vw;
  box-sizing: border-box;
  width: 60%;
  background: #fff;
  padding: 0;
  border-radius: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-video-modal {
      max-width:100%;
      width: 100%
  }
}

.aiko-video-modal .aiko-video-item {
  display: block;
  width: 100%;
  max-height: 100%
}

.aiko-video-modal a.close-modal {
  z-index: 50;
  top: .52083vw;
  right: .52083vw;
  width: 1.25vw;
  height: 1.25vw;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS4wNjEiIGhlaWdodD0iMjUuMDYxIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZD0iTTMgM2wyMSAyMU0yNCAzTDMgMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg==);
  background-size: 1.25vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-video-modal a.close-modal {
      top:1.33333vw;
      right: 1.33333vw;
      width: 3.2vw;
      height: 3.2vw;
      background-size: 3.2vw
  }
}

.aiko-common-pop {
  display: none;
  max-width: 52.44792vw;
  width: 52.44792vw;
  border-radius: 0;
  padding: 0;
  box-shadow: none
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop {
      max-width:89.33333vw;
      width: 89.33333vw
  }
}

.aiko-common-pop .aiko-pop-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow: hidden;
  max-height: 70vh
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-container {
      -webkit-flex-wrap:wrap;
      flex-wrap: wrap;
      max-height: 85vh
  }
}

.aiko-common-pop .aiko-pop-container .aiko-pop-left {
  position: relative;
  padding: 2.60417vw 1.5625vw 2.60417vw 2.60417vw;
  max-width: 14.0625vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 14.0625vw;
  flex: 0 0 14.0625vw;
  background-color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-container .aiko-pop-left {
      padding:4.26667vw 4.26667vw 5.33333vw;
      max-width: 100%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%
  }
}

.aiko-common-pop .aiko-pop-container .aiko-pop-right {
  padding: 2.60417vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  width: auto;
  max-width: 38.38542vw;
  background-color: hsla(0,0%,94.9%,.5)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-container .aiko-pop-right {
      max-height:62vh;
      max-height: -webkit-calc(var(--vh,1vh)*62);
      max-height: calc(var(--vh, 1vh)*62);
      padding: 4.26667vw;
      max-width: 100%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .aiko-common-pop .aiko-pop-container .aiko-pop-right {
      max-height:57vh;
      max-height: -webkit-calc(var(--vh,1vh)*57);
      max-height: calc(var(--vh, 1vh)*57)
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .aiko-common-pop .aiko-pop-container .aiko-pop-right {
      max-height:57vh;
      max-height: -webkit-calc(var(--vh,1vh)*57);
      max-height: calc(var(--vh, 1vh)*57)
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-container .aiko-pop-right.aiko-homeowers-pop-right {
      max-height:97.6vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .aiko-common-pop .aiko-pop-container .aiko-pop-right.aiko-homeowers-pop-right {
      max-height:72vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .aiko-common-pop .aiko-pop-container .aiko-pop-right.aiko-homeowers-pop-right {
      max-height:64vw
  }

  .aiko-common-pop .aiko-pop-container .aiko-pop-right.aiko-homeowers-pop-right .aiko-pop-p {
      margin-top: 2.66667vw;
      margin-bottom: 2.66667vw;
      font-size: 2.13333vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .aiko-common-pop .aiko-pop-container .aiko-pop-right.aiko-homeowers-pop-right {
      max-height:64vw
  }

  .aiko-common-pop .aiko-pop-container .aiko-pop-right.aiko-homeowers-pop-right .aiko-pop-p {
      margin-top: 2.66667vw;
      margin-bottom: 2.66667vw;
      font-size: 2.13333vw
  }
}

.aiko-common-pop .aiko-pop-container .aiko-pop-right .aiko-pop-scroll {
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden
}

.aiko-common-pop .aiko-pop-container .aiko-pop-right .aiko-pop-scroll .aiko-pop-right-block+.aiko-pop-right-block {
  padding-top: 2.60417vw
}

.aiko-common-pop .aiko-pop-title {
  font-family: OPPOSans-Medium;
  font-size: .72917vw;
  line-height: 1.42857;
  color: #000
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-title {
      font-size:2.66667vw
  }
}

.aiko-common-pop .aiko-pop-anchor {
  display: block;
  margin-top: 1.14583vw;
  font-family: OPPOSans-Medium;
  font-size: .9375vw;
  line-height: 1.33333;
  color: #000
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-anchor {
      margin-top:2.13333vw;
      font-size: 4.26667vw
  }
}

.aiko-common-pop .aiko-pop-anchor2 {
  display: block;
  margin-top: 1.14583vw;
  font-family: OPPOSans-Medium;
  font-size: .9375vw;
  line-height: 1.33333;
  color: rgba(0,0,0,.4)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-anchor2 {
      margin-top:2.13333vw;
      font-size: 4.26667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .aiko-common-pop .aiko-pop-anchor2 {
      display:inline-block;
      margin-top: 1.06667vw;
      font-size: 2.4vw
  }

  .aiko-common-pop .aiko-pop-anchor2+a {
      margin-left: 2.66667vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .aiko-common-pop .aiko-pop-anchor2 {
      display:inline-block;
      margin-top: 1.06667vw;
      font-size: 2.4vw
  }

  .aiko-common-pop .aiko-pop-anchor2+a {
      margin-left: 2.66667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .aiko-common-pop .aiko-pop-anchor2 {
      display:inline-block;
      margin-top: 1.06667vw;
      font-size: 2.4vw
  }

  .aiko-common-pop .aiko-pop-anchor2+a {
      margin-left: 2.66667vw
  }
}

.aiko-common-pop .aiko-pop-anchor2.active {
  color: #000
}

.aiko-common-pop .aiko-pop-anchor2+a {
  margin-top: .52083vw;
  padding-top: .52083vw;
  border-top: 1px solid #f2f2f2
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-anchor2+a {
      margin-top:1.06667vw;
      padding-top: 1.06667vw;
      border-top: none
  }
}

.aiko-common-pop a.close-modal {
  z-index: 50;
  top: .78125vw;
  right: .78125vw;
  width: .83333vw;
  height: .83333vw;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxNnYxNkgweiIvPjxwYXRoIGQ9Ik0zIDNsMTAuMjUzIDEwLjI1M00xMy4yNTMgM0wzIDEzLjI1MyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzMzIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+);
  background-size: .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop a.close-modal {
      top:4.26667vw;
      right: 4.26667vw;
      width: 4.26667vw;
      height: 4.26667vw;
      background-size: 4.26667vw
  }
}

.aiko-common-pop .aiko-pop-img-swiper {
  position: relative;
  width: 33.17708vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-img-swiper {
      width:80.8vw
  }
}

.aiko-common-pop .aiko-pop-img-swiper .swiper-scrollbar {
  position: relative;
  cursor: pointer;
  margin: 1.04167vw auto 0;
  height: 1px;
  opacity: 0;
  background-color: rgba(0,0,0,.4);
  border-radius: 0
}

.aiko-common-pop .aiko-pop-img-swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #000;
  border-radius: 0
}

.aiko-common-pop .aiko-pop-p {
  margin-top: 1.45833vw;
  margin-bottom: 1.5625vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-p {
      margin-top:4.26667vw;
      margin-bottom: 4.26667vw;
      font-size: 2.66667vw
  }

  .aiko-common-pop .aiko-pop-p.opacity-70 {
      opacity: 1
  }
}

.aiko-common-pop .aiko-pop-list {
  margin-top: 1.14583vw;
  margin-bottom: 2.60417vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-list {
      margin-top:2.93333vw;
      margin-bottom: 8vw
  }
}

.aiko-common-pop .aiko-pop-list li {
  padding: .3125vw 0 .3125vw 1.04167vw;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS4zMTQiIGhlaWdodD0iMTEuMzE0Ij48cGF0aCBvcGFjaXR5PSIuNyIgZD0iTTAgNS42NTdMNS42NTcgMGw1LjY1NyA1LjY1Ny01LjY1NyA1LjY1N3oiLz48L3N2Zz4=) no-repeat left .57292vw;
  background-size: .625vw .625vw;
  font-family: OPPOSans-Bold;
  font-size: .72917vw;
  line-height: 1.7;
  color: #000
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-list li {
      background-position-y:2vw;
      background-size: 1.86667vw 1.86667vw;
      padding: .8vw 0 .8vw 4vw;
      font-size: 2.66667vw
  }
}

.aiko-common-pop .aiko-pop-list li b {
  opacity: .7;
  font-weight: 400
}

.aiko-common-pop .aiko-pop-list2 {
  margin: 1.04167vw 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-list2 {
      margin:4vw 0
  }
}

.aiko-common-pop .aiko-pop-list2 li {
  padding: .3125vw 0;
  color: #666
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-list2 li {
      padding:1.6vw 0;
      width: 100%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
  }
}

.aiko-common-pop .aiko-pop-list2 li b {
  display: block;
  font-family: OPPOSans-Bold;
  font-size: .625vw;
  font-weight: 400;
  padding-bottom: .3125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-list2 li b {
      font-size:2.66667vw;
      padding-bottom: 1.06667vw
  }
}

.aiko-common-pop .aiko-pop-list2 li i {
  display: block;
  font-size: .52083vw;
  font-style: normal
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-list2 li i {
      font-size:2.13333vw
  }
}

.aiko-common-pop .aiko-pop-sub-title {
  font-family: OPPOSans-Bold
}

.aiko-common-pop .aiko-pop-cnt-title {
  margin-top: 2.34375vw;
  margin-bottom: .83333vw;
  font-family: OPPOSans-Bold;
  font-size: .83333vw;
  color: #000;
  line-height: 1.5
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-cnt-title {
      margin-top:5.33333vw;
      margin-bottom: 2.66667vw;
      font-size: 3.2vw
  }
}

.aiko-common-pop .aiko-pop-kv-img {
  width: 20.72917vw;
  margin: 0 auto 2.08333vw;
  display: block
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-kv-img {
      width:60vw;
      margin: 0 auto 4.26667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .aiko-common-pop .aiko-pop-kv-img {
      width:45.33333vw;
      margin: 0 auto 2.66667vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .aiko-common-pop .aiko-pop-kv-img {
      width:40vw;
      margin: 0 auto 2.66667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .aiko-common-pop .aiko-pop-kv-img {
      width:40vw;
      margin: 0 auto 2.66667vw
  }
}

.aiko-common-pop .aiko-pop-more .aiko-pop-more-span {
  font-size: .72917vw;
  color: #000;
  display: inline-block;
  vertical-align: middle
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-more .aiko-pop-more-span {
      font-size:2.13333vw
  }
}

.aiko-common-pop .aiko-pop-more .aiko-pop-more-img {
  width: .41667vw;
  margin-left: .52083vw;
  display: inline-block;
  vertical-align: middle
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-more .aiko-pop-more-img {
      width:1.33333vw;
      margin-left: 1.33333vw
  }
}

.aiko-common-pop .aiko-pop-tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: absolute;
  bottom: 2.60417vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-tags {
      position:static;
      display: block;
      margin-top: 3.2vw
  }
}

.aiko-common-pop .aiko-pop-tags .aiko-pop-tag {
  margin-right: .52083vw;
  font-size: .625vw;
  font-weight: 700;
  display: inline-block;
  padding: 0 .625vw;
  line-height: 2;
  background-color: #007f68
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-tags .aiko-pop-tag {
      margin-right:1.33333vw;
      font-size: 2.13333vw;
      padding: 0 2.4vw
  }
}

.aiko-common-pop .aiko-pop-icon-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  margin-top: 2.34375vw;
  margin-bottom: 1.5625vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-icon-list {
      margin-top:5.33333vw;
      margin-bottom: 8vw
  }
}

.aiko-common-pop .aiko-pop-icon-list .aiko-pop-icon-item {
  text-align: center;
  width: 33.33%
}

.aiko-common-pop .aiko-pop-icon-list .aiko-pop-icon-item+.aiko-pop-icon-item {
  border-left: 1px solid hsla(0,0%,43.9%,.2)
}

.aiko-common-pop .aiko-pop-icon-list .aiko-pop-icon-item .aiko-pop-icon {
  width: 2.60417vw;
  margin: 0 auto .26042vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-icon-list .aiko-pop-icon-item .aiko-pop-icon {
      width:6.66667vw;
      margin: 0 auto .66667vw
  }
}

.aiko-common-pop .aiko-pop-icon-list .aiko-pop-icon-item .aiko-pop-icon-text {
  color: #000;
  opacity: .8;
  font-size: .67708vw;
  font-weight: bolder
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-icon-list .aiko-pop-icon-item .aiko-pop-icon-text {
      padding:0 .66667vw;
      font-size: 2.13333vw
  }
}

.aiko-common-pop .aiko-pop-products-block {
  padding-top: 2.60417vw;
  padding-bottom: 2.60417vw;
  border-top: 1px solid hsla(0,0%,43.9%,.2)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-products-block {
      padding-top:8vw;
      padding-bottom: 8vw
  }

  .aiko-common-pop .aiko-pop-products-block .aiko-small {
      font-size: 2.66667vw
  }
}

.aiko-common-pop .aiko-pop-list3 li {
  font-family: OPPOSans-Medium;
  font-size: .72917vw;
  line-height: 1.6;
  color: #000
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-list3 li {
      font-size:2.66667vw
  }
}

.aiko-common-pop .aiko-pop-list3 li+li {
  padding-top: .78125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-list3 li+li {
      padding-top:2vw
  }
}

.aiko-common-pop .aiko-pop-list3 li p {
  padding-bottom: .78125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-list3 li p {
      padding-bottom:1.33333vw;
      font-size: 2.66667vw
  }
}

.aiko-common-pop .aiko-pop-list3 li .aiko-pop-products-desc {
  display: block;
  font-size: .72917vw;
  color: rgba(0,0,0,.6)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-list3 li .aiko-pop-products-desc {
      font-size:2.66667vw
  }
}

.aiko-common-pop .aiko-pop-list4 li {
  padding: .15625vw 0;
  font-family: OPPOSans-Medium;
  font-size: .72917vw;
  line-height: 1.6;
  color: rgba(0,0,0,.6)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-list4 li {
      padding:.4vw 0;
      font-size: 2.66667vw
  }
}

.aiko-common-pop .aiko-pop-ol-list {
  padding-left: 1.04167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-ol-list {
      padding-left:4vw
  }
}

.aiko-common-pop .aiko-pop-ol-list li {
  list-style: decimal;
  padding: .15625vw 0;
  font-family: OPPOSans-Medium;
  font-size: .72917vw;
  line-height: 1.6;
  color: rgba(0,0,0,.6)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-ol-list li {
      padding:.4vw 0;
      font-size: 2.66667vw
  }
}

.aiko-common-pop .aiko-pop-btn {
  margin-top: 1.25vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-btn {
      margin-top:0
  }
}

.aiko-common-pop .aiko-pop-btn-space {
  margin-top: 3.38542vw;
  margin-bottom: 2.60417vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-btn-space {
      margin-top:8vw;
      margin-bottom: 6.66667vw
  }
}

.aiko-common-pop .aiko-pop-btn-space+.aiko-pop-btn-space {
  margin-left: 1.04167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-btn-space+.aiko-pop-btn-space {
      margin-left:2.66667vw
  }
}

.aiko-common-pop .aiko-pop-products-piece4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin: 2.08333vw 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-products-piece4 {
      margin:8vw 0
  }
}

.aiko-common-pop .aiko-pop-products-piece4 .aiko-pop-products-piece4-sign {
  width: 50%
}

.aiko-common-pop .aiko-pop-products-piece4 .aiko-pop-products-piece4-sign .aiko-pop-products-piece4-sign-mark {
  font-size: 2.08333vw;
  font-family: OPPOSans-Bold
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-products-piece4 .aiko-pop-products-piece4-sign .aiko-pop-products-piece4-sign-mark {
      font-size:6.93333vw
  }
}

.aiko-common-pop .aiko-pop-products-piece4 .aiko-pop-products-piece4-sign .aiko-pop-products-piece4-sign-img {
  width: 2.86458vw;
  margin-bottom: .26042vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-products-piece4 .aiko-pop-products-piece4-sign .aiko-pop-products-piece4-sign-img {
      width:13.33333vw;
      margin-bottom: 1.33333vw
  }
}

.aiko-common-pop .aiko-pop-products-piece5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  margin-top: 1.04167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-products-piece5 {
      -webkit-flex-wrap:wrap;
      flex-wrap: wrap;
      margin-top: 2.66667vw
  }
}

.aiko-common-pop .aiko-pop-products-piece5 .piece5-space {
  margin: 0 .78125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-products-piece5 .piece5-space {
      margin:2.66667vw 0
  }
}

.aiko-common-pop .aiko-pop-products-piece5 .aiko-pop-products-piece5-icon {
  text-align: center;
  font-size: .625vw;
  background-color: #fff;
  color: #000;
  padding: 1.04167vw 0;
  width: 32%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-products-piece5 .aiko-pop-products-piece5-icon {
      font-size:3.2vw;
      padding: 8vw 0;
      width: 100%
  }
}

.aiko-common-pop .aiko-pop-products-piece5 .aiko-pop-products-piece5-icon .aiko-pop-products-piece5-icon-img {
  width: 3.38542vw;
  margin: 0 auto 1.04167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-common-pop .aiko-pop-products-piece5 .aiko-pop-products-piece5-icon .aiko-pop-products-piece5-icon-img {
      width:26.66667vw;
      margin: 0 auto 2.66667vw
  }
}

img#imgLoading {
  display: none;
  width: .78125vw;
  vertical-align: middle
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  img#imgLoading {
      width:4vw
  }
}

.editor-post-title__input {
  color: #000
}

.jstree-filebird .jstree-anchor {
  color: #3c434a!important
}

.home-sec1 {
  position: relative;
  height: 49.27083vw;
  height: -webkit-calc(100vh - 4.89583vw);
  height: calc(100vh - 4.89583vw);
  background-size: cover
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec1 {
      height:-webkit-calc(100vh - 15.6vw);
      height: calc(100vh - 15.6vw);
      width: 100%;
      overflow: hidden
  }
}

.home-sec1 .nr {
  white-space: nowrap
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec1 .aiko-kv-arrow {
      bottom:9.33333vw;
      width: 7.46667vw;
      height: 7.46667vw
  }
}

.home-sec1 .aiko-kv-mask {
  width: 100%;
  background: rgba(0,0,0,.3);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2
}

.home-sec1 .aiko-kv-mask.hide {
  display: none
}

.home-sec1 .home-sec1-btn-group {
  margin-top: 2.5vw;
  font-size: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec1 .home-sec1-btn-group {
      margin-top:7.46667vw
  }
}

.home-sec1 .home-sec1-btn-group .home-sec1-btn {
  margin-right: 1.25vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec1 .home-sec1-btn-group .home-sec1-btn {
      margin-right:4.26667vw
  }
}

.home-sec1 .home-sec1-summary {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 3
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec1 .home-sec1-summary {
      width:100%;
      padding: 0 5.33333vw;
      top: 18.66667vw;
      -webkit-transform: translate(-50%);
      transform: translate(-50%)
  }
}

.home-sec1 .home-sec1-aiko-kv {
  height: -webkit-calc(100vh - 4.89583vw);
  height: calc(100vh - 4.89583vw);
  width: 100%;
  object-fit: cover;
  z-index: 1;
  display: none
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec1 .home-sec1-aiko-kv {
      height:-webkit-calc(100vh - 15.73333vw);
      height: calc(100vh - 15.73333vw)
  }
}

.home-sec1 .home-sec1-aiko-kv.show {
  display: block
}

.home-sec1 .home-sec1-aiko-kv .home-sec1-aiko-kv-img {
  display: block;
  height: -webkit-calc(100vh - 4.89583vw);
  height: calc(100vh - 4.89583vw);
  width: 100%;
  z-index: 1;
  object-fit: cover
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec1 .home-sec1-aiko-kv .home-sec1-aiko-kv-img {
      height:-webkit-calc(100vh - 15.73333vw);
      height: calc(100vh - 15.73333vw)
  }
}

.home-sec1 .home-sec2-video {
  height: 49.27083vw;
  height: -webkit-calc(100vh - 4.89583vw);
  height: calc(100vh - 4.89583vw);
  width: 100%;
  object-fit: cover;
  z-index: 1
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec1 .home-sec2-video {
      width:100%;
      height: -webkit-calc(100vh - 15.73333vw);
      height: calc(100vh - 15.73333vw);
      display: block;
      object-fit: cover
  }
}

.home-sec1 .home-sec2-video.hide {
  display: none
}

.home-sec2-all {
  height: -webkit-calc(200vh + 89.375vw);
  height: calc(200vh + 89.375vw)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2-all {
      height:500vh
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2-all {
      height:600vh
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2-all .is-sticky {
      top:15.73333vw
  }
}

.home-sec2 {
  width: 100%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 {
      height:-webkit-calc(100vh - 15.73333vw);
      height: calc(100vh - 15.73333vw);
      overflow: hidden
  }
}

.home-sec2 .home-sec2-container {
  position: relative;
  overflow: hidden;
  height: 46.875vw;
  height: 41.97917vw;
  padding: 0;
  z-index: 1;
  width: 100%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container {
      height:-webkit-calc(100vh - 15.73333vw);
      height: calc(100vh - 15.73333vw)
  }
}

.home-sec2 .home-sec2-container .home-sec2-arrow {
  display: none
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-arrow {
      display:block;
      z-index: 5;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: 8.13333vw;
      font-size: 2.13333vw;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNC45MzEiIGhlaWdodD0iMzQuOTMxIj48cGF0aCBkPSJNLjQ5NSAxNi45N2wxNi45NyAxNi45NzEgMTYuOTcxLTE2Ljk3IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS40IiBvcGFjaXR5PSIuNiIvPjwvc3ZnPg==) no-repeat 50%;
      background-size: cover;
      bottom: 8.66667vw;
      width: 100%;
      text-align: center;
      width: 3.73333vw;
      height: 3.73333vw;
      background-size: 3.73333vw 3.73333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-arrow-text {
  display: none
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-arrow-text {
      display:block;
      z-index: 5;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: 8.13333vw;
      font-size: 2.13333vw;
      bottom: 3.73333vw;
      width: 100%;
      text-align: center
  }
}

.home-sec2 .home-sec2-container .home-sec2-slider {
  width: 15.78125vw;
  background: #8a92a5;
  height: .05208vw;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 2.70833vw;
  z-index: 10
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-slider {
      display:none
  }
}

.home-sec2 .home-sec2-container .home-sec2-slider .home-sec2-slider-icon {
  width: 50%;
  height: .05208vw;
  background: #d35523;
  margin-left: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s
}

.home-sec2 .home-sec2-container .home-sec2-slider .home-sec2-slider-icon.active {
  margin-left: 50%
}

.home-sec2 .home-sec2-container .home-sec2-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 136%;
  height: 46.875vw;
  height: 41.97917vw;
  background: url(/static/img/home/home2.jpg) no-repeat 0 100%;
  background-size: cover;
  z-index: 2;
  -webkit-transform: scale(1.6);
  transform: scale(1.6);
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  margin-left: 0;
  -webkit-transition: -webkit-transform 3s ease;
  transition: -webkit-transform 3s ease;
  transition: transform 3s ease;
  transition: transform 3s ease,-webkit-transform 3s ease;
  -webkit-transition: all 1.5s;
  transition: all 1.5s
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg {
      width:407.86667vw;
      height: -webkit-calc(100vh - 15.73333vw);
      height: calc(100vh - 15.73333vw);
      margin-left: 0;
      background: url(/static/img/home/home2@mob.jpg) no-repeat 0 100%;
      background-size: 407.86667vw -webkit-calc(100vh - 15.73333vw);
      background-size: 407.86667vw calc(100vh - 15.73333vw);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      -webkit-transition: -webkit-transform .5s cubic-bezier(0,.6,.3,1);
      transition: -webkit-transform .5s cubic-bezier(0,.6,.3,1);
      transition: transform .5s cubic-bezier(0,.6,.3,1);
      transition: transform .5s cubic-bezier(0,.6,.3,1),-webkit-transform .5s cubic-bezier(0,.6,.3,1);
      will-change: transform
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg.active1 {
  -webkit-transform: scale(1.22);
  transform: scale(1.22)
}

.home-sec2 .home-sec2-container .home-sec2-bg.active1.active2 {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.home-sec2 .home-sec2-container .home-sec2-bg.active1.active3 {
  -webkit-transform: scale(1);
  transform: scale(1);
  margin-left: -34%
}

.home-sec2 .home-sec2-container .home-sec2-bg.mob-active1 {
  margin-left: -84%
}

.home-sec2 .home-sec2-container .home-sec2-bg.mob-active2 {
  margin-left: -168%
}

.home-sec2 .home-sec2-container .home-sec2-bg.mob-active3 {
  margin-left: -252%
}

.home-sec2 .home-sec2-container .home-sec2-bg.mob-active4 {
  margin-left: -336%
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag {
  position: absolute;
  left: 0;
  top: 0;
  width: 136%;
  height: 46.875vw;
  z-index: 100
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag {
      height:-webkit-calc(100vh - 15.73333vw);
      height: calc(100vh - 15.73333vw)
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list {
  position: relative;
  width: 136.5%;
  height: 46.875vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list {
      width:407.86667vw;
      height: -webkit-calc(100vh - 15.73333vw);
      height: calc(100vh - 15.73333vw)
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item .flag-con {
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translateY(52%);
  transform: translateY(52%);
  opacity: 0;
  width: 10.15625vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item .flag-con {
      width:28.4vw;
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item .flag-con .flag-text {
  width: 7.65625vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item .flag-con .flag-text {
      width:19.33333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child {
  position: absolute;
  left: 5.5%;
  bottom: 17.3%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child {
      left:5.3%;
      bottom: 9.5%
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con {
  position: relative;
  height: 6.5625vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con {
      height:31.46667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con {
      height:24vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con {
      height:16.8vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con {
      height:16.8vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con.op1 {
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-d {
  width: 2.34375vw;
  height: 6.5625vw;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-d {
      width:5.73333vw;
      height: 31.46667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-d {
      height:24vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-d {
      height:16.8vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-d {
      height:16.8vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-d:before {
  content: "";
  display: block;
  width: 1.25vw;
  height: .83333vw;
  position: absolute;
  top: -.10417vw;
  left: .3125vw;
  background: url(/static/img/home/icon-home2-2.svg) no-repeat 0;
  background-size: 1.25vw .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-d:before {
      width:5.73333vw;
      height: 3.86667vw;
      background-size: 5.73333vw 3.86667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-d:after {
  content: "";
  display: block;
  width: .05208vw;
  height: 6.5625vw;
  background: #fff;
  position: absolute;
  top: 0;
  left: .32292vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-d:after {
      height:31.46667vw;
      width: .13333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-d:after {
      height:24vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-d:after {
      height:16.8vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-d:after {
      height:16.8vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-d .flag-border {
  width: 1.65521vw;
  height: 1.65521vw;
  background: url(/static/img/home/icon-big.svg) no-repeat 0;
  position: absolute;
  bottom: -1.40625vw;
  left: -.47917vw;
  background-size: 1.65521vw 1.65521vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-d .flag-border {
      width:7.86667vw;
      height: 7.86667vw;
      background-size: 7.86667vw 7.86667vw;
      bottom: -6.66667vw;
      left: -3.46667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-text {
  float: right;
  margin-top: -.41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-text {
      float:right;
      margin-top: -1.6vw;
      margin-left: 3.33333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-text {
      margin-top:-1.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-text {
      margin-top:-.66667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-text {
      margin-top:-.66667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-text .flag-tit {
  font-size: .9375vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-text .flag-tit {
      font-size:4.26667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-text .flag-tit {
      font-size:3.46667vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-text .flag-p {
  font-size: .625vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-text .flag-p {
      font-size:2.13333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:first-child .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) {
  position: absolute;
  left: 9.28%;
  bottom: 24.3%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) {
      left:13.5%;
      bottom: 16.35%
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con {
  position: relative;
  height: 6.97917vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con {
      height:36.4vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con {
      height:24vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con {
      height:22.66667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con {
      height:22.66667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con.op2 {
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-d {
  width: 2.34375vw;
  height: 6.97917vw;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-d {
      width:5.73333vw;
      height: 36.4vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-d {
      height:24vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-d {
      height:22.66667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-d {
      height:22.66667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-d:before {
  content: "";
  display: block;
  width: 1.25vw;
  height: .83333vw;
  position: absolute;
  top: -.10417vw;
  left: .3125vw;
  background: url(/static/img/home/icon-home2-1.svg) no-repeat 0;
  background-size: 1.25vw .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-d:before {
      width:5.73333vw;
      height: 3.86667vw;
      background-size: 5.73333vw 3.86667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-d:after {
  content: "";
  display: block;
  width: .05208vw;
  height: 6.97917vw;
  background: #fff;
  position: absolute;
  top: 0;
  left: .32292vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-d:after {
      height:36.4vw;
      width: .13333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-d:after {
      height:24vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-d:after {
      height:22.66667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-d:after {
      height:22.66667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-d .flag-border {
  width: 1.10938vw;
  height: 1.10938vw;
  position: absolute;
  bottom: -.95313vw;
  left: -.19792vw;
  background: url(/static/img/home/icon-small.svg) no-repeat 0;
  background-size: 1.10938vw 1.10938vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-d .flag-border {
      width:5.06667vw;
      height: 5.06667vw;
      background-size: 5.06667vw 5.06667vw;
      bottom: -4.33333vw;
      left: -2.09333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-text {
  float: right;
  margin-top: -.41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-text {
      float:right;
      margin-top: -1.6vw;
      margin-left: 3.33333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-text {
      margin-top:-1.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-text {
      margin-top:-.26667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-text {
      margin-top:-.26667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-text .flag-tit {
  font-size: .9375vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-text .flag-tit {
      font-size:4.26667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-text .flag-tit {
      font-size:3.46667vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-text .flag-p {
  font-size: .625vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-text .flag-p {
      font-size:2.13333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(2) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) {
  position: absolute;
  left: 13.5%;
  bottom: 36.7%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) {
      left:22.3%;
      bottom: 28%
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con {
  position: relative;
  height: 6.77083vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con {
      height:34.4vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con {
      height:18vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con {
      height:26vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con {
      height:26vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con.op3 {
  -webkit-transition: all .55s;
  transition: all .55s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-d {
  width: 2.34375vw;
  height: 6.77083vw;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-d {
      width:5.73333vw;
      height: 34.4vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-d {
      height:18vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-d {
      height:26vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-d {
      height:26vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-d:before {
  content: "";
  display: block;
  width: 1.25vw;
  height: .83333vw;
  position: absolute;
  top: -.10417vw;
  left: .3125vw;
  background: url(/static/img/home/icon-home2-1.svg) no-repeat 0;
  background-size: 1.25vw .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-d:before {
      width:5.73333vw;
      height: 3.86667vw;
      background-size: 5.73333vw 3.86667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-d:after {
  content: "";
  display: block;
  width: .05208vw;
  height: 6.77083vw;
  background: #fff;
  position: absolute;
  top: 0;
  left: .32292vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-d:after {
      height:34.4vw;
      width: .13333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-d:after {
      height:18vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-d:after {
      height:26vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-d:after {
      height:26vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-d .flag-border {
  width: 1.10938vw;
  height: 1.10938vw;
  position: absolute;
  bottom: -.95313vw;
  left: -.19792vw;
  background: url(/static/img/home/icon-small.svg) no-repeat 0;
  background-size: 1.10938vw 1.10938vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-d .flag-border {
      width:5.06667vw;
      height: 5.06667vw;
      background-size: 5.06667vw 5.06667vw;
      bottom: -4.33333vw;
      left: -2.09333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-text {
  float: right;
  margin-top: -.41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-text {
      float:right;
      margin-top: -1.6vw;
      margin-left: 3.33333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-text {
      margin-top:-1.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-text {
      height:11.33333vw;
      margin-top: .26667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-text {
      height:11.33333vw;
      margin-top: .26667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-text .flag-tit {
  font-size: .9375vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-text .flag-tit {
      font-size:4.26667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-text .flag-tit {
      font-size:3.46667vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-text .flag-p {
  font-size: .625vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-text .flag-p {
      font-size:2.13333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(3) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) {
  position: absolute;
  left: 17.5%;
  bottom: 36.2%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) {
      left:31.8%;
      bottom: 31%
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con {
  position: relative;
  height: 8.22917vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con {
      height:37.86667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con {
      height:21.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con {
      height:29.33333vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con {
      height:29.33333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con.op4 {
  -webkit-transition: all .6s;
  transition: all .6s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-d {
  width: 2.34375vw;
  height: 8.22917vw;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-d {
      width:5.73333vw;
      height: 37.86667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-d {
      height:21.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-d {
      height:29.33333vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-d {
      height:29.33333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-d:before {
  content: "";
  display: block;
  width: 1.25vw;
  height: .83333vw;
  position: absolute;
  top: -.10417vw;
  left: .3125vw;
  background: url(/static/img/home/icon-home2-1.svg) no-repeat 0;
  background-size: 1.25vw .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-d:before {
      width:5.73333vw;
      height: 3.86667vw;
      background-size: 5.73333vw 3.86667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-d:after {
  content: "";
  display: block;
  width: .05208vw;
  height: 8.22917vw;
  background: #fff;
  position: absolute;
  top: 0;
  left: .32292vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-d:after {
      height:37.86667vw;
      width: .13333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-d:after {
      height:21.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-d:after {
      height:29.33333vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-d:after {
      height:29.33333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-d .flag-border {
  width: 1.10938vw;
  height: 1.10938vw;
  position: absolute;
  bottom: -.95313vw;
  left: -.19792vw;
  background: url(/static/img/home/icon-small.svg) no-repeat 0;
  background-size: 1.10938vw 1.10938vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-d .flag-border {
      width:5.06667vw;
      height: 5.06667vw;
      background-size: 5.06667vw 5.06667vw;
      bottom: -4.33333vw;
      left: -2.09333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-text {
  float: right;
  margin-top: -.41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-text {
      float:right;
      margin-top: -1.6vw;
      margin-left: 3.33333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-text {
      margin-top:-1.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-text {
      margin-top:-.26667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-text {
      margin-top:-.26667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-text .flag-tit {
  font-size: .9375vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-text .flag-tit {
      font-size:4.26667vw;
      font-size: 3.46667vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-text .flag-p {
  font-size: .625vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-text .flag-p {
      font-size:2.13333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(4) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) {
  position: absolute;
  left: 22.7%;
  bottom: 33%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) {
      left:41.5%;
      bottom: 28.6%
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con {
  position: relative;
  height: 11.61458vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con {
      height:55.73333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con {
      height:29.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con {
      height:35.33333vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con {
      height:35.33333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con.op5 {
  -webkit-transition: all .65s;
  transition: all .65s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-d {
  width: 2.34375vw;
  height: 11.61458vw;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-d {
      width:5.73333vw;
      height: 55.73333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-d {
      height:29.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-d {
      height:35.33333vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-d {
      height:35.33333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-d:before {
  content: "";
  display: block;
  width: 1.25vw;
  height: .83333vw;
  position: absolute;
  top: -.10417vw;
  left: .3125vw;
  background: url(/static/img/home/icon-home2-1.svg) no-repeat 0;
  background-size: 1.25vw .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-d:before {
      width:5.73333vw;
      height: 3.86667vw;
      background-size: 5.73333vw 3.86667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-d:after {
  content: "";
  display: block;
  width: .05208vw;
  height: 11.61458vw;
  background: #fff;
  position: absolute;
  top: 0;
  left: .32292vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-d:after {
      height:55.73333vw;
      width: .13333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-d:after {
      height:29.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-d:after {
      height:35.33333vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-d:after {
      height:35.33333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-d .flag-border {
  width: 1.10938vw;
  height: 1.10938vw;
  position: absolute;
  bottom: -.95313vw;
  left: -.19792vw;
  background: url(/static/img/home/icon-small.svg) no-repeat 0;
  background-size: 1.10938vw 1.10938vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-d .flag-border {
      width:5.06667vw;
      height: 5.06667vw;
      background-size: 5.06667vw 5.06667vw;
      bottom: -4.33333vw;
      left: -2.09333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-text {
  float: right;
  margin-top: -.41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-text {
      float:right;
      margin-top: -1.6vw;
      margin-left: 3.33333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-text {
      margin-top:-1.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-text {
      margin-top:-.26667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-text {
      margin-top:-.26667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-text .flag-tit {
  font-size: .9375vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-text .flag-tit {
      font-size:4.26667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-text .flag-tit {
      font-size:3.46667vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-text .flag-p-m {
  font-size: .625vw;
  color: #fff;
  font-weight: 700;
  padding-bottom: .52083vw;
  padding-top: .36458vw
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-text .flag-p {
  font-size: .625vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-text .flag-p {
      font-size:2.13333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(5) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) {
  position: absolute;
  left: 26.95%;
  bottom: 36.55%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) {
      left:50.99%;
      bottom: 30.8%
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con {
  position: relative;
  height: 12.91667vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con {
      height:56.66667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con {
      height:33.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con {
      height:37.33333vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con {
      height:37.33333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con.op6 {
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-d {
  width: 2.34375vw;
  height: 12.91667vw;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px) and (max-aspect-ratio:1/1) and (max-width:1200px),screen and (max-aspect-ratio:1/1) and (max-width:1200px) and (max-width:779px),screen and (max-width:779px) and (max-aspect-ratio:1/1) and (max-width:1200px),screen and (max-width:779px) and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-d {
      width:5.73333vw;
      height: 56.66667vw;
      background-size: 5.73333vw 3.86667vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px) and (min-width:640px) and (max-width:1200px) and (max-aspect-ratio:1/1),screen and (max-width:779px) and (min-width:640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-d {
      height:33.33333vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px) and (min-width:665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1),screen and (max-width:779px) and (min-width:665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-d {
      height:37.33333vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px) and (min-height:665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1),screen and (max-width:779px) and (min-height:665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-d {
      height:37.33333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-d:before {
  content: "";
  display: block;
  width: 1.25vw;
  height: .83333vw;
  position: absolute;
  top: -.10417vw;
  left: .3125vw;
  background: url(/static/img/home/icon-home2-1.svg) no-repeat 0;
  background-size: 1.25vw .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-d:before {
      width:5.73333vw;
      height: 3.86667vw;
      background-size: 5.73333vw 3.86667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-d:after {
  content: "";
  display: block;
  width: .05208vw;
  height: 12.91667vw;
  background: #fff;
  position: absolute;
  top: 0;
  left: .32292vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-d:after {
      height:56.66667vw;
      width: .13333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-d:after {
      height:33.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-d:after {
      height:37.33333vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-d:after {
      height:37.33333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-d .flag-border {
  width: 1.10938vw;
  height: 1.10938vw;
  position: absolute;
  bottom: -.95313vw;
  left: -.19792vw;
  background: url(/static/img/home/icon-small.svg) no-repeat 0;
  background-size: 1.10938vw 1.10938vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-d .flag-border {
      width:5.06667vw;
      height: 5.06667vw;
      background-size: 5.06667vw 5.06667vw;
      bottom: -4.33333vw;
      left: -2.09333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-text {
  float: right;
  margin-top: -.41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-text {
      float:right;
      margin-top: -1.6vw;
      margin-left: 3.33333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-text {
      margin-top:-1.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-text {
      margin-top:-.26667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-text {
      margin-top:-.26667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-text .flag-tit {
  font-size: .9375vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-text .flag-tit {
      font-size:4.26667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-text .flag-tit {
      font-size:3.46667vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-text .flag-p-m {
  font-size: .625vw;
  color: #fff;
  font-weight: 700;
  padding-bottom: .52083vw;
  padding-top: .36458vw
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-text .flag-p {
  font-size: .625vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-text .flag-p {
      font-size:2.13333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(6) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) {
  position: absolute;
  left: 31.5%;
  bottom: 42.9%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) {
      left:60.5%;
      bottom: 40.7%
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con {
  position: relative;
  height: 12.65625vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con {
      height:56.66667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con {
      height:27.86667vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con {
      height:32.93333vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con {
      height:32.93333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con.op7 {
  -webkit-transition: all .55s;
  transition: all .55s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-d {
  width: 2.34375vw;
  height: 12.65625vw;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-d {
      width:5.73333vw;
      height: 56.66667vw;
      background-size: 5.73333vw 3.86667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-d {
      height:27.86667vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-d {
      height:32.93333vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-d {
      height:32.93333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-d:before {
  content: "";
  display: block;
  width: 1.25vw;
  height: .83333vw;
  position: absolute;
  top: -.10417vw;
  left: .3125vw;
  background: url(/static/img/home/icon-home2-2.svg) no-repeat 0;
  background-size: 1.25vw .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-d:before {
      width:5.73333vw;
      height: 3.86667vw;
      background-size: 5.73333vw 3.86667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-d:after {
  content: "";
  display: block;
  width: 0;
  height: 12.65625vw;
  border-left: 1px solid #fff;
  position: absolute;
  top: 0;
  left: .32292vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-d:after {
      height:56.66667vw;
      width: .13333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-d:after {
      height:27.86667vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-d:after {
      height:32.93333vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-d:after {
      height:32.93333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-d .flag-border {
  width: 1.65521vw;
  height: 1.65521vw;
  background: url(/static/img/home/icon-big.svg) no-repeat 0;
  position: absolute;
  bottom: -1.40625vw;
  left: -.47917vw;
  background-size: 1.65521vw 1.65521vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-d .flag-border {
      width:7.86667vw;
      height: 7.86667vw;
      background-size: 7.86667vw 7.86667vw;
      bottom: -6.66667vw;
      left: -3.46667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-text {
  float: right;
  margin-top: -.41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-text {
      float:right;
      margin-top: -1.6vw;
      margin-left: 3.33333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-text {
      margin-top:-1.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-text {
      margin-top:-.26667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-text {
      margin-top:-.26667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-text .flag-tit {
  font-size: .9375vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-text .flag-tit {
      font-size:4.26667vw;
      font-size: 3.46667vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-text .flag-p-m {
  font-size: .625vw;
  color: #fff;
  font-weight: 700;
  padding-bottom: .52083vw;
  padding-top: .36458vw
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-text .flag-p {
  font-size: .625vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-text .flag-p {
      font-size:2.13333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(7) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) {
  position: absolute;
  left: 36%;
  bottom: 51.7%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) {
      left:70.3%;
      bottom: 52.8%
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con {
  position: relative;
  height: 12.86458vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con {
      height:47.06667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con {
      height:21.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con {
      height:25.6vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con {
      height:25.6vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con.op8 {
  -webkit-transition: all .6s;
  transition: all .6s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-d {
  width: 2.34375vw;
  height: 12.86458vw;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-d {
      width:5.73333vw;
      height: 47.06667vw;
      background-size: 5.73333vw 3.86667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-d {
      height:21.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-d {
      height:25.6vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-d {
      height:25.6vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-d:before {
  content: "";
  display: block;
  width: 1.25vw;
  height: .83333vw;
  position: absolute;
  top: -.10417vw;
  left: .3125vw;
  background: url(/static/img/home/icon-home2-1.svg) no-repeat 0;
  background-size: 1.25vw .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-d:before {
      width:5.73333vw;
      height: 3.86667vw;
      background-size: 5.73333vw 3.86667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-d:after {
  content: "";
  display: block;
  width: 0;
  height: 12.86458vw;
  border-left: 1px solid #fff;
  position: absolute;
  top: 0;
  left: .32292vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-d:after {
      height:47.06667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-d:after {
      height:21.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-d:after {
      height:25.6vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-d:after {
      height:25.6vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-d .flag-border {
  width: 1.10938vw;
  height: 1.10938vw;
  position: absolute;
  bottom: -.95313vw;
  left: -.19792vw;
  background: url(/static/img/home/icon-small.svg) no-repeat 0;
  background-size: 1.10938vw 1.10938vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-d .flag-border {
      width:5.06667vw;
      height: 5.06667vw;
      background-size: 5.06667vw 5.06667vw;
      bottom: -4.33333vw;
      left: -2.09333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-text {
  float: right;
  margin-top: -.41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-text {
      float:right;
      margin-top: -1.6vw;
      margin-left: 3.33333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-text {
      margin-top:-1.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-text {
      margin-top:-.26667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-text {
      margin-top:-.26667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-text .flag-tit {
  font-size: .9375vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-text .flag-tit {
      font-size:4.26667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-text .flag-tit {
      font-size:3.46667vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-text .flag-p-m {
  font-size: .625vw;
  color: #fff;
  font-weight: 700;
  padding-bottom: .52083vw;
  padding-top: .36458vw
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-text .flag-p {
  font-size: .625vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-text .flag-p {
      font-size:2.13333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(8) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) {
  position: absolute;
  left: 40.39%;
  bottom: 54.6%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) {
      left:79.7%;
      bottom: 52.7%
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con {
  position: relative;
  height: 15.46875vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con {
      height:54.8vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con {
      height:27.6vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con {
      height:28.93333vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con {
      height:28.93333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con.op9 {
  -webkit-transition: all .65s;
  transition: all .65s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-d {
  width: 2.34375vw;
  height: 15.46875vw;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-d {
      width:5.73333vw;
      height: 54.8vw;
      background-size: 5.73333vw 3.86667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-d {
      height:27.6vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-d {
      height:28.93333vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-d {
      height:28.93333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-d:before {
  content: "";
  display: block;
  width: 1.25vw;
  height: .83333vw;
  position: absolute;
  top: -.10417vw;
  left: .3125vw;
  background: url(/static/img/home/icon-home2-1.svg) no-repeat 0;
  background-size: 1.25vw .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-d:before {
      width:5.73333vw;
      height: 3.86667vw;
      background-size: 5.73333vw 3.86667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-d:after {
  content: "";
  display: block;
  width: 0;
  height: 15.46875vw;
  border-left: 1px dashed #fff;
  position: absolute;
  top: 0;
  left: .32292vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-d:after {
      height:54.8vw;
      border-left: 1px solid #fff
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-d:after {
      height:27.6vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-d:after {
      height:28.93333vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-d:after {
      height:28.93333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-d .flag-border {
  width: 1.10938vw;
  height: 1.10938vw;
  position: absolute;
  bottom: -.95313vw;
  left: -.19792vw;
  background: url(/static/img/home/icon-small.svg) no-repeat 0;
  background-size: 1.10938vw 1.10938vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-d .flag-border {
      width:5.06667vw;
      height: 5.06667vw;
      background-size: 5.06667vw 5.06667vw;
      bottom: -4.33333vw;
      left: -2.09333vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-text {
  float: right;
  margin-top: -.41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-text {
      float:right;
      margin-top: -1.6vw;
      margin-left: 3.33333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-text {
      margin-top:-1.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-text {
      margin-top:-.26667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-text {
      margin-top:-.26667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-text .flag-tit {
  font-size: .9375vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-text .flag-tit {
      font-size:4.26667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-text .flag-tit {
      font-size:3.46667vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-text .flag-p-m {
  font-size: .625vw;
  color: #fff;
  font-weight: 700;
  padding-bottom: .52083vw;
  padding-top: .36458vw
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-text .flag-p {
  font-size: .625vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-text .flag-p {
      font-size:2.13333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(9) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) {
  position: absolute;
  left: 45.5%;
  bottom: 64.7%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) {
      left:89.1%;
      bottom: 58.2%
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con {
  position: relative;
  height: 13.85417vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con {
      height:52vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con {
      height:25.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con {
      height:26.66667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con {
      height:26.66667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con.op10 {
  -webkit-transition: all .65s;
  transition: all .65s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-d {
  width: 2.34375vw;
  height: 13.85417vw;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-d {
      width:5.73333vw;
      height: 52vw;
      background-size: 5.73333vw 3.86667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-d {
      height:25.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-d {
      height:26.66667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-d {
      height:26.66667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-d:before {
  content: "";
  display: block;
  width: 1.25vw;
  height: .83333vw;
  position: absolute;
  top: -.10417vw;
  left: .3125vw;
  background: url(/static/img/home/icon-home2-2.svg) no-repeat 0;
  background-size: 1.25vw .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-d:before {
      width:5.73333vw;
      height: 3.86667vw;
      background-size: 5.73333vw 3.86667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-d:after {
  content: "";
  display: block;
  width: 0;
  height: 13.85417vw;
  border-left: 1px dashed #fff;
  position: absolute;
  top: 0;
  left: .32292vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-d:after {
      height:52vw;
      border-left: 1px solid #fff
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-d:after {
      height:25.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-d:after {
      height:26.66667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-d:after {
      height:26.66667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-d .flag-border {
  width: 1.65521vw;
  height: 1.65521vw;
  background: url(/static/img/home/icon-big.svg) no-repeat 0;
  position: absolute;
  bottom: -1.40625vw;
  left: -.47917vw;
  background-size: 1.65521vw 1.65521vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-d .flag-border {
      width:7.86667vw;
      height: 7.86667vw;
      background-size: 7.86667vw 7.86667vw;
      bottom: -6.66667vw;
      left: -3.46667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-text {
  float: right;
  margin-top: -.41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-text {
      float:right;
      margin-top: -1.6vw;
      margin-left: 3.33333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-text {
      margin-top:-1.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-text {
      margin-top:-.26667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-text {
      margin-top:-.26667vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-text .flag-tit {
  font-size: .9375vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-text .flag-tit {
      font-size:4.26667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-text .flag-tit {
      font-size:3.46667vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-text .flag-tit {
      font-size:2.4vw
  }
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-text .flag-p-m {
  font-size: .625vw;
  color: #fff;
  font-weight: 700;
  padding-bottom: .52083vw;
  padding-top: .36458vw
}

.home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-text .flag-p {
  font-size: .625vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-text .flag-p {
      font-size:2.13333vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .home-sec2 .home-sec2-container .home-sec2-bg .home-sec2-flag .home-sec2-flag-list .home-sec2-flag-list-item:nth-child(10) .flag-con .flag-text .flag-p {
      font-size:1.6vw
  }
}

.home-sec3 {
  position: relative
}

.home-sec3 .home-sec3-bg {
  width: 100%;
  height: 41.66667vw;
  background: #000
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec3 .home-sec3-bg {
      height:auto;
      overflow: hidden
  }
}

.home-sec3 .home-sec3-bg .home-sec3-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec3 .home-sec3-bg .home-sec3-img {
      display:none
  }
}

.home-sec3 .home-sec3-bg .home-sec3-kv {
  display: none
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec3 .home-sec3-bg .home-sec3-kv {
      display:block;
      opacity: 0;
      -webkit-transition: all .5s;
      transition: all .5s;
      -webkit-transform: translateX(50%);
      transform: translateX(50%)
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec3 .home-sec3-bg .home-sec3-kv.active {
      -webkit-transition:all 1s;
      transition: all 1s;
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0)
  }
}

.home-sec3 .home-sec3-summary {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.home-sec3 .home-sec3-summary .home-sec3-summary-list {
  width: 58.33333vw;
  margin: 7.8125vw auto 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec3 .home-sec3-summary .home-sec3-summary-list {
      margin:26.66667vw auto 0;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center
  }
}

.home-sec3 .home-sec3-summary .home-sec3-summary-list.is-animate {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.home-sec3 .home-sec3-summary .home-sec3-summary-list>li {
  text-align: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec3 .home-sec3-summary .home-sec3-summary-list>li {
      width:100%;
      padding: 0 5.33333vw;
      margin-bottom: 14.4vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec3 .home-sec3-summary .home-sec3-summary-list>li:last-child {
      margin-bottom:0
  }
}

.home-sec3 .home-sec3-summary .home-sec3-summary-list>li .aiko-h2 {
  padding-bottom: .78125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec3 .home-sec3-summary .home-sec3-summary-list>li .aiko-h2 {
      padding-bottom:2vw;
      margin-bottom: 0
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec3 .home-sec3-summary .home-sec3-summary-list>li .aiko-p {
      font-size:3.2vw
  }
}

.home-sec4 {
  margin-top: .83333vw
}

.home-sec4 .home-sec4-con {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-color: #fff;
  padding-bottom: .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con {
      -webkit-flex-wrap:wrap;
      flex-wrap: wrap
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con>div {
      margin-bottom:1.33333vw
  }
}

.home-sec4 .home-sec4-con>div:last-child {
  margin-bottom: 0
}

.home-sec4 .home-sec4-con .wrap {
  display: block
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .wrap {
      display:inline
  }
}

.home-sec4 .home-sec4-con .home-sec4-left {
  width: 50%;
  margin-right: .83333vw;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-left {
      width:100%;
      height: auto;
      margin-right: 0
  }
}

.home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-img {
  display: block;
  width: 100%;
  object-fit: cover
}

.home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-text {
      width:100%;
      padding: 0 5.33333vw
  }
}

.home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-text .aiko-h2 {
  margin-top: 4.16667vw;
  line-height: 1.16
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-text .aiko-h2 {
      margin-top:10.66667vw;
      font-size: 6.4vw;
      line-height: 1.31;
      margin-bottom: 3.2vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-text .aiko-p {
      width:90%;
      font-size: 3.2vw;
      margin: 0 auto 4.8vw
  }
}

.home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-text .home-sec4-left-more {
  margin: 1.5625vw auto 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-text .home-sec4-left-more {
      width:100%;
      margin: 0 auto
  }
}

.home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-text .home-sec4-left-more .home-sec4-left-more-item {
  margin-left: 3.125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-text .home-sec4-left-more .home-sec4-left-more-item {
      margin-left:5.33333vw
  }
}

.home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-text .home-sec4-left-more .home-sec4-left-more-item>a {
  font-size: .72917vw;
  position: relative;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-text .home-sec4-left-more .home-sec4-left-more-item>a {
      font-size:2.66667vw;
      padding-right: 2.4vw
  }
}

.home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-text .home-sec4-left-more .home-sec4-left-more-item>a:before {
  width: .44271vw;
  height: .44271vw;
  display: block;
  content: "";
  position: absolute;
  top: 60%;
  right: -.52083vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/static/img/home/icon-home2-3.svg) no-repeat 0;
  background-size: .44271vw .44271vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-text .home-sec4-left-more .home-sec4-left-more-item>a:before {
      width:1.6vw;
      height: 1.6vw;
      background-size: 1.6vw 1.6vw;
      right: 0;
      top: 2vw
  }
}

@media (any-hover: hover) {
  .home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-text .home-sec4-left-more .home-sec4-left-more-item>a:hover {
      color:#007f68
  }
}

.home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-text .home-sec4-left-more .home-sec4-left-more-item>a:active {
  color: #007f68
}

.home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-text .home-sec4-left-more .home-sec4-left-more-item:first-child {
  margin-left: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-left .home-sec4-left-text .home-sec4-left-more .home-sec4-left-more-item:first-child {
      margin-left:0
  }
}

.home-sec4 .home-sec4-con .home-sec4-right {
  width: 50%;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-right {
      width:100%;
      height: auto
  }
}

.home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-img {
  display: block;
  width: 100%;
  object-fit: cover
}

.home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text {
      width:100%
  }
}

.home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text .aiko-h2 {
  margin-top: 4.16667vw;
  line-height: 1.16
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text .aiko-h2 {
      margin-top:10.66667vw;
      font-size: 6.4vw;
      width: 100%;
      padding: 1.33333vw;
      margin-bottom: 3.2vw;
      line-height: 1.31
  }
}

.home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text .aiko-p.opacity-80 {
  width: 31.25vw;
  margin: 0 auto
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text .aiko-p.opacity-80 {
      width:100%;
      font-size: 3.2vw;
      margin: 0 auto 4.8vw
  }
}

.home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text .home-sec4-left-more {
  margin: 1.5625vw auto 0;
  width: 35.9375vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text .home-sec4-left-more {
      margin:0 auto;
      width: 100%
  }
}

.home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text .home-sec4-left-more .home-sec4-left-more-item {
  margin-left: 3.125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text .home-sec4-left-more .home-sec4-left-more-item {
      margin-left:5.33333vw
  }
}

.home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text .home-sec4-left-more .home-sec4-left-more-item:first-child {
  margin-left: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text .home-sec4-left-more .home-sec4-left-more-item:first-child {
      margin-left:0
  }
}

.home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text .home-sec4-left-more .home-sec4-left-more-item>a {
  font-size: .72917vw;
  position: relative;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text .home-sec4-left-more .home-sec4-left-more-item>a {
      font-size:2.66667vw;
      padding-right: 2.4vw
  }
}

.home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text .home-sec4-left-more .home-sec4-left-more-item>a:before {
  width: .44271vw;
  height: .44271vw;
  display: block;
  content: "";
  position: absolute;
  top: 60%;
  right: -.52083vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/static/img/home/icon-home2-3.svg) no-repeat 0;
  background-size: .44271vw .44271vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text .home-sec4-left-more .home-sec4-left-more-item>a:before {
      width:1.6vw;
      height: 1.6vw;
      background-size: 1.6vw 1.6vw;
      right: 0;
      top: 2vw
  }
}

@media (any-hover: hover) {
  .home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text .home-sec4-left-more .home-sec4-left-more-item>a:hover {
      color:#007f68
  }
}

.home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text .home-sec4-left-more .home-sec4-left-more-item>a:active {
  color: #007f68
}

.home-sec4 .home-sec4-con .home-sec4-right .home-sec4-right-text .home-sec4-left-more .home-sec4-left-more-item:nth-child(2n) {
  margin-left: 3.125vw
}

.home-sec5 {
  position: relative;
  z-index: 3;
  background-color: #fff;
  padding-bottom: .83333vw
}

.home-sec5 .home-sec5-bg .home-sec5-bg-img {
  display: block
}

.home-sec5 .home-sec5-text {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec5 .home-sec5-text {
      -webkit-transform:translate(0);
      transform: translate(0);
      width: 100%;
      padding: 0 5.33333vw;
      top: 16vw;
      left: 0
  }
}

.home-sec5 .home-sec5-text .home-sec5-btn {
  margin-top: 2.5vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec5 .home-sec5-text .home-sec5-btn {
      margin-top:7.46667vw
  }
}

.home-sec6 {
  position: relative;
  z-index: 3
}

.home-sec6 .home-sec6-bg .home-sec6-bg-img {
  display: block
}

.home-sec6 .home-sec6-text {
  position: absolute;
  top: 5.20833vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec6 .home-sec6-text {
      top:16vw;
      left: 0;
      -webkit-transform: translateX(0);
      transform: translateX(0);
      width: 100%;
      padding: 0 5.33333vw
  }
}

.home-sec6 .home-sec6-text .home-sec6-btn {
  margin-top: 2.5vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec6 .home-sec6-text .home-sec6-btn {
      margin-top:7.46667vw
  }
}

.home-sec7 {
  position: relative
}

.home-sec7 .home-sec7-bg .home-sec7-bg-img {
  display: block
}

.home-sec7 .home-sec7-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec7 .home-sec7-items {
      -webkit-flex-wrap:wrap;
      flex-wrap: wrap;
      width: 100%
  }
}

.home-sec7 .home-sec7-items .home-sec7-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-right: .83333vw;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec7 .home-sec7-items .home-sec7-item {
      width:100%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
      margin-right: 0;
      margin-bottom: 1.33333vw
  }
}

.home-sec7 .home-sec7-items .home-sec7-item:nth-child(2n) {
  margin-right: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec7 .home-sec7-items .home-sec7-item:last-child {
      margin-bottom:0
  }
}

.home-sec7 .home-sec7-items .home-sec7-item .home-sec7-text {
  position: absolute;
  top: 4.16667vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  padding: 0 2.60417vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec7 .home-sec7-items .home-sec7-item .home-sec7-text {
      width:100%;
      top: 10.66667vw;
      padding: 0 5.33333vw
  }
}

.home-sec7 .home-sec7-items .home-sec7-item .home-sec7-text .home-sec7-btn {
  margin-top: 2.5vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec7 .home-sec7-items .home-sec7-item .home-sec7-text .home-sec7-btn {
      margin-top:7.46667vw
  }
}

.home-sec8 .home-sec8-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec8 .home-sec8-items {
      -webkit-flex-wrap:wrap;
      flex-wrap: wrap;
      width: 100%
  }
}

.home-sec8 .home-sec8-items .home-sec8-bg .home-sec8-bg-img {
  display: block
}

.home-sec8 .home-sec8-items .home-sec8-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-right: .83333vw;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec8 .home-sec8-items .home-sec8-item {
      width:100%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
      margin-right: 0;
      margin-bottom: 1.33333vw
  }
}

.home-sec8 .home-sec8-items .home-sec8-item:nth-child(2n) {
  margin-right: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec8 .home-sec8-items .home-sec8-item:last-child {
      margin-bottom:0
  }
}

.home-sec8 .home-sec8-items .home-sec8-item .home-sec8-text {
  position: absolute;
  top: 4.16667vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  padding: 0 2.60417vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec8 .home-sec8-items .home-sec8-item .home-sec8-text {
      width:100%;
      top: 10.66667vw;
      padding: 0 5.33333vw
  }
}

.home-sec8 .home-sec8-items .home-sec8-item .home-sec8-text .home-sec8-btn {
  margin-top: 2.5vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec8 .home-sec8-items .home-sec8-item .home-sec8-text .home-sec8-btn {
      margin-top:7.46667vw
  }
}

.home-sec8 .home-sec8-items .home-sec8-item .home-sec8-text .home-sec8-more {
  margin: 1.5625vw auto 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec8 .home-sec8-items .home-sec8-item .home-sec8-text .home-sec8-more {
      width:100%;
      margin: 4.8vw auto 0
  }
}

.home-sec8 .home-sec8-items .home-sec8-item .home-sec8-text .home-sec8-more .home-sec4-left-more-item {
  margin-left: 3.125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec8 .home-sec8-items .home-sec8-item .home-sec8-text .home-sec8-more .home-sec4-left-more-item {
      margin-left:5.33333vw
  }
}

.home-sec8 .home-sec8-items .home-sec8-item .home-sec8-text .home-sec8-more .home-sec4-left-more-item>a {
  font-size: .72917vw;
  position: relative;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec8 .home-sec8-items .home-sec8-item .home-sec8-text .home-sec8-more .home-sec4-left-more-item>a {
      font-size:2.66667vw;
      padding-right: 2.4vw
  }
}

.home-sec8 .home-sec8-items .home-sec8-item .home-sec8-text .home-sec8-more .home-sec4-left-more-item>a:before {
  width: .44271vw;
  height: .44271vw;
  display: block;
  content: "";
  position: absolute;
  top: 60%;
  right: -.52083vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/static/img/home/icon-home2-3.svg) no-repeat 0;
  background-size: .44271vw .44271vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec8 .home-sec8-items .home-sec8-item .home-sec8-text .home-sec8-more .home-sec4-left-more-item>a:before {
      width:1.6vw;
      height: 1.6vw;
      background-size: 1.6vw 1.6vw;
      right: 0;
      top: 2vw
  }
}

@media (any-hover: hover) {
  .home-sec8 .home-sec8-items .home-sec8-item .home-sec8-text .home-sec8-more .home-sec4-left-more-item>a:hover {
      color:#007f68
  }
}

.home-sec8 .home-sec8-items .home-sec8-item .home-sec8-text .home-sec8-more .home-sec4-left-more-item>a:active {
  color: #007f68
}

.home-sec8 .home-sec8-items .home-sec8-item .home-sec8-text .home-sec8-more .home-sec4-left-more-item:first-child {
  margin-left: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec8 .home-sec8-items .home-sec8-item .home-sec8-text .home-sec8-more .home-sec4-left-more-item:first-child {
      margin-left:0
  }
}

.home-sec9 .home-sec9-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec9 .home-sec9-items {
      -webkit-flex-wrap:wrap;
      flex-wrap: wrap;
      width: 100%
  }
}

.home-sec9 .home-sec9-items .home-sec9-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec9 .home-sec9-items .home-sec9-item {
      width:100%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
      margin-right: 0;
      margin-bottom: 1.33333vw
  }
}

.home-sec9 .home-sec9-items .home-sec9-item:nth-child(2n) {
  margin-left: .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec9 .home-sec9-items .home-sec9-item:nth-child(2n) {
      margin-left:0
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec9 .home-sec9-items .home-sec9-item:last-child {
      margin-bottom:0
  }
}

.home-sec9 .home-sec9-items .home-sec9-item .home-sec9-item-img {
  display: block
}

.home-sec9 .home-sec9-items .home-sec9-item .home-sec9-text {
  position: absolute;
  top: 4.16667vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  padding: 0 2.60417vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec9 .home-sec9-items .home-sec9-item .home-sec9-text {
      width:100%;
      top: 10.66667vw;
      padding: 0 5.33333vw
  }
}

.home-sec9 .home-sec9-items .home-sec9-item .home-sec9-text .home-sec9-btn {
  margin-top: 2.5vw
}

.home-sec9 .home-sec9-items .home-sec9-item .home-sec9-text .aiko-h4 {
  font-size: 2.08333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec9 .home-sec9-items .home-sec9-item .home-sec9-text .aiko-h4 {
      font-size:6.4vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec9 .home-sec9-items .home-sec9-item .home-sec9-text .aiko-p {
      font-size:3.2vw
  }
}

.home-sec9 .home-sec9-items .home-sec9-item .home-sec9-text .aiko-p.h {
  min-height: 1.35417vw
}

.home-sec9 .home-sec9-items .home-sec9-item .home-sec9-text .home-btn {
  margin-top: 1.04167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec9 .home-sec9-items .home-sec9-item .home-sec9-text .home-btn {
      margin-top:7.46667vw
  }
}

.home-sec9 .home-sec9-items .home-sec9-item .home-sec9-text .aiko-more {
  color: #fff;
  position: relative;
  margin-top: 1.04167vw;
  display: inline-block
}

.home-sec9 .home-sec9-items .home-sec9-item .home-sec9-text .aiko-more:before {
  width: .44271vw;
  height: .44271vw;
  display: block;
  content: "";
  position: absolute;
  top: 60%;
  right: -.52083vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/static/img/home/icon-home2-3.svg) no-repeat 0;
  background-size: .44271vw .44271vw
}

.home-sec9 .home-sec9-items .home-sec9-item .home-sec9-text .aiko-more:hover {
  color: #007f68
}

.home-sec9 .home-sec9-items .home-sec9-item .home-sec9-text .home-sec9-text-video {
  margin-top: 1.04167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec9 .home-sec9-items .home-sec9-item .home-sec9-text .home-sec9-text-video {
      margin-top:7.46667vw
  }
}

.home-sec10 {
  margin-bottom: 6.25vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec10 {
      width:100%;
      padding: 0 5.33333vw;
      margin-bottom: 13.33333vw
  }
}

.home-sec10 .aiko-h3 {
  margin: 5.20833vw 0 3.125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec10 .aiko-h3 {
      margin:16vw 0 7.46667vw;
      font-size: 6.4vw
  }
}

.home-sec10 .home-sec10-bg img {
  display: block;
  -webkit-transition: all .5s;
  transition: all .5s
}

.home-sec10 .home-sec10-items {
  width: 81.25%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec10 .home-sec10-items {
      width:100%;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap
  }
}

.home-sec10 .home-sec10-items .home-sec10-item {
  position: relative;
  width: 33.33%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  overflow: hidden
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec10 .home-sec10-items .home-sec10-item {
      width:100%;
      margin-bottom: 2.66667vw;
      -webkit-transition: all 0s;
      transition: all 0s
  }
}

.home-sec10 .home-sec10-items .home-sec10-item .touch-link {
  width: 100%;
  position: relative
}

.home-sec10 .home-sec10-items .home-sec10-item .touch-link .home-sec10-text-logo {
  position: absolute;
  display: inline-block;
  padding: .3125vw 1.04167vw;
  top: .625vw;
  right: .625vw;
  background: hsla(0,0%,100%,.3);
  color: #fff;
  font-size: .83333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec10 .home-sec10-items .home-sec10-item .touch-link .home-sec10-text-logo {
      top:3.2vw;
      right: 3.2vw;
      font-size: 2.66667vw;
      padding: 1.06667vw 3.6vw
  }
}

.home-sec10 .home-sec10-items .home-sec10-item .touch-link .home-sec10-text-logo.r {
  background: rgba(255,102,0,.3)
}

.home-sec10 .home-sec10-items .home-sec10-item img {
  width: 100%;
  height: 19.71354vw;
  display: block;
  object-fit: cover
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec10 .home-sec10-items .home-sec10-item img {
      height:67vw
  }
}

.home-sec10 .home-sec10-items .home-sec10-item:nth-child(2) {
  margin: 0 .78125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec10 .home-sec10-items .home-sec10-item:nth-child(2) {
      margin-left:0;
      margin-right: 0;
      margin-bottom: 2.66667vw
  }
}

.home-sec10 .home-sec10-items .home-sec10-item:last-child {
  margin-bottom: 0
}

.home-sec10 .home-sec10-items .home-sec10-item>a:hover .home-sec10-bg img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec10 .home-sec10-items .home-sec10-item>a:hover .home-sec10-bg img {
      -webkit-transform:scale(1);
      transform: scale(1)
  }
}

.home-sec10 .home-sec10-items .home-sec10-item .home-sec10-text {
  position: absolute;
  bottom: 2.08333vw;
  left: 2.08333vw;
  background: rgba(0,0,0,.4);
  width: 100%;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left;
  padding: 1.09375vw 1.875vw 1.25vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec10 .home-sec10-items .home-sec10-item .home-sec10-text {
      padding:6vw 6.66667vw 5.33333vw
  }
}

.home-sec10 .home-sec10-items .home-sec10-item .home-sec10-text .aiko-p {
  width: 100%;
  text-align: left
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec10 .home-sec10-items .home-sec10-item .home-sec10-text .aiko-p {
      font-size:4.26667vw
  }
}

.home-sec10 .home-sec10-items .home-sec10-item .home-sec10-text .aiko-date {
  width: 100%;
  font-size: .83333vw;
  color: #fff;
  opacity: .7;
  margin-top: .41667vw;
  text-align: left
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec10 .home-sec10-items .home-sec10-item .home-sec10-text .aiko-date {
      margin-top:1.06667vw;
      font-size: 2.66667vw
  }
}

.home-sec10 .home-sec10-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.home-sec10 .home-sec10-wrap .aiko-btn {
  text-align: center;
  margin: 2.60417vw auto 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .home-sec10 .home-sec10-wrap .aiko-btn {
      margin:10.66667vw auto 0
  }
}

.homeowers-sec1 {
  height: 400vh
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec1 {
      height:420vh
  }
}

.homeowers-sec1 .homeowers-sec1-container {
  height: -webkit-calc(100vh - 4.89583vw);
  height: calc(100vh - 4.89583vw);
  overflow: hidden
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec1 .homeowers-sec1-container {
      height:-webkit-calc(100vh - 15.73333vw);
      height: calc(100vh - 15.73333vw)
  }
}

.homeowers-sec1 .homeowers-sec1-romance_under {
  position: absolute;
  z-index: 5;
  width: 100%;
  height: -webkit-calc(100vh - 4.89583vw);
  height: calc(100vh - 4.89583vw);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: url(/static/img/homeowers/romance1-bg1.jpg) no-repeat 50%;
  background-size: cover
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec1 .homeowers-sec1-romance_under {
      height:-webkit-calc(100vh - 15.73333vw);
      height: calc(100vh - 15.73333vw);
      background: url(/static/img/homeowers/romance1-bg1@mob.jpg) no-repeat 50%;
      background-size: cover;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start
  }
}

.homeowers-sec1 .homeowers-sec1-summary {
  width: 59.89583vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec1 .homeowers-sec1-summary {
      margin-top:18.66667vw;
      width: 90.66667vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec1 .homeowers-sec1-summary .aiko-h1 {
      margin-bottom:3.2vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec1 .homeowers-sec1-summary .aiko-p {
      font-size:3.2vw;
      margin-bottom: 8.8vw
  }
}

.homeowers-sec1 .homeowers-sec1-under_btn_space {
  margin-top: 1.82292vw
}

.homeowers-sec1 .homeowers-sec1-romance_titbox {
  width: 100%;
  position: absolute;
  z-index: 4;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec1 .homeowers-sec1-romance_titbox {
      -webkit-transform:translateY(0);
      transform: translateY(0);
      top: 30.13333vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec1 .homeowers-sec1-romance_titbox .aiko-h2 {
      font-size:6.4vw;
      margin-bottom: 3.2vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec1 .homeowers-sec1-romance_titbox .aiko-p {
      font-size:3.2vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec1 .homeowers-sec1-romance_titbox .hr {
      display:block
  }
}

.homeowers-sec1 .homeowers-sec1-romance_boost {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: url(/static/img/homeowers/romance1-22.jpg) no-repeat 50%;
  background-size: cover;
  -webkit-transform-origin: 90% 77%;
  transform-origin: 90% 77%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec1 .homeowers-sec1-romance_boost {
      background:url(/static/img/homeowers/romance1-bg2@mob.jpg) no-repeat 50%;
      -webkit-transform-origin: 50% 50% 0;
      transform-origin: 50% 50% 0;
      background-size: cover;
      height: -webkit-calc(100vh - 15.73333vw);
      height: calc(100vh - 15.73333vw)
  }
}

.homeowers-sec1 .homeowers-sec1-romance_boost .homeowers-sec1-boost_piece_texts {
  width: 100%;
  position: absolute;
  top: 40%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec1 .homeowers-sec1-romance_boost .homeowers-sec1-boost_piece_texts .aiko-h2 {
      font-size:6.4vw
  }
}

.homeowers-sec1 .homeowers-sec1-romance_boost .isstate {
  opacity: 0;
  -webkit-transition: all .1s;
  transition: all .1s
}

.homeowers-sec1 .homeowers-sec1-romance_boost .homeowers-sec1-boost_piece_numbers {
  width: 100%;
  position: absolute;
  bottom: -5.20833vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: .83333vw;
  opacity: 0;
  -webkit-transition: bottom .5s cubic-bezier(0,.6,.3,1);
  transition: bottom .5s cubic-bezier(0,.6,.3,1)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec1 .homeowers-sec1-romance_boost .homeowers-sec1-boost_piece_numbers {
      width:89.33333vw;
      bottom: 30%;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between
  }
}

.homeowers-sec1 .homeowers-sec1-romance_boost .homeowers-sec1-boost_piece_numbers .homeowers-sec1-boost_piece_number {
  margin: 0 6.77083vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec1 .homeowers-sec1-romance_boost .homeowers-sec1-boost_piece_numbers .homeowers-sec1-boost_piece_number {
      margin:0
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec1 .homeowers-sec1-romance_boost .homeowers-sec1-boost_piece_numbers .aiko-h4 {
      font-size:5.33333vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec1 .homeowers-sec1-romance_boost .homeowers-sec1-boost_piece_numbers .aiko-p {
      font-size:2.66667vw
  }
}

.homeowers-sec1 .homeowers-sec2-romance-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0
}

.homeowers-sec1 .homeowers-sec2-howtheworks_text {
  position: absolute;
  top: 6.25vw;
  width: 53.125vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  opacity: 0
}

.homeowers-sec1 .homeowers-sec2-howtheworks_piece {
  position: absolute;
  opacity: 0
}

.homeowers-sec1 .homeowers-sec2-howtheworks_piece.howtheworks_piece_1 {
  left: 15.72917vw;
  bottom: 24.47917vw
}

.homeowers-sec1 .homeowers-sec2-howtheworks_piece.howtheworks_piece_2 {
  top: 10.625vw;
  left: 14.27083vw
}

.homeowers-sec1 .homeowers-sec2-howtheworks_piece.howtheworks_piece_3 {
  right: 38.28125vw;
  bottom: 19.73958vw
}

.homeowers-sec1 .homeowers-sec2-howtheworks_piece.howtheworks_piece_4 {
  right: 16.875vw;
  bottom: 6.61458vw
}

.homeowers-sec1 .homeowers-sec2-howtheworks_piece.howtheworks_piece_5 {
  right: 17.1875vw;
  bottom: 15.36458vw
}

.homeowers-sec1 .homeowers-sec2-howtheworks-btn {
  display: block;
  min-width: 6.5625vw;
  height: 1.66667vw;
  padding: 0 1.5625vw;
  font-family: OPPOSans-Bold;
  line-height: 1.5625vw;
  font-size: .72917vw;
  text-align: center;
  background-color: hsla(0,0%,100%,.5);
  color: #fff
}

.homeowers-sec1 .homeowers-sec2-howtheworks-btn:hover {
  background-color: #007f68
}

.homeowers-sec1 .homeowers-sec2-cont_point {
  display: block;
  z-index: 3;
  position: absolute;
  width: .52083vw;
  height: .52083vw;
  background-color: #007f68
}

.homeowers-sec1 .homeowers-sec2-cont_point.cont_point_1 {
  left: -.26042vw;
  bottom: -.26042vw
}

.homeowers-sec1 .homeowers-sec2-cont_point.cont_point_2 {
  right: -.26042vw;
  top: -.26042vw
}

.homeowers-sec1 .homeowers-sec2-cont_point.cont_point_3 {
  right: -.26042vw;
  bottom: -.26042vw
}

.homeowers-sec1 .homeowers-sec2-cont_point.cont_point_4,.homeowers-sec1 .homeowers-sec2-cont_point.cont_point_5 {
  left: -.26042vw;
  top: -.26042vw
}

.homeowers-sec1 .homeowers-sec2-howtheworks_img {
  width: 7.39583vw;
  position: absolute;
  left: 8.4375vw;
  bottom: 9.89583vw;
  opacity: 0
}

.homeowers-sec2-howtheworks {
  position: relative;
  height: 49.27083vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 9.375vw;
  background: url(/static/img/homeowers/romance3.jpg) no-repeat 50%;
  background-size: cover
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec2-howtheworks {
      height:106.66667vw;
      padding-bottom: 0;
      background: url(/static/img/homeowers/romance3@mob.jpg) no-repeat 0 0;
      background-size: 100% 106.66667vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec2-howtheworks .aiko-h2 {
      font-size:6.4vw
  }
}

.homeowers-sec2-howtheworks .homeowers-sec2-howtheworks_text {
  position: absolute;
  top: 6.25vw;
  width: 53.125vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec2-howtheworks .homeowers-sec2-howtheworks_text {
      width:100%
  }
}

.homeowers-sec2-howtheworks .homeowers-sec2-howtheworks_piece {
  position: absolute
}

.homeowers-sec2-howtheworks .homeowers-sec2-howtheworks_piece.howtheworks_piece_1 {
  left: 15.72917vw;
  bottom: 24.47917vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec2-howtheworks .homeowers-sec2-howtheworks_piece.howtheworks_piece_1 {
      left:22.93333vw;
      bottom: 4.98667vw
  }
}

.homeowers-sec2-howtheworks .homeowers-sec2-howtheworks_piece.howtheworks_piece_2 {
  top: 10.625vw;
  left: 14.27083vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec2-howtheworks .homeowers-sec2-howtheworks_piece.howtheworks_piece_2 {
      top:50vw;
      left: 14.8vw
  }
}

.homeowers-sec2-howtheworks .homeowers-sec2-howtheworks_piece.howtheworks_piece_3 {
  right: 40.88542vw;
  bottom: 19.73958vw
}

.homeowers-sec2-howtheworks .homeowers-sec2-howtheworks_piece.howtheworks_piece_4 {
  right: 20vw;
  bottom: 6.61458vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec2-howtheworks .homeowers-sec2-howtheworks_piece.howtheworks_piece_4 {
      top:auto;
      bottom: 14.53333vw;
      right: auto;
      left: 80vw
  }
}

.homeowers-sec2-howtheworks .homeowers-sec2-howtheworks_piece.howtheworks_piece_5 {
  right: 19.73958vw;
  top: 32.23958vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec2-howtheworks .homeowers-sec2-howtheworks_piece.howtheworks_piece_5 {
      top:auto;
      bottom: 28.4vw;
      right: auto;
      left: 80.53333vw
  }
}

.homeowers-sec2-howtheworks .homeowers-sec2-howtheworks-btn {
  display: block;
  min-width: 6.5625vw;
  height: 1.66667vw;
  padding: 0 1.5625vw;
  font-family: OPPOSans-Bold;
  line-height: 1.5625vw;
  font-size: .72917vw;
  text-align: center;
  background-color: hsla(0,0%,100%,.5);
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec2-howtheworks .homeowers-sec2-howtheworks-btn {
      font-size:2.66667vw;
      padding: .93333vw 2.4vw;
      height: auto;
      min-width: unset;
      line-height: normal;
      font-weight: 400;
      font-weight: 700
  }
}

.homeowers-sec2-howtheworks .homeowers-sec2-howtheworks-btn:hover {
  background-color: #007f68
}

.homeowers-sec2-howtheworks .homeowers-sec2-cont_point {
  display: block;
  z-index: 3;
  position: absolute;
  width: .52083vw;
  height: .52083vw;
  background-color: #007f68
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec2-howtheworks .homeowers-sec2-cont_point {
      width:1.2vw;
      height: 1.2vw
  }
}

.homeowers-sec2-howtheworks .homeowers-sec2-cont_point.cont_point_1 {
  left: -.26042vw;
  bottom: -.26042vw
}

.homeowers-sec2-howtheworks .homeowers-sec2-cont_point.cont_point_2 {
  right: -.26042vw;
  top: -.26042vw
}

.homeowers-sec2-howtheworks .homeowers-sec2-cont_point.cont_point_3 {
  right: -.26042vw;
  bottom: -.26042vw
}

.homeowers-sec2-howtheworks .homeowers-sec2-cont_point.cont_point_4,.homeowers-sec2-howtheworks .homeowers-sec2-cont_point.cont_point_5 {
  left: -.26042vw;
  top: -.26042vw
}

.homeowers-sec2-howtheworks .homeowers-sec2-howtheworks_img {
  width: 7.39583vw;
  position: absolute;
  left: 8.4375vw;
  bottom: 9.89583vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec2-howtheworks .homeowers-sec2-howtheworks_img {
      width:12.66667vw;
      left: 9.6vw;
      bottom: 3.73333vw
  }
}

.homeowers-sec3-pv {
  position: relative;
  height: 200vh
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec3-pv {
      height:260vh
  }
}

.homeowers-sec3-pv .homeowers-sec3-container {
  position: relative;
  height: -webkit-calc(100vh - 4.89583vw);
  height: calc(100vh - 4.89583vw);
  background: url(/static/img/homeowers/homeowers2-1.jpg) no-repeat 50%;
  background-size: cover
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec3-pv .homeowers-sec3-container {
      background:url(/static/img/homeowers/homeowers2-1@mob.jpg) no-repeat 50%;
      background-size: cover
  }
}

.homeowers-sec3-pv .homeowers-sec3-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.1);
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  -webkit-filter: brightness(1);
  filter: brightness(1)
}

.homeowers-sec3-pv .homeowers-sec3-overlay.active {
  filter: brightness(.65);
  backdrop-filter: blur(10px);
  -webkit-filter: brightness(.65);
  -webkit-backdrop-filter: blur(10px)
}

.homeowers-sec3-pv .homeowers-sec3-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: absolute;
  top: 9.42708vw;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec3-pv .homeowers-sec3-text {
      display:block;
      position: static
  }
}

.homeowers-sec3-pv .homeowers-sec3-text .homeowers-sec3-textLeft {
  padding-right: 13.54167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec3-pv .homeowers-sec3-text .homeowers-sec3-textLeft,.homeowers-sec3-pv .homeowers-sec3-text .homeowers-sec3-textRight {
      padding-right:0;
      position: absolute;
      left: 13.86667vw;
      top: 50%
  }
}

.homeowers-sec3-pv .homeowers-sec3-text .homeowers-sec3-textRight .aiko-h2 {
  width: 100%
}

.homeowers-sec3-pv .homeowers-sec3-text .homeowers-sec3-textLeft,.homeowers-sec3-pv .homeowers-sec3-text .homeowers-sec3-textRight {
  opacity: 0;
  -webkit-transform: translateY(25vh);
  transform: translateY(25vh)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec3-pv .homeowers-sec3-text .homeowers-sec3-textLeft,.homeowers-sec3-pv .homeowers-sec3-text .homeowers-sec3-textRight {
      -webkit-transform:translateY(100%);
      transform: translateY(100%)
  }
}

.homeowers-sec3-pv .homeowers-sec3-text .homeowers-sec3-h1 {
  margin-bottom: 1.92708vw
}

.homeowers-sec3-pv .homeowers-sec3-text .homeowers-sec3-h3 {
  margin-bottom: 2.34375vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec3-pv .homeowers-sec3-text .aiko-h3 {
      font-size:5.06667vw;
      margin-bottom: 3.2vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec3-pv .homeowers-sec3-text .aiko-h2 {
      font-size:6.4vw;
      margin-bottom: 6.4vw;
      white-space: nowrap
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec3-pv .homeowers-sec3-text .aiko-p {
      font-size:3.2vw
  }
}

.homeowers-sec4 {
  height: 41.66667vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: url(/static/img/homeowers/romance5.jpg) no-repeat 50%;
  background-size: cover
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec4 {
      height:106.66667vw;
      background: url(/static/img/homeowers/romance5@mob.jpg) no-repeat 50%;
      background-size: cover
  }
}

.homeowers-sec4 .homeowers-sec4-btn-group {
  margin-top: 2.5vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec4 .homeowers-sec4-summary .aiko-p {
      font-size:3.2vw;
      margin-bottom: 2.66667vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec4 .homeowers-sec4-summary .aiko-h2 {
      font-size:6.4vw;
      margin-bottom: 8vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec4 .homeowers-sec4-summary .aiko-h2 .wrap {
      display:block
  }
}

.homeowers-sec5 {
  height: 41.66667vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: url(/static/img/homeowers/romance6-1.jpg) no-repeat 50%;
  background-size: cover
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec5 {
      background:#000 url(/static/img/homeowers/romance6@mob.jpg) no-repeat 0 100%;
      background-size: 100vw 81.2vw;
      height: auto;
      padding-bottom: 98vw;
      display: block
  }
}

.homeowers-sec5 .homeowers-sec5-summary {
  margin-right: 10.9375vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec5 .homeowers-sec5-summary {
      margin-right:0;
      width: 100%;
      padding: 10.4vw 5.33333vw 0
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec5 .homeowers-sec5-summary .aiko-p {
      font-size:3.2vw;
      margin-bottom: 2.66667vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec5 .homeowers-sec5-summary .aiko-h4 {
      font-size:6.4vw;
      margin-bottom: 3.2vw
  }
}

.homeowers-sec5 .homeowers-sec5-martop {
  margin-top: 3.54167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec5 .homeowers-sec5-martop {
      margin-top:0
  }
}

.homeowers-sec5 .homeowers-sec5-applist {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec5 .homeowers-sec5-applist {
      width:100%;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      margin-bottom: 6.13333vw
  }
}

.homeowers-sec5 .homeowers-sec5-applist-item {
  margin: 0 1.30208vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec5 .homeowers-sec5-applist-item {
      margin:0;
      width: 21.86667vw
  }
}

.homeowers-sec5 .homeowers-sec5-applist-icon {
  width: auto;
  height: 2.5vw;
  margin-bottom: 1.5625vw;
  display: inline-block
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec5 .homeowers-sec5-applist-icon {
      height:10.8vw
  }
}

.homeowers-sec5 .homeowers-sec5-applist-text {
  font-size: .72917vw;
  width: 9.89583vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec5 .homeowers-sec5-applist-text {
      width:100%
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec5 .homeowers-sec5-applist-text.aiko-p {
      font-size:2.13333vw
  }
}

.homeowers-sec5 .homeowers-sec5-textsize {
  font-size: .9375vw;
  width: 32.8125vw;
  display: inline-block
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec5 .homeowers-sec5-textsize.aiko-p {
      font-size:3.2vw;
      margin-bottom: 6.4vw;
      width: 100%
  }
}

.homeowers-sec6 {
  height: 41.66667vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: url(/static/img/homeowers/romance7-1.jpg) no-repeat 50%;
  background-size: cover
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec6 {
      background:url(/static/img/homeowers/romance7-1@mob.jpg) no-repeat 50%;
      background-size: cover;
      height: 106.66667vw;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec6 .homeowers-sec6-summary {
      margin-top:10.66667vw;
      width: 100%;
      padding: 0 5.33333vw
  }
}

.homeowers-sec6 .homeowers-sec6-summary .wrap {
  display: block
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec6 .homeowers-sec6-summary .wrap {
      display:inline
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec6 .homeowers-sec6-summary .wrap-mob {
      display:block
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec6 .homeowers-sec6-summary .aiko-h2 {
      font-size:6.4vw;
      margin-bottom: 3.2vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .homeowers-sec6 .homeowers-sec6-summary .aiko-p {
      font-size:3.2vw;
      margin-bottom: 8.8vw;
      width: 100%
  }
}

.homeowers-sec6 .homeowers-sec6-width {
  width: 31.25vw;
  margin: 1.82292vw auto 0
}

.homeowers-sec6 .homeowers-sec6-btn-group {
  margin-top: 1.30208vw
}

.products-sec-nav {
  z-index: 30;
  position: -webkit-sticky;
  position: sticky;
  top: 3.33333vw;
  height: 6.77083vw;
  padding-top: 2.08333vw;
  padding-bottom: .52083vw;
  background-color: #ececec
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .products-sec-nav {
      top:15.73333vw;
      height: 27.73333vw;
      padding-top: 4.8vw;
      padding-bottom: 5.33333vw
  }
}

.products-sec-nav .products-sec-nav-container {
  position: relative;
  width: 57.29167vw;
  margin: 0 auto
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .products-sec-nav .products-sec-nav-container {
      width:89.33333vw
  }
}

.products-sec-nav .products-sec-nav-container .products-sec-nav-swiper .swiper-slide {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .products-sec-nav .products-sec-nav-container .products-sec-nav-swiper .swiper-slide {
      -webkit-box-flex:0;
      -webkit-flex: 0 0 20vw;
      flex: 0 0 20vw;
      max-width: 20vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .products-sec-nav .products-sec-nav-container .products-sec-nav-swiper .swiper-slide:last-child {
      -webkit-box-flex:0;
      -webkit-flex: 0 0 25.33333vw;
      flex: 0 0 25.33333vw;
      max-width: 25.33333vw
  }
}

.products-sec-nav .products-sec-nav-container .swiper-button-next,.products-sec-nav .products-sec-nav-container .swiper-button-prev {
  display: none
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .products-sec-nav .products-sec-nav-container .swiper-button-next,.products-sec-nav .products-sec-nav-container .swiper-button-prev {
      display:block;
      top: -4.8vw;
      width: 5.33333vw;
      height: 27.73333vw;
      margin-top: 0;
      z-index: 10
  }
}

.products-sec-nav .products-sec-nav-container .swiper-button-next.swiper-button-disabled,.products-sec-nav .products-sec-nav-container .swiper-button-prev.swiper-button-disabled {
  opacity: 0
}

.products-sec-nav .products-sec-nav-container .swiper-button-next:after,.products-sec-nav .products-sec-nav-container .swiper-button-prev:after {
  display: none
}

.products-sec-nav .products-sec-nav-container .swiper-button-prev {
  left: -5.33333vw;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.products-sec-nav .products-sec-nav-container .swiper-button-next,.products-sec-nav .products-sec-nav-container .swiper-button-prev {
  background: #ececec url(/static/img/all-products/icon-swiper-arrow.svg) no-repeat .8vw/2.26667vw 2.26667vw;
  border-left: 1px solid rgba(94,94,94,.25)
}

.products-sec-nav .products-sec-nav-container .swiper-button-next {
  right: -5.33333vw
}

.products-sec-nav .products-sec-nav-item {
  display: block;
  padding-top: 3.07292vw;
  cursor: pointer;
  background: no-repeat top;
  background-size: 2vw 2vw;
  opacity: 1;
  text-align: center;
  color: #000;
  font-size: .72917vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .products-sec-nav .products-sec-nav-item {
      padding-top:13.86667vw;
      background-size: 12vw 12vw;
      font-size: 2.66667vw
  }
}

.products-sec-nav .products-sec-nav-item.products-sec-nav-item1 {
  background-image: url(/static/img/all-products/icon-all.svg)
}

.products-sec-nav .products-sec-nav-item.products-sec-nav-item2 {
  background-image: url(/static/img/all-products/icon-cell.svg)
}

.products-sec-nav .products-sec-nav-item.products-sec-nav-item3 {
  background-image: url(/static/img/all-products/icon-module.svg)
}

.products-sec-nav .products-sec-nav-item.products-sec-nav-item4 {
  background-image: url(/static/img/all-products/icon-inverters.svg)
}

.products-sec-nav .products-sec-nav-item.products-sec-nav-item5 {
  background-image: url(/static/img/all-products/icon-storage.svg)
}

.products-sec-nav .products-sec-nav-item.products-sec-nav-item6 {
  background-image: url(/static/img/all-products/icon-mountingsystem.svg)
}

@media (any-hover: hover) {
  .products-sec-nav .products-sec-nav-item:hover {
      opacity:1
  }
}

.products-sec-nav .products-sec-nav-item.active,.products-sec-nav .products-sec-nav-item:active {
  opacity: 1
}

#point-products {
  position: absolute;
  top: -20.52083vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  #point-products {
      top:-54.13333vw
  }
}

#point-solar,#point-inverter,#point-module,#point-charge,#point-mounting,#point-storage{
  position: absolute;
  top: -10.41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  #point-solar,#point-inverter,#point-module,#point-charge,#point-mounting,#point-storage {
      top:-48.8vw
  }
}

.product-bg-color {
  background-color: #f8f8f8;


  padding-bottom: 13.4375vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .product-bg-color {
      border-top:none;
      padding-top: 5.33333vw;
      padding-bottom: 16vw
  }
}

.product-container {
  width: 65.41667vw;
  margin: 0 auto
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .product-container {
      width:89.33333vw
  }
}

.product-container .product-row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.product-container .product-row .product-col {
  position: relative;
  width: 100%;
  max-width: 31.875vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 31.875vw;
  flex: 0 0 31.875vw;
  margin-bottom: 1.66667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .product-container .product-row .product-col {
      max-width:100%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      margin-bottom: 5.33333vw
  }
}

.product-title {
  position: relative;
  padding-top: 3.54167vw;
  margin-bottom: 2.5vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .product-title {
      padding-top:5.33333vw;
      margin-bottom: 5.33333vw
  }
}

.product-item {
  height: 100%;
  background-color: #fff
}

.product-item .product-item-img {
  width: 26.77083vw;
  margin: 0 auto;
  overflow: hidden
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .product-item .product-item-img {
      width:74.93333vw
  }
}

.product-item .product-item-img img {
  display: block
}

.product-item .product-item-summary {
  padding: .52083vw 1.66667vw 2.08333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .product-item .product-item-summary {
      padding:.66667vw 4.26667vw 4.26667vw
  }
}

.product-item .product-item-summary .product-item-tags {
  padding-bottom: .52083vw;
  font-size: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .product-item .product-item-summary .product-item-tags {
      padding-bottom:.66667vw
  }
}

.product-item .product-item-summary .product-item-tags .product-item-tag {
  display: inline-block;
  min-width: 4.01042vw;
  margin: .26042vw 0;
  padding: .3125vw .52083vw;
  background-color: #007f68;
  font-size: .625vw;
  font-family: OPPOSans-Bold;
  color: #fff;
  text-align: center;
  line-height: 1
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .product-item .product-item-summary .product-item-tags .product-item-tag {
      min-width:14.4vw;
      margin: .66667vw 0;
      padding: 1.06667vw 1.73333vw;
      font-size: 2.13333vw
  }
}

.product-item .product-item-summary .product-item-tags .product-item-tag+.product-item-tag {
  margin-left: .67708vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .product-item .product-item-summary .product-item-tags .product-item-tag+.product-item-tag {
      margin-left:2.13333vw
  }
}

.product-item .product-item-summary .product-item-title {
  padding-top: .52083vw;
  font-size: 1.25vw;
  font-family: OPPOSans-Bold;
  color: #000;
  line-height: 1.125
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .product-item .product-item-summary .product-item-title {
      padding-top:1.33333vw;
      font-size: 4.26667vw;
      color: #000;
      line-height: 1.18519
  }
}

.product-item .product-item-summary .product-item-desc {
  padding-bottom: .625vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .product-item .product-item-summary .product-item-desc {
      padding-bottom:1.6vw;
      font-size: 2.66667vw;
      line-height: 1.4
  }
}

.product-item .product-item-summary .product-item-btn-group {
  padding-top: .625vw;
  line-height: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .product-item .product-item-summary .product-item-btn-group {
      padding-top:1.6vw
  }
}

.product-item .product-item-summary .product-item-btn-group .product-item-btn {
  vertical-align: top;
  display: inline-block;
  padding-right: .9375vw;
  font-size: .625vw;
  color: rgba(0,0,0,.8);
  line-height: 1.33333;

  background-size: .41667vw .41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .product-item .product-item-summary .product-item-btn-group .product-item-btn {
      padding-right:3.46667vw;
      font-size: 2.66667vw;
      line-height: 1.3;
      background-size: 1.86667vw 1.86667vw
  }
}

.customers-sec1-product {
  height: 200vh
}

.customers-sec1-product .customers-sec1-product-cell {
  width: 100%;
  height: -webkit-calc(100vh - 4.89583vw);
  height: calc(100vh - 4.89583vw);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: url(/static/img/customers/module1.jpg) no-repeat 50%;
  background-size: cover
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .customers-sec1-product .customers-sec1-product-cell {
      height:-webkit-calc(100vh - 15.73333vw);
      height: calc(100vh - 15.73333vw);
      background-image: url(/static/img/customers/module1-m@2x.jpg)
  }
}

.customers-sec1-product .customers-sec1-product-cell .customers-sec1-product-cell-texts {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  text-align: center;
  -webkit-transition: top .5s cubic-bezier(0,.6,.3,1);
  transition: top .5s cubic-bezier(0,.6,.3,1)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .customers-sec1-product .customers-sec1-product-cell .customers-sec1-product-cell-texts {
      top:30%;
      width: 89.33333vw
  }
}

.customers-sec1-product .customers-sec1-product-cell .customers-sec1-product-cell-texts .aiko-p {
  color: hsla(0,0%,100%,.8)
}

.customers-sec1-product .customers-sec1-product-cell .customers-sec1-product-coverblack {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.6);
  position: relative;
  opacity: 0
}

.customers-sec1-product .customers-sec1-product-cell .customers-sec1-product-sixelements {
  width: 73.69792vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .customers-sec1-product .customers-sec1-product-cell .customers-sec1-product-sixelements {
      width:89.33333vw
  }
}

.customers-sec1-product .customers-sec1-product-cell .customers-sec1-product-sixelements .customers-sec1-product-sixelements-cores {
  width: 34.375vw;
  border-top: 2px solid hsla(0,0%,100%,.4);
  padding-top: 2.60417vw;
  padding-right: 6.77083vw;
  margin-top: 2.60417vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .customers-sec1-product .customers-sec1-product-cell .customers-sec1-product-sixelements .customers-sec1-product-sixelements-cores {
      width:89.33333vw;
      border-top: 1px solid hsla(0,0%,100%,.4);
      padding-top: 7.46667vw;
      padding-right: 0;
      margin-top: 7.46667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .customers-sec1-product .customers-sec1-product-cell .customers-sec1-product-sixelements .customers-sec1-product-sixelements-cores {
      padding-top:2.66667vw;
      margin-top: 2.66667vw
  }
}

.customers-sec1-product .customers-sec1-product-cell .customers-sec1-product-sixelements :first-child,.customers-sec1-product .customers-sec1-product-cell .customers-sec1-product-sixelements :nth-child(2) {
  margin-top: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .customers-sec1-product .customers-sec1-product-cell .customers-sec1-product-sixelements :nth-child(2) {
      margin-top:7.46667vw
  }
}

@media (min-width: 640px) and (max-width:1200px) and (max-aspect-ratio:1/1) {
  .customers-sec1-product .customers-sec1-product-cell .customers-sec1-product-sixelements :nth-child(2) {
      margin-top:2.66667vw
  }
}

.customers-sec2 {
  background-color: #f8f8f8;
  padding-top: 4.27083vw;
  padding-bottom: 8.75vw;
  background-size: cover
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .customers-sec2 {
      padding-top:8vw;
      padding-bottom: 9.06667vw
  }
}

.customers-sec4-customized {
  position: relative;
  height: 41.66667vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: url(/static/img/customers/module4.jpg) no-repeat 50%;
  background-size: cover
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .customers-sec4-customized {
      padding-bottom:34.66667vw;
      height: 106.66667vw;
      background-image: url(/static/img/customers/module4-m@2x.jpg)
  }
}

.customers-sec4-customized .customers-sec4-customized-texts {
  width: 90.625vw;
  text-align: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .customers-sec4-customized .customers-sec4-customized-texts {
      width:89.33333vw
  }
}

.customers-sec4-customized .customers-sec4-customized-texts .customers-sec4-cell-texts-intru {
  margin: .52083vw auto 2.60417vw;
  color: hsla(0,0%,100%,.8)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .customers-sec4-customized .customers-sec4-customized-texts .customers-sec4-cell-texts-intru {
      margin-bottom:8.8vw
  }
}

.businessowers-sec1 {
  height: -webkit-calc(100vh - 4.89583vw);
  height: calc(100vh - 4.89583vw);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: url(/static/img/businessowers/cl1.jpg) no-repeat 50%;
  background-size: cover
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec1 {
      background:none;
      display: block;
      position: relative;
      height: -webkit-calc(100vh - 15.73333vw);
      height: calc(100vh - 15.73333vw);
      background: url(/static/img/businessowers/cl1@mob.jpg) no-repeat 50%;
      background-size: cover
  }
}

.businessowers-sec1 .businessowers-sec1-btn-group {
  margin-top: 2.5vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec1 .businessowers-sec1-btn-group {
      margin-top:6.4vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec1 .businessowers-sec1-summary {
      position:absolute;
      top: 18.66667vw;
      left: 50%;
      -webkit-transform: translate(-50%);
      transform: translate(-50%);
      width: 100%;
      padding: 0 5.33333vw
  }
}

.businessowers-sec1 .opacity-aosbug {
  color: hsla(0,0%,100%,.8)
}

.businessowers-sec2 {
  padding: 6.5625vw 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f8f8f8
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec2 {
      padding:16.8vw 5.33333vw
  }
}

.businessowers-sec2 .businessowers-sec2-list {
  margin-top: 6.5625vw;
  width: 63.95833vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec2 .businessowers-sec2-list {
      margin-top:14.66667vw;
      width: 100%
  }
}

.businessowers-sec2 .businessowers-sec2-item {
  width: 15.36458vw;
  height: 15.3125vw;
  margin-right: .83333vw;
  background-color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec2 .businessowers-sec2-item {
      width:43.86667vw;
      height: 43.73333vw;
      margin-right: 1.6vw;
      margin-top: 1.6vw;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-align-content: center;
      align-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      flex-direction: column
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec2 .businessowers-sec2-item p {
      min-height:6.66667vw
  }
}

.businessowers-sec2 .businessowers-sec2-item:nth-child(4n) {
  margin-right: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec2 .businessowers-sec2-item:nth-child(2n) {
      margin-right:0
  }
}

.businessowers-sec2 .businessowers-sec2-item-icon {
  display: block;
  margin: 3.125vw auto 0;
  height: 4.21875vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec2 .businessowers-sec2-item-icon {
      width:12vw;
      height: auto;
      margin: 0
  }
}

.businessowers-sec2 .businessowers-sec2-item-text {
  margin-top: 1.97917vw;
  width: 10.9375vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec2 .businessowers-sec2-item-text {
      margin-top:4.66667vw;
      width: 29.33333vw;
      font-family: OPPOSans-Bold
  }
}

.businessowers-sec3 {
  position: relative
}

.businessowers-sec3 .businessowers-sec3-tab-show {
  position: relative;
  height: 100%;
  z-index: 1
}

.businessowers-sec3 .businessowers-sec3-tab-item {
  position: relative;
  z-index: 1;
  height: 41.66667vw;
  display: none
}

.businessowers-sec3 .businessowers-sec3-tab-item.active {
  display: block
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec3 .businessowers-sec3-tab-item {
      height:auto
  }
}

.businessowers-sec3 .businessowers-sec3-summary {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 3.64583vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec3 .businessowers-sec3-summary {
      top:15.6vw
  }
}

.businessowers-sec3 .businessowers-sec3-btn-group {
  margin-top: 4.16667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec3 .businessowers-sec3-btn-group {
      margin-top:5.33333vw
  }
}

.businessowers-sec3 .businessowers-sec3-aikoWidth {
  width: 57.29167vw;
  margin: 0 auto
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec3 .businessowers-sec3-aikoWidth {
      width:89.33333vw
  }
}

.businessowers-sec3 .businessowers-sec3-bg {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1
}

.businessowers-sec3 .businessowers-sec3-tab-btn {
  position: absolute;
  z-index: 4;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 4.16667vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid hsla(0,0%,100%,.4)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec3 .businessowers-sec3-tab-btn {
      bottom:10.66667vw;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between
  }
}

.businessowers-sec3 .businessowers-sec3-tab-btn-item {
  padding: 0 .52083vw 1.30208vw;
  margin-right: 4.16667vw;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec3 .businessowers-sec3-tab-btn-item {
      margin-right:10.66667vw;
      padding-bottom: 3.2vw
  }
}

.businessowers-sec3 .businessowers-sec3-tab-btn-item .businessowers-sec3-tab-alink {
  font-size: 1.04167vw;
  color: #fff;
  opacity: .6
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec3 .businessowers-sec3-tab-btn-item .businessowers-sec3-tab-alink {
      font-size:2.66667vw;
      white-space: nowrap
  }
}

.businessowers-sec3 .businessowers-sec3-tab-btn-item:last-child {
  margin-right: 0
}

.businessowers-sec3 .businessowers-sec3-tab-btn-item.active .businessowers-sec3-tab-alink {
  opacity: 1;
  font-weight: 700
}

.businessowers-sec3 .businessowers-sec3-tab-btn-item.active:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #007f68;
  position: absolute;
  bottom: -1px;
  left: 0
}

.businessowers-sec4 {
  padding-top: 5.20833vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec4 {
      padding-top:16vw
  }
}

.businessowers-sec4 .businessowers-sec4-btn-group {
  margin-top: 2.5vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec4 .businessowers-sec4-btn-group {
      margin-top:6.4vw
  }
}

.businessowers-sec4 .businessowers-sec4-list {
  margin-top: 3.64583vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec4 .businessowers-sec4-list {
      margin-top:8vw;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      flex-direction: column;
      padding: 0 5.33333vw
  }
}

.businessowers-sec4 .businessowers-sec4-item {
  width: 32.8125vw;
  height: 24.58333vw;
  position: relative;
  overflow: hidden
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec4 .businessowers-sec4-item {
      width:100%;
      height: auto;
      margin-bottom: 1.6vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec4 .businessowers-sec4-item:nth-child(3) {
      margin-bottom:0
  }
}

.businessowers-sec4 .businessowers-sec4-item img {
  display: block
}

.businessowers-sec4 .businessowers-sec4-itembg {
  width: 100%;
  position: relative;
  z-index: 1;
  -webkit-transition: all .3s;
  transition: all .3s
}

.businessowers-sec4 .businessowers-sec4-item:hover .businessowers-sec4-itembg {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec4 .businessowers-sec4-item:hover .businessowers-sec4-itembg {
      -webkit-transform:scale(1);
      transform: scale(1)
  }
}

.businessowers-sec4 .businessowers-sec4-text {
  position: absolute;
  z-index: 4;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.5);
  width: 100%;
  height: 5.52083vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec4 .businessowers-sec4-text {
      height:auto;
      display: block
  }
}

.businessowers-sec4 .businessowers-sec4-p {
  width: -webkit-calc(100% - 4.16667vw);
  width: calc(100% - 4.16667vw)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec4 .businessowers-sec4-p {
      width:100%;
      font-size: 4.26667vw;
      padding: 5.33333vw 6.66667vw
  }
}

.businessowers-sec5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec5 {
      display:-webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      flex-direction: column-reverse;
      background-color: #000
  }
}

.businessowers-sec5 img {
  display: block
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec5 img.businessowers-sec5-bg {
      margin-top:-17.33333vw
  }
}

.businessowers-sec5 .businessowers-sec5-summary {
  position: absolute;
  top: 50%;
  right: 10.9375vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec5 .businessowers-sec5-summary {
      position:relative;
      top: auto;
      right: auto;
      -webkit-transform: translate(0);
      transform: translate(0);
      margin-top: 21.33333vw
  }
}

.businessowers-sec5 .businessowers-sec5-martop {
  margin-top: 3.54167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec5 .businessowers-sec5-martop {
      margin-top:6.4vw
  }
}

.businessowers-sec5 .businessowers-sec5-applist {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec5 .businessowers-sec5-applist {
      margin-top:10.66667vw;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding: 0 5.33333vw
  }
}

.businessowers-sec5 .businessowers-sec5-applist-item {
  margin: 0 1.30208vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec5 .businessowers-sec5-applist-item {
      display:-webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      margin: 0
  }
}

.businessowers-sec5 .businessowers-sec5-applist-icon {
  width: 4.16667vw;
  margin-bottom: 1.5625vw;
  display: inline-block
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec5 .businessowers-sec5-applist-icon {
      width:14.66667vw;
      margin-bottom: 4vw
  }
}

.businessowers-sec5 .businessowers-sec5-applist-text {
  font-size: .72917vw;
  width: 9.89583vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec5 .businessowers-sec5-applist-text {
      font-size:2.13333vw;
      width: 25.33333vw
  }
}

.businessowers-sec5 .businessowers-sec5-textsize {
  font-size: .9375vw;
  width: 35.9375vw;
  display: inline-block
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec5 .businessowers-sec5-textsize {
      font-size:3.2vw;
      width: 78.66667vw
  }
}

.businessowers-sec6 {
  padding-top: 5.20833vw;
  padding-bottom: 3.33333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec6 {
      padding-top:16vw;
      padding-bottom: 12vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec6 .businessowers-sec6-summary {
      width:100%;
      padding: 0 5.33333vw
  }
}

.businessowers-sec6 .businessowers-sec6-summary h2,.businessowers-sec6 .businessowers-sec6-summary p {
  width: 100%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec6 .businessowers-sec6-summary .aiko-p-bottom {
      margin-bottom:2.93333vw
  }
}

.businessowers-sec6 .businessowers-sec6-btn-group {
  margin-top: 2.5vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec6 .businessowers-sec6-btn-group {
      margin-top:6.4vw
  }
}

.businessowers-sec6 .businessowers-sec6-box {
  width: 81.25vw;
  margin: 4.6875vw auto 0;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec6 .businessowers-sec6-box {
      margin-top:13.33333vw;
      width: 89.33333vw
  }
}

.businessowers-sec6 .businessowers-sec6-boxbg {
  width: 100%;
  position: relative;
  z-index: 1;
  display: block
}

.businessowers-sec6 .businessowers-sec6-option {
  position: absolute;
  bottom: 3.125vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec6 .businessowers-sec6-option {
      bottom:13.33333vw
  }
}

.businessowers-sec6 .businessowers-sec6-option-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

.businessowers-sec6 .businessowers-sec6-option-split {
  width: 1px;
  height: 2.44792vw;
  margin: 0 2.34375vw
}

.businessowers-sec6 .businessowers-sec6-option-p {
  white-space: nowrap
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec6 .businessowers-sec6-option-p {
      font-size:2.13333vw;
      margin-right: .66667vw
  }
}

.businessowers-sec6 .businessowers-sec6-option-txt {
  font-size: 1.5625vw;
  white-space: nowrap;
  font-weight: 700;
  margin-left: .52083vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec6 .businessowers-sec6-option-txt {
      font-size:3.2vw;
      margin-left: .66667vw
  }
}

.businessowers-sec6 .businessowers-sec6-pwidth {
  width: 57.29167vw;
  display: inline-block
}

.businessowers-sec7 {
  position: relative
}

.businessowers-sec7 img {
  display: block
}

.businessowers-sec7 .businessowers-sec7-summary {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec7 .businessowers-sec7-summary {
      width:100%;
      padding: 0 5.33333vw;
      top: 10.66667vw;
      left: 50%;
      -webkit-transform: translate(-50%);
      transform: translate(-50%)
  }
}

.businessowers-sec7 .businessowers-sec7-width {
  width: 31.25vw;
  margin: 1.82292vw auto 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec7 .businessowers-sec7-width {
      width:100%
  }
}

.businessowers-sec7 .businessowers-sec7-btn-group {
  margin-top: 1.30208vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .businessowers-sec7 .businessowers-sec7-btn-group {
      margin-top:6.4vw
  }
}

.aiko-p-bottom {
  margin-bottom: .52083vw
}

.distributors-sec1-kv {
  position: relative
}

.distributors-sec1-kv .distributors-sec1-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec1-kv .distributors-sec1-text {
      top:29%;
      width: 100%
  }
}

.distributors-sec1-kv .distributors-sec1-h1 {
  margin-bottom: 2.70833vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec1-kv .distributors-sec1-h1 {
      margin-bottom:6.4vw
  }
}

.distributors-sec1-kv img,.distributors-sec2-building img {
  display: block
}

.distributors-sec2-building .distributors-sec2-h2 {
  padding-top: 5.20833vw;
  margin-bottom: 5.46875vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec2-building .distributors-sec2-h2 {
      padding-top:21.86667vw;
      margin-bottom: 11.73333vw
  }
}

.distributors-sec2-building .distributors-sec2-introduceCards {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: no-wrap;
  flex-wrap: no-wrap
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec2-building .distributors-sec2-introduceCards {
      display:block;
      margin-bottom: 1.6vw
  }
}

.distributors-sec2-building .distributors-sec2-introduceCards .distributors-sec2-cardMulti {
  position: relative;
  width: 49.58333vw;
  margin-right: .83333vw;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec2-building .distributors-sec2-introduceCards .distributors-sec2-cardMulti {
      width:100%;
      margin-right: 0
  }
}

.distributors-sec2-building .distributors-sec2-introduceCards .distributors-sec2-cardResidential {
  position: relative;
  width: 49.58333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec2-building .distributors-sec2-introduceCards .distributors-sec2-cardResidential {
      width:100%
  }
}

.distributors-sec2-building .distributors-sec2-introduceCards .distributors-sec2-cardMulti-text,.distributors-sec2-building .distributors-sec2-introduceCards .distributors-sec2-cardResidential-text {
  position: absolute;
  top: 4.32292vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec2-building .distributors-sec2-introduceCards .distributors-sec2-cardMulti-text,.distributors-sec2-building .distributors-sec2-introduceCards .distributors-sec2-cardResidential-text {
      top:11.73333vw;
      width: 100%;
      padding: 0 5.33333vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec2-building .distributors-sec2-introduceCards .distributors-sec2-cardMulti-text {
      padding:0
  }
}

.distributors-sec2-building .distributors-sec2-introduceCards .distribution-sec2-cardMulti-p,.distributors-sec2-building .distributors-sec2-introduceCards .distributors-sec2-cardResidential-p {
  margin-bottom: 1.61458vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec2-building .distributors-sec2-introduceCards .distribution-sec2-cardMulti-p,.distributors-sec2-building .distributors-sec2-introduceCards .distributors-sec2-cardResidential-p {
      margin-bottom:6.4vw;
      font-size: 3.2vw
  }
}

.distributors-sec2-building .distributors-sec2-cardAllproducts {
  position: relative;
  overflow: hidden
}

.distributors-sec2-building .distributors-sec2-cardAllproducts .distribution-sec2-video {
  display: block;
  height: 41.66667vw;
  width: 100%;
  object-fit: cover
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec2-building .distributors-sec2-cardAllproducts .distribution-sec2-video {
      height:-webkit-calc(100vh - 15.73333vw);
      height: calc(100vh - 15.73333vw)
  }
}

.distributors-sec2-building .distributors-sec2-cardAllproducts .distributors-sec2-cardAllproducts-text {
  z-index: 5;
  position: absolute;
  top: 4.16667vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec2-building .distributors-sec2-cardAllproducts .distributors-sec2-cardAllproducts-text {
      top:16vw;
      width: 100%;
      padding: 0 5.33333vw
  }
}

.distributors-sec2-building .distributors-sec2-cardAllproducts .distributors-sec2-cardAllproducts-h2 {
  margin-bottom: 1.35417vw
}

.distributors-sec2-building .distributors-sec2-cardAllproducts .distributors-sec2-cardAllproducts {
  width: 100%
}

.distributors-sec2-building .distributors-sec2-cardAllproducts .distributors-sec2-cardAllproducts-p {
  margin-bottom: 2.34375vw;
  width: 47.70833vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec2-building .distributors-sec2-cardAllproducts .distributors-sec2-cardAllproducts-p {
      margin-bottom:6.4vw;
      width: 100%
  }
}

.distributors-sec3-promise {
  height: 400vh;
  position: relative
}

.distributors-sec3-promise img {
  display: block
}

.distributors-sec3-promise .distributors-sec3-container {
  background: url(/static/img/distributors/distributors4.jpg) no-repeat 50%;
  background-size: cover;
  height: -webkit-calc(100vh - 4.89583vw);
  height: calc(100vh - 4.89583vw)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec3-promise .distributors-sec3-container {
      background:url(/static/img/distributors/distributors4@mob.jpg) no-repeat 50%;
      background-size: cover
  }
}

.distributors-sec3-promise .distributors-sec3-promise-h1 {
  position: absolute;
  top: 50%;
  opacity: 1;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec3-promise .distributors-sec3-promise-h1 {
      width:100%
  }
}

.distributors-sec3-promise .distributors-sec3-benefits,.distributors-sec3-promise .distributors-sec3-incentives {
  position: absolute;
  width: 60.83333vw;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec3-promise .distributors-sec3-benefits,.distributors-sec3-promise .distributors-sec3-incentives {
      width:100%
  }
}

.distributors-sec3-promise .distributors-sec3-benefits .distributors-sec3-benefits-p,.distributors-sec3-promise .distributors-sec3-benefits .distributors-sec3-benefits-textH2,.distributors-sec3-promise .distributors-sec3-benefits .distributors-sec3-incentives-h2,.distributors-sec3-promise .distributors-sec3-benefits .distributors-sec3-incentives-p,.distributors-sec3-promise .distributors-sec3-incentives .distributors-sec3-benefits-p,.distributors-sec3-promise .distributors-sec3-incentives .distributors-sec3-benefits-textH2,.distributors-sec3-promise .distributors-sec3-incentives .distributors-sec3-incentives-h2,.distributors-sec3-promise .distributors-sec3-incentives .distributors-sec3-incentives-p {
  opacity: 0
}

.distributors-sec3-promise .distributors-sec3-benefits .distributors-sec3-benefits-p,.distributors-sec3-promise .distributors-sec3-benefits .distributors-sec3-incentives-p,.distributors-sec3-promise .distributors-sec3-incentives .distributors-sec3-benefits-p,.distributors-sec3-promise .distributors-sec3-incentives .distributors-sec3-incentives-p {
  margin-bottom: 2.03125vw
}

.distributors-sec3-promise .distributors-sec3-classifications {
  position: absolute;
  width: 60.83333vw;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec3-promise .distributors-sec3-classifications {
      width:100%
  }
}

.distributors-sec3-promise .distributors-sec3-classifications .distributors-sec3-classifications-h2 {
  margin-bottom: 1.04167vw;
  opacity: 0
}

.distributors-sec3-promise .distributors-sec3-classifications .distributors-sec3-classText-h4A,.distributors-sec3-promise .distributors-sec3-classifications .distributors-sec3-classText-h4G,.distributors-sec3-promise .distributors-sec3-classifications .distributors-sec3-classText-h4S {
  opacity: 0
}

.distributors-sec3-promise .distributors-sec3-overlay {
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  -webkit-filter: brightness(1);
  filter: brightness(1);
  height: -webkit-calc(100vh - 4.89583vw);
  height: calc(100vh - 4.89583vw);
  background-color: rgba(0,0,0,.3)
}

.distributors-sec5-becoming {
  padding: 6.25vw 0;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec5-becoming {
      padding:16vw 0 8.53333vw
  }
}

.distributors-sec5-becoming img {
  display: block
}

.distributors-sec5-becoming .distributors-sec5-h2 {
  margin-left: 9.375vw;
  margin-bottom: 5.10417vw;
  width: 44.01042vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec5-becoming .distributors-sec5-h2 {
      margin-left:5.33333vw;
      width: 89.33333vw
  }
}

.distributors-sec5-becoming .distributors-sec5-card {
  width: 81.25vw;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background-color: #f8f8f8
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec5-becoming .distributors-sec5-card {
      display:block;
      width: 89.33333vw
  }
}

.distributors-sec5-becoming .distributors-sec5-card .distributors-sec5-cardImg {
  width: 49.0625vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec5-becoming .distributors-sec5-card .distributors-sec5-cardImg {
      width:100%
  }
}

.distributors-sec5-becoming .distributors-sec5-card .distributors-sec5-cardList {
  padding-left: 2.60417vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec5-becoming .distributors-sec5-card .distributors-sec5-cardList {
      padding:0 2.93333vw 5.06667vw 4.4vw
  }
}

.distributors-sec5-becoming .distributors-sec5-card .distributors-sec5-cardText {
  margin-bottom: 1.71875vw;
  width: 24.42708vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec5-becoming .distributors-sec5-card .distributors-sec5-cardText {
      width:100%
  }
}

.distributors-sec5-becoming .distributors-sec5-card .distributors-sec5-cardText:last-child .distributors-sec5-cardContent {
  margin-bottom: 0
}

.distributors-sec5-becoming .distributors-sec5-card .distributors-sec5-cardText-container {
  max-height: 26.04167vw;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 2.34375vw 0;
  width: 28.64583vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec5-becoming .distributors-sec5-card .distributors-sec5-cardText-container {
      width:100%;
      margin: 5.33333vw 0;
      max-height: 88vw
  }
}

.distributors-sec5-becoming .distributors-sec5-card .distributors-sec5-cardTitle {
  margin-bottom: 1.04167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec5-becoming .distributors-sec5-card .distributors-sec5-cardTitle {
      font-size:4.26667vw;
      margin-bottom: 3.2vw
  }
}

.distributors-sec5-becoming .distributors-sec5-card .select2-results {
  scrollbar-width: thin
}

.distributors-sec5-becoming .distributors-sec5-card .select2-results::-webkit-scrollbar {
  width: 2px;
  background-color: #efefef
}

.distributors-sec5-becoming .distributors-sec5-card .select2-results::-webkit-scrollbar-thumb {
  background-color: #9d9d9d
}

.distributors-sec5-becoming .distributors-sec5-card .distributors-sec5-cardContent {
  color: #666
}

.distributors-sec5-becoming .distributors-sec5-card .distributors-sec5-cardContent :before {
  content: "- "
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec5-becoming .distributors-sec5-card .distributors-sec5-cardContent {
      font-size:2.66667vw;
      margin-bottom: 5.33333vw
  }
}

.distributors-sec6-work {
  position: relative
}

.distributors-sec6-work img {
  display: block
}

.distributors-sec6-work .distributors-sec6-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec6-work .distributors-sec6-container {
      width:100%;
      top: 18.66667vw;
      padding: 0 5.33333vw;
      -webkit-transform: translate(-50%);
      transform: translate(-50%)
  }
}

.distributors-sec6-work .distributors-sec6-container .distributors-sec6-h2 {
  margin-bottom: .52083vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec6-work .distributors-sec6-container .distributors-sec6-h2 {
      margin-bottom:3.2vw
  }
}

.distributors-sec6-work .distributors-sec6-container .distributors-sec6-p {
  margin-bottom: 2.39583vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .distributors-sec6-work .distributors-sec6-container .distributors-sec6-p {
      margin-bottom:6.4vw
  }
}

.about-milestones-sec1-romance {
  height: 500vh
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec1-romance {
      height:300vh
  }
}

.about-milestones-sec1-romance .romance_under {
  position: absolute;
  z-index: 50;
  width: 100%;
  height: -webkit-calc(100vh - 4.89583vw);
  height: calc(100vh - 4.89583vw);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: url(/static/img/about-us/about-us-01.jpg) no-repeat 50%;
  background-size: cover
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec1-romance .romance_under {
      width:100%;
      height: -webkit-calc(100vh - 15.73333vw);
      height: calc(100vh - 15.73333vw);
      -webkit-box-align: self-start;
      -webkit-align-items: self-start;
      align-items: self-start;
      background: url(/static/img/about-us/about-us-01@mob.jpg) no-repeat 50%;
      background-size: cover;
      padding: 30.66667vw 9.33333vw 0;
      margin: 0 auto;
      text-align: center
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .about-milestones-sec1-romance .romance_under {
      padding-top:20vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .about-milestones-sec1-romance .romance_under {
      padding-top:20vw
  }
}

.about-milestones-sec1-romance .romance_filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.1);
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  -webkit-filter: brightness(1);
  filter: brightness(1);
  z-index: 10;
  opacity: 0
}

.about-milestones-sec1-romance .romance_filter.active {
  filter: brightness(.65);
  backdrop-filter: blur(10px);
  -webkit-filter: brightness(.65);
  -webkit-backdrop-filter: blur(10px)
}

.about-milestones-sec1-romance .under_piece {
  width: 59.89583vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec1-romance .under_piece {
      width:100%
  }
}

.about-milestones-sec1-romance .under_btn_space {
  margin-top: 2.5vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec1-romance .under_btn_space {
      margin-top:5.6vw
  }
}

.about-milestones-sec1-romance .romance_boost {
  height: -webkit-calc(100vh - 4.89583vw);
  height: calc(100vh - 4.89583vw);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  z-index: 20
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec1-romance .romance_boost {
      height:-webkit-calc(100vh - 15.73333vw);
      height: calc(100vh - 15.73333vw)
  }
}

.about-milestones-sec1-romance .romance_boost .boost_piece_texts {
  width: 100%;
  position: absolute;
  top: 5.20833vw;
  opacity: 0
}

.about-milestones-sec1-romance .romance_boost .boost_piece_numbers {
  width: 57.96875vw;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: .83333vw;
  opacity: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec1-romance .romance_boost .boost_piece_numbers {
      -webkit-flex-wrap:wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec1-romance .romance_boost .boost_piece_numbers .boost_piece_number {
      width:100%;
      padding: 0 5.33333vw;
      margin-bottom: 15.33333vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .about-milestones-sec1-romance .romance_boost .boost_piece_numbers .boost_piece_number {
      padding:0;
      margin-bottom: 6.66667vw
  }

  .about-milestones-sec1-romance .romance_boost .boost_piece_numbers .boost_piece_number .aiko-h2 {
      font-size: 4.26667vw
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .about-milestones-sec1-romance .romance_boost .boost_piece_numbers .boost_piece_number {
      padding:0;
      margin-bottom: 6.66667vw
  }

  .about-milestones-sec1-romance .romance_boost .boost_piece_numbers .boost_piece_number .aiko-h2 {
      font-size: 4.26667vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec1-romance .romance_boost .boost_piece_numbers .boost_piece_number:last-child {
      margin-bottom:0
  }
}

.about-milestones-sec1-romance .romance_boost .boost_piece_values {
  width: 100%;
  position: absolute;
  top: 6.25vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec1-romance .romance_boost .boost_piece_values {
      width:80%;
      margin: 0 auto;
      top: 17.33333vw
  }
}

.about-milestones-sec1-romance .romance_boost .boost_piece_values .aiko-h3 {
  margin-bottom: 8.75vw;
  width: 100%;
  opacity: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec1-romance .romance_boost .boost_piece_values .aiko-h3 {
      margin-bottom:28vw
  }
}

.about-milestones-sec1-romance .romance_boost .boost_piece_values .boost_piece_values-text {
  opacity: 0
}

.about-milestones-sec1-romance .romance_boost .boost_piece_values .boost_piece_values_tit {
  width: 100%;
  font-size: 2.9vw;
  font-weight: 700;
  color: #fff;
  margin-bottom: 1.66667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec1-romance .romance_boost .boost_piece_values .boost_piece_values_tit {
      font-size:4.26667vw;
      margin-bottom: 5.33333vw
  }
}

.about-milestones-sec1-romance .romance_boost .boost_piece_values .aiko-h4 {
  opacity: .6
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec1-romance .romance_boost .boost_piece_values .aiko-h4 {
      opacity:1;
      font-size: 4.26667vw;
      margin-bottom: 5.33333vw
  }
}

.about-milestones-sec1-romance .romance_boost .boost_piece_values .boost_piece_values_customer {
  width: 100%;
  font-size: 1.45833vw;
  font-weight: 700;
  color: #fff;
  margin-top: 1.45833vw;
  opacity: .3
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec1-romance .romance_boost .boost_piece_values .boost_piece_values_customer {
      font-size:3.2vw;
      font-size: 4.26667vw;
      width: 100%;
      margin: 0 auto;
      opacity: 1
  }
}

.about-milestones-sec2 {
  width: 100%;
  margin-top: .83333vw;
  margin-bottom: 6.25vw
}

.about-milestones-sec2 .about-milestones-sec2-containe {
  width: 100%;
  background: #f8f8f8;
  padding-bottom: 6.25vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec2 .about-milestones-sec2-containe {
      padding-bottom:11.73333vw
  }
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-top {
  width: 54.375vw;
  padding-top: 6.25vw;
  margin: 0 auto 3.125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec2 .about-milestones-sec2-containe .about-top {
      width:100%;
      padding: 8.53333vw 5.33333vw 0;
      margin: 0 auto 5.33333vw
  }
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-top .aiko-h4 {
  margin-bottom: 0
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom {
  width: 100%;
  position: relative
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper {
  width: 54.375vw;
  height: 100%;
  cursor: pointer;
  height: 42.86458vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper {
      width:100%;
      padding: 0 5.33333vw;
      height: 113.6vw
  }
}

@media screen and (min-width: 665px) and (max-width:745px) and (min-height:670px) and (max-height:780px) and (max-aspect-ratio:1/1) {
  .about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper {
      padding:0;
      width: 80%;
      margin: 0 auto
  }
}

@media screen and (min-height: 665px) and (max-height:745px) and (min-width:670px) and (max-width:780px) and (min-aspect-ratio:1/1) {
  .about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper {
      padding:0;
      width: 80%;
      margin: 0 auto
  }
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination {
  right: 3.64583vw;
  width: 4.16667vw;
  top: 16.38333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination {
      display:none
  }
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span {
  position: relative;
  width: 100%;
  background: none!important;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 3.4375vw;
  border-radius: 0;
  border-right: .05208vw solid rgba(0,0,0,.1);
  opacity: 1
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:before {
  display: block;
  content: "";
  position: absolute;
  width: 2.86458vw;
  left: 0;
  top: 0;
  font-size: .9375vw;
  color: #000;
  opacity: .1!important
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:after {
  display: block;
  content: "";
  position: absolute;
  width: 1.61458vw;
  height: 1.61458vw;
  background: url(/static/img/about-us/icon-grey-2-1.svg) no-repeat 50%;
  background-size: 100%;
  right: -.83333vw;
  top: 0
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span.swiper-pagination-bullet-active {
  opacity: 1
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span.swiper-pagination-bullet-active:before {
  opacity: 1!important;
  color: #007f68;
  -webkit-transform: scale(1.7);
  transform: scale(1.7);
  margin-left: -.83333vw
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span.swiper-pagination-bullet-active:after {
  width: 1.71875vw;
  height: 1.71875vw;
  background: url(/static/img/about-us/icon-grey-2-2.svg) no-repeat 0;
  background-size: 100%;
  right: -.88542vw
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:first-child {
  padding-bottom: 2.68229vw
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:first-child:before {
  content: "2009";
  opacity: .1;
  top: -.54688vw
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:first-child:after {
  top: -.625vw
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:nth-child(2):before {
  content: "2010";
  opacity: .1
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:nth-child(3):before {
  content: "2011";
  opacity: .1
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:nth-child(4):before {
  content: "2012";
  opacity: .1
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:nth-child(5):before {
  content: "2014";
  opacity: .1
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:nth-child(6):before {
  content: "2015";
  opacity: .1
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:nth-child(7):before {
  content: "2016";
  opacity: .1
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:nth-child(8):before {
  content: "2017";
  opacity: .1
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:nth-child(9):before {
  content: "2018";
  opacity: .1
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:nth-child(10):before {
  content: "2019";
  opacity: .1
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:nth-child(11):before {
  content: "2020";
  opacity: .1
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:nth-child(12):before {
  content: "2021";
  opacity: .1
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:nth-child(13):before {
  content: "2022";
  opacity: .1
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-pagination>span:last-child {
  padding-bottom: .78125vw
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .about-bottom-date {
  position: relative;
  width: 100%;
  height: 42.86458vw;
  overflow: hidden
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .about-bottom-date {
      height:113.6vw
  }
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-slide-text {
  width: 100%;
  padding: 2.91667vw 2.08333vw 3.4375vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-slide-text {
      padding:7.46667vw 5.33333vw
  }
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-slide-text .aiko-h2 {
  margin-bottom: .83333vw;
  text-align: left
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-slide-text .aiko-h2 {
      margin-bottom:2.4vw;
      font-size: 6.4vw
  }
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-slide-text .aiko-describe {
  font-size: .83333vw;
  text-align: left
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-slide-text .aiko-describe {
      font-size:2.66667vw
  }
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  margin-bottom: 2.08333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-slide {
      margin-bottom:2.13333vw
  }
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-slide:last-child {
  margin-bottom: 10.41667vw
}

.about-milestones-sec2 .about-milestones-sec2-containe .about-bottom .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.about-milestones-sec3 {
  width: 100%
}

.about-milestones-sec3 img {
  display: block
}

.about-milestones-sec3 .about-milestones-sec3-title {
  text-align: center;
  margin-top: 6.25vw;
  margin-bottom: 4.16667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec3 .about-milestones-sec3-title {
      margin-top:13.33333vw;
      margin-bottom: 8.53333vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec3 .about-milestones-sec3-title .aiko-h2 {
      margin-bottom:0
  }
}

.about-milestones-sec3 .about-milestones-sec3-containe {
  width: 100%
}

.about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: #fff;
  overflow: hidden
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column {
      -webkit-flex-wrap:wrap;
      flex-wrap: wrap
  }
}

.about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item {
  position: relative;
  height: 38.54167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item {
      width:100%;
      margin-bottom: 1.6vw;
      height: auto
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item:last-child {
      margin-bottom:0
  }
}

.about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item.frist {
  width: 60.625vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60.625vw;
  flex: 0 0 60.625vw;
  margin-right: .41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item.frist {
      width:100%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
      margin-right: 0
  }
}

.about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item.last {
  width: 38.54167vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 38.54167vw;
  flex: 0 0 38.54167vw;
  margin-left: .41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item.last {
      width:100%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
      margin-left: 0
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item.last .aiko-h4 {
      margin-bottom:0!important
  }
}

.about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item .about-milestones-sec3-tit {
  width: 80%;
  position: relative;
  position: absolute;
  bottom: 2.60417vw;
  left: 4.16667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item .about-milestones-sec3-tit {
      width:100%;
      padding: 0 5.33333vw;
      bottom: 5.73333vw;
      left: 0
  }
}

.about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item .about-milestones-sec3-tit.first {
  bottom: 3.125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item .about-milestones-sec3-tit.first {
      bottom:5.73333vw
  }
}

.about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item .about-milestones-sec3-tit.first .aiko-h4 {
  margin-bottom: 1.04167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item .about-milestones-sec3-tit.first .aiko-h4 {
      font-size:5.33333vw;
      margin-bottom: 2vw
  }
}

.about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item .about-milestones-sec3-tit .aiko-h4 {
  margin-bottom: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item .about-milestones-sec3-tit .aiko-h4 {
      font-size:5.33333vw;
      margin-bottom: 2vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item .about-milestones-sec3-tit .about-milestones-sec3-describe {
      font-size:2.4vw
  }
}

.about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item .about-milestones-sec3-describe {
  font-size: .83333vw;
  font-weight: 700;
  opacity: .8;
  color: #fff
}

.about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item .about-milestones-sec3-logo {
  position: absolute;
  right: 4.16667vw;
  bottom: 2.86458vw;
  width: 2.08333vw;
  height: 2.08333vw;
  z-index: 2
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item .about-milestones-sec3-logo {
      width:5.33333vw;
      height: 5.33333vw;
      right: 10.66667vw;
      bottom: 6.53333vw
  }
}

.about-milestones-sec3 .about-milestones-sec3-containe .about-milestones-sec3-column .about-milestones-sec3-column-item .about-milestones-sec3-logo>img,.about-milestones-sec4,.about-milestones-sec4 .about-milestones-sec4-containe {
  width: 100%
}

.about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column {
      -webkit-flex-wrap:wrap;
      flex-wrap: wrap;
      width: 100%;
      margin-bottom: 1.6vw;
      height: auto
  }
}

.about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item {
  position: relative;
  height: 38.54167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item {
      width:100%;
      margin-bottom: 1.6vw;
      height: auto
  }
}

.about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item img {
  display: block
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item:last-child {
      margin-bottom:0
  }
}

.about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item.frist {
  width: 38.54167vw;
  margin-right: .41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item.frist {
      width:100%;
      margin-right: 0
  }
}

.about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item.last {
  width: 60.625vw;
  margin-left: .41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item.last {
      width:100%;
      margin-left: 0
  }
}

.about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item .about-milestones-sec4-tit {
  width: 100%;
  width: 80%;
  position: absolute;
  bottom: 2.60417vw;
  left: 4.16667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item .about-milestones-sec4-tit {
      width:100%;
      bottom: 5.33333vw;
      padding: 0 5.33333vw;
      left: 0
  }
}

.about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item .about-milestones-sec4-tit.first {
  bottom: 3.125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item .about-milestones-sec4-tit.first {
      bottom:5.33333vw
  }
}

.about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item .about-milestones-sec4-tit .aiko-h4 {
  margin-bottom: 0
}

.about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item .about-milestones-sec4-tit .aiko-more {
  color: #fff;
  position: relative;
  margin-top: 1.04167vw;
  display: inline-block
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item .about-milestones-sec4-tit .aiko-more {
      padding-right:2.4vw;
      font-size: 2.66667vw
  }
}

.about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item .about-milestones-sec4-tit .aiko-more:before {
  width: .44271vw;
  height: .44271vw;
  display: block;
  content: "";
  position: absolute;
  top: 60%;
  right: -.52083vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/static/img/home/icon-home2-3.svg) no-repeat 0;
  background-size: .44271vw .44271vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item .about-milestones-sec4-tit .aiko-more:before {
      width:1.46667vw;
      height: 1.46667vw;
      background-size: 1.46667vw 1.46667vw
  }
}

.about-milestones-sec4 .about-milestones-sec4-containe .about-milestones-sec4-column .about-milestones-sec4-column-item .about-milestones-sec4-tit .aiko-more:hover {
  color: #007f68
}

.contact-us-sec1 {
  position: relative;
  height: 21.875vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 1.5625vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: url(/static/img/contact-us/contact-us-kv.jpg) no-repeat 50%;
  background-size: cover
}

.contact-us-sec1 .contact-us-sec1-summary .aiko-h1 {
  margin-bottom: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .contact-us-sec1 .contact-us-sec1-summary .aiko-h1 {
      font-size:5.33333vw
  }
}

.contact-us-form {
  padding: 8.33333vw 0
}

.contact-us-form .contact-us-form-container {
  width: 54.47917vw;
  margin: 0 auto
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .contact-us-form .contact-us-form-container {
      width:91.2vw
  }
}

.contact-us-form .contact-us-form-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.04167vw;
  margin-right: -1.04167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .contact-us-form .contact-us-form-row:last-child .contact-us-form-col12 {
      text-align:center
  }
}

.contact-us-form .contact-us-form-row .contact-us-form-col6,.contact-us-form .contact-us-form-row .contact-us-form-col12 {
  position: relative;
  width: 100%;
  padding: 0 1.04167vw
}

.contact-us-form .contact-us-form-row .contact-us-form-col6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .contact-us-form .contact-us-form-row .contact-us-form-col6 {
      -webkit-box-flex:0;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }
}

.contact-us-form .contact-us-form-row .contact-us-form-col12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.for-installers-sec1 {
  position: relative;
  margin-bottom: 9.375vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec1 {
      margin-bottom:16vw
  }
}

.for-installers-sec1 h1 {
  margin-bottom: 0
}

.for-installers-sec1 .for-installers-sec1-summary {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec1 .for-installers-sec1-summary {
      top:17%;
      width: 100%
  }
}

.for-installers-sec2 {
  padding: 0 9.375vw;
  margin: 0 0 4.01042vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec2 {
      margin-bottom:7.46667vw;
      padding: 0 5.33333vw
  }
}

.for-installers-sec3 {
  margin: 0 9.375vw 3.125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec3 {
      margin:0 5.33333vw 2.66667vw
  }
}

.for-installers-sec3 .for-installers-sec3-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-color: #f8f8f8;
  height: 36.45833vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec3 .for-installers-sec3-items {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      flex-direction: column;
      height: auto
  }
}

.for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-left {
  position: relative;
  width: 49.58333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-left {
      width:100%;
      overflow: hidden
  }
}

.for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-left .for-installers-sec3-bg img {
  display: block;
  width: auto;
  height: 36.45833vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-left .for-installers-sec3-bg img {
      height:auto;
      width: 100%
  }
}

.for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-left .for-installers-sec3-text {
  width: 100%;
  padding: 0 2.60417vw;
  position: absolute;
  top: 4.0625vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-left .for-installers-sec3-text {
      top:16vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-left .for-installers-sec3-text .aiko-h4 {
      font-size:4.8vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-left .for-installers-sec3-text .aiko-p {
      font-size:2.66667vw
  }
}

.for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-left .for-installers-sec3-text .for-installers-sec3-btn {
  margin-top: 2.08333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-left .for-installers-sec3-text .for-installers-sec3-btn {
      margin-top:5.33333vw
  }
}

.for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 31.66667vw;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right {
      width:100%
  }
}

.for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-right-line-a {
  position: absolute;
  top: 8%;
  left: 50%;
  height: 40%;
  width: 3px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjxwYXRoIGZpbGw9IiM3MDcwNzAiIG9wYWNpdHk9Ii4yIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==) repeat-y 50%;
  background-size: 1px 1px
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-right-line-a {
      top:7%;
      height: 40%
  }
}

.for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-right-line-b {
  position: absolute;
  top: 52.5%;
  left: 50%;
  height: 40%;
  width: 3px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjxwYXRoIGZpbGw9IiM3MDcwNzAiIG9wYWNpdHk9Ii4yIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==) repeat-y 50%;
  background-size: 1px 1px
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-right-line-b {
      top:54%;
      height: 40%
  }
}

.for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-right-line-c {
  position: absolute;
  top: 50%;
  left: 5.5%;
  width: 40%;
  height: 3px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjxwYXRoIGZpbGw9IiM3MDcwNzAiIG9wYWNpdHk9Ii4yIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==) repeat-x 50%;
  background-size: 1px 1px
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-right-line-c {
      width:40%;
      left: 6%
  }
}

.for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-right-line-d {
  position: absolute;
  top: 50%;
  left: 55%;
  width: 40%;
  height: 3px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjxwYXRoIGZpbGw9IiM3MDcwNzAiIG9wYWNpdHk9Ii4yIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==) repeat-x 50%;
  background-size: 1px 1px
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-right-line-d {
      width:40%;
      left: 55%
  }
}

.for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 3.64583vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-icons {
      padding:10.66667vw 3.6vw;
      width: 100%
  }
}

.for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-icons .for-installers-sec3-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 50%;
  margin-bottom: 5.20833vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-icons .for-installers-sec3-icon {
      margin-bottom:22.66667vw
  }
}

.for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-icons .for-installers-sec3-icon:nth-child(3),.for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-icons .for-installers-sec3-icon:nth-child(4) {
  margin-bottom: 0
}

.for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-icons .for-installers-sec3-icon img {
  width: 3.17708vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-icons .for-installers-sec3-icon img {
      width:10.66667vw
  }
}

.for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-icons .for-installers-sec3-icon p {
  width: 95%;
  margin-top: 2.08333vw;
  text-align: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec3 .for-installers-sec3-items .for-installers-sec3-right .for-installers-sec3-icons .for-installers-sec3-icon p {
      font-family:OPPOSans-Bold;
      margin-top: 3.46667vw
  }
}

.for-installers-sec4 {
  margin: 0 9.375vw 9.375vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec4 {
      margin:0 5.33333vw 16vw
  }
}

.for-installers-sec4 .for-installers-sec4-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-color: #f8f8f8;
  height: 36.45833vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec4 .for-installers-sec4-items {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      flex-direction: column;
      height: auto
  }
}

.for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-left {
  position: relative;
  width: 49.58333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-left {
      overflow:hidden;
      width: 100%
  }
}

.for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-left .for-installers-sec4-bg img {
  display: block;
  width: auto;
  height: 36.45833vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-left .for-installers-sec4-bg img {
      height:auto;
      width: 100%
  }
}

.for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-left .for-installers-sec4-text {
  width: 100%;
  padding: 0 2.60417vw;
  position: absolute;
  top: 4.0625vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-left .for-installers-sec4-text {
      top:16vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-left .for-installers-sec4-text .aiko-h4 {
      font-size:4.8vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-left .for-installers-sec4-text .aiko-p {
      font-size:2.66667vw
  }
}

.for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-left .for-installers-sec4-text .for-installers-sec4-btn {
  margin-top: 2.08333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-left .for-installers-sec4-text .for-installers-sec4-btn {
      margin-top:5.33333vw
  }
}

.for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 31.66667vw;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right {
      width:100%
  }
}

.for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-right-line-a {
  position: absolute;
  top: 8%;
  left: 50%;
  height: 40%;
  width: 3px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjxwYXRoIGZpbGw9IiM3MDcwNzAiIG9wYWNpdHk9Ii4yIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==) repeat-y 50%;
  background-size: 1px 1px
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-right-line-a {
      top:7%;
      height: 40%
  }
}

.for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-right-line-b {
  position: absolute;
  top: 52.5%;
  left: 50%;
  height: 40%;
  width: 3px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjxwYXRoIGZpbGw9IiM3MDcwNzAiIG9wYWNpdHk9Ii4yIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==) repeat-y 50%;
  background-size: 1px 1px
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-right-line-b {
      top:54%;
      height: 40%
  }
}

.for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-right-line-c {
  position: absolute;
  top: 50%;
  left: 5.5%;
  width: 40%;
  height: 3px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjxwYXRoIGZpbGw9IiM3MDcwNzAiIG9wYWNpdHk9Ii4yIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==) repeat-x 50%;
  background-size: 1px 1px
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-right-line-c {
      width:40%;
      left: 6%
  }
}

.for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-right-line-d {
  position: absolute;
  top: 50%;
  left: 55%;
  width: 40%;
  height: 3px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjxwYXRoIGZpbGw9IiM3MDcwNzAiIG9wYWNpdHk9Ii4yIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==) repeat-x 50%;
  background-size: 1px 1px
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-right-line-d {
      width:40%;
      left: 55%
  }
}

.for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 3.64583vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-icons {
      padding:10.66667vw 3.6vw;
      width: 100%
  }
}

.for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-icons .for-installers-sec4-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 50%;
  margin-bottom: 5.20833vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-icons .for-installers-sec4-icon {
      margin-bottom:22.66667vw
  }
}

.for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-icons .for-installers-sec4-icon:nth-child(3),.for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-icons .for-installers-sec4-icon:nth-child(4) {
  margin-bottom: 0
}

.for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-icons .for-installers-sec4-icon img {
  width: 4.16667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-icons .for-installers-sec4-icon img {
      width:13.33333vw
  }
}

.for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-icons .for-installers-sec4-icon p {
  width: 95%;
  margin-top: 2.08333vw;
  text-align: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec4 .for-installers-sec4-items .for-installers-sec4-right .for-installers-sec4-icons .for-installers-sec4-icon p {
      font-family:OPPOSans-Bold;
      margin-top: 3.46667vw
  }
}

.for-installers-sec5 {
  position: relative;
  margin-bottom: 7.8125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec5 {
      margin-bottom:16vw
  }
}

.for-installers-sec5 .for-installers-sec5-bg img {
  display: block
}

.for-installers-sec5 .for-installers-sec5-text {
  width: 100%;
  padding: 0 2.60417vw;
  position: absolute;
  top: 4.16667vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec5 .for-installers-sec5-text {
      top:10.66667vw
  }
}

.for-installers-sec5 .for-installers-sec5-text .for-installers-sec5-btn {
  margin-top: 2.5vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec5 .for-installers-sec5-text .for-installers-sec5-btn {
      margin-top:6.4vw
  }
}

.for-installers-sec6 {
  margin: 0 17.39583vw 7.8125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec6 {
      margin:0 5.33333vw 13.33333vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec6 .aiko-h2,.for-installers-sec6 .aiko-p {
      text-align:left!important
  }
}

.for-installers-sec6 .for-installers-sec6-downloads {
  margin: 3.125vw 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec6 .for-installers-sec6-downloads {
      margin:7.46667vw 0 0
  }
}

.for-installers-sec6 .for-installers-sec6-downloads .for-installers-sec6-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 32.43%;
  height: 8.85417vw;
  background-color: #000;
  padding: 1.66667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec6 .for-installers-sec6-downloads .for-installers-sec6-item {
      width:100%;
      padding: 4vw;
      height: 20.8vw;
      margin-bottom: 2.66667vw!important
  }
}

.for-installers-sec6 .for-installers-sec6-downloads .for-installers-sec6-item:hover {
  background-color: rgba(0,0,0,.8)
}

.for-installers-sec6 .for-installers-sec6-downloads .for-installers-sec6-item:hover .for-installers-sec6-item-tit,.for-installers-sec6 .for-installers-sec6-downloads .for-installers-sec6-item:hover p {
  color: #007f68;
  opacity: 1
}

.for-installers-sec6 .for-installers-sec6-downloads .for-installers-sec6-item:first-child,.for-installers-sec6 .for-installers-sec6-downloads .for-installers-sec6-item:nth-child(3),.for-installers-sec6 .for-installers-sec6-downloads .for-installers-sec6-item:nth-child(12) {
  margin-bottom: .83333vw
}

.for-installers-sec6 .for-installers-sec6-downloads .for-installers-sec6-item .for-installers-sec6-item-tit {
  font-size: 1.04167vw;
  font-weight: 700;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec6 .for-installers-sec6-downloads .for-installers-sec6-item .for-installers-sec6-item-tit {
      font-size:3.2vw
  }
}

.for-installers-sec6 .for-installers-sec6-downloads .for-installers-sec6-item p {
  opacity: .8;
  position: relative;
  padding-left: 1.30208vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec6 .for-installers-sec6-downloads .for-installers-sec6-item p {
      padding-left:4.53333vw
  }
}

.for-installers-sec6 .for-installers-sec6-downloads .for-installers-sec6-item p:before {
  content: "";
  position: absolute;
  left: 0;
  width: .78125vw;
  height: 1.04167vw;
  background: url(/static/img/for-installers/down-load.png) no-repeat 50%;
  background-size: 100% 100%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec6 .for-installers-sec6-downloads .for-installers-sec6-item p:before {
      width:2.4vw;
      height: 3.33333vw
  }
}

.for-installers-sec7 {
  position: relative;
  overflow: hidden
}

.for-installers-sec7 .for-installers-sec7-bg img {
  display: block
}

.for-installers-sec7 .for-installers-sec7-text {
  position: absolute;
  top: 48%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec7 .for-installers-sec7-text {
      top:20%;
      width: 100%;
      padding: 0 5.33333vw
  }
}

.for-installers-sec7 .for-installers-sec7-text .for-installers-sec7-btn {
  margin-top: 2.5vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec7 .for-installers-sec7-text .for-installers-sec7-btn {
      margin-top:6.4vw
  }
}

.for-installers-sec8 {
  background-color: #000;
  padding: 6.25vw 9.375vw 4.16667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec8 {
      padding:16vw 5.33333vw 10.66667vw
  }
}

.for-installers-sec8 .for-installers-sec8-tabs {
  position: relative;
  list-style-type: none;
  border-top: 1px solid hsla(0,0%,100%,.4);
  margin-top: 3.54167vw
}

.for-installers-sec8 .for-installers-sec8-tabs .for-installers-sec8-tab-tit {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin-top: -1px;
  margin-right: 4.16667vw
}

.for-installers-sec8 .for-installers-sec8-tabs .for-installers-sec8-tab-tit.active a {
  color: #fff;
  border-top: 1px solid #007f68;
  opacity: 1
}

.for-installers-sec8 .for-installers-sec8-tabs .for-installers-sec8-tab-tit a {
  display: block;
  color: #fff;
  opacity: .6;
  padding-top: 1.09375vw;
  border-top: 1px solid transparent
}

.for-installers-sec8 .for-installers-sec8-tab-content {
  color: #fff;
  padding: 0 4.16667vw 0 1.5625vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec8 .for-installers-sec8-tab-content {
      padding:0
  }
}

.for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  display: none
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item {
      -webkit-box-orient:vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      flex-direction: column-reverse;
      height: 133.33333vw
  }
}

.for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-left {
  margin-left: 1.5625vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-left {
      margin-left:0;
      width: 100%
  }
}

.for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-left img {
  width: auto;
  height: 30.26042vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-left img {
      height:63.2vw
  }
}

.for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item:nth-child(2) .for-installers-sec8-tab-left img {
  height: 28.4375vw;
  margin-bottom: 1.82292vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item:nth-child(2) .for-installers-sec8-tab-left img {
      height:63.2vw
  }
}

.for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item:nth-child(2) .for-installers-sec8-tab-right .for-installers-sec8-icons .for-installers-sec8-icon:nth-child(3) img {
  height: 2.44792vw;
  width: auto;
  margin: 0 auto
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item:nth-child(2) .for-installers-sec8-tab-right .for-installers-sec8-icons .for-installers-sec8-icon:nth-child(3) img {
      height:9.33333vw
  }
}

.for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 25vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-right {
      width:100%
  }
}

.for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-right .for-installers-sec8-tab-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

.for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-right .for-installers-sec8-tab-text>.aiko-p {
  font-size: .9375vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-right .for-installers-sec8-tab-text>.aiko-p {
      font-size:3.2vw
  }
}

.for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-right .for-installers-sec8-tab-text .for-installers-sec8-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 100%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-right .for-installers-sec8-tab-text .for-installers-sec8-icons {
      margin-top:2.66667vw
  }
}

.for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-right .for-installers-sec8-tab-text .for-installers-sec8-icons .for-installers-sec8-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}

.for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-right .for-installers-sec8-tab-text .for-installers-sec8-icons .for-installers-sec8-icon .for-installers-sec8-icon-img {
  width: 3.4375vw;
  margin: 2.08333vw 0 1.5625vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-right .for-installers-sec8-tab-text .for-installers-sec8-icons .for-installers-sec8-icon .for-installers-sec8-icon-img {
      width:13.33333vw
  }
}

.for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-right .for-installers-sec8-tab-text .for-installers-sec8-icons .for-installers-sec8-icon .for-installers-sec8-icon-img img {
  display: block
}

.for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-right .for-installers-sec8-tab-text .for-installers-sec8-icons .aiko-p {
  width: 8.33333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-right .for-installers-sec8-tab-text .for-installers-sec8-icons .aiko-p {
      width:26.66667vw
  }
}

.for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-right .for-installers-sec8-tab-text .for-installers-sec8-btn {
  margin-top: 2.5vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec8 .for-installers-sec8-tab-content .for-installers-sec8-tab-item .for-installers-sec8-tab-right .for-installers-sec8-tab-text .for-installers-sec8-btn {
      margin-top:6.4vw
  }
}

.for-installers-sec9 {
  position: relative
}

.for-installers-sec9 .for-installers-sec9-bg img {
  display: block
}

.for-installers-sec9 .for-installers-sec9-text {
  position: absolute;
  top: 5.20833vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec9 .for-installers-sec9-text {
      width:100%;
      top: 17.33333vw
  }
}

.for-installers-sec9 .for-installers-sec9-text .for-installers-sec9-btn {
  margin-top: 2.5vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec9 .for-installers-sec9-text .for-installers-sec9-btn {
      margin-top:6.4vw
  }
}

.for-installers-sec10 .for-installers-sec10-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec10 .for-installers-sec10-items {
      display:block
  }
}

.for-installers-sec10 .for-installers-sec10-items .for-installers-sec10-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-right: .83333vw;
  position: relative
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec10 .for-installers-sec10-items .for-installers-sec10-item {
      margin-right:0
  }
}

.for-installers-sec10 .for-installers-sec10-items .for-installers-sec10-item:nth-child(2n) {
  margin-right: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec10 .for-installers-sec10-items .for-installers-sec10-item:nth-child(2n) {
      margin-top:1.33333vw
  }
}

.for-installers-sec10 .for-installers-sec10-items .for-installers-sec10-item img {
  display: block
}

.for-installers-sec10 .for-installers-sec10-items .for-installers-sec10-item .for-installers-sec10-text {
  position: absolute;
  top: 4.16667vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  padding: 0 2.60417vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec10 .for-installers-sec10-items .for-installers-sec10-item .for-installers-sec10-text {
      padding:0 10.66667vw;
      top: 10.66667vw
  }
}

.for-installers-sec10 .for-installers-sec10-items .for-installers-sec10-item .for-installers-sec10-text .for-installers-sec10-btn {
  margin-top: 2.08333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .for-installers-sec10 .for-installers-sec10-items .for-installers-sec10-item .for-installers-sec10-text .for-installers-sec10-btn {
      margin-top:5.33333vw
  }
}

.news-banner-sec img {
  display: block
}

.breadcrumbs {
  width: 54.375vw;
  font-size: 1.25vw;
  margin: 4.16667vw auto 2.08333vw;
  color: #000;
  line-height: 1.3;
  font-family: OPPOSans-Bold
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .breadcrumbs {
      width:89.33333vw;
      margin: 13.33333vw auto 5.33333vw;
      font-size: 3.2vw
  }
}

.breadcrumbs a {
  color: #000
}

@media (any-hover: hover) {
  .breadcrumbs a:hover {
      color:#007f68
  }
}

.breadcrumbs a:active {
  color: #007f68
}

.aiko-news-content-sec {
  width: 54.375vw;
  margin: 2.08333vw auto 10.41667vw;
  font-size: 1.04167vw;
  color: #000
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-news-content-sec {
      width:89.33333vw;
      margin: 5.33333vw auto 26.66667vw
  }
}

.aiko-news-content-sec h1 {
  font-size: 2.8125vw;
  color: #000;
  margin-bottom: 3.125vw;
  line-height: 2
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-news-content-sec h1 {
      font-size:7.2vw;
      margin-bottom: 8vw
  }
}

.aiko-news-content-sec h2 {
  margin-top: -.78125vw;
  font-size: 2.5vw;
  margin-bottom: 4.16667vw;
  color: #000;
  line-height: 1.5
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-news-content-sec h2 {
      margin-top:-2vw;
      font-size: 6.4vw;
      margin-bottom: 13.33333vw
  }
}

.aiko-news-content-sec h3 {
  font-size: 2.1875vw;
  margin-bottom: 4.16667vw;
  color: #000;
  line-height: 1.5
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-news-content-sec h3 {
      font-size:5.6vw;
      margin-bottom: 10.66667vw
  }
}

.aiko-news-content-sec h4 {
  font-size: 1.66667vw;
  margin: 2.08333vw 0;
  color: #000;
  line-height: 1.3
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-news-content-sec h4 {
      font-size:4.26667vw;
      margin: 5.33333vw 0
  }
}

.aiko-news-content-sec h5 {
  font-size: 1.45833vw;
  margin: 2.08333vw 0;
  color: #000;
  line-height: 1.3
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-news-content-sec h5 {
      font-size:3.73333vw;
      margin: 5.33333vw 0
  }
}

.aiko-news-content-sec h6 {
  font-size: 1.25vw;
  margin: 2.08333vw 0;
  color: #000;
  line-height: 1.3
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-news-content-sec h6 {
      font-size:3.2vw;
      margin: 5.33333vw 0
  }
}

.aiko-news-content-sec time {
  font-size: .9375vw;
  color: #959595
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-news-content-sec time {
      font-size:2.66667vw
  }
}

.aiko-news-content-sec time:after {
  content: "";
  width: 1.25vw;
  height: 1px;
  margin-top: 1.5625vw;
  display: block;
  border-bottom: 1px solid #707070
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-news-content-sec time:after {
      width:3.2vw
  }
}

.aiko-news-content-sec figure {
  margin: 3.125vw 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-news-content-sec figure {
      margin:8vw 0
  }
}

.aiko-news-content-sec figure figcaption {
  margin-top: 1.04167vw;
  text-align: center;
  color: #888;
  font-size: .9375vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-news-content-sec figure figcaption {
      margin-top:2.66667vw;
      font-size: 2.66667vw
  }
}

.aiko-news-content-sec img {
  display: block;
  width: 100%
}

.aiko-news-content-sec p {
  font-size: 1.04167vw;
  margin: 2.08333vw 0;
  color: #666;
  line-height: 2
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-news-content-sec p {
      font-size:3.2vw;
      margin: 5.33333vw 0
  }
}

.aiko-news-content-sec p.aiko-news-time {
  font-size: .9375vw;
  color: #959595
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-news-content-sec p.aiko-news-time {
      font-size:2.66667vw
  }
}

.aiko-news-content-sec p.aiko-news-time:after {
  content: "";
  width: 1.25vw;
  height: 1px;
  margin-top: 1.5625vw;
  display: block;
  border-bottom: 1px solid #707070
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-news-content-sec p.aiko-news-time:after {
      width:3.2vw
  }
}

.aiko-news-content-sec a {
  color: #007f68
}

.aiko-news-content-sec a:hover {
  opacity: .8
}

.aiko-news-content-sec ul {
  margin-left: 3.125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-news-content-sec ul {
      margin-left:8vw
  }
}

.aiko-news-content-sec ul li {
  font-size: 1.04167vw;
  line-height: 2;
  color: #666
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .aiko-news-content-sec ul li {
      font-size:2.66667vw
  }
}

.careers-sec-container {
  position: relative;
  width: 72.91667vw;
  margin: 0 auto
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec-container {
      width:89.33333vw
  }
}

.careers-sec1 {
  position: relative;
  min-height: 25.52083vw
}

.careers-sec1 img {
  display: block
}

.careers-sec2 {
  position: relative;
  margin-top: 1.5625vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec2 {
      margin-top:4vw
  }
}

.careers-sec2 .careers-sec2-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.careers-sec2 .careers-sec2-title {
  position: relative;
  margin-top: 1.04167vw;
  padding-top: 1.04167vw;
  font-family: OPPOSans-Bold;
  color: #d3d3d3;
  font-size: 1.5625vw;
  font-weight: 700
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec2 .careers-sec2-title {
      padding-top:2.66667vw;
      font-size: 4vw
  }
}

.careers-sec2 .careers-sec2-title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.09375vw;
  height: 2px;
  background-color: #1e67b2
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec2 .careers-sec2-title:before {
      width:2.8vw
  }
}

.careers-sec2 .careers-sec2-btn-group a+a {
  margin-left: .52083vw
}

.careers-sec3 {
  margin-top: 1.30208vw;
  margin-bottom: 1.30208vw
}

.careers-sec3 .careers-sec3-breadcrumb {
  height: 1.5625vw;
  border-bottom: 1px solid #eee;
  font-size: .72917vw;
  color: #666
}

.careers-sec3 .careers-sec3-breadcrumb a {
  color: #0b68b3
}

.careers-sec4 {
  margin-top: 1.30208vw;
  margin-bottom: 3.33333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec4 {
      margin-top:3.33333vw;
      margin-bottom: 8.53333vw
  }
}

.careers-sec4 .careers-sec4-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.careers-sec4 .careers-sec4-row .careers-sec4-col6 {
  position: relative;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  height: 20.52083vw;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec4 .careers-sec4-row .careers-sec4-col6 {
      -webkit-box-flex:0;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      min-height: 50.13333vw;
      height: auto;
      display: block
  }

  .careers-sec4 .careers-sec4-row .careers-sec4-col6 img {
      display: block
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec4 .careers-sec4-row .careers-sec4-col6:first-child img,.careers-sec4 .careers-sec4-row .careers-sec4-col6:last-child img {
      z-index:1;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec4 .careers-sec4-row .careers-sec4-col6:nth-child(3) {
      min-height:49.6vw
  }

  .careers-sec4 .careers-sec4-row .careers-sec4-col6:nth-child(3) img {
      width: 44.66667vw
  }
}

.careers-sec4 .careers-sec4-summary {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2.08333vw 2.73438vw 1.5625vw;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec4 .careers-sec4-summary {
      position:relative;
      padding: 5.33333vw 7vw;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center
  }
}

.careers-sec4 .careers-sec4-summary.careers-sec4-summary4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.careers-sec4 .careers-sec4-summary .careers-sec4-title {
  font-size: 1.5625vw;
  line-height: 1
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec4 .careers-sec4-summary .careers-sec4-title {
      font-size:4vw
  }
}

.careers-sec4 .careers-sec4-summary .careers-sec4-line {
  width: 3.125vw;
  height: 1.04167vw;
  border-top: 1px solid #fff;
  margin-top: 1.04167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec4 .careers-sec4-summary .careers-sec4-line {
      width:8vw;
      height: 2.66667vw;
      margin-top: 2.66667vw
  }
}

.careers-sec4 .careers-sec4-summary .careers-sec4-desc {
  color: #fff;
  font-size: .72917vw;
  line-height: 2
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec4 .careers-sec4-summary .careers-sec4-desc {
      font-size:2.4vw
  }
}

.careers-sec4 .careers-sec4-summary.careers-sec4-summary3 {
  position: static;
  font-size: 0;
  width: 18.125vw;
  padding: 2.08333vw 1.04167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec4 .careers-sec4-summary.careers-sec4-summary3 {
      position:absolute;
      top: 0;
      left: auto;
      right: 0;
      width: 44.66667vw;
      padding: 2.66667vw 0 2.66667vw 2.66667vw
  }
}

.careers-sec4 .careers-sec4-summary.careers-sec4-summary3 .careers-sec4-title {
  color: #000
}

.careers-sec4 .careers-sec4-summary.careers-sec4-summary3 .careers-sec4-line {
  border-top: 1px solid #000
}

.careers-sec4 .careers-sec4-summary.careers-sec4-summary3 .careers-sec4-desc {
  color: #333
}

.careers-sec4 .careers-sec4-img {
  width: 18.22917vw
}

.careers-sec5 {
  margin-bottom: 3.64583vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec5 {
      margin-bottom:9.33333vw
  }
}

.careers-sec5 .careers-sec5-title {
  margin-bottom: 1.66667vw;
  font-size: 1.45833vw;
  color: #000;
  font-family: OPPOSans-Bold;
  text-align: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec5 .careers-sec5-title {
      margin-bottom:4.26667vw;
      font-size: 3.73333vw
  }
}

.careers-sec5 .careers-sec5-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.careers-sec5 .careers-sec5-row .careers-sec5-col4 {
  position: relative;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 23.33333vw;
  flex: 0 0 23.33333vw;
  max-width: 23.33333vw;
  height: 24.32292vw;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec5 .careers-sec5-row .careers-sec5-col4 {
      -webkit-box-flex:0;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      height: auto;
      margin-bottom: 2.66667vw
  }
}

.careers-sec5 .careers-sec5-summary {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.45833vw 1.875vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec5 .careers-sec5-summary {
      padding:3.73333vw 4.8vw
  }
}

.careers-sec5 .careers-sec5-summary .careers-sec5-title2 {
  font-size: 1.45833vw;
  line-height: 1;
  color: #fff
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec5 .careers-sec5-summary .careers-sec5-title2 {
      font-size:3.73333vw
  }
}

.careers-sec5 .careers-sec5-summary .careers-sec5-line {
  width: 1.5625vw;
  height: 1.04167vw;
  border-top: 1px solid #1e67b2;
  margin-top: 1.5625vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec5 .careers-sec5-summary .careers-sec5-line {
      width:4vw;
      height: 2.66667vw;
      margin-top: 4vw
  }
}

.careers-sec5 .careers-sec5-summary .careers-sec5-desc {
  opacity: 0;
  color: #fff;
  font-size: .72917vw;
  line-height: 2;
  -webkit-transition: .5s;
  transition: .5s
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec5 .careers-sec5-summary .careers-sec5-desc {
      font-size:2.66667vw
  }
}

.careers-sec5 .careers-sec5-summary:hover {
  background-color: rgba(46,72,155,.45);
  -webkit-transition: .5s;
  transition: .5s
}

.careers-sec5 .careers-sec5-summary:hover .careers-sec5-desc {
  opacity: 1
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec5 .careers-sec5-summary {
      background-color:rgba(46,72,155,.45);
      -webkit-transition: .5s;
      transition: .5s
  }

  .careers-sec5 .careers-sec5-summary .careers-sec5-desc {
      opacity: 1
  }
}

.careers-sec6 {
  margin: 1.5625vw 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .careers-sec6 {
      margin:4vw 0
  }
}

.investor-relations-sec-container {
  position: relative;
  width: 72.91667vw;
  margin: 0 auto
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .investor-relations-sec-container {
      width:89.33333vw
  }
}

.investor-relations-sec1 {
  position: relative;
  min-height: 25.52083vw
}

.investor-relations-sec1 img {
  display: block
}

.investor-relations-sec2 {
  position: relative;
  margin-top: 4.16667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .investor-relations-sec2 {
      margin-top:10.66667vw
  }
}

.investor-relations-sec2 .investor-relations-sec2-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.investor-relations-sec2 .investor-relations-sec2-title {
  position: relative;
  padding-top: 1.04167vw;
  font-family: OPPOSans-Bold;
  color: #d3d3d3;
  font-size: 1.5625vw;
  font-weight: 700
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .investor-relations-sec2 .investor-relations-sec2-title {
      padding-top:2.66667vw;
      font-size: 4vw
  }
}

.investor-relations-sec2 .investor-relations-sec2-title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.09375vw;
  height: 2px;
  background-color: #1e67b2
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .investor-relations-sec2 .investor-relations-sec2-title:before {
      width:2.8vw
  }
}

.investor-relations-sec2 .investor-relations-sec2-btn-group a+a {
  margin-left: .52083vw
}

.investor-relations-sec3 {
  margin-top: 1.30208vw;
  margin-bottom: 1.30208vw
}

.investor-relations-sec3 .investor-relations-sec3-breadcrumb {
  height: 1.5625vw;
  border-bottom: 1px solid #eee;
  font-size: .72917vw;
  color: #666
}

.investor-relations-sec3 .investor-relations-sec3-breadcrumb a {
  color: #0b68b3
}

.investor-relations-sec4 {
  margin-top: 1.30208vw;
  margin-bottom: 2.60417vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .investor-relations-sec4 {
      margin-top:3.33333vw;
      margin-bottom: 6.66667vw
  }
}

.registration-sec-video {
  position: relative
}

.registration-sec-video video {
  display: block;
  width: 100%
}

.registration-sec-video .registration-sec-arrow {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: -webkit-calc(100vh - 4.89583vw);
  height: calc(100vh - 4.89583vw);
  overflow: hidden
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .registration-sec-video .registration-sec-arrow {
      height:100%
  }
}

.registration-sec-video .registration-sec-arrow .registration-sec-video-title {
  position: absolute;
  top: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 3.125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .registration-sec-video .registration-sec-arrow .registration-sec-video-title {
      top:3%;
      font-size: 5.33333vw
  }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .registration-sec-video .registration-sec-arrow .aiko-kv-arrow {
      width:4.53333vw;
      height: 4.53333vw;
      bottom: 70%
  }
}

.registration-sec1 {
  margin-top: 9.375vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .registration-sec1 {
      margin-top:19.73333vw
  }
}

.registration-sec1 h1 {
  font-size: 3.125vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .registration-sec1 h1 {
      font-size:5.33333vw
  }
}

.registration-form {
  padding: 8.33333vw 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .registration-form {
      padding:21.33333vw 0
  }
}

.registration-form .registration-form-container {
  width: 54.47917vw;
  margin: 0 auto
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .registration-form .registration-form-container {
      width:91.2vw
  }
}

.registration-form .registration-form-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.04167vw;
  margin-right: -1.04167vw
}

.registration-form .registration-form-row .registration-form-col6,.registration-form .registration-form-row .registration-form-col12 {
  position: relative;
  width: 100%;
  padding: 0 1.04167vw
}

.registration-form .registration-form-row .registration-form-col6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .registration-form .registration-form-row .registration-form-col6 {
      -webkit-box-flex:0;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }
}

.registration-form .registration-form-row .registration-form-col12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .registration-form .registration-form-submit {
      text-align:center
  }
}

.sec-error-item {
  position: relative;
  width: 100%;
  height: -webkit-calc(100vh - 14.53125vw);
  height: calc(100vh - 14.53125vw);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .sec-error-item {
      height:-webkit-calc(100vh - 42.4vw);
      height: calc(100vh - 42.4vw)
  }
}

.sec-error-item .sec-error-summary {
  text-align: center
}

.sec-error-item .sec-error-summary .sec-error-summary-img {
  margin: 0 auto 1.09375vw;
  width: 11.97917vw;
  height: 4.47917vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .sec-error-item .sec-error-summary .sec-error-summary-img {
      margin-bottom:2.8vw;
      width: 30.66667vw;
      height: 11.46667vw
  }
}

.sec-error-item .sec-error-summary .sec-error-summary-title {
  padding-top: 1.09375vw;
  padding-bottom: 1.30208vw;
  font-size: 1.25vw;
  color: rgba(0,0,0,.5)
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .sec-error-item .sec-error-summary .sec-error-summary-title {
      padding-top:2.8vw;
      padding-bottom: 3.33333vw;
      font-size: 6.4vw
  }
}

.sec-error-item .sec-error-summary .sec-error-summary-desc {
  padding-top: 1.04167vw;
  font-size: .72917vw;
  color: #666
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .sec-error-item .sec-error-summary .sec-error-summary-desc {
      padding-top:2.66667vw;
      font-size: 2.66667vw
  }
}

.sec-error-item .sec-error-summary .sec-error-link {
  color: #007f68;
  text-decoration: underline
}

.survey-sec1 {
  position: relative
}

.survey-sec1 .survey-sec1-bg {
  width: 100%
}

.survey-sec1 .survey-sec1-summary {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 46.14583vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .survey-sec1 .survey-sec1-summary {
      width:89.33333vw
  }
}

.survey-sec1 .survey-sec1-summary .aiko-h1 {
  margin-bottom: 0;
  font-size: 2.5vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .survey-sec1 .survey-sec1-summary .aiko-h1 {
      font-size:6.4vw
  }
}

.survey-sec2 {
  width: 54.47917vw;
  margin: 5.20833vw auto 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .survey-sec2 {
      margin-top:10.66667vw;
      width: 91.2vw
  }

  .survey-sec2 .aiko-medium {
      font-size: 3.2vw
  }
}

.survey-form {
  padding: 4.16667vw 0 8.33333vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .survey-form {
      padding:5.33333vw 0 10.66667vw
  }
}

.survey-form .survey-form-container {
  width: 54.47917vw;
  margin: 0 auto
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .survey-form .survey-form-container {
      width:91.2vw
  }
}

.survey-form .survey-form-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.04167vw;
  margin-right: -1.04167vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .survey-form .survey-form-row:last-child .survey-form-col12 {
      text-align:center
  }
}

.survey-form .survey-form-row .survey-form-col6,.survey-form .survey-form-row .survey-form-col12 {
  position: relative;
  width: 100%;
  padding: 0 1.04167vw
}

.survey-form .survey-form-row .survey-form-col6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .survey-form .survey-form-row .survey-form-col6 {
      -webkit-box-flex:0;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }
}

.survey-form .survey-form-row .survey-form-col12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.survey-form .survey-submit-btn {
  margin-top: 4.94792vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .survey-form .survey-submit-btn {
      margin-top:8vw
  }
}

.events-sec-banner {
  position: relative;
  margin-bottom: 3.38542vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .events-sec-banner {
      margin-bottom:5.33333vw
  }
}

.events-sec-banner .events-sec-banner-bg {
  z-index: 1;
  position: relative
}

.events-sec-banner .events-sec-banner-title {
  z-index: 3;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 81.25vw;
  text-align: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .events-sec-banner .events-sec-banner-title {
      width:89.33333vw
  }
}

.events-sec-nav {
  padding: 3.38542vw 0 1.5625vw;
  margin: 0 auto;
  width: 81.25vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .events-sec-nav {
      width:89.33333vw;
      padding: 5.33333vw 0 0
  }
}

.events-sec-nav .events-sec-nav-list {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.events-sec-nav .events-sec-nav-list .events-sec-nav-item {
  cursor: pointer;
  z-index: 1;
  position: relative;
  margin: 0 1.04167vw;
  padding: .78125vw 0;
  width: 100%;
  max-width: 8.33333vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.33333vw;
  flex: 0 0 8.33333vw;
  font-size: 1.04167vw;
  line-height: 1.3;
  color: rgba(0,0,0,.5);
  text-align: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .events-sec-nav .events-sec-nav-list .events-sec-nav-item {
      margin:0 2.66667vw;
      padding: 1.86667vw 0;
      max-width: 16vw;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 16vw;
      flex: 0 0 16vw;
      font-size: 2.66667vw
  }
}

.events-sec-nav .events-sec-nav-list .events-sec-nav-item.active {
  z-index: 3;
  border-bottom: 1px solid #007f68;
  font-family: OPPOSans-Bold;
  color: #000
}

.events-sec-list {
  margin: 0 auto 7.8125vw;
  padding-top: 3.38542vw;
  width: 81.25vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .events-sec-list {
      width:89.33333vw;
      margin-bottom: 13.33333vw;
      padding-top: 10.66667vw
  }
}

.events-sec-list .events-sec-row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -.41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .events-sec-list .events-sec-row {
      margin:-1.33333vw
  }
}

.events-sec-list .events-sec-row .events-sec-col {
  position: relative;
  width: 100%;
  padding: .41667vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .events-sec-list .events-sec-row .events-sec-col {
      padding:1.33333vw;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }
}

.events-sec-list .events-sec-item {
  display: block;
  height: 100%;
  position: relative;
  background-color: #f5f5f5
}

@media (any-hover: hover) {
  .events-sec-list .events-sec-item:hover {
      box-shadow:0 0 1.04167vw rgba(255,81,0,.2)
  }
}

.events-sec-list .events-sec-item:active {
  box-shadow: 0 0 1.04167vw rgba(255,81,0,.2)
}

.events-sec-list .events-sec-item .events-sec-item-tags {
  position: absolute;
  top: .625vw;
  right: .625vw;
  font-size: 0
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .events-sec-list .events-sec-item .events-sec-item-tags {
      top:3.2vw;
      right: 3.2vw
  }
}

.events-sec-list .events-sec-item .events-sec-item-tags .events-sec-item-tag {
  font-weight: 400;
  display: inline-block;
  padding: .26042vw .83333vw .3125vw;
  min-width: 4.58333vw;
  font-size: .83333vw;
  line-height: 1.3125;
  color: #fff;
  text-align: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .events-sec-list .events-sec-item .events-sec-item-tags .events-sec-item-tag {
      padding:.93333vw 2.93333vw 1.06667vw;
      min-width: 15.2vw;
      font-size: 2.66667vw
  }
}

.events-sec-list .events-sec-item .events-sec-item-tags .events-sec-item-tag.events {
  background-color: rgba(255,81,0,.3)
}

.events-sec-list .events-sec-item .events-sec-item-tags .events-sec-item-tag.news {
  background-color: hsla(0,0%,100%,.3)
}

.events-sec-list .events-sec-item .events-sec-item-tags .events-sec-item-tag+.events-sec-item-tag {
  margin-left: .41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .events-sec-list .events-sec-item .events-sec-item-tags .events-sec-item-tag+.events-sec-item-tag {
      margin-left:1.06667vw
  }
}

.events-sec-list .events-sec-item .events-sec-item-img {
  width: 100%;
  height: 19.84375vw;
  overflow: hidden
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .events-sec-list .events-sec-item .events-sec-item-img {
      height:66.93333vw
  }
}

.events-sec-list .events-sec-item .events-sec-item-img img {
  display: block
}

.events-sec-list .events-sec-item .events-sec-item-summary {
  padding: 1.04167vw 1.66667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .events-sec-list .events-sec-item .events-sec-item-summary {
      padding:4.26667vw 4.26667vw 4.8vw
  }
}

.events-sec-list .events-sec-item .events-sec-item-title {
  margin-bottom: 1.14583vw;
  height: 2.8125vw;
  font-size: 1.04167vw;
  color: #000;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .events-sec-list .events-sec-item .events-sec-item-title {
      margin-bottom:4.26667vw;
      height: 12vw;
      font-size: 4.26667vw;
      line-height: 1.40625
  }
}

.events-sec-list .events-sec-item .events-sec-item-desc {
  font-size: .72917vw;
  color: rgba(0,0,0,.7);
  line-height: 1.28571
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .events-sec-list .events-sec-item .events-sec-item-desc {
      font-size:2.66667vw;
      line-height: 1.3
  }
}

.events-sec-list .events-sec-item .events-sec-item-location {
  margin-bottom: .41667vw
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .events-sec-list .events-sec-item .events-sec-item-location {
      margin-bottom:1.06667vw
  }
}

.events-sec-list .events-sec-btn-group {
  display: none;
  padding-top: 4.94792vw;
  text-align: center
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .events-sec-list .events-sec-btn-group {
      padding-top:10.66667vw
  }
}

.events-sec-list .events-loading {
  width: 5.20833vw;
  margin: 5.20833vw auto
}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:779px) {
  .events-sec-list .events-loading {
      width:13.33333vw;
      margin: 26.66667vw auto
  }
}