:root {
  --fontFamily: "Montserrat", "Noto Sans SC", "PingFang SC", -apple-system, BlinkMacSystemFont, "Microsoft Yahei UI", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol";
  --fontSize: 16px;
  --lineHeight: 1.65;
  --fontWeight: 400;
  --container-width: 88%;
  --container-max-width: 1440px;
  --block-max-width: 1440px;
  --color: #333333;
  --nav-height: 64px;
  --nav-padding: 20px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: var(--lineHeight);
  margin-bottom: 0.5em;
}

p {
  margin: 0.5em 0;
}

* {
  white-space: normal;
  word-break: normal;
}

body {
  margin: 0;
}

body * {
  outline: none;
}

* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
}
ul {
  margin: 0;
}
li {
  display: block;
}

.ct-container {
  width: var(--container-width);
  max-width: var(--container-max-width);
  margin: auto;
  position: relative;
  z-index: 9;
}
.ct-container-full {
  width: var(--container-width);
  margin: auto;
}
ul {
  padding: 0;
}

div {
  -webkit-overflow-scrolling: touch;
}
img {
  max-width: 100%;
  height: auto;
}
.full-img-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.full-img-wrap > img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

a.full-aa {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
}

.Scroll-Wrapper {
  height: 100vh;
  width: 100%;
  overflow: auto;
}

.bn_contents {
  max-width: 420px;
  font-size: 0.875em;
}
.bn_contents {
  color: #a4a4a4;
  font-weight: 300;
}

/* about */
h1.hd2 {
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1.25;
  margin: 0.75em 0;
  margin-top: 0.35em;
}

.hd3 {
  opacity: 0.65;
  max-width: 820px;
  margin-bottom: 3em;
  font-weight: 300;
}
.the-about {
  position: relative;
  z-index: 9;
}
.the-ff-c1-bg {
  position: relative;
}
.the-flip-lop {
  --height: 1080px;
  --max-height: 100vh;
}
.the-flip-ii-1 {
  position: relative;
  height: var(--height);
  max-height: var(--max-height);
}

.bg_w {
  position: relative;
  z-index: 1;
}

.the-flip-i-aa {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 50%;
  z-index: 1;
}

