@charset "utf-8";

/* CSS Document */
/*

1、宽高
2、flex布局
3、grid布局
4、梯度字体大小
5、过渡与延迟
6、背景图
7、伪元素
8、文字限行
9、图片变白和还原
10、页面适配媒体查询
11、有效宽度
12、主题颜色
13、统一间距
14、字体引入与调用
15、上导航高度与相关
16、常用简单css循环动画
17、图片形状遮罩

*/
@font-face {
  font-family: 'cn1';
  src: url('../fonts/cn/jyhphy1.01.ttf');
}

.cn1 {
  font-family: 'cn1';
}

@font-face {
  font-family: 'en1';
  src: url('../fonts/en/AbhayaLibre-ExtraBold.ttf');
}

.en1 {
  font-family: 'en1';
}

@font-face {
  font-family: 'en2';
  src: url('../fonts/en/Archivo-Bold.ttf');
}

.en2 {
  font-family: 'en2';
}

@font-face {
  font-family: 'en3';
  src: url('../fonts/en/Caveat.ttf');
}

.en3 {
  font-family: 'en3';
}

@font-face {
  font-family: 'en4';
  src: url('../fonts/en/MontserratAlternates-BlackItalic.ttf');
}

.en4 {
  font-family: 'en4';
}

@font-face {
  font-family: 'en5';
  src: url('../fonts/en/NewBaskerville.ttf');
}

.en5 {
  font-family: 'en5';
}

@font-face {
  font-family: 'en6';
  src: url('../fonts/en/utile.woff2');
}

.en6 {
  font-family: 'en6';
}

@font-face {
  font-family: 'en7';
  src: url('../fonts/en/OpenSans-Light.ttf');
}

.en7 {
  font-family: 'en7';
}

@font-face {
  font-family: 'en8';
  src: url('../fonts/en/Square721BT.ttf');
}

.en8 {
  font-family: 'en8';
}

@font-face {
  font-family: 'en9';
  src: url('../fonts/en/D-DIN-PRO-900-Heavy.otf');
}

.en9 {
  font-family: 'en9';
}

@font-face {
  font-family: 'en10';
  src: url('../fonts/en/NewBaskerville Italic.ttf');
}

.en10 {
  font-family: 'en10';
}

/* 弹跳 */
@keyframes myBounce {
  0% {
    transform: translate3d(0, 0, 0);
    /* text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em; */
  }

  100% {
    transform: translate3d(0, -0.5em, 0);
    /* text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em; */
  }
}

/* 旋转 */
@keyframes xuanzhuan {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

/* 波浪 */
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(171, 189, 214, 0.15), 0 0 0 1vw rgba(171, 189, 214, 0.15), 0 0 0 2vw rgba(171, 189, 214, 0.15);
  }

  100% {
    box-shadow: 0 0 0 1vw rgba(171, 189, 214, 0.15), 0 0 0 2vw rgba(171, 189, 214, 0.15), 0 0 0 4vw rgba(171, 189, 214, 0);
  }
}

a,
div,
section,
p,
button,
ul,
li,
body,
html,
img,
textarea,
input {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  touch-action: pan-y;
  font-size: clamp(12px, 0.8vw, 0.8vw);
  color: #5d5f68;
  text-indent: 0;
}

@media (max-width:1024px) {

  a,
  div,
  section,
  p,
  button,
  ul,
  li,
  body,
  html,
  img,
  textarea,
  input {
    font-size: 3.6vw;
  }
}

a {
  display: block;
  text-decoration: none;
  outline: none;
}

img {
  border: 0;
  display: block;
}

body {
  margin: 0 auto;
  background-repeat: repeat;
}

ul,
li {
  list-style-type: none;
}

button {
  border: none;
  outline: none;
  background-color: transparent;
  box-sizing: content-box;
}

p {
  line-height: 2em;
}

video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.wenzhang p {
  line-height: 2em;
  text-indent: 2em;
  padding: 4px 0;
}

.wenzhang p img {
  max-width: 100%;
  margin: 20px auto;
  display: block;
}

@media (max-width:1024px) {
  .wenzhang p img {
    width: 100% !important;
    height: unset !important;
  }
}

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

tr {
  border: none;
  border: 1px solid #DDD;
}

td {
  border: none;
  border: 1px solid #DDD;
}

input {
  outline: none;
  border: none;
}

.hide-scrollbar .pageContentAll {
  margin-right: calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));
}

.buttonLink {
  display: none;
}

.pageBox {
  max-width: 100%;
  margin: 0 auto;
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.pageContent {
  position: relative;
  z-index: 4;
  padding: 5vw 0;
}

@media (max-width:1600px) {
  .pageContent {
    padding: 5vw 0;
  }
}

@media (max-width:1300px) {
  .pageContent {
    padding: 5vw 0;
  }
}

@media (max-width:1024px) {
  .pageContent {
    padding: 12vw 0;
  }
}

mod {
  display: block;
}

.cn {
  font-family: 'cn1';
}

.en {
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
}

.imgBox img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cenBox {
  width: 72%;
  margin: 0 auto;
}

@media (max-width:1600px) {
  .cenBox {
    width: 72%;
  }
}

@media (max-width:1300px) {
  .cenBox {
    width: 72%;
  }
}

@media (max-width:1024px) {
  .cenBox {
    width: 84%;
  }
}

.bgImg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.bgImg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 8px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  width: 4px;
  border-radius: 10px;
  background-color: #698fb5;
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
  background: #ffffff;
}

.mapGoOpenBoxMask {
  backdrop-filter: blur(15px);
  background-color: rgba(255, 255, 255, 0.1);
  position: fixed;
  opacity: 0;
  pointer-events: none;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 15;
}

.mapGoOpenBoxMask.show {
  opacity: 1;
  pointer-events: auto;
}

.mapGoOpenBox {
  position: fixed;
  bottom: 0;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  width: 100%;
  z-index: 16;
  padding: 10vw;
  transform: translateY(100%);
  pointer-events: none;
}

.mapGoOpenBox .box {
  border-radius: 2vw;
  background-color: #1a1a1a;
  width: 100%;
  padding: 1vw 3vw;
}

.mapGoOpenBox .box a {
  height: 16vw;
  margin: 2vw 0;
  border-radius: 1vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  color: #1a1a1a;
  background-color: #fff;
}

.mapGoOpenBox.show {
  transform: translateY(0);
  pointer-events: auto;
}

.tongzhi {
  position: fixed;
  z-index: 1111;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.tongzhi .kuangjia {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

.tongzhi .kuangjia .box {
  width: 400px;
  padding: 20px 0;
  background-color: #fff;
  box-shadow: 2px 2px 30px rgba(255, 255, 255, 0.5);
  transform: translateY(50px);
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  border-radius: 10px;
}

@media (max-width:1024px) {
  .tongzhi .kuangjia .box {
    width: 90%;
  }
}

.tongzhi .kuangjia .box i {
  font-size: 80px;
  margin-bottom: 20px;
}

@media (max-width:1024px) {
  .tongzhi .kuangjia .box i {
    font-size: 18vw;
  }
}

.tongzhi .kuangjia .box i.icon-zhengque {
  color: #46ad75;
}

.tongzhi .kuangjia .box i.icon-cuowu {
  color: #b62c2c;
}

.tongzhi .kuangjia .box span {
  font-size: 18px;
  color: #666;
}

.tongzhi .kuangjia .box .jishi {
  margin-top: 20px;
  color: #666;
  font-size: 14px;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

.tongzhi .kuangjia.on .box {
  transform: translateY(0px);
}

body {}

.shadowBox {
  padding: 3vw;
  border-radius: 20px;
  background-color: #fff;

}

@media (max-width:1024px) {
  .shadowBox {
    padding: 6vw;
    border-radius: 10px;
  }
}

.pageContentAll {
  position: relative;
}

.unifyButton {
  margin-top: 2vw;
  width: fit-content;
}

@media (max-width:1024px) {
  .unifyButton {
    margin-top: 8vw;
  }
}

.unifyButton .unifyButtonThis {
  padding: 0.6vw;
  background-color: #000;
  border-radius: 4vw;
  width: fit-content;
}

@media (max-width:1024px) {
  .unifyButton .unifyButtonThis {
    border-radius: 5vw;
  }
}

.unifyButton .unifyButtonThis>.thisBox {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 0.6vw;
  width: 8vw;
  height: 2.2vw;
}

@media (max-width:1024px) {
  .unifyButton .unifyButtonThis>.thisBox {
    width: 32vw;
    height: 9vw;
  }
}

.unifyButton .unifyButtonThis>.thisBox .txt {
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  font-size: clamp(12px, 0.8vw, 0.8vw);
  transition-duration: 0.5s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  color: #666;
  position: relative;
  z-index: 1;
  color: #fff;
  transform: translateX(1vw);
}

@media (max-width:1024px) {
  .unifyButton .unifyButtonThis>.thisBox .txt {
    font-size: 3.6vw;
  }
}

.unifyButton .unifyButtonThis>.thisBox .yuan {
  top: 0;
  position: absolute;
  left: 0;
  background-color: #fff;
  width: 2.2vw;
  height: 2.2vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  border-radius: 50%;
}

@media (max-width:1024px) {
  .unifyButton .unifyButtonThis>.thisBox .yuan {
    width: 9vw;
    height: 9vw;
  }
}

.unifyButton .unifyButtonThis>.thisBox .yuan .ico {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

.unifyButton .unifyButtonThis>.thisBox .yuan .ico i {
  color: #1a1a1a;
}

.unifyButton .unifyButtonThis:hover .txt {
  transform: translateX(-1vw);
}

.unifyButton.white .unifyButtonThis>.thisBox .txt {
  color: #fff;
}

.unifyButton.white .unifyButtonThis>.thisBox .ico i {
  color: #fff;
}

.fenye {
  margin-top: 5vw;
}

.fenye .fenyeThis>.thisBox .box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

@media (max-width:1024px) {
  .fenye .fenyeThis>.thisBox .box {
    gap: 4vw;
  }
}

.fenye .fenyeThis>.thisBox .box .page_numbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

@media (max-width:1024px) {
  .fenye .fenyeThis>.thisBox .box .page_numbar {
    gap: 4vw;
  }
}

.fenye .fenyeThis>.thisBox .box a {
  width: 2.4vw;
  height: 2.4vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  font-size: clamp(12px, 1.1vw, 1.1vw);
  border: 1px solid #ddd;
}

@media (max-width:1024px) {
  .fenye .fenyeThis>.thisBox .box a {
    font-size: 4.2vw;
  }
}

@media (max-width:1024px) {
  .fenye .fenyeThis>.thisBox .box a {
    width: 10vw;
    height: 10vw;
  }
}

.fenye .fenyeThis>.thisBox .box a:hover {
  background-color: rgba(171, 189, 214, 0.1);
}

.fenye .fenyeThis>.thisBox .box a.page-num-current {
  background-color: #1a1a1a;
  color: #fff;
}

.swiperControl .navigation .navigationThis {
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

.swiperControl .navigation .navigationThis .btn {
  width: 3vw;
  height: 3vw;
  background-color: #1a1a1a;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  cursor: pointer;
}

.swiperControl .navigation .navigationThis .btn i {
  font-size: clamp(12px, 0.9vw, 0.9vw);
  color: #fff;
}

@media (max-width:1024px) {
  .swiperControl .navigation .navigationThis .btn i {
    font-size: 3.8vw;
  }

  .swiperControl .navigation .navigationThis .btn {
    width: 10vw;
    height: 10vw;
    background-color: #1a1a1a;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    cursor: pointer;
  }
}

.swiperControl .navigation .navigationThis .btn:hover {
  background-color: #698fb5;
}

.swiperControl .pagination .paginationThis .swiper-pagination-bullet {
  width: 1.6vw;
  height: 0.2vw;
  border-radius: 0;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

.swiperControl .pagination .paginationThis .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1a1a1a;
  width: 3vw;
}

.ani_txt {
  position: relative;
}

.ani_txt .initTxt {
  overflow: hidden;
}

.ani_txt .initTxt div {}

.ani_txt .initTxt.initTxt div {
  will-change: transform;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  transition-property: color;
}

.ani_txt .initTxt.hovTxt {
  position: absolute;
  top: 0;
}

.ani_txt .initTxt.hovTxt div {
  color: #698fb5;
  will-change: transform;
}

.unifyTitle {
  margin-bottom: 4vw;
  width: 100%;
}

.unifyTitle .unifyTitleThis {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

.unifyTitle .unifyTitleThis .subname {
  font-size: clamp(12px, 5.7vw, 5.7vw);
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  -webkit-background-clip: text;
  color: transparent;
  background-color: #000;
  font-weight: bold;
  text-align: center;
}

@media (max-width:1024px) {
  .unifyTitle .unifyTitleThis .subname {
    font-size: 13.4vw;
  }
}

.unifyTitle .unifyTitleThis .def1 {
  margin: 1vw 0 0.5vw;
  font-size: clamp(12px, 1vw, 1vw);
  color: #1a1a1a;
}

@media (max-width:1024px) {
  .unifyTitle .unifyTitleThis .def1 {
    font-size: 4vw;
  }
}

.unifyTitle .unifyTitleThis .name {
  font-size: clamp(12px, 2.1vw, 2.1vw);
}

@media (max-width:1024px) {
  .unifyTitle .unifyTitleThis .name {
    font-size: 6.2vw;
  }
}

/* inxxilie 主推系列 */
#index_page .pageContentAll .inxxilie {
  z-index: 99;
  padding: 10vw 0;
  position: relative;
}

#index_page .pageContentAll .inxxilie>.thisBox {
  width: 90%;

  margin: auto;
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox {
  width: 100%;
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0;
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi {
  position: relative;
  /* 【关键修复】强制父级容器有高度：子xlCard虽relative含aspect-ratio，但兼容不同浏览器下
     给父级也加aspect-ratio保证grid单元格一定撑开，不会出现"高度0/看不见" */
  aspect-ratio: 3 / 4;
  min-height: 320px;
  /* 极端情况兜底：即使aspect-ratio不生效也有最小高度 */
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard {
  display: block !important;
  /* 防止被全局样式覆盖为inline/inline-block */
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  text-decoration: none;
  /* 【关键修复】如果CMS图片加载失败，卡片不再是"纯白色浅灰融为一体"，
     而是带明显渐变占位+淡蓝色边框，视觉上一定看得到卡片轮廓 */
  background:
    linear-gradient(135deg, #e0ecff 0%, #f4f1ff 60%, #fff8f2 100%);
  border: 1px solid rgba(30, 64, 175, 0.08);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  transition: transform .4s ease, box-shadow .4s ease, border-color .4s ease;
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard::before {
  content: attr(data-index);
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid rgba(30, 64, 175, 0.15);
  color: #1e40af;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: all .4s ease;
  box-shadow: 0 2px 6px rgba(30, 64, 175, 0.08);
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard:hover::before {
  background: #fff;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
  border-color: rgba(30, 64, 175, 0.35);
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlImg {
  position: absolute;
  inset: 0;
  /* 【关键修复】图片未加载/加载失败时显示占位背景，不让卡片变纯白 */
  background:
    radial-gradient(circle at 50% 45%, #f0f4ff 0%, #e4ecff 70%, #dbe4ff 100%);
  display: block;
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlImg img {
  display: block;
  /* 消除inline的幽灵空白节点 */
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease, opacity .4s ease;
  background: transparent;
}

/* 图片加载失败时的容错：隐藏可能出现的破损图标，显示下方占位背景 */
#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlImg img:not([src]),
#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlImg img[src=""],
#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlImg img[src*="nopic"] {
  opacity: 0;
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard:hover .xlImg img {
  transform: scale(1.06);
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlHover {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(30, 64, 175, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.95) 100%);
  opacity: 0;
  transition: opacity .4s ease;
  display: flex;
  align-items: flex-end;
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard:hover .xlHover {
  opacity: 1;
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlHover .xlHoverContent {
  padding: 28px;
  color: #fff;
  transform: translateY(20px);
  transition: transform .4s ease;
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard:hover .xlHover .xlHoverContent {
  transform: translateY(0);
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlHover .xlTitle {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 12px;
  line-height: 1.3;
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlHover .xlDesc {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.6;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlHover .xlBtn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: #fff;
  color: #1e40af;
  font-size: 13px;
  font-weight: 600;
  border-radius: 999px;
  transition: gap .3s ease, transform .3s ease;
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlHover .xlBtn:hover {
  gap: 14px;
  transform: translateX(4px);
}

#index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlHover .xlBtn i {
  font-size: 12px;
}

/* 响应式 - 平板 */
@media (max-width: 1200px) {
  #index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl {
    gap: 20px;
  }

  #index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi {
    min-height: 280px;
    /* 平板下父级最小高度兜底 */
  }

  #index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlHover .xlHoverContent {
    padding: 20px;
  }

  #index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlHover .xlTitle {
    font-size: 17px;
  }

  #index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlHover .xlDesc {
    font-size: 12px;
  }
}

/* 响应式 - 移动端 */
@media (max-width: 1024px) {
  #index_page .pageContentAll .inxxilie {
    padding: 50px 0;
  }

  #index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  /* 移动端：父级xlLi也要有aspect-ratio/最小高度，防止出现高度为0看不见 */
  #index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi {
    aspect-ratio: 3 / 4;
    min-height: 260px;
  }

  #index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard {
    aspect-ratio: 3 / 4;
  }

  #index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlHover .xlHoverContent {
    padding: 18px;
  }

  #index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlHover .xlTitle {
    font-size: 16px;
  }

  #index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlHover .xlDesc {
    font-size: 12px;
    margin-bottom: 14px;
  }

  #index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi .xlCard .xlHover .xlBtn {
    font-size: 12px;
    padding: 8px 16px;
  }
}

/* 响应式 - 小屏 */
@media (max-width: 480px) {
  #index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl {
    grid-template-columns: 1fr;
  }

  /* 小屏单列：卡片更高更清楚 */
  #index_page .pageContentAll .inxxilie>.thisBox>.contentBox .xlUl .xlLi {
    min-height: 350px;
  }
}

/* inxproject 解决方案 */
#index_page .pageContentAll .inxproject {
  position: relative;
  padding: 80px 0;
  background: linear-gradient(180deg, #f8f9fb 0%, #eef2f8 100%);
  overflow: hidden;
}

#index_page .pageContentAll .inxproject>.thisBox {
  width: 85%;
  margin: auto;
}

#index_page .pageContentAll .inxproject>.thisBox>.projHeader {
  text-align: center;
  margin-bottom: 60px;
}

#index_page .pageContentAll .inxproject>.thisBox>.projHeader .projTag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 18px;
  background: #fff;
  border-radius: 999px;
  font-size: 13px;
  color: #1e40af;
  font-weight: 600;
  box-shadow: 0 2px 10px rgba(30, 64, 175, 0.08);
  margin-bottom: 24px;
}

#index_page .pageContentAll .inxproject>.thisBox>.projHeader .projTag span {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #1e40af;
  border-radius: 50%;
}

#index_page .pageContentAll .inxproject>.thisBox>.projHeader .projTitle {
  font-size: clamp(28px, 4vw, 52px);
  font-weight: 700;
  color: #0b1220;
  line-height: 1.3;
  margin: 0;
}

#index_page .pageContentAll .inxproject>.thisBox>.projMain {
  position: relative;
}

#index_page .pageContentAll .inxproject>.thisBox>.projMain .projBgText {
  position: absolute;
  top: -15%;
  left: 50%;
  transform: translate(-50%, -55%);
  font-size: clamp(80px, 14vw, 15vw);
  font-weight: 900;
  color: #2563eb30;
  letter-spacing: 0;
  white-space: nowrap;
  pointer-events: none;
  z-index: 0;
}

#index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

#index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards .projCard {
  position: relative;
  display: block;
  text-decoration: none;
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 3/4;
  transition: transform .4s ease, box-shadow .4s ease;
  background: #fff;
  box-shadow: 0 4px 20px rgba(30, 64, 175, 0.08);
}

#index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards .projCard:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 50px rgba(30, 64, 175, 0.18);
}

#index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards .projCard .projCardImg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

#index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards .projCard .projCardImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease;
}

#index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards .projCard:hover .projCardImg img {
  transform: scale(1.08);
}

#index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards .projCard::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(30, 64, 175, 0) 0%, rgb(0 0 0 / 12%) 50%, rgba(0, 0, 0, 0.95) 100%);
  z-index: 1;
  transition: opacity .4s ease;
}

#index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards .projCard:hover::before {
  background: linear-gradient(180deg, rgba(30, 64, 175, 0) 0%, rgb(0 0 0 / 12%) 50%, rgba(0, 0, 0, 0.95) 100%);
}

#index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards .projCard .projCardGlass {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 60px;
  padding: 20px;
  z-index: 2;
  color: #fff;
  transform: translateY(10px);
  transition: transform .4s ease;
}

#index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards .projCard:hover .projCardGlass {
  transform: translateY(0);
}

#index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards .projCard .projCardGlass .projCardDesc {
  font-size: 1.5vw;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards .projCard .projCardNum {
  position: absolute;
  left: 20px;
  bottom: 18px;
  padding: 5px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  transition: all .4s ease;
}

#index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards .projCard .projCardNum img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards .projCard:hover .projCardNum {
  background: rgba(255, 255, 255, 0.35);
  transform: scale(1.05);
}

/* inxproject 响应式 */
@media (max-width: 1200px) {
  #index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards {
    gap: 16px;
  }

  #index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards .projCard .projCardGlass {
    bottom: 80px;
    padding: 16px;
  }

  #index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards .projCard .projCardGlass .projCardDesc {
    font-size: 16px;
  }
}

@media (max-width: 1024px) {
  #index_page .pageContentAll .inxproject {
    padding: 50px 0;
  }

  #index_page .pageContentAll .inxproject>.thisBox>.projHeader {
    margin-bottom: 40px;
  }

  #index_page .pageContentAll .inxproject>.thisBox>.projMain .projBgText {
    font-size: clamp(60px, 16vw, 140px);
  }

  #index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }

  #index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards .projCard .projCardGlass {
    bottom: 80px;
    padding: 14px;
  }

  #index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards .projCard .projCardGlass .projCardDesc {
    font-size: 16px;
    -webkit-line-clamp: 2;
  }
}

@media (max-width: 480px) {
  #index_page .pageContentAll .inxproject>.thisBox>.projMain .projCards {
    grid-template-columns: 1fr;
  }
}

/* silicone_page fanganbox 解决方案板块 */
#silicone_page .pageContentAll .pageContent .fanganbox {
  width: 85%;
  margin: 0 auto;
  padding: 80px 0;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganQues {
  text-align: center;
  margin-bottom: 3vw;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganQues h2 {
  font-size: clamp(24px, 3.5vw, 44px);
  font-weight: 700;
  color: #0b1220;
  line-height: 1.4;
  margin: 0 0 16px;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganQues .fanganSub {
  font-size: 1vw;
  color: #8892a6;
  letter-spacing: 0.08em;
  margin: 0;
  font-family: 'en9', sans-serif;
  text-transform: uppercase;
}

@media (max-width: 1024px) {
  #silicone_page .pageContentAll .pageContent .fanganbox .fanganQues .fanganSub {
    font-size: 5vw;

  }
}

#silicone_page .pageContentAll .pageContent .fanganbox .siliconebox {
  text-align: center;
  width: 100%;
  margin: 0 auto 10vw;
  padding: clamp(28px, 4vw, 56px) clamp(20px, 4vw, 60px);
  background: linear-gradient(180deg, #f7faff 0%, #eef3fc 100%);
  border-radius: 16px;
  position: relative;
}

#silicone_page .pageContentAll .pageContent .fanganbox .siliconebox .siliconeTitle {
  font-size: clamp(22px, 3.5vw, 44px);
  font-weight: 700;
  color: #0b1220;
  line-height: 1.4;
  letter-spacing: 0.06em;
  margin: 0 0 18px;
}

#silicone_page .pageContentAll .pageContent .fanganbox .siliconebox .siliconeconter {
  font-size: clamp(14px, 1.2vw, 18px);
  color: #4b5563;
  line-height: 2;
  letter-spacing: 0.04em;
  margin: 0;
}

@media (max-width: 768px) {
  #silicone_page .pageContentAll .pageContent .fanganbox .siliconebox {
    margin-bottom: 40px;
    border-radius: 12px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .siliconebox .siliconeconter br {
    display: none;
    /* 手机端取消手动换行，让文字自然流式排列 */
  }
}

/* youshi6 六大优势：底部蓝穹顶 + 6 项沿弧度镜像排列 */
#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 {
  position: relative;
  height: clamp(420px, 48vw, 640px);
  max-width: 1200px;
  margin: 0 auto 60px;
}

/* 底部多层蓝色穹顶（向上凸） */
#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Semicircle {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(560px, 62vw, 820px);
  height: clamp(280px, 31vw, 410px);
  border-radius: 50% 50% 0 0;
  background: radial-gradient(ellipse 70% 100% at 50% 100%, #60a5fa 0%, #3b82f6 35%, #1e40af 100%);
  box-shadow:
    0 0 0 clamp(10px, 1.2vw, 20px) rgba(59, 130, 246, 0.12),
    0 0 0 clamp(22px, 2.6vw, 42px) rgba(59, 130, 246, 0.06);
  pointer-events: none;
  z-index: 0;
}

#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Semicircle::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 70%;
  border-radius: 50% 50% 0 0;
  border-top: 2px solid rgba(255, 255, 255, 0.22);
  border-left: 2px solid rgba(255, 255, 255, 0.15);
  border-right: 2px solid rgba(255, 255, 255, 0.15);
}

#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Semicircle::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 42%;
  height: 42%;
  border-radius: 50% 50% 0 0;
  background: rgba(255, 255, 255, 0.18);
}

/* 6 项容器 */
#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc {
  position: absolute;
  inset: 0;
  z-index: 1;
}

/* 单项通用 */
#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item {
  position: absolute;
  display: flex;
  align-items: center;
  gap: clamp(10px, 1vw, 18px);
  width: clamp(200px, 22vw, 280px);
}

/* 左 3 项 (nth 1/2/3)：文字右对齐，图标在右（贴中心） */
#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item:nth-child(1),
#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item:nth-child(2),
#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item:nth-child(3) {
  flex-direction: row-reverse;
  text-align: right;
}

/* 右 3 项 (nth 4/5/6)：文字左对齐，图标在左（贴中心） */
#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item:nth-child(4),
#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item:nth-child(5),
#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item:nth-child(6) {
  flex-direction: row;
  text-align: left;
}

/* ===== 6 项精确弧度坐标（沿半圆上缘分布） ===== */
/* 左列 3 项（右对齐，icon贴中心） */
#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item:nth-child(1) {
  right: calc(50% + clamp(30px, 3vw, 50px));
  top: 10%;
}

#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item:nth-child(2) {
  right: calc(50% + clamp(130px, 14vw, 200px));
  top: 52%;
}

#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item:nth-child(3) {
  right: calc(50% + clamp(250px, 28vw, 390px));
  top: 84%;
}

/* 右列 3 项（左对齐，icon贴中心） */
#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item:nth-child(4) {
  left: calc(50% + clamp(250px, 28vw, 390px));
  top: 84%;
}

#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item:nth-child(5) {
  left: calc(50% + clamp(130px, 14vw, 200px));
  top: 52%;
}

#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item:nth-child(6) {
  left: calc(50% + clamp(30px, 3vw, 50px));
  top: 10%;
}

/* 圆形图标 */
#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item .y6Img {
  flex-shrink: 0;
  width: clamp(56px, 6vw, 88px);
  height: clamp(56px, 6vw, 88px);
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 6px 18px rgba(30, 64, 175, 0.10), 0 2px 6px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .35s ease, box-shadow .35s ease;
}

#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item:hover .y6Img {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 10px 24px rgba(30, 64, 175, 0.20);
}

