:root {
  --color-theme: #222831;
  --color-theme-blue: #F3F6F8;
  --color-theme2: #2d7a70;
  --color-theme3: #52994f;
  --color-border: #e5e5e5;
  --color-blue1: #004ea2;
  --color-blue2: #1a60ab;
  --color-blue3: #3371b4;
  --color-blue4: #4d83be;
  --color-blue5: #6694c7;
  --color-blue6: #80a6d0;
  --color-blue7: #99b8d9;
  --color-blue8: #b3cae3;
  --color-blue9: #ccdbec;
  --color-blue10: #e6edf5;
  --scrollbar-size: 5px;
  --scrollbar-color: #e6edf9;
  --scrollbar-thumb-color: var(--color-theme);
  --scrollbar-thumb-hover-color: rgba(0, 78, 163, 0.6);
  --placeholder-color: #c4cad5;
  --swiper-theme-color: var(--color-theme);
  --swiper-btn-size: clamp(1.875rem, 0.5718085106rem + 2.1276595745vw, 3.125rem);
  --swiper-btn-color: #000;
  --swiper-btn-bg: transparent;
  --swiper-btn-border-color: transparent;
  --swiper-btn-hover-color: #fff;
  --swiper-btn-hover-bg: var(--color-theme);
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --transition-time: 1.5s;
  --border: 1px solid var(--color-border);
  --main-width: 1440px;
  --main-width-offset: calc((100% - var(--main-width)) / 2)
}

@media screen and (min-width: 981px) {
  :root {
    --header-height: clamp(4.375rem, 1.1170212766rem + 5.3191489362vw, 7.5rem)
  }
}

@media screen and (max-width: 980px) {
  :root {
    --header-height: 50px
  }
}

@media screen and (max-width: 1600px) {
  :root {
    --main-width: 90%
  }
}

.i1 {
  position: relative;
  overflow: hidden;
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) 0 clamp(12.7604166667px, 1.3020833333vw, 25px);
  background-size: 100% auto;
  background-position-y: -30%
}

.i1 .grid {
  margin-top: clamp(20.4166666667px, 2.0833333333vw, 40px);
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: clamp(10.2083333333px, 1.0416666667vw, 20px)
}

@media screen and (min-width: 981px) {
  .i1 .grid {
    --_cols: 4
  }
}

@media screen and (max-width: 980px) {
  .i1 .grid {
    --_cols: 1
  }
}

.i1 .swiper {
  --_offset-y: clamp(17.8645833333px, 1.8229166667vw, 35px);
  --_offset-x: clamp(20.4166666667px, 2.0833333333vw, 40px);
  width: 100%
}

@media screen and (min-width: 981px) {
  .i1 .swiper {
    grid-column: span 2/span 2;
    grid-row: span 4/span 4
  }
}

@media screen and (min-width: 981px) {
  .i1 .news-recommend {
    grid-column: span 2/span 2
  }
}

@media screen and (max-width: 980px) {
  .i1 .news-item {
    display: none
  }
  
  .i1 .news-recommend .text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.i1 .swiper-slide {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  color: #fff
}

.i1 .swiper-slide .imgbox {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  position: relative
}

@supports(aspect-ratio: 1.4791666667) {
  .i1 .swiper-slide .imgbox {
    aspect-ratio: 1.4791666667
  }
}

@supports not (aspect-ratio: 1.4791666667) {
  .i1 .swiper-slide .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 67.6056338028%
  }
}

.i1 .swiper-slide .imgbox>img,
.i1 .swiper-slide .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.i1 .swiper-slide .imgbox::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, transparent 65%, rgba(0, 0, 0, 0.5))
}

.i1 .swiper-slide .wrap {
  position: absolute;
  z-index: 1;
  left: var(--_offset-x);
  bottom: var(--_offset-y);
  width: calc((100% - var(--_offset-x)*2)*.9)
}

.i1 .swiper-slide .title {
  font-size: clamp(1.125rem, 0.6037234043rem + 0.8510638298vw, 1.625rem);
  margin-top: .5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--limit, 1)
}

.i1 .swiper-slide:hover .title {
  text-decoration: underline
}

.i1 .swiper-pagination {
  position: absolute;
  z-index: 5;
  left: auto;
  right: var(--_offset-x);
  bottom: var(--_offset-y);
  width: -moz-max-content;
  width: max-content;
  max-width: calc((100% - var(--_offset-x)*2)*.2);
  display: flex;
  align-items: center;
  justify-content: center
}

.i1 .swiper-pagination .bullet {
  display: block;
  min-width: var(--dot-size, clamp(0.375rem, 0.2446808511rem + 0.2127659574vw, 0.5rem));
  min-height: var(--dot-size, clamp(0.375rem, 0.2446808511rem + 0.2127659574vw, 0.5rem));
  width: var(--dot-size, clamp(0.375rem, 0.2446808511rem + 0.2127659574vw, 0.5rem));
  height: var(--dot-size, clamp(0.375rem, 0.2446808511rem + 0.2127659574vw, 0.5rem));
  background: var(--dot-color, #fff);
  border-radius: 50%
}

.i1 .swiper-pagination .bullet:not(:last-child) {
  margin-right: clamp(0.375rem, 0.1143617021rem + 0.4255319149vw, 0.625rem)
}

.i1 .swiper-pagination .bullet.active {
  --_size: clamp(1rem, 0.7393617021rem + 0.4255319149vw, 1.25rem);
  width: var(--_size);
  height: var(--_size);
  background: rgba(0, 0, 0, 0);
  background-image: url(../img/d.png);
  background-size: contain;
  background-repeat: no-repeat;
  animation: rotate 2.5s infinite linear
}

.i2 {
  --_fold-w: 116px;
  --_w: 1000px;
  --_h: 640px;
  --_item-gap: 4px;
  padding: clamp(12.7604166667px, 1.3020833333vw, 25px) 0 clamp(12.7604166667px, 1.3020833333vw, 25px);
  background-size: 100% auto;
  background-position-y: -16%
}

@media screen and (max-width: 1600px) {
  .i2 {
    --_full: calc(90vw - var(--scrollbar-size));
    --_fold-w: calc(var(--_full) * 0.05);
    --_w: calc(var(--_full) * 0.7);
    --_item-gap: 6px
  }
}

@media screen and (max-width: 980px) {
  .i2 {
    --_w: 84vw;
    --_h: 400px;
    --_item-gap: 8px
  }
}

.i2 .main {
  margin-top: clamp(17.3541666667px, 1.7708333333vw, 34px);
  color: #fff;
  min-width: var(--min-width, auto);
  /* 移动端滑动优化 */
  position: relative;
  overflow: hidden;
  /* 硬件加速 */
  will-change: auto;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
  /* 隐藏滚动条但保持滚动功能 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.i2 .main::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
  width: 0;
  height: 0;
}

.i2 .item {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  height: var(--_h);
  overflow: hidden;
  cursor: pointer;
  /* 移动端触摸优化 */
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  /* 硬件加速 */
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.i2 .item:not(:last-child) {
  margin-right: var(--_item-gap)
}

.i2 .item:nth-child(2) .en-title {
  font-size: clamp(12.7604166667px, 1.3020833333vw, 25px)
}

@media screen and (max-width: 980px) {
  .i2 .item:nth-child(2) .en-title {
    font-size: 12.6px
  }
}

.i2 .item:nth-child(3) .en-title {
  font-size: clamp(13.2708333333px, 1.3541666667vw, 26px)
}

@media screen and (max-width: 980px) {
  .i2 .item:nth-child(3) .en-title {
    font-size: 13.6px
  }
}

.i2 .box {
  position: relative;
  width: var(--_fold-w);
  height: var(--_h);
  border-radius: 8px;
  transition: .6s;
  white-space: normal;
  /* 移动端优化 */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* 图片渲染优化 */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

.i2 .content {
  overflow: hidden;
  width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}

.i2 [icon] {
  font-size: clamp(51.0416666667px, 5.2083333333vw, 100px);
  display: none
}

.i2 .fold-name {
  font-size: clamp(12.7604166667px, 1.3020833333vw, 25px);
  writing-mode: vertical-rl;
  width: var(--_fold-w);
  display: flex;
  align-items: center;
  padding-top: clamp(20.4166666667px, 2.0833333333vw, 40px);
  transition: .3s
}

.i2 .name {
  font-size: clamp(40.8333333333px, 4.1666666667vw, 80px);
  font-weight: bold;
  line-height: 1
}

.i2 .en-title {
  font-size: clamp(17.3541666667px, 1.7708333333vw, 34px);
  margin-top: clamp(0.25rem, -0.0106382979rem + 0.4255319149vw, 0.5rem);
  font-weight: bold
}

.i2 .more {
  margin-top: clamp(15.3125px, 1.5625vw, 30px);
  margin-bottom: clamp(15.3125px, 1.5625vw, 30px);
  font-size: clamp(0.875rem, 0.7446808511rem + 0.2127659574vw, 1rem);
  width: clamp(7.5rem, 5.545212766rem + 3.1914893617vw, 9.375rem);
  height: clamp(2.5rem, 1.8484042553rem + 1.0638297872vw, 3.125rem)
}

.i2 .infobox {
  background: linear-gradient(0deg, var(--color-theme3), var(--color-theme));
  width: clamp(18.75rem, 15.4920212766rem + 5.3191489362vw, 21.875rem);
  border-radius: 8px;
  padding: clamp(15.3125px, 1.5625vw, 30px)
}

@media screen and (min-width: 981px) {
  .i2 .infobox {
    position: absolute;
    right: clamp(28.5833333333px, 2.9166666667vw, 56px);
    bottom: clamp(28.5833333333px, 2.9166666667vw, 56px)
  }
}

@media screen and (max-width: 980px) {
  .i2 .infobox {
    width: 80%;
    height: auto;
    margin-top: auto
  }
}

.i2 .infobox .date {
  font-size: clamp(0.75rem, 0.6196808511rem + 0.2127659574vw, 0.875rem);
  opacity: .5
}

.i2 .infobox .tit {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  font-weight: bold
}

.i2 .infobox .data {
  display: flex;
  align-items: baseline;
  font-weight: bold;
  font-size: clamp(31.6458333333px, 3.2291666667vw, 62px);
  line-height: 1.4
}

.i2 .infobox .data .unit {
  font-size: .7741em
}

.i2 .infobox .info {
  font-size: clamp(0.75rem, 0.6196808511rem + 0.2127659574vw, 0.875rem);
  line-height: 1.2
}

.i2 .infobox .more {
  width: 100%;
  height: clamp(30.625px, 3.125vw, 60px);
  margin-top: clamp(10.2083333333px, 1.0416666667vw, 20px)
}

.i2 .infobox.only-text .tit {
  font-size: clamp(1.25rem, 0.9893617021rem + 0.4255319149vw, 1.5rem)
}

.i2 .infobox.only-text .info {
  font-size: 1rem;
  margin-top: 10px
}

.i2 [icon],
.i2 .en-title,
.i2 .more,
.i2 .name,
.i2 .text,
.i2 .infobox {
  transition: opacity .5s
}

.i2 .item:not(.active) [icon],
.i2 .item:not(.active) .en-title,
.i2 .item:not(.active) .more,
.i2 .item:not(.active) .name,
.i2 .item:not(.active) .text,
.i2 .item:not(.active) .infobox {
  opacity: 0;
  width: 0;
  overflow: hidden;
  padding: 0
}

.i2 .item.active .fold-name {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0
}

.i2 .item.active [icon],
.i2 .item.active .en-title,
.i2 .item.active .more,
.i2 .item.active .name,
.i2 .item.active .text,
.i2 .item.active .infobox {
  transition-delay: .3s
}

.i2 .item.active .box {
  width: var(--_w);
  height: var(--_h)
}

.i2 .item.active .content {
  width: 100%;
  height: 100%;
  padding: clamp(22.96875px, 2.34375vw, 45px) clamp(30.625px, 3.125vw, 60px)
}

@media screen and (max-width: 980px) {
  .i2 .item.active .content {
    padding: 20px
  }
  
  /* 移动端滑动性能优化 */
  .i2 .main {
    /* 启用硬件加速 */
    will-change: scroll-position;
    -webkit-overflow-scrolling: touch;
    /* 优化滚动行为 */
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    /* 禁用弹性滚动 */
    overscroll-behavior: none;
    /* 隐藏滚动条但保持滚动功能 */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
  }
  
  .i2 .main::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
    width: 0;
    height: 0;
  }
  
  .i2 .item {
    /* 移动端触摸优化 */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* 优化触摸响应 */
    touch-action: pan-x;
  }
  
  .i2 .box {
    /* 移动端图片优化 */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /* 减少重绘 */
    contain: layout style paint;
  }
  
  /* 移动端滑动指示器样式 */
  .i2 .scroll-indicator {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
  }
  
  .i2 .scroll-dots {
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
  }
  
  .i2 .scroll-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
  }
  
  .i2 .scroll-dot.active {
    background-color: #222831;
    transform: scale(1.3);
  }
}

.i3 {
  padding: clamp(12.7604166667px, 1.3020833333vw, 25px) 0 clamp(25.5208333333px, 2.6041666667vw, 50px)
}

.i3 .swiper-box {
  margin-top: clamp(22.96875px, 2.34375vw, 45px);
  position: relative
}

.i3 .swiper-slide {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  height: auto;
  min-height: clamp(234.7916666667px, 23.9583333333vw, 460px);
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  width: calc(50% - 15px);
  flex-shrink: 0;
  margin-right: 30px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.i3 .desc {
  padding: clamp(0.9375rem, 0.6117021277rem + 0.5319148936vw, 1.25rem) clamp(1.25rem, 0.272606383rem + 1.5957446809vw, 2.1875rem);
  position: relative
}


@media screen and (max-width: 980px) {
  .i3 .swiper-slide {
    width: 100%;
  }
}

/* 确保i3区域的swiper按钮可见和正常工作 */
.i3 .abs-swiper-btns {
  display: flex !important;
  z-index: 10;
}

.i3 .abs-swiper-btns .swiper-btn {
  --swiper-btn-bg: transparent;
  --swiper-btn-color: var(--color-theme);
  --swiper-btn-hover-bg: var(--color-theme);
  --swiper-btn-hover-color: #fff;
  border: 2px solid var(--color-theme);
  border-radius: 8px;
  transition: all 0.3s ease;
  opacity: 0.7;
}

.i3 .abs-swiper-btns .swiper-btn:hover {
  opacity: 1;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* 优化无限轮播的视觉效果 */
.i3 .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.i3 .swiper-slide:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* 确保轮播按钮在无限循环时保持可见 */
.i3 .swiper-btn.swiper-button-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.i3 .video-window,
.i3 .video-box {
  border-radius: inherit;
  overflow: hidden;
  position: relative;
  position: relative
}

@supports(aspect-ratio: 1.7777777778) {

  .i3 .video-window,
  .i3 .video-box {
    aspect-ratio: 1.7777777778
  }
}

@supports not (aspect-ratio: 1.7777777778) {

  .i3 .video-window::before,
  .i3 .video-box::before {
    content: "";
    display: block;
    padding-bottom: 56.25%
  }
}

.i3 .video-window>video,
.i3 .video-window>.inner,
.i3 .video-box>video,
.i3 .video-box>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.i3 .video-window video,
.i3 .video-box video {
  background: transparent;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.i3 .video-window .bar {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  background: var(--color-theme);
  color: #fff;
  display: flex;
  align-items: center;
  padding: clamp(6.125px, 0.625vw, 12px) clamp(15.3125px, 1.5625vw, 30px);
  border-radius: 8px
}

.i3 .video-window .bar [icon] {
  font-size: clamp(12.25px, 1.25vw, 24px);
  margin-right: .4em
}

.i3 .video .video-box .play {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--size, );
  height: var(--size, );
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
  --size: 2.6em;
  font-size: clamp(1.25rem, 0.5984042553rem + 1.0638297872vw, 1.875rem);
  background: hsla(0, 0%, 100%, .2);
  color: #fff;
  transition: background .3s
}

.i3 .video .video-box .play:hover {
  background: hsla(0, 0%, 100%, .5)
}

.i4 {
  position: relative;
  min-height: clamp(168.4375px, 17.1875vw, 330px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: clamp(51.0416666667px, 5.2083333333vw, 100px) 5%
}

.i4 .title-temp {
  --_en: var(--_zh)
}

.i4 .title-temp .zh {
  letter-spacing: clamp(0.0625rem, -0.0156914894rem + 0.1276595745vw, 0.1375rem);
  margin-left: clamp(0.0625rem, -0.0156914894rem + 0.1276595745vw, 0.1375rem)
}

.i4 .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: clamp(393.0208333333px, 40.1041666667vw, 770px);
  max-width: 100%
}

.i4 .desc {
  font-size: clamp(1.125rem, 0.9946808511rem + 0.2127659574vw, 1.25rem);
  margin-top: clamp(15.3125px, 1.5625vw, 30px)
}

.i4 .more-temp2,
.i4 .more-temp {
  margin-top: clamp(15.3125px, 1.5625vw, 30px)
}

.i5 {
  padding: clamp(40.8333333333px, 4.1666666667vw, 80px) 0 0
}

@media screen and (max-width: 980px) {
  .i5 {
    padding: 50px 0
  }
}

.i5 .wrap {
  min-height: clamp(408.3333333333px, 41.6666666667vw, 800px);
  display: flex;
  flex-direction: column
}

.i5 .desc {
  width: clamp(418.5416666667px, 42.7083333333vw, 820px);
  max-width: 100%;
  margin: 0 auto;
  margin-top: clamp(12.7604166667px, 1.3020833333vw, 25px)
}

.i5 .data-box {
  margin-top: clamp(25.5208333333px, 2.6041666667vw, 50px);
  position: relative;
  overflow: hidden;
  flex: 1
}

.i5 .earth {
  transform: translateY(clamp(74.0104166667px, 7.5520833333vw, 145px))
}

@media screen and (max-width: 980px) {
  .i5 .earth {
    display: none
  }
}

@media screen and (max-width: 980px) {
  .i5 .items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px
  }
}

.i5 .data {
  width: clamp(142.9166666667px, 14.5833333333vw, 280px);
  display: flex
}

@media screen and (min-width: 981px) {
  .i5 .data {
    position: absolute
  }
}

.i5 .data .icon {
  position: relative;
  margin-right: 5px;
  width: 7px;
  height: clamp(76.5625px, 7.8125vw, 150px)
}

.i5 .data .icon::after {
  content: var(--_icon)
}

.i5 .data .icon::before {
  --_offset: 4px;
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - var(--_offset));
  background: #015aaa;
  position: absolute;
  top: var(--_offset);
  left: 0
}

.i5 .data .d {
  font-size: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

.i5 .data .date {
  font-size: clamp(0.75rem, 0.6196808511rem + 0.2127659574vw, 0.875rem)
}

@media screen and (min-width: 981px) {
  .i5 .data:nth-child(1) {
    left: 3.1%;
    top: 27%
  }

  .i5 .data:nth-child(1) .icon {
    height: clamp(136.7916666667px, 13.9583333333vw, 268px)
  }

  .i5 .data:nth-child(2) {
    left: 12.4%;
    top: 44.64%
  }

  .i5 .data:nth-child(3) {
    left: 26.04%;
    top: 19.8%
  }

  .i5 .data:nth-child(3) .icon {
    height: clamp(81.6666666667px, 8.3333333333vw, 160px)
  }

  .i5 .data:nth-child(4) {
    left: 26.1%;
    top: 56.7%
  }

  .i5 .data:nth-child(4) .icon {
    height: clamp(91.875px, 9.375vw, 180px)
  }

  .i5 .data:nth-child(5) {
    left: 42.36%;
    top: 0
  }

  .i5 .data:nth-child(5) .icon {
    height: clamp(91.875px, 9.375vw, 180px)
  }

  .i5 .data:nth-child(6) {
    left: 52.08%;
    top: 19.8%
  }

  .i5 .data:nth-child(6) .icon {
    height: clamp(66.3541666667px, 6.7708333333vw, 130px)
  }

  .i5 .data:nth-child(7) {
    left: 58.21%;
    top: 44.28%
  }

  .i5 .data:nth-child(8) {
    left: 72.05%;
    top: 15.84%
  }

  .i5 .data:nth-child(9) {
    left: 86.45%;
    top: 51.12%
  }

  .i5 .data:nth-child(9) .icon {
    height: clamp(81.6666666667px, 8.3333333333vw, 160px)
  }
}

.rel {
  position: relative
}

.z-1 {
  z-index: 1
}

.group-profile {
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) var(--main-width-offset);
  background-size: 100% auto;
  background-position-y: top;
  position: relative;
  overflow: hidden
}

.group-profile .text {
  width: clamp(510.4166666667px, 52.0833333333vw, 1000px);
  max-width: 100%;
  margin: clamp(20.4166666667px, 2.0833333333vw, 40px) auto 0;
  font-size: clamp(0.875rem, 0.6143617021rem + 0.4255319149vw, 1.125rem)
}

.group-profile .more {
  margin: 0 auto;
  margin-top: clamp(25.5208333333px, 2.6041666667vw, 50px)
}

.group-profile .t {
  margin: clamp(43.8958333333px, 4.4791666667vw, 86px) auto 0;
  width: clamp(620.15625px, 63.28125vw, 1215px)
}

.group-profile .bg-b {
  position: absolute;
  bottom: clamp(-375px, -19.53125vw, -191.40625px);
  left: 0;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.group-profile .bg-text {
  background: var(--_bg) no-repeat center;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  color: rgba(0, 0, 0, 0);
  font-size: clamp(3.4375rem, -8.6170212766rem + 19.6808510638vw, 15rem);
  font-weight: bold;
  line-height: 1;
  text-align: center;
  margin-top: clamp(1.25rem, 0.5984042553rem + 1.0638297872vw, 1.875rem);
  -webkit-box-reflect: below -0.2em linear-gradient(transparent, transparent calc(100% - clamp(1.875rem, -2.0345744681rem + 6.3829787234vw, 5.625rem)), rgba(0, 0, 0, 0.4));
  animation: bg-scale 20s ease-in-out infinite
}

.tongwei-data {
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) var(--main-width-offset);
  color: #fff
}

.tongwei-data .items {
  margin-top: clamp(28.0729166667px, 2.8645833333vw, 55px);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(10.2083333333px, 1.0416666667vw, 20px)
}

.tongwei-data .item {
  background: rgba(0, 0, 0, .2);
  border-radius: clamp(12.25px, 1.25vw, 24px);
  border: 1px solid hsla(0, 0%, 100%, .2);
  width: clamp(10rem, 2.8324468085rem + 11.7021276596vw, 16.875rem);
  min-height: clamp(10rem, 2.1808510638rem + 12.7659574468vw, 17.5rem);
  padding: clamp(10.2083333333px, 1.0416666667vw, 20px);
  padding-bottom: clamp(22.96875px, 2.34375vw, 45px);
  display: flex;
  flex-direction: column;
  transition: background .3s, border-color .3s
}

.tongwei-data .item:hover {
  background: rgba(0, 0, 0, .5);
  border-color: hsla(0, 0%, 100%, .5)
}

.tongwei-data .item .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: clamp(0.75rem, 0.6196808511rem + 0.2127659574vw, 0.875rem);
  color: hsla(0, 0%, 100%, .6);
  margin-bottom: 3em
}

