@charset "utf-8";
html,
body {
  overflow-x: hidden;
}
/* 文字超出隐藏 */
.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 动画 */
.abImg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.dh {
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
}
.imgBox {
  position: relative;
  width: 100%;
  font-size: 0;
}
.imgBox img,
.imgBox video {
  max-width: unset;
  max-height: unset;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 2;
}
/* 动画延迟 */
/* 比例 */
.pb {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.ab {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  overflow: hidden;
}
.ab img {
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
}
/* 旋转 */
/* input框点击搜索时背景没有颜色 */
input:-webkit-autofill {
  background: transparent;
  transition: background-color 50000s ease-in-out 0s;
  -webkit-text-fill-color: unset;
}
.center_box {
  position: relative;
  z-index: 5;
}
/* 媒体查询 缩写 */
:root {
  /* COLOR */
  --active_color: #000;
  --color_fff: #ffffff;
  --color_text: #222222;
  --color_f6f: #f6f6f6;
  --color_f4f: #f4f4f4;
  --color_eee: #eeeeee;
  --color_ddd: #dddddd;
  --color_bbb: #bbbbbb;
  --color_999: #999999;
  --color_666: #666666;
  --color_444: #444444;
  --color_333: #333333;
  --color_222: #222222;
  --color_000: #000000;
  /* --- font40以下 */
  --font12: clamp(12px, 0.12rem, 12px);
  --font14: clamp(12px, 0.14rem, 14px);
  --font16: clamp(13px, 0.16rem, 16px);
  --font17: clamp(13px, 0.17rem, 17px);
  --font18: clamp(14px, 0.18rem, 18px);
  --font20: clamp(15px, 0.2rem, 20px);
  --font22: clamp(16px, 0.22rem, 22px);
  --font24: clamp(17px, 0.24rem, 24px);
  --font26: clamp(18px, 0.26rem, 26px);
  --font28: clamp(18px, 0.28rem, 28px);
  --font30: clamp(20px, 0.3rem, 30px);
  --font32: clamp(20px, 0.32rem, 32px);
  --font34: clamp(22px, 0.34rem, 34px);
  --font36: clamp(22px, 0.36rem, 36px);
  --font38: clamp(24px, 0.38rem, 38px);
  /* --- font40 */
  --font40: clamp(23px, 0.4rem, 40px);
  --font42: clamp(24px, 0.42rem, 42px);
  --font44: clamp(24px, 0.44rem, 44px);
  --font46: clamp(25px, 0.46rem, 46px);
  --font48: clamp(26px, 0.48rem, 48px);
  /* --- font50 */
  --font50: clamp(28px, 0.5rem, 50px);
  --font52: clamp(28px, 0.52rem, 52px);
  --font54: clamp(28px, 0.54rem, 54px);
  --font56: clamp(28px, 0.56rem, 56px);
  --font58: clamp(29px, 0.58rem, 58px);
  /* --- font60 */
  --font60: clamp(30px, 0.6rem, 60px);
  --font64: clamp(31px, 0.66rem, 64px);
  --font66: clamp(31px, 0.66rem, 66px);
  /* --- font70以及以上 */
  --font70: clamp(32px, 0.7rem, 70px);
  --font72: clamp(32px, 0.72rem, 72px);
  --font80: clamp(32px, 0.8rem, 80px);
  --font100: 1rem;
  --font120: 1.2rem;
  --font160: 1.6rem;
  --font15: clamp(12px, 0.15rem, 15px);
}
@media (max-width: 999px) {
  :root {
    --font56: 0.46rem;
    --font50: 0.5rem;
    --font24: 0.24rem;
    --font20: 0.2rem;
    --font48: 0.48rem;
    --font32: 0.32rem;
    --font38: 0.38rem;
  }
  :root .indexH1 {
    line-height: 1.4;
  }
}
/* 公共字体 */
.font12 {
  font-size: var(--font12);
}
.font14 {
  font-size: var(--font14);
}
.font16 {
  font-size: var(--font16);
}
.font18 {
  font-size: var(--font18);
}
.font20 {
  font-size: var(--font20);
}
.font22 {
  font-size: var(--font22);
}
.font24 {
  font-size: var(--font24);
}
.font26 {
  font-size: var(--font26);
}
.font28 {
  font-size: var(--font28);
}
.font30 {
  font-size: var(--font30);
}
.font32 {
  font-size: var(--font32);
}
.font34 {
  font-size: var(--font34);
}
.font36 {
  font-size: var(--font36);
}
.font38 {
  font-size: var(--font38);
}
.font40 {
  font-size: var(--font40);
}
.font42 {
  font-size: var(--font42);
}
.font44 {
  font-size: var(--font44);
}
.font46 {
  font-size: var(--font46);
}
.font48 {
  font-size: var(--font48);
}
.font50 {
  font-size: var(--font50);
}
.font52 {
  font-size: var(--font52);
}
.font54 {
  font-size: var(--font54);
}
.font56 {
  font-size: var(--font56);
}
.font58 {
  font-size: var(--font58);
}
.font60 {
  font-size: var(--font60);
}
.font66 {
  font-size: var(--font66);
}
.font70 {
  font-size: var(--font70);
}
.font72 {
  font-size: var(--font72);
}
.font80 {
  font-size: var(--font80);
}
.font64 {
  font-size: var(--font64);
}
.font100 {
  font-size: var(--font100);
}
.font120 {
  font-size: var(--font120);
}
.font160 {
  font-size: var(--font160);
}
.font15 {
  font-size: var(--font15);
}
.width1440 {
  width: 100%;
  max-width: 14.4rem;
  margin: 0 auto;
}
.width1440.posA {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}
@media (max-width: 999px) {
  .width1440 {
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
  }
}
.wowUp,
.wowRight,
.wowLeft {
  opacity: 0;
}
.wowUpS {
  opacity: 0;
}
@keyframes color1 {
  0% {
    color: #0000001A;
  }
  50% {
    color: var(--active_color);
  }
  100% {
    opacity: 1;
    color: inherit;
  }
}
@keyframes color2 {
  0% {
    color: #0000001A;
  }
  50% {
    color: var(--active_color);
  }
  100% {
    opacity: 1;
    color: rgba(0, 0, 0, 0.6);
  }
}
@keyframes color3 {
  0% {
    color: #0000001A;
  }
  50% {
    color: var(--active_color);
  }
  100% {
    opacity: 1;
    color: #ffffff;
  }
}
.wowFg {
  overflow: hidden;
}
.wowFg span {
  display: inline-block;
  color: #0000001A;
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
}
.wowFg.active span {
  animation: color1 0.5s forwards;
}
.wowFg.gray.active span {
  animation: color2 0.5s forwards;
}
.wowFg.white.active span {
  animation: color3 0.5s forwards;
}
.MaxUnset img {
  max-width: unset;
  max-height: unset;
}
.CoverImg {
  max-width: unset;
  max-height: unset;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ContainImg {
  max-width: unset;
  max-height: unset;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.borderLine {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--border-color);
}
.FullTag {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.BreakAll {
  white-space: pre-line;
  word-break: break-all;
}
.BreakWord {
  white-space: pre-line;
  word-break: break-word;
}
.row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.row.start {
  align-items: flex-start !important;
}
.row.side {
  justify-content: space-between !important;
}
.row.side > *:last-child {
  margin-left: auto;
}
.row.end {
  align-items: flex-end !important;
}
.row.center {
  justify-content: center!important;
}
.row.fill {
  align-items: stretch!important;
}
.row.left {
  justify-content: flex-start !important;
}
.row.right {
  justify-content: flex-end !important;
}
.row.baseline {
  align-items: baseline!important;
}
.column {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
}
.column.start {
  align-items: flex-start !important;
}
.column.side {
  justify-content: space-between !important;
}
.column.side > *:last-child {
  margin-top: auto;
}
.column.end {
  align-items: flex-end !important;
}
.column.center {
  justify-content: center!important;
}
.column.fill {
  align-items: stretch!important;
}
.column.left {
  justify-content: flex-start !important;
}
.column.right {
  justify-content: flex-end !important;
}
.bottomIn {
  opacity: 0;
  transform: translate(0, 0.3rem);
}
.bottomIn.animated {
  animation: TranslateIn 0.5s 0s ease-in-out forwards;
}
@keyframes TranslateIn {
  100% {
    transform: translate(0, 0) scale(1) rotate(0deg);
    opacity: 1;
  }
}
@keyframes TranslateInC {
  100% {
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    opacity: 1;
  }
}
.ClearPosition {
  position: relative;
  left: unset;
  top: unset;
  right: unset;
  bottom: unset;
  transform: none;
}
body {
  color: var(--color_text);
  font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  font-weight: 400;
  line-height: 1.4;
}
img {
  max-height: unset;
}
header + * {
  margin-top: var(--header-height);
}
.width1440.posA {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}
.p120 {
  padding: 1.2rem 0;
}
section {
  width: 100%;
}
.tabTitle,
.tabTitleIndex {
  color: #999;
  font-size: var(--font32);
  font-weight: 800;
  position: relative;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1.2rem;
}
.tabTitle .row,
.tabTitleIndex .row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.4rem;
}
.tabTitle .item,
.tabTitleIndex .item {
  position: relative;
  z-index: 2;
  padding-bottom: 0.2rem;
  border-bottom: 4px solid transparent;
  cursor: pointer;
}
.tabTitle .item.active,
.tabTitleIndex .item.active {
  border-color: var(--active_color);
  color: var(--active_color);
}
@media (max-width: 999px) {
  .tabTitle,
  .tabTitleIndex {
    gap: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .tabTitle .item,
  .tabTitleIndex .item {
    white-space: nowrap;
  }
}
.tabList {
  margin-top: 0.4rem;
}
.tabList .tab {
  display: none;
}
.tabList .tab.active {
  display: block;
}
section {
  text-align: center;
  position: relative;
}
section p {
  white-space: pre-line;
  word-break: break-word;
}
.slideBox .item {
  cursor: pointer;
}
.slideBox .slide {
  display: none;
}
.moveLine {
  position: relative;
}
.moveLine .item {
  border: none;
}
.moveLine .lineBox {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.moveLine .lineBox i {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 2px;
  background: var(--active_color);
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
}
.btn {
  cursor: pointer;
}
.btn.radius0 .row {
  border-radius: 0;
}
.btn a {
  display: block;
}
.btn .row {
  padding: 0.12rem 0.66rem;
  color: #FFF;
  width: fit-content;
  font-size: var(--font20);
  line-height: 1.6;
  background: var(--active_color);
  border-radius: 999px;
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
  gap: 0.1rem;
}
.btn .row:hover {
  color: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  transform: translateY(-10%);
}
.btn .row .more {
  width: 0.06rem;
  height: 0.1rem;
  background: transparent url("../images/0626/more.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
.btn a {
  color: #ffffff;
}
.btn.purple .row {
  padding: 0.09rem 0.28rem;
  border-radius: 999px;
  line-height: 1.4;
  background: linear-gradient(90deg, #5B74FE 0%, #6C5AF6 100%);
}
@media (max-width: 999px) {
  .btn .row {
    padding: 0.09rem 0.28rem;
  }
}
.indexH1 {
  font-size: var(--font56);
  font-weight: 600;
}
.indexH2 {
  font-size: var(--font24);
  margin-top: 0.16rem;
}
.indexP {
  font-size: var(--font20);
  line-height: 1.6;
  white-space: pre-line;
  word-break: break-all;
  margin-top: 0.24rem;
}
@media (max-width: 999px) {
  :root {
    --font20: 0.2rem;
    --font16: 0.16rem;
    --font56: 0.56rem;
    --font50: 0.5rem;
    --font24: 0.24rem;
    --font32: 0.32rem;
  }
  .indexH1 {
    line-height: 1.4;
  }
}
#header .header-pc .header-wrap .header-right .column {
  flex-direction: row;
}
.ins_626ProductCon1 {
  position: relative;
}
.ins_626ProductCon1 .indexP {
  text-align: center;
  max-width: 8.5rem;
}
.ins_626ProductCon1 .width1440 {
  height: 100%;
}
.ins_626ProductCon1 .word {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  width: 100%;
  padding-top: 1.6rem;
}
.ins_626ProductCon1 .word h1 {
  white-space: pre-line;
  word-break: break-all;
  text-align: left;
  width: fit-content;
}
.ins_626ProductCon1 .word .btn {
  margin-top: 0.24rem;
}
@media (max-width: 999px) {
  .ins_626ProductCon1 .banner {
    width: 180%;
    margin-left: -72%;
  }
  .ins_626ProductCon1 .word {
    justify-content: flex-start;
    padding-top: 0.35rem;
  }
  .ins_626ProductCon1 .word h1 {
    white-space: nowrap;
  }
}
.ins_626ProductCon41 .word h1 {
  text-align: center;
}
@media (max-width: 999px) {
  .ins_626ProductCon41 .banner {
    width: 220%;
    margin-left: -120%;
  }
  .ins_626ProductCon41 .word {
    justify-content: flex-start;
    padding-top: 0.35rem;
  }
  .ins_626ProductCon41 .word h1 {
    white-space: nowrap;
  }
}
.image {
  position: relative;
  width: 100%;
}
.image img {
  max-width: unset;
  max-height: unset;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 2;
}
.ins_626ProductCon2 .word {
  text-align: center;
}
.ins_626ProductCon2 .list {
  margin-top: 0.64rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}
.ins_626ProductCon2 .list .item {
  position: relative;
}
.ins_626ProductCon2 .list .image {
  width: 4.65rem;
  aspect-ratio: 0.91897233;
}
.ins_626ProductCon2 .list .word {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: 0.24rem;
  padding-bottom: 0.28rem;
  color: #000;
  text-align: left;
  z-index: 2;
}
.ins_626ProductCon2 .list .word h3 {
  font-size: var(--font32);
  font-weight: 800;
}
.ins_626ProductCon2 .list .word p {
  color: #666;
  font-size: var(--font20);
  margin-top: 0.16rem;
  max-width: 3.4rem;
}
.ins_626ProductCon2 .title2 {
  margin-top: 1.2rem;
}
.ins_626ProductCon2 .img2 {
  width: 13.2rem;
  margin-top: 0.64rem;
}
@media (max-width: 999px) {
  .ins_626ProductCon2 .list {
    flex-direction: column;
    align-items: center;
    gap: 0.32rem;
  }
  .ins_626ProductCon2 .list .image {
    width: 100%;
  }
  .ins_626ProductCon2 .list .word .slide {
    display: block!important;
  }
}
.ins_626ProductCon3 {
  background: #F9F8F8;
  text-align: center;
}
.ins_626ProductCon3 .tabBox {
  margin-top: 0.8rem;
}
.ins_626ProductCon3 .word {
  flex: 1;
  text-align: center;
}
.ins_626ProductCon3 .word h3 {
  color: #000;
  font-size: var(--font40);
  font-weight: 800;
  white-space: pre-line;
  word-break: break-word;
  width: 6.1rem;
}
.ins_626ProductCon3 .word p {
  margin-top: 0.16rem;
  color: #666;
  text-align: justify;
  font-size: var(--font20);
  font-weight: 400;
  letter-spacing: 1px;
}
.ins_626ProductCon3 .point {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: var(--font20);
  margin-top: 0.16rem;
  margin-bottom: 0.12rem;
  width: 6.4rem;
}
.ins_626ProductCon3 .point:before {
  content: '·';
}
.ins_626ProductCon3 .point p {
  margin: 0;
}
.ins_626ProductCon3 .point b {
  font-weight: 600;
}
.ins_626ProductCon3 .point + .item {
  margin-top: 0;
}
.ins_626ProductCon3 .tabBox .word {
  text-align: left;
}
.ins_626ProductCon3 .tabList {
  margin-top: 0.56rem;
}
.ins_626ProductCon3 .image {
  margin-left: 0.8rem;
  width: 6.76rem;
}
.ins_626ProductCon3 .image img {
  border-radius: 0.08rem;
}
.ins_626ProductCon3 .image:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6.76rem;
  height: 4.37rem;
  background: transparent url("../images/0626/index-5.png") 0 0 no-repeat;
  background-size: 100% 100%;
  content: '';
}
@media (max-width: 999px) {
  .ins_626ProductCon3 .tabBox .word {
    margin-top: 0.24rem;
  }
  .ins_626ProductCon3 .tabList .row {
    flex-direction: column-reverse;
  }
  .ins_626ProductCon3 .image {
    margin-left: 0;
    width: 100%;
  }
}
.ins_626ProductCon23 .image:before {
  width: 9.33rem;
  height: 6.36rem;
  background: transparent url("../images/0626/maxone-40.png") 0 0 no-repeat;
  background-size: 100% 100%;
  margin-top: 0.33rem;
}
.ins_626ProductCon33 {
  background: #F9F8F8;
}
.ins_626ProductCon33 .image:before {
  width: 9.33rem;
  height: 6.36rem;
  background: transparent url("../images/0626/maxone-31.png") 0 0 no-repeat;
  background-size: 100% 100%;
  margin-top: 0.33rem;
}
.ins_626ProductCon4 .list {
  position: relative;
  margin-top: 0.96rem;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
}
.ins_626ProductCon4 .list .item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.ins_626ProductCon4 .list .item .column {
  font-size: var(--font20);
  width: 18em;
  height: 2.25rem;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
  justify-content: center;
  align-items: flex-start;
}
.ins_626ProductCon4 .list .item h3 {
  color: #999;
  font-size: var(--font32);
  font-weight: 800;
  width: 100%;
}
.ins_626ProductCon4 .list .item p {
  width: 100%;
  max-width: 18em;
  color: #999;
  font-size: var(--font20);
  margin-top: 0.12rem;
}
.ins_626ProductCon4 .list .item:nth-child(2n) {
  justify-content: flex-end;
}
.ins_626ProductCon4 .list .item:nth-child(2n) .column {
  text-align: right;
}
.ins_626ProductCon4 .list .item:nth-child(2n) .column p {
  margin-left: auto;
}
.ins_626ProductCon4 .list .item:nth-child(2n).active .column {
  padding-right: 0.4rem;
  padding-left: 0;
}
.ins_626ProductCon4 .list .item:nth-child(n + 5) .column {
  border-bottom: none;
}
.ins_626ProductCon4 .list .item.active .column {
  width: 5.4rem;
  border-radius: 8px;
  background: linear-gradient(270deg, rgba(250, 248, 245, 0.6) 0%, #D5D5D5 159.18%);
  padding-left: 0.4rem;
  border: none;
}
.ins_626ProductCon4 .list .item.active h3 {
  color: var(--active_color);
}
.ins_626ProductCon4 .swiper-box {
  position: absolute;
  width: 4.2rem;
  height: 5.32rem;
  left: 5.4rem;
  top: 0.72rem;
}
.ins_626ProductCon4 .swiper-box .swiper-slide {
  border-radius: 0.08rem;
  opacity: 0;
}
.ins_626ProductCon4 .swiper-box .swiper-slide .image {
  width: 100%;
  height: 100%;
}
.ins_626ProductCon4 .swiper-box .swiper-slide .word {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  color: #FFF;
  font-size: var(--font32);
  font-weight: 800;
  line-height: 1.2;
}
.ins_626ProductCon4 .swiper-box .swiper-slide .word img {
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
}
.ins_626ProductCon4 .swiper-box .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.ins_626ProductCon4 .swiper-box .swiper-slide.swiper-slide-next {
  opacity: 0.36;
  overflow: visible;
}
.ins_626ProductCon4 .swiper-box .swiper-slide.swiper-slide-next .image,
.ins_626ProductCon4 .swiper-box .swiper-slide.swiper-slide-next .word {
  transform: translate(-8%, -8%) rotate(6.42deg);
}
@media (max-width: 999px) {
  .ins_626ProductCon4 .swiper-box {
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
  }
  .ins_626ProductCon4 .list {
    padding-top: 5.7rem;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .ins_626ProductCon4 .list .item {
    width: 50%;
  }
  .ins_626ProductCon4 .list .item .column {
    width: 90%;
    height: auto;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
  .ins_626ProductCon4 .list .item .column p {
    min-height: 4.2em;
  }
  .ins_626ProductCon4 .list .item.active .column {
    width: 100%;
    padding: 0.2rem !important;
  }
}
.ins_626ProductCon5 {
  background: #F7F7F7;
}
.ins_626ProductCon35 {
  background: #FFFFFF;
}
.ins_626ProductCon6 {
  height: 9.85rem;
  padding: 1.3rem 0;
}
.ins_626ProductCon6 .bgBox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  overflow: hidden;
}
.ins_626ProductCon6 .bgBox img {
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
}
.ins_626ProductCon6 .bgBox img {
  max-width: unset;
  max-height: unset;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ins_626ProductCon6 .left {
  position: relative;
  z-index: 2;
  margin-left: 0;
  width: 5.44rem;
  background: #ffffff;
  text-align: left;
  padding: 0.64rem 0.68rem;
  color: #222;
}
.ins_626ProductCon6 h3 {
  font-size: var(--font36);
  font-weight: 600;
  line-height: 1.38888889;
  white-space: nowrap;
}
.ins_626ProductCon6 p {
  font-size: var(--font24);
  font-weight: 400;
  margin-top: 0.12rem;
  line-height: 1.41666667;
  white-space: pre-line;
  word-break: break-all;
}
.ins_626ProductCon6 .layui-form {
  margin-top: 0.4rem;
}
.ins_626ProductCon6 .layui-form-item {
  position: relative;
  border-bottom: 1px solid #CCC;
  padding-bottom: 0.1rem;
  margin-bottom: 0.2rem;
}
.ins_626ProductCon6 .layui-form-item .placeholder {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 0.32rem;
  z-index: 2;
  color: #67696D;
  font-size: var(--font16);
  font-weight: 400;
  pointer-events: none;
}
.ins_626ProductCon6 .layui-form-item .placeholder img {
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
}
.ins_626ProductCon6 .layui-form-item .placeholder .star {
  color: #FF3C3C;
}
.ins_626ProductCon6 .layui-input {
  height: 0.32rem;
  border: none;
  padding: 0;
  font-size: var(--font16);
}
.ins_626ProductCon6 .layui-input:focus,
.ins_626ProductCon6 .layui-textarea:focus {
  border-color: none!important;
  box-shadow: none;
}
.ins_626ProductCon6 .agreement {
  border: none;
  margin-top: 0.42rem;
  padding-bottom: 0;
  margin-bottom: 0.16rem;
}
.ins_626ProductCon6 .layui-form-checkbox[lay-skin=primary] {
  color: #67696D;
  margin-top: 0;
  font-size: var(--font14);
  padding-left: calc(var(--font14) * 1.5);
  font-weight: 400;
  line-height: normal;
}
.ins_626ProductCon6 .layui-form-checkbox[lay-skin=primary] > div {
  white-space: pre-line;
  word-break: break-word;
  font-size: var(--font14);
}
.ins_626ProductCon6 .layui-form-checkbox[lay-skin=primary] > i {
  width: var(--font14);
  height: var(--font14);
  top: calc(var(--font14) * 0.1);
}
.ins_626ProductCon6 .layui-form-checkbox[lay-skin=primary]:hover > i {
  border-color: var(--active_color) !important;
}
.ins_626ProductCon6 .layui-form-checkbox[lay-skin=primary] a {
  color: #ec691b;
  display: inline-block;
}
.ins_626ProductCon6 .layui-form-checked[lay-skin=primary] > i {
  background: var(--active_color) !important;
}
.ins_626ProductCon6 .btn .row {
  width: 100%;
  border-radius: 0;
  justify-content: center;
  padding: 0.12rem 0;
  font-size: var(--font20);
  line-height: 1.6;
}
@media (max-width: 999px) {
  .ins_626ProductCon6 {
    height: auto;
  }
  .ins_626ProductCon6 .left {
    width: 100%;
  }
}
.ins_626ProductCon44 {
  padding-top: 1.2rem;
}
.ins_626ProductCon44 .list {
  width: 100%;
  height: 8rem;
  margin-top: 0.64rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.ins_626ProductCon44 .list .item {
  width: 16%;
  height: 100%;
  position: relative;
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
}
.ins_626ProductCon44 .list .item.active {
  width: 52%;
}
.ins_626ProductCon44 .list .item.active .word {
  padding-left: 2.4rem;
}
.ins_626ProductCon44 .list .item.active .word p {
  width: 5.04rem;
  height: 2.8em;
}
.ins_626ProductCon44 .list .image {
  width: 100%;
  height: 100%;
}
.ins_626ProductCon44 .list .image img {
  max-width: unset;
  max-height: unset;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ins_626ProductCon44 .list .word {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: 0.32rem;
  padding-bottom: 0.56rem;
  z-index: 2;
  text-align: left;
  color: #FFF;
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
}
.ins_626ProductCon44 .list .word h3 {
  font-size: var(--font40);
  font-weight: 600;
  line-height: 1.4;
}
.ins_626ProductCon44 .list .word p {
  font-size: var(--font20);
  font-weight: 300;
  line-height: 1.4;
  overflow: hidden;
  width: 0;
  height: 0;
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
}
@media (max-width: 999px) {
  .ins_626ProductCon44 .list {
    flex-direction: column;
    padding: 0 0.35rem;
    height: auto;
    gap: 0.32rem;
  }
  .ins_626ProductCon44 .list .item,
  .ins_626ProductCon44 .list .item.active {
    width: 100%;
  }
  .ins_626ProductCon44 .list .item .word,
  .ins_626ProductCon44 .list .item.active .word {
    padding: 0.32rem;
    padding-right: 0.64rem;
  }
  .ins_626ProductCon44 .list .item .word p,
  .ins_626ProductCon44 .list .item.active .word p {
    width: 100%;
    height: auto;
  }
  .ins_626ProductCon44 .list .image img {
    width: 100%;
    height: auto;
    border-radius: 0.12rem;
  }
}
.productList .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.productList .title .row {
  gap: 0.2rem;
}
.productList .title .prev,
.productList .title .next {
  width: 0.5rem;
  height: 0.5rem;
  background: transparent url("../images/0626/swiper-next.svg") 0 0 no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.productList .title .prev:not(.swiper-button-disabled):hover,
.productList .title .next:not(.swiper-button-disabled):hover {
  background: transparent url("../images/0626/swiper-next-a.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
.productList .title .prev {
  background: transparent url("../images/0626/swiper-prev.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
.productList .title .prev:not(.swiper-button-disabled):hover {
  background: transparent url("../images/0626/swiper-prev-a.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
.productList .title .swiper-button-disabled {
  opacity: 0.6;
  cursor: no-drop;
}
.productList .swiper-box {
  margin-top: 0.64rem;
  clip-path: inset(-50px -9999px -20px -10px);
  padding-bottom: 0.7rem;
}
.productList .swiper-box .swiper-slide {
  width: auto;
  margin-right: 0.4rem;
}
.productList .swiper-box .swiper-slide:last-child {
  margin-right: 0;
}
.productList .swiper-box .item {
  width: 4.54rem;
  aspect-ratio: 0.87307692;
  border-radius: 0.12rem;
  border: 1px solid #F0F0F0;
  background: #FFF;
  box-shadow: 0 0.02rem 0.12rem 0.04rem rgba(16, 50, 81, 0.08);
  overflow: hidden;
}
.productList .swiper-box .item .image {
  width: 100%;
  height: 2.7rem;
  overflow: hidden;
  position: relative;
}
.productList .swiper-box .item .image .link {
  position: absolute;
  left: 0.4rem;
  top: 0.4rem;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(6px);
  color: #FFF;
  font-size: var(--font16);
  font-weight: 400;
  line-height: 1;
  padding: 0.08rem 0.16rem;
  z-index: 2;
}
.productList .swiper-box .item .image img {
  max-width: unset;
  max-height: unset;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
}
.productList .swiper-box .item .image:hover img {
  transform: scale(1.1);
}
.productList .swiper-box .item .column {
  height: 100%;
}
.productList .swiper-box .word {
  flex: 1;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 0.32rem 0.4rem 0.4rem;
}
.productList .swiper-box .word h3 {
  color: #353535;
  text-align: justify;
  font-size: var(--font24);
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.productList .swiper-box .word p {
  color: #949494;
  text-align: justify;
  font-size: var(--font16);
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0.2rem;
  margin-bottom: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.productList .swiper-box .word .btn {
  margin-left: auto;
  margin-right: 0;
  margin-top: auto;
  margin-bottom: 0;
}
.productList .swiper-box .word .btn .row {
  padding: 0.06rem 0.14rem 0.04rem;
  font-size: var(--font16);
  line-height: 1.18;
}
.productList .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  height: 2px;
  top: auto;
  bottom: 0;
}
.productList .swiper-horizontal > .swiper-pagination-progressbar,
.productList .swiper-pagination-progressbar.swiper-pagination-horizontal,
.productList .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.productList .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  top: auto;
  bottom: 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.productList .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--active_color);
}
.maxoneCon1 .word {
  padding-top: 1.36rem;
  line-height: 1;
  color: #000000;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
}
.maxoneCon1 .word .t2 {
  margin-top: 0.52rem;
}
.maxoneCon1 .word p {
  max-width: 8.08rem;
  margin: 0 auto;
  margin-top: 0.18rem;
}
.maxoneCon1 .word .btn {
  margin-top: 0.52rem;
}
.maxoneCon1 .box {
  margin: 0.52rem auto 0;
  width: 13.5rem;
  height: 4.9rem;
  position: relative;
  z-index: 2;
  pointer-events: none;
}
.maxoneCon1 .box .item {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(1.1);
  opacity: 0;
  animation: TranslateInC 0.5s 0.5s ease-in-out forwards;
}
.maxoneCon1 .box .item img {
  width: 100%;
}
.maxoneCon1 .box .item1 {
  width: 5.25rem;
  margin-left: calc(-6.75rem + 1.8rem);
  -webkit-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.maxoneCon1 .box .item2 {
  width: 7.28rem;
}
.maxoneCon1 .box .item3 {
  width: 5.07rem;
  margin-left: calc(6.75rem - 1.74rem);
  -webkit-animation-delay: 0.7s;
  -o-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.maxoneCon1 .star {
  position: absolute;
  z-index: 2;
  transform: translate(-100%, 0);
  opacity: 0;
  animation: TranslateIn 1.5s 0.2s ease-in-out forwards;
}
.maxoneCon1 .star img {
  transform: rotate(-600deg);
  animation: TranslateIn 1.5s 0.2s ease-in-out forwards;
}
.maxoneCon1 .star1 {
  width: 5.05rem;
  left: 0.62rem;
  top: 2.47rem;
}
.maxoneCon1 .star2 {
  width: 2.73rem;
  right: 1.94rem;
  top: 3.92rem;
  transform: translate(100%, 0);
  animation-delay: 0s;
}
.maxoneCon1 .star2 img {
  transform: rotate(600deg);
  animation-delay: 0s;
}
@media (max-width: 999px) {
  .maxoneCon1 .word {
    padding-top: 0.86rem;
  }
  .maxoneCon1 .word .t2 {
    margin-top: 0;
    white-space: pre-line;
    word-break: break-word;
  }
  .maxoneCon1 .word p {
    width: 100%;
    padding: 0;
    text-align: left;
    margin-top: 0.22rem;
  }
  .maxoneCon1 .word .btn {
    margin-top: 0.43rem;
  }
  .maxoneCon1 .star1 {
    width: 2.2rem;
    left: -0.33rem;
    top: 4.75rem;
  }
  .maxoneCon1 .star2 {
    width: 1.12rem;
    right: 0.05rem;
    top: 4.75rem;
    transform: translate(100%, 0);
    animation-delay: 0s;
  }
  .maxoneCon1 .star2 img {
    transform: rotate(600deg);
    animation-delay: 0s;
  }
  .maxoneCon1 .box {
    margin-top: 1.24rem;
    width: 100%;
    position: relative;
    height: 6.65rem;
    transform: translate(-0.8rem, -0.65rem);
  }
  .maxoneCon1 .box .item {
    position: absolute;
    margin: 0;
    transform: scale(1.1);
    animation: TranslateIn 0.5s 0.5s ease-in-out forwards;
  }
  .maxoneCon1 .box .item1 {
    width: 4.29rem;
    top: 0;
    left: 3.7rem;
  }
  .maxoneCon1 .box .item2 {
    width: 5.84rem;
    top: 1.36rem;
    left: 0.56rem;
  }
  .maxoneCon1 .box .item3 {
    width: 4.11rem;
    left: 3.8rem;
    top: 3.01rem;
  }
}
.maxoneCon2 {
  padding: 1.2rem 0 1.02rem;
  background: #ffffff;
}
.maxoneCon2 .indexH1 {
  font-size: var(--font50);
}
.maxoneCon2 .list {
  margin: 0.7rem auto 0;
  width: 93%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.2rem;
}
.maxoneCon2 .list .item {
  flex: 1;
  aspect-ratio: 0.80165289;
  position: relative;
  color: #000;
  border-radius: 0.2rem;
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
}
.maxoneCon2 .list .item.active h3 {
  margin-top: 0.48rem;
}
.maxoneCon2 .list .item .word {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  overflow: hidden;
  z-index: 2;
  text-align: left;
  padding: 0 0.4rem;
}
.maxoneCon2 .list .item .word img {
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
}
.maxoneCon2 .list .item h3 {
  font-size: var(--font32);
  font-weight: 400;
  line-height: 1.28;
  margin-top: 0.93rem;
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
  white-space: pre-line;
  word-break: break-word;
}
.maxoneCon2 .list .item p {
  font-size: var(--font16);
  font-weight: 400;
  line-height: 1.88;
  margin-top: 0.14rem;
}
@media (max-width: 999px) {
  .maxoneCon2 {
    padding-top: 0.87rem;
    padding-bottom: 0.55rem;
  }
  .maxoneCon2 .list {
    flex-direction: column;
    width: 7rem;
    margin-top: 0.44rem;
    gap: 0.22rem;
  }
  .maxoneCon2 .list .item {
    flex: 1;
    aspect-ratio: 1.30841121;
    border-radius: 0.14rem;
  }
  .maxoneCon2 .list .item .word {
    padding: 0.37rem 0.34rem 0 0.34rem;
  }
  .maxoneCon2 .list .item.active h3 {
    margin-top: 0;
  }
  .maxoneCon2 .list .item h3 {
    line-height: 1.28;
    margin-top: 0;
  }
  .maxoneCon2 .list .item p {
    font-size: var(--font20);
    line-height: 1.65;
    margin-top: 0.18rem;
    font-weight: 300;
  }
}
.maxoneCon3 {
  padding-top: 2.52rem;
  padding-left: 3.1rem;
  padding-bottom: 2.5rem;
  text-align: left;
  background: #F9FBFF;
}
.maxoneCon3 .left {
  color: #000;
  width: 6.1rem;
}
.maxoneCon3 .left h1 {
  font-size: var(--font42);
  font-weight: 600;
  line-height: 1;
}
.maxoneCon3 .left h2 {
  margin-top: 0.28rem;
  font-size: var(--font32);
  font-weight: 400;
  line-height: 1;
}
.maxoneCon3 .list {
  color: #000;
  margin-top: 0.7rem;
}
.maxoneCon3 .list .item {
  margin-bottom: 0.44rem;
}
.maxoneCon3 .list .item.active {
  margin-bottom: 0.65rem;
}
.maxoneCon3 .list .item.active .title {
  background: #ffffff;
  padding: 0.32rem 0.3rem;
  border-radius: 0.12rem;
  margin-left: -0.28rem;
  background: linear-gradient(180deg, #FFF 0%, #F7FAFF 100%);
  box-shadow: 0 4px 13.3px 0 rgba(192, 212, 255, 0.72);
}
.maxoneCon3 .list .item.active .title span {
  font-size: var(--font36);
  background: linear-gradient(90deg, #0270FF 0%, #675FF8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}
.maxoneCon3 .list .item.active .title:before {
  background: transparent url("../images/0626/maxone-11.png") 0 0 no-repeat;
  background-size: 100% 100%;
  transform: rotate(90deg) translateX(-25%);
}
.maxoneCon3 .list .title {
  width: 100%;
  font-family: "PingFang SC";
  line-height: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0;
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
}
.maxoneCon3 .list .title span {
  font-size: var(--font28);
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
  white-space: nowrap;
}
.maxoneCon3 .list .title:before {
  content: '';
  width: 0.22rem;
  height: 0.22rem;
  background: transparent url("../images/0626/maxone-10.png") 0 0 no-repeat;
  background-size: 100% 100%;
  margin-right: 0.22rem;
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
}
.maxoneCon3 .list .slide {
  margin-top: 0.38rem;
  width: 4.84rem;
  padding-left: 0.24rem;
  position: relative;
  color: #000;
  font-size: var(--font18);
  line-height: 1.66;
}
.maxoneCon3 .list .slide:before {
  position: absolute;
  content: '';
  width: 2px;
  left: 0;
  background: #0270ff;
  height: calc(100% - 0.66em);
  top: 0.33em;
}
.maxoneCon3 .list .p3-2 .slide {
  width: 4.5rem;
}
.maxoneCon3 .list .p3-3 .slide {
  width: 90%;
}
.maxoneCon3 .right {
  margin-left: 0.25rem;
  position: relative;
}
.maxoneCon3 .right .item {
  width: 8.67rem;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.maxoneCon3 .right .item img {
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
  opacity: 0;
  transform: translateX(0.5rem);
}
.maxoneCon3 .right .item.active {
  pointer-events: auto;
}
.maxoneCon3 .right .item.active img {
  transform: translateX(0);
  opacity: 1;
}
.maxoneCon3 .right .p3-1 {
  margin-top: -0.2rem;
}
.maxoneCon3 .right .p3-2 {
  width: 6.69rem;
  margin-left: 0.14rem;
  margin-top: -0.5rem;
}
.maxoneCon3 .right .p3-3 {
  width: 9.61rem;
  margin-top: -0.8rem;
  margin-left: 0.1rem;
}
@media (max-width: 999px) {
  .maxoneCon3 {
    padding-top: 1.55rem;
    padding-left: 0;
    padding-bottom: 1.55rem;
  }
  .maxoneCon3 > .row {
    display: block;
  }
  .maxoneCon3 .left {
    width: 6.65rem;
    margin-left: 0.68rem;
  }
  .maxoneCon3 .left h1 {
    font-size: var(--font56);
    line-height: 1.4;
  }
  .maxoneCon3 .left h2 {
    margin-top: 0.18rem;
  }
  .maxoneCon3 .list {
    margin-top: 0.82rem;
  }
  .maxoneCon3 .list .slide {
    font-size: var(--font20);
    width: 5.6rem !important;
    margin-left: 0.1rem;
  }
  .maxoneCon3 .list .item {
    margin-bottom: 0.48rem;
  }
  .maxoneCon3 .list .item.active {
    margin-bottom: 0.6rem;
  }
  .maxoneCon3 .list .item.active .title {
    margin-left: -0.28rem;
  }
  .maxoneCon3 .list .item.active .title span {
    font-size: var(--font32);
    font-weight: 600;
  }
  .maxoneCon3 .list .item.active .title:before {
    margin-right: 0.16rem;
    background: transparent url("../images/0626/maxone-11.png") 0 0 no-repeat;
    background-size: 100% 100%;
    transform: rotate(90deg) translateX(-25%);
  }
  .maxoneCon3 .list .title {
    margin-left: -0.06rem;
  }
  .maxoneCon3 .list .title span {
    font-size: var(--font32);
  }
  .maxoneCon3 .list .title:before {
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.22rem;
  }
  .maxoneCon3 .right {
    margin-left: 0;
    width: 100%;
    margin-top: 0.5rem;
  }
  .maxoneCon3 .right .item {
    width: 100%;
    position: relative;
    visibility: hidden;
    margin: 0 auto!important;
    max-height: 0;
  }
  .maxoneCon3 .right .item.active {
    max-height: unset;
    visibility: visible;
  }
  .maxoneCon3 .right .p3-2 {
    width: 6.21rem;
  }
  .maxoneCon3 .right .p3-3 {
    width: 7.5rem;
  }
}
.maxoneCon4 {
  padding-top: 2.32rem;
  background: #fff url("../images/0626/maxone-12.png") bottom center no-repeat;
  background-size: 100% auto;
}
.maxoneCon4 .left {
  width: 6.5rem;
}
.maxoneCon4 .left .p4-1 .slide {
  width: 5.22rem;
}
.maxoneCon4 .left .p4-2 .slide {
  width: 5.43rem;
}
.maxoneCon4 .left .p4-3 .slide {
  width: 4.98rem;
}
.maxoneCon4 .right .p4-1 {
  width: 8.09rem;
  margin-left: 0.3rem;
  margin-top: 0.67rem;
}
.maxoneCon4 .right .p4-2 {
  width: 7.07rem;
  margin-left: 0.75rem;
  margin-top: 0.32rem;
}
.maxoneCon4 .right .p4-3 {
  width: 6.69rem;
  margin-left: 0.8rem;
  margin-top: -0.4rem;
}
@media (max-width: 999px) {
  .maxoneCon4 {
    padding-top: 1.28rem;
    padding-left: 0;
    padding-bottom: 1rem;
    background: #F9FBFF url("../images/0626/maxone-12.png") bottom center no-repeat;
    background-size: 100% auto;
  }
  .maxoneCon4 .list .slide {
    width: 5.9rem !important;
  }
  .maxoneCon4 .right {
    margin-top: 1.5rem;
  }
  .maxoneCon4 .right .p4-1 {
    width: 7.13rem;
  }
  .maxoneCon4 .right .p4-1 img {
    margin-left: 0.2rem;
  }
  .maxoneCon4 .right .p4-2 {
    width: 6.67rem;
  }
  .maxoneCon4 .right .p4-3 {
    width: 6.21rem;
  }
}
.maxoneCon5 .left {
  width: 6.73rem;
}
.maxoneCon5 .left .p5-1 .slide {
  width: 5.5rem;
}
.maxoneCon5 .left .p5-2 .slide {
  width: 5.43rem;
}
.maxoneCon5 .left .p5-3 .slide {
  width: 4.95rem;
}
.maxoneCon5 .right .p5-1 {
  width: 7.28rem;
  margin-left: 0.1rem;
  margin-top: -0.28rem;
}
.maxoneCon5 .right .p5-2 {
  width: 6.84rem;
  margin-left: 0.7rem;
  margin-top: -0.36rem;
}
.maxoneCon5 .right .p5-3 {
  width: 7.97rem;
  margin-left: 0.45rem;
  margin-top: 0.06rem;
}
@media (max-width: 999px) {
  .maxoneCon5 {
    padding-bottom: 1rem;
    background: #F9FBFF;
  }
  .maxoneCon5 .right {
    margin-top: 1rem;
  }
  .maxoneCon5 .right .p5-1 {
    width: 6.76rem;
  }
  .maxoneCon5 .right .p5-2 {
    width: 6.35rem;
  }
  .maxoneCon5 .right .p5-3 {
    width: 6.96rem;
  }
  .maxoneCon5 .right .p5-3 img {
    margin-left: 0.2rem;
  }
}
.maxoneCon6 {
  background: #ffffff;
  padding-top: 1.3rem;
  padding-bottom: 1.55rem;
}
.maxoneCon6 .indexH1 {
  font-size: var(--font50);
}
.maxoneCon6 .list {
  margin-top: 1.4rem;
  line-height: 1.22;
  gap: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.maxoneCon6 .list .item {
  width: 3.41rem;
  position: relative;
  border-radius: 0.15rem;
  background: linear-gradient(137deg, rgba(255, 255, 255, 0.8) 42.49%, rgba(211, 231, 250, 0.8) 94.82%, rgba(131, 199, 255, 0.8) 101.13%);
  box-shadow: -13px 7px 42.4px 0 rgba(16, 132, 252, 0.15);
}
.maxoneCon6 .list .item:nth-child(n+3) .word p:before {
  background: transparent url("../images/0626/maxone-13-2.png") 0 0 no-repeat;
  background-size: 100% 100%;
}
.maxoneCon6 .list .icon {
  position: absolute;
  width: 0.9rem;
  z-index: 3;
  left: 0.5rem;
  top: -0.42rem;
}
.maxoneCon6 .list .word {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  overflow: hidden;
  padding: 0.49rem 0.53rem 0 0.57rem;
  z-index: 3;
  color: #000;
  text-align: left;
}
.maxoneCon6 .list .word img {
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
}
.maxoneCon6 .list .word p {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: var(--font20);
  line-height: 2.1;
}
.maxoneCon6 .list .word p:before {
  width: 0.11rem;
  height: 0.11rem;
  content: '';
  background: transparent url("../images/0626/maxone-13.png") 0 0 no-repeat;
  background-size: 100% 100%;
  margin-right: 0.22rem;
}
.maxoneCon6 .list .word h3 {
  font-size: var(--font32);
  font-weight: 600;
  line-height: 1;
  border-bottom: 1px solid #dedede;
  padding-bottom: 0.2rem;
  margin-bottom: 0.2rem;
}
.maxoneCon6 .list .item2 {
  background: linear-gradient(137deg, rgba(255, 255, 255, 0.8) 42.49%, rgba(219, 226, 255, 0.8) 94.82%, rgba(169, 184, 251, 0.8) 101.13%);
  box-shadow: -13px 7px 42.4px 0 rgba(135, 155, 253, 0.2);
}
.maxoneCon6 .list .item3 {
  background: linear-gradient(137deg, rgba(255, 255, 255, 0.8) 42.49%, rgba(216, 215, 255, 0.8) 94.82%, rgba(169, 165, 251, 0.8) 101.13%);
  box-shadow: -13px 7px 42.4px 0 rgba(156, 150, 252, 0.2);
}
.maxoneCon6 .list .item4 {
  background: linear-gradient(137deg, rgba(255, 255, 255, 0.8) 42.49%, rgba(222, 208, 255, 0.8) 94.82%, rgba(167, 133, 251, 0.8) 101.13%);
  box-shadow: -13px 7px 42.4px 0 rgba(169, 135, 251, 0.2);
}
@media (max-width: 999px) {
  .maxoneCon6 {
    padding: 1.26rem 0;
  }
  .maxoneCon6 .indexH1 {
    white-space: pre-line;
    word-break: break-word;
    font-size: var(--font56);
  }
  .maxoneCon6 .list {
    flex-wrap: wrap;
    gap: 0.56rem 0.2rem;
  }
}
.maxoneCon7 {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 1.12rem;
  padding-bottom: 1.78rem;
  background-image: url(../images/0626/maxone-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.maxoneCon7 .indexP {
  margin-top: 0.3rem;
  line-height: 1.4;
}
.maxoneCon7 .indexH1 {
  font-size: var(--font50);
  font-weight: 800;
  line-height: 1.22;
}
.maxoneCon7 .list {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0.42rem;
  margin-top: 1.04rem;
}
.maxoneCon7 .list .item {
  width: 2.48rem;
  height: 2.48rem;
  background: transparent url("../images/0626/maxone-15.png") 0 0 no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  position: relative;
  z-index: 1;
  border-radius: 0.08rem;
  overflow: hidden;
}
.maxoneCon7 .list .item .icon {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  padding-top: 0.45rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  text-align: center;
  transition: all 0.6s cubic-bezier(0.1, 0, 0.1, 0.99);
  visibility: visible;
}
.maxoneCon7 .list .item .icon .dom {
  position: absolute;
  top: 0.22rem;
  right: 0.2rem;
  width: 0.18rem;
}
.maxoneCon7 .list .item .icon .img {
  width: 0.76rem;
  height: 0.76rem;
  text-align: center;
}
.maxoneCon7 .list .item .icon .img img {
  height: 100%;
}
.maxoneCon7 .list .item .icon .wordS {
  width: 100%;
  height: auto;
  margin-top: 0.18rem;
  color: #FFFFFF;
}
.maxoneCon7 .list .item .icon .wordS .t1 {
  font-size: var(--font36);
  line-height: 1.74;
  font-weight: 600;
}
.maxoneCon7 .list .item .icon .wordS .t2 {
  font-size: var(--font18);
  line-height: 1.05;
}
.maxoneCon7 .list .item .word {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.2);
  transition: all 0.6s cubic-bezier(0.1, 0, 0.1, 0.99);
}
.maxoneCon7 .list .item .word a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
}
.maxoneCon7 .list .item .word .img {
  width: 0.82rem;
  height: 0.82rem;
  background: #FFFFFF;
  border-radius: 50%;
}
.maxoneCon7 .list .item .word .name {
  font-size: var(--font28);
  color: #FFFFFF;
  margin-top: 0.22rem;
}
.maxoneCon7 .list .item:hover .icon {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.2);
}
.maxoneCon7 .list .item:hover .word {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
@media (max-width: 999px) {
  .maxoneCon7 {
    display: none;
  }
}
.maxoneCon8 .container {
  width: fit-content;
  padding: 0.64rem 0.8rem;
  text-align: left;
  color: #000;
  font-size: var(--font14);
  line-height: 2.5;
}
.maxoneCon8 .container p {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 999px) {
  .maxoneCon8 {
    background: #F9FBFF;
  }
  .maxoneCon8 .container {
    width: 100%;
    padding: 0.95rem 0.53rem 1.33rem;
    line-height: 1.75;
    font-size: var(--font20);
  }
}
.ins_626ProductCon21 {
  position: relative;
}
@media (max-width: 999px) {
  .ins_626ProductCon21 .banner {
    width: 210%;
    margin-left: -67%;
  }
}
.ins_626ProductCon53 .image {
  border-radius: 0;
}
.ins_626ProductCon53 .image img {
  border-radius: 0;
}
.ins_626ProductCon53 .image:before {
  display: none;
}
.ins_626ProductCon53 .tabBox {
  margin-top: 0.6rem;
}
.ins_626ProductCon53 .topTitle {
  gap: 0;
  justify-content: space-between;
}
.ins_626ProductCon53 .topTitle .item {
  font-weight: 400;
  color: #000;
  padding: 0 0.26rem;
  padding-bottom: 0.16rem;
  font-size: var(--font26);
  line-height: calc(39/26);
}
.ins_626ProductCon53 .topTitle .item .t2 {
  height: 0;
  overflow: hidden;
}
.ins_626ProductCon53 .topTitle .item.active {
  background: linear-gradient(90deg, #AB8247 0%, #DAB688 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 400;
}
.ins_626ProductCon53 .topTitle .item.active .t2 {
  height: auto;
}
.ins_626ProductCon53 .topTitle .lineBox i {
  height: 0.05rem;
  background: linear-gradient(90deg, #AB8247 0%, #DAB688 100%);
}
.ins_626ProductCon53 .tabList {
  margin-top: 0.8rem;
}
.ins_626ProductCon53 .tab .tabTitle {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 4rem;
  gap: 0;
}
.ins_626ProductCon53 .tab .tabTitle .item {
  font-size: var(--font20);
  padding: 0.48rem 0;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid rgba(50, 50, 50, 0.2);
  color: rgba(0, 0, 0, 0.5);
}
.ins_626ProductCon53 .tab .tabTitle .item.active {
  color: var(--active_color);
}
.ins_626ProductCon53 .tab .tabTitle .item:last-child {
  border: none;
}
.ins_626ProductCon53 .tab .tabTitle .item .title {
  font-weight: 500;
  position: relative;
}
.ins_626ProductCon53 .tab .tabTitle .item .title:after {
  position: absolute;
  right: 0.05rem;
  top: 0;
  bottom: 0;
  margin: auto;
  content: '';
  width: 0.24rem;
  height: 0.24rem;
  background: transparent url("../images/0626/maxone-10.png") 0 0 no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.1, 0, 0.1, 0.99);
}
.ins_626ProductCon53 .tab .tabTitle .slide {
  color: rgba(0, 0, 0, 0.7);
  font-size: var(--font20);
  line-height: calc(28/20);
  margin-top: 0.36rem;
  margin-bottom: 0.14rem;
  font-weight: 400;
}
.ins_626ProductCon53 .tab .tabTitle .item.active .title {
  position: relative;
}
.ins_626ProductCon53 .tab .tabTitle .item.active .title:after {
  height: 0.25rem;
  width: 0.11rem;
  background: transparent url("../images/0626/maxone-11-2.png") 0 0 no-repeat;
  background-size: 100% 100%;
  transform: rotate(90deg);
  opacity: 1;
}
.ins_626ProductCon53 .tab .tabList {
  flex: 1;
  margin-left: 0.78rem;
  margin-top: 0;
}
.ins_626ProductCon53 .tab .tabList .image {
  width: 100%;
  opacity: 0;
  transform: translateX(0.3rem);
  animation: TranslateIn 0.3s 0s ease-in-out forwards;
  margin: 0;
}
@media (max-width: 999px) {
  .ins_626ProductCon53 .indexH1 {
    text-align: left;
    margin-bottom: 0.7rem;
  }
  .ins_626ProductCon53 .list {
    text-align: left;
  }
  .ins_626ProductCon53 .t1 {
    font-size: var(--font42);
    font-weight: 600;
    line-height: calc(59/42);
    background: linear-gradient(90deg, #AB8247 0%, #DAB688 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content;
  }
  .ins_626ProductCon53 .swiper-box {
    margin-top: 0.23rem;
    background: #ffffff;
    overflow: hidden;
  }
  .ins_626ProductCon53 .swiper-slide {
    padding: 0.22rem 0.22rem 1.2rem;
  }
  .ins_626ProductCon53 .image {
    width: 100%;
    height: auto;
    aspect-ratio: 1.65364583;
  }
  .ins_626ProductCon53 .t3 {
    margin-top: 0.54rem;
    color: #000;
    font-size: 0.36rem;
    font-weight: 500;
    line-height: 1;
  }
  .ins_626ProductCon53 .t4 {
    color: #000;
    font-size: 0.3rem;
    font-weight: 300;
    line-height: 1.56;
    margin-top: 0.26rem;
  }
  .ins_626ProductCon53 .swiper-pagination-bullet {
    width: 0.96rem;
    height: 0.1rem;
    border-radius: 0;
    background: #dbdbdb;
    opacity: 1;
  }
  .ins_626ProductCon53 .swiper-pagination-bullet-active {
    background: #a8a8a8;
  }
}
/*# sourceMappingURL=style2026.css.map */