#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item .y6Img img {
  width: 78%;
  height: 78%;
  object-fit: contain;
  display: block;
}

/* 文字（无卡片，纯文本） */
#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item .y6Text .y6Title {
  font-size: clamp(14px, 1.3vw, 18px);
  font-weight: 700;
  color: #0b1220;
  line-height: 1.4;
  margin-bottom: 4px;
}

#silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item .y6Text .y6Desc {
  font-size: clamp(11px, 0.9vw, 13px);
  color: #6b7280;
  line-height: 1.7;
}

/* 响应式 */
@media (max-width: 1024px) {
  #silicone_page .pageContentAll .pageContent .fanganbox .youshi6 {
    height: auto;
    padding: 30px 0 20px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Semicircle {
    position: relative;
    width: 80%;
    height: clamp(180px, 20vw, 260px);
    margin: 0 auto 30px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc {
    position: static;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 24px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc .y6Item {
    position: static;
    width: auto;
    max-width: 360px;
    right: auto;
    left: auto;
    top: auto;
    transform: none;
    flex-direction: row !important;
    text-align: left !important;
  }
}

@media (max-width: 480px) {
  #silicone_page .pageContentAll .pageContent .fanganbox .youshi6 .y6Arc {
    grid-template-columns: 1fr;
  }
}

/* tongdian 痛点板块：4列上图下文列表 */
#silicone_page .pageContentAll .pageContent .fanganbox .tongdian {
  margin-bottom: 6vw;
}

#silicone_page .pageContentAll .pageContent .fanganbox .tongdian .tongdianTitle {
  text-align: center;
  font-size: clamp(24px, 3.5vw, 44px);
  font-weight: 700;
  color: #0b1220;
  line-height: 1.4;
  margin: 0 0 40px;
}

#silicone_page .pageContentAll .pageContent .fanganbox .tongdian ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2vw;
  list-style: none;
  padding: 0;
  margin: 0;
}

#silicone_page .pageContentAll .pageContent .fanganbox .tongdian ul li {
  width: calc((100% - 6vw) / 4);
  /* 4列，扣除3个间隙 */
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(11, 18, 32, 0.08);
  transition: transform .35s ease, box-shadow .35s ease;
}

#silicone_page .pageContentAll .pageContent .fanganbox .tongdian ul li:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 32px rgba(30, 64, 175, 0.16);
}

#silicone_page .pageContentAll .pageContent .fanganbox .tongdian ul li img {
  width: 100%;
  aspect-ratio: 4 / 3;
  /* 统一图片比例，保证4列高度一致 */
  object-fit: cover;
  display: block;
  background: #eef2f8;
  transition: transform .45s ease;
}

#silicone_page .pageContentAll .pageContent .fanganbox .tongdian ul li:hover img {
  transform: scale(1.06);
}

#silicone_page .pageContentAll .pageContent .fanganbox .tongdian ul li .tongdianItem {
  padding: clamp(14px, 1.5vw, 24px);
  text-align: center;
  font-size: clamp(15px, 1.3vw, 19px);
  font-weight: 700;
  color: #0b1220;
  line-height: 1.5;
}

@media (max-width: 1024px) {
  #silicone_page .pageContentAll .pageContent .fanganbox .tongdian ul li {
    width: calc((100% - 2vw) / 2);
    /* 平板2列 */
  }
}

@media (max-width: 480px) {
  #silicone_page .pageContentAll .pageContent .fanganbox .tongdian ul li {
    width: 100%;
    /* 手机单列 */
  }
}

/* 功能特性 */
#silicone_page .pageContentAll .pageContent .fanganbox .fanganFeature {
  display: flex;
  width: 80%;
  margin: auto;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 100px;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganFeature .fanganFeatItem {
  text-align: center;
  padding: 2vw;
  width: 25%;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganFeature .fanganFeatItem .fanganFeatIcon {
  width: 12vw;
  height: 12vw;
  margin: 0 auto 20px;
  color: #1e40af;
  display: flex;
  align-items: center;
  justify-content: center;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganFeature .fanganFeatItem .fanganFeatIcon svg,
#silicone_page .pageContentAll .pageContent .fanganbox .fanganFeature .fanganFeatItem .fanganFeatIcon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform .4s ease;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganFeature .fanganFeatItem:hover .fanganFeatIcon img {
  transform: scale(1.1);
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganFeature .fanganFeatItem .fanganFeatName {
  font-size: 18px;
  font-weight: 700;
  color: #0b1220;
  margin-bottom: 12px;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganFeature .fanganFeatItem .fanganFeatDesc {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.7;
}

/* silicone3 扫描仪描述板块：整体居中，图片适中 */
#silicone_page .pageContentAll .pageContent .fanganbox .fanganFeature .miaoshu {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;

}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganFeature .miaoshu p {
  max-width: clamp(320px, 62vw, 980px);
  margin: 0;
  font-size: clamp(14px, 1.2vw, 18px);
  color: #3a4354;
  line-height: 1.9;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganFeature .miaoshu img {
  display: block;
  width: clamp(180px, 24vw, 400px);
  height: auto;
  margin-top: clamp(16px, 2vw, 32px);
}

/* ===== 背包解决方案三段式布局 ===== */

/* 上段：3个产品图 */
#silicone_page .pageContentAll .pageContent .fanganbox .bkProducts {
  display: grid;
  margin: auto;
  width: 80%;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 3vw, 48px);
  margin-bottom: clamp(40px, 5vw, 80px);
}

#silicone_page .pageContentAll .pageContent .fanganbox .bkProducts .bkProdItem {
  display: flex;
  align-items: center;
  justify-content: center;
}

#silicone_page .pageContentAll .pageContent .fanganbox .bkProducts .bkProdItem img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 中段：2个系统描述 */
#silicone_page .pageContentAll .pageContent .fanganbox .bkSystems {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(24px, 3.5vw, 56px);
  margin-bottom: clamp(50px, 6vw, 100px);
}

#silicone_page .pageContentAll .pageContent .fanganbox .bkSystems .bkSysItem {
  display: flex;
  align-items: stretch;
  background: #f5f6f8;
  border-radius: 4px;
  overflow: hidden;
}

#silicone_page .pageContentAll .pageContent .fanganbox .bkSystems .bkSysItem .bkSysIcon {
  flex: 0 0 clamp(120px, 14vw, 14vw);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eceef1;
}

#silicone_page .pageContentAll .pageContent .fanganbox .bkSystems .bkSysItem .bkSysIcon img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

#silicone_page .pageContentAll .pageContent .fanganbox .bkSystems .bkSysItem .bkSysText {
  flex: 1;
  padding: clamp(16px, 2vw, 32px) clamp(16px, 2.2vw, 36px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#silicone_page .pageContentAll .pageContent .fanganbox .bkSystems .bkSysItem .bkSysText h4 {
  margin: 0 0 clamp(8px, 1vw, 16px);
  font-size: clamp(18px, 1.6vw, 26px);
  font-weight: 700;
  color: #0b1220;
  line-height: 1.4;
}

#silicone_page .pageContentAll .pageContent .fanganbox .bkSystems .bkSysItem .bkSysText p {
  margin: 0;
  font-size: clamp(13px, 1vw, 16px);
  color: #3a4354;
  line-height: 1.7;
}

/* 下段：3个特点图标 + 弧线 */
#silicone_page .pageContentAll .pageContent .fanganbox .bkFeatures {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: end;
  margin-bottom: clamp(40px, 5vw, 80px);
}

#silicone_page .pageContentAll .pageContent .fanganbox .bkFeatures .bkFeatArc {
  position: absolute;
  left: 0;
  right: 0;
  bottom: clamp(40px, 5vw, 70px);
  width: 100%;
  height: clamp(100px, 14vw, 200px);
  pointer-events: none;
  z-index: 0;
}

#silicone_page .pageContentAll .pageContent .fanganbox .bkFeatures .bkFeatItem {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#silicone_page .pageContentAll .pageContent .fanganbox .bkFeatures .bkFeatItem.center {
  transform: translateY(clamp(-30px, -4vw, -60px));
}

#silicone_page .pageContentAll .pageContent .fanganbox .bkFeatures .bkFeatItem .bkFeatIcon {
  width: clamp(70px, 10vw, 180px);
  height: clamp(70px, 10vw, 180px);

  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin-bottom: clamp(10px, 1.2vw, 18px);
}

#silicone_page .pageContentAll .pageContent .fanganbox .bkFeatures .bkFeatItem .bkFeatIcon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#silicone_page .pageContentAll .pageContent .fanganbox .bkFeatures .bkFeatItem .bkFeatName {
  font-size: clamp(13px, 1vw, 16px);
  color: #0b1220;
  font-weight: 500;
}

/* 背包三段式响应式 - 平板 */
@media (max-width: 1024px) {
  #silicone_page .pageContentAll .pageContent .fanganbox .bkProducts {
    gap: 20px;
    margin-bottom: 50px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .bkSystems {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 60px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .bkFeatures {
    margin-bottom: 50px;
  }
}

/* 背包三段式响应式 - 手机 */
@media (max-width: 600px) {
  #silicone_page .pageContentAll .pageContent .fanganbox .bkProducts {
    gap: 14px;
    margin-bottom: 36px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .bkSystems {
    gap: 18px;
    margin-bottom: 44px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .bkSystems .bkSysItem {
    flex-direction: column;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .bkSystems .bkSysItem .bkSysIcon {
    flex: none;
    width: 100%;
    height: 100px;
    background: #eceef1;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .bkSystems .bkSysItem .bkSysIcon img {
    width: 60%;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .bkFeatures {
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 36px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .bkFeatures .bkFeatItem.center {
    transform: translateY(-20px);
  }
}

/* AI个性化定制 */
#silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI {
  margin: 8vw 0;
}

#silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzTitle {
  text-align: center;
  font-size: clamp(26px, 3.4vw, 42px);
  font-weight: 700;
  color: #0b1220;
  margin: 0;
}

#silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzDesc {
  max-width: 80%;
  margin: 22px auto 0;
  text-align: center;
  font-size: clamp(14px, 1.1vw, 16px);
  line-height: 1.9;
  color: #555e6b;
}

#silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzSubTitle {
  text-align: center;
  font-size: clamp(16px, 1.4vw, 20px);
  font-weight: 700;
  color: #0b1220;
  margin: 64px 0 30px;
}

/* 定制流程：胶囊步骤 + 浅蓝箭头 */
#silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzFlow {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 18px;
}

#silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzFlowStep {
  position: relative;
  background: #e9eef5;
  border-radius: 6px;
  padding: 13px 38px;
  font-size: clamp(13px, 1.1vw, 16px);
  font-weight: 500;
  color: #1f2937;
  white-space: nowrap;
}

#silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzFlowStep:not(:last-child) {
  margin-right: 56px;
}

#silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzFlowStep:not(:last-child)::after {
  content: '';
  position: absolute;
  right: -42px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 13px;
  background: #9fd4f2;
  clip-path: polygon(0 30%, 58% 30%, 58% 0, 100% 50%, 58% 100%, 58% 70%, 0 70%);
  -webkit-clip-path: polygon(0 30%, 58% 30%, 58% 0, 100% 50%, 58% 100%, 58% 70%, 0 70%);
}

/* 定制服务：科技风蓝卡（切角+亮边） */
#silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px 30px;
  width: min(80%, 100%);
  margin: 0 auto;
}

#silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzCard {
  --cut: 14px;
  position: relative;
  padding: 1.5px;
  background: linear-gradient(160deg, #8fe0ff 0%, #2a9df4 45%, #9fe6ff 100%);
  clip-path: polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));
  -webkit-clip-path: polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));
}

#silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzCardIn {
  height: 100%;
  clip-path: polygon(calc(var(--cut) - 1.5px) 0, 100% 0, 100% calc(100% - var(--cut) + 1.5px), calc(100% - var(--cut) + 1.5px) 100%, 0 100%, 0 calc(var(--cut) - 1.5px));
  -webkit-clip-path: polygon(calc(var(--cut) - 1.5px) 0, 100% 0, 100% calc(100% - var(--cut) + 1.5px), calc(100% - var(--cut) + 1.5px) 100%, 0 100%, 0 calc(var(--cut) - 1.5px));
  background: linear-gradient(135deg, #38b9f9 0%, #0f8fe4 52%, #2cb7fb 100%);
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  min-height: 86px;
}

#silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzCardPic {
  flex: 0 0 42%;
  align-self: stretch;
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 8px;
  padding: 5px;
}

#silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzCardPic img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

#silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzCardText {
  font-size: clamp(14px, 1.25vw, 18px);
  font-weight: 700;
  color: #fff;
  line-height: 1.55;
  text-shadow: 0 1px 4px rgba(0, 60, 120, 0.4);
}

#silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzCardMore .dzCardIn {
  justify-content: center;
}

#silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzCardMore .dzCardText {
  text-align: center;
}