.tongwei-data .item .icon {
  --size: 2.181em;
  font-size: clamp(11.2291666667px, 1.1458333333vw, 22px);
  background: linear-gradient(var(--color-theme3), var(--color-theme));
  margin-left: auto
}

.tongwei-data .item .data {
  margin-top: auto
}

.tongwei-data .item .data-box {
  display: flex;
  align-items: baseline;
  font-weight: bold;
  line-height: 1.2
}

.tongwei-data .item em {
  font-style: normal
}

.tongwei-data .item em,
.tongwei-data .item .count {
  font-size: clamp(22.4583333333px, 2.2916666667vw, 44px)
}

.tongwei-data .item .unit {
  font-size: clamp(12.25px, 1.25vw, 24px)
}

.tongwei-honor {
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) var(--main-width-offset)
}

@media screen and (min-width: 981px) {
  .tongwei-honor {
    display: flex
  }
}

@media screen and (min-width: 981px) {

  .tongwei-honor .l,
  .tongwei-honor .r {
    width: 50%
  }
}

.tongwei-honor .l {
  --size: clamp(316.4583333333px, 32.2916666667vw, 620px);
  -o-object-fit: cover;
  object-fit: cover
}

.tongwei-honor .l .imgbox {
  margin: 0 auto
}

@media screen and (max-width: 980px) {
  .tongwei-honor .r {
    margin-top: 30px
  }
}

.tongwei-honor .text {
  margin-top: clamp(12.25px, 1.25vw, 24px);
  margin-bottom: clamp(1.875rem, -1.3829787234rem + 5.3191489362vw, 5rem);
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem)
}

.tongwei-honor ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(0.625rem, 0.3643617021rem + 0.4255319149vw, 0.875rem)
}

.tongwei-honor li {
  transition: color .3s;
  display: flex;
  align-items: center
}

.tongwei-honor li::before {
  content: "";
  display: block;
  min-width: var(--dot-size, 6px);
  min-height: var(--dot-size, 6px);
  width: var(--dot-size, 6px);
  height: var(--dot-size, 6px);
  background: var(--dot-color, currentColor);
  border-radius: 50%;
  margin-right: 10px
}

.tongwei-honor li:hover {
  color: var(--color-theme)
}

@keyframes bg-scale {

  0%,
  100% {
    background-size: 100%;
    background-position: 50% 50%
  }

  50% {
    background-size: 105%;
    background-position: 60% 60%
  }
}

@media screen and (min-width: 981px) {
  .tongwei-events .title-temp {
    width: -moz-max-content;
    width: max-content
  }
}

.tongwei-events .title-temp .zh-box {
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media screen and (max-width: 980px) {
  .tongwei-events .title-temp .zh-box {
    flex-direction: column
  }
}

.tongwei-events .main {
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) 0 clamp(30.625px, 3.125vw, 60px)
}

@media screen and (min-width: 981px) {
  .tongwei-events .main {
    display: flex;
    align-items: flex-end
  }
}

@media screen and (min-width: 981px) {

  .tongwei-events .main .l,
  .tongwei-events .main .r {
    width: 50%
  }
}

@media screen and (max-width: 980px) {
  .tongwei-events .main .l {
    text-align: center
  }
}

@media screen and (max-width: 980px) {
  .tongwei-events .main .r {
    margin-top: 20px
  }
}

.tongwei-events .desc {
  margin: clamp(15.3125px, 1.5625vw, 30px) 0
}

.tongwei-events .bg-year {
  width: -moz-max-content;
  width: max-content;
  font-weight: 900;
  font-size: clamp(5rem, -0.8643617021rem + 9.5744680851vw, 10.625rem);
  line-height: 1;
  background: var(--_bg) no-repeat center;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  color: rgba(0, 0, 0, 0);
  animation: bg-scale 20s ease-in-out infinite
}

@media screen and (max-width: 980px) {
  .tongwei-events .bg-year {
    margin: 0 auto
  }
}

@media screen and (min-width: 981px) {
  .tongwei-events .swiper {
    width: clamp(347.0833333333px, 35.4166666667vw, 680px);
    height: clamp(245px, 25vw, 480px)
  }
}

@media screen and (max-width: 980px) {
  .tongwei-events .swiper {
    height: 400px
  }
}

.tongwei-events .swiper-slide {
  --_bc: #e4e8eb;
  background: #fff;
  border-radius: clamp(6.125px, 0.625vw, 12px);
  overflow: auto;
  padding: clamp(22.96875px, 2.34375vw, 45px) clamp(33.1770833333px, 3.3854166667vw, 65px) 0;
  display: flex;
  flex-direction: column
}

.tongwei-events .swiper-slide .year {
  font-size: clamp(1.625rem, 0.3218085106rem + 2.1276595745vw, 2.875rem);
  font-weight: bold;
  color: var(--color-theme);
  display: flex;
  align-items: center;
  line-height: 1
}

.tongwei-events .swiper-slide .year span {
  font-size: .7826em
}

.tongwei-events .swiper-slide ul {
  flex: 1;
  margin-top: clamp(10.2083333333px, 1.0416666667vw, 20px);
  margin-left: clamp(6.6354166667px, 0.6770833333vw, 13px);
  padding-left: clamp(19.3958333333px, 1.9791666667vw, 38px);
  padding-bottom: clamp(25.5208333333px, 2.6041666667vw, 50px);
  border-left: 1px solid var(--_bc);
  position: relative
}

.tongwei-events .swiper-slide .imgbox {
  width: clamp(183.75px, 18.75vw, 360px);
  margin-top: clamp(15.3125px, 1.5625vw, 30px)
}

.tongwei-events .swiper-slide li:not(:last-child) {
  margin-bottom: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

.tongwei-events .swiper-slide .icon {
  --_s: clamp(13.2708333333px, 1.3541666667vw, 26px);
  border-radius: 50%;
  width: var(--_s);
  height: var(--_s);
  background: #fff;
  border: 1px solid var(--_bc);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  transform: translateX(-50%)
}

.tongwei-events .swiper-slide .icon::before {
  content: "";
  display: block;
  width: calc(var(--_s)*.28);
  height: calc(var(--_s)*.28);
  border-radius: 50%;
  background: var(--color-theme)
}

.tongwei-events .timeline {
  --_scale-w: 2px;
  --_scale-h: clamp(10.2083333333px, 1.0416666667vw, 20px);
  min-width: clamp(87.5rem, 53.6170212766rem + 55.3191489362vw, 120rem);
  width: 100%;
  max-width: calc(100vw - var(--scrollbar-width, 0px)) !important;
  /* background: var(--color-theme); */
  background: #127563;
  color: #fff;
  padding: clamp(20.4166666667px, 2.0833333333vw, 40px) clamp(25.5208333333px, 2.6041666667vw, 50px);
  overflow-x: hidden;
  box-sizing: border-box;
}

.tongwei-events .timeline .row {
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* 确保timeline容器不会产生横向滚动条 */
.tongwei-events .timeline-container {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: calc(100vw - var(--scrollbar-width, 0px)) !important;
}

.tongwei-events .timeline-container .scroll-view {
  overflow-x: hidden !important;
  display: block !important;
  grid-auto-flow: unset !important;
  grid-auto-columns: unset !important;
  white-space: normal !important;
  width: 100% !important;
  max-width: 100% !important;
  scroll-snap-type: none !important;
}

.tongwei-events .timeline .years {
  text-align: center;
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}

.tongwei-events .timeline .line-box {
  margin: 0 auto;
  margin-top: clamp(15.3125px, 1.5625vw, 30px);
  width: calc(100% - 100%/var(--_num)/2);
  position: relative
}

.tongwei-events .timeline .advance-box {
  position: relative
}

.tongwei-events .timeline .advance {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, transparent, transparent 20px, rgba(255, 255, 255, 0.3));
  border-right: 2px #fff solid;
  transition: .6s ease-in-out;
  height: clamp(3.125rem, 1.8218085106rem + 2.1276595745vw, 4.375rem);
  width: calc(100%/var(--_num)*(var(--_index) + 1));
  max-width: calc(100% - 100%/var(--_num)/2/2)
}

.tongwei-events .timeline .advance::before {
  content: "";
  display: block;
  background: #fff;
  width: clamp(12.25px, 1.25vw, 24px);
  height: clamp(0.125rem, -0.0053191489rem + 0.2127659574vw, 0.25rem);
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateX(50%)
}

.tongwei-events .timeline .line {
  border-bottom: 1px solid #fff;
  height: 8px;
  --_line-bg: rgba(255, 255, 255, 0.4);
  background: repeating-linear-gradient(to right, var(--_line-bg), var(--_line-bg) 1px, transparent 1px, transparent 10px);
  position: relative
}

.tongwei-events .timeline .line::before {
  content: "";
  display: block;
  width: 100%;
  height: var(--_scale-h);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-left: var(--_scale-w) solid #fff;
  border-right: var(--_scale-w) solid #fff
}

.tongwei-events .timeline .ranges {
  --_cols: calc(var(--_num) - 1);
  text-align: center;
  padding-top: 1rem;
  margin: 0 auto;
  width: calc(100% - 100%/var(--_num));
  max-width: calc(100% - 100%/var(--_num));
  overflow-x: hidden;
  box-sizing: border-box;
}

.tongwei-events .timeline .ranges .range {
  grid-column: span var(--_range);
  position: relative
}

.tongwei-events .timeline .ranges .range::after {
  content: "";
  display: block;
  width: var(--_scale-w);
  height: var(--_scale-h);
  background: #fff;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(100% + 1rem)
}

.tongwei-events .timeline .ranges .range:last-child::after {
  display: none
}

.ldgh {
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) 0
}

@media screen and (max-width: 980px) {
  .ldgh .title-box {
    display: block
  }
}

@media screen and (min-width: 981px) {
  .ldgh .desc {
    width: 50%
  }
}

@media screen and (max-width: 980px) {
  .ldgh .desc {
    margin-top: 20px
  }
}

.ldgh .swiper-box {
  margin-top: clamp(20.4166666667px, 2.0833333333vw, 40px);
  position: relative
}

.ldgh .swiper-slide {
  display: flex;
  flex-direction: column;
  height: auto
}

.ldgh .swiper-slide:hover {
  color: var(--color-theme)
}

.ldgh .imgbox {
  border-radius: clamp(6.125px, 0.625vw, 12px);
  position: relative;
  width: 100%
}

@supports(aspect-ratio: 1.45625) {
  .ldgh .imgbox {
    aspect-ratio: 1.45625
  }
}

@supports not (aspect-ratio: 1.45625) {
  .ldgh .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 68.669527897%
  }
}

.ldgh .imgbox>img,
.ldgh .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ldgh .con {
  padding: clamp(12.25px, 1.25vw, 24px) 0 clamp(15.3125px, 1.5625vw, 30px);
  flex: 1;
  transition: color .3s
}

.ldgh .more {
  margin: clamp(15.3125px, 1.5625vw, 30px) auto 0
}

.group-profile-detail {
  background: var(--color-theme-blue)
}

@media screen and (min-width: 981px) {
  .group-profile-detail {
    padding-left: clamp(81.6666666667px, 8.3333333333vw, 160px)
  }
}

.group-profile-detail .box {
  width: 100%;
  background-color: var(--color-theme-blue);
  position: relative;
  z-index: 2;
  background-size: contain;
  background-position: 0 top;
  overflow: hidden;
  padding: clamp(30.625px, 3.125vw, 60px) clamp(61.25px, 6.25vw, 120px);
  padding-right: 0
}

@media screen and (min-width: 981px) {
  .group-profile-detail .box {
    --_offset: clamp(-120px, -6.25vw, -61.25px);
    transform: translateY(var(--_offset));
    margin-bottom: var(--_offset)
  }
}

@media screen and (max-width: 980px) {
  .group-profile-detail .box {
    padding: 50px 5%
  }
}

.group-profile-detail .content {
  margin-top: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

@media screen and (min-width: 981px) {
  .group-profile-detail .content {
    display: flex
  }
}

@media screen and (min-width: 981px) {
  .group-profile-detail .content .l {
    flex: 1;
    margin-right: clamp(61.25px, 6.25vw, 120px)
  }
}

.group-profile-detail .content .rich-text {
  line-height: 1.8;
  text-align: justify
}

.group-profile-detail .imgbox {
  position: relative;
  width: clamp(306.25px, 31.25vw, 600px)
}

@supports(aspect-ratio: 0.75) {
  .group-profile-detail .imgbox {
    aspect-ratio: .75
  }
}

@supports not (aspect-ratio: 0.75) {
  .group-profile-detail .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 133.3333333333%
  }
}

.group-profile-detail .imgbox>img,
.group-profile-detail .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

@media screen and (max-width: 980px) {
  .group-profile-detail .imgbox {
    width: 100%;
    margin-top: 20px
  }
}

.group-industries {
  background-size: 100% auto;
  background-position-y: top;
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) 0;
  position: relative
}

@media screen and (min-width: 981px) {
  .group-industries .nav-box {
    position: absolute;
    top: clamp(96.9791666667px, 9.8958333333vw, 190px);
    left: clamp(61.25px, 6.25vw, 120px)
  }
}

@media screen and (max-width: 980px) {
  .group-industries .nav-box {
    padding: 0 5%
  }
}

@media screen and (max-width: 980px) {
  .group-industries .nav-background {
    background: #fff;
    border-radius: 8px;
    box-shadow: var(--shadow-lg);
    padding: 8px;
    width: -moz-max-content;
    width: max-content
  }
}

.group-industries .fixed-nav {
  display: flex;
  flex-direction: column;
  border-left: 2px solid #dadada;
  padding: clamp(12.7604166667px, 1.3020833333vw, 25px) clamp(8.1666666667px, 0.8333333333vw, 16px);
  font-size: 14px
}

.group-industries .fixed-nav .item {
  position: relative;
  transition: color .3s
}

.group-industries .fixed-nav .item:not(:last-child) {
  margin-bottom: 1em
}

.group-industries .fixed-nav .item::before {
  content: "";
  display: block;
  display: block;
  min-width: var(--dot-size, clamp(5.1041666667px, 0.5208333333vw, 10px));
  min-height: var(--dot-size, clamp(5.1041666667px, 0.5208333333vw, 10px));
  width: var(--dot-size, clamp(5.1041666667px, 0.5208333333vw, 10px));
  height: var(--dot-size, clamp(5.1041666667px, 0.5208333333vw, 10px));
  background: var(--dot-color, linear-gradient(var(--color-theme3), var(--color-theme)));
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: auto;
  margin: auto 0;
  height: -moz-fit-content;
  height: fit-content;
  right: calc(100% + clamp(8.1666666667px, 0.8333333333vw, 16px));
  transform: translateX(50%);
  opacity: 0;
  transition: opacity .3s
}

.group-industries .fixed-nav .item.on,
.group-industries .fixed-nav .item:hover {
  color: var(--color-theme)
}

.group-industries .fixed-nav .item.on::before,
.group-industries .fixed-nav .item:hover::before {
  opacity: 1
}

.group-industries .container {
  width: 1280px
}

@media screen and (max-width: 1422.2222222222px) {
  .group-industries .container {
    width: 90%
  }
}

@media screen and (max-width: 980px) {
  .group-industries .container {
    margin-top: 20px
  }
}

.group-industries .text-center .title {
  font-size: clamp(1.125rem, 0.7340425532rem + 0.6382978723vw, 1.5rem)
}

.group-industries .desc {
  font-size: clamp(1rem, 0.3484042553rem + 1.0638297872vw, 1.625rem);
  line-height: 1.2;
  margin-top: clamp(7.65625px, 0.78125vw, 15px)
}

.group-industries .sections {
  margin-top: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

.group-industries .section:not(:last-child) {
  margin-bottom: clamp(25.5208333333px, 2.6041666667vw, 50px)
}

.group-industries .image-box {
  position: relative;
  border-radius: clamp(0.5rem, 0.2393617021rem + 0.4255319149vw, 0.75rem);
  overflow: hidden
}

.group-industries .image-box .imgbox {
  width: 100%;
  border-radius: inherit
}

@media screen and (max-width: 980px) {
  .group-industries .image-box .imgbox {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
  }
}

.group-industries .image-box .content {
  background: linear-gradient(var(--color-theme), var(--color-theme2), var(--color-theme3));
  color: #fff;
  border-radius: 8px;
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px)
}

@media screen and (min-width: 981px) {
  .group-industries .image-box .content {
    position: absolute;
    z-index: 1;
    right: clamp(15.3125px, 1.5625vw, 30px);
    bottom: clamp(15.3125px, 1.5625vw, 30px);
    width: clamp(18.75rem, 14.1888297872rem + 7.4468085106vw, 23.125rem)
  }
}

@media screen and (max-width: 980px) {
  .group-industries .image-box .content {
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }
}

.group-industries .image-box .content.only-text .tit {
  font-size: clamp(1.25rem, 0.9893617021rem + 0.4255319149vw, 1.5rem)
}

.group-industries .image-box .content.only-text .info {
  font-size: 1rem;
  margin-top: 10px
}

.group-industries .image-box .date {
  font-size: clamp(0.75rem, 0.6196808511rem + 0.2127659574vw, 0.875rem);
  opacity: .5
}

.group-industries .image-box .tit {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  font-weight: bold
}

.group-industries .image-box .data {
  display: flex;
  align-items: baseline;
  font-weight: bold;
  font-size: clamp(31.6458333333px, 3.2291666667vw, 62px);
  line-height: 1.4
}

.group-industries .image-box .data .unit {
  font-size: .7em
}

.group-industries .image-box .info {
  font-size: clamp(0.75rem, 0.6196808511rem + 0.2127659574vw, 0.875rem);
  line-height: 1.2
}

.group-industries .wrap {
  margin-top: clamp(15.3125px, 1.5625vw, 30px)
}

@media screen and (min-width: 981px) {
  .group-industries .wrap {
    display: flex;
    align-items: flex-start
  }
}

