.jy-content {
  background: #000;
}

.jy-cont1 {
  position: relative;
  min-height: 100vh;
}
@media (max-width: 768px) {
  .jy-cont1 {
    min-height: inherit;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-top: -webkit-calc(2rem + 60px);
    padding-top: -moz-calc(2rem + 60px);
    padding-top: calc(2rem + 60px);
  }
}
.jy-cont1 .cp-a2v1 {
  position: relative;
}
@media (max-width: 768px) {
  .jy-cont1 .cp-a2v1 {
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: -10vw;
  }
}
.jy-cont1 .cp-a2v1 img {
  width: 100%;
}
.jy-cont1 .cp-a2v1 video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 990px) {
  .jy-cont1 .cp-a2v1 video {
    height: auto;
    width: 100%;
    left: 0%;
    top: 15%;
  }
}
.jy-cont1 .cp-a2v2 {
  position: absolute;
  left: 0;
  top: 22%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  color: #fff;
  z-index: 1;
  text-align: center;
}
@media (max-width: 1240px) {
  .jy-cont1 .cp-a2v2 {
    top: 18%;
  }
}
@media (max-width: 768px) {
  .jy-cont1 .cp-a2v2 {
    position: static;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}
.jy-cont1 .cp-a2v2 .p1 {
  font-size: 1.85rem;
  line-height: 1.25em;
  font-weight: 400;
  margin-bottom: 1.25rem;
}
.jy-cont1 .cp-a2v2 .p1 .pax1 {
  font-size: 1.25rem;
}
@media (max-width: 768px) {
  .jy-cont1 .cp-a2v2 .p1 .pax1 {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .jy-cont1 .cp-a2v2 .p1 {
    font-size: 1.125rem;
    line-height: 2.125em;
    margin-bottom: 1.125rem;
  }
}
.jy-cont1 .cp-a2v2 .p1 .tit {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.125em;
  padding: 1rem 0;
}
@media (max-width: 768px) {
  .jy-cont1 .cp-a2v2 .p1 .tit {
    font-size: 1.65rem;
    padding: 0.25rem 0;
  }
}
.jy-cont1 .cp-a2v2 .more3 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  margin: 0 auto;
  padding: 0 2em;
  line-height: 2.65rem;
}
.jy-cont1 .cp-a2v2 .more3 i {
  display: block;
  font-size: 0;
  width: 0.5625rem;
  margin-left: 0.65rem;
}
.jy-cont1 .cp-a2v2 .more3 i img {
  width: 100%;
}
.jy-cont1 .cp-a2v2 .img1 {
  width: 44.7142857143%;
  margin: 0 auto;
}
.jy-cont1 .cp-a2v2 .img1 img {
  width: 100%;
}

.jy-cont2 {
  position: relative;
  width: 100%;
  height: 100vh;
}
@media (max-width: 768px) {
  .jy-cont2 {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
  }
}
.jy-cont2 .jy-a2v1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .jy-cont2 .jy-a2v1 {
    position: relative;
    height: auto;
    padding-bottom: 35vh;
  }
}
.jy-cont2 .jy-a2v1 canvas {
  width: 100%;
}
.jy-cont2 .jy-a2v1 video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .jy-cont2 .jy-a2v1 video {
    height: auto;
  }
}
.jy-cont2 .jy-a2v1 .yy {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: -webkit-linear-gradient(bottom, #000, #000 15%, transparent);
  background: -moz-linear-gradient(bottom, #000, #000 15%, transparent);
  background: -o-linear-gradient(bottom, #000, #000 15%, transparent);
  background: linear-gradient(0deg, #000, #000 15%, transparent);
  opacity: 1;
}
@media (max-width: 768px) {
  .jy-cont2 .jy-a2v1 .yy {
    height: 15%;
  }
}
.jy-cont2 .jy-a2v3 {
  color: #fff;
  text-align: center;
}
.jy-cont2 .jy-a2v3 .titat {
  font-size: 2.5rem;
  line-height: 1.25em;
  font-weight: 600;
}
.jy-cont2 .jy-a2v3 .cont-p .tit {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.35em;
  margin-top: 0.5rem;
}
.jy-cont2 .jy-a2v2 {
  color: #fff;
  text-align: center;
}
@media (max-width: 768px) {
  .jy-cont2 .jy-a2v2 {
    margin-top: 1.5rem;
  }
}
.jy-cont2 .jy-a2v2 .titat {
  font-size: 9.9375rem;
  line-height: 1.25em;
  position: absolute;
  left: 0;
  width: 100%;
  top: 25%;
  font-weight: 600;
}
@media (max-width: 768px) {
  .jy-cont2 .jy-a2v2 .titat {
    font-size: 2.5rem;
  }
}
.jy-cont2 .jy-a2v2 .cont-p {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 25%;
}
@media (max-width: 768px) {
  .jy-cont2 .jy-a2v2 .cont-p {
    padding: 0 4%;
    top: 75%;
  }
}
.jy-cont2 .jy-a2v2 .cont-p .tit {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.35em;
}
@media (max-width: 768px) {
  .jy-cont2 .jy-a2v2 .cont-p .tit {
    font-size: 1.75rem;
  }
}
.jy-cont2 .jy-a2v2 .cont-p .p1 {
  font-size: 1.125rem;
  line-height: 1.86em;
  margin-top: 1.5rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  .jy-cont2 .jy-a2v2 .cont-p .p1 {
    font-size: 1rem;
    margin-top: 1rem;
    text-align: justify;
  }
}

.jy-cont3 {
  position: relative;
  width: 100%;
  height: 100vh;
}
@media (max-width: 768px) {
  .jy-cont3 {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
  }
}
.jy-cont3 .jy-a3v1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .jy-cont3 .jy-a3v1 {
    height: auto;
    position: static;
    padding-bottom: 35vh;
  }
}
.jy-cont3 .jy-a3v1 canvas {
  width: 100%;
}
.jy-cont3 .jy-a3v1 video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .jy-cont3 .jy-a3v1 video {
    height: auto;
  }
}
.jy-cont3 .jy-a3v1 .yy {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: -webkit-linear-gradient(bottom, #000, #000 15%, transparent);
  background: -moz-linear-gradient(bottom, #000, #000 15%, transparent);
  background: -o-linear-gradient(bottom, #000, #000 15%, transparent);
  background: linear-gradient(0deg, #000, #000 15%, transparent);
  opacity: 1;
}
@media (max-width: 768px) {
  .jy-cont3 .jy-a3v1 .yy {
    display: none;
  }
}
.jy-cont3 .jy-a3v2 {
  color: #fff;
}
@media (max-width: 768px) {
  .jy-cont3 .jy-a3v2 {
    width: 100%;
  }
}
.jy-cont3 .jy-a3v2 .txt1 {
  font-size: 1.5rem;
  line-height: 2em;
  font-weight: 400;
  position: absolute;
  left: 0;
  width: 100%;
  top: 30%;
  text-align: center;
}
@media (max-width: 768px) {
  .jy-cont3 .jy-a3v2 .txt1 {
    font-size: 1rem;
    top: auto;
    bottom: 35%;
  }
}
.jy-cont3 .jy-a3v2 .txt2 {
  font-size: 1.5rem;
  line-height: 2em;
  font-weight: 400;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 25%;
  opacity: 0;
  text-align: center;
}
@media (max-width: 768px) {
  .jy-cont3 .jy-a3v2 .txt2 {
    font-size: 1rem;
    bottom: 30%;
  }
}
.jy-cont3 .jy-a3v2 .txt3 {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 10%;
  padding: 0 17% 0 21%;
  text-align: center;
}
@media (max-width: 768px) {
  .jy-cont3 .jy-a3v2 .txt3 {
    padding: 0 4%;
    bottom: 42%;
  }
}
.jy-cont3 .jy-a3v2 .txt3 li .data {
  font-size: 4rem;
  line-height: 1.25em;
  font-weight: 600;
  opacity: 0;
}
@media (max-width: 768px) {
  .jy-cont3 .jy-a3v2 .txt3 li .data {
    font-size: 1.75rem;
  }
}
.jy-cont3 .jy-a3v2 .txt3 li p {
  font-size: 1.125rem;
  line-height: 1.86em;
  font-weight: 400;
  opacity: 0;
}
@media (max-width: 768px) {
  .jy-cont3 .jy-a3v2 .txt3 li p {
    font-size: 0.875rem;
  }
}

.xj-txt {
  height: 100vh;
}
@media (max-width: 768px) {
  .xj-txt {
    height: auto;
    padding: 0 0 3.5rem;
  }
}
.xj-txt .txt4 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.3em;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .xj-txt .txt4 {
    font-size: 2.5rem;
  }
}

.jy-cont4 {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 768px) {
  .jy-cont4 {
    height: auto;
  }
}
.jy-cont4 .jy-a4v1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .jy-cont4 .jy-a4v1 {
    position: static;
    height: auto;
  }
}
.jy-cont4 .jy-a4v1 .yy {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
}
@media (max-width: 768px) {
  .jy-cont4 .jy-a4v1 .yy {
    display: none;
  }
}
.jy-cont4 .jy-a4v1 video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .jy-cont4 .jy-a4v1 video {
    height: auto;
  }
}
.jy-cont4 .jy-a4v2 {
  position: absolute;
  left: 0;
  top: -webkit-calc(50% + 60px);
  top: -moz-calc(50% + 60px);
  top: calc(50% + 60px);
  width: 100%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 768px) {
  .jy-cont4 .jy-a4v2 {
    position: static;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    margin-top: 3.5rem;
  }
}
.jy-cont4 .jy-a4v2 .jy-a4v2c1 {
  color: #fff;
}
.jy-cont4 .jy-a4v2 .jy-a4v2c1 .tit {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.35em;
}
@media (max-width: 768px) {
  .jy-cont4 .jy-a4v2 .jy-a4v2c1 .tit {
    font-size: 1.8rem;
  }
}
.jy-cont4 .jy-a4v2 .jy-a4v2c1 .cont-p {
  margin-top: 1.5rem;
  width: 50%;
}
@media (max-width: 768px) {
  .jy-cont4 .jy-a4v2 .jy-a4v2c1 .cont-p {
    width: 100%;
    margin-top: 1.5rem;
  }
}
.jy-cont4 .jy-a4v2 .jy-a4v2c1 .cont-p dl {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .jy-cont4 .jy-a4v2 .jy-a4v2c1 .cont-p dl {
    margin-top: 1.35rem;
    margin-bottom: 0;
  }
}
.jy-cont4 .jy-a4v2 .jy-a4v2c1 .cont-p dl dt {
  width: 3.5rem;
}
@media (max-width: 768px) {
  .jy-cont4 .jy-a4v2 .jy-a4v2c1 .cont-p dl dt {
    width: 3rem;
  }
}
.jy-cont4 .jy-a4v2 .jy-a4v2c1 .cont-p dl dt img {
  width: 100%;
}
.jy-cont4 .jy-a4v2 .jy-a4v2c1 .cont-p dl dd {
  width: -webkit-calc(95% - 4rem);
  width: -moz-calc(95% - 4rem);
  width: calc(95% - 4rem);
}
@media (max-width: 768px) {
  .jy-cont4 .jy-a4v2 .jy-a4v2c1 .cont-p dl dd {
    width: -webkit-calc(95% - 3rem);
    width: -moz-calc(95% - 3rem);
    width: calc(95% - 3rem);
  }
}
.jy-cont4 .jy-a4v2 .jy-a4v2c1 .cont-p dl dd .tit1 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25em;
}
@media (max-width: 768px) {
  .jy-cont4 .jy-a4v2 .jy-a4v2c1 .cont-p dl dd .tit1 {
    font-size: 1.35rem;
  }
}
.jy-cont4 .jy-a4v2 .jy-a4v2c1 .cont-p dl dd .p1 {
  font-size: 1rem;
  line-height: 1.86em;
  font-weight: 400;
  margin-top: 0.5rem;
}
@media (max-width: 768px) {
  .jy-cont4 .jy-a4v2 .jy-a4v2c1 .cont-p dl dd .p1 {
    line-height: 1.5em;
  }
}

.jy-cont5 {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 768px) {
  .jy-cont5 {
    height: auto;
    padding: 3.5rem 0;
  }
}
.jy-cont5 .jy-a5v1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .jy-cont5 .jy-a5v1 {
    position: relative;
    height: auto;
  }
}
.jy-cont5 .jy-a5v1 canvas {
  width: 100%;
}
.jy-cont5 .jy-a5v1 video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .jy-cont5 .jy-a5v1 video {
    height: auto;
  }
}
.jy-cont5 .jy-a5v1 .yy {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: -webkit-linear-gradient(bottom, #000, #000 15%, transparent);
  background: -moz-linear-gradient(bottom, #000, #000 15%, transparent);
  background: -o-linear-gradient(bottom, #000, #000 15%, transparent);
  background: linear-gradient(0deg, #000, #000 15%, transparent);
  opacity: 1;
}
@media (max-width: 768px) {
  .jy-cont5 .jy-a5v1 .yy {
    opacity: 1 !important;
    -webkit-transform: translate(0px, 0px) !important;
       -moz-transform: translate(0px, 0px) !important;
        -ms-transform: translate(0px, 0px) !important;
         -o-transform: translate(0px, 0px) !important;
            transform: translate(0px, 0px) !important;
    height: 20%;
    background: -webkit-linear-gradient(bottom, #000, #000 5%, transparent);
    background: -moz-linear-gradient(bottom, #000, #000 5%, transparent);
    background: -o-linear-gradient(bottom, #000, #000 5%, transparent);
    background: linear-gradient(0deg, #000, #000 5%, transparent);
  }
}
.jy-cont5 .jy-a5v2 {
  position: absolute;
  left: 0;
  top: -webkit-calc(50% + 60px);
  top: -moz-calc(50% + 60px);
  top: calc(50% + 60px);
  width: 100%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 768px) {
  .jy-cont5 .jy-a5v2 {
    position: static;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    margin-top: 1.8rem;
  }
}
.jy-cont5 .jy-a5v2 .jy-a5v2c1 {
  color: #fff;
}
.jy-cont5 .jy-a5v2 .jy-a5v2c1 .tit {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.35em;
}
@media (max-width: 768px) {
  .jy-cont5 .jy-a5v2 .jy-a5v2c1 .tit {
    font-size: 1.8rem;
  }
}
.jy-cont5 .jy-a5v2 .jy-a5v2c1 .cont-p {
  margin-top: 1.5rem;
  width: 50%;
}
@media (max-width: 768px) {
  .jy-cont5 .jy-a5v2 .jy-a5v2c1 .cont-p {
    width: 100%;
    margin-top: 1.25rem;
  }
}
.jy-cont5 .jy-a5v2 .jy-a5v2c1 .cont-p dl {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .jy-cont5 .jy-a5v2 .jy-a5v2c1 .cont-p dl {
    margin-top: 1.125rem;
    margin-bottom: 0;
  }
}
.jy-cont5 .jy-a5v2 .jy-a5v2c1 .cont-p dl dt {
  width: 3.5rem;
}
@media (max-width: 768px) {
  .jy-cont5 .jy-a5v2 .jy-a5v2c1 .cont-p dl dt {
    width: 3rem;
  }
}
.jy-cont5 .jy-a5v2 .jy-a5v2c1 .cont-p dl dt img {
  width: 100%;
}
.jy-cont5 .jy-a5v2 .jy-a5v2c1 .cont-p dl dd {
  width: -webkit-calc(95% - 4rem);
  width: -moz-calc(95% - 4rem);
  width: calc(95% - 4rem);
}
@media (max-width: 768px) {
  .jy-cont5 .jy-a5v2 .jy-a5v2c1 .cont-p dl dd {
    width: -webkit-calc(95% - 3rem);
    width: -moz-calc(95% - 3rem);
    width: calc(95% - 3rem);
  }
}
.jy-cont5 .jy-a5v2 .jy-a5v2c1 .cont-p dl dd .tit1 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25em;
}
@media (max-width: 768px) {
  .jy-cont5 .jy-a5v2 .jy-a5v2c1 .cont-p dl dd .tit1 {
    font-size: 1.35rem;
  }
}
.jy-cont5 .jy-a5v2 .jy-a5v2c1 .cont-p dl dd .p1 {
  font-size: 1rem;
  line-height: 1.86em;
  font-weight: 400;
  margin-top: 0.5rem;
}
@media (max-width: 768px) {
  .jy-cont5 .jy-a5v2 .jy-a5v2c1 .cont-p dl dd .p1 {
    line-height: 1.5em;
  }
}

.jy-cont6 {
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  .jy-cont6 {
    padding-top: 0 !important;
  }
}
.jy-cont6 .jy-a6v1 {
  position: relative;
}
.jy-cont6 .jy-a6v1 u {
  display: block;
  font-size: 0;
  opacity: 0;
}
.jy-cont6 .jy-a6v1 u img {
  width: 100%;
}
.jy-cont6 .jy-a6v1 .ast1 li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.jy-cont6 .jy-a6v1 .ast1 li img {
  width: 100%;
}
.jy-cont6 .jy-a6v2 {
  position: absolute;
  left: 0;
  top: 55%;
  width: 100%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 768px) {
  .jy-cont6 .jy-a6v2 {
    position: static;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    padding: 0 4%;
    margin-top: 3.5rem;
  }
}
.jy-cont6 .jy-a6v2 .jy-a6v2c1 {
  color: #FFFFFF;
  width: 31.4583333333%;
  text-align: right;
}
@media (max-width: 768px) {
  .jy-cont6 .jy-a6v2 .jy-a6v2c1 {
    width: 100%;
    text-align: left;
  }
}
.jy-cont6 .jy-a6v2 .jy-a6v2c1 b {
  display: none;
  width: 15.1875rem;
  height: 1px;
  position: absolute;
  left: 105%;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #fff;
}
.jy-cont6 .jy-a6v2 .jy-a6v2c1 b::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.jy-cont6 .jy-a6v2 .jy-a6v2c1 .tit {
  font-size: 3rem;
  font-weight: 600;
  position: relative;
}
@media (max-width: 768px) {
  .jy-cont6 .jy-a6v2 .jy-a6v2c1 .tit {
    font-size: 1.8rem;
  }
}
.jy-cont6 .jy-a6v2 .jy-a6v2c1 .cont-p {
  font-size: 1.125rem;
  line-height: 1.86em;
  font-weight: 400;
  margin-top: 1.85rem;
  position: relative;
}
@media (max-width: 768px) {
  .jy-cont6 .jy-a6v2 .jy-a6v2c1 .cont-p {
    margin-top: 1.125rem;
    font-size: 1rem;
  }
}

.jy-cont7 {
  position: relative;
}
@media (max-width: 768px) {
  .jy-cont7 {
    padding-top: 3.5rem !important;
  }
}
.jy-cont7 .jy-a7v1 u {
  display: block;
  font-size: 0;
}
.jy-cont7 .jy-a7v1 u img {
  width: 100%;
}
.jy-cont7 .jy-a7v2 {
  position: absolute;
  right: 10%;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #FFFFFF;
  z-index: 1;
}
@media (max-width: 768px) {
  .jy-cont7 .jy-a7v2 {
    position: static;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    padding: 0 4%;
    margin-top: 3.5rem;
  }
}
.jy-cont7 .jy-a7v2 .tit {
  font-size: 3rem;
  font-weight: 600;
  position: relative;
}
@media (max-width: 768px) {
  .jy-cont7 .jy-a7v2 .tit {
    font-size: 1.8rem;
  }
}
.jy-cont7 .jy-a7v2 .p1 {
  font-size: 1.125rem;
  line-height: 1.86em;
  font-weight: 400;
  margin-top: 1.85rem;
  position: relative;
}
@media (max-width: 768px) {
  .jy-cont7 .jy-a7v2 .p1 {
    margin-top: 1rem;
  }
}

.jy-cont8 {
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  .jy-cont8 {
    padding-top: 3.5rem !important;
  }
}
.jy-cont8 .jy-a8v1 {
  position: relative;
}
.jy-cont8 .jy-a8v1 u {
  display: block;
  font-size: 0;
  opacity: 0;
}
.jy-cont8 .jy-a8v1 u img {
  width: 100%;
}
.jy-cont8 .jy-a8v1 .ast1 li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.jy-cont8 .jy-a8v1 .ast1 li img {
  width: 100%;
}
.jy-cont8 .jy-a8v2 {
  position: absolute;
  left: 10%;
  bottom: 22%;
  width: 100%;
  z-index: 1;
}
@media (max-width: 768px) {
  .jy-cont8 .jy-a8v2 {
    position: static;
    padding: 0 4%;
    margin-top: 3.5rem;
  }
}
.jy-cont8 .jy-a8v2 .jy-a8v2c1 {
  color: #FFFFFF;
  width: auto;
}
.jy-cont8 .jy-a8v2 .jy-a8v2c1 .txt {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75em;
}
@media (max-width: 768px) {
  .jy-cont8 .jy-a8v2 .jy-a8v2c1 .txt {
    font-size: 1.125rem;
  }
}

.jy-cont9 {
  position: relative;
}
@media (max-width: 768px) {
  .jy-cont9 {
    padding-top: 3.5rem !important;
  }
}
.jy-cont9 .jy-a9v1 u {
  display: block;
  font-size: 0;
}
.jy-cont9 .jy-a9v1 u img {
  width: 100%;
}
.jy-cont9 .jy-a9v2 {
  position: absolute;
  right: 10%;
  top: 40%;
  color: #FFFFFF;
  z-index: 1;
}
@media (max-width: 768px) {
  .jy-cont9 .jy-a9v2 {
    position: static;
    margin-top: 3.5rem;
    padding: 0 4%;
  }
}
.jy-cont9 .jy-a9v2 .p1 {
  font-size: 1.5rem;
  line-height: 1.86em;
  font-weight: 400;
  position: relative;
}
@media (max-width: 768px) {
  .jy-cont9 .jy-a9v2 .p1 {
    font-size: 1.25rem;
  }
}

.jy-cont10 {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 768px) {
  .jy-cont10 {
    padding: 3.5rem 0;
    height: auto;
  }
}
.jy-cont10::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 20%;
  background: -webkit-linear-gradient(top, #000, #000 15%, transparent);
  background: -moz-linear-gradient(top, #000, #000 15%, transparent);
  background: -o-linear-gradient(top, #000, #000 15%, transparent);
  background: linear-gradient(180deg, #000, #000 15%, transparent);
}
@media (max-width: 768px) {
  .jy-cont10::after {
    display: none;
  }
}
.jy-cont10 .jy-a10v1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .jy-cont10 .jy-a10v1 {
    position: static;
    height: auto;
  }
}
.jy-cont10 .jy-a10v1 video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .jy-cont10 .jy-a10v1 video {
    height: auto;
  }
}
.jy-cont10 .jy-a10v1 .yy {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: -webkit-linear-gradient(bottom, #000, #000 15%, transparent);
  background: -moz-linear-gradient(bottom, #000, #000 15%, transparent);
  background: -o-linear-gradient(bottom, #000, #000 15%, transparent);
  background: linear-gradient(0deg, #000, #000 15%, transparent);
  opacity: 1;
}
.jy-cont10 .jy-a10v2 {
  color: #fff;
}
.jy-cont10 .jy-a10v2 .txt-a1 {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 38%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 768px) {
  .jy-cont10 .jy-a10v2 .txt-a1 {
    position: static;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    margin-top: 3.5rem;
  }
}
.jy-cont10 .jy-a10v2 .txt-a1 .tit {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.35em;
}
@media (max-width: 768px) {
  .jy-cont10 .jy-a10v2 .txt-a1 .tit {
    font-size: 1.8rem;
  }
}
.jy-cont10 .jy-a10v2 .txt-a1 .p1 {
  font-size: 1.125rem;
  line-height: 1.86em;
  margin-top: 1.25rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  .jy-cont10 .jy-a10v2 .txt-a1 .p1 {
    font-size: 1rem;
    margin-top: 1.5rem;
  }
}

.jy-cont11 {
  color: #fff;
  text-align: center;
}
@media (max-width: 768px) {
  .jy-cont11 {
    padding: 0 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.jy-cont11 .jy-a11v1 {
  position: relative;
  width: 100%;
}
.jy-cont11 .jy-a11v1 .more3{
    position: absolute;
    left: 50%;
    bottom: 1.5rem;
    transform: translateX(-50%);
}
.lofha1{
    margin-top: 2rem;
}
.lofha1 img{
        height: 3.5rem;
}
@media (max-width: 768px) {
    .jy-cont11 .jy-a11v1 .more3{
        position: relative;    padding: 0.25rem 2.5em;
        margin: 0 auto;
        display: block;
        width: fit-content;transform: translateX(0);
        z-index: 1;
        left: 0;
    }
    .lofha1{
    margin-top: 1rem;
    }
    .lofha1 img{
            height: 2.5rem;
    }
  .jy-cont11 .jy-a11v1 {
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.jy-cont11 .jy-a11v1 video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.jy-cont11 .jy-a11v1 .yy {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 15%;
  background: -webkit-linear-gradient(bottom, #000, #000 15%, transparent);
  background: -moz-linear-gradient(bottom, #000, #000 15%, transparent);
  background: -o-linear-gradient(bottom, #000, #000 15%, transparent);
  background: linear-gradient(0deg, #000, #000 15%, transparent);
  opacity: 1;
}
@media (max-width: 768px) {
  .jy-cont11 .jy-a11v2 {
    width: 100%;
    margin-bottom: 3.5rem;
  }
}
.jy-cont11 .txt-a2 {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 39%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 768px) {
  .jy-cont11 .txt-a2 {
    position: static;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}
.jy-cont11 .txt-a2 .tit1 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.35em;
  overflow: hidden;
}
@media (max-width: 768px) {
  .jy-cont11 .txt-a2 .tit1 {
    font-size: 1.25rem;
  }
}
.jy-cont11 .txt-a2 .tit2 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.35em;
  margin-top: 0.85rem;
}
@media (max-width: 768px) {
  .jy-cont11 .txt-a2 .tit2 {
    font-size: 1.8rem;
  }
}

.jy-cont12 {
  padding: 11rem 0;
  color: #fff;
  text-align: center;
}
@media (max-width: 768px) {
  .jy-cont12 {
    padding: 3.5rem 0;
  }
}

.jy-cont12 .asjxt1 > li .tita {
  position: relative;
  z-index: 1;
  text-align: center;
}

.jy-cont12 .asjxt1 > li .tita::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #FFF 51%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #FFF 51%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #FFF 51%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFF 51%, rgba(255, 255, 255, 0) 100%);
  width: 87.1428571429%;
  height: 1px;
}

.jy-cont12 .asjxt1 > li .tita span {
  display: inline-block;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2em;
  border: 1px solid #fff;
  border-radius: 1.25rem;
  padding: 0 1.5em;
  background: #000;
}

.jy-cont12 .asjxt1 > li .asgh_list1 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 5rem;
}

@media (max-width: 768px) {
  .jy-cont12 .asjxt1 > li .asgh_list1 {
    margin-top: 1rem;
  }
}
.jy-cont12 .asjxt1 > li .asgh_list1 li {
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  color: #fff;
}

@media (max-width: 768px) {
  .jy-cont12 .asjxt1 > li .asgh_list1 li {
    -webkit-flex: auto;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: 100%;
    margin-top: 1.5rem;
  }
}
.jy-cont12 .asjxt1 > li .asgh_list1 li .img {
  width: 4.65rem;
  margin: 0 auto;
  padding: 0.85rem;
  border: 1px solid #fff;
  border-radius: 50%;
}

.jy-cont12 .asjxt1 > li .asgh_list1 li .img img {
  width: 100%;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

@media (max-width: 768px) {
  .jy-cont12 .asjxt1 > li .asgh_list1 li .p1 {
    padding: 0 5%;
  }
}
.jy-cont12 .asjxt1 > li .asgh_list1 li .p1 .tit {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5em;
  padding: 1rem 0 0.75rem;
}

.jy-cont12 .asjxt1 > li .asgh_list1 li .p1 p {
  font-size: 0.875rem;
  line-height: 1.5em;
  font-weight: 400;
}

@media (max-width: 768px) {
  .fade-upb {
    -webkit-transition-property: all;
    -o-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transform: translate(0, 100px);
       -moz-transform: translate(0, 100px);
        -ms-transform: translate(0, 100px);
         -o-transform: translate(0, 100px);
            transform: translate(0, 100px);
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
       -moz-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
         -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
            transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -webkit-transition-duration: 0.6s;
       -moz-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
    opacity: 0;
  }
  .fade-upb.animatea {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition-delay: 0.2s;
       -moz-transition-delay: 0.2s;
         -o-transition-delay: 0.2s;
            transition-delay: 0.2s;
    opacity: 1;
  }
}
.zs-ax2 {
  display: none;
}

@media (max-width: 768px) {
  .zs-ax2 {
    display: block;
  }
  .zs-ax1 {
    display: none;
  }
}



.tcmgs-a .msg-v1 .tit1 {
  text-align: center;
  color: #333;
  font-size: 1.75rem;
  line-height: 1.5em;
  font-weight: 700;
}
@media (max-width: 768px) {
  .tcmgs-a .msg-v1 .tit1 {
    font-size: 1.5rem;
  }
}