/* AI个性化定制 响应式 */
@media (max-width: 900px) {
  #silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzFlowStep {
    padding: 10px 22px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzFlowStep:not(:last-child) {
    margin-right: 40px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzFlowStep:not(:last-child)::after {
    right: -34px;
    width: 24px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzGrid {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }
}

@media (max-width: 600px) {
  #silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI {
    margin: 56px 0 0;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzSubTitle {
    margin: 40px 0 22px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzFlowStep {
    padding: 9px 14px;
    font-size: 12px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzFlowStep:not(:last-child) {
    margin-right: 30px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzFlowStep:not(:last-child)::after {
    right: -25px;
    width: 18px;
    height: 10px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzGrid {
    gap: 14px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzCardIn {
    gap: 10px;
    padding: 10px;
    min-height: 72px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzCardPic {
    flex: 0 0 38%;
    min-height: 52px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .dingzhiAI .dzCardText {
    font-size: 13px;
  }
}

/* 应用场景 */
#silicone_page .pageContentAll .pageContent .fanganbox .fanganScene {
     width: 90%;
    margin: auto;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneTitle {
  text-align: center;
  font-size: clamp(24px, 3.2vw, 40px);
  font-weight: 700;
  color: #0b1220;
  margin: 0 0 60px;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneRow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  margin-bottom: 60px;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneRow:last-child {
  margin-bottom: 0;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneRow.even {
  direction: rtl;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneRow.even>* {
  direction: ltr;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneRow .fanganSceneImg {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 4/3;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneRow .fanganSceneImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneRow:hover .fanganSceneImg img {
  transform: scale(1.05);
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneRow .fanganSceneText h4 {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 700;
  color: #0b1220;
  margin: 0 0 16px;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneRow .fanganSceneText p {
  font-size: clamp(14px, 1.2vw, 1.2vw);
  color: #6b7280;
  line-height: 1.8;
  margin: 0 0 24px;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneRow .fanganSceneLink {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #1e40af;
  text-decoration: none;
  transition: gap .3s ease, color .3s ease;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneRow .fanganSceneLink:hover {
  gap: 12px;
  color: #2563eb;
}

#silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneRow .fanganSceneLink i {
  font-size: 12px;
}

/* fanganbox 响应式 */
@media (max-width: 1024px) {
  #silicone_page .pageContentAll .pageContent .fanganbox {
    padding: 50px 0;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .fanganFeature {
    grid-template-columns: 1fr;
    display: grid;
    gap: 30px;
    margin-bottom: 70px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .fanganFeature .fanganFeatItem {
    padding: 20px;
    width: 100%;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .fanganFeature .fanganFeatItem .fanganFeatIcon {
    width: 50vw;
    height: 50vw;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneTitle {
    margin-bottom: 40px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneRow {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-bottom: 40px;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneRow.even {
    direction: ltr;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneRow .fanganSceneImg {
    order: 0;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneRow .fanganSceneText {
    order: 1;
  }

  #silicone_page .pageContentAll .pageContent .fanganbox .fanganScene .fanganSceneRow .fanganSceneImg {
    aspect-ratio: 16/10;
  }
}

.topNav {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
}

.topNav .topNavThis {
  width: 100%;
  height: 100%;
}

.topNav .topNavThis .thisBox .navBoxAll {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 4vw;
  height: 5vw;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: unset;
}

@media (max-width:1600px) {
  .topNav .topNavThis .thisBox .navBoxAll {
    height: 5vw;
  }
}

@media (max-width:1300px) {
  .topNav .topNavThis .thisBox .navBoxAll {
    height: 5vw;
  }
}

@media (max-width:1024px) {
  .topNav .topNavThis .thisBox .navBoxAll {
    height: 14vw;
  }
}

.topNav .topNavThis .thisBox .navBoxAll .topNavLeft {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

.topNav .topNavThis .thisBox .navBoxAll .topNavLeft .logoBox {
  width: 11%;
}

.topNav .topNavThis .thisBox .navBoxAll .topNavLeft .logoBox img {
  height: 100%;
  width: 100%;
}

.topNav .topNavThis .thisBox .navBoxAll .topNavLeft .navBar {
  position: relative;
  z-index: 1;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  margin-left: 8vw;
}

@media (max-width:1024px) {
  .topNav .topNavThis .thisBox .navBoxAll .topNavLeft .logoBox {
    width: 40%;
  }

  .topNav .topNavThis .thisBox .navBoxAll .topNavLeft .navBar {
    display: none;
  }
}

.topNav .topNavThis .thisBox .navBoxAll .topNavLeft .navBar .ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 4vw;
}

.topNav .topNavThis .thisBox .navBoxAll .topNavLeft .navBar .ul .li .a1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 0.3vw;
}

.topNav .topNavThis .thisBox .navBoxAll .topNavLeft .navBar .ul .li .a1 .txt div {
  text-transform: uppercase;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  transition-property: color;
  font-size: clamp(14px, 1vw, 1vw);
}

.topNav .topNavThis .thisBox .navBoxAll .topNavLeft .navBar .ul .li .a1 i {
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

.topNav .topNavThis .thisBox .navBoxAll .topNavLeft .navBar .ul .li .a1:hover i {
  color: #1a1a1a;
}

.topNav .topNavThis .thisBox .navBoxAll .topNavLeft .navBar .ul .li.on .a1 .txt div {
  color: #698fb5;
}

.topNav .topNavThis .thisBox .navBoxAll .topNavLeft .navBar .ul .li.on .a1 i {
  color: #1a1a1a;
  transform: rotate(180deg);
}

.topNav .topNavThis .thisBox .navBoxAll .topNavLeft .navBar .ul .li:first-child {
  display: none;
}

.topNav .topNavThis .thisBox .navBoxAll .navRight {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 2vw;
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox {
  position: relative;
  width: 8vw;
  height: 2.2vw;
}

@media (max-width:1024px) {
  .topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox {
    width: 30vw;
    height: 8vw;
  }
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox {
  position: absolute;
  overflow: hidden;
  top: 0;
  border-radius: 1.1vw;
  border: 1px solid #666;
  left: 0;
  background-color: #fff;
}

@media (max-width:1024px) {
  .topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox {
    border-radius: 4vw;
  }
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .initText {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 0.4vw;
  cursor: pointer;
  width: 8vw;
  height: 2.2vw;
}

@media (max-width:1024px) {
  .topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .initText {
    transform: translate(-1px, -1px);
    gap: 2vw;
  }
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .initText .ico {
  width: 1.2vw;
  height: 1.2vw;
}

@media (max-width:1024px) {
  .topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .initText .ico {
    width: 4vw;
    height: 4vw;
  }
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .initText .ico i {
  font-size: clamp(12px, 1.1vw, 1.1vw);
}

@media (max-width:1024px) {
  .topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .initText .ico i {
    font-size: 4.2vw;
  }
}

@media (max-width:1024px) {
  .topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .initText .ico i {
    font-size: 4.6vw;
  }
}

@media (max-width:1024px) {
  .topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .initText {
    width: 30vw;
    height: 8vw;
  }
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .showBox {
  position: relative;
  padding: 1vw;
}

@media (max-width:1024px) {
  .topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .showBox {
    padding: 3vw;
  }
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .showBox .ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1024px) {
  .topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .showBox .ul {
    gap: 2vw;
  }
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .showBox .ul .li {
  padding: 0.4vw 0;
  border-bottom: 1px dashed #ddd;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  width: 100%;
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .showBox .ul .li .erweiImg {
  margin-bottom: 0.6vw;
  width: 6vw;
  height: 6vw;
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .showBox .ul .li .erweiImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .showBox .ul .li .shopA {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: unset;
  gap: 0.4vw;
}

@media (max-width:1024px) {
  .topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .showBox .ul .li .shopA {
    gap: 2vw;
  }
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .showBox .ul .li .shopA .ico {
  width: 1vw;
  height: 1vw;
}

@media (max-width:1024px) {
  .topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .showBox .ul .li .shopA .ico {
    width: 4vw;
    height: 4vw;
  }
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .showBox .ul .li .shopA .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .showBox .ul .li .shopA:hover .txt {
  color: #1a1a1a;
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .onlineShop>.thisBox .lineBox .posiBox .showBox::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 1vw;
  right: 1vw;
  border-top: 1px solid #ccc;
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .openBtn {
  position: relative;
  height: 100%;
  aspect-ratio: 1;
  margin-left: 4vw;
}

@media (min-width:1024px) {
  .topNav .topNavThis .thisBox .navBoxAll .navRight .openBtn {
    display: none;
  }
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .openBtn .menuBtn {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .openBtn .menuBtn .ul {
  width: 40px;
  height: 40px;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  border-radius: 50%;
  background-color: #1a1a1a;
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .openBtn .menuBtn .ul .li {
  width: 20px;
  height: 1px;
  background-color: #fff;
  transition-duration: 0.8s;
  transition-property: background-color;
  display: block;
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .openBtn .menuBtn .ul .li:nth-child(1) {
  margin-bottom: 5px;
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .openBtn .menuBtn .ul .li:nth-child(3) {
  margin-top: 5px;
}

.topNav .topNavThis .thisBox .navBoxAll .navRight .openBtn .menuBtn .txt {
  color: #fff;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

.topNav .topNavThis .thisBox .navBoxAll::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  transform: translateY(-100%);
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.topNav .topNavThis .thisBox .navTwoBoxAll {
  position: relative;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav {
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: unset;
  background-color: #fff;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  clip-path: inset(0 0 100% 0);
  pointer-events: none;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.product .twoNavBar {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  height: 24vw;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.product .twoNavBar .leftSort {
  padding: 3vw;
  background-color: #f8f8f8;
  width: 24vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
  padding-left: 6vw;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.product .twoNavBar .leftSort .navname {
  font-size: clamp(12px, 1.9vw, 1.9vw);
}

@media (max-width:1024px) {
  .topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.product .twoNavBar .leftSort .navname {
    font-size: 5.8vw;
  }
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.product .twoNavBar .leftSort .def1 {
  line-height: 2em;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.product .twoNavBar .swiperBox {
  position: relative;
  padding-left: 8vw;
  width: calc(100% - 24vw);
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.product .twoNavBar .swiperBox #topNavPro {
  width: 100%;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.product .twoNavBar .swiperBox #topNavPro .swiper-slide {
  width: 16vw;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.product .twoNavBar .swiperBox #topNavPro .swiper-slide .aBox {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.product .twoNavBar .swiperBox #topNavPro .swiper-slide .aBox .imgBox {
  overflow: hidden;
  width: 100%;
  height: 12vw;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.product .twoNavBar .swiperBox #topNavPro .swiper-slide .aBox .imgBox img {
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.product .twoNavBar .swiperBox #topNavPro .swiper-slide .aBox .title {
  font-size: clamp(12px, 1.1vw, 1.1vw);
}

@media (max-width:1024px) {
  .topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.product .twoNavBar .swiperBox #topNavPro .swiper-slide .aBox .title {
    font-size: 4.2vw;
  }
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.product .twoNavBar .swiperBox #topNavPro .swiper-slide .aBox:hover .imgBox img {
  transform: scale(1.1);
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.product .twoNavBar .swiperBox #topNavPro .swiper-slide .aBox:hover .title {
  color: #1a1a1a;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.product .twoNavBar .swiperBox .swiperControl {
  border-top: 1px solid #ccc;
  padding-top: 1vw;
  margin-top: 1vw;
  padding-right: 6vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: unset;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.normal .twoNavBar {
  padding: 3vw 0;
  width: 100%;
  height: 30vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 4vw;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.normal .twoNavBar .leftNavList {
  height: 100%;
  width: auto;
  padding-right: 6vw;
  border-right: 1px solid #ccc;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.normal .twoNavBar .leftNavList .ul {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1.4vw;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.normal .twoNavBar .leftNavList .ul .li {
  cursor: pointer;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.normal .twoNavBar .leftNavList .ul .li a {
  font-size: clamp(12px, 0.9vw, 0.9vw);
}

@media (max-width:1024px) {
  .topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.normal .twoNavBar .leftNavList .ul .li a {
    font-size: 3.8vw;
  }
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.normal .twoNavBar .leftNavList .ul .li.on a {
  color: #1a1a1a;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.normal .twoNavBar .coutBox {
  height: 100%;
  width: 40vw;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.normal .twoNavBar .coutBox .ul {
  position: relative;
  width: 100%;
  height: 100%;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.normal .twoNavBar .coutBox .ul .li {
  position: absolute;
  width: 100%;
  height: 100%;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  opacity: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 4vw;
  pointer-events: none;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.normal .twoNavBar .coutBox .ul .li .imgBox {
  width: 30vw;
  height: 100%;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.normal .twoNavBar .coutBox .ul .li .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.normal .twoNavBar .coutBox .ul .li .textCout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
  width: calc(100% - 20vw);
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.normal .twoNavBar .coutBox .ul .li .textCout .name {
  font-size: clamp(12px, 1.5vw, 1.5vw);
}

@media (max-width:1024px) {
  .topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.normal .twoNavBar .coutBox .ul .li .textCout .name {
    font-size: 5vw;
  }
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.normal .twoNavBar .coutBox .ul .li.on {
  opacity: 1;
  pointer-events: auto;
}

.topNav .topNavThis .thisBox .navTwoBoxAll .twoNav.active {
  clip-path: inset(0 0 0 0);
  pointer-events: auto;
}

.topNav.scrollShow .topNavThis>.thisBox .navBoxAll .logoBox .color {
  background-color: #1a1a1a;
}

.topNav.scrollShow .topNavThis>.thisBox .navBoxAll .navBar .ul .li .a1 .txt div {
  color: #333;
}

.topNav.scrollShow .topNavThis>.thisBox .navBoxAll .navBar .ul .li .a1:hover .txt div {
  color: #1a1a1a;
}

.topNav.scrollShow .topNavThis>.thisBox .navBoxAll .navRight .openBtn .menuBtn .txt .t {
  color: #333;
}

.topNav.scrollShow .topNavThis>.thisBox .navBoxAll .navRight .openBtn .menuBtn .ul {
  border-color: #333;
}

.topNav.scrollShow .topNavThis>.thisBox .navBoxAll .navRight .openBtn .menuBtn .ul .li {
  background-color: #333;
}

.topNav.scrollShow .topNavThis>.thisBox .navBoxAll::after {
  transform: translateY(0);
}

.openNav {
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  pointer-events: none;
}

.openNav .openNavThis {
  position: relative;
  z-index: 1;
  top: 0;
  opacity: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

.openNav .openNavThis>.thisBox {
  height: 100%;
  padding: 0 6vw 0 10vw;
  padding-top: 14vw;
}

.openNav .openNavThis>.thisBox .contentBox {
  padding: 10vw 0;
  width: 100%;
  height: 100%;
}

.openNav .openNavThis>.thisBox .contentBox .navBar {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-right: 4vw;
}

.openNav .openNavThis>.thisBox .contentBox .navBar .ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  gap: 2vw;
}

.openNav .openNavThis>.thisBox .contentBox .navBar .ul .li {
  position: relative;
  border-bottom: 1px dashed #ccc;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
}

.openNav .openNavThis>.thisBox .contentBox .navBar .ul .li .a1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: unset;
  padding: 4vw 0;
}

.openNav .openNavThis>.thisBox .contentBox .navBar .ul .li .a1 .txt {
  font-size: clamp(12px, 1.5vw, 1.5vw);
  color: #fff;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  font-family: 'cn1';
}

@media (max-width:1024px) {
  .openNav .openNavThis>.thisBox .contentBox .navBar .ul .li .a1 .txt {
    font-size: 5vw;
  }
}

.openNav .openNavThis>.thisBox .contentBox .navBar .ul .li .openTwoBtn {
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  width: 10vw;
  height: 10vw;
  position: absolute;
  right: 0;
  top: 2vw;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  border: 1px solid #fff;
  background-color: transparent;
}

.openNav .openNavThis>.thisBox .contentBox .navBar .ul .li .openTwoBtn i {
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  color: #fff;
}

.openNav .openNavThis>.thisBox .contentBox .navBar .ul .li .twoNav {
  width: 100%;
  display: none;
}

.openNav .openNavThis>.thisBox .contentBox .navBar .ul .li .twoNav .ul2 {
  padding-top: 2vw;
  padding-bottom: 4vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
}

.openNav .openNavThis>.thisBox .contentBox .navBar .ul .li .twoNav .ul2 .li2 {
  padding-left: 8vw;
}

.openNav .openNavThis>.thisBox .contentBox .navBar .ul .li .twoNav .ul2 .li2 .a2 {
  padding: 3vw 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: unset;
  gap: 2vw;
}

.openNav .openNavThis>.thisBox .contentBox .navBar .ul .li .twoNav .ul2 .li2 .a2 .txt {
  font-size: clamp(12px, 1.3vw, 1.3vw);
  color: #fff;
}

@media (max-width:1024px) {
  .openNav .openNavThis>.thisBox .contentBox .navBar .ul .li .twoNav .ul2 .li2 .a2 .txt {
    font-size: 4.6vw;
  }
}

.openNav .openNavThis>.thisBox .contentBox .navBar .ul .li .twoNav .ul2 .li2 .a2 .ico i {
  color: #fff;
}

.openNav .openNavThis>.thisBox .contentBox .navBar .ul .li.toggle .a1 .txt {
  color: #698fb5;
}

.openNav .openNavThis>.thisBox .contentBox .navBar .ul .li.toggle .openTwoBtn {
  background-color: #698fb5;
  border-color: #698fb5;
  transform: rotate(180deg);
}

.openNav .openOverLay {
  background-color: #1a1a1a;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

.openNav.openNavShow {
  pointer-events: auto;
}

.openNav.openNavShow .openNavThis {
  opacity: 1;
}

.openNav.openNavShow .openOverLay {
  transform: translateX(0);
}

.txtMask {
  overflow: hidden;
}

.txtMask div {
  will-change: transform;
}

.shan_txt div {
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}

.loadingMore {
  margin-top: 4vw;
  padding: 1vw 3vw;
  border: 1px solid #698fb5;
  color: #698fb5;
  cursor: pointer;
  border-radius: 4vw;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

.loadingMore:hover {
  background-color: #698fb5;
  color: #fff;
}

.foot .footThis>.thisBox {

  position: relative;
}

@media (max-width:1600px) {
  .foot .footThis>.thisBox {
    padding-top: 5vw;
  }
}

@media (max-width:1300px) {
  .foot .footThis>.thisBox {
    padding-top: 5vw;
  }
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox {
    padding-top: 12vw;
  }
}

.foot .footThis>.thisBox .gobuy {
  margin-bottom: 4vw;
  position: relative;
  z-index: 1;
}

.foot .footThis>.thisBox .gobuy>.thisBox {
  background-color: #698fb5;
  height: 20vw;
  padding: 4vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox .gobuy>.thisBox {
    height: unset;
  }
}

.foot .footThis>.thisBox .gobuy>.thisBox .titleBox {
  margin-bottom: 2vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

.foot .footThis>.thisBox .gobuy>.thisBox .titleBox .subname {
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  color: #fff;
  font-size: clamp(12px, 0.9vw, 0.9vw);
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox .gobuy>.thisBox .titleBox .subname {
    font-size: 3.8vw;
  }
}

.foot .footThis>.thisBox .gobuy>.thisBox .titleBox .name {
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  color: #fff;
  font-size: clamp(12px, 1.7vw, 1.7vw);
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox .gobuy>.thisBox .titleBox .name {
    font-size: 5.4vw;
  }
}

.foot .footThis>.thisBox .gobuy>.thisBox>.contentBox {
  width: 100%;
  height: 100%;
}

.foot .footThis>.thisBox .gobuy>.thisBox>.contentBox .ul {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 6vw;
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox .gobuy>.thisBox>.contentBox .ul {
    gap: 3vw;
  }
}

.foot .footThis>.thisBox .gobuy>.thisBox>.contentBox .ul .li .aBox {
  padding: 1vw 2vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 2vw;
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox .gobuy>.thisBox>.contentBox .ul .li .aBox {
    border-radius: 2vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    box-shadow: -4px -4px 40px 0 rgba(255, 255, 255, 0.3), 6px 8px 25px 0 rgba(154, 171, 205, 0.15);
  }
}

.foot .footThis>.thisBox .gobuy>.thisBox>.contentBox .ul .li .aBox .imgBox {
  width: 6vw;
  height: 6vw;
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox .gobuy>.thisBox>.contentBox .ul .li .aBox .imgBox {
    width: 26vw;
    height: 26vw;
  }
}

.foot .footThis>.thisBox .gobuy>.thisBox>.contentBox .ul .li .aBox .title {
  font-size: clamp(12px, 1.1vw, 1.1vw);
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox .gobuy>.thisBox>.contentBox .ul .li .aBox .title {
    font-size: 4.2vw;
  }
}

.foot .footThis>.thisBox>.contentBox {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1600px) {
  .foot .footThis>.thisBox>.contentBox {
    width: 100%;
  }
}

@media (max-width:1300px) {
  .foot .footThis>.thisBox>.contentBox {
    width: 100%;
  }
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox>.contentBox {
    width: 100%;
  }
}

.foot .footThis>.thisBox>.contentBox .shadowBox {
  width: 85%;

}

.foot .footThis>.thisBox>.contentBox .logoBox {
  position: relative;
  width: 10vw;
  height: 10vw;
  -webkit-mask-image: none;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.foot .footThis>.thisBox>.contentBox .logoBox .color {
  background-color: #1a1a1a;
  width: 100%;
  height: 100%;
}

.foot .footThis>.thisBox>.contentBox .logoBox::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a;
}

.foot .footThis>.thisBox>.contentBox .cenCout {
  display: flex;

  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox>.contentBox .shadowBox {
    width: 95%;

  }

  .foot .footThis>.thisBox>.contentBox .cenCout {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    flex-direction: column-reverse;
    gap: 10vw;
  }
}

.foot .footThis>.thisBox>.contentBox .cenCout .leftBox {
  width: 100%;
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox>.contentBox .cenCout .leftBox {
    width: 100%;
  }
}

.foot .footThis>.thisBox>.contentBox .cenCout .leftBox .siteMiashu {
  line-height: 2em;
  font-size: clamp(12px, 0.7vw, 0.7vw);
  width: 24vw;
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox>.contentBox .cenCout .leftBox .siteMiashu {
    font-size: 3.4vw;
  }
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox>.contentBox .cenCout .leftBox .siteMiashu {
    width: 100%;
  }
}

.foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: unset;
  gap: 2vw;
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 0;
  }
}

.foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox>div {
  position: relative;
}

.foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .footContact .ulBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

.foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .footContact .ulBox .box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .footContact .ulBox .box {
    align-items: center;
  }
}

.foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .footContact .ulBox .box .bTiao {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

.foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .footContact .ulBox .box .bTiao i {
  font-size: clamp(12px, 2vw, 2vw);
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .footContact .ulBox .box .bTiao i {
    font-size: 4vw;
  }
}

.foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .footContact .ulBox .box .bTiao .txt {
  margin-left: 0.4vw;
  font-size: clamp(12px, 1.6vw, 1.6vw);
}

.foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .footContact .ulBox .box .cout {
  margin-top: 1vw;
  width: 100%;
  font-size: clamp(12px, 1.3vw, 1.3vw);
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .footContact .ulBox .box .cout {
    font-size: 4.6vw;
  }
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .footContact .ulBox .box .cout {
    font-weight: bold;
    font-size: 6vw;
  }
}

.foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .goToMessage {
  border-top: 1px solid #1a1a1a;
  width: 100%;
}

.foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .goToMessage .ulBox .box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
}

.foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .goToMessage .ulBox .box .bTiao {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

.foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .goToMessage .ulBox .box .bTiao i {
  font-size: clamp(12px, 1vw, 1vw);
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .goToMessage .ulBox .box .bTiao i {
    font-size: 4vw;
  }
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .goToMessage .ulBox .box .bTiao {
    display: none;
  }
}

.foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .goToMessage .ulBox .box .bTiao .txt {
  margin-left: 0.4vw;
}

.foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .goToMessage .ulBox .box .cout {
  width: 100%;
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox>.contentBox .cenCout .leftBox .contactBox .goToMessage .ulBox .box .cout {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    margin-bottom: 6vw;
  }
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox>.contentBox .cenCout .rigthBox {
    width: 100%;
  }
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox>.contentBox .cenCout .rigthBox .footNavBar {
    width: 100%;
    display: none;
    margin-top: 8vw;
  }
}

.foot .footThis>.thisBox>.contentBox .cenCout .rigthBox .footNavBar .ul1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  gap: 10vw;
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox>.contentBox .cenCout .rigthBox .footNavBar .ul1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0vw;
    width: 100%;
    row-gap: 4vw;
  }
}

.foot .footThis>.thisBox>.contentBox .cenCout .rigthBox .footNavBar .ul1 .li1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

.foot .footThis>.thisBox>.contentBox .cenCout .rigthBox .footNavBar .ul1 .li1 .a1 .txt {
  font-weight: bold;
}

.foot .footThis>.thisBox>.contentBox .cenCout .rigthBox .footNavBar .ul1 .li1 .a1 .txt div {
  font-size: clamp(12px, 0.9vw, 0.9vw);
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox>.contentBox .cenCout .rigthBox .footNavBar .ul1 .li1 .a1 .txt div {
    font-size: 3.8vw;
  }
}

.foot .footThis>.thisBox>.contentBox .cenCout .rigthBox .footNavBar .ul1 .li1 .twoNav {
  margin-top: 1vw;
}

.foot .footThis>.thisBox>.contentBox .cenCout .rigthBox .footNavBar .ul1 .li1 .twoNav .ul2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

.foot .footThis>.thisBox>.contentBox .cenCout .rigthBox .footNavBar .ul1 .li1 .twoNav .ul2 .li2 .a2 {
  opacity: 0.5;
}

/* 底部二级导航最多显示6个 */
.foot .footThis>.thisBox>.contentBox .cenCout .rigthBox .footNavBar .ul1 .li1 .twoNav .ul2 .li2:nth-child(n+7) {
  display: none;
}

.foot .footThis>.thisBox .footBottomInfo {
  margin-top: 2vw;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  gap: 0.5vw;
}

.foot .footThis>.thisBox .footBottomInfo a:hover {
  color: #698fb5;
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox .footBottomInfo {
    gap: 4vw;
  }
}

.foot .footThis>.thisBox .footBottomInfo .infoLeft {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  gap: 3vw;
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox .footBottomInfo .infoLeft {
    flex-direction: column;
    gap: 4vw;
  }
}

.foot .footThis>.thisBox .footBottomInfo .infoLeft>div .lbt {
  word-break: keep-all;
}

.foot .footThis>.thisBox .footBottomInfo .infoLeft .beian {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

.foot .footThis>.thisBox .footBottomInfo .infoLeft .beian a {
  text-decoration: underline;
}

.foot .footThis>.thisBox .footBottomInfo .infoLeft .gabeian {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

.foot .footThis>.thisBox .footBottomInfo .infoLeft .gabeian a {
  text-decoration: underline;
}

.foot .footThis>.thisBox .footBottomInfo .infoLeft .banquan {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1024px) {
  .foot .footThis>.thisBox .footBottomInfo .infoLeft .banquan {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
  }
}

.foot .footThis>.thisBox .footBottomInfo .infoRight .jishuzhichi {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: unset;
}

.twoPageBox .pageContentAll .twoBanner .bannerThis {
  position: relative;
}

.twoPageBox .pageContentAll .twoBanner .bannerThis>.thisBox {
  position: relative;
  z-index: 1;
}

.twoPageBox .pageContentAll .twoBanner .bannerThis>.thisBox .contentBox {
  position: relative;
}

.twoPageBox .pageContentAll .twoBanner .bannerThis>.thisBox .contentBox .sortImg {
  position: relative;
  height: 30vw;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1024px) {
  .twoPageBox .pageContentAll .twoBanner .bannerThis>.thisBox .contentBox .sortImg {
    height: 80vw;
  }
}

.twoPageBox .pageContentAll .twoBanner .bannerThis>.thisBox .contentBox .sortImg .imgBox {
  width: 100%;
  height: 130%;
}

.twoPageBox .pageContentAll .twoBanner .bannerThis>.thisBox .contentBox .sortImg::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(105, 143, 181, 0.2);
}

.twoPageBox .pageContentAll .twoBanner .bannerThis>.thisBox .contentBox .textBox {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

.twoPageBox .pageContentAll .twoBanner .bannerThis>.thisBox .contentBox .textBox .name {
  color: #fff;
  font-size: clamp(12px, 2.3vw, 2.3vw);
}

@media (max-width:1024px) {
  .twoPageBox .pageContentAll .twoBanner .bannerThis>.thisBox .contentBox .textBox .name {
    font-size: 6.6vw;
  }
}

.twoPageBox .pageContentAll .twoBanner .bannerThis>.thisBox .contentBox .textBox .subname {

  letter-spacing: 0.2vw;
  text-transform: uppercase;
  color: #fff;
  font-size: clamp(12px, 1.7vw, 1.7vw);
  text-align: center;
}

@media (max-width:1024px) {
  .twoPageBox .pageContentAll .twoBanner .bannerThis>.thisBox .contentBox .textBox .subname {
    font-size: 4.4vw;
  }
}

.twoPageBox .pageContentAll .twoBanner .bannerThis>.thisBox .contentBox .textBox .scrollBtn {
  margin-top: 2vw;
  width: 3vw;
  height: 3vw;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  border: 2px solid #fff;
  animation: scrollBtnAni 2s ease-in-out infinite alternate;
}

@media (max-width:1024px) {
  .twoPageBox .pageContentAll .twoBanner .bannerThis>.thisBox .contentBox .textBox .scrollBtn {
    width: 9vw;
    height: 9vw;
  }
}

@keyframes scrollBtnAni {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(50%);
  }
}

.twoPageBox .pageContentAll .twoBanner .bannerThis>.thisBox .contentBox .textBox .scrollBtn i {
  color: #fff;
  font-size: clamp(12px, 1.4vw, 1.4vw);
}

@media (max-width:1024px) {
  .twoPageBox .pageContentAll .twoBanner .bannerThis>.thisBox .contentBox .textBox .scrollBtn i {
    font-size: 4.8vw;
  }
}

.twoPageBox .pageContentAll .twoBanner .bannerThis .bgYuansu {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.twoPageBox .pageContentAll .twoBanner .bannerThis .bgYuansu img {
  opacity: 0.1;
  width: 100%;
  height: 100%;
  object-fit: 100% 100%;
}

.twoPageBox .pageContentAll .detalBanner>.thisBox {
  height: 20vw;
  width: 100%;
}

@media (max-width:1024px) {
  .twoPageBox .pageContentAll .detalBanner>.thisBox {
    height: 60vw;
  }
}

.twoPageBox .pageContentAll .detalBanner>.thisBox>.contentBox {
  position: relative;
  width: 100%;
  height: 100%;
}

.twoPageBox .pageContentAll .detalBanner>.thisBox>.contentBox .imgBox {
  width: 100%;
  height: 100%;
}

.twoPageBox .pageContentAll .detalBanner>.thisBox>.contentBox .posiBox {
  position: absolute;
  left: 12%;
  bottom: 6vw;
}

.twoPageBox .pageContentAll .detalBanner>.thisBox>.contentBox .posiBox .goBack {
  background-color: #000;
  height: 2.4vw;
  padding: 0 2vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
  border-radius: 1.2vw;
}

@media (max-width:1024px) {
  .twoPageBox .pageContentAll .detalBanner>.thisBox>.contentBox .posiBox .goBack {
    height: 8vw;
  }
}

.twoPageBox .pageContentAll .detalBanner>.thisBox>.contentBox .posiBox .goBack .ico i {
  color: #fff;
}

.twoPageBox .pageContentAll .detalBanner>.thisBox>.contentBox .posiBox .goBack .txt {
  color: #fff;
}

.twoPageBox .pageContentAll .sortNav {
  position: relative;
  z-index: 1;
  margin-top: 0;
}

.twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox {
  width: 72%;
  margin: 0 auto;
}

@media (max-width:1600px) {
  .twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox {
    width: 72%;
  }
}

@media (max-width:1300px) {
  .twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) {
  .twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox {
    width: 84%;
  }
}

.twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

.twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl {
  background-color: #1a1a1a;
  box-shadow: 1vw 1vw 2vw rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  border-radius: 3vw;
  padding: 0.5vw 1vw;
}

@media (max-width:1024px) {
  .twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl {
    flex-wrap: wrap;
    padding: 1vw;
    row-gap: 2vw;
    border-radius: 4vw;
  }
}

.twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox {
  height: 2.6vw;
  width: 12vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  border-radius: 3vw;
}

@media (max-width:1024px) {
  .twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox {
    width: unset;
    padding: 0 4vw;
    height: 7.8vw;
    border-radius: 10vw;
  }
}

.twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox .txt,
.twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox .txt div {
  font-size: clamp(12px, 1.1vw, 1.1vw);
  color: #fff;
  text-wrap: nowrap;
}

@media (max-width:1024px) {

  .twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox .txt,
  .twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox .txt div {
    font-size: 4.2vw;
  }
}

.twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li.on .aBox {
  background-color: #9b9b9b;
}

.fiexdRight {
  position: fixed;
  z-index: 5;
  right: 1vw;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  opacity: 0;
  pointer-events: none;
  bottom: 4vw;
  transform: translateX(100%);
}

.fiexdRight>.thisBox .contentBox {
  background-color: #fff;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 0.8vw;
  padding: 1vw 0;
}

.fiexdRight>.thisBox .contentBox .ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1024px) {
  .fiexdRight>.thisBox .contentBox .ul {
    gap: 2vw;
  }
}

.fiexdRight>.thisBox .contentBox .ul .li {
  position: relative;
  cursor: pointer;
  width: 100%;
}

.fiexdRight>.thisBox .contentBox .ul .li .box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  border-radius: 0.6vw;
  padding: 1vw 0.4vw;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

.fiexdRight>.thisBox .contentBox .ul .li .box .ico {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

.fiexdRight>.thisBox .contentBox .ul .li .box .ico i {
  position: relative;
  z-index: 1;
  font-size: clamp(12px, 1.5vw, 1.5vw);
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

@media (max-width:1024px) {
  .fiexdRight>.thisBox .contentBox .ul .li .box .ico i {
    font-size: 5vw;
  }
}

.fiexdRight>.thisBox .contentBox .ul .li .box .txt {
  font-size: clamp(12px, 0.7vw, 0.7vw);
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

@media (max-width:1024px) {
  .fiexdRight>.thisBox .contentBox .ul .li .box .txt {
    font-size: 3.4vw;
  }
}

.fiexdRight>.thisBox .contentBox .ul .li .hovBox {
  position: absolute;
  right: 150%;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-1vw);
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  top: 0;
  border-radius: 1vw;
  padding: 1vw;
  background-color: #fff;
}

.fiexdRight>.thisBox .contentBox .ul .li .hovBox .imgBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  width: 6vw;
  height: 6vw;
}

.fiexdRight>.thisBox .contentBox .ul .li .hovBox .miaoshu {
  width: max-content;
  font-size: clamp(12px, 1.1vw, 1.1vw);
  font-weight: bold;
}

@media (max-width:1024px) {
  .fiexdRight>.thisBox .contentBox .ul .li .hovBox .miaoshu {
    font-size: 4.2vw;
  }
}

.fiexdRight>.thisBox .contentBox .ul .li:hover .box {
  background-color: #1a1a1a;
}

.fiexdRight>.thisBox .contentBox .ul .li:hover .box .ico i {
  color: #fff;
}

.fiexdRight>.thisBox .contentBox .ul .li:hover .box .txt {
  color: #fff;
}

.fiexdRight>.thisBox .contentBox .ul .li:hover .hovBox {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

.fiexdRight.scrollShow {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.changePageMoveBox {
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

.changePageMoveBox .box {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  background-color: #fff;
}

.changePageMoveBox .logo {
  width: 32vw;
  height: 32vw;
  position: absolute;
  left: calc(50% - 16vw);
  top: calc(50% - 16vw);
}

@media (max-width:1024px) {
  .changePageMoveBox .logo {
    width: 50vw;
    height: 50vw;
    left: calc(50% - 25vw);
    top: calc(50% - 25vw);
  }
}

.changePageMoveBox .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mouseCursor {
  pointer-events: none;
  position: fixed;
}

.mouseCursor .dianBox {
  opacity: 0.5;
  position: relative;
}

.mouseCursor .dianBox .dian {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 0;
  left: 0;
}

.mouseCursor .dianBox .dian>div {
  width: 3vw;
  height: 3vw;
  border-radius: 50%;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  border: 1px solid #1a1a1a;
}

.mouseCursor .dianBox .kuoQuan {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

.mouseCursor .dianBox .kuoQuan>div {
  border-radius: 50%;
  width: 8vw;
  height: 8vw;
  background-color: rgba(171, 189, 214, 0.1);
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  transform: scale(0);
}

.mouseCursor.hoverA .dianBox .dian>div {
  transform: scale(0);
}

.mouseCursor.hoverA .dianBox .kuoQuan>div {
  transform: scale(1);
}

.mouseCursorPoint {
  pointer-events: none;
  position: fixed;
}

.mouseCursorPoint>div {
  background-color: #1a1a1a;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  width: 0.8vw;
  height: 0.8vw;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.mouseCursorPoint.hoverA>div {
  opacity: 0;
}

/* 轮播点外层容器（banner内居中底部） */
.bannerPagination {
  position: absolute;
  bottom: clamp(16px, 2vw, 32px);
  left: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  pointer-events: none;
  /* 容器不拦截点击 */
}

.bannerPagination .ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  /* 取代inline-block，点间距更可控 */
  align-items: center;
  gap: 10px;
  pointer-events: auto;
  /* 恢复子元素点击（小圆点可点） */
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 999px;
}

/* 单个轮播点默认：半透白圆点（banner图上清晰可见） */
.bannerPagination .li {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}

/* hover：放大+纯白高光 */
.bannerPagination .li:hover {
  background: #ffffff;
  transform: scale(1.25);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.7);
}

/* 当前选中（.on / .active 兼容）：纯白色胶囊 */
.bannerPagination .li.on,
.bannerPagination .li.active {
  width: 32px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(255, 255, 255, 0.55);
}

/* 响应式：移动端轮播点缩小，位置上移避免遮挡 */
@media (max-width: 1024px) {
  .bannerPagination {
    bottom: 4vw;
  }

  .bannerPagination .ul {
    gap: 8px;
    padding: 8px 14px;
  }

  .bannerPagination .li {
    width: 8px;
    height: 8px;
  }

  .bannerPagination .li.on,
  .bannerPagination .li.active {
    width: 26px;
  }
}

@media (max-width: 480px) {
  .bannerPagination {
    bottom: 6vw;
  }

  .bannerPagination .ul {
    gap: 6px;
    padding: 6px 12px;
  }

  .bannerPagination .li {
    width: 6px;
    height: 6px;
  }

  .bannerPagination .li.on,
  .bannerPagination .li.active {
    width: 20px;
  }
}

#index_page .pageContentAll .inxBanner>.thisBox {
  width: 100%;
  height: 100vh;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxBanner>.thisBox {
    height: 82vw;
  }
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox {
  position: relative;
  width: 100%;
  height: 100%;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout {
  position: relative;
  width: 100%;
  height: 100%;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .imgUl {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .imgUl .ul {
  position: relative;
  width: 100%;
  height: 100%;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .imgUl .ul .li {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .imgUl .ul .li .box {
  position: relative;
  opacity: 0;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  width: 100%;
  height: 100%;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .imgUl .ul .li .box .imgBox {
  transform-origin: 0 0;
  transform: scale(1.2);
  width: 100%;
  height: 100%;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .imgUl .ul .li .box .listHideImg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .imgUl .ul .li .box .listHideImg>div {
  clip-path: inset(0 0 0 0);
  height: 100%;
  flex: 1;
  overflow: hidden;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .imgUl .ul .li .box .listHideImg>div img {
  position: relative;
  height: 100%;
  width: 100vw;
  object-fit: cover;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .imgUl .ul .li .box .listHideImg>div:nth-child(1) img {
  left: 0;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .imgUl .ul .li .box .listHideImg>div:nth-child(2) img {
  left: -25vw;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .imgUl .ul .li .box .listHideImg>div:nth-child(3) img {
  left: -50vw;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .imgUl .ul .li .box .listHideImg>div:nth-child(4) img {
  left: -75vw;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .imgUl .ul .li.on {
  pointer-events: auto;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .imgUl .ul .li.on .box {
  opacity: 1;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .imgUl .ul .li.on .box .imgBox {
  transition-duration: 3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  transform: scale(1);
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .imgUl .ul .li.on .box .listHideImg>div {
  transition-duration: 3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  clip-path: inset(0 100% 0 0);
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .imgUl::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;

}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .textUl {
  position: absolute;
  top: 28vh;
  left: 0;
  height: auto;
  width: 100%;
  text-align: center;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .textUl {
    top: 22vh;
    left: 0;
    width: 100%;
  }
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .textUl .ul {
  position: relative;
  width: 100%;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .textUl .ul .li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .textUl .ul .li .subtitle,
#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .textUl .ul .li .subtitle div {
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-align: center;
  text-transform: uppercase;
  font-size: clamp(12px, 1.8vw, 1.8vw);
  letter-spacing: 0.1em;
  color: #fff;
}

@media (max-width:1024px) {

  #index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .textUl .ul .li .subtitle,
  #index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .textUl .ul .li .subtitle div {
    font-size: 4.6vw;
  }
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .textUl .ul .li .miaoshu {
  margin-top: 1vw;
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  text-align: center;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .textUl .ul .li .miaoshu .t {
  font-size: clamp(14px, 3vw, 3vw);
  text-shadow: -4px -4px 25px #080808, 6px 8px 25px rgb(18 18 18 / 50%);
  color: #fff;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .textUl .ul .li .miaoshu .t {
    font-size: 6.4vw;
  }
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerCout .textUl .ul .li.on {
  opacity: 1;
  pointer-events: auto;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .scrollDown {
  position: absolute;
  z-index: 1;
  left: 16vw;
  bottom: 2vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxBanner>.thisBox>.contentBox .scrollDown {
    display: none;
  }
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .scrollDown .txt {
  writing-mode: vertical-rl;
  color: #fff;
  font-size: clamp(12px, 0.8vw, 0.8vw);
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxBanner>.thisBox>.contentBox .scrollDown .txt {
    font-size: 3.6vw;
  }
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .scrollDown .mouse {
  border-radius: 2vw;
  width: 1.2vw;
  height: 2vw;
  border: 2px solid #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .scrollDown .mouse div {
  width: 0.3vw;
  height: 0.6vw;
  border-radius: 2vw;
  background-color: #fff;
  animation: mouseMove 1.5s ease-in-out infinite;
}

@keyframes mouseMove {
  0% {
    transform: translateY(-50%);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: translateY(50%);
    opacity: 0;
  }
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerControl .pagination {
  position: absolute;
  left: 10vw;
  bottom: 2vw;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerControl .navigation {
  z-index: 1;
  position: absolute;
  right: 4vw;
  bottom: 2vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 2vw;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerControl .navigation .btn {
  height: 5vw;
  width: 10vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  cursor: pointer;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerControl .navigation .btn {
    height: 16vw;
    width: 30vw;
  }
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerControl .navigation .btn .ico {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  transition-duration: 0.8s;
  background-color: rgba(0, 0, 0, 0.2);
  width: 2vw;
  height: 100%;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerControl .navigation .btn .ico {
    width: 6vw;
  }
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerControl .navigation .btn .ico i {
  color: #fff;
  font-size: clamp(12px, 1.3vw, 1.3vw);
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerControl .navigation .btn .ico i {
    font-size: 4.6vw;
  }
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerControl .navigation .btn .img {
  overflow: hidden;
  position: relative;
  width: calc(100% - 2vw);
  height: 100%;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerControl .navigation .btn .img img {
  position: absolute;
  top: 0;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerControl .navigation .btn .img img.on {
  opacity: 1;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerControl .navigation .btn:hover .ico {
  background-color: #1a1a1a;
}

#index_page .pageContentAll .inxBanner>.thisBox>.contentBox .bannerControl .navigation .btn:hover .img img {
  transform: scale(1.1);
}

#index_page .pageContentAll .inxQuestion>.thisBox {
  padding-top: 5vw;
  background: linear-gradient(to bottom, #ffffff 0%, #E2EAF5 50%, #E2EAF5 100%);
}

@media (max-width:1600px) {
  #index_page .pageContentAll .inxQuestion>.thisBox {
    padding-top: 5vw;
  }
}

@media (max-width:1300px) {
  #index_page .pageContentAll .inxQuestion>.thisBox {
    padding-top: 5vw;
  }
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxQuestion>.thisBox {
    padding-top: 12vw;
  }
}

#index_page .pageContentAll .inxQuestion>.thisBox .titleBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

#index_page .pageContentAll .inxQuestion>.thisBox .titleBox .def1 {
  font-size: clamp(12px, 2vw, 2vw);
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxQuestion>.thisBox .titleBox .def1 {
    font-size: 5.4vw;
  }
}

#index_page .pageContentAll .inxQuestion>.thisBox .titleBox .def2 {
  font-size: clamp(12px, 2vw, 2vw);
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxQuestion>.thisBox .titleBox .def2 {
    font-size: 5.4vw;
  }
}

#index_page .pageContentAll .inxQuestion>.thisBox>.contentBox {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  padding-top: 10vw;
  padding-bottom: 5vw;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox {
    padding-bottom: 20vw;
  }
}

#index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box {
  position: relative;
  z-index: 1;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
  }
}

#index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .cenImg {
  width: 60vw;
  height: 100%;
  perspective: 1000px;
  transform-style: preserve-3d;
  /* -webkit-mask-image: url('../img/quesCenMask.png');
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center; */
}

#index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .cenImg .color {
  background-color: #1a1a1a;
  width: 100%;
  height: 100%;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .cenImg {
    width: 62vw;
    height: 42vw;
  }
}

#index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .cenImg .imgBox {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText {
    width: 72%;
    margin: 0 auto;
  }
}

@media (max-width:1024px) and (max-width:1600px) {
  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText {
    width: 72%;
  }
}

@media (max-width:1024px) and (max-width:1300px) {
  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText {
    width: 72%;
  }
}

@media (max-width:1024px) and (max-width:1024px) {
  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText {
    width: 84%;
  }
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 2vw;
  }
}

#index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li {
  position: absolute;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li {
    position: unset;
  }
}

#index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li .overHider {
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(65px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  gap: 0.6vw;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li .overHider {
    padding: 4vw;
  }
}

#index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li .overHider .miaoshu {
  font-size: clamp(12px, 0.9vw, 0.9vw);
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li .overHider .miaoshu {
    font-size: 3.8vw;
  }
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li .overHider .miaoshu {
    font-size: 3.4vw;
  }
}

#index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li .overHider .title {
  font-weight: bold;
  color: #000000;
  font-size: clamp(12px, 1.2vw, 1.2vw);
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li .overHider .title {
    font-size: 3.4vw;
  }
}

@media (min-width:1024px) {
  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li:nth-child(1) {
    right: 70%;
    bottom: 65%;
  }

  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li:nth-child(1) .overHider {
    padding: 2vw 2vw 5vw 3vw;
    width: 28vw;
    height: 18vw;
    clip-path: url(#quesPath1);
  }

  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li:nth-child(2) {
    left: -80%;
    top: 18%;
  }

  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li:nth-child(2) .overHider {
    padding: 2vw 2vw 3vw 3vw;
    width: 28vw;
    height: 15vw;
    clip-path: url(#quesPath2);
  }

  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li:nth-child(3) {
    top: 65%;
    right: 76%;
  }

  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li:nth-child(3) .overHider {
    padding: 2vw 2vw 1vw 3vw;
    width: 25vw;
    height: 14vw;
    clip-path: url(#quesPath3);
  }

  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li:nth-child(4) {
    left: 74%;
    bottom: 70%;
  }

  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li:nth-child(4) .overHider {
    padding: 2vw 2vw 5vw 3vw;
    width: 26vw;
    height: 15vw;
    clip-path: url(#quesPath1);
  }

  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li:nth-child(5) {
    right: -67%;
    top: 28%;
  }

  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li:nth-child(5) .overHider {
    padding: 2vw 2vw 3vw 3vw;
    width: 25vw;
    height: 15vw;
    clip-path: url(#quesPath2);
  }

  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li:nth-child(6) {
    top: 66%;
    left: 76%;
  }

  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .box .positionText .ul .li:nth-child(6) .overHider {
    padding: 2vw 2vw 1vw 3vw;
    width: 25vw;
    height: 14vw;
    clip-path: url(#quesPath3);
  }
}

#index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .bgEnText {
  position: absolute;
  padding-bottom: 2vw;
  top: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-wrap: unset;
}

#index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .bgEnText div {
  font-size: clamp(12px, 16.7vw, 16.7vw);
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  text-shadow: -4px -4px 40px rgba(255, 255, 255, 0.65), 6px 8px 25px rgba(154, 171, 205, 0.3);
  color: #000;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxQuestion>.thisBox>.contentBox .bgEnText div {
    font-size: 35.4vw;
  }
}

#index_page .pageContentAll .inxSlogen {
  padding-bottom: 0;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxSlogen {
    padding-bottom: 15vw;
  }
}

#index_page .pageContentAll .inxSlogen>.thisBox {
  background-image: url(../img/xingqiu1.jpg);
  background-size: cover;
}

#index_page .pageContentAll .inxSlogen>.thisBox>.contentBox {
  width: 72%;
  margin: 0 auto;
  height: 24vw;
}

@media (max-width:1600px) {
  #index_page .pageContentAll .inxSlogen>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1300px) {
  #index_page .pageContentAll .inxSlogen>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxSlogen>.thisBox>.contentBox {
    width: 84%;
  }
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxSlogen>.thisBox>.contentBox {
    height: unset;
    padding: 12vw 0;
  }
}

#index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: unset;
}

#index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .textBox {
  width: 52%;
}

#index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .textBox .subtitle {
  font-size: clamp(12px, 2.1vw, 2.1vw);
  color: #fff;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .textBox .subtitle {
    font-size: 6.2vw;
  }

  #index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .textBox {
    width: 100%;
  }
}

#index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .textBox .miaoshu {
  font-size: clamp(12px, 1vw, 1vw);
  line-height: 2em;
  margin-top: 2vw;
  color: #fff;
  opacity: 0.7;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .textBox .miaoshu {
    font-size: 3.6vw;
  }
}

#index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .rightBox {
  position: absolute;
  right: 5vw;
  bottom: -2vw;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .rightBox {
    bottom: -26vw;
    right: 0;
  }
}

#index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .rightBox .pics img {
  position: absolute;
}

#index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .rightBox .pics img:nth-child(1) {
  right: 12vw;
  bottom: 10vw;
  width: 8vw;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .rightBox .pics img:nth-child(1) {
    width: 24vw;
    bottom: 40vw;
  }
}

#index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .rightBox .pics img:nth-child(2) {
  right: 3vw;
  bottom: 20vw;
  width: 14vw;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .rightBox .pics img:nth-child(2) {
    width: 42vw;
    bottom: 70vw;
    right: -10vw;
  }
}

#index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .rightBox .moreA {
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  background-color: #000000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .rightBox .moreA {
    width: 30vw;
    height: 30vw;
  }
}

#index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .rightBox .moreA .t {
  color: #fff;
  font-size: clamp(12px, 1vw, 1vw);
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .rightBox .moreA .t {
    font-size: 4vw;
  }
}

#index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .rightBox .moreA .jiantou {
  position: relative;
  margin-top: 1vw;
  width: 4vw;
  border-bottom: 1px solid #fff;
}

#index_page .pageContentAll .inxSlogen>.thisBox>.contentBox .box .rightBox .moreA .jiantou div {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  width: 9px;
  height: 9px;
  position: absolute;
  right: 0;
  top: -4px;
}

#index_page .pageContentAll .inxProduct {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #1a1a1a;
}

#index_page .pageContentAll .inxProduct>.thisBox {
  padding-top: 5vw;
  position: relative;
  z-index: 1;
}

@media (max-width:1600px) {
  #index_page .pageContentAll .inxProduct>.thisBox {
    padding-top: 5vw;
  }
}

@media (max-width:1300px) {
  #index_page .pageContentAll .inxProduct>.thisBox {
    padding-top: 5vw;
  }
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox {
    padding-top: 12vw;
  }
}

@media (min-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox .unifyTitle {
    margin-bottom: 0;
  }
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox {
  position: relative;
  height: calc(100vh - 5vw * 1);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  width: 100%;
  padding: 0 10vw;
}

@media (max-width:1600px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox {
    height: calc(100vh - 5vw* 1);
  }
}

@media (max-width:1300px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox {
    height: calc(100vh - 5vw* 1);
  }
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox {
    height: unset;
  }
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox {
    padding: 0 6vw;
    padding-bottom: 10vw;
  }
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul {
  width: 100%;
  height: 35vw;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul {
    height: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 8vw;
  }
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li {
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li {
    position: unset;
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    flex-direction: column-reverse;
  }
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox {
  width: 55%;
  height: 100%;
  position: relative;
  padding-right: 10vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  padding-left: 5vw;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox {
    width: 100%;
    margin-top: 6vw;
    padding: 0;
  }
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox .box {
  will-change: transform;
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox .box .subtitle {
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  font-size: clamp(12px, 2.1vw, 2.1vw);
  transform: translateY(2vw);
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  opacity: 0;
  padding-left: 3vw;
  color: #1a1a1a;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox .box .subtitle {
    font-size: 6.2vw;
  }
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox .box .subtitle {
    transform: translateY(0);
    opacity: 1;
    text-align: center;
    padding-left: 0;
  }
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox .box .title {
  font-size: clamp(12px, 2.2vw, 2.2vw);

  padding-left: 3vw;
  opacity: 0;
  letter-spacing: 0.2em;
  transform: translateY(2vw);
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox .box .title {
    font-size: 6.4vw;
  }
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox .box .title {
    transform: translateY(0);
    opacity: 1;
    text-align: center;
    padding-left: 0;
  }
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox .box .shadowBox {
  margin-top: 2vw;
  opacity: 0;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  transform: translateY(2vw);
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox .box .shadowBox {
    transform: translateY(0);
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
  }
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox .box .shadowBox .miaoshu {
  margin-bottom: 2vw;
  font-size: clamp(12px, 0.8vw, 0.8vw);
  opacity: 0;
  text-align: justify;
  line-height: 2.2em;
  transform: translateY(2vw);
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox .box .shadowBox .miaoshu {
    font-size: 3.6vw;
  }
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox .box .shadowBox .miaoshu {
    opacity: 1;
  }
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox .box .shadowBox .unifyButton {
  opacity: 0;
  transform: translateY(2vw);
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox .box .shadowBox .unifyButton {
    opacity: 1;
    transform: translateY(0);
  }
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox .bgSubtitle {
  transform: translateY(2vw);
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  opacity: 0;
  font-size: clamp(12px, 12.7vw, 12.7vw);
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  text-shadow: -4px -4px 40px rgba(255, 255, 255, 0.65), 6px 8px 25px rgba(154, 171, 205, 0.3);
  color: #EBEFF8;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .textBox .bgSubtitle {
    font-size: 27.4vw;
  }
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .imgAniBox {
  width: 29%;
  height: 100%;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .imgAniBox {
    width: 70vw;
  }
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .imgAniBox .imgBox {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  clip-path: inset(100% 0 0 0);
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li .imgAniBox .imgBox {
    clip-path: inset(0 0 0 0);
  }
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li.on {
  pointer-events: auto;
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li.on .textBox .bgSubtitle {
  transform: translateY(0);
  opacity: 1;
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li.on .textBox .box .subtitle {
  transform: translateY(0);
  opacity: 1;
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li.on .textBox .box .title {
  transform: translateY(0);
  opacity: 1;
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li.on .textBox .box .shadowBox {
  opacity: 1;
  transform: translateY(0);
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li.on .textBox .box .shadowBox .miaoshu {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.1s;
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li.on .textBox .box .shadowBox .unifyButton {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.2s;
}

/*#index_page .pageContentAll .inxProduct > .thisBox > .contentBox .pinBox .proBox .ul .li:first-child .imgAniBox .imgBox {*/
/*  clip-path: inset(0 0 0 0);*/
/*}*/
#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .proBox .ul .li.on .imgAniBox .imgBox {
  clip-path: inset(0 0 0 0);
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .progressXian {
  position: absolute;
  left: 6vw;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .progressXian {
    display: none;
  }
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .progressXian .ul {
  width: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .progressXian .ul .li {
  width: 100%;
  height: 7vw;
  background-color: #1a1a1a;
}

#index_page .pageContentAll .inxProduct>.thisBox>.contentBox .pinBox .progressXian .ul .li div {
  width: 100%;
  height: calc(var(--progress) * 100%);
  background-color: #436089;
}

#index_page .pageContentAll .inxAdvan {
  position: relative;
  z-index: 1;
}

#index_page .pageContentAll .inxAdvan>.thisBox {
  padding: 5vw 0;
}

@media (max-width:1600px) {
  #index_page .pageContentAll .inxAdvan>.thisBox {
    padding: 5vw 0;
  }
}

@media (max-width:1300px) {
  #index_page .pageContentAll .inxAdvan>.thisBox {
    padding: 5vw 0;
  }
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAdvan>.thisBox {
    padding: 12vw 0;
  }
}

#index_page .pageContentAll .inxAdvan>.thisBox>.contentBox {
  width: 60%;
  margin: 0 auto;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAdvan>.thisBox>.contentBox {
    width: 72%;
    margin: 0 auto;
  }
}

@media (max-width:1024px) and (max-width:1600px) {
  #index_page .pageContentAll .inxAdvan>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) and (max-width:1300px) {
  #index_page .pageContentAll .inxAdvan>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) and (max-width:1024px) {
  #index_page .pageContentAll .inxAdvan>.thisBox>.contentBox {
    width: 84%;
  }
}

#index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  width: 100%;
  gap: 4vw;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul {
    gap: 8vw;
  }
}

#index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: unset;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
  }
}

#index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li .num {
  position: absolute;
  left: -20%;
  top: -10%;
  font-size: clamp(12px, 16.7vw, 16.7vw);
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  line-height: 1em;
  text-shadow: -4px -4px 25px #ffffff, 6px 8px 25px rgba(154, 171, 205, 0.5);
  color: #1a1a1a;
  letter-spacing: 0.1em;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li .num {
    font-size: 35.4vw;
  }
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li .num {
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    font-size: 50vw;
    opacity: 0.3;
  }
}

#index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li .imgBoxAll {
  padding-top: 8vw;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li .imgBoxAll {
    padding-top: 0;
  }
}

#index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li .imgBoxAll .imgBox {
  position: relative;
  z-index: 1;
  width: 25vw;
  height: 25vw;
  overflow: hidden;
  align-self: flex-end;
  padding: 3vw;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: -4px -4px 40px 0 rgba(255, 255, 255, 0.65), 6px 8px 25px 0 rgba(136, 136, 136, 0.3);
  padding: 0;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li .imgBoxAll .imgBox {
    padding: 6vw;
    border-radius: 10px;
  }
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li .imgBoxAll .imgBox {
    width: 81vw;
    height: 54vw;
  }
}

#index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li .textBoxAll {
  width: 24vw;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li .textBoxAll {
    position: relative;
    z-index: 1;
    width: 100%;
    margin-top: 4vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
  }
}

#index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li .textBoxAll .title {
  font-weight: bold;
  color: #000;
  font-size: clamp(12px, 1.9vw, 1.9vw);
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li .textBoxAll .title {
    font-size: 5.8vw;
  }
}

#index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li .textBoxAll .xian {
  margin: 2vw 0;
  width: 8vw;
  height: 1px;
  background-color: #1a1a1a;
}

#index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li .textBoxAll .miaoshu {
  line-height: 2.4em;
  text-align: justify;
  font-size: clamp(12px, 1vw, 1vw);
}

@media (min-width:1024px) {
  #index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li:nth-child(2n) {
    flex-direction: row-reverse;
  }

  #index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li:nth-child(2n) .num {
    right: -20%;
    left: unset;
  }

  #index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li:nth-child(2n) .imgBoxAll {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: unset;
  }

  #index_page .pageContentAll .inxAdvan>.thisBox>.contentBox .ul .li:nth-child(2n) .imgBoxAll .imgBox {
    align-self: flex-start;
  }
}

#index_page .pageContentAll .inxAbout {
  margin-top: -100vh;
  margin-bottom: 100vh;
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox {
  position: relative;
  width: 100%;
  height: 100vh;
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox {
  position: absolute;
  z-index: 1;
  right: 10vw;
  width: 80vw;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox {
    width: 80vw;
    gap: 8vw;
  }
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox .yearBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox .yearBox .since {
  font-size: clamp(12px, 1.5vw, 1.5vw);
  opacity: 0.7;
  color: #fff;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox .yearBox .since {
    font-size: 5vw;
  }
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox .yearBox .num {
  font-size: clamp(12px, 6.7vw, 6.7vw);
  font-family: 'en9';
  color: #fff;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox .yearBox .num {
    font-size: 21.4vw;
  }
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox .yearBox .quan {
  position: relative;
  margin-top: -4vw;
  transform: translateX(4vw);
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  width: 6vw;
  height: 6vw;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox .yearBox .quan {
    margin-top: -12vw;
    width: 16vw;
    height: 16vw;
    transform: translateX(12vw);
  }
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox .yearBox .quan .cenText {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox .yearBox .quan .cenText .hisNum {
  font-size: clamp(12px, 1.3vw, 1.3vw);
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox .yearBox .quan .cenText .hisNum {
    font-size: 4.6vw;
  }
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox .yearBox .quan .cenText .dw {
  color: rgba(255, 255, 255, 0.7);
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox .yearBox .quan .quanT {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox .yearBox .quan .quanT img {
  width: 100%;
  height: 100%;
  animation: xuanzhuan 40s linear 0s infinite normal;
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox .subtitle {
  color: #fff;
  font-size: clamp(12px, 0.9vw, 0.9vw);
  margin-bottom: 1vw;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox .subtitle {
    font-size: 3.8vw;
  }
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox .miaoshu p {
  font-size: clamp(12px, 1.4vw, 1.4vw);
  line-height: 2em;
  text-indent: 2em;
  color: #fff;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .textBox .miaoshu p {
    font-size: 5vw;
  }
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .bgImg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .bgImg img {
  width: 100%;
  height: 100%;
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .bgImg::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  background-color: rgb(0 0 0 / 40%);
  width: 100%;
  height: 100%;
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .mask1 {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: -2px;
  height: calc(70vh + 12vw);
  width: 130%;
  left: -15%;
  background: linear-gradient(to bottom, #ffffff 0%, #E2EAF5 50%, #E2EAF5 100%);
  border-bottom-left-radius: 50% 12vw;
  border-bottom-right-radius: 50% 12vw;
}

#index_page .pageContentAll .inxAbout>.thisBox>.contentBox .pinBox .mask2 {
  position: absolute;
  z-index: 2;
  top: 101%;
  width: 100%;
  height: calc(100vh + 12vw);
  width: 130%;
  left: -15%;
  background-color: #f7f9fb;
  border-top-left-radius: 50% 12vw;
  border-top-right-radius: 50% 12vw;
}

#index_page .pageContentAll .inxNews {
  overflow: hidden;
  position: relative;
}

#index_page .pageContentAll .inxNews>.thisBox {
  position: relative;
  z-index: 1;
  padding: 5vw 0;
}

@media (max-width:1600px) {
  #index_page .pageContentAll .inxNews>.thisBox {
    padding: 5vw 0;
  }
}

@media (max-width:1300px) {
  #index_page .pageContentAll .inxNews>.thisBox {
    padding: 5vw 0;
  }
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxNews>.thisBox {
    padding: 12vw 0;
  }
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  width: 85%;
  margin: 0 auto;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxNews>.thisBox>.contentBox {
    width: 100%;
  }
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox {
  position: relative;
  width: 100%;
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews {
  width: 100%;
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide {
  /* PC 端(≥1024)：slidesPerView=4，宽度交给 Swiper 计算，
     这里保留 !fit-content? 不用——Swiper 会覆盖为对应百分比（≈25%），
     但 aBox 内部有宽度自适应，所以用 width: 100% 让卡片填满 Swiper 分配的宽度 */
  width: 100%;
  box-sizing: border-box;
}

@media (max-width:1024px) {

  /* 手机/平板端（≤1023px 用户要求一屏只显示 1 张）：
     单卡撑满整个 SwiperBox 宽度 = swiperBox 100% = contentBox.width
     取消原先的 70vw 居中露出（那是 slidesPerView:auto 搭配 centeredSlides 才用）*/
  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide {
    width: 100% !important;
    max-width: 100%;
    margin: 0 auto;
  }

  /* 单卡时内部内容左右留一点边，避免贴屏幕边缘 */
  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox {
    width: calc(100% - 6vw);
    margin: 0 auto;
  }

  /* 图片高度在现有 50vw（L4717）基础上，再微调成"高度与宽度比例一致" */
  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .imgBox {
    height: 100%;
    /* 16:9 稍竖，产品卡片更合适 */
  }
}

@media (max-width:480px) {

  /* 小屏手机（≤479px）：卡片宽度再略窄 2vw 更精致，文字 padding 再大点 */
  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox {
    width: calc(100% - 8vw);
  }

  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .imgBox {
    height: 62vw;
  }
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* 移除旧的顶部深蓝渐变，统一交给 hover 覆盖层 ::after 控制 */
  background: #fff;
  justify-content: center;
  flex-wrap: unset;
  transition-duration: .5s;
  transition-property: transform, box-shadow, background;
  transition-timing-function: cubic-bezier(.2, .7, .2, 1);
  padding: 0;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
  isolation: isolate;
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .imgBox {
  height: 26vw;
  width: 100%;
  overflow: hidden;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .imgBox {
    height: 50vw;
  }
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .imgBox img {
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .textBox {

  padding: clamp(16px, 1.5vw, 28px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: end;
  flex-wrap: unset;
  text-align: left;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .textBox {
    padding: 4vw 4vw 6vw 4vw;
  }
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .textBox .time {
  font-size: clamp(12px, 1.1vw, 1.1vw);
  color: #fff;
  color: #1a1a1a;
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  letter-spacing: 0;
}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .textBox .time {
    font-size: 4.2vw;
  }
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .textBox .title {
  color: #fff;
  font-size: clamp(12px, 1.2vw, 1.2vw);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top: 0.4vw 0;
  margin: 0.5vw 0 1vw;
  font-weight: bold;

}

@media (max-width:1024px) {
  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .textBox .title {
    font-size: 4.4vw;
  }
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .textBox .miaoshu {
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.5em;
  opacity: 0.7;
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox:hover .imgBox img {
  transform: scale(1.1);
}


/* 层级兜底：z-index 让图片在最下、文字在覆盖层之上 */
#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .imgBox {
  position: relative;
  z-index: 0;
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .textBox {
  position: absolute;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 66%) 100% 50%, rgb(0 0 0 / 79%) 100%);
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  /* 默认隐藏：文字+渐变底不可见 */
  transition: opacity .4s cubic-bezier(.2, .7, .2, 1), color .35s ease, transform .4s ease;
}

/* 覆盖层 ::after —— 与 inxxilie .xlHover 渐变完全一致 */
#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  /* 与 inxxilie.xlHover 1:1 相同：上透明 → 中部深蓝 92% → 底部亮蓝 95%（底部一层重背景色）*/
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 66%) 100% 50%, rgb(0 0 0 / 79%) 100%);
  opacity: 0;
  transition: opacity .4s cubic-bezier(.2, .7, .2, 1);
  pointer-events: none;
  /* 不阻挡点击 a 标签 */
}

/* hover 状态 */
#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox:hover {
  transform: translateY(-6px);
  /* 与 xlCard 上浮一致 */
  box-shadow: 0 20px 40px rgba(30, 64, 175, 0.22), 0 8px 16px rgba(0, 0, 0, 0.10);
}

/* hover 时 textBox 显现：文字+渐变底一起淡入 */
#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox:hover .textBox {
  opacity: 1;
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox:hover::after {
  opacity: 1;
  /* 深蓝渐变"底部一层背景色"显现 */
}

/* 文字 → 白色（参考 xlCard 的白色文字风格） */
#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox:hover .textBox .title {
  color: #ffffff;
  /* hover 时标题上浮 4px（参考 xlHoverContent translateY 动画） */
  transform: translateY(-4px);
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox:hover .textBox .miaoshu {
  color: rgba(255, 255, 255, 0.85);
  /* 同 xlDesc：85% 白 */
  opacity: 1;
  /* 取消原本 0.7 的半透明 */
  transform: translateY(-2px);
}

/* title / miaoshu 本身先加上 transition，保证动画顺滑 */
#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .textBox .title,
#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .textBox .miaoshu {
  transition: color .35s ease, opacity .35s ease, transform .4s cubic-bezier(.2, .7, .2, 1);
}

/* ===== inxNews Explore More 跳转按钮（参考 inxxilie.xlBtn 风格） ===== */
#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .textBox .exBtn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 1.5vw;
  padding: clamp(8px, 0.8vw, 14px) clamp(16px, 1.5vw, 26px);
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: clamp(11px, 0.9vw, 14px);
  font-weight: 600;
  letter-spacing: 0.05em;
  border-radius: 999px;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: gap .3s ease, background .3s ease, transform .3s ease;
  pointer-events: none;
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox .textBox .exBtn i {
  font-size: clamp(10px, 0.8vw, 13px);
  transition: transform .3s ease;
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox:hover .textBox .exBtn {
  gap: 14px;
  background: rgba(255, 255, 255, 0.95);
  color: #1e40af;
  transform: translateY(0);
  pointer-events: auto;
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox:hover .textBox .exBtn i {
  transform: translateX(4px);
}

/* ===== 响应式适配（与卡片宽度断点同步） ===== */
@media (max-width:1024px) {

  /* 手机端：覆盖层渐变上沿略提高 10%，让更多文字区域被盖住 */
  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox::after {
    background: linear-gradient(180deg,
        rgba(30, 64, 175, 0) 0%,
        rgba(30, 64, 175, 0.92) 40%,
        rgba(37, 99, 235, 0.96) 100%);
  }

  /* 手机端文字颜色变化加大对比度 */
  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox:hover .textBox .title {
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  }
}

@media (max-width:480px) {

  /* 小屏：卡片上浮仅 -4px，避免投影过大超出屏幕边缘被切 */
  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide .aBox:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(30, 64, 175, 0.20), 0 6px 12px rgba(0, 0, 0, 0.10);
  }
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox #inxNews .swiper-slide.swiper-slide-active .aBox {
  opacity: 1;
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox .swiperControl .navigation .navigationThis .btn {
  position: absolute;
  top: 12vw;
  z-index: 1;
  border-radius: 50%;
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox .swiperControl .navigation .navigationThis .leftBtn {
  left: -5vw;
}

#index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox .swiperControl .navigation .navigationThis .rightBtn {
  right: -5vw;
}

/* —— 响应式：≤1024 手机端（一屏只显示 1 张卡）——
   1) 按钮位置改到卡片内（非飞出屏幕外），适配 contentBox 宽度 100%
   2) 垂直居中到 56vw 高图片区域中部（约 26vw），避免 top:12vw 时与文字重叠
   3) 左/右按钮改为贴 contentBox 两侧内部（3vw）而不是 -5vw 飞出 */
@media (max-width:1024px) {
  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox .swiperControl .navigation .navigationThis .btn {
    top: 28vw;
    width: 36px;
    height: 36px;
    background: rgba(30, 30, 30, 0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }

  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox .swiperControl .navigation .navigationThis .btn i {
    color: #fff;
    font-size: 15px;
  }

  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox .swiperControl .navigation .navigationThis .leftBtn {
    left: 3vw !important;
  }

  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox .swiperControl .navigation .navigationThis .rightBtn {
    right: 3vw !important;
  }
}

@media (max-width:480px) {

  /* 小屏：按钮再缩，位置贴更近；或可选：display:none 完全隐藏只靠手指滑动 */
  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox .swiperControl .navigation .navigationThis .btn {
    top: 32vw;
    width: 30px;
    height: 30px;
    background: rgba(30, 30, 30, 0.45);
  }

  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox .swiperControl .navigation .navigationThis .btn i {
    font-size: 13px;
  }

  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox .swiperControl .navigation .navigationThis .leftBtn {
    left: 2vw !important;
  }

  #index_page .pageContentAll .inxNews>.thisBox>.contentBox .swiperBox .swiperControl .navigation .navigationThis .rightBtn {
    right: 2vw !important;
  }
}

#index_page .pageContentAll .inxNews .bgSwiper {
  pointer-events: none;
  background-color: #000;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#index_page .pageContentAll .inxNews .bgSwiper .ul {
  width: 120%;
  height: 120%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#index_page .pageContentAll .inxNews .bgSwiper .ul .li {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition-duration: 1s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

#index_page .pageContentAll .inxNews .bgSwiper .ul .li img {
  filter: blur(2vw);
  opacity: 0.6;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#index_page .pageContentAll .inxNews .bgSwiper .ul .li.on {
  opacity: 1;
}

#news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox {
  width: 75%;
  margin: 0 auto;
}

@media (max-width:1600px) {
  #news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1300px) {
  #news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) {
  #news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox {
    width: 84%;
  }
}

#news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2vw;
}

#news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul>li {
  width: calc(100% / 4 - (4 - 1) * 2vw / 4);
}

@media (max-width:1024px) {
  #news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6vw;
  }

  #news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul>li {
    width: calc(100% / 1 - (1 - 1) * 6vw / 1);
  }
}

#news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul .li .aBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  transition-duration: 1s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  padding: 0;
  overflow: hidden;
}

#news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul .li .aBox .imgBox {
  height: 18vw;
  width: 100%;
  overflow: hidden;
}

@media (max-width:1024px) {
  #news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul .li .aBox .imgBox {
    height: 50vw;
  }
}

#news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul .li .aBox .imgBox img {
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

#news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul .li .aBox .textBox {
  padding: 1vw 1vw 1.5vw 1vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1024px) {
  #news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul .li .aBox .textBox {
    padding: 4vw 4vw 6vw 4vw;
  }
}

#news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul .li .aBox .textBox .time {
  font-size: clamp(12px, 1.1vw, 1.1vw);
  color: #fff;
  color: #1a1a1a;
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  letter-spacing: 0;
}

@media (max-width:1024px) {
  #news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul .li .aBox .textBox .time {
    font-size: 4.2vw;
  }
}

#news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul .li .aBox .textBox .title {
  font-size: clamp(12px, 1.2vw, 1.2vw);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top: 0.4vw 0;
  margin: 0.5vw 0 1vw;
}

@media (max-width:1024px) {
  #news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul .li .aBox .textBox .title {
    font-size: 4.4vw;
  }
}

#news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul .li .aBox .textBox .miaoshu {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.5em;
  opacity: 0.7;
}

#news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul .li .aBox:hover .imgBox img {
  transform: scale(1.1);
}

#news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul .li .aBox .imgBox {
  height: 16vw;
}

@media (max-width:1024px) {
  #news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul .li .aBox .imgBox {
    height: 54vw;
  }
}

#news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul .li .aBox .textBox .title {
  font-size: clamp(12px, 1.1vw, 1.1vw);
}

@media (max-width:1024px) {
  #news_page .pageContentAll .pageContent .newsList>.thisBox>.contentBox .ul .li .aBox .textBox .title {
    font-size: 4.2vw;
  }
}

#product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox {
  width: 72%;
  margin: 0 auto;
}

@media (max-width:1600px) {
  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1300px) {
  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) {
  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox {
    width: 84%;
  }
}

@media (max-width:1024px) {
  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox {
    width: 90%;
  }
}

#product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  flex-wrap: wrap;
  gap: 2vw;
}

#product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul>li {
  width: 100%;
  border: 1px solid #c1c1c1;
}

@media (max-width:1024px) {
  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    flex-wrap: wrap;
    gap: 2vw;
  }

  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2vw;
  }

  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul>li {
    width: 100%;
  }
}

#product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul .li .aBox {
  padding: 2vw 1vw;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

@media (max-width:1024px) {
  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul .li .aBox {
    padding: 4vw;
    gap: 2vw;
  }
}

#product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul .li .aBox .picsImg {
  width: 100%;
  height: 14vw;
}

@media (min-width:1024px) {
  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul .li .aBox .picsImg img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    display: none;
  }

  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul .li .aBox .picsImg img.active {
    display: block;
  }
}

@media (max-width:1024px) {
  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul .li .aBox .picsImg {
    height: 36vw;
  }

  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul .li .aBox .picsImg .swiper {
    width: 100%;
    height: 100%;
  }

  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul .li .aBox .picsImg .swiper .swiper-slide img {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
}

#product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul .li .aBox .colorTabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

@media (max-width:1024px) {
  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul .li .aBox .colorTabs {
    gap: 3vw;
  }
}

#product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul .li .aBox .colorTabs .tab {
  width: 1.4vw;
  height: 1.4vw;
  cursor: pointer;
  border-radius: 50%;
}

@media (max-width:1024px) {
  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul .li .aBox .colorTabs .tab {
    padding: 2px;
    border: 1px solid #1a1a1a;
    width: 6vw;
    height: 6vw;
    border-width: 0;
  }

  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul .li .aBox .colorTabs .tab.active {
    border-width: 2px;
  }
}

#product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul .li .aBox .colorTabs .tab div {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

#product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul .li .aBox .textBox .title {
  text-align: center;
  font-size: clamp(12px, 1vw, 1vw);
}

@media (max-width:1024px) {
  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul .li .aBox .textBox .title {
    font-size: 4vw;
  }
}

#product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox .ul .li .aBox:hover {
  transform: translateY(-1vw);
}

#contact_page .pageContentAll .pageContent {
  padding-top: 0;
}

#contact_page .pageContentAll .pageContent .contInfo {
  margin-top: -5vw;
}

#contact_page .pageContentAll .pageContent .contInfo>.thisBox {
  padding-bottom: 5vw;
}

@media (max-width:1600px) {
  #contact_page .pageContentAll .pageContent .contInfo>.thisBox {
    padding-bottom: 5vw;
  }
}

@media (max-width:1300px) {
  #contact_page .pageContentAll .pageContent .contInfo>.thisBox {
    padding-bottom: 5vw;
  }
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .contInfo>.thisBox {
    padding-bottom: 12vw;
  }
}

#contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox {
  width: 72%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1600px) {
  #contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1300px) {
  #contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox {
    width: 84%;
  }
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 6vw;
    padding: 6vw 4vw;
  }
}

#contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .leftBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 2vw;
  width: 65%;
  border-right: 1px dashed #ccc;
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .leftBox {
    border-right: none;
    width: 100%;
  }
}

#contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .leftBox .oneBox {
  background-color: rgba(226, 234, 245, 0.5);
  padding: 2vw 4vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  border-radius: 0.6vw;
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .leftBox .oneBox {
    width: 50%;
  }
}

#contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .leftBox .oneBox .ico {
  width: 3vw;
  height: 3vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  border-radius: 50%;
  background-color: #1a1a1a;
}

#contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .leftBox .oneBox .ico i {
  color: #fff;
  font-size: clamp(12px, 1.4vw, 1.4vw);
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .leftBox .oneBox .ico i {
    font-size: 4.8vw;
  }
}

#contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .leftBox .oneBox .textBox {
  margin-top: 1vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

#contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .leftBox .oneBox .textBox .title {
  font-size: clamp(12px, 1.3vw, 1.3vw);
  font-family: 'cn1';
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .leftBox .oneBox .textBox .title {
    font-size: 4.6vw;
  }
}

#contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .leftBox .oneBox .textBox .txt {
  font-size: clamp(12px, 1vw, 1vw);
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .leftBox .oneBox .textBox .txt {
    font-size: 4vw;
  }
}

#contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .rightBox {
  width: 45%;
  padding-left: 6vw;
  row-gap: 1vw;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: unset;
  flex-wrap: wrap;
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .rightBox {
    width: 100%;
  }
}

#contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .rightBox .box {
  width: 50%;
}

#contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .rightBox .box .textBox .title {
  font-size: clamp(12px, 1vw, 1vw);
  font-family: 'cn1';
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .rightBox .box .textBox .title {
    font-size: 4vw;
  }
}

#contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .rightBox .box .textBox .txt {
  font-size: clamp(12px, 0.9vw, 0.9vw);
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .contInfo>.thisBox>.contentBox .rightBox .box .textBox .txt {
    font-size: 3.8vw;
  }
}

#contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  height: 34vw;
}

#contact_page .pageContentAll .pageContent .map>.thisBox {
  padding: 5vw 0;
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    height: unset;
  }
}

#contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox .tiaozhuanBox {
  padding: 5vw 8vw 5vw 10vw;
  width: 40%;
  height: 100%;
  background-image: url(../img/mapbg.jpg);
  background-size: cover;
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox .tiaozhuanBox {
    width: 100%;
    height: unset;
  }
}

#contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox .tiaozhuanBox .tiaozhuan {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 2vw;
}

#contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox .tiaozhuanBox .tiaozhuan .button {
  position: relative;
  width: 100%;
}

#contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox .tiaozhuanBox .tiaozhuan .button .box {
  padding: 1.4vw 2vw;
  cursor: pointer;
  border-radius: 1vw;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.3);
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox .tiaozhuanBox .tiaozhuan .button .box {
    padding-right: 10vw;
  }
}

#contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox .tiaozhuanBox .tiaozhuan .button .box .title {
  font-size: clamp(12px, 1.1vw, 1.1vw);
  font-family: 'cn1';
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox .tiaozhuanBox .tiaozhuan .button .box .title {
    font-size: 4.2vw;
  }
}

#contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox .tiaozhuanBox .tiaozhuan .button .mapGo {
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 0;
  transform: translate(50%, -50%);
  width: 3vw;
  height: 3vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  color: #698fb5;
  border-radius: 50%;
  background-color: #fff;
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox .tiaozhuanBox .tiaozhuan .button .mapGo {
    width: 12vw;
    height: 12vw;
  }
}

#contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox .tiaozhuanBox .tiaozhuan .button.mapon .box {
  background-color: #698fb5;
}

#contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox .tiaozhuanBox .tiaozhuan .button.mapon .box .title {
  color: #fff;
}

#contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox .tiaozhuanBox .tiaozhuan .button.mapon .box .txt {
  color: #fff;
}

#contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox .tiaozhuanBox .tiaozhuan .button.mapon .mapGo {
  opacity: 1;
}

#contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox .mapBox {
  width: 60%;
  height: 100%;
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox .mapBox {
    width: 100%;
    height: 80vw;
  }
}

#contact_page .pageContentAll .pageContent .map>.thisBox>.contentBox .mapBox #allmap {
  width: 100%;
  height: 100%;
}

#contact_page .pageContentAll .pageContent .erweiCod>.thisBox {
  padding: 5vw 0;
}

@media (max-width:1600px) {
  #contact_page .pageContentAll .pageContent .erweiCod>.thisBox {
    padding: 5vw 0;
  }
}

@media (max-width:1300px) {
  #contact_page .pageContentAll .pageContent .erweiCod>.thisBox {
    padding: 5vw 0;
  }
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .erweiCod>.thisBox {
    padding: 12vw 0;
  }
}

#contact_page .pageContentAll .pageContent .erweiCod>.thisBox>.contentBox {
  position: relative;
  width: 72%;
  margin: 0 auto;
}

@media (max-width:1600px) {
  #contact_page .pageContentAll .pageContent .erweiCod>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1300px) {
  #contact_page .pageContentAll .pageContent .erweiCod>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .erweiCod>.thisBox>.contentBox {
    width: 84%;
  }
}