@media screen and (min-width: 981px) {

  .group-industries .wrap .l,
  .group-industries .wrap .r {
    width: 50%
  }
}

.group-industries .wrap .l {
  font-size: clamp(45.9375px, 4.6875vw, 90px);
  display: flex;
  align-items: center
}

.group-industries .wrap .l [icon] {
  margin-right: .3333333333em
}

.group-industries .wrap .l .title-box {
  line-height: 1.2;
  font-size: .3555555556em
}

@media screen and (max-width: 980px) {
  .group-industries .wrap .l .title-box {
    font-size: 20px
  }
}

@media screen and (max-width: 980px) {
  .group-industries .wrap .r {
    margin-top: 20px
  }
}

.group-industries .wrap .text {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem)
}

.group-industries .wrap .row {
  margin-top: 1rem
}

.group-industries .wrap ul {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  font-weight: bold;
  border-left: 1px solid #ddd;
  padding-left: clamp(6.125px, 0.625vw, 12px)
}

.group-industries .wrap li {
  display: flex;
  align-items: center
}

.group-industries .wrap li::before {
  --_size: clamp(0.25rem, 0.1196808511rem + 0.2127659574vw, 0.375rem);
  content: "";
  display: block;
  width: var(--_size);
  height: var(--_size);
  background: var(--color-theme);
  transform: rotateZ(45deg);
  margin-right: clamp(5.1041666667px, 0.5208333333vw, 10px)
}

.group-industries .wrap li:not(:last-child) {
  margin-bottom: clamp(5.1041666667px, 0.5208333333vw, 10px)
}

.xgdy {
  background: #f6f6f6;
  position: relative;
  overflow: hidden;
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) clamp(40.8333333333px, 4.1666666667vw, 80px)
}

@media screen and (max-width: 980px) {
  .xgdy {
    padding: 40px 5%
  }
}

.xgdy .desc {
  width: clamp(500.2083333333px, 51.0416666667vw, 980px);
  max-width: 100%;
  margin: 0 auto;
  font-size: clamp(1rem, 0.3484042553rem + 1.0638297872vw, 1.625rem);
  line-height: 1.2;
  margin-top: clamp(10.2083333333px, 1.0416666667vw, 20px)
}

.xgdy .bg {
  position: absolute;
  top: auto;
  bottom: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  top: clamp(122.5px, 12.5vw, 240px);
  width: clamp(740.1041666667px, 75.5208333333vw, 1450px);
  pointer-events: none
}

.xgdy .logos {
  margin: clamp(20.4166666667px, 2.0833333333vw, 40px) auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap
}

.xgdy .logos .logo-box {
  background: #fff;
  border-radius: 99px;
  box-shadow: var(--shadow);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(10.2083333333px, 1.0416666667vw, 20px) clamp(17.8645833333px, 1.8229166667vw, 35px);
  transition: box-shadow .3s
}

.xgdy .logos .logo-box img {
  height: clamp(17.3541666667px, 1.7708333333vw, 34px)
}

.xgdy .logos .logo-box:not(:last-child) {
  margin-right: clamp(10.2083333333px, 1.0416666667vw, 20px)
}

@media screen and (max-width: 980px) {
  .xgdy .logos .logo-box:not(:last-child) {
    margin-bottom: 10px
  }
}

.xgdy .logos .logo-box:hover {
  box-shadow: var(--shadow-lg)
}

.xgdy .topbox {
  position: relative;
  z-index: 1
}

.xgdy .topbox>.text-theme {
  font-size: clamp(1.125rem, 0.7340425532rem + 0.6382978723vw, 1.5rem)
}

.xgdy .list {
  position: relative;
  z-index: 1;
  margin-top: clamp(35.7291666667px, 3.6458333333vw, 70px)
}

.xgdy .jt-item {
  --_ra: 16px
}

.xgdy .jt-item:not(:last-child) {
  margin-bottom: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

.xgdy .jt-item .tab-title,
.xgdy .jt-item .main {
  background: #E4EEED
}

.xgdy .jt-item .tab-title {
  width: -moz-max-content;
  width: max-content;
  min-width: clamp(148.0208333333px, 15.1041666667vw, 290px);
  height: clamp(1.875rem, 1.2234042553rem + 1.0638297872vw, 2.5rem);
  border-top-left-radius: var(--_ra);
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: 0 clamp(1rem, 0.0877659574rem + 1.4893617021vw, 1.875rem)
}

.xgdy .jt-item .tab-title::after {
  content: "";
  display: block;
  width: clamp(1.875rem, 1.2234042553rem + 1.0638297872vw, 2.5rem);
  height: clamp(1.875rem, 1.2234042553rem + 1.0638297872vw, 2.5rem);
  position: absolute;
  left: 100%;
  top: 0;
  background: radial-gradient(circle at 100% 0, transparent clamp(1.875rem, 1.5492021277rem + 0.5319148936vw, 2.1875rem), #E4EEED clamp(0.9375rem, -0.039893617rem + 1.5957446809vw, 1.875rem))
}

.xgdy .jt-item .tab-title .id {
  background: var(--color-theme);
  color: #fff;
  border-radius: 99px;
  font-size: clamp(0.875rem, 0.8098404255rem + 0.1063829787vw, 0.9375rem);
  font-weight: bold;
  padding: 0 clamp(5.1041666667px, 0.5208333333vw, 10px);
  margin-right: .5em
}

.xgdy .jt-item .main {
  border-bottom-left-radius: var(--_ra);
  border-bottom-right-radius: var(--_ra);
  border-top-right-radius: var(--_ra);
  padding: 1rem;
  transition: box-shadow .3s
}

@media screen and (min-width: 981px) {
  .xgdy .jt-item .main {
    display: flex;
    align-items: center
  }
}

.xgdy .jt-item .main:hover {
  box-shadow: var(--shadow-lg)
}

.xgdy .jt-item .main .l {
  flex: 1;
  padding: clamp(43.3854166667px, 4.4270833333vw, 85px) clamp(71.4583333333px, 7.2916666667vw, 140px) clamp(43.3854166667px, 4.4270833333vw, 85px) clamp(51.0416666667px, 5.2083333333vw, 100px)
}

@media screen and (max-width: 980px) {
  .xgdy .jt-item .main .l {
    padding: 10px 0
  }
}

@media screen and (max-width: 980px) {
  .xgdy .jt-item .main .r {
    margin-top: 20px
  }
}

@media screen and (max-width: 980px) {
  .xgdy .jt-item .tab-title {
    padding-top: 25px
  }
}

.xgdy .jt-item .main .title-box {
  line-height: 1.2
}

.xgdy .jt-item .main .en {
  font-size: clamp(1.625rem, 0.7127659574rem + 1.4893617021vw, 2.5rem)
}

.xgdy .jt-item .main .zh {
  font-size: clamp(1.375rem, 0.4627659574rem + 1.4893617021vw, 2.25rem)
}

.xgdy .jt-item .main .text {
  text-align: justify;
  margin-top: clamp(14.2916666667px, 1.4583333333vw, 28px)
}

.xgdy .jt-item .main .more {
  margin-top: clamp(33.1770833333px, 3.3854166667vw, 65px)
}

.xgdy .jt-item .main .imgbox {
  width: clamp(433.8541666667px, 44.2708333333vw, 850px);
  max-width: 100%;
  position: relative;
  border-radius: clamp(12.25px, 1.25vw, 24px)
}

@supports(aspect-ratio: 1.4912280702) {
  .xgdy .jt-item .main .imgbox {
    aspect-ratio: 1.4912280702
  }
}

@supports not (aspect-ratio: 1.4912280702) {
  .xgdy .jt-item .main .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 67.0588235294%
  }
}

.xgdy .jt-item .main .imgbox>img,
.xgdy .jt-item .main .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.news-container {
  --_gap: clamp(15.3125px, 1.5625vw, 30px);
  position: relative;
  overflow: hidden;
  background: #f4f9ff
}

.news-container>.bg {
  position: absolute;
  pointer-events: none;
  width: 100%;
  left: 0
}

.news-container>.bg.bg1 {
  top: clamp(-125px, -6.5104166667vw, -63.8020833333px)
}

.news-container>.bg.bg2 {
  bottom: clamp(-296px, -15.4166666667vw, -151.0833333333px)
}

.news-container .rel-wrap {
  position: relative;
  z-index: 1
}

.news-container .container {
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) 0
}

.news-container .video-wall,
.news-container .news-swiper {
  margin-top: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

.news-container .video-list,
.news-container .news-list {
  margin-top: clamp(17.8645833333px, 1.8229166667vw, 35px)
}

.news-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ccc;
  padding: 0 20px;
  overflow: hidden
}

.news-tabs .tab {
  --_icon-normal: block;
  --_icon-active: none;
  display: flex;
  align-items: center;
  padding: clamp(15.3125px, 1.5625vw, 30px) 0;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  transition: border-color .3s
}

.news-tabs .tab.on,
.news-tabs .tab:hover {
  --_icon-normal: none;
  --_icon-active: block;
  color: var(--color-theme);
  border-color: currentColor
}

.news-tabs .tab:not(:last-child) {
  margin-right: clamp(1.875rem, -10.5053191489rem + 20.2127659574vw, 13.75rem)
}

.news-tabs .icon {
  font-size: clamp(1.125rem, 0.3430851064rem + 1.2765957447vw, 1.875rem);
  margin-right: 10px
}

.news-tabs .icon img:nth-child(1) {
  display: var(--_icon-normal)
}

.news-tabs .icon img:nth-child(2) {
  display: var(--_icon-active)
}

.news-search-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between
}

.news-search-title .title {
  font-size: clamp(22.96875px, 2.34375vw, 45px);
  font-weight: bold
}

.news-search-title .search {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 99px;
  padding: 1.125em 1.625em;
  min-width: clamp(12.5rem, 2.8563829787rem + 15.7446808511vw, 21.75rem);
  border: 1px solid rgba(0, 0, 0, 0);
  box-shadow: var(--shadow)
}

.news-search-title .search input {
  width: 0;
  min-width: 0;
  flex: 1;
  margin-left: 10px
}

.news-search-title .search:focus-within {
  border-color: var(--color-theme)
}

.news-slide-1 {
  background: linear-gradient(var(--color-theme), var(--color-theme3));
  color: #fff;
  display: flex;
  height: auto
}

@media screen and (max-width: 980px) {
  .news-slide-1 {
    flex-direction: column
  }
}

.news-slide-1 .imgbox {
  width: clamp(364.9479166667px, 37.2395833333vw, 715px);
  max-width: 100%;
  position: relative
}

@supports(aspect-ratio: 1.4895833333) {
  .news-slide-1 .imgbox {
    aspect-ratio: 1.4895833333
  }
}

@supports not (aspect-ratio: 1.4895833333) {
  .news-slide-1 .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 67.1328671329%
  }
}

.news-slide-1 .imgbox>img,
.news-slide-1 .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

@media screen and (max-width: 980px) {
  .news-slide-1 .imgbox {
    width: 100%
  }
}

.news-slide-1 .con {
  flex: 1;
  padding: clamp(1.25rem, -1.3563829787rem + 4.2553191489vw, 3.75rem);
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 980px) {
  .news-slide-1 .con {
    padding: 20px
  }
}

.news-slide-1 .info {
  display: flex;
  align-items: center
}

.news-slide-1 .tag {
  background: #fff;
  color: var(--color-theme);
  border-radius: 99px;
  font-size: 12px;
  padding: 3px 1rem;
  margin-right: .6em
}

.news-slide-1 .date {
  opacity: .5;
  font-size: 14px
}

.news-slide-1 .text {
  margin-top: clamp(0.9375rem, 0.6117021277rem + 0.5319148936vw, 1.25rem);
  font-size: clamp(1rem, 0.2180851064rem + 1.2765957447vw, 1.75rem);
  line-height: 1.2
}

.news-slide-1 .desc {
  margin-top: clamp(1.25rem, -0.0531914894rem + 2.1276595745vw, 2.5rem);
  margin-bottom: auto
}

.news-slide-1 .more {
  font-size: 14px;
  margin-top: clamp(25.5208333333px, 2.6041666667vw, 50px)
}

.news-slide-1 .more .icon {
  margin-left: 2px;
  transform: rotate(-45deg)
}

.news-slide-1:hover .text {
  text-decoration: underline;
  text-underline-offset: 4px
}

.news-swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: clamp(15.3125px, 1.5625vw, 30px)
}

.news-swiper-pagination .bullet {
  display: block;
  min-width: var(--dot-size, clamp(0.375rem, 0.2446808511rem + 0.2127659574vw, 0.5rem));
  min-height: var(--dot-size, clamp(0.375rem, 0.2446808511rem + 0.2127659574vw, 0.5rem));
  width: var(--dot-size, clamp(0.375rem, 0.2446808511rem + 0.2127659574vw, 0.5rem));
  height: var(--dot-size, clamp(0.375rem, 0.2446808511rem + 0.2127659574vw, 0.5rem));
  background: var(--dot-color, #c3c7cc);
  border-radius: 50%
}

.news-swiper-pagination .bullet:not(:last-child) {
  margin-right: clamp(0.375rem, 0.1143617021rem + 0.4255319149vw, 0.625rem)
}

.news-swiper-pagination .bullet.active {
  --_size: clamp(1rem, 0.7393617021rem + 0.4255319149vw, 1.25rem);
  width: var(--_size);
  height: var(--_size);
  background: rgba(0, 0, 0, 0);
  background-image: url(../img/d-theme.png);
  background-size: contain;
  background-repeat: no-repeat;
  animation: rotate 2.5s infinite linear
}

.news-grid-cols-3 {
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: var(--_gap)
}

@media screen and (min-width: 981px) {
  .news-grid-cols-3 {
    --_cols: 3
  }
}

@media screen and (max-width: 980px) {
  .news-grid-cols-3 {
    --_cols: 1
  }
}

.news-grid-cols-2 {
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  row-gap: clamp(40.8333333333px, 4.1666666667vw, 80px);
  -moz-column-gap: clamp(30.625px, 3.125vw, 60px);
  column-gap: clamp(30.625px, 3.125vw, 60px)
}

@media screen and (min-width: 981px) {
  .news-grid-cols-2 {
    --_cols: 2
  }
}

@media screen and (max-width: 980px) {
  .news-grid-cols-2 {
    --_cols: 1
  }
}

.news-grid-cols-4 {
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: var(--_gap, clamp(15.3125px, 1.5625vw, 30px))
}

@media screen and (min-width: 981px) {
  .news-grid-cols-4 {
    --_cols: 4
  }
}

@media screen and (max-width: 980px) {
  .news-grid-cols-4 {
    --_cols: 2
  }
}

.g-tag {
  color: #fff;
  background: var(--color-theme);
  border-radius: 99px;
  font-size: 12px;
  padding: 3px 1rem;
  width: -moz-max-content;
  width: max-content
}

.news-item-1 {
  position: relative;
  background: #fff;
  box-shadow: var(--shadow);
  transition: box-shadow .3s;
  display: flex;
  flex-direction: column
}

.news-item-1:hover {
  box-shadow: var(--shadow-lg)
}

.news-item-1:hover .title {
  color: var(--color-theme)
}

.news-item-1 .g-tag {
  margin-bottom: 14px
}

.news-item-1 .imgbg,
.news-item-1 .imgbox {
  position: relative
}

@supports(aspect-ratio: 1.6428571429) {

  .news-item-1 .imgbg,
  .news-item-1 .imgbox {
    aspect-ratio: 1.6428571429
  }
}

@supports not (aspect-ratio: 1.6428571429) {

  .news-item-1 .imgbg::before,
  .news-item-1 .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 60.8695652174%
  }
}

.news-item-1 .imgbg>img,
.news-item-1 .imgbg>.inner,
.news-item-1 .imgbox>img,
.news-item-1 .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.news-item-1 .wrap {
  padding: clamp(0.75rem, 0.2287234043rem + 0.8510638298vw, 1.25rem);
  transition: color .3s;
  display: flex;
  flex-direction: column;
  flex: 1
}

.news-item-1 .title {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  line-height: 1.2;
  margin-bottom: auto;
  transition: color .3s
}

.news-item-1 .date {
  margin-top: clamp(10.2083333333px, 1.0416666667vw, 20px);
  font-size: 14px
}

.news-slide-2 {
  position: relative
}

.news-slide-2 .imgbox {
  width: 100%;
  position: relative
}

@supports(aspect-ratio: 3.0208333333) {
  .news-slide-2 .imgbox {
    aspect-ratio: 3.0208333333
  }
}

@supports not (aspect-ratio: 3.0208333333) {
  .news-slide-2 .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 33.1034482759%
  }
}

.news-slide-2 .imgbox>img,
.news-slide-2 .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

@media screen and (min-width: 981px) {
  .news-slide-2 .content {
    position: absolute;
    z-index: 1;
    top: clamp(25.5208333333px, 2.6041666667vw, 50px);
    left: clamp(30.625px, 3.125vw, 60px);
    width: clamp(290.9375px, 29.6875vw, 570px);
    color: #fff
  }
}

@media screen and (max-width: 980px) {
  .news-slide-2 .content {
    background: #fff;
    padding: 20px
  }
}

@media screen and (min-width: 981px) {
  .news-slide-2 .tag {
    color: var(--color-theme);
    background: #fff
  }
}

.news-slide-2 .title {
  font-weight: bold;
  font-size: clamp(16.3333333333px, 1.6666666667vw, 32px);
  line-height: 1.2;
  margin-top: clamp(18.375px, 1.875vw, 36px)
}

.news-slide-2 ul {
  margin-top: clamp(1.125rem, 0.6037234043rem + 0.8510638298vw, 1.625rem)
}

.news-slide-2 li {
  display: flex;
  align-items: center
}

.news-slide-2 li [icon] {
  font-size: 1.125em;
  margin-right: 8px
}

@media screen and (max-width: 980px) {
  .news-slide-2 li [icon] {
    filter: drop-shadow(0 100vh 0 #000);
    transform: translateY(-100vh)
  }
}

.news-slide-2 li:not(:last-child) {
  margin-bottom: 8px
}

.news-item-2 {
  position: relative;
  background: #fff;
  display: block
}

.news-item-2>.bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity .3s;
  opacity: var(--_bg-opacity, 0)
}

.news-item-2>.bg::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .4)
}

.news-item-2 .wrap {
  position: relative;
  z-index: 1;
  padding: 0;
  transition: color .3s;
  min-height: clamp(11.25rem, 4.7340425532rem + 10.6382978723vw, 17.5rem);
  display: flex;
  flex-direction: column
}

.news-item-2 .title {
  font-size: clamp(1.125rem, 0.8643617021rem + 0.4255319149vw, 1.375rem);
  line-height: 1.2;
  margin-bottom: auto
}

.news-item-2 .date {
  margin-top: clamp(30.625px, 3.125vw, 60px);
  font-size: 14px
}

.news-item-2 .class {
  font-size: clamp(0.875rem, 0.8098404255rem + 0.1063829787vw, 0.9375rem);
  border-bottom: 1px solid #eaeaea;
  padding: clamp(15.3125px, 1.5625vw, 30px) clamp(22.96875px, 2.34375vw, 45px);
  transition: .3s
}

.news-item-2 .content {
  padding: clamp(15.3125px, 1.5625vw, 30px) clamp(19.3958333333px, 1.9791666667vw, 38px)
}

.news-item-2 ul {
  margin-top: clamp(19.3958333333px, 1.9791666667vw, 38px);
  color: #666;
  transition: .3s
}

.news-item-2 li {
  display: flex;
  align-items: center
}

.news-item-2 li .icons {
  margin-right: 6px
}

.news-item-2 li:not(:last-child) {
  margin-bottom: 4px
}

.news-item-2:hover {
  --_icon-normal: none;
  --_icon-active: block;
  --_bg-opacity: 1;
  color: #fff
}

.news-item-2:hover .date {
  opacity: 1
}

.news-item-2:hover ul {
  color: #fff
}

.news-item-2:hover .class {
  color: #fff;
  border-color: hsla(0, 0%, 100%, .3)
}

.icons img:nth-child(1) {
  display: var(--_icon-normal, block)
}

.icons img:nth-child(2) {
  display: var(--_icon-active, none)
}

.kanwu-item {
  background: #fff;
  transition: box-shadow .3s
}

@media screen and (min-width: 981px) {
  .kanwu-item {
    display: flex
  }
}

.kanwu-item:hover {
  box-shadow: var(--shadow-lg)
}

.kanwu-item .imgbox {
  width: clamp(153.125px, 15.625vw, 300px);
  position: relative;
  -o-object-fit: contain;
  object-fit: contain
}