.the-flip-i-aa-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.the-flip-i-bb {
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.the-flip-i-bb-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.the-flip-i-bb-cc {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 15%;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

.the-flip-i-bb-cc > div {
  flex-basis: 50%;
}
.the-flip-i-bb-c1 {
  position: relative;
}

.the-ff-c1-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.the-ff-c1-bg {
  overflow: hidden;
}
.the-ff-c1-bg > .full-img-wrap > img:first-child {
  transition: opacity 0.8s, transform 0.8s;
  transform: scale(1.08);
}
.the-flip-i-bb-c1.active .the-ff-c1-bg > .full-img-wrap > img:first-child {
  transition: opacity 0.8s, transform 3s;
  opacity: 1;
  transform: scale(1);
}

.the-ff-c1-bg > .full-img-wrap > img:last-child {
  transition: opacity 0.8s, transform 0.8s;
  opacity: 0;
  transform: scale(1.08);
}

.the-flip-i-bb-c1:hover .the-ff-c1-bg > .full-img-wrap > img:last-child,
.the-flip-i-bb-c1.active .the-ff-c1-bg > .full-img-wrap > img:last-child {
  transition: opacity 0.8s, transform 3s;
  opacity: 1;
  transform: scale(1);
}

.flls-bg {
  transition: opacity 1s 0s;
  opacity: 0;
}

.flls-bg.active {
  opacity: 1;
  transition: opacity 1s 0s;
}
.the-ff-c1-c {
  position: relative;
  z-index: 10;
  display: flex;
  width: 100%;
}

.the-flip-i-bb-c1 {
  display: flex;
}

.the-ff-c1-c > div {
  display: flex;
  flex-direction: column;
  // width: 75%;
  // margin: 0 auto;
  // max-width: 520px;
  justify-content: flex-start;
}

.ffc-logo img {
  display: block;
  // max-width: 220px;
  transition: 0.3s;
}

.the-flip-i-bb-c1.active {
  color: #fff;
}

.the-flip-i-bb-c1.active .ffc-logo img {
  filter: contrast(0) grayscale(1) brightness(100);
}

.ffc-logo {
  // margin-bottom: 3em;
}
.more-btn-ff a {
  display: inline-flex;
  align-items: center;
}

.more-btn-ff a span {
  display: block;
  margin-right: 0.5em;
}

.more-btn-ff a svg {
  display: block;
  transform: rotate(-45deg);
  transition: 0.5s;
}
.more-btn-ff a svg path {
  transition: 0.3s;
}
.the-flip-i-bb-c1.active .more-btn-ff a svg path {
  fill: #fff;
}
.the-flip-i-bb-c1.active .more-btn-ff a svg {
  transform: rotate(0deg);
}

.more-btn-ff a {
  position: relative;
}

.more-btn-ff a span,
.more-btn-ff a svg {
  position: relative;
  z-index: 5;
}

.the-flip-ii-2 {
  position: relative;
  height: var(--height);
  max-height: var(--max-height);
}

.the-flip-i2-aa {
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.the-flip-i2-aa-bg {
  position: absolute;
  top: 0;
  left: 0%;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.the-flip-i2-bb {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 50%;
  z-index: 5;
  display: flex;
}

.the-flip-i2-bb-bg {
  position: absolute;
  top: 0;
  left: 0%;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.the-flip-i2-bb-cc {
  width: 100%;
  display: flex;
  align-items: center;
  color: #fff;
  position: relative;
  z-index: 10;
}

.the-flip-i2-bb-22i {
  position: absolute;
  bottom: 7%;
  left: 0;
  right: 0;
  width: 80%;
  margin: auto;
  max-width: 640px;
}

.the-flip-i2-bb-22i > div {
  display: flex;
  justify-content: space-between;
}

.flsoii b {
  display: block;
  font-weight: 400;
  margin: 0.3em 0;
}

.ffc-logo.i2-bb-i {
  padding-top: 18vh;
  padding-bottom: 6vh;
  padding-left: 3vw;
}

.the-flip-i2-bb-22i > div > div:nth-child(even) b {
  opacity: 0.65;
}
.the-flip-i2-sicc2 {
  width: 80%;
  margin: auto;
}

.the-flip-i2-aa.flip-ii-2a {
  display: flex;
}

.ffc-logo.i2-bb-i2 {
  overflow: hidden;
}

p.subttSub {
  font-size: 1.25em;
  font-weight: 300;
}

.full-img-wrap video {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

svg.the-path {
  position: absolute;
  left: 15%;
  right: 15%;
  top: 15%;
  bottom: 15%;
  margin: auto;
  width: 70%;
}

svg.the-path {
  opacity: 0;
  display: none;
}

/* scroll elm */
.Scroll-wrapper {
  height: 100vh;
  overflow: auto;
}

.split_elm {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  will-change: transform;
  transform: translate3d(0px, calc(var(--scroll-spl-y) * 1px), 0px);
}

.the-flip-i-bb-cc {
  transition: top 1s;
}

body.runnn .the-flip-lop {
  min-height: calc(500vh);
}

div[class^="the-flip-ii-"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.the-flip-ii-1.sticky-elm {
  z-index: 20;
}

.the-flip-lop {
  position: relative;
  z-index: 2;
}

.sticky-elm .the-flip-i-aa {
  right: 0;
  transform: translate3d(0%, 0px, 0px);
}

.sticky-elm .the-flip-i-aa > div {
  transform: translate3d(0%, 0px, 0px);
}
.the-flip-i-bb {
  overflow: hidden;
}
.the-flip-i-aa {
  overflow: hidden;
}

.the-flip-lop {
  overflow: hidden;
}
.the-flip-lop {
  --ease: cubic-bezier(0.63, 0.1, 0.25, 1);
}
.the-flip-ii-2 {
  z-index: 20;
}
.the-flip-ii-2.flip-ii-e-2.sticky-elm {
  z-index: 21;
  pointer-events: none;
}
.the-flip-ii-2.flip-ii-e-3.sticky-elm {
  z-index: 22;
  pointer-events: none;
}
.the-flip-ii-2.flip-ii-e-4.sticky-elm { 
  z-index:23;
  pointer-events:none
}
.the-flip-ii-2.flip-ii-e-5.sticky-elm { 
  z-index:24;
  pointer-events:none
}

.the-flip-ii-2.flip-ii-e-2.sticky-elm.on-reach {
  pointer-events: auto;
}
.the-flip-ii-2.flip-ii-e-3.sticky-elm.on-reach {
  pointer-events: auto;
}
.the-flip-ii-2.flip-ii-e-4.sticky-elm.on-reach{pointer-events:auto}
.the-flip-ii-2.flip-ii-e-5.sticky-elm.on-reach{pointer-events:auto}
.the-flip-ii-2 {
  overflow: hidden;
}

.the-flip-ii-2 > div {
  overflow: hidden;
}
.flls-bg img {
  transition: 1s;
  transform: scale(1.1);
}

.flls-bg.active img {
  transition: opacity 1s, transform 6s;
  transform: scale(1);
}

.flls-bg-2 img {
  transition: opacity 1s, transform 1s 1s;
  transform: translate(-12%, 0%);
  opacity: 0;
}

.flls-bg-2.active img {
  transition: opacity 1s, transform 7s;
  transform: translate(0%, 0%);
  opacity: 1;
}
.the-flip-i-bb-cc > div {
  transition: flex-basis 0.8s;
}
.the-flip-i-bb-cc > div.the-flip-i-bb-c1.active {
  flex-basis: 55%;
}
[data-active_y] {
  transition: opacity 0.3s;
  opacity: 0;
}

[data-active_y="1"] {
  opacity: 1;
}

.the-main-wrapper {
  background: #fff;
  transition: opacity 0.4s;
  opacity: 0;
  transition: transform 1s;
}
.Scroll-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  /* pointer-events: none; */
}

[data-color="dark"] {
  color: #000;
}
[data-color="white"] {
  color: #fff;
}
.is-loaded .the-main-wrapper {
  opacity: 1;
  transition: background 1s, transform 1s cubic-bezier(0.7, 0.02, 0.25, 1);
}

.scroll-w.real-content {
  overflow: hidden;
}

.multSelect .multSelect-option {
  max-height: 350px !important;
  overflow-y: scroll;
}

.main {
  position: relative;
  z-index: 2;
}

.runnn div[class^="cbox-"],
.runnn div[id^="c_"] {
  min-height: 0px !important;
}

/* response */
@media screen and (max-width: 1520px) {
  p {
    font-size: 0.925em;
  }

  .ffc-logo {
    margin-bottom: 1.5em;
  }

  .more-btn-ff a {
    font-size: 0.875em;
  }

  // .the-ff-c1-c > div {
  //   width: 80%;
  // }
  // .the-ff-c1-c > div .bigTit.one {
  //   height: 45px!important;
  //   margin-top: 10.8%!important;
  //   margin-left: 17.6%!important;
  //   margin-bottom: 3.7%!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigDesc.one {
  //   width: 74%!important;
  //   margin-left: 17.6%!important;
  //   margin-bottom: 1.6%!important;
  //   margin-top: 0!important;
  //   font-size: 16px!important;
  //   line-height: 30px!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigNumBox.one {
  //   width: 74%!important;
  //   margin-left: 17.6%!important;
  //   margin-bottom: 7.6%!important;
  //   margin-top: 0!important;
  //   font-size: 16px!important;
  //   line-height: 30px!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigNumBox p span strong {
  //   font-size: 30px!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigMore {
  //   font-size: 16px!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigTit.two {
  //   height: 65px!important;
  //   margin-top: 7%!important;
  //   margin-left: 29.1%!important;
  //   margin-bottom: 3%!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigDesc.two {
  //   width: 60%!important;
  //   margin: 5% auto 5% 26%!important;
  //   font-size: 16px!important;
  //   line-height: 30px!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigTit.three {
  //   height: 65px!important;
  //   margin-top: 7.5%!important;
  //   margin-left: 17.6%!important;
  //   margin-bottom: 1.1%!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigDesc.three {
  //   width: 70%!important;
  //   margin: 0 auto 2.8% 17.6%!important;
  //   font-size: 16px!important;
  //   line-height: 30px!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigNumBox.three {
  //   margin-bottom: 8%!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigTit.four {
  //   height: 35px!important;
  //   margin-top: 10.6%!important;
  // }

  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigDesc.four {
  //   width: 61%!important;
  //   margin: 0 auto 2.3% 26%!important;
  //   font-size: 16px!important;
  //   line-height: 30px!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigNumBox {
  //   margin-bottom: 5.6%!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigTit.five {
  //   height: 65px!important;
  //   margin-top: 13.9%!important;
  //   margin-left: 17.6%!important;
  //   margin-bottom: 2.4%!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigDesc.five {
  //   width: 73%!important;
  //   margin: 0 auto 10% 17.6%!important;
  //   font-size: 16px!important;
  //   line-height: 30px!important;
  // }

  .ffc-logo.i2-bb-i {
    padding-top: 20vh;
  }

  .the-flip-i2-sicc {
    padding-left: 12%;
    width: 75%;
  }

  .the-flip-i2-bb-22i > div {
    font-size: 0.825em;
  }

  .the-flip-i2-bb-22i {
    width: 70%;
  }

  p.subttSub {
    font-size: 1em;
  }

  .hd3 {
    font-size: 0.825em;
    margin-bottom: 2.5em;
  }
}
@media screen and (max-width: 1800px) {
  // .the-ff-c1-c > div .bigTit.one {
  //   height: 55px !important;
  //   margin-top: 13.8% !important;
  //   margin-left: 17.6% !important;
  //   margin-bottom: 5.7% !important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigDesc.one {
  //   width: 72% !important;
  //   margin-left: 17.6% !important;
  //   margin-bottom: 3.6% !important;
  //   margin-top: 0 !important;
  //   font-size: 17px !important;
  //   line-height: 34px !important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigNumBox p span strong {
  //   font-size: 34px!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigMore {
  //   font-size: 17px!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigTit.two {
  //   height: 80px !important;
  //   margin-top: 9% !important;
  //   margin-left: 29.1% !important;
  //   margin-bottom: 9% !important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigDesc.two {
  //   width: 55% !important;
  //   margin: 5% auto 5% 26% !important;
  //   font-size: 17px !important;
  //   line-height: 34px !important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigTit.three {
  //   height: 83px !important;
  //   margin-top: 7.5% !important;
  //   margin-left: 17.6% !important;
  //   margin-bottom: 7.1% !important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigDesc.three {
  //   width: 70% !important;
  //   margin: 0 auto 2.8% 17.6% !important;
  //   font-size: 17px !important;
  //   line-height: 34px !important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigNumBox.three {
  //   margin-bottom: 8%!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigTit.four {
  //   height: 40px !important;
  //   margin-top: 13.6% !important;
  // }

  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigDesc.four {
  //   width: 61%!important;
  //   margin: 0 auto 2.3% 26%!important;
  //   font-size: 17px!important;
  //   line-height: 34px!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigNumBox {
  //   margin-bottom: 7.6%!important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigTit.five {
  //   height: 77px !important;
  //   margin-top: 13.9% !important;
  //   margin-left: 17.6% !important;
  //   margin-bottom: 9.4% !important;
  // }
  // .brandPartners2025 .partners2025JCNR .pJCNRImgBox .bigFlex .bigDesc.five {
  //   width: 69%!important;
  //   margin: 0 auto 9% 17.6%!important;
  //   font-size: 17px!important;
  //   line-height: 34px!important;
  // }
}
[id*="c_static_"] [class*="e_container-"] {
  display: block !important;
}

[id*="c_static_"] [class*="e_container-"] > div {
  max-width: none !important;
}

[id*="c_static_"] [class*="e_container-"] > div.ct-container {
  width: var(--container-width);
  max-width: var(--container-max-width) !important;
}
body div[id*="c_static_"] .Scroll-wrapper [class*="e_loop-"] .p_loopitem {
  flex-basis: auto !important;
}

/* 新增 */
.ffc-more {
  position: relative;
  z-index: 50;
}
.category.deep-2.swiper-wrapper .category-wrap.swiper-slide {
  width: auto;
}
.category-wrap.swiper-slide.swiper-slide-active .category.deep-2.swiper-wrapper .category-wrap.swiper-slide {
  pointer-events: auto;
}
.zyx_add a.full-aa {
	width:50%;
	left:25%
}
.zyx_add.the-flip-i-bb-cc > div.the-flip-i-bb-c1.active {
	flex-basis:100%
}
.pf-bg-1 {
  transition: opacity 0.5s;
  opacity: 0;
}
.is-loaded .pf-bg-1 {
  opacity: 1;
}
.pf-bg-1 {
  position: absolute;
  top: -22%;
  z-index: 2000;
  right: -5%;
}
.pf-bg-1 > div {
  opacity: 0.9;
}

.pf-bg-1 img {
  display: block;
}
.pf-bg-1 {
  pointer-events: none;
}
.pf-bg-1 {
  // display: none;
}