#contact_page .pageContentAll .pageContent .erweiCod>.thisBox>.contentBox .ul {
  position: relative;
  z-index: 1;
  gap: 4vw;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
}

#contact_page .pageContentAll .pageContent .erweiCod>.thisBox>.contentBox .ul .li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

#contact_page .pageContentAll .pageContent .erweiCod>.thisBox>.contentBox .ul .li .icoBox {
  width: 15vw;
  height: 15vw;
  border-radius: 50%;
  padding: 2vw;
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .erweiCod>.thisBox>.contentBox .ul .li .icoBox {
    width: 20vw;
    height: 20vw;
    padding: 4vw;
  }
}

#contact_page .pageContentAll .pageContent .erweiCod>.thisBox>.contentBox .ul .li .icoBox .imgBox {
  width: 100%;
  height: 100%;
}

#contact_page .pageContentAll .pageContent .erweiCod>.thisBox>.contentBox .ul .li .title {
  margin-top: 1vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
  font-size: clamp(12px, 1.1vw, 1.1vw);
  color: #698fb5;
}

#contact_page .pageContentAll .pageContent .erweiCod>.thisBox>.contentBox .ul .li .title .num {
  font-size: clamp(12px, 1.7vw, 1.7vw);
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .erweiCod>.thisBox>.contentBox .ul .li .title .num {
    font-size: 5.4vw;
  }
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .erweiCod>.thisBox>.contentBox .ul .li .title {
    font-size: 4.2vw;
  }
}

#contact_page .pageContentAll .pageContent .erweiCod>.thisBox>.contentBox::after {
  content: '';
  position: absolute;
  display: block;
  top: 5vw;
  height: 1px;
  background-color: #fff;
  left: 0;
  width: 100%;
}

#contact_page .pageContentAll .pageContent .message {
  position: relative;
}

#contact_page .pageContentAll .pageContent .message>.thisBox {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding-top: 5vw;
}

@media (max-width:1600px) {
  #contact_page .pageContentAll .pageContent .message>.thisBox {
    padding-top: 5vw;
  }
}

@media (max-width:1300px) {
  #contact_page .pageContentAll .pageContent .message>.thisBox {
    padding-top: 5vw;
  }
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .message>.thisBox {
    padding-top: 12vw;
  }
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox {
  border-radius: 20px;
  padding: 3vw;
  box-shadow: 2px 3px 6px #d1d1d1;
  width: 65%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  position: relative;
  background-color: #fff;
}

@media (max-width:1600px) {
  #contact_page .pageContentAll .pageContent .message>.thisBox .contentBox {
    width: 72%;
  }
}

@media (max-width:1300px) {
  #contact_page .pageContentAll .pageContent .message>.thisBox .contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .message>.thisBox .contentBox {
    width: 84%;
  }
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan {
  width: 100%;
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  width: 100%;
  padding: 1vw 0;
  border-bottom: 1px solid #ccc;
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox {
    margin-bottom: 6vw;
  }
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox .bdTitle {
  position: relative;
  display: block;
  width: 8vw;
  font-size: clamp(12px, 0.9vw, 0.9vw);
  font-family: 'cn1';
  margin-bottom: 1vw;
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox .bdTitle {
    font-size: 3.8vw;
  }
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox .bdTitle {
    width: 26vw;
  }
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox .input {
  position: relative;
  width: calc(100% - 8vw);
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox .input {
    width: 100%;
  }
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox .input input {
  width: 100%;
  background-color: transparent;
  height: 100%;
  padding-left: 2vw;
  background-color: #f8f8f8;
  border-radius: 20px;
  border: none;
  height: 2vw;
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox .input input {
    padding-left: 4vw;
  }
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox .input input {
    height: 12vw;
  }
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox .input textarea {
  width: 100%;
  background-color: transparent;
  height: 100%;
  padding-left: 2vw;
  background-color: #f8f8f8;
  border-radius: 20px;
  border: none;
  height: 6vw;
  resize: vertical;
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox .input textarea {
    padding-left: 4vw;
  }
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox.textarea {
  width: 100%;
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox.textarea .input textarea {
  height: 6vw;
  font-family: auto;
  padding: 1vw 2vw;
  width: 100%;
  outline: none;
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox.textarea .input textarea {
    padding: 4vw;
    height: 40vw;
  }
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox.yanzhengma .input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox.yanzhengma .yanz {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox.yanzhengma .yanz {
    width: 26vw;
  }
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox.yanzhengma .yanz img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox.must .bdTitle::after {
  content: '*';
  position: absolute;
  color: red;
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox .tianxieInfo {
  position: absolute;
  left: 0;
  top: 110%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: unset;
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox.zhengque .tianxieInfo i {
  color: green;
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox.zhengque .tianxieInfo .txt {
  color: green;
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox.cuowu .tianxieInfo i {
  color: red;
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .inputBox.cuowu .tianxieInfo .txt {
  color: red;
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .button {
  margin: 0 auto;
  margin-top: 2vw;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .button .submit {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
  height: 3vw;
  padding: 0 2vw;
  background-color: #1a1a1a;
  border-radius: 20px;
}

@media (max-width:1024px) {
  #contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .button .submit {
    width: 100%;
    height: 14vw;
  }
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .button .submit .txt {
  color: #fff;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  font-family: 'cn1';
}

#contact_page .pageContentAll .pageContent .message>.thisBox .contentBox .biaodan form .button .submit i {
  color: #1a1a1a;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  color: #fff;
}

#about_history_page .pageContentAll .pageContent {
  padding-bottom: 0;
}

#about_history_page .pageContentAll .pageContent .historyImg>.thisBox>.contentBox {
  width: 72%;
  margin: 0 auto;
}

@media (max-width:1600px) {
  #about_history_page .pageContentAll .pageContent .historyImg>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1300px) {
  #about_history_page .pageContentAll .pageContent .historyImg>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) {
  #about_history_page .pageContentAll .pageContent .historyImg>.thisBox>.contentBox {
    width: 84%;
  }
}

#about_history_page .pageContentAll .pageContent .historyImg>.thisBox>.contentBox .imgBox {
  border-radius: 1vw;
  overflow: hidden;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  width: 72%;
  margin: 0 auto;
}

@media (max-width:1600px) {
  #about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox {
    width: 72%;
  }
}

@media (max-width:1300px) {
  #about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) {
  #about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox {
    width: 84%;
  }
}

@media (max-width:1024px) {
  #about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
  }
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears {
  position: relative;
  width: 15vw;
  height: calc(100vh - 5vw * 1);
  will-change: transform;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  border-right: 1px solid #ddd;
}

@media (max-width:1600px) {
  #about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears {
    height: calc(100vh - 5vw* 1);
  }
}

@media (max-width:1300px) {
  #about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears {
    height: calc(100vh - 5vw* 1);
  }
}

@media (max-width:1024px) {
  #about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears {
    height: unset;
  }
}

@media (max-width:1024px) {
  #about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears {
    width: 100%;
    padding: 8vw 0;
    background-color: #fff;
    display: none;
  }
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears .box {
  position: relative;
  width: 100%;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears .box .ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears .box .ul .li {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  padding: 0.5vw 0;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears .box .ul .li .yearBox {
  position: relative;
  height: 3vw;
  padding: 1vw;
  cursor: pointer;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears .box .ul .li .yearBox .year {
  font-size: clamp(12px, 1.2vw, 1.2vw);
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
}

@media (max-width:1024px) {
  #about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears .box .ul .li .yearBox .year {
    font-size: 4.4vw;
  }
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears .box .ul .li .yearBox svg {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  width: 100%;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears .box .ul .li .yearBox svg path {
  fill: none;
  stroke: #1a1a1a;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears .box .ul .li::before {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  width: 30%;
  left: 0;
  height: 2px;
  background-color: #ccc;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears .box .ul .li.on .yearBox .year {
  transform: scale(1.2);
  transform-origin: 0 50%;
  color: #698fb5;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears .box .dotLine {
  position: absolute;
  right: -2px;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  height: 5vw;
  width: 3px;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1024px) {
  #about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears .box .dotLine {
    display: none;
  }
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears .box .dotLine div {
  width: 100%;
  height: 1.5vw;
  border-radius: 1px;
  background-color: #1a1a1a;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .leftYears::after {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 1.8vw;
  height: 100%;
  background-image: url(../img/historyListBg.png);
  background-size: 100% auto;
  background-repeat: repeat-y;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout {
  padding-left: 6vw;
  width: calc(100% - 15vw);
}

@media (max-width:1024px) {
  #about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout {
    width: 100%;
    padding-left: 0;
  }
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 4vw;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul .li {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul .li .box {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  width: 100%;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul .li .box .leftCout {
  width: 50%;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul .li .box .leftCout .year {
  position: relative;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul .li .box .leftCout .year>div {
  font-size: clamp(12px, 6.7vw, 6.7vw);
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  background: -webkit-linear-gradient(rgba(105, 143, 181, 0.8), rgba(105, 143, 181, 0));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 2vw;
  line-height: 0.8em;
}

@media (max-width:1024px) {
  #about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul .li .box .leftCout .year>div {
    font-size: 15.4vw;
  }
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul .li .box .leftCout .year>div.t1 {
  position: relative;
  z-index: 1;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul .li .box .leftCout .year>div.t2 {
  position: absolute;
  top: 2vw;
  left: 2vw;
  opacity: 0.1;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul .li .box .leftCout .imgBoxAll {
  position: relative;
  margin-top: -1vw;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul .li .box .leftCout .imgBoxAll .imgBox {
  -webkit-mask-image: url(../img/hisImgMask.png);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  height: 100%;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul .li .box .leftCout .imgBoxAll .imgBox .color {
  background-color: #1a1a1a;
  width: 100%;
  height: 100%;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul .li .box .leftCout .imgBoxAll .imgBox:nth-child(1) {
  position: relative;
  z-index: 1;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul .li .box .leftCout .imgBoxAll .imgBox:nth-child(2) {
  position: absolute;
  top: 0;
  opacity: 0.2;
  left: 0%;
  transform: rotate(10deg);
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul .li .box .textBox {
  position: relative;
  z-index: 1;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: unset;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul .li .box .textBox .miaoshu {
  width: 100%;
  padding-left: 4vw;
}

#about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul .li .box .textBox .miaoshu p {
  font-size: clamp(12px, 0.9vw, 0.9vw);
  line-height: 2em;
}

@media (max-width:1024px) {
  #about_history_page .pageContentAll .pageContent .history>.thisBox .contentBox .rightCout .ul .li .box .textBox .miaoshu p {
    font-size: 3.8vw;
  }
}

#about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox {
  width: 72%;
  margin: 0 auto;
}

@media (max-width:1600px) {
  #about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1300px) {
  #about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) {
  #about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox {
    width: 84%;
  }
}

#about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox .ul {
  display: flex;
  flex-wrap: wrap;
  gap: 3vw;
}

#about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox .ul>li {
  width: calc(100% / 3 - (3 - 1) * 3vw / 3);
}

@media (max-width:1024px) {
  #about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox .ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6vw;
  }

  #about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox .ul>li {
    width: calc(100% / 1 - (1 - 1) * 6vw / 1);
  }
}

#about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox .ul .li .aBox {
  width: 100%;
}

#about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox .ul .li .aBox .imgBox {
  width: 100%;
  position: relative;
  aspect-ratio: 1;
  border-radius: 1vw;
  overflow: hidden;
}

#about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox .ul .li .aBox .imgBox img {
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

#about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox .ul .li .aBox .imgBox .ico {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  transform: translate(-50%, 50%);
  background-color: #698fb5;
  border-radius: 50%;
  opacity: 0;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
  pointer-events: none;
  width: 2vw;
  height: 2vw;
}

#about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox .ul .li .aBox .imgBox .ico i {
  font-size: clamp(12px, 1.4vw, 1.4vw);
  color: #fff;
}

@media (max-width:1024px) {
  #about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox .ul .li .aBox .imgBox .ico i {
    font-size: 4.8vw;
  }
}

#about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox .ul .li .aBox .imgBox::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  background-color: rgba(171, 189, 214, 0.2);
  width: 100%;
  height: 100%;
  transform: scaleY(0);
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

#about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox .ul .li .aBox .title {
  font-size: clamp(12px, 1vw, 1vw);
  text-align: center;
  margin-top: 1vw;
}

@media (max-width:1024px) {
  #about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox .ul .li .aBox .title {
    font-size: 4vw;
  }
}

#about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox .ul .li .aBox:hover .imgBox img {
  transform: scale(1.1);
}

#about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox .ul .li .aBox:hover .imgBox .ico {
  opacity: 1;
  transform: translate(-50%, -50%);
}

#about_strength_page .pageContentAll .pageContent .strengthList>.thisBox>.contentBox .ul .li .aBox:hover .imgBox::after {
  transform: scaleY(1);
}

#about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox {
  width: 72%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1600px) {
  #about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1300px) {
  #about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) {
  #about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox {
    width: 84%;
  }
}

#about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox .ul {
  display: flex;
  flex-wrap: wrap;
  gap: 4vw;
}

#about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox .ul>li {
  width: calc(100% / 3 - (3 - 1) * 4vw / 3);
}

@media (max-width:1024px) {
  #about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox .ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6vw;
  }

  #about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox .ul>li {
    width: calc(100% / 1 - (1 - 1) * 6vw / 1);
  }
}

#about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox .ul .li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 0.6vw;
}

@media (max-width:1024px) {
  #about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox .ul .li {
    gap: 3vw;
  }
}

#about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox .ul .li .imgBoxAll {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  width: 100%;
  padding: 1vw;
  height: 20vw;
  background-color: #fff;
}

@media (max-width:1024px) {
  #about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox .ul .li .imgBoxAll {
    padding: 3vw;
    height: 60vw;
  }
}