@supports(aspect-ratio: 0.6906077348) {
  .kanwu-item .imgbox {
    aspect-ratio: .6906077348
  }
}

@supports not (aspect-ratio: 0.6906077348) {
  .kanwu-item .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 144.8%
  }
}

.kanwu-item .imgbox>img,
.kanwu-item .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

@media screen and (max-width: 980px) {
  .kanwu-item .imgbox {
    width: 100%
  }
}

.kanwu-item .con {
  padding: clamp(1.875rem, -0.079787234rem + 3.1914893617vw, 3.75rem) clamp(1.25rem, -0.704787234rem + 3.1914893617vw, 3.125rem);
  display: flex;
  flex-direction: column;
  flex: 1
}

.kanwu-item .date {
  color: #888
}

.kanwu-item .date [icon] {
  margin-right: .5em
}

.kanwu-item .title {
  font-size: clamp(1.125rem, 0.8643617021rem + 0.4255319149vw, 1.375rem);
  line-height: 1.2;
  margin-top: 1rem;
  margin-bottom: auto
}

.kanwu-item .buttons {
  display: flex;
  margin-top: clamp(44.9166666667px, 4.5833333333vw, 88px)
}

.kanwu-item .button {
  border: 1px solid silver;
  border-radius: 99px;
  padding: .625em 1.25em;
  min-width: clamp(61.25px, 6.25vw, 120px);
  text-align: center;
  transition: .3s
}

.kanwu-item .button:not(:last-child) {
  margin-right: 10px
}

.kanwu-item .button:hover {
  background: var(--color-theme);
  color: #fff;
  border-color: var(--color-theme)
}

.video-wall {
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: var(--_gap, clamp(15.3125px, 1.5625vw, 30px))
}

@media screen and (min-width: 981px) {
  .video-wall {
    --_cols: 3
  }
}

@media screen and (max-width: 980px) {
  .video-wall {
    --_cols: 1
  }
}

@media screen and (min-width: 981px) {
  .video-wall {
    min-height: clamp(285.8333333333px, 29.1666666667vw, 560px)
  }
}

.video-wall .video-box {
  --play-btn-bg: rgba(0, 0, 0, 0.5);
  position: relative;
  position: relative;
  grid-column: span 2/span 2
}

@supports(aspect-ratio: 1.6964285714) {
  .video-wall .video-box {
    aspect-ratio: 1.6964285714
  }
}

@supports not (aspect-ratio: 1.6964285714) {
  .video-wall .video-box::before {
    content: "";
    display: block;
    padding-bottom: 58.9473684211%
  }
}

.video-wall .video-box>video,
.video-wall .video-box>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

@media screen and (max-width: 980px) {
  .video-wall .video-box {
    grid-column: span 1/span 1
  }
}

.video-wall .video-box video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.video-wall .video-box .poster {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.video-wall .list-box {
  position: relative
}

@supports(aspect-ratio: 0.8214285714) {
  .video-wall .list-box {
    aspect-ratio: .8214285714
  }
}

@supports not (aspect-ratio: 0.8214285714) {
  .video-wall .list-box::before {
    content: "";
    display: block;
    padding-bottom: 121.7391304348%
  }
}

.video-wall .list-box>.list,
.video-wall .list-box>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.video-wall .list {
  overflow: auto
}

@media screen and (max-width: 980px) {
  .video-wall .list {
    max-height: 200px
  }
}

.video-wall .item {
  --_mb: clamp(0.9375rem, 0.6117021277rem + 0.5319148936vw, 1.25rem);
  display: flex;
  background: #fff;
  cursor: pointer;
  min-height: calc((100% - var(--_mb)*4)/5)
}

.video-wall .item:not(:last-child) {
  margin-bottom: var(--_mb)
}

.video-wall .item .imgbox {
  width: clamp(7.5rem, 4.6329787234rem + 4.6808510638vw, 10.25rem);
  position: relative
}

@supports(aspect-ratio: 1.7083333333) {
  .video-wall .item .imgbox {
    aspect-ratio: 1.7083333333
  }
}

@supports not (aspect-ratio: 1.7083333333) {
  .video-wall .item .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 58.5365853659%
  }
}

.video-wall .item .imgbox>img,
.video-wall .item .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.video-wall .item .con {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 clamp(10.2083333333px, 1.0416666667vw, 20px)
}

.video-wall .item .title {
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--limit, 2)
}

.video-wall .item:hover,
.video-wall .item.on {
  color: #fff;
  background: linear-gradient(to right, var(--color-theme), var(--color-theme3))
}

.circle.play {
  --_bg: var(--play-btn-bg, rgba(255, 255, 255, 0.2));
  --_color: var(--play-btn-color, #fff);
  --_hover-bg: var(--play-btn-hover-bg, rgba(255, 255, 255, 0.5));
  --_hover-color: var(--play-btn-hover-color, #fff);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--size, );
  height: var(--size, );
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
  --size: 2.6em;
  font-size: clamp(1.25rem, 0.5984042553rem + 1.0638297872vw, 1.875rem);
  background: var(--_bg);
  color: var(--_color);
  transition: background .3s
}

.circle.play:hover {
  background: var(--_hover-bg);
  color: var(--_hover-color)
}

.video-list {
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: var(--_gap)
}

@media screen and (min-width: 981px) {
  .video-list {
    --_cols: 3
  }
}

@media screen and (max-width: 980px) {
  .video-list {
    --_cols: 1
  }
}

.video-list .item {
  position: relative
}

.video-list .item .video-box {
  --play-btn-bg: rgba(0, 0, 0, 0.5);
  width: 100%;
  position: relative;
  background: #000
}

@supports(aspect-ratio: 1.7782101167) {
  .video-list .item .video-box {
    aspect-ratio: 1.7782101167
  }
}

@supports not (aspect-ratio: 1.7782101167) {
  .video-list .item .video-box::before {
    content: "";
    display: block;
    padding-bottom: 56.2363238512%
  }
}

.video-list .item .video-box>video,
.video-list .item .video-box>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.video-list .item .video-box video:not([controls]) {
  -o-object-fit: cover;
  object-fit: cover
}

.video-list .item p {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  margin-top: 1rem;
  line-height: 1.2
}

.article-detail,
.article-detail2 {
  overflow: hidden;
  position: relative;
  background-color: #f5f8fb
}

.article-detail>.bg,
.article-detail2>.bg {
  position: absolute;
  pointer-events: none;
  width: 100%;
  left: 0
}

.article-detail>.bg.bg1,
.article-detail2>.bg.bg1 {
  top: clamp(-55px, -2.8645833333vw, -28.0729166667px);
  z-index: 1
}

.article-detail>.bg.bg2,
.article-detail2>.bg.bg2 {
  bottom: clamp(-640px, -33.3333333333vw, -326.6666666667px)
}

.article-detail .rel-wrap,
.article-detail2 .rel-wrap {
  position: relative;
  z-index: 1;
  padding: clamp(61.25px, 6.25vw, 120px) clamp(81.6666666667px, 8.3333333333vw, 160px) clamp(96.9791666667px, 9.8958333333vw, 190px)
}

@media screen and (min-width: 981px) {

  .article-detail .rel-wrap,
  .article-detail2 .rel-wrap {
    display: flex
  }
}

@media screen and (max-width: 980px) {

  .article-detail .rel-wrap,
  .article-detail2 .rel-wrap {
    padding: 50px 5%
  }
}

@media screen and (min-width: 981px) {

  .article-detail .l,
  .article-detail2 .l {
    padding: 0 clamp(25.5208333333px, 2.6041666667vw, 50px)
  }
}

.article-detail .l .back,
.article-detail2 .l .back {
  background: #fff;
  --size: 2.75em;
  transition: background .3s, color .3s;
  box-shadow: var(--shadow)
}

.article-detail .l .back:hover,
.article-detail2 .l .back:hover {
  background: var(--color-theme);
  color: #fff
}

.article-detail .main,
.article-detail2 .main {
  flex: 1;
  padding: 0 clamp(35.7291666667px, 3.6458333333vw, 70px)
}

@media screen and (min-width: 981px) {

  .article-detail .main,
  .article-detail2 .main {
    border-left: 1px solid #a4aaba
  }
}

@media screen and (max-width: 980px) {

  .article-detail .main,
  .article-detail2 .main {
    padding: 0;
    margin-top: 20px
  }
}

.article-detail .main .title,
.article-detail2 .main .title {
  font-size: clamp(1.25rem, 0.4680851064rem + 1.2765957447vw, 2rem);
  line-height: 1.2
}

.article-detail .main .info,
.article-detail2 .main .info {
  margin-top: clamp(17.8645833333px, 1.8229166667vw, 35px);
  color: #444
}

.article-detail .main .rich-text,
.article-detail2 .main .rich-text {
  font-size: clamp(1rem, 0.9348404255rem + 0.1063829787vw, 1.0625rem);
  margin-top: clamp(19.3958333333px, 1.9791666667vw, 38px)
}

.article-detail .news-list,
.article-detail2 .news-list {
  display: grid;
  height: -moz-max-content;
  height: max-content
}

@media screen and (min-width: 981px) {

  .article-detail .news-list,
  .article-detail2 .news-list {
    width: clamp(237.34375px, 24.21875vw, 465px)
  }
}

@media screen and (max-width: 980px) {

  .article-detail .news-list,
  .article-detail2 .news-list {
    margin-top: 30px
  }
}

.article-detail .news-list>*:not(:last-child),
.article-detail2 .news-list>*:not(:last-child) {
  margin-bottom: 20px
}

.chairman-area,
.zxzq {
  padding: clamp(30.625px, 3.125vw, 60px) 0 0;
  background-color: #ebf1ff;
  background-size: 100% auto;
  background-position-y: clamp(-120px, -6.25vw, -61.25px)
}

@media screen and (max-width: 980px) {

  .chairman-area,
  .zxzq {
    padding: 26px 0
  }
}

.chairman-area .container,
.zxzq .container {
  position: relative
}

.chairman-area .container .desc,
.zxzq .container .desc {
  font-size: clamp(1.125rem, 0.7340425532rem + 0.6382978723vw, 1.5rem);
  margin-top: clamp(10.2083333333px, 1.0416666667vw, 20px)
}

.chairman-area .main,
.zxzq .main {
  width: 100%;
  margin-top: clamp(28.0729166667px, 2.8645833333vw, 55px);
  position: relative
}

.chairman-area .people,
.zxzq .people {
  width: clamp(132.7083333333px, 13.5416666667vw, 260px)
}

@media screen and (min-width: 981px) {

  .chairman-area .people,
  .zxzq .people {
    position: absolute;
    right: clamp(20.4166666667px, 2.0833333333vw, 40px);
    bottom: 100%
  }
}

@media screen and (max-width: 980px) {

  .chairman-area .people,
  .zxzq .people {
    margin-left: auto;
    margin-right: 20px
  }
}

.chairman-area .box,
.zxzq .box {
  position: relative;
  z-index: 1;
  background-color: #fff;
  border-radius: clamp(12.25px, 1.25vw, 24px);
  padding: clamp(1.25rem, -0.704787234rem + 3.1914893617vw, 3.125rem)
}

@media screen and (min-width: 981px) {

  .chairman-area .box,
  .zxzq .box {
    margin-bottom: clamp(-200px, -10.4166666667vw, -102.0833333333px)
  }
}

.chairman-area .box .title,
.zxzq .box .title {
  font-weight: bold;
  line-height: 1.2
}

.chairman-area .box .title-box .title,
.zxzq .box .title-box .title {
  font-size: clamp(22.4583333333px, 2.2916666667vw, 44px)
}

.chairman-area .content,
.zxzq .content {
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: clamp(20.4166666667px, 2.0833333333vw, 40px);
  margin-top: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

@media screen and (min-width: 981px) {

  .chairman-area .content,
  .zxzq .content {
    --_cols: 3
  }
}

@media screen and (max-width: 980px) {

  .chairman-area .content,
  .zxzq .content {
    --_cols: 1
  }
}

.chairman-area .imgbox,
.zxzq .imgbox {
  border-radius: clamp(8.1666666667px, 0.8333333333vw, 16px);
  position: relative
}

@supports(aspect-ratio: 1.5384615385) {

  .chairman-area .imgbox,
  .zxzq .imgbox {
    aspect-ratio: 1.5384615385
  }
}

@supports not (aspect-ratio: 1.5384615385) {

  .chairman-area .imgbox::before,
  .zxzq .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 65%
  }
}

.chairman-area .imgbox>img,
.zxzq .imgbox>img,
.chairman-area .imgbox>.inner,
.zxzq .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.chairman-area .first-dt,
.zxzq .first-dt {
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: clamp(20.4166666667px, 2.0833333333vw, 40px);
  grid-column: span var(--_cols)/span var(--_cols)
}

.chairman-area .first-dt:hover,
.zxzq .first-dt:hover {
  color: var(--color-theme)
}

.chairman-area .title-date,
.zxzq .title-date,
.chairman-area .text-box,
.zxzq .text-box {
  display: flex;
  flex-direction: column
}

.chairman-area .title-date .title,
.zxzq .title-date .title {
  font-size: clamp(1.375rem, 0.8537234043rem + 0.8510638298vw, 1.875rem);
  margin-bottom: 10px;
  transition: color .3s
}

.chairman-area .title-date .date,
.zxzq .title-date .date {
  margin-top: auto;
  color: #666
}

.chairman-area .title-date:hover,
.zxzq .title-date:hover {
  color: var(--color-theme)
}

.chairman-area .text-box .text,
.zxzq .text-box .text {
  color: #666;
  margin-bottom: 10px;
  transition: color .3s
}

.chairman-area .text-box .more,
.zxzq .text-box .more {
  margin-top: auto
}

.chairman-area .text-box:hover .text,
.zxzq .text-box:hover .text {
  color: var(--color-theme)
}

.chairman-area .line,
.zxzq .line {
  grid-column: span var(--_cols)/span var(--_cols);
  width: 100%;
  height: 1px;
  background: #c1d1e1
}

.news-item-3 {
  display: flex;
  flex-direction: column
}

.news-item-3 .date {
  font-size: clamp(0.75rem, 0.6196808511rem + 0.2127659574vw, 0.875rem);
  color: #666
}

.news-item-3 .title {
  font-size: clamp(1rem, 0.7393617021rem + 0.4255319149vw, 1.25rem);
  line-height: 1.2;
  margin-top: 1em;
  margin-bottom: auto;
  transition: .3s
}

.news-item-3 .more {
  margin-top: clamp(17.8645833333px, 1.8229166667vw, 35px)
}

.news-item-3:hover .title {
  color: var(--color-theme)
}

.corporate-culture {
  padding: clamp(127.6041666667px, 13.0208333333vw, 250px) 0 clamp(30.625px, 3.125vw, 60px)
}

@media screen and (max-width: 980px) {
  .corporate-culture {
    padding: 26px 0
  }
}

@media screen and (max-width: 980px) {
  .corporate-culture .title-box .title-temp {
    width: 60%
  }
}

.corporate-culture .people-card .con {
  padding: clamp(30.625px, 3.125vw, 60px)
}

.corporate-culture .more {
  color: inherit
}

.corporate-culture .more:hover {
  background: #fff;
  color: #000
}

.corporate-culture .more:hover .icon {
  background: var(--color-theme);
  color: #fff
}

.corporate-culture .list {
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: 20px;
  margin-top: clamp(25.5208333333px, 2.6041666667vw, 50px)
}

@media screen and (min-width: 981px) {
  .corporate-culture .list {
    --_cols: 5
  }
}

@media screen and (max-width: 980px) {
  .corporate-culture .list {
    --_cols: 2
  }
}

.corporate-culture .list [icon] {
  font-size: clamp(25.5208333333px, 2.6041666667vw, 50px)
}

.corporate-culture .list .tit {
  font-size: 1.25em;
  font-weight: bold;
  margin: .75em 0 .5em
}

.corporate-culture .list .item {
  border-top: 2px solid hsla(0, 0%, 100%, .2);
  padding-top: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

.people-card {
  margin-top: clamp(25.5208333333px, 2.6041666667vw, 50px);
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(var(--_dir), transparent, rgba(255, 255, 255, 0.1))
}

@media screen and (min-width: 981px) {
  .people-card {
    --_dir: to right
  }
}

@media screen and (max-width: 980px) {
  .people-card {
    --_dir: to bottom
  }
}

@media screen and (min-width: 981px) {
  .people-card {
    display: flex
  }
}

.people-card.theme-style {
  background: var(--color-theme);
  color: #fff
}

@media screen and (max-width: 980px) {
  .people-card.theme-style {
    padding: 20px
  }

  .people-card.theme-style .con {
    padding: 0;
    margin-top: 20px
  }
}

.people-card .imgbox {
  border-radius: inherit;
  position: relative;
  width: clamp(199.0625px, 20.3125vw, 390px)
}

@supports(aspect-ratio: 0.8125) {
  .people-card .imgbox {
    aspect-ratio: .8125
  }
}

@supports not (aspect-ratio: 0.8125) {
  .people-card .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 123.0769230769%
  }
}

.people-card .imgbox>img,
.people-card .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

@media screen and (max-width: 980px) {
  .people-card .imgbox {
    margin: 0 auto
  }
}

.people-card .con {
  flex: 1;
  padding: clamp(45.9375px, 4.6875vw, 90px) clamp(66.3541666667px, 6.7708333333vw, 130px);
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 980px) {
  .people-card .con {
    padding: 20px
  }
}

.people-card .more {
  margin-top: auto
}

@media screen and (max-width: 980px) {
  .people-card .more {
    margin-top: 30px
  }
}

.people-card .text {
  font-size: clamp(14.2916666667px, 1.4583333333vw, 28px);
  line-height: 1.2
}

.people-card .info {
  font-style: italic;
  opacity: .8;
  margin-top: clamp(1.875rem, -0.4055851064rem + 3.7234042553vw, 4.0625rem)
}

.djld,
.shzr {
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) 0
}

@media screen and (min-width: 981px) {

  .djld .title-box,
  .shzr .title-box {
    display: flex;
    align-items: center;
    justify-content: space-between
  }
}

.djld .desc,
.shzr .desc {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem)
}

@media screen and (min-width: 981px) {

  .djld .desc,
  .shzr .desc {
    width: clamp(265.4166666667px, 27.0833333333vw, 520px)
  }
}

@media screen and (max-width: 980px) {

  .djld .desc,
  .shzr .desc {
    margin-top: 20px
  }
}

.djld .swiper-box,
.shzr .swiper-box {
  margin-top: clamp(35.7291666667px, 3.6458333333vw, 70px);
  position: relative
}

.djld .swiper-slide,
.shzr .swiper-slide {
  --img-ar: calc(460 / 340)
}

.djld .swiper-slide .imgbox,
.shzr .swiper-slide .imgbox {
  position: relative;
  border-radius: clamp(12.25px, 1.25vw, 24px);
  width: 100%
}

@supports(aspect-ratio: var(--img-ar)) {

  .djld .swiper-slide .imgbox,
  .shzr .swiper-slide .imgbox {
    aspect-ratio: var(--img-ar)
  }
}

@supports not (aspect-ratio: var(--img-ar)) {

  .djld .swiper-slide .imgbox::before,
  .shzr .swiper-slide .imgbox::before {
    content: "";
    display: block;
    padding-bottom: calc(1/var(--img-ar)*100%)
  }
}

.djld .swiper-slide .imgbox>img,
.shzr .swiper-slide .imgbox>img,
.djld .swiper-slide .imgbox>.inner,
.shzr .swiper-slide .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.djld .swiper-pagination,
.shzr .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  margin-top: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

.djld .swiper-pagination .bullet,
.shzr .swiper-pagination .bullet {
  display: block;
  min-width: var(--dot-size, clamp(0.375rem, 0.2446808511rem + 0.2127659574vw, 0.5rem));
  min-height: var(--dot-size, clamp(0.375rem, 0.2446808511rem + 0.2127659574vw, 0.5rem));
  width: var(--dot-size, clamp(0.375rem, 0.2446808511rem + 0.2127659574vw, 0.5rem));
  height: var(--dot-size, clamp(0.375rem, 0.2446808511rem + 0.2127659574vw, 0.5rem));
  background: var(--dot-color, var(--color-theme));
  border-radius: 50%;
  border-radius: 99px;
  transition: opacity .3s, width .3s;
  opacity: .25
}

.djld .swiper-pagination .bullet:not(:last-child),
.shzr .swiper-pagination .bullet:not(:last-child) {
  margin-right: clamp(0.375rem, 0.1143617021rem + 0.4255319149vw, 0.625rem)
}

.djld .swiper-pagination .bullet.active,
.shzr .swiper-pagination .bullet.active {
  width: clamp(0.75rem, -0.0319148936rem + 1.2765957447vw, 1.5rem);
  opacity: 1
}

.shzr {
  background-color: #f3f8fc
}

.shzr .swiper {
  padding-bottom: 10px
}

.shzr .swiper-slide {
  --img-ar: calc(460 / 305);
  height: auto;
  border-radius: clamp(12.25px, 1.25vw, 24px);
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 5px 20px -10px rgba(22, 57, 95, .08)
}

@media screen and (min-width: 981px) {
  .shzr .swiper-slide {
    width: clamp(234.7916666667px, 23.9583333333vw, 460px)
  }
}

.shzr .swiper-slide .imgbox {
  border-radius: 0
}

.shzr .swiper-slide .con {
  padding: clamp(0.875rem, 0.4840425532rem + 0.6382978723vw, 1.25rem)
}

.whhd {
  padding: clamp(30.625px, 3.125vw, 60px) 0;
  background-size: contain;
  background-position: left 0
}

@media screen and (min-width: 981px) {
  .whhd .container {
    display: flex
  }
}

@media screen and (min-width: 981px) {
  .whhd .l {
    margin-right: clamp(68.90625px, 7.03125vw, 135px)
  }
}

@media screen and (min-width: 981px) {
  .whhd .info-wrap {
    width: clamp(183.75px, 18.75vw, 360px)
  }
}

.whhd .r {
  flex: 1
}

@media screen and (max-width: 980px) {
  .whhd .r {
    margin-top: 20px
  }
}

.whhd .title-temp {
  --_en: clamp(1.5rem, 0.1316489362rem + 2.2340425532vw, 2.8125rem);
  --_zh: var(--_en)
}

.whhd .title-temp .en {
  line-height: 1;
  margin-bottom: 8px
}

.whhd .desc {
  margin-top: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

.whhd .tips.circle {
  font-size: 14px;
  --size: calc(106 / 14 * 1em);
  background: linear-gradient(45deg, var(--color-theme2), var(--color-theme));
  color: #fff;
  flex-direction: column;
  margin-top: clamp(45.9375px, 4.6875vw, 90px)
}

@media screen and (max-width: 980px) {
  .whhd .tips.circle {
    display: none
  }
}

.whhd .tips.circle [icon] {
  font-size: 1.8571428571em;
  margin-bottom: 4px
}

.whhd .timeline {
  display: flex
}

.whhd .timeline .clock-line {
  font-size: clamp(15.3125px, 1.5625vw, 30px);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative
}

.whhd .timeline .clock-line .line {
  content: "";
  display: block;
  background: #ccc;
  width: 2px;
  height: 100%;
  flex: 1
}

.whhd .timeline .clock-line .arr {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .5em .5em 0 .5em;
  border-color: currentColor rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.whhd .timeline .clock-line .tips {
  font-size: clamp(0.75rem, 0.4893617021rem + 0.4255319149vw, 1rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--color-theme);
  position: absolute;
  top: 100%;
  width: -moz-max-content;
  width: max-content
}

.whhd .timeline .list {
  margin-top: clamp(30.625px, 3.125vw, 60px);
  margin-left: clamp(18.375px, 1.875vw, 36px);
  flex: 1;
  padding-bottom: clamp(1.25rem, -0.704787234rem + 3.1914893617vw, 3.125rem)
}

.whhd .timeline .item {
  display: block
}

.whhd .timeline .item:not(:last-child) {
  margin-bottom: clamp(1.25rem, -0.0531914894rem + 2.1276595745vw, 2.5rem)
}

.whhd .timeline .item:hover .title {
  color: var(--color-theme)
}

.whhd .timeline .year {
  font-weight: bold;
  font-size: clamp(1.5625rem, 0.585106383rem + 1.5957446809vw, 2.5rem);
  color: var(--color-theme);
  position: relative;
  line-height: 1
}

.whhd .timeline .year::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: auto;
  margin: auto 0;
  height: -moz-fit-content;
  height: fit-content;
  right: calc(100% + clamp(15.3125px, 1.5625vw, 30px));
  width: 1em;
  height: 3px;
  background: currentColor
}

.whhd .timeline .title {
  margin: clamp(1rem, 0.7393617021rem + 0.4255319149vw, 1.25rem) 0;
  display: flex;
  align-items: center;
  font-weight: bold;
  transition: color .3s
}

.whhd .timeline .title::before {
  content: "";
  display: block;
  display: block;
  min-width: var(--dot-size, 0.5em);
  min-height: var(--dot-size, 0.5em);
  width: var(--dot-size, 0.5em);
  height: var(--dot-size, 0.5em);
  background: var(--dot-color, currentColor);
  border-radius: 50%;
  margin-right: 6px;
  transition: background .3s
}

.whhd .timeline .imgbox {
  border-radius: 8px;
  width: 100%;
  position: relative
}

@supports(aspect-ratio: 2.4444444444) {
  .whhd .timeline .imgbox {
    aspect-ratio: 2.4444444444
  }
}

@supports not (aspect-ratio: 2.4444444444) {
  .whhd .timeline .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 40.9090909091%
  }
}

.whhd .timeline .imgbox>img,
.whhd .timeline .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.people-section {
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px)
}

.people-section .people-card {
  margin-top: 0
}

.people-section .desc {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  line-height: 1.4;
  margin-top: clamp(22.96875px, 2.34375vw, 45px)
}

.twzz {
  padding: clamp(30.625px, 3.125vw, 60px) 0
}

@media screen and (min-width: 981px) {
  .twzz .container {
    display: flex
  }
}

.twzz .text {
  margin-top: clamp(12.25px, 1.25vw, 24px);
  margin-bottom: clamp(25.5208333333px, 2.6041666667vw, 50px)
}

@media screen and (min-width: 981px) {
  .twzz .text {
    width: clamp(245px, 25vw, 480px)
  }
}

.twzz .info {
  display: flex;
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem)
}

@media screen and (min-width: 981px) {
  .twzz .info {
    width: clamp(331.7708333333px, 33.8541666667vw, 650px)
  }
}

.twzz .info .tit {
  color: var(--color-theme);
  margin-right: 12px;
  font-weight: bold
}

.twzz .info p {
  flex: 1
}

.twzz .info:not(:last-child) {
  margin-bottom: clamp(17.8645833333px, 1.8229166667vw, 35px)
}

@media screen and (min-width: 981px) {
  .twzz .r {
    margin-left: auto
  }
}

@media screen and (max-width: 980px) {
  .twzz .r {
    margin-top: 20px
  }
}

.twzz .imgbox {
  position: relative;
  border-radius: clamp(12.25px, 1.25vw, 24px)
}

@supports(aspect-ratio: 1.5652173913) {
  .twzz .imgbox {
    aspect-ratio: 1.5652173913
  }
}

@supports not (aspect-ratio: 1.5652173913) {
  .twzz .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 63.8888888889%
  }
}

.twzz .imgbox>img,
.twzz .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

@media screen and (min-width: 981px) {
  .twzz .imgbox {
    width: clamp(367.5px, 37.5vw, 720px)
  }
}

.icon-title-box .icon {
  --_size: calc(100 / 42 * 1em);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(21.4375px, 2.1875vw, 42px);
  width: var(--_size);
  height: var(--_size);
  border-radius: clamp(12.25px, 1.25vw, 24px)
}

.icon-title-box .title {
  font-size: clamp(18.375px, 1.875vw, 36px);
  font-weight: bold;
  margin-top: 10px
}

.icon-title-box.border .icon {
  border: 2px solid #ededed
}

.icon-title-box.white-border .icon {
  background: rgba(0, 0, 0, 0);
  border: 2px solid hsla(0, 0%, 100%, .3)
}

.twsm {
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) 0
}

.twsm .desc {
  margin-top: clamp(10.2083333333px, 1.0416666667vw, 20px)
}

.twsm .items {
  margin-top: clamp(25.5208333333px, 2.6041666667vw, 50px);
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: clamp(15.3125px, 1.5625vw, 30px)
}

@media screen and (min-width: 981px) {
  .twsm .items {
    --_cols: 3
  }
}

@media screen and (max-width: 980px) {
  .twsm .items {
    --_cols: 1
  }
}

.twsm .item {
  padding: clamp(15.3125px, 1.5625vw, 30px) clamp(25.5208333333px, 2.6041666667vw, 50px) clamp(40.8333333333px, 4.1666666667vw, 80px);
  border-radius: clamp(12.25px, 1.25vw, 24px);
  min-height: clamp(255.2083333333px, 26.0416666667vw, 500px);
  transition: box-shadow .3s
}

.twsm .item:hover {
  box-shadow: var(--shadow-lg)
}

.twsm .item .id {
  font-family: "PlayfairDisplay";
  font-size: clamp(61.25px, 6.25vw, 120px);
  color: #fff;
  line-height: 1;
  font-weight: 900;
  font-style: italic;
  margin-bottom: clamp(-30px, -1.5625vw, -15.3125px)
}

.twsm .item .title {
  font-size: clamp(16.3333333333px, 1.6666666667vw, 32px)
}

.twsm .item .info {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem)
}

.twsm .item .text {
  margin-top: clamp(14.2916666667px, 1.4583333333vw, 28px);
  text-align: justify
}

.twyj {
  min-height: clamp(408.3333333333px, 41.6666666667vw, 800px);
  padding: clamp(51.0416666667px, 5.2083333333vw, 100px) 0;
  color: #fff;
  display: flex;
  align-items: center
}

@media screen and (min-width: 981px) {
  .twyj .container {
    display: flex
  }
}

.twyj .desc {
  margin-top: clamp(12.7604166667px, 1.3020833333vw, 25px)
}

.twyj .l {
  flex: 1
}

@media screen and (min-width: 981px) {
  .twyj .l {
    padding-right: clamp(61.25px, 6.25vw, 120px)
  }
}

@media screen and (min-width: 981px) {
  .twyj .r {
    width: clamp(484.8958333333px, 49.4791666667vw, 950px);
    margin-left: auto;
    border-left: 2px solid hsla(0, 0%, 100%, .3);
    padding: clamp(15.3125px, 1.5625vw, 30px) 0 clamp(51.0416666667px, 5.2083333333vw, 100px) clamp(48.4895833333px, 4.9479166667vw, 95px)
  }
}

@media screen and (max-width: 980px) {
  .twyj .r {
    border-top: 2px solid hsla(0, 0%, 100%, .3);
    padding-top: 40px;
    margin-top: 40px
  }
}

.twyj .r .title {
  font-size: clamp(1.5rem, 0.7180851064rem + 1.2765957447vw, 2.25rem);
  font-weight: bold
}

.twyj .r .text {
  margin-top: clamp(10.2083333333px, 1.0416666667vw, 20px)
}

.twzndw {
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) 0
}

@media screen and (min-width: 981px) {
  .twzndw .container {
    display: flex
  }
}

.twzndw .desc {
  margin-top: clamp(10.2083333333px, 1.0416666667vw, 20px)
}

@media screen and (min-width: 981px) {
  .twzndw .l {
    width: clamp(250.1041666667px, 25.5208333333vw, 490px);
    border-right: 1px solid var(--color-theme);
    margin-right: clamp(51.0416666667px, 5.2083333333vw, 100px);
    padding-right: clamp(51.0416666667px, 5.2083333333vw, 100px)
  }
}

.twzndw .r {
  flex: 1
}

@media screen and (min-width: 981px) {
  .twzndw .r {
    padding-top: 15px
  }
}

@media screen and (max-width: 980px) {
  .twzndw .r {
    margin-top: 20px;
    border-top: 1px solid var(--color-theme);
    padding-top: 20px
  }
}

.twzndw .item:not(:last-child) {
  margin-bottom: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

.twzndw .item .tit {
  display: flex;
  align-items: center;
  font-size: clamp(1.25rem, 0.7287234043rem + 0.8510638298vw, 1.75rem);
  font-weight: bold;
  color: var(--color-theme);
  margin-bottom: .5714285714em
}

.twzndw .item .tit::before {
  content: "";
  display: block;
  min-width: var(--dot-size, 0.4285714286em);
  min-height: var(--dot-size, 0.4285714286em);
  width: var(--dot-size, 0.4285714286em);
  height: var(--dot-size, 0.4285714286em);
  background: var(--dot-color, currentColor);
  border-radius: 50%;
  margin-right: 4px
}

.twjyln {
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) 0
}

.twjyln .desc {
  margin-top: clamp(0.625rem, 0.2992021277rem + 0.5319148936vw, 0.9375rem)
}

.twjyln .items {
  margin-top: clamp(20.4166666667px, 2.0833333333vw, 40px);
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: clamp(10.2083333333px, 1.0416666667vw, 20px)
}

@media screen and (min-width: 981px) {
  .twjyln .items {
    --_cols: 2
  }
}

@media screen and (max-width: 980px) {
  .twjyln .items {
    --_cols: 1
  }
}

.twjyln .item {
  border-radius: clamp(12.25px, 1.25vw, 24px);
  background: #eff4fc;
  padding: clamp(20.4166666667px, 2.0833333333vw, 40px);
  transition: box-shadow .3s
}

.twjyln .item:hover {
  box-shadow: var(--shadow-lg)
}

.twjyln .item .title-box {
  display: flex;
  align-items: center;
  color: var(--color-theme);
  font-size: clamp(1.125rem, 0.4734042553rem + 1.0638297872vw, 1.75rem);
  font-weight: bold
}

.twjyln .item .in-text {
  background: var(--color-theme);
  color: #fff;
  --size: clamp(2.8125rem, -0.1196808511rem + 4.7872340426vw, 5.625rem);
  font-size: clamp(1.375rem, -0.1888297872rem + 2.5531914894vw, 2.875rem);
  margin-right: 1rem
}

.twjyln .item .text {
  margin-top: clamp(10.2083333333px, 1.0416666667vw, 20px)
}

.rcln {
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) 0
}

@media screen and (min-width: 981px) {
  .rcln .container {
    display: flex
  }
}

.rcln .desc {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  margin-top: clamp(12.25px, 1.25vw, 24px)
}

@media screen and (min-width: 981px) {
  .rcln .l {
    width: clamp(311.3541666667px, 31.7708333333vw, 610px);
    padding-right: clamp(45.9375px, 4.6875vw, 90px);
    margin-right: clamp(45.9375px, 4.6875vw, 90px)
  }
}

@media screen and (max-width: 980px) {
  .rcln .l {
    margin-bottom: 20px
  }
}

.rcln .r {
  flex: 1;
  word-break: break-word
}

.rcln .rich-text {
  color: #222
}

.zpzw {
  color: #fff
}

.zpzw .box {
  width: var(--main-width);
  min-height: clamp(285.8333333333px, 29.1666666667vw, 560px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: clamp(61.25px, 6.25vw, 120px) 5%
}

@media screen and (max-width: 980px) {
  .zpzw .box {
    padding: 50px 5%
  }
}

.zpzw .desc {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  margin-top: clamp(15.3125px, 1.5625vw, 30px)
}

.zpzw .links {
  --_gap: clamp(0.9375rem, -0.039893617rem + 1.5957446809vw, 1.875rem);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: clamp(30.625px, 3.125vw, 60px);
  margin-bottom: calc(0px - var(--_gap));
  margin-right: calc(0px - var(--_gap))
}

.zpzw .links .link {
  margin-bottom: var(--_gap);
  margin-right: var(--_gap)
}

.zpzw .link {
  color: #fff
}

.zpzw .link .icon {
  background: #fff;
  color: var(--color-theme)
}

.zpzw-space {
  height: clamp(25.5208333333px, 2.6041666667vw, 50px)
}

.czjh {
  padding: clamp(56.1458333333px, 5.7291666667vw, 110px) 0 clamp(102.0833333333px, 10.4166666667vw, 200px);
  background-size: clamp(229.6875px, 23.4375vw, 450px) auto;
  background-position-y: top
}

@media screen and (max-width: 980px) {
  .czjh {
    padding: 50px 0
  }
}

.czjh .desc {
  margin: clamp(13.2708333333px, 1.3541666667vw, 26px) auto 0
}

@media screen and (min-width: 981px) {
  .czjh .desc {
    width: clamp(490px, 50vw, 960px)
  }
}

.czjh .list {
  --_gap: clamp(0.9375rem, 0.6117021277rem + 0.5319148936vw, 1.25rem);
  margin-top: clamp(63.8020833333px, 6.5104166667vw, 125px)
}

.czjh .item {
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: var(--_gap)
}

@media screen and (min-width: 981px) {
  .czjh .item {
    --_cols: 2
  }
}

@media screen and (max-width: 980px) {
  .czjh .item {
    --_cols: 1
  }
}

@media screen and (min-width: 981px) {
  .czjh .item:nth-child(2n) .l {
    order: 2
  }
}

.czjh .item:not(:last-child) {
  margin-bottom: var(--_gap)
}

.czjh .item .l,
.czjh .item .r {
  border-radius: 1rem;
  overflow: hidden
}

.czjh .item .l {
  padding: clamp(30.625px, 3.125vw, 60px) clamp(51.0416666667px, 5.2083333333vw, 100px)
}

@media screen and (max-width: 980px) {
  .czjh .item .l {
    padding: 30px
  }
}

.czjh .item .title {
  font-size: clamp(17.3541666667px, 1.7708333333vw, 34px)
}

.czjh .item .text {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  margin-top: clamp(15.3125px, 1.5625vw, 30px)
}

.czjh .item .imgbox {
  width: 100%;
  position: relative
}

@supports(aspect-ratio: 1.5434782609) {
  .czjh .item .imgbox {
    aspect-ratio: 1.5434782609
  }
}

@supports not (aspect-ratio: 1.5434782609) {
  .czjh .item .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 64.7887323944%
  }
}

.czjh .item .imgbox>img,
.czjh .item .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.czjh .item .swiper-pagination {
  background: rgba(0, 0, 0, .5);
  border-radius: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  bottom: clamp(15.3125px, 1.5625vw, 30px);
  padding: clamp(0.5rem, 0.3696808511rem + 0.2127659574vw, 0.625rem) clamp(0.75rem, 0.2287234043rem + 0.8510638298vw, 1.25rem)
}