#about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox .ul .li .imgBoxAll .imgBox {
  width: 100%;
  height: 100%;
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

#about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox .ul .li .imgBoxAll .imgBox img {
  object-fit: contain;
}

#about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox .ul .li .imgBoxAll:hover .imgBox {
  transform: scale(0.9);
}

#about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox .ul .li .imgBoxAll:hover .imgBox img {
  object-fit: contain;
}

#about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox .ul .li .title {
  font-size: clamp(12px, 1.1vw, 1.1vw);
}

@media (max-width:1024px) {
  #about_honor_page .pageContentAll .pageContent .honorList>.thisBox>.contentBox .ul .li .title {
    font-size: 4.2vw;
  }
}

#about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox {
  width: 72%;
  margin: 0 auto;
}

@media (max-width:1600px) {
  #about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1300px) {
  #about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) {
  #about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox {
    width: 84%;
  }
}

#about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul {
  display: flex;
  flex-wrap: wrap;
  gap: 3vw;
}

#about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul>li {
  width: calc(100% / 2 - (2 - 1) * 3vw / 2);
}

@media (max-width:1024px) {
  #about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6vw;
  }

  #about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul>li {
    width: calc(100% / 1 - (1 - 1) * 6vw / 1);
  }
}

#about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul .li .aBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

#about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul .li .aBox .videoBox {
  position: relative;
  overflow: hidden;
  padding: 0;
  height: 20vw;
}

@media (max-width:1024px) {
  #about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul .li .aBox .videoBox {
    width: 100%;
    height: 50vw;
  }
}

#about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul .li .aBox .videoBox img {
  width: 100%;
  height: 100%;
}

#about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul .li .aBox .videoBox .playBtn {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4vw;
  height: 4vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  border-radius: 50%;
  border: 1px solid #fff;
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

@media (max-width:1024px) {
  #about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul .li .aBox .videoBox .playBtn {
    width: 12vw;
    height: 12vw;
  }
}

#about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul .li .aBox .videoBox .playBtn .iconfont {
  font-size: 1.2vw;
  color: #fff;
}

@media (max-width:1024px) {
  #about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul .li .aBox .videoBox .playBtn .iconfont {
    font-size: 5vw;
  }
}

#about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul .li .aBox .videoBox::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

#about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul .li .aBox .textBox {
  margin-top: 1vw;
}

#about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul .li .aBox .textBox .title {
  text-align: center;
  font-size: clamp(12px, 1.3vw, 1.3vw);
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

@media (max-width:1024px) {
  #about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul .li .aBox .textBox .title {
    font-size: 4.6vw;
  }
}

#about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul .li .aBox:hover .videoBox .playBtn {
  background-color: #698fb5;
  border-color: #698fb5;
}

#about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul .li .aBox:hover .videoBox::after {
  background-color: rgba(0, 0, 0, 0.2);
}

#about_video_page .pageContentAll .pageContent .videoList>.thisBox>.contentBox .ul .li .aBox:hover .textBox .title {
  color: #698fb5;
}

#about_company_page .pageContentAll .pageContent {
  padding-top: 0;
}

#about_company_page .pageContentAll .pageContent .jianjie {
  position: relative;
  padding: 5vw 0;
}

@media (max-width:1600px) {
  #about_company_page .pageContentAll .pageContent .jianjie {
    padding: 5vw 0;
  }
}

@media (max-width:1300px) {
  #about_company_page .pageContentAll .pageContent .jianjie {
    padding: 5vw 0;
  }
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .jianjie {
    padding: 12vw 0;
  }
}

#about_company_page .pageContentAll .pageContent .jianjie>.thisBox {
  position: relative;
  z-index: 1;
}

#about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 8vw;
  width: 72%;
  margin: 0 auto;
}

@media (max-width:1600px) {
  #about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1300px) {
  #about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox {
    width: 84%;
  }
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
  }
}

#about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .yearBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
}

#about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .yearBox .since {
  font-size: clamp(12px, 1.5vw, 1.5vw);
  opacity: 0.7;
  color: #698fb5;
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .yearBox .since {
    font-size: 5vw;
  }
}

#about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .yearBox .num {
  font-size: clamp(12px, 10.7vw, 10.7vw);
  font-family: 'en9';
  color: #698fb5;
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .yearBox .num {
    font-size: 23.4vw;
  }
}

#about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .yearBox .quan {
  position: relative;
  margin-top: -4vw;
  transform: translateX(4vw);
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  width: 6vw;
  height: 6vw;
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .yearBox .quan {
    margin-top: -12vw;
    width: 16vw;
    height: 16vw;
    transform: translateX(12vw);
  }
}

#about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .yearBox .quan .cenText {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

#about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .yearBox .quan .cenText .hisNum {
  font-size: clamp(12px, 1.3vw, 1.3vw);
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .yearBox .quan .cenText .hisNum {
    font-size: 4.6vw;
  }
}

#about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .yearBox .quan .cenText .dw {
  color: rgba(255, 255, 255, 0.7);
}

#about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .yearBox .quan .quanT {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .yearBox .quan .quanT img {
  width: 100%;
  height: 100%;
  animation: xuanzhuan 40s linear 0s infinite normal;
}

@media (min-width:1024px) {
  #about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .yearBox .num {
    width: 20vw;
  }
}

#about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .yearBox .quan .cenText .hisNum {
  color: #698fb5;
}

#about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .yearBox .quan .cenText .dw {
  color: #698fb5;
}

#about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .content {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .content {
    width: 100%;
  }
}

#about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .content p {
  font-size: clamp(12px, 0.9vw, 0.9vw);
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .jianjie>.thisBox>.contentBox .content p {
    font-size: 3.8vw;
  }
}

#about_company_page .pageContentAll .pageContent .buju {
  position: relative;
  z-index: 1;
}

#about_company_page .pageContentAll .pageContent .buju>.thisBox {
  padding: 5vw 0;
}

@media (max-width:1600px) {
  #about_company_page .pageContentAll .pageContent .buju>.thisBox {
    padding: 5vw 0;
  }
}

@media (max-width:1300px) {
  #about_company_page .pageContentAll .pageContent .buju>.thisBox {
    padding: 5vw 0;
  }
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .buju>.thisBox {
    padding: 12vw 0;
  }
}

#about_company_page .pageContentAll .pageContent .buju>.thisBox>.contentBox {
  width: 72%;
  margin: 0 auto;
}

@media (max-width:1600px) {
  #about_company_page .pageContentAll .pageContent .buju>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1300px) {
  #about_company_page .pageContentAll .pageContent .buju>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .buju>.thisBox>.contentBox {
    width: 84%;
  }
}

#about_company_page .pageContentAll .pageContent .buju>.thisBox>.contentBox .imgBoxAll {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 2vw;
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .buju>.thisBox>.contentBox .imgBoxAll {
    flex-wrap: wrap;
  }
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .buju>.thisBox>.contentBox .imgBoxAll .imgBox {
    width: calc(50% - 1vw);
  }
}

#about_company_page .pageContentAll .pageContent .buju>.thisBox>.contentBox .textBox {
  margin-bottom: 3vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .buju>.thisBox>.contentBox .textBox {
    gap: 4vw;
    margin-bottom: 8vw;
  }
}

#about_company_page .pageContentAll .pageContent .buju>.thisBox>.contentBox .textBox .subtitle {
  font-size: clamp(12px, 1.5vw, 1.5vw);
  color: #fff;
  height: 2.8vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  padding: 0 2vw;
  border-radius: 2vw;
  background-color: #698fb5;
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .buju>.thisBox>.contentBox .textBox .subtitle {
    font-size: 5vw;
  }
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .buju>.thisBox>.contentBox .textBox .subtitle {
    height: 8vw;
    padding: 0 6vw;
    border-radius: 5vw;
  }
}

#about_company_page .pageContentAll .pageContent .buju>.thisBox>.contentBox .textBox .miaoshu {
  line-height: 2em;
  font-size: clamp(12px, 0.9vw, 0.9vw);
  text-align: center;
  width: 50%;
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .buju>.thisBox>.contentBox .textBox .miaoshu {
    font-size: 3.8vw;
  }
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .buju>.thisBox>.contentBox .textBox .miaoshu {
    width: 100%;
  }
}

#about_company_page .pageContentAll .pageContent .channels {
  position: relative;
  z-index: 1;
}

#about_company_page .pageContentAll .pageContent .channels>.thisBox {
  padding: 5vw 0;
}

#about_company_page .pageContentAll .pageContent .channels>.thisBox .unifyTitle .yfTitle {
  font-size: clamp(24px, 2.8vw, 2.8vw);
  font-weight: 700;
  color: #0b1220;
  line-height: 1.3;
  text-align: center;
  margin: 0;
}

@media (max-width:1600px) {
  #about_company_page .pageContentAll .pageContent .channels>.thisBox {
    padding: 5vw 0;
  }
}

@media (max-width:1300px) {
  #about_company_page .pageContentAll .pageContent .channels>.thisBox {
    padding: 5vw 0;
  }
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .channels>.thisBox {
    padding: 12vw 0;
  }

  #about_company_page .pageContentAll .pageContent .channels>.thisBox .unifyTitle .yfTitle {
    font-size: clamp(24px, 7vw, 7vw);

  }
}

#about_company_page .pageContentAll .pageContent .channels>.thisBox>.contentBox {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: unset;
}

@media (max-width:1600px) {
  #about_company_page .pageContentAll .pageContent .channels>.thisBox>.contentBox {
    width: 80%;
  }
}

@media (max-width:1300px) {
  #about_company_page .pageContentAll .pageContent .channels>.thisBox>.contentBox {
    width: 80%;
  }
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .channels>.thisBox>.contentBox {
    width: 84%;
  }
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .channels>.thisBox>.contentBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 6vw;
  }
}

#about_company_page .pageContentAll .pageContent .channels>.thisBox>.contentBox .imgBox {
  width: 32vw;
  height: 24vw;
  border-radius: 20px;
  overflow: hidden;
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .channels>.thisBox>.contentBox .imgBox {
    width: 80vw;
    height: 80vw;
  }
}

#about_company_page .pageContentAll .pageContent .channels>.thisBox>.contentBox .textBox {
  width: 40vw;
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .channels>.thisBox>.contentBox .textBox {
    width: 100%;
  }
}

#about_company_page .pageContentAll .pageContent .channels>.thisBox>.contentBox .textBox .subtitle {
  margin-bottom: 3vw;
  font-size: clamp(12px, 1.5vw, 1.5vw);
  font-family: 'en9';

}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .channels>.thisBox>.contentBox .textBox .subtitle {
    font-size: 7.4vw;
  }
}

#about_company_page .pageContentAll .pageContent .channels>.thisBox>.contentBox .textBox .title {
  font-size: clamp(12px, 1.5vw, 1.5vw);
  margin-bottom: 1vw;
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .channels>.thisBox>.contentBox .textBox .title {
    font-size: 5vw;
  }
}

#about_company_page .pageContentAll .pageContent .channels>.thisBox>.contentBox .textBox .content p {
  font-size: clamp(12px, 0.9vw, 0.9vw);
  line-height: 2.5;
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .channels>.thisBox>.contentBox .textBox .content p {
    font-size: 3.8vw;
  }
}

#about_company_page .pageContentAll .pageContent .team>.thisBox {
  padding: 5vw 0;
}

@media (max-width:1600px) {
  #about_company_page .pageContentAll .pageContent .team>.thisBox {
    padding: 5vw 0;
  }
}

@media (max-width:1300px) {
  #about_company_page .pageContentAll .pageContent .team>.thisBox {
    padding: 5vw 0;
  }
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .team>.thisBox {
    padding: 12vw 0;
  }
}

#about_company_page .pageContentAll .pageContent .team>.thisBox>.contentBox .swiperBox {
  height: 21vw;
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .team>.thisBox>.contentBox .swiperBox {
    height: 60vw;
  }
}

#about_company_page .pageContentAll .pageContent .team>.thisBox>.contentBox .swiperBox #team {
  width: 100%;
  height: 100%;
}

#about_company_page .pageContentAll .pageContent .team>.thisBox>.contentBox .swiperBox #team .swiper-slide {
  padding: 1vw 0;
  height: 100%;
  width: fit-content;
}

#about_company_page .pageContentAll .pageContent .team>.thisBox>.contentBox .swiperBox #team .swiper-slide .aBox {
  width: 100%;
  height: 100%;
}

#about_company_page .pageContentAll .pageContent .team>.thisBox>.contentBox .swiperBox #team .swiper-slide .aBox .imgBox {
  padding: 0;
  overflow: hidden;
  transition-duration: 0.3s;
  width: 100%;
  height: 100%;
}

#about_company_page .pageContentAll .pageContent .team>.thisBox>.contentBox .swiperBox #team .swiper-slide .aBox .imgBox img {
  transition-duration: 0.8s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.56, -0.01, 0.04, 1);
}

#about_company_page .pageContentAll .pageContent .team>.thisBox>.contentBox .swiperBox #team .swiper-slide .aBox:hover {
  transition-duration: 0;
}

#about_company_page .pageContentAll .pageContent .team>.thisBox>.contentBox .swiperBox #team .swiper-slide .aBox:hover .imgBox img {
  transform: scale(1.1);
}

#about_company_page .pageContentAll .pageContent .chairman>.thisBox {
  padding-top: 5vw;
}

@media (max-width:1600px) {
  #about_company_page .pageContentAll .pageContent .chairman>.thisBox {
    padding-top: 5vw;
  }
}

@media (max-width:1300px) {
  #about_company_page .pageContentAll .pageContent .chairman>.thisBox {
    padding-top: 5vw;
  }
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .chairman>.thisBox {
    padding-top: 12vw;
  }
}

#about_company_page .pageContentAll .pageContent .chairman>.thisBox>.contentBox {
  width: 72%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: unset;
}

@media (max-width:1600px) {
  #about_company_page .pageContentAll .pageContent .chairman>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1300px) {
  #about_company_page .pageContentAll .pageContent .chairman>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .chairman>.thisBox>.contentBox {
    width: 84%;
  }
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .chairman>.thisBox>.contentBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 6vw;
    flex-direction: column-reverse;
  }
}

#about_company_page .pageContentAll .pageContent .chairman>.thisBox>.contentBox .textBox {
  width: 45%;
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .chairman>.thisBox>.contentBox .textBox {
    width: 100%;
  }
}

#about_company_page .pageContentAll .pageContent .chairman>.thisBox>.contentBox .textBox .subtitle {
  font-size: clamp(12px, 3vw, 3vw);

  margin-bottom: 2vw;

}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .chairman>.thisBox>.contentBox .textBox .subtitle {
    font-size: 7vw;
  }
}

#about_company_page .pageContentAll .pageContent .chairman>.thisBox>.contentBox .textBox .miaoshu p {
  font-size: clamp(12px, 1.2vw, 1.2vw);
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .chairman>.thisBox>.contentBox .textBox .miaoshu p {
    font-size: 4.6vw;
  }
}

#about_company_page .pageContentAll .pageContent .chairman>.thisBox>.contentBox .imgBox {
  overflow: hidden;
  padding: 0;
  height: 28vw;
  border-radius: 1vw;
  width: 50%;
  border: 4px solid #1e40af;
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .chairman>.thisBox>.contentBox .imgBox {
    width: 100%;
    height: 40vw;
  }
}

/* ========== yanfabox 附加值板块 ========== */
#about_company_page .pageContentAll .pageContent .yanfabox {
  padding: 6vw 0;
}

#about_company_page .pageContentAll .pageContent .yanfabox>.thisBox {
  width: 80%;
  margin: 0 auto;
}

@media (max-width:1600px) {
  #about_company_page .pageContentAll .pageContent .yanfabox>.thisBox {
    width: 80%;
  }
}

@media (max-width:1300px) {
  #about_company_page .pageContentAll .pageContent .yanfabox>.thisBox {
    width: 80%;
  }
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .yanfabox>.thisBox {
    width: 84%;
  }
}

/* 头部 */
#about_company_page .pageContentAll .pageContent .yanfabox .yfHeader {
  text-align: center;
  margin-bottom: 3vw;
}

#about_company_page .pageContentAll .pageContent .yanfabox .yfTag {
  display: inline-flex;
  align-items: center;
  gap: 0.5vw;
  padding: 0.4vw 1.2vw;
  background: #fff;
  border-radius: 999px;
  font-size: clamp(12px, 0.9vw, 0.9vw);
  color: #1e40af;
  font-weight: 600;
  box-shadow: 0 2px 10px rgba(30, 64, 175, 0.08);
  margin-bottom: 1.5vw;
}

#about_company_page .pageContentAll .pageContent .yanfabox .yfTag span {
  display: inline-block;
  width: 0.4vw;
  height: 0.4vw;
  background: #1e40af;
  border-radius: 50%;
}

#about_company_page .pageContentAll .pageContent .yanfabox .yfTitle {
  font-size: clamp(24px, 2.8vw, 2.8vw);
  font-weight: 700;
  color: #0b1220;
  line-height: 1.3;
  margin: 0;
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .yanfabox .yfHeader {
    margin-bottom: 6vw;
  }

  #about_company_page .pageContentAll .pageContent .yanfabox .yfTag {
    padding: 1.5vw 4vw;
    font-size: 3.2vw;
    gap: 1.5vw;
    margin-bottom: 4vw;
  }

  #about_company_page .pageContentAll .pageContent .yanfabox .yfTag span {
    width: 1.5vw;
    height: 1.5vw;
  }

  #about_company_page .pageContentAll .pageContent .yanfabox .yfTitle {
    font-size: 7vw;
  }
}

/* 网格 */
#about_company_page .pageContentAll .pageContent .yanfabox .yfGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5vw;
}

#about_company_page .pageContentAll .pageContent .yanfabox .yfCard {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  height: 20vw;
}

#about_company_page .pageContentAll .pageContent .yanfabox .yfCardImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#about_company_page .pageContentAll .pageContent .yanfabox .yfCardBlue {
  background: #e4ebf9;
  padding: 2vw;
  display: flex;
  flex-direction: column;
}

#about_company_page .pageContentAll .pageContent .yanfabox .yfCardBlue p {
  font-size: clamp(12px, 1vw, 1vw);
  line-height: 2;
  color: #333;
  margin: 0 0 1.2vw;
}

#about_company_page .pageContentAll .pageContent .yanfabox .yfCardGreen {
  background: #e1f7b8;
  padding: 5vw;
  display: flex;
  flex-direction: column;
}

#about_company_page .pageContentAll .pageContent .yanfabox .yfCardTitle {
  font-size: clamp(20px, 1.5vw, 1.5vw);
  font-weight: 700;
  color: #0b1220;
  margin: 0 0 1.5vw;
}

/* 有序列表（自定义class + CMS原生<ol>标签） */
#about_company_page .pageContentAll .pageContent .yanfabox .yfOrderedList,
#about_company_page .pageContentAll .pageContent .yanfabox .yfCardBlue ol {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: yf-order;
}

#about_company_page .pageContentAll .pageContent .yanfabox .yfOrderedList li,
#about_company_page .pageContentAll .pageContent .yanfabox .yfCardBlue ol li {
  counter-increment: yf-order;
  font-size: clamp(12px, 1vw, 1vw);
  line-height: 1.8;
  color: #333;
  padding-left: 1.8vw;
  position: relative;
  margin-bottom: 0.5vw;
}

#about_company_page .pageContentAll .pageContent .yanfabox .yfOrderedList li::before,
#about_company_page .pageContentAll .pageContent .yanfabox .yfCardBlue ol li::before {
  content: counter(yf-order) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  color: #1a1a1a;
}

#about_company_page .pageContentAll .pageContent .yanfabox .yfOrderedList li b,
#about_company_page .pageContentAll .pageContent .yanfabox .yfCardBlue ol li b,
#about_company_page .pageContentAll .pageContent .yanfabox .yfCardBlue ol li strong {
  color: #1a1a1a;
  font-weight: 700;
}

/* 描述文字（自定义class + CMS原生<p>标签） */
#about_company_page .pageContentAll .pageContent .yanfabox .yfCardDesc,
#about_company_page .pageContentAll .pageContent .yanfabox .yfCardGreen p {
  font-size: clamp(12px, 1.2vw, 1.2vw);
  line-height: 2;
  color: #333;
  margin: 0 0 1.2vw;
}

#about_company_page .pageContentAll .pageContent .yanfabox .yfCardGreen p:last-child {
  margin-bottom: 0;
}

/* 无序列表（自定义class + CMS原生<ul>标签） */
#about_company_page .pageContentAll .pageContent .yanfabox .yfUnorderedList,
#about_company_page .pageContentAll .pageContent .yanfabox .yfCardGreen ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#about_company_page .pageContentAll .pageContent .yanfabox .yfUnorderedList li,
#about_company_page .pageContentAll .pageContent .yanfabox .yfCardGreen ul li {
  font-size: clamp(12px, 1.2vw, 1.2vw);
  line-height: 2;
  color: #333;
  padding-left: 1.2vw;
  position: relative;
  margin-bottom: 0.3vw;
}

#about_company_page .pageContentAll .pageContent .yanfabox .yfUnorderedList li::before,
#about_company_page .pageContentAll .pageContent .yanfabox .yfCardGreen ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 0.4vw;
  height: 0.4vw;
  background: #1a1a1a;
  border-radius: 50%;
}

/* 响应式 */
@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .yanfabox .yfGrid {
    grid-template-columns: 1fr;
    gap: 4vw;
  }

  #about_company_page .pageContentAll .pageContent .yanfabox .yfCard {
    border-radius: 5vw;
    min-height: 50vw;
  }

  #about_company_page .pageContentAll .pageContent .yanfabox .yfCardBlue,
  #about_company_page .pageContentAll .pageContent .yanfabox .yfCardGreen {
    padding: 6vw;
  }

  #about_company_page .pageContentAll .pageContent .yanfabox .yfCardTitle {
    font-size: 6vw;
    margin-bottom: 4vw;
  }

  #about_company_page .pageContentAll .pageContent .yanfabox .yfOrderedList li,
  #about_company_page .pageContentAll .pageContent .yanfabox .yfCardBlue ol li {
    font-size: 4.4vw;
    padding-left: 6vw;
    margin-bottom: 2vw;
  }

  #about_company_page .pageContentAll .pageContent .yanfabox .yfCardDesc,
  #about_company_page .pageContentAll .pageContent .yanfabox .yfCardGreen p {
    font-size: 4.4vw;
    margin-bottom: 4vw;
  }

  #about_company_page .pageContentAll .pageContent .yanfabox .yfUnorderedList li,
  #about_company_page .pageContentAll .pageContent .yanfabox .yfCardGreen ul li {
    font-size: 4.4vw;
    padding-left: 4vw;
    margin-bottom: 1.5vw;
  }

  #about_company_page .pageContentAll .pageContent .yanfabox .yfUnorderedList li::before,
  #about_company_page .pageContentAll .pageContent .yanfabox .yfCardGreen ul li::before {
    width: 1.5vw;
    height: 1.5vw;
  }
}

/* ========== wenhuabox 文化板块 ========== */
#about_company_page .pageContentAll .pageContent .wenhuabox {
  padding: 2vw 0 5vw;
}

#about_company_page .pageContentAll .pageContent .wenhuabox>.thisBox {
  width: 80%;
  margin: 0 auto;
}

@media (max-width:1600px) {
  #about_company_page .pageContentAll .pageContent .wenhuabox>.thisBox {
    width: 80%;
  }
}

@media (max-width:1300px) {
  #about_company_page .pageContentAll .pageContent .wenhuabox>.thisBox {
    width: 80%;
  }
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .wenhuabox>.thisBox {
    width: 84%;
  }
}

/* 头部 */
#about_company_page .pageContentAll .pageContent .wenhuabox .whHeader {
  text-align: center;
  margin-bottom: 3vw;
}

#about_company_page .pageContentAll .pageContent .wenhuabox .whTitle {
  font-size: clamp(24px, 2.6vw, 2.6vw);
  font-weight: 700;
  color: #0b1220;
  line-height: 1.3;
  margin: 0 0 1vw;
}

#about_company_page .pageContentAll .pageContent .wenhuabox .whSubtitle {
  font-size: clamp(12px, 0.9vw, 0.9vw);
  line-height: 1.8;
  color: #5d5f68;
  max-width: 80%;
  margin: 0 auto;
}

@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .wenhuabox .whHeader {
    margin-bottom: 6vw;
  }

  #about_company_page .pageContentAll .pageContent .wenhuabox .whTitle {
    font-size: 7vw;
    margin-bottom: 3vw;
  }

  #about_company_page .pageContentAll .pageContent .wenhuabox .whSubtitle {
    font-size: 3.4vw;
    max-width: 100%;
  }
}

/* 卡片网格 */
#about_company_page .pageContentAll .pageContent .wenhuabox .whCards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.5vw;
}

#about_company_page .pageContentAll .pageContent .wenhuabox .whCard {
  position: relative;
  border-radius: 1.5vw;
  overflow: hidden;
  padding: 3vw 2.5vw 2.5vw;
  background: linear-gradient(140deg, #f0f5ff 0%, #e4ebf9 100%);
  min-height: 20vw;
  display: flex;
  flex-direction: column;
}

/* 大序号 */
#about_company_page .pageContentAll .pageContent .wenhuabox .whCardNum {
  position: absolute;
  top: 0.5vw;
  left: 1.5vw;
  font-size: clamp(48px, 7vw, 7vw);
  font-family: 'en9';
  font-weight: 900;
  color: rgba(105, 143, 181, 0.12);
  line-height: 1;
  letter-spacing: 0.05em;
  pointer-events: none;
  z-index: 0;
}

/* 卡片标题 */
#about_company_page .pageContentAll .pageContent .wenhuabox .whCardTitle {
  position: relative;
  z-index: 1;
  font-size: clamp(18px, 1.6vw, 1.6vw);
  font-weight: 700;
  color: #1e40af;
  margin: 4.5vw 0 0.8vw;
}

/* 卡片副标题 */
#about_company_page .pageContentAll .pageContent .wenhuabox .whCardSub {
  position: relative;
  z-index: 1;
  font-size: clamp(12px, 1.2vw, 1.2vw);
  line-height: 1.6;
  color: #1e40af;
  margin: 0 0 1.2vw;
}

/* 卡片正文 */
#about_company_page .pageContentAll .pageContent .wenhuabox .whCardContent {
  position: relative;
  z-index: 1;
  flex: 1;
  font-size: clamp(12px, 0.85vw, 0.85vw);
  line-height: 1.8;
  color: #333;
}

#about_company_page .pageContentAll .pageContent .wenhuabox .whCardContent p {
  margin: 0 0 0.8vw;
}

#about_company_page .pageContentAll .pageContent .wenhuabox .whCardContent p:last-child {
  margin-bottom: 0;
}

/* 响应式 */
@media (max-width:1024px) {
  #about_company_page .pageContentAll .pageContent .wenhuabox .whCards {
    grid-template-columns: 1fr;
    gap: 4vw;
  }

  #about_company_page .pageContentAll .pageContent .wenhuabox .whCard {
    border-radius: 5vw;
    padding: 8vw 7vw 7vw;
    min-height: 60vw;
  }

  #about_company_page .pageContentAll .pageContent .wenhuabox .whCardNum {
    top: 2vw;
    left: 5vw;
    font-size: 20vw;
  }

  #about_company_page .pageContentAll .pageContent .wenhuabox .whCardTitle {
    font-size: 5.5vw;
    margin: 10vw 0 2vw;
  }

  #about_company_page .pageContentAll .pageContent .wenhuabox .whCardSub {
    font-size: 3.6vw;
    margin-bottom: 4vw;
  }

  #about_company_page .pageContentAll .pageContent .wenhuabox .whCardContent {
    font-size: 3.4vw;
  }

  #about_company_page .pageContentAll .pageContent .wenhuabox .whCardContent p {
    margin-bottom: 3vw;
  }
}

#silicone_page .pageContentAll .pageContent .advTextBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

#silicone_page .pageContentAll .pageContent .advTextBox .subtitle {
  font-size: clamp(12px, 2.3vw, 2.3vw);
  font-family: 'en9';
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  color: #1a1a1a;
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advTextBox .subtitle {
    font-size: 6.6vw;
  }
}

#silicone_page .pageContentAll .pageContent .advTextBox .title {
  font-size: clamp(12px, 2.3vw, 2.3vw);
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advTextBox .title {
    font-size: 6.6vw;
  }
}

#silicone_page .pageContentAll .pageContent .advTextBox .xian {
  width: 100%;
  border-top: 1px solid #333;
  margin: 2vw 0;
}

#silicone_page .pageContentAll .pageContent .advTextBox .miaoshu {
  font-size: clamp(12px, 1.2vw, 1.2vw);
  color: #698fb5;
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advTextBox .miaoshu {
    font-size: 4.4vw;
  }
}

#silicone_page .pageContentAll .pageContent .advantages1>.thisBox {
  padding-bottom: 5vw;
}

@media (max-width:1600px) {
  #silicone_page .pageContentAll .pageContent .advantages1>.thisBox {
    padding-bottom: 5vw;
  }
}

@media (max-width:1300px) {
  #silicone_page .pageContentAll .pageContent .advantages1>.thisBox {
    padding-bottom: 5vw;
  }
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages1>.thisBox {
    padding-bottom: 12vw;
  }
}

#silicone_page .pageContentAll .pageContent .advantages1>.thisBox>.contentBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 8vw;
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages1>.thisBox>.contentBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
  }
}

#silicone_page .pageContentAll .pageContent .advantages1>.thisBox>.contentBox .pics .imgBox {
  overflow: hidden;
  border-radius: 20px;
}

#silicone_page .pageContentAll .pageContent .advantages1>.thisBox>.contentBox .pics .imgBox:nth-child(1) {
  width: 40vw;
  height: 100%;
  margin-left: 6vw;
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages1>.thisBox>.contentBox .pics .imgBox:nth-child(1) {
    width: 60vw;
    height: 70vw;
  }
}

#silicone_page .pageContentAll .pageContent .advantages1>.thisBox>.contentBox .pics .imgBox:nth-child(2) {
  margin-top: -8vw;
  width: 13vw;
  height: 13vw;
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages1>.thisBox>.contentBox .pics .imgBox:nth-child(2) {
    width: 26vw;
    height: 26vw;
  }
}

#silicone_page .pageContentAll .pageContent .advantages1>.thisBox>.contentBox .advTextBox {
  width: 31vw;
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages1>.thisBox>.contentBox .advTextBox {
    width: 72%;
    margin: 0 auto;
  }
}

@media (max-width:1024px) and (max-width:1600px) {
  #silicone_page .pageContentAll .pageContent .advantages1>.thisBox>.contentBox .advTextBox {
    width: 72%;
  }
}

@media (max-width:1024px) and (max-width:1300px) {
  #silicone_page .pageContentAll .pageContent .advantages1>.thisBox>.contentBox .advTextBox {
    width: 72%;
  }
}

@media (max-width:1024px) and (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages1>.thisBox>.contentBox .advTextBox {
    width: 84%;
  }
}

#silicone_page .pageContentAll .pageContent .advantages2>.thisBox>.contentBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  width: 100%;
  height: calc(100vh - 5vw * 1);
}

@media (max-width:1600px) {
  #silicone_page .pageContentAll .pageContent .advantages2>.thisBox>.contentBox {
    height: calc(100vh - 5vw* 1);
  }
}

@media (max-width:1300px) {
  #silicone_page .pageContentAll .pageContent .advantages2>.thisBox>.contentBox {
    height: calc(100vh - 5vw* 1);
  }
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages2>.thisBox>.contentBox {
    height: unset;
  }
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages2>.thisBox>.contentBox {
    height: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    flex-direction: column-reverse;
  }
}

#silicone_page .pageContentAll .pageContent .advantages2>.thisBox>.contentBox .leftBox {
  background-color: #fff;
  width: 50%;
  height: 100%;
  padding: 6vw 10vw;
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages2>.thisBox>.contentBox .leftBox {
    width: 100%;
  }
}

#silicone_page .pageContentAll .pageContent .advantages2>.thisBox>.contentBox .imgBoxAll {
  width: 50%;
  height: 100%;
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages2>.thisBox>.contentBox .imgBoxAll {
    width: 100%;
  }
}

#silicone_page .pageContentAll .pageContent .advantages2>.thisBox>.contentBox .imgBoxAll .imgBox {
  width: 100%;
  height: 100%;
}

#silicone_page .pageContentAll .pageContent .advantages3>.thisBox {
  padding: 5vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1600px) {
  #silicone_page .pageContentAll .pageContent .advantages3>.thisBox {
    padding: 5vw 0;
  }
}

@media (max-width:1300px) {
  #silicone_page .pageContentAll .pageContent .advantages3>.thisBox {
    padding: 5vw 0;
  }
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages3>.thisBox {
    padding: 12vw 0;
  }
}

#silicone_page .pageContentAll .pageContent .advantages3>.thisBox .advTextBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages3>.thisBox .advTextBox {
    width: 72%;
    margin: 0 auto;
  }
}

@media (max-width:1024px) and (max-width:1600px) {
  #silicone_page .pageContentAll .pageContent .advantages3>.thisBox .advTextBox {
    width: 72%;
  }
}

@media (max-width:1024px) and (max-width:1300px) {
  #silicone_page .pageContentAll .pageContent .advantages3>.thisBox .advTextBox {
    width: 72%;
  }
}

@media (max-width:1024px) and (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages3>.thisBox .advTextBox {
    width: 84%;
  }
}

#silicone_page .pageContentAll .pageContent .advantages3>.thisBox>.contentBox {
  width: 80%;
  margin: 0 auto;
  margin-top: 3vw;
}

#silicone_page .pageContentAll .pageContent .advantages3>.thisBox>.contentBox .ul {
  width: 100%;
  gap: 3vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  flex-wrap: wrap;
}

#silicone_page .pageContentAll .pageContent .advantages3>.thisBox>.contentBox .ul .li {
  width: 10vw;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 2vw;
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages3>.thisBox>.contentBox .ul .li {
    width: 24vw;
  }
}

#silicone_page .pageContentAll .pageContent .advantages3>.thisBox>.contentBox .ul .li .imgBox {
  width: 100%;
  overflow: hidden;
  padding: 0;
}

#silicone_page .pageContentAll .pageContent .advantages3>.thisBox>.contentBox .ul .li .ico {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 3vw;
}

#silicone_page .pageContentAll .pageContent .advantages3>.thisBox>.contentBox .ul .li .ico img {
  width: 100%;
}

#silicone_page .pageContentAll .pageContent .advantages3>.thisBox>.contentBox .ul .li:last-child .ico {
  display: none;
}

#silicone_page .pageContentAll .pageContent .advantages4>.thisBox {
  padding-top: 5vw;
}

@media (max-width:1600px) {
  #silicone_page .pageContentAll .pageContent .advantages4>.thisBox {
    padding-top: 5vw;
  }
}

@media (max-width:1300px) {
  #silicone_page .pageContentAll .pageContent .advantages4>.thisBox {
    padding-top: 5vw;
  }
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages4>.thisBox {
    padding-top: 12vw;
  }
}

#silicone_page .pageContentAll .pageContent .advantages4>.thisBox>.contentBox {
  width: 80%;
  margin: 0 auto;
  height: 42vw;
  position: relative;
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages4>.thisBox>.contentBox {
    position: relative;
    height: unset;
    width: 72%;
    margin: 0 auto;
    padding: 3vw;
  }
}

@media (max-width:1024px) and (max-width:1600px) {
  #silicone_page .pageContentAll .pageContent .advantages4>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) and (max-width:1300px) {
  #silicone_page .pageContentAll .pageContent .advantages4>.thisBox>.contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) and (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages4>.thisBox>.contentBox {
    width: 84%;
  }
}

#silicone_page .pageContentAll .pageContent .advantages4>.thisBox>.contentBox .imgBox {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages4>.thisBox>.contentBox .imgBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

#silicone_page .pageContentAll .pageContent .advantages4>.thisBox>.contentBox .imgBox::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(105, 143, 181, 0.2);
}

#silicone_page .pageContentAll .pageContent .advantages4>.thisBox>.contentBox .textBox {
  position: absolute;
  left: 4vw;
  top: 2vw;
  border-radius: 20px;
  width: 46%;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 4vw;
  height: calc(100% - 4vw);
}

@media (max-width:1024px) {
  #silicone_page .pageContentAll .pageContent .advantages4>.thisBox>.contentBox .textBox {
    position: relative;
    z-index: 1;
    width: 100%;
    left: unset;
    top: unset;
  }
}