.czjh .item .swiper-pagination .bullet {
  display: block;
  min-width: var(--dot-size, clamp(0.375rem, 0.1795212766rem + 0.3191489362vw, 0.5625rem));
  min-height: var(--dot-size, clamp(0.375rem, 0.1795212766rem + 0.3191489362vw, 0.5625rem));
  width: var(--dot-size, clamp(0.375rem, 0.1795212766rem + 0.3191489362vw, 0.5625rem));
  height: var(--dot-size, clamp(0.375rem, 0.1795212766rem + 0.3191489362vw, 0.5625rem));
  background: var(--dot-color, #fff);
  border-radius: 50%;
  transition: .3s
}

.czjh .item .swiper-pagination .bullet:not(.active) {
  opacity: .5
}

.czjh .item .swiper-pagination .bullet:not(:last-child) {
  margin-right: clamp(0.375rem, 0.2446808511rem + 0.2127659574vw, 0.5rem)
}

.jdpt .container {
  position: relative
}

.jdpt .wrap1 {
  color: #fff;
  padding: clamp(30.625px, 3.125vw, 60px) 0 clamp(142.9166666667px, 14.5833333333vw, 280px);
  position: relative
}

@media screen and (max-width: 980px) {
  .jdpt .wrap1 {
    padding: 50px 0
  }
}

.jdpt .wrap1 .desc {
  margin-top: clamp(15.3125px, 1.5625vw, 30px)
}

@media screen and (min-width: 981px) {
  .jdpt .wrap1 .desc {
    width: clamp(459.375px, 46.875vw, 900px)
  }
}

.jdpt .wrap2 {
  padding-bottom: clamp(30.625px, 3.125vw, 60px);
  background-color: #f7f8fc
}

@media screen and (max-width: 980px) {
  .jdpt .wrap2 {
    padding: 50px 0;
    background-position-y: top
  }
}

.jdpt .wrap2-container {
  position: relative;
  z-index: 2
}

@media screen and (min-width: 981px) {
  .jdpt .wrap2-container {
    margin-top: clamp(-220px, -11.4583333333vw, -112.2916666667px)
  }
}

.jdpt .content-wrap {
  margin-bottom: clamp(15.3125px, 1.5625vw, 30px);
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: clamp(15.3125px, 1.5625vw, 30px)
}

@media screen and (min-width: 981px) {
  .jdpt .content-wrap {
    --_cols: 7
  }
}

@media screen and (max-width: 980px) {
  .jdpt .content-wrap {
    --_cols: 1
  }
}

.jdpt .content-wrap .box1 {
  grid-column: span var(--_span)/span var(--_span)
}

@media screen and (min-width: 981px) {
  .jdpt .content-wrap .box1 {
    --_span: 5
  }
}

@media screen and (max-width: 980px) {
  .jdpt .content-wrap .box1 {
    --_span: 1
  }
}

.jdpt .content-wrap .box2 {
  grid-column: span var(--_span)/span var(--_span)
}

@media screen and (min-width: 981px) {
  .jdpt .content-wrap .box2 {
    --_span: 2
  }
}

@media screen and (max-width: 980px) {
  .jdpt .content-wrap .box2 {
    --_span: 1
  }
}

.jdpt .content-wrap .box {
  background: #fff;
  border-radius: 1rem;
  color: #000;
  padding: clamp(15.3125px, 1.5625vw, 30px)
}

.jdpt .content-wrap .box .title {
  font-size: clamp(1.5rem, 0.9787234043rem + 0.8510638298vw, 2rem);
  font-weight: bold
}

.jdpt .content-wrap .box .desc {
  margin-top: 12px;
  color: #333
}

.jdpt .content-wrap .box .text {
  font-size: clamp(0.875rem, 0.8098404255rem + 0.1063829787vw, 0.9375rem);
  color: #666
}

.jdpt .content-wrap .box1 .list {
  margin-top: clamp(20.4166666667px, 2.0833333333vw, 40px);
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: clamp(1.25rem, -2.6595744681rem + 6.3829787234vw, 5rem)
}

@media screen and (min-width: 981px) {
  .jdpt .content-wrap .box1 .list {
    --_cols: 3
  }
}

@media screen and (max-width: 980px) {
  .jdpt .content-wrap .box1 .list {
    --_cols: 1
  }
}

.jdpt .content-wrap .box1 [icon] {
  font-size: clamp(1.5rem, 1.1090425532rem + 0.6382978723vw, 1.875rem)
}

.jdpt .content-wrap .box1 .tit {
  font-size: clamp(1.125rem, 0.9946808511rem + 0.2127659574vw, 1.25rem);
  font-weight: bold;
  margin-top: clamp(7.65625px, 0.78125vw, 15px)
}

.jdpt .content-wrap .box1 .text {
  margin-top: clamp(10.2083333333px, 1.0416666667vw, 20px)
}

.jdpt .content-wrap .box2 .text {
  margin-top: 2em;
  line-height: 1.6
}

.jdpt .info-container {
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
  padding: clamp(15.3125px, 1.5625vw, 30px);
  box-shadow: var(--shadow)
}

.jdpt .info-container .title {
  font-size: clamp(1.5rem, 0.9787234043rem + 0.8510638298vw, 2rem);
  font-weight: bold
}

.jdpt .info-container .infobox {
  margin-top: clamp(15.3125px, 1.5625vw, 30px)
}

@media screen and (min-width: 981px) {
  .jdpt .info-container .infobox {
    display: flex;
    align-items: center
  }
}

.jdpt .info-container .items {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: clamp(17.8645833333px, 1.8229166667vw, 35px)
}

@media screen and (min-width: 981px) {
  .jdpt .info-container .items {
    --_cols: 3
  }
}

@media screen and (max-width: 980px) {
  .jdpt .info-container .items {
    --_cols: 1
  }
}

@media screen and (min-width: 981px) {
  .jdpt .info-container .items {
    margin-right: clamp(30.625px, 3.125vw, 60px)
  }
}

.jdpt .info-container .item {
  display: flex;
  align-items: center
}

@supports(gap: 1rem) {
  .jdpt .info-container .item {
    gap: 1rem
  }
}

@supports not (gap: 1rem) {
  .jdpt .info-container .item {
    margin-right: calc(0px - 1rem);
    margin-bottom: calc(0px - 1rem)
  }

  .jdpt .info-container .item>* {
    margin-right: 1rem;
    margin-bottom: 1rem
  }
}

.jdpt .info-container .item .icon {
  --size: 2.4545454545em;
  font-size: clamp(1rem, 0.6090425532rem + 0.6382978723vw, 1.375rem);
  background: var(--color-theme)
}

.jdpt .info-container .item .r {
  flex: 1
}

.jdpt .info-container .item .text {
  font-size: clamp(0.875rem, 0.8098404255rem + 0.1063829787vw, 0.9375rem)
}

.jdpt .info-container .qr-list {
  --qr-width: clamp(6.25rem, 4.295212766rem + 3.1914893617vw, 8.125rem);
  display: flex;
  flex-wrap: wrap;
  font-size: clamp(0.875rem, 0.8098404255rem + 0.1063829787vw, 0.9375rem)
}

@supports(gap: clamp(15.3125px, 1.5625vw, 30px)) {
  .jdpt .info-container .qr-list {
    gap: clamp(15.3125px, 1.5625vw, 30px)
  }
}

@supports not (gap: clamp(15.3125px, 1.5625vw, 30px)) {
  .jdpt .info-container .qr-list {
    margin-right: calc(0px - clamp(15.3125px, 1.5625vw, 30px));
    margin-bottom: calc(0px - clamp(15.3125px, 1.5625vw, 30px))
  }

  .jdpt .info-container .qr-list>* {
    margin-right: clamp(15.3125px, 1.5625vw, 30px);
    margin-bottom: clamp(15.3125px, 1.5625vw, 30px)
  }
}

@media screen and (max-width: 980px) {
  .jdpt .info-container .qr-list {
    margin-top: 30px
  }
}

.jdpt .info-container .qr-list .qr {
  box-shadow: var(--shadow)
}

.contact {
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) 0
}

@media screen and (min-width: 981px) {
  .contact .top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
  }
}

.contact .title-box {
  font-size: clamp(0.875rem, 0.4840425532rem + 0.6382978723vw, 1.25rem);
  font-weight: bold
}

@media screen and (min-width: 981px) {
  .contact .title-box {
    width: clamp(387.9166666667px, 39.5833333333vw, 760px)
  }
}

.contact .title-box .title {
  font-size: clamp(1.25rem, -0.0531914894rem + 2.1276595745vw, 2.5rem);
  line-height: 1.2;
  margin-bottom: 10px
}

.contact .qr-list {
  --qr-width: clamp(6.25rem, 4.295212766rem + 3.1914893617vw, 8.125rem);
  display: flex;
  flex-wrap: wrap;
  font-size: clamp(0.875rem, 0.8098404255rem + 0.1063829787vw, 0.9375rem)
}

@supports(gap: clamp(15.3125px, 1.5625vw, 30px)) {
  .contact .qr-list {
    gap: clamp(15.3125px, 1.5625vw, 30px)
  }
}

@supports not (gap: clamp(15.3125px, 1.5625vw, 30px)) {
  .contact .qr-list {
    margin-right: calc(0px - clamp(15.3125px, 1.5625vw, 30px));
    margin-bottom: calc(0px - clamp(15.3125px, 1.5625vw, 30px))
  }

  .contact .qr-list>* {
    margin-right: clamp(15.3125px, 1.5625vw, 30px);
    margin-bottom: clamp(15.3125px, 1.5625vw, 30px)
  }
}

@media screen and (max-width: 980px) {
  .contact .qr-list {
    margin-top: 20px
  }
}

.contact .qr-list .qr {
  box-shadow: var(--shadow)
}

.contact .items {
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: clamp(10.2083333333px, 1.0416666667vw, 20px);
  margin-top: clamp(25.5208333333px, 2.6041666667vw, 50px)
}

@media screen and (min-width: 981px) {
  .contact .items {
    --_cols: 4
  }
}

@media screen and (max-width: 980px) {
  .contact .items {
    --_cols: 2
  }
}

.contact .map-box {
  margin-top: clamp(30.625px, 3.125vw, 60px);
  border-radius: 1rem;
  overflow: hidden;
  position: relative
}

.contact .map-box .map {
  width: 100%
}

@media screen and (max-width: 980px) {
  .contact .map-box .map {
    max-width: none;
    width: 250%;
    transform: translateX(-35%)
  }
}

.contact .map-box .dot-pin {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(0.5rem, 0.1090425532rem + 0.6382978723vw, 0.875rem);
  position: absolute;
  z-index: 1;
  top: 40%;
  left: 53%
}

@media screen and (max-width: 980px) {
  .contact .map-box .dot-pin {
    top: 39%;
    left: 46%
  }
}

.contact .map-box .dot-pin::before,
.contact .map-box .dot-pin::after {
  position: absolute
}

.contact .map-box .dot-pin::before {
  content: "";
  display: block;
  min-width: var(--dot-size, 1em);
  min-height: var(--dot-size, 1em);
  width: var(--dot-size, 1em);
  height: var(--dot-size, 1em);
  background: var(--dot-color, #0084e9);
  border-radius: 50%
}

.contact .map-box .dot-pin::after {
  content: "";
  display: block;
  min-width: var(--dot-size, 3.4285714286em);
  min-height: var(--dot-size, 3.4285714286em);
  width: var(--dot-size, 3.4285714286em);
  height: var(--dot-size, 3.4285714286em);
  background: var(--dot-color, rgba(0, 132, 233, 0.3));
  border-radius: 50%;
  animation: zoom 2s infinite ease-in-out
}

.contact .map-box .infobox {
  background-color: var(--color-theme);
  background-size: auto 100%;
  background-position-y: top;
  background-position-x: 130%;
  color: #fff;
  width: clamp(153.125px, 15.625vw, 300px);
  border-radius: .6rem;
  padding: clamp(15.3125px, 1.5625vw, 30px) clamp(13.2708333333px, 1.3541666667vw, 26px);
  position: absolute;
  z-index: 1;
  top: 10%;
  left: 50%
}

@media screen and (max-width: 980px) {
  .contact .map-box .infobox {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%
  }
}

.contact .map-box .infobox .name {
  font-size: clamp(1.125rem, 0.8643617021rem + 0.4255319149vw, 1.375rem);
  font-weight: bold;
  margin-bottom: 8px
}

.contact .map-box .infobox::before {
  --_w: clamp(13.2708333333px, 1.3541666667vw, 26px);
  --_h: clamp(11.2291666667px, 1.1458333333vw, 22px);
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: clamp(25.5208333333px, 2.6041666667vw, 50px);
  border-color: var(--color-theme);
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-top-width: calc(var(--_h)/2);
  border-bottom-width: calc(var(--_h)/2);
  border-left-width: calc(var(--_w)/2);
  border-right-width: calc(var(--_w)/2)
}

.contact-item {
  background: #fff;
  box-shadow: var(--shadow);
  border-radius: 1rem;
  padding: clamp(0.9375rem, -0.039893617rem + 1.5957446809vw, 1.875rem);
  transition: box-shadow .3s
}

@media screen and (min-width: 981px) {
  .contact-item {
    display: flex;
    align-items: center
  }
}

.contact-item:hover {
  box-shadow: var(--shadow-lg)
}

.contact-item .r {
  flex: 1
}

@media screen and (max-width: 980px) {
  .contact-item .r {
    margin-top: 10px;
    font-size: 12px
  }
}

.contact-item .icon {
  --size: 2.1333333333em;
  font-size: clamp(1rem, 0.0877659574rem + 1.4893617021vw, 1.875rem);
  background: linear-gradient(30deg, var(--color-theme3), var(--color-theme));
  margin-right: clamp(0.75rem, 0.6196808511rem + 0.2127659574vw, 0.875rem)
}

.contact-item .tit {
  color: #888
}

.contact-item .info {
  line-height: 1.2;
  margin-top: clamp(0.125rem, -0.0704787234rem + 0.3191489362vw, 0.3125rem)
}

.whhd2 {
  padding: clamp(30.625px, 3.125vw, 60px) 0;
  background-size: 100% auto;
  background-position-y: top
}

@media screen and (max-width: 980px) {
  .whhd2 {
    padding: 50px 0
  }
}

.whhd2 .year-box {
  margin-top: clamp(1.875rem, 0.5718085106rem + 2.1276595745vw, 3.125rem)
}

.whhd2 .list {
  margin-top: clamp(1.875rem, -0.079787234rem + 3.1914893617vw, 3.75rem);
  display: flex;
  flex-direction: column
}

@supports(gap: clamp(25.5208333333px, 2.6041666667vw, 50px)) {
  .whhd2 .list {
    gap: clamp(25.5208333333px, 2.6041666667vw, 50px)
  }
}

@supports not (gap: clamp(25.5208333333px, 2.6041666667vw, 50px)) {
  .whhd2 .list {
    margin-right: calc(0px - clamp(25.5208333333px, 2.6041666667vw, 50px));
    margin-bottom: calc(0px - clamp(25.5208333333px, 2.6041666667vw, 50px))
  }

  .whhd2 .list>* {
    margin-right: clamp(25.5208333333px, 2.6041666667vw, 50px);
    margin-bottom: clamp(25.5208333333px, 2.6041666667vw, 50px)
  }
}

.year-box {
  display: flex;
  align-items: center;
  margin: 0 auto;
  border-bottom: 1px solid #c9d0e0;
  padding-bottom: 12px
}

@supports(gap: clamp(20.4166666667px, 2.0833333333vw, 40px)) {
  .year-box {
    gap: clamp(20.4166666667px, 2.0833333333vw, 40px)
  }
}

@supports not (gap: clamp(20.4166666667px, 2.0833333333vw, 40px)) {
  .year-box {
    margin-right: calc(0px - clamp(20.4166666667px, 2.0833333333vw, 40px));
    margin-bottom: calc(0px - clamp(20.4166666667px, 2.0833333333vw, 40px))
  }

  .year-box>* {
    margin-right: clamp(20.4166666667px, 2.0833333333vw, 40px);
    margin-bottom: clamp(20.4166666667px, 2.0833333333vw, 40px)
  }
}

@media screen and (min-width: 981px) {
  .year-box {
    width: clamp(469.5833333333px, 47.9166666667vw, 920px)
  }
}

.year-box .scroll-view {
  flex: 1
}

.year-box .btn {
  cursor: pointer;
  color: var(--color-theme)
}

.year-box .year {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  line-height: 1.7;
  padding: 0 .65em;
  border-radius: 99px;
  transition: .3s
}

.year-box .year:hover,
.year-box .year.on {
  background: var(--color-theme);
  color: #fff
}

.whhd-item {
  border-radius: clamp(8.1666666667px, 0.8333333333vw, 16px);
  overflow: hidden;
  box-shadow: var(--shadow);
  background: #e1f2ff;
  transition: box-shadow .3s
}

.whhd-item:hover {
  box-shadow: var(--shadow-lg)
}

.whhd-item .imgbox {
  position: relative
}

@supports(aspect-ratio: 2.4448217317) {
  .whhd-item .imgbox {
    aspect-ratio: 2.4448217317
  }
}

@supports not (aspect-ratio: 2.4448217317) {
  .whhd-item .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 40.9027777778%
  }
}

.whhd-item .imgbox>img,
.whhd-item .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.whhd-item .wrap {
  width: 100%;
  padding: clamp(0.875rem, -0.8191489362rem + 2.7659574468vw, 2.5rem);
  display: flex;
  flex-direction: column;
  font-size: clamp(0.75rem, 0.4893617021rem + 0.4255319149vw, 1rem)
}

.whhd-item .title {
  font-size: clamp(1.125rem, 0.3430851064rem + 1.2765957447vw, 1.875rem);
  font-weight: bold;
  line-height: 1.2
}

.whhd-item ul {
  margin-top: clamp(10.2083333333px, 1.0416666667vw, 20px);
  transition: .3s;
  margin-bottom: auto
}

.whhd-item li {
  display: flex;
  align-items: center
}

.whhd-item li [icon] {
  margin-right: 6px
}

.whhd-item li:not(:last-child) {
  margin-bottom: 4px
}

.whhd-item .links {
  display: flex;
  flex-wrap: wrap;
  margin-top: clamp(15.3125px, 1.5625vw, 30px)
}

@supports(gap: 10px) {
  .whhd-item .links {
    gap: 10px
  }
}

@supports not (gap: 10px) {
  .whhd-item .links {
    margin-right: -10px;
    margin-bottom: -10px
  }

  .whhd-item .links>* {
    margin-right: 10px;
    margin-bottom: 10px
  }
}

.whhd-item .link {
  border-radius: 99px;
  border: 1px solid;
  width: -moz-max-content;
  width: max-content;
  padding: 0 1em;
  line-height: 2.375;
  transition: .3s
}

@media screen and (max-width: 980px) {
  .whhd-item .link {
    line-height: 2
  }
}

.whhd-item .link:hover {
  background: var(--color-theme);
  color: #fff;
  border-color: var(--color-theme)
}

.whhd-list {
  background: #eff4fa;
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) 0;
  background-size: 100% auto;
  background-position-y: bottom
}

.whhd-list .wrap {
  width: 1200px;
  margin: 0 auto
}

@media screen and (max-width: 1333.3333333333px) {
  .whhd-list .wrap {
    width: 90%
  }
}

.whhd-list .desc-box {
  margin-bottom: clamp(15.3125px, 1.5625vw, 30px)
}

.whhd-list .desc-box .title-temp {
  --_en: clamp(1.5rem, 0.8484042553rem + 1.0638297872vw, 2.125rem);
  --_zh: clamp(1.5rem, 0.8484042553rem + 1.0638297872vw, 2.125rem)
}

.whhd-list .desc-box .text {
  margin-top: 16px
}

.whhd-list .tabs {
  font-size: clamp(1.25rem, 0.7287234043rem + 0.8510638298vw, 1.75rem)
}

.whhd-list .tabs .tab {
  transition: color .3s;
  display: flex;
  align-items: center
}

.whhd-list .tabs .tab:hover,
.whhd-list .tabs .tab.on {
  color: var(--color-theme)
}

.whhd-list .tabs .tab:not(:last-child) {
  margin-right: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

.whhd-list .tabs .tab:not(:last-child)::after {
  content: "";
  display: block;
  height: 1em;
  width: 2px;
  background: rgba(0, 0, 0, .4);
  margin-left: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

.whhd-list .list {
  margin-top: clamp(17.8645833333px, 1.8229166667vw, 35px)
}

.whhd-list .item {
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) clamp(30.625px, 3.125vw, 60px);
  cursor: pointer;
  box-shadow: var(--shadow)
}

@media screen and (max-width: 980px) {
  .whhd-list .item {
    padding: 20px
  }
}

.whhd-list .item:not(:last-child) {
  margin-bottom: clamp(10.2083333333px, 1.0416666667vw, 20px)
}

.whhd-list .item .infobox {
  display: flex;
  align-items: flex-start;
  justify-content: space-between
}

@media screen and (max-width: 980px) {
  .whhd-list .item .infobox {
    flex-direction: column
  }
}

.whhd-list .item .title {
  font-size: clamp(1.375rem, 0.7234042553rem + 1.0638297872vw, 2rem);
  font-weight: bold;
  transition: color .3s
}

.whhd-list .item .info {
  color: #777;
  margin-top: 4px
}

.whhd-list .item .more {
  background: #ebf2f8;
  color: #015aaa;
  border-radius: 99px;
  font-size: 14px;
  padding: .6em 1.7em
}

@media screen and (max-width: 980px) {
  .whhd-list .item .more {
    padding: .5em 1.2em;
    margin-top: 1em
  }
}

.whhd-list .item .more .icon {
  transform: rotate(-45deg)
}

.whhd-list .item .content {
  margin-top: clamp(1.25rem, 0.9893617021rem + 0.4255319149vw, 1.5rem);
  line-height: 1.5
}

.whhd-list .item:not(.active) .content .full-text {
  display: none
}

.whhd-list .item.active .content .short-text {
  display: none
}

.whhd-list .item:hover .title {
  color: var(--color-theme)
}

.zxzq {
  padding-bottom: 0
}

.zxzq .main {
  position: relative
}

.zxzq .box {
  margin-bottom: 0
}

.zxzq .book-box {
  margin-top: clamp(20.4166666667px, 2.0833333333vw, 40px);
  background: var(--color-theme-blue);
  border-radius: 1rem;
  display: flex;
  align-items: center;
  padding: 0 clamp(0.625rem, -1.9813829787rem + 4.2553191489vw, 3.125rem)
}

.zxzq .book-box .swiper-btn {
  --swiper-btn-bg: unset;
  --swiper-btn-color: var(--color-theme);
  --swiper-btn-hover-bg: var(--color-theme);
  --swiper-btn-hover-color: #fff;
  border: 0;
  font-size: clamp(1.25rem, 0.7287234043rem + 0.8510638298vw, 1.75rem);
  width: auto;
  height: auto;
  min-width: 0
}

.zxzq .book-box .swiper-btn.swiper-button-disabled {
  --swiper-btn-color: #d9e0e8
}

.zxzq .book-box .swiper-slide {
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px)
}

@media screen and (min-width: 981px) {
  .zxzq .book-box .swiper-slide {
    display: flex
  }
}

@media screen and (max-width: 980px) {
  .zxzq .book-box .swiper-slide {
    padding: 20px
  }
}

.zxzq .book-box .image-box img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

@media screen and (max-width: 980px) {
  .zxzq .book-box .image-box img {
    width: auto;
    height: 100%
  }
}

@media screen and (min-width: 981px) {
  .zxzq .book-box .image-box {
    width: clamp(130.15625px, 13.28125vw, 255px);
    margin-right: clamp(51.0416666667px, 5.2083333333vw, 100px)
  }
}

@media screen and (max-width: 980px) {
  .zxzq .book-box .image-box {
    height: 190px;
    width: auto
  }
}

.zxzq .book-box .con {
  flex: 1
}

@media screen and (min-width: 981px) {
  .zxzq .book-box .con {
    padding-top: clamp(15.3125px, 1.5625vw, 30px)
  }
}

@media screen and (max-width: 980px) {
  .zxzq .book-box .con {
    margin-top: 10px
  }
}

.zxzq .book-box .tit {
  font-size: clamp(1.375rem, 0.2021276596rem + 1.914893617vw, 2.5rem);
  font-weight: bold
}

.zxzq .book-box .info {
  font-size: clamp(1rem, 0.4787234043rem + 0.8510638298vw, 1.5rem)
}

.zxzq .book-box .text {
  color: #666;
  margin-top: clamp(13.2708333333px, 1.3541666667vw, 26px);
  margin-bottom: auto
}

.zxzq .book-box .more {
  margin-top: clamp(25.5208333333px, 2.6041666667vw, 50px);
  font-size: clamp(0.875rem, 0.8098404255rem + 0.1063829787vw, 0.9375rem);
  color: var(--color-theme);
  padding: .6em 1em;
  padding-left: 1.4em
}

.zxzq .book-box .more .icon {
  margin-left: .6em
}

.zxzq .book-box .more:hover {
  color: #fff
}

.ljqg {
  background-size: 100% auto;
  background-position-y: bottom;
  background-color: #eaf2fb;
  padding-bottom: clamp(25.5208333333px, 2.6041666667vw, 50px)
}

.ljqg .title-box {
  display: flex;
  align-items: center
}

@media screen and (max-width: 980px) {
  .ljqg .title-box {
    flex-wrap: wrap
  }
}

.ljqg .title-box .title {
  font-size: clamp(1.5rem, 0.1968085106rem + 2.1276595745vw, 2.75rem);
  font-weight: bold;
  margin-right: 1rem
}

.ljqg .title-box .tb {
  width: clamp(144.4479166667px, 14.7395833333vw, 283px)
}

@media screen and (min-width: 981px) {
  .ljqg .title-box .more {
    margin-left: auto
  }
}

@media screen and (max-width: 980px) {
  .ljqg .title-box .more {
    margin-top: 10px
  }
}

.ljqg .main {
  margin-top: clamp(15.3125px, 1.5625vw, 30px);
  display: flex
}

@supports(gap: 20px) {
  .ljqg .main {
    gap: 20px
  }
}

@supports not (gap: 20px) {
  .ljqg .main {
    margin-right: -20px;
    margin-bottom: -20px
  }

  .ljqg .main>* {
    margin-right: 20px;
    margin-bottom: 20px
  }
}

@media screen and (max-width: 980px) {
  .ljqg .main {
    flex-direction: column
  }
}

.ljqg .main-news-box,
.ljqg .news-list-box {
  background: var(--color-theme-blue);
  border-radius: 1rem
}

.ljqg .main-news-box {
  padding: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

@media screen and (min-width: 981px) {
  .ljqg .main-news-box {
    width: clamp(459.375px, 46.875vw, 900px)
  }
}

@media screen and (max-width: 980px) {
  .ljqg .main-news-box {
    padding: 20px
  }
}

.ljqg .main-news-box .swiper {
  height: 100%
}

.ljqg .main-news-box .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column
}

.ljqg .main-news-box .imgbox {
  position: relative;
  border-radius: 1rem
}

@supports(aspect-ratio: 1.3666666667) {
  .ljqg .main-news-box .imgbox {
    aspect-ratio: 1.3666666667
  }
}

@supports not (aspect-ratio: 1.3666666667) {
  .ljqg .main-news-box .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 73.1707317073%
  }
}

.ljqg .main-news-box .imgbox>img,
.ljqg .main-news-box .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ljqg .main-news-box .tit {
  font-size: clamp(1.125rem, 0.6037234043rem + 0.8510638298vw, 1.625rem);
  font-weight: bold;
  margin-top: clamp(17.8645833333px, 1.8229166667vw, 35px);
  line-height: 1.2;
  transition: .3s
}

.ljqg .main-news-box .text {
  color: #666;
  margin-top: 1em;
  margin-bottom: auto
}

.ljqg .main-news-box .date {
  color: #666;
  margin-top: clamp(15.3125px, 1.5625vw, 30px);
  padding-top: clamp(12.7604166667px, 1.3020833333vw, 25px);
  border-top: 1px solid #e3e9ef
}

.ljqg .main-news-box .swiper-pagination {
  --swiper-pagination-bottom: auto;
  --swiper-pagination-top: clamp(290.9375px, 29.6875vw, 570px)
}

@media screen and (max-width: 980px) {
  .ljqg .main-news-box .swiper-pagination {
    --swiper-pagination-top: 120px
  }
}

.ljqg .main-news-box:hover .tit {
  color: var(--color-theme)
}

.ljqg .news-list-box {
  flex: 1;
  padding: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

@media screen and (max-width: 980px) {
  .ljqg .news-list-box {
    padding: 20px
  }
}

.ljqg .news-list-box .item {
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid #edf1f5;
  padding-bottom: clamp(0.9375rem, 0.0904255319rem + 1.3829787234vw, 1.75rem)
}

.ljqg .news-list-box .item:not(:last-child) {
  margin-bottom: clamp(1.25rem, -0.0531914894rem + 2.1276595745vw, 2.5rem)
}

.ljqg .news-list-box .item .wrap {
  width: 92%;
  margin-right: auto
}

.ljqg .news-list-box .item .date {
  font-size: clamp(0.75rem, 0.6196808511rem + 0.2127659574vw, 0.875rem);
  color: #666;
  margin-bottom: .9em
}

.ljqg .news-list-box .item .tit {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  font-weight: bold;
  line-height: 1.2;
  transition: .3s
}

.ljqg .news-list-box .item [icon] {
  font-size: clamp(1.125rem, 0.7340425532rem + 0.6382978723vw, 1.5rem)
}

.ljqg .news-list-box .item:hover .tit {
  color: var(--color-theme)
}

.ljqg .news-list-box .more {
  margin-top: clamp(20.4166666667px, 2.0833333333vw, 40px);
  display: flex;
  align-items: center;
  color: #9fa8b3;
  font-size: clamp(0.875rem, 0.8098404255rem + 0.1063829787vw, 0.9375rem)
}

.ljqg .news-list-box .more .icon {
  background: #9fa8b3;
  color: #fff;
  border-radius: 99px;
  width: 1.3333em;
  height: 1.3333em;
  margin-left: 8px
}

.zx-title-box {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.zx-title-box .title {
  font-weight: bold;
  font-size: clamp(1.5rem, 0.1968085106rem + 2.1276595745vw, 2.75rem)
}

.zx-title-box .more.border {
  color: inherit;
  border-width: 2px;
  border-color: #fff
}

.zx-title-box .more.border .icon {
  background: #fff;
  color: var(--color-theme);
  margin-left: 1em
}

.zx-title-box .more.border:hover {
  border-color: var(--color-theme)
}

.zx-title-box .more {
  font-size: clamp(0.75rem, 0.6196808511rem + 0.2127659574vw, 0.875rem);
  padding: .8em 1em;
  padding-left: 2em
}

.gdyl {
  padding-bottom: clamp(25.5208333333px, 2.6041666667vw, 50px)
}

.gdyl .swiper {
  margin-top: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

.gdyl .swiper-slide {
  background: #fff;
  border-radius: 1rem;
  height: auto;
  display: flex;
  flex-direction: column;
  width: 345px;
  padding: 30px;
  text-align: justify;
  font-size: 16px;
  line-height: 1.5
}

@media screen and (max-width: 980px) {
  .gdyl .swiper-slide {
    padding: 20px;
    font-size: 14px
  }
}

.gdyl .swiper-slide .icon {
  --size: 3.25em;
  background: linear-gradient(30deg, var(--color-theme2), var(--color-theme))
}

.gdyl .swiper-slide .text {
  margin-top: clamp(0.9375rem, 0.7420212766rem + 0.3191489362vw, 1.125rem);
  margin-bottom: auto
}

.gdyl .swiper-slide .source {
  font-size: clamp(0.75rem, 0.6196808511rem + 0.2127659574vw, 0.875rem);
  color: #666;
  margin-top: clamp(0.625rem, -0.0265957447rem + 1.0638297872vw, 1.25rem);
  min-height: 3em
}

.spzf {
  padding-bottom: clamp(25.5208333333px, 2.6041666667vw, 50px)
}

.spzf .swiper-box {
  margin-top: clamp(25.5208333333px, 2.6041666667vw, 50px);
  position: relative
}

.spzf .swiper {
  padding-bottom: 20px
}

.spzf .swiper-slide {
  background: #fff;
  border-radius: 1rem;
  box-shadow: var(--shadow);
  transition: .3s
}

.spzf .swiper-slide .imgbox {
  width: 100%;
  position: relative;
  border-radius: 1rem
}

@supports(aspect-ratio: 1.6068965517) {
  .spzf .swiper-slide .imgbox {
    aspect-ratio: 1.6068965517
  }
}

@supports not (aspect-ratio: 1.6068965517) {
  .spzf .swiper-slide .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 62.2317596567%
  }
}

.spzf .swiper-slide .imgbox>img,
.spzf .swiper-slide .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.spzf .swiper-slide .wrap {
  display: flex;
  align-items: center;
  padding: clamp(17.8645833333px, 1.8229166667vw, 35px) clamp(15.3125px, 1.5625vw, 30px) clamp(22.96875px, 2.34375vw, 45px)
}

.spzf .swiper-slide [icon] {
  font-size: clamp(1.375rem, 0.9840425532rem + 0.6382978723vw, 1.75rem);
  margin-right: 10px
}

.spzf .swiper-slide .tit {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  font-weight: bold;
  transition: .3s
}

.spzf .swiper-slide:hover {
  box-shadow: var(--shadow-lg)
}

.spzf .swiper-slide:hover .tit {
  color: var(--color-theme)
}

.zx-banner {
  overflow: hidden
}

.zx-banner .container {
  min-height: clamp(193.9583333333px, 19.7916666667vw, 380px)
}

@media screen and (min-width: 981px) {
  .zx-banner .container {
    display: flex;
    align-items: center
  }
}

@media screen and (max-width: 980px) {
  .zx-banner .container {
    padding: 40px 0 0
  }
}

.zx-banner .title-temp {
  --_en: clamp(26.5416666667px, 2.7083333333vw, 52px);
  --_zh: clamp(22.4583333333px, 2.2916666667vw, 44px)
}

.zx-banner .title-temp+p {
  font-size: clamp(1rem, 0.7393617021rem + 0.4255319149vw, 1.25rem);
  margin-top: 1em
}

.zx-banner .people {
  width: clamp(172.5208333333px, 17.6041666667vw, 338px)
}

@media screen and (min-width: 981px) {
  .zx-banner .people {
    position: absolute;
    bottom: 0;
    right: clamp(35.7291666667px, 3.6458333333vw, 70px)
  }
}

@media screen and (max-width: 980px) {
  .zx-banner .people {
    margin-left: auto;
    margin-top: 20px
  }
}

.zx-navbar {
  background: #fff;
  box-shadow: var(--shadow);
  overflow: hidden
}

.zx-navbar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: clamp(3.75rem, 1.1436170213rem + 4.2553191489vw, 6.25rem)
}

.zx-navbar .back {
  display: flex;
  align-items: center;
  transition: .3s
}

@supports(gap: 8px) {
  .zx-navbar .back {
    gap: 8px
  }
}

@supports not (gap: 8px) {
  .zx-navbar .back {
    margin-right: -8px;
    margin-bottom: -8px
  }

  .zx-navbar .back>* {
    margin-right: 8px;
    margin-bottom: 8px
  }
}

.zx-navbar .back .icon {
  --size: 2em;
  border: 1px solid #c4cdd7
}

.zx-navbar .back:hover {
  color: var(--color-theme)
}

.zx-navbar .nav {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  display: flex;
  align-items: center;
  max-width: 75%
}

.zx-navbar .nav .link {
  display: flex;
  align-items: center;
  transition: .3s
}

.zx-navbar .nav .link:not(:last-child) {
  margin-right: clamp(15.3125px, 1.5625vw, 30px)
}

.zx-navbar .nav .link:not(:last-child)::after {
  content: "";
  display: block;
  width: 2px;
  height: 1em;
  background: #cfd9e4;
  margin-left: clamp(15.3125px, 1.5625vw, 30px)
}

.zx-navbar .nav .link:hover,
.zx-navbar .nav .link.on {
  color: var(--color-theme)
}

.zx-list-box {
  background-color: #eaf2fb;
  background-size: 100% auto;
  background-position-y: bottom;
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) 0
}

@media screen and (max-width: 980px) {
  .zx-list-box {
    padding: 30px 0 50px
  }
}

.zx-list-box .title-box {
  display: flex;
  align-items: center
}

.zx-list-box .title-box .title {
  display: flex;
  align-items: center;
  font-size: clamp(1.5rem, 0.7180851064rem + 1.2765957447vw, 2.25rem);
  font-weight: bold
}

.zx-list-box .title-box .title::before {
  content: "";
  display: block;
  width: clamp(0.25rem, 0.1196808511rem + 0.2127659574vw, 0.375rem);
  height: .88em;
  border-radius: 99px;
  background: var(--color-theme);
  margin-right: 10px
}

.zx-list-box .title-box .tb {
  width: clamp(144.4479166667px, 14.7395833333vw, 283px);
  margin-left: 12px
}

.zx-list-box .main {
  margin-top: clamp(1.25rem, 0.5984042553rem + 1.0638297872vw, 1.875rem);
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: clamp(0.9375rem, -0.039893617rem + 1.5957446809vw, 1.875rem)
}

@media screen and (min-width: 981px) {
  .zx-list-box .main {
    --_cols: 3
  }
}

@media screen and (max-width: 980px) {
  .zx-list-box .main {
    --_cols: 1
  }
}

.zx-list-box .list {
  margin-top: clamp(1.25rem, 0.9242021277rem + 0.5319148936vw, 1.5625rem);
  display: flex;
  flex-direction: column
}

@supports(gap: clamp(0.9375rem, -0.039893617rem + 1.5957446809vw, 1.875rem)) {
  .zx-list-box .list {
    gap: clamp(0.9375rem, -0.039893617rem + 1.5957446809vw, 1.875rem)
  }
}

@supports not (gap: clamp(0.9375rem, -0.039893617rem + 1.5957446809vw, 1.875rem)) {
  .zx-list-box .list {
    margin-right: calc(0px - clamp(0.9375rem, -0.039893617rem + 1.5957446809vw, 1.875rem));
    margin-bottom: calc(0px - clamp(0.9375rem, -0.039893617rem + 1.5957446809vw, 1.875rem))
  }

  .zx-list-box .list>* {
    margin-right: clamp(0.9375rem, -0.039893617rem + 1.5957446809vw, 1.875rem);
    margin-bottom: clamp(0.9375rem, -0.039893617rem + 1.5957446809vw, 1.875rem)
  }
}

.zx-list-box .col-span-3 {
  grid-column: span var(--_cols)/span var(--_cols);
  width: 100%
}

.zx-list-box .rich-text {
  margin-top: 20px
}

.zx-list-box .rich-text img {
  width: unset;
  max-width: 100%
}

.dot-swiper-pagination {
  --swiper-pagination-bottom: clamp(0.625rem, -0.0265957447rem + 1.0638297872vw, 1.25rem);
  display: flex;
  align-items: center;
  justify-content: center
}

@supports(gap: 8px) {
  .dot-swiper-pagination {
    gap: 8px
  }
}

@supports not (gap: 8px) {
  .dot-swiper-pagination {
    margin-right: -8px;
    margin-bottom: -8px
  }

  .dot-swiper-pagination>* {
    margin-right: 8px;
    margin-bottom: 8px
  }
}

.dot-swiper-pagination .bullet {
  display: block;
  min-width: var(--dot-size, clamp(0.375rem, 0.2446808511rem + 0.2127659574vw, 0.5rem));
  min-height: var(--dot-size, clamp(0.375rem, 0.2446808511rem + 0.2127659574vw, 0.5rem));
  width: var(--dot-size, clamp(0.375rem, 0.2446808511rem + 0.2127659574vw, 0.5rem));
  height: var(--dot-size, clamp(0.375rem, 0.2446808511rem + 0.2127659574vw, 0.5rem));
  background: var(--dot-color, rgba(255, 255, 255, 0.25));
  border-radius: 50%;
  border-radius: 99px;
  transition: .3s
}

.dot-swiper-pagination .bullet.active {
  width: clamp(1rem, 0.4787234043rem + 0.8510638298vw, 1.5rem);
  background: #fff
}

@media screen and (min-width: 981px) {
  .news-cols-3-swiper .swiper-pagination {
    width: clamp(214.375px, 21.875vw, 420px);
    left: clamp(25.5208333333px, 2.6041666667vw, 50px);
    bottom: clamp(35.7291666667px, 3.6458333333vw, 70px)
  }
}

@media screen and (max-width: 980px) {
  .news-cols-3-swiper .swiper-pagination {
    bottom: auto;
    top: 200px
  }
}

.news-cols-3 {
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: clamp(20.4166666667px, 2.0833333333vw, 40px);
  background: #fff;
  border-radius: 1rem;
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px);
  height: auto
}

@media screen and (min-width: 981px) {
  .news-cols-3 {
    --_cols: 3
  }
}

@media screen and (max-width: 980px) {
  .news-cols-3 {
    --_cols: 1
  }
}

.news-cols-3 .swiper {
  margin: 0;
  position: relative
}

.news-cols-3 .imgbox {
  border-radius: 1rem;
  position: relative
}

@supports(aspect-ratio: 1.5384615385) {
  .news-cols-3 .imgbox {
    aspect-ratio: 1.5384615385
  }
}

@supports not (aspect-ratio: 1.5384615385) {
  .news-cols-3 .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 65%
  }
}

.news-cols-3 .imgbox>img,
.news-cols-3 .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.news-cols-3 .imgbox::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background: linear-gradient(transparent, transparent 70%, rgba(0, 0, 0, 0.7))
}

.news-cols-3 .title-date,
.news-cols-3 .text-box {
  display: flex;
  flex-direction: column
}

.news-cols-3 .title-date .title {
  font-size: clamp(1.375rem, 0.9840425532rem + 0.6382978723vw, 1.75rem);
  line-height: 1.2;
  margin-bottom: 10px;
  transition: color .3s
}

.news-cols-3 .title-date .date {
  margin-top: auto;
  color: #666
}

.news-cols-3 .title-date:hover {
  color: var(--color-theme)
}

.news-cols-3 .text-box .text {
  color: #666;
  margin-bottom: 10px;
  transition: color .3s
}

.news-cols-3 .text-box .more {
  margin-top: auto
}

.news-cols-3 .text-box:hover .text {
  color: var(--color-theme)
}

@media screen and (min-width: 981px) {

  .bd-swiper .swiper-pagination,
  .bd-swiper2 .swiper-pagination {
    width: 50%
  }
}

@media screen and (max-width: 980px) {

  .bd-swiper .swiper-pagination,
  .bd-swiper2 .swiper-pagination {
    --swiper-pagination-bottom: auto;
    --swiper-pagination-top: 170px
  }
}

.bd-swiper .swiper-slide,
.bd-swiper2 .swiper-slide {
  background: #fff;
  display: flex
}

@media screen and (max-width: 980px) {

  .bd-swiper .swiper-slide,
  .bd-swiper2 .swiper-slide {
    flex-direction: column
  }
}

.bd-swiper .swiper-slide:hover .tit,
.bd-swiper2 .swiper-slide:hover .tit {
  color: var(--color-theme)
}