#wenzhang_page .pageContentAll .pageContent {
  padding-top: 0;
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox {
  margin-top: -3vw;
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox {
  border-radius: 20px;
  background-color: #fff;
  padding: 4vw;
  width: 72%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1600px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox {
    width: 72%;
  }
}

@media (max-width:1300px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox {
    width: 72%;
  }
}

@media (max-width:1024px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox {
    width: 84%;
  }
}

@media (max-width:1024px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox {
    width: 90%;
  }
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll {
  padding-right: 6vw;
  width: calc(100% - 20vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

@media (max-width:1024px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll {
    padding-right: 0;
    width: 100%;
    gap: 3vw;
  }
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .lujing {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  opacity: 0.5;
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .lujing * {
  font-size: clamp(12px, 0.7vw, 0.7vw);
  margin: 0 0.4vw;
}

@media (max-width:1024px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .lujing * {
    font-size: 3.4vw;
  }
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .wenzhangName {
  font-size: clamp(12px, 2.1vw, 2.1vw);
  font-family: 'cn1';
}

@media (max-width:1024px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .wenzhangName {
    font-size: 6.2vw;
  }
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .date {
  font-size: clamp(12px, 1vw, 1vw);
}

@media (max-width:1024px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .date {
    font-size: 4vw;
  }
}

@media (max-width:1024px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .date {
    font-size: 5vw;
  }
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .xian {
  width: 100%;
  height: 1px;
  background-color: #ccc;
  margin: 1vw 0;
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .detailContentBox .wenzhang {
  width: 100%;
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .detailContentBox .wenzhang p {
  font-size: clamp(12px, 0.9vw, 0.9vw);
}

@media (max-width:1024px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .detailContentBox .wenzhang p {
    font-size: 3.8vw;
  }
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .moreLink {
  border-top: 1px dashed #999;
  padding-top: 1vw;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

@media (max-width:1024px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .moreLink {
    padding-top: 4vw;
    gap: 6vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
  }
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .moreLink .moreBox {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  gap: 0.5vw;
}

@media (max-width:1024px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .moreLink .moreBox {
    gap: 3vw;
  }
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .moreLink .moreBox .link {
  font-size: clamp(12px, 1vw, 1vw);
}

@media (max-width:1024px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .moreLink .moreBox .link {
    font-size: 4vw;
  }
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .newsCoutAll .moreLink .moreBox .link:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  gap: 4vw;
}

@media (max-width:1024px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout {
    display: none;
  }
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout .titleBiaoti {
  width: 100%;
  font-size: clamp(12px, 1.3vw, 1.3vw);
}

@media (max-width:1024px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout .titleBiaoti {
    font-size: 4.6vw;
  }
}

/* ============================================================
 * tedian2.html — 足弓承托三板块
 * 板块1：产品介绍 + 4款鞋垫
 * 板块2：2×2 技术特性
 * 板块3：底部圆弧 6 项利益点
 * ============================================================ */

/* ---------- 板块1：产品介绍 ---------- */
.tedian1{
  width:100%;
  background:#fff;
  padding:clamp(40px,6vw,90px) 20px clamp(30px,4vw,60px);
}
.tedian1 .td1Inner{
  width:min(80%,100%);
  margin:0 auto;
}
.tedian1 .td1Head{
  text-align:center;
  margin-bottom:clamp(28px,4vw,56px);
}
.tedian1 .td1Title{
  margin:0;
  font-size:clamp(24px,3.2vw,44px);
  font-weight:700;
  color:#0b1220;
  letter-spacing:.02em;
}
.tedian1 .td1Sub{
  margin:clamp(6px,.8vw,14px) 0 0;
  font-size:clamp(14px,1.4vw,20px);
  color:#1cafe9;
  letter-spacing:.06em;
  font-family:'en9',sans-serif;
}
.tedian1 .td1Desc{
  margin:clamp(14px,2vw,24px) auto 0;
  max-width:880px;
  font-size:clamp(13px,1vw,16px);
  line-height:1.9;
  color:#5a6473;
}

.tedian1 .td1Products{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:clamp(12px,2vw,28px);
}
.tedian1 .td1Prod{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:clamp(16px,1.8vw,28px) clamp(10px,1vw,18px);
  border-radius:14px;
  background:#f7f9fc;
  text-align:center;
  transition:transform .3s ease, box-shadow .3s ease;
}
.tedian1 .td1Prod:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 30px rgba(20,35,60,.08);
}
.tedian1 .td1ProdPic{
  width:100%;
  aspect-ratio:5/3;
  display:flex;
  align-items:center;
  justify-content:center;
}
.tedian1 .td1ProdPic img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.tedian1 .td1ProdName{
  margin-top:clamp(8px,1vw,14px);
  font-size:clamp(16px,1.6vw,22px);
  font-weight:700;
  color:#111923;
}
.tedian1 .td1ProdTag{
  margin-top:6px;
  font-size:clamp(12px,.9vw,16px);
  color:#6b7280;
}
.tedian1 .td1ProdCode{
  margin-top:clamp(8px,1vw,14px);
  padding:4px 12px;
  border-radius:999px;
  font-size:clamp(14px,.95vw,16px);
  font-family:'en9',sans-serif;
  letter-spacing:.08em;
  color:#fff;
}
.tedian1 .td1ProdM   .td1ProdCode{background:#3b82f6}
.tedian1 .td1ProdL   .td1ProdCode{background:#8b5cf6}
.tedian1 .td1ProdLp  .td1ProdCode{background:#e83f34}
.tedian1 .td1ProdH   .td1ProdCode{background:#f59e0b}

/* ---------- 板块2：2×2 技术特性 ---------- */
.tedian2{
  width:100%;
background: #f3fbff;
  padding:clamp(40px,5vw,80px) 20px;
}
.tedian2 .td2Grid{
  width:min(80%,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:clamp(16px,2vw,28px);
}
.tedian2 .td2Card{
  display:flex;
  align-items:center;
  gap:clamp(16px,2vw,28px);

  background:#ddf1fb;
  border-radius:14px;
  box-shadow:0 8px 24px rgba(20,35,60,.05);
}
.tedian2 .td2Pic{
  flex:0 0 clamp(110px,16vw,200px);
  aspect-ratio:1;
  display:flex;
  align-items:center;
  justify-content:center;
}
.tedian2 .td2Pic img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.tedian2 .td2Copy h3{
  margin:0 0 clamp(6px,.8vw,12px);
  font-size:clamp(16px,1.5vw,22px);
  font-weight:700;
  color:#111923;
}
.tedian2 .td2Copy p{
  margin:0;
  font-size:clamp(13px,1vw,15px);
  line-height:1.8;
  color:#5a6473;
}

/* ---------- 板块3：底部渐变半圆弧 + 6 项利益点 ---------- */
.tedian3{
  width:100%;
background: #f3fbff;

  overflow:hidden;
}
.tedian3 .td3Arc{
  --td3Icon:clamp(44px,5vw,52px);
  --td3Gap:12px;
  position:relative;
  width:min(90%,100%);
  margin:0 auto;
  aspect-ratio:4/1;
}
/* 渐变半圆弧：四层同心圆，圆心沉出画面底部，仅露出上半弧 */
.tedian3 .td3Ring,
.tedian3 .td3Arc::after{
  position:absolute;
  left:50%;
  top:121.5%;
  transform:translate(-50%,-50%);
  aspect-ratio:1;
  border-radius:50%;
}
.tedian3 .td3Ring1{width:43%;background:#d8f1fb}
.tedian3 .td3Ring2{width:34.9%;background:#b0e5f9}
.tedian3 .td3Ring3{width:27.4%;background:#7ed3f3}
.tedian3 .td3Arc::after{
  content:'';
  width:19.8%;
  background:linear-gradient(180deg,#4fc0ed,#179ade);
}

.tedian3 .td3Items{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
}
/* 每项以图标圆心为锚点：左三项文字向左展开，右三项文字向右展开 */
.tedian3 .td3Item{
  position:absolute;
  width:0;
  height:0;
}
.tedian3 .td3Icon{
  position:absolute;
  left:0;
  top:0;
  width:var(--td3Icon);
  height:var(--td3Icon);
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  justify-content:center;
}
.tedian3 .td3Icon img{
  width:170%;
  height:170%;
  object-fit:contain;
}
.tedian3 .td3Text{
  position:absolute;
  top:0;
  transform:translateY(-50%);
  font-size:clamp(13px,1.2vw,16px);
  font-weight:500;
  color:#222;
  white-space:nowrap;
}
.tedian3 .td3LeftTop .td3Text,
.tedian3 .td3LeftMid .td3Text,
.tedian3 .td3LeftBot .td3Text{right:calc(var(--td3Icon)/2 + var(--td3Gap))}
.tedian3 .td3RightTop .td3Text,
.tedian3 .td3RightMid .td3Text,
.tedian3 .td3RightBot .td3Text{left:calc(var(--td3Icon)/2 + var(--td3Gap))}

/* 六项沿弧线两侧对称排布：顶→中→底逐级外扩下沉 */
.tedian3 .td3LeftTop{left:44.8%;top:22%}
.tedian3 .td3LeftMid{left:34.5%;top:47%}
.tedian3 .td3LeftBot{left:28.5%;top:75%}
.tedian3 .td3RightTop{left:55.2%;top:22%}
.tedian3 .td3RightMid{left:65.5%;top:47%}
.tedian3 .td3RightBot{left:71.5%;top:75%}

/* ---------- 板块4：轻定制服务 4 步流程 ---------- */
.tedian4{
  width:100%;
  background:#fff;
  padding:clamp(40px,5vw,80px) 20px;
  background-image:radial-gradient(circle, #e8f4fb 1px, transparent 1px);
  background-size:18px 18px;
}
.tedian4 .td4Inner{
  width:min(80%,100%);
  margin:0 auto;
}
.tedian4 .td4Head{
  text-align:center;
  margin-bottom:clamp(32px,4vw,56px);
}
.tedian4 .td4Title{
  margin:0;
  font-size:clamp(24px,3.2vw,44px);
  font-weight:700;
  color:#0b1220;
  letter-spacing:.02em;
}
.tedian4 .td4Desc{
  margin:clamp(14px,2vw,24px) auto 0;
  max-width:860px;
  font-size:clamp(13px,1vw,16px);
  line-height:1.9;
  color:#5a6473;
}
.tedian4 .td4Flow{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:0;
}
.tedian4 .td4Step{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.tedian4 .td4Card{
  position:relative;
  width:100%;
  max-width:min(240px,calc(100% - 50px));
  aspect-ratio:1;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:linear-gradient(180deg, #f0f9ff 0%, #e2f3fd 100%);
  border:1px solid #d4ecfa;
}
.tedian4 .td4Num{
  position:absolute;
  top:10px;
  left:14px;
  font-size:clamp(13px,1vw,16px);
  font-weight:700;
  color:#1cafe9;
  font-family:'en9',sans-serif;
  letter-spacing:.05em;
}
/* 列表循环自动编号 01-04 */
.tedian4 .td4Flow{counter-reset:td4step}
.tedian4 .td4Step{counter-increment:td4step}
.tedian4 .td4Num::before{content:"0" counter(td4step)}
.tedian4 .td4Pic{
  width:90%;
  height:90%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.tedian4 .td4Pic img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.tedian4 .td4Label{
  margin-top:clamp(12px,1.4vw,18px);
  font-size:clamp(14px,1.2vw,17px);
  font-weight:600;
  color:#0b1220;
}
/* 步骤之间向右箭头：列表循环输出，用伪元素补在每步（除最后一个）右侧 */
.tedian4 .td4Step:not(:last-child) .td4Card::after{
  content:'';
  position:absolute;
  right:-45px;
  top:50%;
  transform:translateY(-50%);
  width:clamp(24px,3vw,40px);
  height:clamp(8px,1vw,12px);
  background:#1cafe9;
  clip-path:polygon(0 25%, 70% 25%, 70% 0, 100% 50%, 70% 100%, 70% 75%, 0 75%);
  -webkit-clip-path:polygon(0 25%, 70% 25%, 70% 0, 100% 50%, 70% 100%, 70% 75%, 0 75%);
}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .tedian1 .td1Products{grid-template-columns:repeat(2,1fr)}
  .tedian2 .td2Grid{grid-template-columns:1fr}
  .tedian2 .td2Card{flex-direction:column;text-align:center}
  .tedian2 .td2Pic{flex:0 0 140px;width:140px}
  .tedian4 .td4Card{max-width:min(180px,calc(100% - 44px))}
  .tedian4 .td4Step:not(:last-child) .td4Card::after{right:-39px}
}
@media (max-width:600px){
  .tedian1 .td1Products{grid-template-columns:1fr 1fr;gap:14px}
  .tedian1 .td1Prod{padding:14px 8px}
  .tedian2 .td2Card{padding:18px}
  .tedian2 .td2Copy p{font-size:13px}
  .tedian3{padding:36px 10px 0}
  .tedian3 .td3Arc{--td3Icon:40px;--td3Gap:8px;aspect-ratio:4/3}
  .tedian3 .td3Ring,
  .tedian3 .td3Arc::after{top:80%}
  .tedian3 .td3Ring1{width:54%}
  .tedian3 .td3Ring2{width:43.8%}
  .tedian3 .td3Ring3{width:34.5%}
  .tedian3 .td3Arc::after{width:24.8%}
  .tedian3 .td3Text{font-size:12px}
  .tedian3 .td3LeftTop{left:37%;top:15%}
  .tedian3 .td3LeftMid{left:27%;top:37%}
  .tedian3 .td3LeftBot{left:25%;top:59%}
  .tedian3 .td3RightTop{left:63%;top:15%}
  .tedian3 .td3RightMid{left:73%;top:37%}
  .tedian3 .td3RightBot{left:75%;top:59%}
  .tedian4{padding:32px 12px}
  .tedian4 .td4Flow{flex-direction:column;gap:34px}
  .tedian4 .td4Step{flex:0 0 auto;width:100%;flex-direction:row;align-items:center;gap:16px}
  .tedian4 .td4Card{max-width:120px;flex:0 0 120px}
  .tedian4 .td4Label{margin-top:0;text-align:left;flex:1}
  .tedian4 .td4Step:not(:last-child) .td4Card::after{
    width:12px;height:12px;
    right:auto;left:50%;top:auto;bottom:-23px;
    transform:translate(-50%,50%) rotate(90deg);
  }
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout .hotNews {
  width: 20vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout .hotNews .ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout .hotNews .ul .li {
  padding: 1.4vw 0;
  border-bottom: 1px solid #ddd;
  width: 100%;
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout .hotNews .ul .li .aBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  height: 6vw;
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout .hotNews .ul .li .aBox .imgBox {
  width: 40%;
  height: 100%;
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout .hotNews .ul .li .aBox .textBox {
  padding-left: 1vw;
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout .hotNews .ul .li .aBox .textBox .title {
  font-size: clamp(12px, 0.9vw, 0.9vw);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@media (max-width:1024px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout .hotNews .ul .li .aBox .textBox .title {
    font-size: 3.8vw;
  }
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout .hotNews .ul .li .aBox .textBox .date {
  font-size: clamp(12px, 0.7vw, 0.7vw);
}

@media (max-width:1024px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout .hotNews .ul .li .aBox .textBox .date {
    font-size: 3.4vw;
  }
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout .hotNews .ul .li .aBox:hover .textBox .title {
  color: #1a1a1a;
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout .contact {
  width: 100%;
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout .contact .cout {
  margin-top: 1vw;
  background-color: rgba(171, 189, 214, 0.05);
  padding: 2vw;
  border-radius: 1vw;
}

#wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout .contact .cout .txt {
  font-size: clamp(12px, 1.1vw, 1.1vw);
}

@media (max-width:1024px) {
  #wenzhang_page .pageContentAll .pageContent .wenzhangBox>.thisBox .contentBox .rightCout .contact .cout .txt {
    font-size: 4.2vw;
  }
}


#product_detail_page .pageContentAll .pageContent {
  padding-top: 0;
}

#product_detail_page .pageContentAll .pageContent .productDteail {
  margin-top: 2vw;
}


#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox {
  position: relative;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20vw;
  height: 100%;
  background-image: url(../img/bowen.png);
  background-size: cover;
  background-repeat: no-repeat;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 20vw;
  height: 100%;
  background-image: url(../img/bowen2.png);
  background-size: cover;
  background-repeat: no-repeat;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  border-radius: 20px;

  padding: 4vw;
  width: 70%;
  margin: 0 auto;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .wenzhang {
  height: 100%;
  text-align: center;
  margin: auto;
}

@media (max-width:1600px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox {
    width: 70%;
  }
}

@media (max-width:1300px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox {
    width: 70%;
  }
}

@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox {
    width: 90%;
    flex-direction: column;
  }
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .title {
  font-size: clamp(12px, 2.5vw, 2.5vw);
}

@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .title {
    font-size: 7vw;
  }
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .subtitle {
  position: relative;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .subtitle .txt {
  font-size: clamp(12px, 1.1vw, 1.1vw);
  font-family: 'en10';
  text-transform: uppercase;
}

@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .subtitle .txt {
    font-size: 4.2vw;
  }
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox {
  width: 80%;
  will-change: transform;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox {
    width: 100%;
    gap: 4vw;
  }
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top {
    height: unset;
  }
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll {
  height: 100%;
  width: 100%;

  border-radius: 20px;
  overflow: hidden;
  margin: 0;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .oneImg {
  padding: 2vw;
  width: 100%;
  height: 100%;
}

@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .oneImg {
    padding: 6vw;
  }

  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll {
    height: 100%;
    margin-top: 12vw;

  }
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .oneImg .imgBox {
  width: 100%;
  height: 100%;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .oneImg .imgBox img {
  object-fit: contain;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg {
  position: relative;
  width: 100%;
  height: 100%;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics {
  width: 100%;
  height: 100%;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .imgBox {
  width: 100%;
  height: 100%;
}

/* ===========================================================
 * 轮播点（proPagination）：非 loop 模式的位置指示器
 * JS 由 Swiper 8 pagination 模块填充 .pagiDot，active 加 .on
 * 定位：picsImg（relative）底部居中，浮在产品图上方
 * =========================================================== */
#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .proPagination {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 20;
  display: flex;
  width: auto;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  pointer-events: auto;
}

/* 单个轮播点：默认白色半透明圆点 */
#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .proPagination .pagiDot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.45);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transition: width .35s ease, background .35s ease, transform .25s ease;
}

/* hover：未激活点放大提亮 */
#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .proPagination .pagiDot:hover {
  background: rgba(255, 255, 255, 0.75);
  transform: scale(1.2);
}

/* 当前页：白色拉长胶囊（与首页 inxBanner 轮播点视觉一致） */
#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .proPagination .pagiDot.on {
  width: 26px;
  background: #ffffff;
  transform: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* 单张图（JS hide）兜底：容器为空也隐藏 */
#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .proPagination:empty {
  display: none;
}

@media (max-width: 480px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .proPagination {
    gap: 8px;
    padding: 6px 10px;
    bottom: 12px;
  }

  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .proPagination .pagiDot {
    width: 8px;
    height: 8px;
  }

  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .proPagination .pagiDot.on {
    width: 20px;
  }
}

/* ===========================================================
 * 栏目标题区（crowd：位于每张产品图 swiper-slide 内，图片上方）
 * 作用域仅 #proDetailPics .swiper-slide 内，不影响下方 proInfo.crowd
 * 需求：.bdTitle 栏目名 / .bdTmiaos 栏目描述，全部文字水平居中
 * 额外：.crowd-hidden 折叠隐藏类（JS 控制——只有第 1 张 slide 显示，其余隐藏）
 * =========================================================== */
#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .crowd {
  transition: height .35s ease, padding .35s ease, opacity .3s ease, border-color .3s ease;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .crowd {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* 水平居中（flex col 下控制 cross-axis = 水平）*/
  justify-content: center;
  text-align: center;
  /* 文字自身水平居中（双保险）*/
  padding: clamp(16px, 2.5vw, 40px) clamp(24px, 6vw, 80px);

  position: relative;
}



/* 标题：{sort:name} 栏目名 */
#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .crowd .bdTitle {
  font-size: clamp(18px, 2.6vw, 40px);
  font-weight: 700;
  color: #000;
  /* 深蓝（整站主题色）*/
  line-height: 1.35;
  margin: 8px 0 12px;
  letter-spacing: .04em;
  text-align: center;
  display: block;
  width: 100%;
  word-break: break-word;
}

/* 描述：{sort:def2} 栏目简介/描述 */
#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .crowd .bdTmiaos {
  font-size: clamp(13px, 1.3vw, 20px);
  color: #374151;
  /* 深灰（非纯黑，层次更清晰）*/
  line-height: 1.7;
  opacity: 0.9;
  text-align: center;
  display: block;
  width: 100%;
  /* 长描述最多 3 行省略（避免占太大画面）*/
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-word;
}

/* ================================================================
 * crowd-hidden：JS 控制的"折叠隐藏"状态
 *   只有真实第 0 张（第 1 屏）不打这个类，其余 slide 的 crowd 全部加上 →
 *   height:0 + overflow:hidden + padding:0 + border:none → 不占任何高度，
 *   避免"只隐藏内容但 crowd 容器本身还留高空白"。
 * ================================================================ */
#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .crowd.crowd-hidden {
  height: 0 !important;
  overflow: hidden !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-bottom: none !important;
  border-top: none !important;
  opacity: 0 !important;
  margin: 0 !important;
}

/* 顶部装饰色条也要同步隐藏（避免留下 3px 空细线）*/
#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .crowd.crowd-hidden::before {
  opacity: 0;
  height: 0;
}

/* 折叠态内部文字也隐藏（无障碍） */
#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .crowd.crowd-hidden .bdTitle,
#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .crowd.crowd-hidden .bdTmiaos {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0;
  line-height: 0;
}

/* ====== 响应式：≤1024 平板/手机 ====== */
@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .crowd {
    padding: 5vw 6vw;
  }

  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .crowd .bdTitle {
    font-size: 5.6vw;
    margin: 1.5vw 0 2vw;
  }

  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .crowd .bdTmiaos {
    font-size: 3.6vw;
    line-height: 1.75;
    -webkit-line-clamp: 4;
    /* 手机屏幕窄，多行省略放宽到 4 行 */
  }
}

/* ====== 响应式：≤480 小屏手机 ====== */
@media (max-width:480px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .crowd {
    padding: 6vw 5vw;
  }

  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .crowd .bdTitle {
    font-size: 6.4vw;
    letter-spacing: .02em;
  }

  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .crowd .bdTmiaos {
    font-size: 4.2vw;
    -webkit-line-clamp: 5;
    /* 小屏：最多 5 行 */
  }
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .imgBox.isPng {
  padding: 0 6vw;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .imgBox.isPng img {
  object-fit: contain;
}

/* 产品详情页 swiper 左右按钮：固定定位 → 贴屏幕（视口）两侧边缘，垂直居中 */
#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .swiperControl .navigation .navigationThis>div {
  position: fixed;
  /* 固定定位 → 不跟随父级 picsImg，直接贴视口左右边 */
  top: 50%;
  transform: translateY(-50%);
  width: clamp(44px, 4vw, 60px);
  height: clamp(44px, 4vw, 60px);
  border-radius: 50%;
  background: rgba(30, 30, 30, 0.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.18);

  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  /* 置顶，高于侧边栏/页脚等 */
  user-select: none;
  transition: all 0.3s cubic-bezier(.2, .7, .2, 1);
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .swiperControl .navigation .navigationThis>div i {
  color: #fff;
  font-size: clamp(16px, 1.6vw, 22px);
  line-height: 1;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .swiperControl .navigation .navigationThis>div:hover {
  background: rgba(15, 15, 15, 0.85);
  border-color: rgba(255, 255, 255, 0.35);

  transform: translateY(-50%) scale(1.08);
}

/* 按下的微反馈 */
#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .swiperControl .navigation .navigationThis>div:active {
  transform: translateY(-50%) scale(0.95);
}

/* 左按钮：贴屏幕左边缘 */
#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .swiperControl .navigation .navigationThis .leftBtn {
  left: clamp(10px, 1.5vw, 28px);
}

/* 右按钮：贴屏幕右边缘 */
#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .swiperControl .navigation .navigationThis .rightBtn {
  right: clamp(10px, 1.5vw, 28px);
}

/* 非 loop 模式：到首/末张时 Swiper 自动加 .btn-disabled → 按钮变暗 + 不可点 */
#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .swiperControl .navigation .navigationThis>div.btn-disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

/* 响应式：≤1024 按钮缩小，往边缘再靠；≤480 按钮改成贴图片下方浮动圆形（可选，此处保持视口贴边但缩小） */
@media (max-width: 1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg #proDetailPics .swiper-slide .imgBox.isPng {
    padding: 6vw;
  }

  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .swiperControl .navigation .navigationThis>div {
    width: 40px;
    height: 40px;
  }

  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .swiperControl .navigation .navigationThis>div i {
    font-size: 15px;
  }

  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .swiperControl .navigation .navigationThis .leftBtn {
    left: 8px;
  }

  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .swiperControl .navigation .navigationThis .rightBtn {
    right: 8px;
  }
}

@media (max-width: 480px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .swiperControl .navigation .navigationThis>div {
    width: 34px;
    height: 34px;
    background: rgba(30, 30, 30, 0.45);
  }

  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .swiperControl .navigation .navigationThis>div i {
    font-size: 13px;
  }

  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .swiperControl .navigation .navigationThis .leftBtn {
    left: 6px;
    /* 移动端把按钮下移一点，避开iOS手势返回区域 */
    top: 44%;
  }

  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .top .imgBoxAll .picsImg .swiperControl .navigation .navigationThis .rightBtn {
    right: 6px;
    top: 44%;
  }
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .bottom {
  width: 100%;
  height: 100%;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .bottom .swiperBox {
  height: 100%;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .bottom .swiperBox #tabsImgSwiper {
  height: 100%;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .bottom .swiperBox #tabsImgSwiper .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .bottom .swiperBox #tabsImgSwiper .swiper-slide .imgBox {
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .bottom .swiperBox #tabsImgSwiper .swiper-slide .imgBox img {
  object-fit: cover;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .bottom .swiperBox #tabsImgSwiper .swiper-slide.on .imgBox {
  border-color: #000;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo {
  padding-left: 4vw;
  margin-top: 8vw;
  width: 100%;
}

@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .zhutuBox .bottom {
    width: 100%;
    height: 24vw;
  }

  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo {
    width: 80%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
  }
}

@media (max-width:1024px) and (max-width:1600px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo {
    width: 100%;
  }
}

@media (max-width:1024px) and (max-width:1300px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo {
    width: 100%;
  }
}

@media (max-width:1024px) and (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo {
    width: 100%;
  }
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
}

@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top {
    gap: 6vw;
    align-items: center;
  }
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .miaoshu {
  line-height: 2.5em;
  font-size: clamp(12px, 0.7vw, 0.7vw);
  opacity: 0.8;
}

@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .miaoshu {
    font-size: 3.4vw;
  }
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .crowd {
  margin-top: 2vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  width: 100%;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .crowd .bdTitle {
  margin-bottom: 1vw;
  font-size: 3vw;
  font-weight: bold;
  color: #000;
  border: 1px solid var(--fontCor20);
  padding: 0.2vw 1vw;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .crowd .bdTmiaos {
  font-size: 2vw;
  opacity: 0.8;
}

@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .crowd .bdTitle {
    padding: 2vw 8vw;
    font-size: 6vw;
  }

  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .crowd .bdTmiaos {
    font-size: 4.5vw;
    opacity: 0.8;
  }
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .crowd .tedian {
  border: 1px solid #ccc;
  font-size: clamp(12px, 0.9vw, 0.9vw);
  padding: 10px;
  margin: 1vw 0;
  padding-left: 2vw;
  width: 100%;
}


#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .crowd .bdCout {
  display: flex;
  flex-wrap: wrap;
  gap: 2vw;
  row-gap: 1vw;
  width: 100%;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .crowd .bdCout>li {
  width: 100%;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .crowd .bdCout li {
  position: relative;
  border: 1px solid #ccc;
  font-size: clamp(12px, 0.9vw, 0.9vw);
  padding: 10px;
  padding-left: 2vw;
}

@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .crowd .bdCout li {
    font-size: 3.8vw;
  }
}

@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .crowd .bdCout li {
    padding: 4vw 0;
    padding-left: 4vw;
  }
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .crowd .bdCout li::after {
  content: '';
  position: absolute;
  display: block;
  left: 1vw;
  top: 50%;
  transform: translate(0, -50%);
  width: 0.3vw;
  height: 0.3vw;
  border-radius: 50%;
  background-color: #000;
}

@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .crowd .bdCout li::after {
    width: 2vw;
    height: 2vw;
  }
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .moreA {
  height: 3vw;
  padding: 0 2vw;
  background-color: #000;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  gap: 1vw;
  margin-top: 2vw;
}

@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .moreA {
    height: 12vw;
    padding: 0 10vw;
  }
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .moreA .txt {
  color: #fff;
  font-family: 'cn1';
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .moreA i {
  color: #fff;
  font-size: clamp(12px, 0.9vw, 0.9vw);
}

@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .top .moreA i {
    font-size: 3.8vw;
  }
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .xian {
  width: 100%;
  border-top: 1px dashed #ccc;
  margin: 1vw 0;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .wenzhang {
  padding: 2vw 0;
  border-left: none;
  border-right: none;
  will-change: transform;
}

@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .wenzhang {
    padding: 6vw 0;
    margin-top: 6vw;
  }
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .wenzhang p {
  padding: 0;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .wenzhang p img {
  margin: 0 auto;
}

#product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .hint {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  margin-top: 2vw;
}

@media (max-width:1024px) {
  #product_detail_page .pageContentAll .pageContent .productDteail>.thisBox .contentBox .proInfo .hint {
    margin-top: 4vw;
  }
}


.twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox {
  width: 85%;
  padding: 20px;
  margin: 0 auto;
}

.twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl {
  background-color: #1a1a1a;
  box-shadow: 1vw 1vw 2vw rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-radius: 4vw;
  padding: 1vw;
  gap: 0.8vw;
}

.twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li {
  flex: 0 0 calc((100% - 5 * 0.8vw) / 6);
  max-width: calc((100% - 5 * 0.8vw) / 6);
}

@media (max-width:1024px) {
  .twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl {
    flex-wrap: wrap;
    padding: 2vw;
    gap: 2vw;
    border-radius: 4vw;
  }

  .twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li {
    flex: 0 0 calc((100% - 2 * 2vw) / 3);
    max-width: calc((100% - 2 * 2vw) / 3);
  }
}

.twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox {
  height: 2.6vw;
  width: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  border-radius: 3vw;
}

@media (max-width:1024px) {
  .twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox {
    width: 100%;
    padding: 0 2vw;
    height: 10vw;
    border-radius: 10vw;
  }
}

.twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox .txt,
.twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox .txt div {
  font-size: clamp(12px, 1.1vw, 1.1vw);
  color: #fff;
  text-wrap: nowrap;
}

@media (max-width:1024px) {

  .twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox .txt,
  .twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox .txt div {
    font-size: 4.2vw;
  }
}

.twoPageBox .pageContentAll .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li.on .aBox {
  background-color: #9b9b9b;
}

#product_page .pageContentAll .pageContent {
  display: grid;
  grid-template-columns: 2fr 8fr;
  width: 85%;
  margin: auto;
  gap: 2vw;
  padding: 2vw 0;
  align-items: start;
}

#product_page .pageContentAll .pageContent .sortNav {
  position: sticky;

  align-self: start;
}

#product_page .pageContentAll .pageContent .sortNav .sortNavThis>.thisBox {
  width: 100%;
}

#product_page .pageContentAll .pageContent .sortNav .sortNavThis>.thisBox .contentBox {
  padding: 0;
}

#product_page .pageContentAll .pageContent .sortNav .sortNavThis>.thisBox .contentBox .navBox {
  width: 100%;
  margin: 0;
  padding: 0;
}

#product_page .pageContentAll .pageContent .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl {
  background-color: #1a1a1a;
  box-shadow: 1vw 1vw 2vw rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: nowrap;
  border-radius: 0;
  padding: 0.8vw;
  gap: 0.6vw;
}

#product_page .pageContentAll .pageContent .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li {
  flex: 0 0 auto;
  max-width: 100%;
  width: 100%;
}

#product_page .pageContentAll .pageContent .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox {
  height: auto;
  width: 100%;
  padding: 0.9vw 1.2vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  border-radius: 0.4vw;
  transition: all 0.3s ease;
}

#product_page .pageContentAll .pageContent .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox .txt,
#product_page .pageContentAll .pageContent .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox .txt div {
  font-size: clamp(12px, 0.95vw, 0.95vw);
  color: #fff;
  text-wrap: nowrap;
}

#product_page .pageContentAll .pageContent .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li.on .aBox {
  background-color: #9b9b9b;
}

#product_page .pageContentAll .pageContent .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox:hover {
  background-color: rgba(155, 155, 155, 0.5);
}

#product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox {
  width: 100%;
  margin: 0;
}

@media (max-width: 1600px) {
  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox {
    width: 100%;
  }
}

@media (max-width: 1300px) {
  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  #product_page .pageContentAll .pageContent {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 32px 0;
  }

  #product_page .pageContentAll .pageContent .sortNav {
    position: static;
    top: auto;
  }

  #product_page .pageContentAll .pageContent .sortNav .sortNavThis>.thisBox .contentBox .navBox {
    width: 85%;
    padding: 20px;
    margin: 0 auto;
  }

  #product_page .pageContentAll .pageContent .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl {
    background-color: #1a1a1a;
    box-shadow: 1vw 1vw 2vw rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-radius: 4vw;
    padding: 2vw;
    gap: 2vw;
  }

  #product_page .pageContentAll .pageContent .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li {
    flex: 0 0 calc((100% - 2 * 2vw) / 3);
    max-width: calc((100% - 2 * 2vw) / 3);
    width: auto;
  }

  #product_page .pageContentAll .pageContent .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox {
    width: 100%;
    padding: 0 2vw;
    height: 10vw;
    justify-content: center;
    border-radius: 10vw;
  }

  #product_page .pageContentAll .pageContent .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox .txt,
  #product_page .pageContentAll .pageContent .sortNav .sortNavThis>.thisBox .contentBox .navBox .navUl .li .aBox .txt div {
    font-size: 4.2vw;
  }

  #product_page .pageContentAll .pageContent .productList>.thisBox>.contentBox {
    width: 90%;
    margin: 0 auto;
  }
}

/* =========================================================
 * 荣誉证书/资质认证板块 honorary
 * 布局：浅灰背景 + 标题/副标题 + 5个圆形认证徽标 + 5张木相框证书排白色层板
 * =======================================================*/
#about_company_page .pageContentAll .honorary {
  width: 100%;
  background: linear-gradient(180deg, #f5f7fa 0%, #eef2f7 100%);
  /* 与参考图同款浅灰渐变墙面 */
  padding: clamp(60px, 8vw, 120px) 0;
  position: relative;
  overflow: hidden;
}

/* 墙面投射的柔和阴影渐变（顶部+底部） */
#about_company_page .pageContentAll .honorary::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(1200px 300px at 20% 10%, rgba(255, 255, 255, .85), transparent 60%),
    radial-gradient(900px 240px at 85% 25%, rgba(255, 255, 255, .7), transparent 60%);
  pointer-events: none;
}

#about_company_page .pageContentAll .honorary>.thisBox {
  position: relative;
  z-index: 2;
  width: min(1200px, 92vw);
  margin: 0 auto;
}

/* ---------- 标题区 ---------- */
#about_company_page .pageContentAll .honorary .honHeader {
  margin: auto;
  text-align: center;
  margin-bottom: clamp(40px, 6vw, 80px);
  width: 52%;
}

#about_company_page .pageContentAll .honorary .honTitle {
  font-size: clamp(26px, 3vw, 40px);
  font-weight: 700;
  color: #222;
  letter-spacing: 2px;
  margin: 0 0 14px 0;
}

#about_company_page .pageContentAll .honorary .honSubtitle {
  font-size: clamp(14px, 1.3vw, 18px);
  color: #6b7280;
  letter-spacing: 1px;
  margin: 0;
}

/* ---------- 5个圆形认证徽标 ---------- */
#about_company_page .pageContentAll .honorary .honBadges {
  margin-top: clamp(30px, 4vw, 50px);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: clamp(20px, 3vw, 48px);
}

#about_company_page .pageContentAll .honorary .honBad {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: clamp(80px, 10vw, 120px);
  cursor: default;
}

/* 圆形Logo */
#about_company_page .pageContentAll .honorary .badLogo {
  width: clamp(48px, 5.5vw, 72px);
  height: clamp(48px, 5.5vw, 72px);
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(11px, 1.1vw, 16px);
  color: #111;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#about_company_page .pageContentAll .honorary .honBad:hover .badLogo {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

#about_company_page .pageContentAll .honorary .badCn {
  font-size: clamp(12px, 1vw, 14px);
  color: #333;
  font-weight: 600;
  margin-bottom: 2px;
}

#about_company_page .pageContentAll .honorary .badEn {
  font-size: clamp(11px, 0.95vw, 13px);
  color: #6b7280;
}

/* ---------- 层板 & 证书相框 ---------- */
#about_company_page .pageContentAll .honorary .honShelf {
  position: relative;
  width: 100%;
  /* 为底部层板留空间 */
  padding-bottom: clamp(40px, 5vw, 70px);
}

/* 证书一行排列 */
#about_company_page .pageContentAll .honorary .honCertList {
  display: flex;
  align-items: flex-end;
  /* 所有相框底部对齐层板 */
  justify-content: space-between;
  gap: clamp(12px, 1.8vw, 28px);
  width: 100%;
  padding: 0 clamp(4px, 0.8vw, 16px);
  position: relative;
  z-index: 2;
}

#about_company_page .pageContentAll .honorary .honCert {
  flex: 1 1 0;
  max-width: calc((100% - 4 * clamp(12px, 1.8vw, 28px)) / 5);
  min-width: 0;
  transition: transform 0.5s cubic-bezier(.2, .7, .2, 1);
}

#about_company_page .pageContentAll .honorary .honCert:hover {
  transform: translateY(-10px);
  /* 悬停上浮离开层板 */
}

/* 木相框（三层结构：外层木色边 + 内阴影高光） */
#about_company_page .pageContentAll .honorary .honFrame {
  width: 100%;
  aspect-ratio: 3 / 4;
  box-sizing: border-box;
  padding: clamp(8px, 1vw, 14px);
  border-radius: 3px;
  background:
    /* 内部浅木纹理（重复线性渐变模拟木材纹路） */
    repeating-linear-gradient(90deg,
      #d9b384 0px,
      #e6c49a 1px,
      #d0a878 3px,
      #c89d6a 4px,
      #d9b384 6px),
    #d5ae81;
  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.4),
    inset 0 -1px 2px rgba(0, 0, 0, 0.25),
    0 12px 28px rgba(0, 0, 0, 0.18);
  position: relative;
}

/* 相框顶部高光条 */
#about_company_page .pageContentAll .honorary .honFrame::before {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  top: 4px;
  height: 1px;
  background: rgba(255, 255, 255, 0.55);
  pointer-events: none;
}

/* 白色卡纸（certificate mat）：在木框与证书图之间 */
#about_company_page .pageContentAll .honorary .honMat {
  width: 100%;
  height: 100%;
  background: #ffffff;
  padding: clamp(10px, 1.2vw, 18px);
  box-sizing: border-box;
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.06),
    inset 0 0 24px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

#about_company_page .pageContentAll .honorary .honMat img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  transition: transform 0.6s ease, filter 0.4s ease;
}

#about_company_page .pageContentAll .honorary .honCert:hover .honMat img {
  transform: scale(1.03);
  filter: brightness(1.05);
}

/* 白色层板 shelf board（放在相框下方，相框底部与层板顶部对齐） */
#about_company_page .pageContentAll .honorary .honBoard {
  position: absolute;
  left: -4%;
  right: -4%;
  height: clamp(16px, 2vw, 24px);
  /* 层板位置：honShelf padding-bottom 留出了 40-70px，相框底部大约在总高度的 calc(100% - padding-bottom) */
  bottom: clamp(24px, 3vw, 50px);
  background: linear-gradient(180deg,
      #ffffff 0%,
      #f5f5f5 35%,
      #e6e6e6 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid #d0d0d0;
  border-radius: 2px;
  box-shadow:
    /* 板子下方投射阴影（模拟置物板悬浮投在墙面） */
    0 14px 20px -6px rgba(0, 0, 0, 0.22),
    0 6px 10px -4px rgba(0, 0, 0, 0.14),
    /* 板子上方边缘高光 */
    inset 0 2px 3px rgba(255, 255, 255, 0.85);
  z-index: 1;
}

/* 相框投射在层板上的额外“脚底阴影”（增强真实感，用 ::after 叠一层） */
#about_company_page .pageContentAll .honorary .honShelf::after {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  height: 14px;
  bottom: calc(clamp(24px, 3vw, 50px) + clamp(16px, 2vw, 24px) - 2px);
  background:
    radial-gradient(ellipse 100% 100% at 50% 0%, rgba(0, 0, 0, 0.10), transparent 60%);
  filter: blur(3px);
  z-index: 0;
  pointer-events: none;
}

/* =========================================================
 * 荣誉板块响应式
 * ≤1024：证书 3+2 两行；徽标缩小
 * ≤480 ：证书一行横向滚动；徽标 3+2 两行
 * =======================================================*/
@media (max-width: 1024px) {
  #about_company_page .pageContentAll .honorary {
    padding: 56px 0;
  }

  #about_company_page .pageContentAll .honorary .honHeader {
    margin-bottom: 36px;
  }

  #about_company_page .pageContentAll .honorary .honCertList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }

  #about_company_page .pageContentAll .honorary .honCert {
    flex: 0 0 calc((100% - 2 * 18px) / 3);
    max-width: 100%;
  }

  /* 第4、5张证书换行 */

  /* 多排证书层板下移（默认层板只覆盖单排） */
  #about_company_page .pageContentAll .honorary .honBoard,
  #about_company_page .pageContentAll .honorary .honShelf::after {
    display: none;
  }

  /* 给每张证书独立阴影取代层板投影 */
  #about_company_page .pageContentAll .honorary .honFrame {
    box-shadow:
      inset 0 1px 2px rgba(255, 255, 255, 0.4),
      inset 0 -1px 2px rgba(0, 0, 0, 0.25),
      0 8px 18px rgba(0, 0, 0, 0.18);
  }

  #about_company_page .pageContentAll .honorary .honShelf {
    padding-bottom: 0;
  }
}




.preview-shell {
  width: 100%;
  padding: 28px 0 40px
}

.preview-label {
  width: min(1920px, 100%);
  margin: 0 auto 14px;
  padding: 0 18px;
  color: #727983;
  font-size: 14px
}

.arch-support {
  position: relative;
  width: min(1920px, 100%);
  height: 686px;
  margin: 0 auto;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 14px 40px rgba(20, 35, 60, .08)
}

.feature {
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 3
}

.feature .copy {
  text-align: center;
  width: 360px
}

.feature h3 {
  margin: 0 0 13px;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  color: #101722
}

.feature p {
  margin: 0;
  color: #7b7f86;
  font-size: 16px;
  line-height: 1.85;
  white-space: nowrap
}

.feature .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 220px;
  height: 170px;
  background: #fff
}

.feature .pic img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}

.f1 {
  left: 410px;
  top: 115px
}

.f1 .copy {
  width: 300px
}

.f1 .pic {
  width: 220px
}

.f2 {
  left: 88px;
  top: 283px
}

.f2 .copy {
  width: 355px
}

.f2 .pic {
  width: 210px
}

.f3 {
  left: 65px;
  top: 486px
}

.f3 .copy {
  width: 320px
}

.f3 .pic {
  width: 225px
}

.f4 {
  right: 407px;
  top: 110px
}

.f4 .pic {
  width: 215px
}

.f4 .copy {
  width: 325px
}

.f5 {
  right: 87px;
  top: 284px
}

.f5 .pic {
  width: 220px
}

.f5 .copy {
  width: 360px
}

.f6 {
  right: 83px;
  top: 485px
}

.f6 .pic {
  width: 220px
}

.f6 .copy {
  width: 315px
}

.rings {
  position: absolute;
  left: 50%;
  bottom: -404px;
  width: 640px;
  height: 640px;
  transform: translateX(-50%);
  z-index: 1
}

.ring {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%
}

.r1 {
  width: 640px;
  height: 640px;
  background: #bcecff
}

.r2 {
  width: 585px;
  height: 585px;
  background: #7cd8fa
}

.r3 {
  width: 505px;
  height: 505px;
  background: #49c2f3
}

.r4 {
  width: 420px;
  height: 420px;
  background: #1cafe9
}

@media (max-width:1500px) {
  .arch-support {
    height: auto;
    min-height: 760px;
    padding: 55px 45px 250px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    row-gap: 26px
  }

  .feature {
    position: static !important;
    display: grid;
    grid-template-columns: 1fr 190px;
    min-width: 0
  }

  .feature:nth-of-type(n+4) {
    grid-template-columns: 190px 1fr
  }

  .feature .copy,
  .f1 .copy,
  .f2 .copy,
  .f3 .copy,
  .f4 .copy,
  .f5 .copy,
  .f6 .copy {
    width: auto
  }

  .feature .pic,
  .f1 .pic,
  .f2 .pic,
  .f3 .pic,
  .f4 .pic,
  .f5 .pic,
  .f6 .pic {
    width: 190px;
    height: 145px
  }

  .feature p {
    white-space: normal
  }

  .rings {
    bottom: -390px
  }
}

@media (max-width:900px) {
  .preview-shell {
    padding-top: 0
  }

  .preview-label {
    display: none
  }

  .arch-support {
    padding: 38px 20px 170px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    min-height: auto
  }

  .feature,
  .feature:nth-of-type(n+4) {
    display: flex;
    flex-direction: column;
    gap: 10px
  }

  .feature .pic {
    order: 1;
    width: 175px !important;
    height: 130px !important
  }

  .feature .copy {
    order: 2;
    width: 100% !important
  }

  .feature h3 {
    font-size: 18px;
    margin-bottom: 7px
  }

  .feature p {
    font-size: 14px;
    line-height: 1.75
  }

  .rings {
    width: 360px;
    height: 360px;
    bottom: -235px
  }

  .r1 {
    width: 360px;
    height: 360px
  }

  .r2 {
    width: 325px;
    height: 325px
  }

  .r3 {
    width: 280px;
    height: 280px
  }

  .r4 {
    width: 235px;
    height: 235px
  }
}