.bd-swiper .imgbox,
.bd-swiper2 .imgbox {
  width: 50%;
  position: relative
}

@supports(aspect-ratio: var(--bd-img-ar, 2)) {

  .bd-swiper .imgbox,
  .bd-swiper2 .imgbox {
    aspect-ratio: var(--bd-img-ar, 2)
  }
}

@supports not (aspect-ratio: var(--bd-img-ar, 2)) {

  .bd-swiper .imgbox::before,
  .bd-swiper2 .imgbox::before {
    content: "";
    display: block;
    padding-bottom: calc(1/var(--bd-img-ar, 2)*100%)
  }
}

.bd-swiper .imgbox>img,
.bd-swiper2 .imgbox>img,
.bd-swiper .imgbox>.inner,
.bd-swiper2 .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

@media screen and (max-width: 980px) {

  .bd-swiper .imgbox,
  .bd-swiper2 .imgbox {
    width: 100%
  }
}

.bd-swiper .imgbox::after,
.bd-swiper2 .imgbox::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background: linear-gradient(transparent, transparent 70%, rgba(0, 0, 0, 0.7))
}

.bd-swiper .wrap,
.bd-swiper2 .wrap {
  flex: 1;
  padding: clamp(1.25rem, -1.3563829787rem + 4.2553191489vw, 3.75rem);
  display: flex;
  flex-direction: column
}

.bd-swiper .tit,
.bd-swiper2 .tit {
  font-size: clamp(1.25rem, 0.7287234043rem + 0.8510638298vw, 1.75rem);
  font-weight: bold;
  line-height: 1.2;
  transition: .3s
}

.bd-swiper .date,
.bd-swiper2 .date,
.bd-swiper .text,
.bd-swiper2 .text {
  color: #666;
  margin-top: clamp(13.2708333333px, 1.3541666667vw, 26px)
}

.bd-swiper .text,
.bd-swiper2 .text {
  margin-bottom: auto
}

@media screen and (max-width: 980px) {
  .bd-swiper2 .swiper-pagination {
    --swiper-pagination-top: 210px
  }
}

.bd-swiper2 .imgbox {
  --bd-img-ar: calc(720 / 450)
}

.bd-swiper2 .wrap {
  padding: clamp(43.3854166667px, 4.4270833333vw, 85px) clamp(40.8333333333px, 4.1666666667vw, 80px)
}

@media screen and (max-width: 980px) {
  .bd-swiper2 .wrap {
    padding: 20px
  }
}

.news-item-4 {
  background: #fff;
  box-shadow: var(--shadow);
  transition: box-shadow .3s;
  display: flex;
  flex-direction: column
}

.news-item-4 .content {
  display: flex;
  align-items: flex-start;
  padding: clamp(0.75rem, 0.2287234043rem + 0.8510638298vw, 1.25rem);
  flex: 1
}

.news-item-4 .imgbox {
  position: relative
}

@supports(aspect-ratio: 1.6428571429) {
  .news-item-4 .imgbox {
    aspect-ratio: 1.6428571429
  }
}

@supports not (aspect-ratio: 1.6428571429) {
  .news-item-4 .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 60.8695652174%
  }
}

.news-item-4 .imgbox>img,
.news-item-4 .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.news-item-4 [icon] {
  font-size: clamp(1.375rem, 0.9840425532rem + 0.6382978723vw, 1.75rem);
  margin-right: 10px
}

.news-item-4 .wrap {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%
}

.news-item-4 .title {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: auto;
  transition: .3s
}

.news-item-4 .date {
  margin-top: clamp(10.2083333333px, 1.0416666667vw, 20px);
  color: #666
}

.news-item-4:hover {
  box-shadow: var(--shadow-lg)
}

.news-item-4:hover .title {
  color: var(--color-theme)
}

.yl-item {
  background: #fff;
  padding: clamp(28.0729166667px, 2.8645833333vw, 55px) clamp(20.4166666667px, 2.0833333333vw, 40px) clamp(35.7291666667px, 3.6458333333vw, 70px);
  box-shadow: var(--shadow);
  transition: box-shadow .3s
}

@media screen and (min-width: 981px) {
  .yl-item {
    display: flex;
    align-items: flex-start
  }
}

@media screen and (max-width: 980px) {
  .yl-item {
    padding: 30px 20px 40px
  }
}

.yl-item:hover {
  box-shadow: var(--shadow-lg)
}

.yl-item:hover .text {
  color: var(--color-theme)
}

.yl-item .wrap {
  flex: 1
}

.yl-item .icon {
  --size: 3.25em;
  background: linear-gradient(30deg, var(--color-theme2), var(--color-theme));
  margin-right: clamp(17.8645833333px, 1.8229166667vw, 35px)
}

.yl-item .text {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  line-height: 1.2;
  transition: .3s
}

@media screen and (max-width: 980px) {
  .yl-item .text {
    margin-top: 20px
  }
}

.yl-item .source {
  color: #666;
  margin-top: 20px;
  font-style: italic
}

.kanwu-item-2 .image-box {
  background: #fff;
  padding: clamp(0.625rem, -0.0265957447rem + 1.0638297872vw, 1.25rem);
  box-shadow: var(--shadow);
  transition: box-shadow .3s
}

.kanwu-item-2 .imgbox {
  position: relative
}

@supports(aspect-ratio: 0.6882494005) {
  .kanwu-item-2 .imgbox {
    aspect-ratio: .6882494005
  }
}

@supports not (aspect-ratio: 0.6882494005) {
  .kanwu-item-2 .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 145.2961672474%
  }
}

.kanwu-item-2 .imgbox>img,
.kanwu-item-2 .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.kanwu-item-2 .name {
  text-align: center;
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  padding: .7em 1em .5em
}

.kanwu-item-2:hover .image-box {
  box-shadow: var(--shadow-lg)
}

.imgbg-bottom {
  background-size: 100% auto;
  background-position-y: bottom
}

.g-back {
  display: flex;
  align-items: center;
  transition: .3s;
  cursor: pointer
}

@supports(gap: 8px) {
  .g-back {
    gap: 8px
  }
}

@supports not (gap: 8px) {
  .g-back {
    margin-right: -8px;
    margin-bottom: -8px
  }

  .g-back>* {
    margin-right: 8px;
    margin-bottom: 8px
  }
}

.g-back .icon {
  --size: 2em;
  border: 1px solid #c4cdd7
}

.g-back:hover {
  color: var(--color-theme)
}

.kanwu-years {
  --_gap: clamp(15.3125px, 1.5625vw, 30px);
  background-color: #eaf2fb;
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) 0
}

@media screen and (max-width: 980px) {
  .kanwu-years {
    padding: 30px 0 60px
  }
}

.kanwu-years h1 {
  font-size: clamp(23.4791666667px, 2.3958333333vw, 46px);
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  margin-top: 8px
}

.kanwu-years .year-box {
  margin-top: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

.kanwu-years .list {
  margin-top: clamp(35.7291666667px, 3.6458333333vw, 70px)
}

.kanwubao {
  background-color: #eaf2fb;
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) 0
}

@media screen and (max-width: 980px) {
  .kanwubao {
    padding: 30px 0 60px
  }
}

.kanwubao .toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2
}

.kanwubao .view-box {
  position: relative
}

.kanwubao .view-box .view {
  display: flex;
  align-items: center;
  border-radius: 99px;
  border: 1px solid #cfdbe8;
  background: #fff;
  color: var(--color-theme);
  line-height: 1;
  padding: 1em;
  padding-left: 1.625em;
  padding-right: 2.25em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  position: relative;
  z-index: 2
}

.kanwubao .view-box .view .icons {
  margin-right: 10px
}

.kanwubao .view-box .view.on,
.kanwubao .view-box .view:hover {
  background: linear-gradient(to right, var(--color-theme3), var(--color-theme));
  color: #fff;
  --_icon-active: block;
  --_icon-normal: none
}

.kanwubao .view-box .view-content {
  position: absolute;
  z-index: 1;
  right: 0;
  top: calc(100% + clamp(15.3125px, 1.5625vw, 30px));
  background: #fff;
  max-width: 90vw;
  width: clamp(367.5px, 37.5vw, 720px);
  min-height: clamp(122.5px, 12.5vw, 240px);
  border-radius: clamp(10.2083333333px, 1.0416666667vw, 20px);
  box-shadow: 0 0 0 100vmax rgba(0, 0, 0, .2);
  padding: clamp(20.4166666667px, 2.0833333333vw, 40px) clamp(15.3125px, 1.5625vw, 30px)
}

.kanwubao .view-box .view-content .years {
  display: flex;
  align-items: center
}

.kanwubao .view-box .view-content .swiper {
  flex: 1;
  margin: 0 clamp(15.3125px, 1.5625vw, 30px)
}

.kanwubao .view-box .view-content .swiper-btn {
  --swiper-btn-color: #9ca4ab;
  --swiper-btn-hover-color: var(--color-theme);
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0
}

.kanwubao .view-box .view-content .year {
  background: #ebf0f5;
  border-radius: 8px;
  line-height: 1.75;
  padding: 0 .75em;
  width: -moz-max-content;
  width: max-content;
  transition: .3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer
}

.kanwubao .view-box .view-content .year:hover,
.kanwubao .view-box .view-content .year.on {
  background: var(--color-theme);
  color: #fff
}

.kanwubao .view-box .view-content .contents {
  margin-top: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

.kanwubao .view-box .view-content .list {
  display: grid;
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
  gap: clamp(0.375rem, 0.1143617021rem + 0.4255319149vw, 0.625rem) clamp(1.25rem, -1.3563829787rem + 4.2553191489vw, 3.75rem);
  color: #222
}

@media screen and (min-width: 981px) {
  .kanwubao .view-box .view-content .list {
    --_cols: 4
  }
}

@media screen and (max-width: 980px) {
  .kanwubao .view-box .view-content .list {
    --_cols: 3
  }
}

.kanwubao .view-box .view-content .list a {
  transition: .3s
}

.kanwubao .view-box .view-content .list a.on,
.kanwubao .view-box .view-content .list a:hover {
  color: var(--color-theme)
}

.kanwubao .main {
  margin-top: clamp(17.8645833333px, 1.8229166667vw, 35px);
  border-radius: clamp(12.25px, 1.25vw, 24px);
  background: #fff;
  padding: clamp(1.25rem, -2.6595744681rem + 6.3829787234vw, 5rem)
}

@media screen and (min-width: 981px) {
  .kanwubao .main {
    display: flex
  }
}

.kanwubao .main .imgbox {
  border: 1px solid #d4d7da;
  width: clamp(285.8333333333px, 29.1666666667vw, 560px);
  position: relative
}

@supports(aspect-ratio: 0.6913580247) {
  .kanwubao .main .imgbox {
    aspect-ratio: .6913580247
  }
}

@supports not (aspect-ratio: 0.6913580247) {
  .kanwubao .main .imgbox::before {
    content: "";
    display: block;
    padding-bottom: 144.6428571429%
  }
}

.kanwubao .main .imgbox>.inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

@media screen and (min-width: 981px) {
  .kanwubao .main .imgbox {
    margin-right: clamp(40.8333333333px, 4.1666666667vw, 80px)
  }
}

@media screen and (max-width: 980px) {
  .kanwubao .main .imgbox {
    width: 100%
  }
}

.kanwubao .main .wrap {
  flex: 1;
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 980px) {
  .kanwubao .main .wrap {
    margin-top: 20px
  }
}

.kanwubao .main .title {
  font-size: clamp(1.375rem, 0.7234042553rem + 1.0638297872vw, 2rem);
  font-weight: bold
}

.kanwubao .main .navigation {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.kanwubao .main .navigation .btn {
  --_pl: 1.875em;
  border-radius: 99px;
  line-height: 2.75em;
  padding: 0 1.5em
}

.kanwubao .main .navigation .btn.prev {
  padding-right: var(--_pl)
}

.kanwubao .main .navigation .btn.next {
  padding-left: var(--_pl)
}

.kanwubao .main .navigation .btn:hover {
  background: linear-gradient(to right, var(--color-theme3), var(--color-theme));
  color: #fff
}

.kanwubao .main .tabs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #d7dee5;
  margin-top: clamp(0.9375rem, 0.6117021277rem + 0.5319148936vw, 1.25rem);
  padding-bottom: clamp(1.25rem, 0.5984042553rem + 1.0638297872vw, 1.875rem)
}

.kanwubao .main .tab {
  border-radius: 99px;
  background: #ecf0f4;
  line-height: 2.5em;
  padding: 0 1.625em
}

.kanwubao .main .tab:hover,
.kanwubao .main .tab.on {
  background: linear-gradient(to right, var(--color-theme3), var(--color-theme));
  color: #fff
}

.kanwubao .main .content {
  margin-top: clamp(1.25rem, 0.5984042553rem + 1.0638297872vw, 1.875rem);
  flex: 1;
  overflow: auto;
  margin-bottom: 20px
}

.kanwubao .main .content ul {
  margin-top: clamp(10.2083333333px, 1.0416666667vw, 20px);
  line-height: 1.2
}

.kanwubao .main .content li {
  display: flex;
  align-items: center;
  transition: .3s
}

.kanwubao .main .content li::before {
  content: "";
  display: block;
  min-width: var(--dot-size, clamp(0.25rem, 0.1196808511rem + 0.2127659574vw, 0.375rem));
  min-height: var(--dot-size, clamp(0.25rem, 0.1196808511rem + 0.2127659574vw, 0.375rem));
  width: var(--dot-size, clamp(0.25rem, 0.1196808511rem + 0.2127659574vw, 0.375rem));
  height: var(--dot-size, clamp(0.25rem, 0.1196808511rem + 0.2127659574vw, 0.375rem));
  background: var(--dot-color, var(--color-theme));
  border-radius: 50%;
  margin-right: clamp(0.625rem, 0.4946808511rem + 0.2127659574vw, 0.75rem)
}

.kanwubao .main .content li:not(:last-child) {
  margin-bottom: 8px
}

.kanwubao .main .content li:hover {
  color: var(--color-theme)
}

.kanwubao .main .version {
  font-size: clamp(1.125rem, 0.4734042553rem + 1.0638297872vw, 1.75rem);
  font-weight: bold;
  line-height: 1.2
}

.tongweibao-detail {
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) 0;
  position: relative;
  overflow: hidden
}

@media screen and (min-width: 981px) {
  .tongweibao-detail::before {
    content: "";
    display: block;
    background: #f3f6fa;
    position: absolute;
    top: 0;
    right: 0;
    width: 61.5625vw;
    height: 100%
  }
}

@media screen and (max-width: 980px) {
  .tongweibao-detail {
    padding: 10px 0 50px
  }
}

@media screen and (min-width: 981px) {
  .tongweibao-detail .container {
    display: flex
  }
}

.tongweibao-detail .g-back:not(:hover) {
  color: #888
}

@media screen and (min-width: 981px) {
  .tongweibao-detail .l {
    margin-right: clamp(119.9479166667px, 12.2395833333vw, 235px)
  }
}

@media screen and (min-width: 981px) {
  .tongweibao-detail .l .l-content {
    width: clamp(193.9583333333px, 19.7916666667vw, 380px)
  }
}

.tongweibao-detail .l h1 {
  margin-top: clamp(1.25rem, -0.0531914894rem + 2.1276595745vw, 2.5rem);
  font-size: clamp(1.375rem, 0.9840425532rem + 0.6382978723vw, 1.75rem);
  line-height: 1.2
}

.tongweibao-detail .l .version {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  color: var(--color-theme);
  margin-top: 6px
}

.tongweibao-detail .l .imgbox {
  margin-top: clamp(10.2083333333px, 1.0416666667vw, 20px);
  width: 100%;
  border: 1px solid #eceef0
}

.tongweibao-detail .l .navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: clamp(15.3125px, 1.5625vw, 30px)
}

.tongweibao-detail .l .navigation .btn {
  transition: .3s
}

.tongweibao-detail .l .navigation .btn:hover {
  color: var(--color-theme)
}

.tongweibao-detail .r {
  flex: 1
}

@media screen and (max-width: 980px) {
  .tongweibao-detail .r {
    margin-top: 30px
  }
}

.tongweibao-detail .r .title {
  font-size: clamp(1.5rem, 0.4574468085rem + 1.7021276596vw, 2.5rem);
  line-height: 1.2
}

.tongweibao-detail .r .info {
  margin-top: clamp(12.7604166667px, 1.3020833333vw, 25px);
  color: #444
}

.tongweibao-detail .r .text {
  font-size: clamp(1rem, 0.8696808511rem + 0.2127659574vw, 1.125rem);
  margin-top: clamp(20.4166666667px, 2.0833333333vw, 40px)
}

.article-detail2 .rel-wrap {
  padding: clamp(30.625px, 3.125vw, 60px) 0;
  display: block
}

.article-detail2 .main {
  border: 0;
  margin: 0 auto
}

.wh-section .news-swiper {
  position: relative
}

.wh-section .news-swiper-pagination {
  position: absolute;
  z-index: 5;
  left: auto;
  right: clamp(20.4166666667px, 2.0833333333vw, 40px);
  bottom: clamp(10.2083333333px, 1.0416666667vw, 20px);
  width: -moz-max-content;
  width: max-content
}

@media screen and (max-width: 980px) {
  .wh-section .container {
    padding: 20px 0
  }
}

@media screen and (max-width: 980px) {
  .wh-section .title-temp {
    max-width: 50%
  }
}

.corporate-culture-patch {
  padding: clamp(25.5208333333px, 2.6041666667vw, 50px) 0
}

/* 培训现场样式 */
.training-scene {
  width: 100%;
  margin-top: 60px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 80px 0;
}

.training-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.training-title {
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: bold;
  color: white;
  text-align: right;
  margin-bottom: 20px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.training-description {
  font-size: clamp(0.9rem, 1.5vw, 1.2rem);
  color: white;
  text-align: right;
  margin-bottom: 40px;
  line-height: 1.6;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.training-images {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.training-images img {
  max-width: 300px;
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(255, 255, 255, 0.3);
  transition: transform 0.3s ease;
}

.training-images img:hover {
  transform: scale(1.05);
}

/* 响应式设计 */
@media (max-width: 768px) {
  .training-scene {
    padding: 40px 0;
  }
  
  .training-title {
    text-align: center;
  }
  
  .training-description {
    text-align: center;
  }
  
  .training-images {
    flex-direction: column;
    align-items: center;
  }
  
  .training-images img {
    max-width: 280px;
  }
}

/* 全局横向滚动条隐藏 - 防止图片被遮挡 */
.i2 row-scroll-view,
.i2 .scroll-view,
.i2 .main {
  /* 隐藏滚动条但保持滚动功能 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.i2 row-scroll-view::-webkit-scrollbar,
.i2 .scroll-view::-webkit-scrollbar,
.i2 .main::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
  width: 0;
  height: 0;
}

/* 确保业务介绍容器不会产生横向滚动条 */
.i2 {
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
}

/* 业务介绍部分容器宽度优化 - 防止内容被截断 */
@media (max-width: 980px) {
  .i2 .container {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
  }
  
  .i2 .main {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    /* 确保内容不被截断 */
    min-width: max-content;
  }
}

/* PC端样式 - 保持原有布局 */
@media (min-width: 981px) {
  .i2 .container {
    /* PC端保持原有容器宽度 */
    width: var(--main-width);
    margin: 0 auto;
    padding: 0;
  }
  
  .i2 .main {
    /* PC端保持原有样式 */
    margin-top: clamp(17.3541666667px, 1.7708333333vw, 34px);
    color: #fff;
    min-width: var(--min-width, auto);
    position: relative;
    overflow: hidden;
    /* 硬件加速 */
    will-change: auto;
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
  }
}

/* 移动端特别优化 */
@media (max-width: 980px) {
  .i2 {
    /* 确保移动端不会出现横向滚动条 */
    overflow-x: hidden;
    width: 100vw;
    max-width: 100vw;
    box-sizing: border-box;
  }
  
  .i2 .container {
    /* 移动端容器优化 */
    width: 100vw;
    max-width: 100vw;
    padding: 0 20px;
    box-sizing: border-box;
  }
  
  .i2 .main {
    /* 移动端滚动优化 */
    overflow-x: auto;
    overflow-y: hidden;
    /* 确保不会产生滚动条 */
    scrollbar-width: none;
    -ms-overflow-style: none;
    /* 确保内容不被截断 */
    min-width: max-content;
    width: calc(100vw - 40px);
  }
  
  .i2 .main::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
}

/* 背景图懒加载样式 */
.lazy-bg {
  background-image: none;
  transition: background-image 0.3s ease;
}

.lazy-bg.loaded {
  background-image: var(--bg-image);
}