/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/

html {
  font-size: 16px;
}
a{text-decoration:none;}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
    'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100vw;
  height: 100vh;
}

body * {
  box-sizing: border-box;
  flex-shrink: 0;
}

.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-col {
  display: flex;
  flex-direction: column;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-baseline {
  align-self: baseline;
}

.self-stretch {
  align-self: stretch;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.relative {
  position: relative;
}

.ml-2 {
  margin-left: 0.1042vw;
}

.mt-2 {
  margin-top: 0.1042vw;
}

.ml-4 {
  margin-left: 0.2083vw;
}

.mt-4 {
  margin-top: 0.2083vw;
}

.ml-6 {
  margin-left: 0.3125vw;
}

.mt-6 {
  margin-top: 0.3125vw;
}

.ml-8 {
  margin-left: 0.4167vw;
}

.mt-8 {
  margin-top: 0.4167vw;
}

.ml-10 {
  margin-left: 0.5208vw;
}

.mt-10 {
  margin-top: 0.5208vw;
}

.ml-12 {
  margin-left: 0.625vw;
}

.mt-12 {
  margin-top: 0.625vw;
}

.ml-14 {
  margin-left: 0.7292vw;
}

.mt-14 {
  margin-top: 0.7292vw;
}

.ml-16 {
  margin-left: 0.8333vw;
}

.mt-16 {
  margin-top: 0.8333vw;
}

.ml-18 {
  margin-left: 0.9375vw;
}

.mt-18 {
  margin-top: 0.9375vw;
}

.ml-20 {
  margin-left: 1.0417vw;
}

.mt-20 {
  margin-top: 1.0417vw;
}

.ml-22 {
  margin-left: 1.1458vw;
}

.mt-22 {
  margin-top: 1.1458vw;
}

.ml-24 {
  margin-left: 1.25vw;
}

.mt-24 {
  margin-top: 1.25vw;
}

.ml-26 {
  margin-left: 1.3542vw;
}

.mt-26 {
  margin-top: 1.3542vw;
}

.ml-28 {
  margin-left: 1.4583vw;
}

.mt-28 {
  margin-top: 1.4583vw;
}

.ml-30 {
  margin-left: 1.5625vw;
}

.mt-30 {
  margin-top: 1.5625vw;
}

.ml-32 {
  margin-left: 1.6667vw;
}

.mt-32 {
  margin-top: 1.6667vw;
}

.ml-34 {
  margin-left: 1.7708vw;
}

.mt-34 {
  margin-top: 1.7708vw;
}

.ml-36 {
  margin-left: 1.875vw;
}

.mt-36 {
  margin-top: 1.875vw;
}

.ml-38 {
  margin-left: 1.9792vw;
}

.mt-38 {
  margin-top: 1.9792vw;
}

.ml-40 {
  margin-left: 2.0833vw;
}

.mt-40 {
  margin-top: 2.0833vw;
}

.ml-42 {
  margin-left: 2.1875vw;
}

.mt-42 {
  margin-top: 2.1875vw;
}

.ml-44 {
  margin-left: 2.2917vw;
}

.mt-44 {
  margin-top: 2.2917vw;
}

.ml-46 {
  margin-left: 2.3958vw;
}

.mt-46 {
  margin-top: 2.3958vw;
}

.ml-48 {
  margin-left: 2.5vw;
}

.mt-48 {
  margin-top: 2.5vw;
}

.ml-50 {
  margin-left: 2.6042vw;
}

.mt-50 {
  margin-top: 2.6042vw;
}

.ml-52 {
  margin-left: 2.7083vw;
}

.mt-52 {
  margin-top: 2.7083vw;
}

.ml-54 {
  margin-left: 2.8125vw;
}

.mt-54 {
  margin-top: 2.8125vw;
}

.ml-56 {
  margin-left: 2.9167vw;
}

.mt-56 {
  margin-top: 2.9167vw;
}

.ml-58 {
  margin-left: 3.0208vw;
}

.mt-58 {
  margin-top: 3.0208vw;
}

.ml-60 {
  margin-left: 3.125vw;
}

.mt-60 {
  margin-top: 3.125vw;
}

.ml-62 {
  margin-left: 3.2292vw;
}

.mt-62 {
  margin-top: 3.2292vw;
}

.ml-64 {
  margin-left: 3.3333vw;
}

.mt-64 {
  margin-top: 3.3333vw;
}

.ml-66 {
  margin-left: 3.4375vw;
}

.mt-66 {
  margin-top: 3.4375vw;
}

.ml-68 {
  margin-left: 3.5417vw;
}

.mt-68 {
  margin-top: 3.5417vw;
}

.ml-70 {
  margin-left: 3.6458vw;
}

.mt-70 {
  margin-top: 3.6458vw;
}

.ml-72 {
  margin-left: 3.75vw;
}

.mt-72 {
  margin-top: 3.75vw;
}

.ml-74 {
  margin-left: 3.8542vw;
}

.mt-74 {
  margin-top: 3.8542vw;
}

.ml-76 {
  margin-left: 3.9583vw;
}

.mt-76 {
  margin-top: 3.9583vw;
}

.ml-78 {
  margin-left: 4.0625vw;
}

.mt-78 {
  margin-top: 4.0625vw;
}

.ml-80 {
  margin-left: 4.1667vw;
}

.mt-80 {
  margin-top: 4.1667vw;
}

.ml-82 {
  margin-left: 4.2708vw;
}

.mt-82 {
  margin-top: 4.2708vw;
}

.ml-84 {
  margin-left: 4.375vw;
}

.mt-84 {
  margin-top: 4.375vw;
}

.ml-86 {
  margin-left: 4.4792vw;
}

.mt-86 {
  margin-top: 4.4792vw;
}

.ml-88 {
  margin-left: 4.5833vw;
}

.mt-88 {
  margin-top: 4.5833vw;
}

.ml-90 {
  margin-left: 4.6875vw;
}

.mt-90 {
  margin-top: 4.6875vw;
}

.ml-92 {
  margin-left: 4.7917vw;
}

.mt-92 {
  margin-top: 4.7917vw;
}

.ml-94 {
  margin-left: 4.8958vw;
}

.mt-94 {
  margin-top: 4.8958vw;
}

.ml-96 {
  margin-left: 5vw;
}

.mt-96 {
  margin-top: 5vw;
}

.ml-98 {
  margin-left: 5.1042vw;
}

.mt-98 {
  margin-top: 5.1042vw;
}

.ml-100 {
  margin-left: 5.2083vw;
}

.mt-100 {
  margin-top: 5.2083vw;
}

.ml-73 {
  margin-left: 3.8021vw;
}
.mt-15 {
  margin-top: 0.7813vw;
}
.page {
  background-color: rgb(255, 255, 255);
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  position:relative;
}
.section {
  padding: 0.9375vw 7.9vw 0.9375vw 7.9vw;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: flex;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}
.image {
      width: 8.2292vw;
    height: 1.7708vw;
}
.font {
  font-size: 0.7813vw;
  font-family: Microsoft YaHei;
  line-height: 0.625vw;
  color: rgb(255, 255, 255);
}
.section_2 {
  background-image:url(../images/banner3.jpg);
  padding: 0vw 7.9vw 0vw;
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 3.8vw;
}
.text_4 {
  color: rgb(255,255,255);
  font-size: 1.875vw;
  font-family: Microsoft YaHei;
  font-weight: 700;
  line-height: 1.8229vw;
}
.group {  width: 83.3333vw;
}
.group_2 {
  padding: 0 4.8438vw 1.0417vw 4.8958vw;
}
.font_2 {
  font-size: 0.8333vw;
  font-family: Microsoft YaHei;
  line-height: 0.7813vw;
  color: rgb(51, 51, 51);cursor:pointer;
}
.font_2:hover{color:#1c5dff;}
.text_5 {
  color: rgb(28, 93, 255);
  line-height: 0.8333vw;
}
.text_6 {
  margin: 0 0.4167vw;
}
.text_7 {
  margin: 0 0.4167vw;
  line-height: 0.8333vw;
}
.text_8 {
  margin: 0 0.4167vw;
  line-height: 0.8333vw;
}
.section_3 {
  background-color: rgb(28, 93, 255);
  width: 15.625vw;
  height: 1px;
}
.section_4 {
  background-color: rgb(229, 229, 229);
  width: 15.625vw;
  height: 1px;margin-top:-1px;
}
.view {
  margin-left: 15.625vw;
}
.view_2 {
  margin-right: 15.625vw;
}
.grid {
  margin-top: 0.4167vw;
  padding-top: 0.4688vw;
  height: 66.4583vw;
  display: grid;
  grid-template-rows: repeat(4, minmax(0, 1fr));
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 0.7813vw;
  column-gap: 1.1979vw;
}
.group_1 {
  width: 83.3333vw;
  height:107.9896vw;
}
.grid-item {
  padding-top: 0.6771vw;transition:all 0.3s;
}
/*.grid-item:hover span.text_1,.grid-item_2:hover span.text_9{color:#1856ed;transition:all 0.3s;}*/
.pos {
  position: absolute;
  left: 0;
  top: 0;
}
.image_2 {
width: 26.3541vw;
height: 16.1563vw;
}
.font_3 {
  font-size: 0.7292vw;
  font-family: Microsoft YaHei;
  line-height: 0.74vw;
  color: rgb(51, 51, 51);
}
.text {
  text-transform: uppercase;transition:color 0.1s ease;
}
a.text:hover{color:#1351ec;}
.text_3 {
  color: rgb(238, 238, 238);
  font-size: 3.6458vw;
  font-family: Arial;
  font-weight: 700;
  line-height: 0.6771vw;
   color: rgba(238, 238, 238, 0.01);
    text-transform: uppercase;
    opacity: 0.25;
    -webkit-text-stroke: 0.05208vw rgb(255, 255, 255);
}

.text_2 {
  font-size: 3.6458vw;
  font-family: Arial;
  font-weight: 700;
  line-height: 2.7604vw;
  color: rgba(238, 238, 238, 0.01);
    text-transform: uppercase;
    opacity: 0.25;
    -webkit-text-stroke: 0.05208vw rgb(255, 255, 255);
}
.text_1 {
  margin-top: 1.0417vw;
  font-size: 1vw;
  line-height: 1vw;
}
.font_4 {
  font-size: 0.8333vw;
  font-family: Microsoft YaHei;
  line-height: 0.9375vw;
  color: rgb(153, 153, 153);
}
.text_18 {
  margin-top: 0.9vw;
}
.pos_2 {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.pos_3 {
  position: absolute;
  right: 0;
  top: 0;
}
.pos_4 {
  position: absolute;
  left: 0;
  top: 22vw;
}
.pos_5 {
  position: absolute;
  left: 50%;
  top: 22vw;
  transform: translateX(-50%);
}
.pos_6 {
  position: absolute;
  right: 0;
  top: 22vw;
}
.grid-item_2 {
  padding-top: 0.5208vw;
}
.pos_7 {
  position: absolute;
  left: 0;
  top: 44vw;
}
.text_9 {
  margin-top: 1.0417vw;
  font-size: 1vw;
  line-height: 1vw;
}
.text_10 {
  margin-top: 0.9vw;
}
.pos_8 {
  position: absolute;
  left: 50%;
  top: 44vw;
  transform: translateX(-50%);
}
.pos_9 {
  position: absolute;
  right: 0;
  top: 44vw;
}
.pos_10 {
  position: absolute;
  left: 0;
  top:66vw;
}
.pos_11 {
  position: absolute;
  left: 50%;
  top:66vw;
  transform: translateX(-50%);
}
.pos_12 {
  position: absolute;
  right: 0;
  top:66vw;
}
.pos_13 {
  position: absolute;
  left: 0;
  top:88vw;
}
.pos_14 {
  position: absolute;
  left: 50%;
  top:88vw;
  transform: translateX(-50%);
}
.pos_15 {
  position: absolute;
  right: 0;
  top:88vw;
}

.text-wrapper {
  margin-top: 4.1146vw;
  margin-bottom:4.1146vw;
  padding: 0.9vw 0vw;
  background-color: rgb(242, 244, 246);
  width: 20.9375vw;
  border: solid 1px rgb(230, 233, 237);transition:all 0.3s;cursor:pointer;border-radius:4px;
}
.text-wrapper:hover{background-color:#1c5dff;
  border: solid 0.05208vw #1c5dff;transition:all 0.3s;}
  .text-wrapper:hover span{color:#ffffff;transition:all 0.3s;}
.text_11 {
  color: rgb(153, 153, 153);font-size:0.8333vw;
}
.section_5 {
  margin-top: 4.1146vw;
  padding: 2.9688vw 18.6979vw 1.9271vw;
  background-color: rgb(19, 19, 27);
}
.group_3 {
  width: 16.9792vw;
}
.image_3 {
  width: 8.3333vw;
  height: 1.775vw;
}
.divider {
  background-color: rgba(255, 255, 255, 0.2);
  height: 0.05208vw;
}
.font_5 {
  font-size: 0.8333vw;
  font-family: Microsoft YaHei;
  line-height: 0.7813vw;
  color: rgb(255, 255, 255);
}
.image_5 {
  width: 1.5625vw;
  height: 1.5625vw;
}
.text_12 {
  opacity: 0.8;
}
.group_5 {
  margin-top: 1.5104vw;
}
.font_6 {
  font-size: 0.7292vw;
  font-family: Microsoft YaHei;
  line-height: 0.7292vw;
  color: rgb(255, 255, 255);
}
.group_6 {
  margin-top: 0.9896vw;
}
.font_7 {
  font-size: 0.7292vw;
  font-family: Microsoft YaHei;
  line-height: 0.7813vw;
  color: rgb(255, 255, 255);
}
.text_13 {
  opacity: 0.3;
}
.text_14 {
  margin-left: 1.3021vw;
}
.group_8 {
  margin-right: 0.3125vw;
}
.image_4 {
  width: 6.25vw;
  height: 6.25vw;
}
.text_17 {
  color: rgb(255, 255, 255);
}
.xf_img_01{background-image:url(../images/b25da98940c514ea5ca797a5a3153a23.png);
  background-repeat:no-repeat;
  background-size:100% 100%;
  cursor:pointer;transition:all 0.5s;}
  .xf_img_02{background-image:url(../images/c7b77d105af79f2555bff42015bc38c3.png);
  background-size:100% 100%;
  cursor:pointer;transition:all 0.5s;}
  .xf_img_03{background-image:url(../images/70bbc93471974b0438fdcce30541c011.png);
  background-repeat:no-repeat;
  background-size:100% 100%;
  cursor:pointer;transition:all 0.5s;}
.xf_img_01:hover{background-image:url(../images/-53272.png);transition:all 0.5s;}
.xf_img_02:hover{background-image:url(../images/-53276.png);transition:all 0.5s;}
.xf_img_03:hover{background-image:url(../images/-53274.png);transition:all 0.5s;}
.xf_img_01:hover .xf_img_1,.xf_img_02:hover .xf_img_2,.xf_img_03:hover .xf_img_3{opacity: 1; /* 完全显示 */
  visibility: visible; /* 恢复可见和交互 */}
.xf_img_1 {
  width: 5.3646vw;
  height: 5.6771vw;
  position: absolute;
  left: 6vw;
  bottom: 5vw;
  opacity: 0; /* 完全透明 */
  visibility: hidden; /* 不可见且不响应交互 */
  transition: opacity 0.3s ease 0.15s, visibility 0.3s ease 0.15s; /* 过渡动画：0.5秒渐显 */
}
.xf_img_2 {
  width: 5.3646vw;
  height: 5.6771vw;
  position: absolute;
  left: 8.2vw;
  bottom: 5vw;
  opacity: 0; /* 完全透明 */
  visibility: hidden; /* 不可见且不响应交互 */
  transition: opacity 0.3s ease 0.15s, visibility 0.3s ease 0.15s; /* 过渡动画：0.5秒渐显 */
}
.xf_img_3 {
  width: 5.3646vw;
  height: 5.6771vw;
  position: absolute;
  left: 10.35vw;
  bottom: 5vw;
  opacity: 0; /* 完全透明 */
  visibility: hidden; /* 不可见且不响应交互 */
  transition: opacity 0.3s ease 0.15s, visibility 0.3s ease 0.15s; /* 过渡动画：0.5秒渐显 */
}
/* LOGO样式（初始隐藏） */
.logo {
  opacity: 1;
}

/* 导航文字默认正常（间距0） */
.nav-links {
  display: flex;
}


.nav-links a {
  color: #fff;
  text-decoration: none;
  letter-spacing: 0px; /* 默认正常间距 */
  opacity: 1;
   white-space: nowrap; /* 防止文字换行影响间距 */
}
.img-container {
    overflow: hidden;
    line-height: 0;
    border-radius: 6px;
}

/* 图片初始样式 */
.img-container img {
  object-fit: cover; /* 保持图片比例，裁剪多余部分 */
  transition: transform 0.3s ease; /* 动画过渡：总时长0.6秒，缓慢开始和结束 */
}
/* 鼠标经过容器时，图片先放大再缩回 */
.img-container:hover img {
  /* 放大到1.1倍（10%），然后自动缩回原大小 */
  /* 利用动画关键帧实现“放大-缩回”的过程 */
  transform:scale(1.13);
}
/********************************************/
.section_30 {
  padding: 2.5521vw 7.9vw;
  background-color: rgb(19, 19, 27);
}
.group_30 {
  width: 17.1354vw;
}
.image_24 {
  width: 8.3333vw;
  height: 1.7708vw;
}
.divider_2 {
  margin-right: 0.1563vw;
  background-color: rgba(255, 255, 255, 0.2);
  height: 0.05208vw;
}
.text_74 {
  line-height: 0.8333vw;
}
.font_13 {
  font-size: 0.8333vw;
  font-family: Microsoft YaHei;
  line-height: 0.7813vw;
  color: rgb(255, 255, 255);
}
.image_25 {
  width: 1.5625vw;
  height: 1.5625vw;
}
.text_46 {
  opacity: 0.8;
}
.group_31 {
  margin-top: 1.5104vw;
}
.text_61 {
  margin-top: 0.9896vw;
}
.text_47 {
  opacity: 0.3;
}
.font_22 {
  font-size: 0.7292vw;
  font-family: Microsoft YaHei;
  line-height: 0.7813vw;
  color: rgb(255, 255, 255);
}
.group_37 {
  width: 14.5833vw;
}
.group_49 {
  margin-left: 8.3333vw;
}
.image_23 {
  width: 6.25vw;
  height: 6.25vw;
}
.font_23 {
  font-size: 0.625vw;
  font-family: Microsoft YaHei;
  line-height: 0.625vw;
  color: rgb(255, 255, 255);
}
.group_51 {
  margin-left: -14.5833vw;
}
/****************/
.anli_mt-23 {
  margin-top: 2.396vw;
}
.anli_mt-9 {
  margin-top: 0.05vw;
}
.anli_page {
  padding: 0vw 0vw 5.5vw;
  background-color: rgb(255, 255, 255);
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.anli_section_2 {
  padding-top: 2.083vw;
  /*background-image: url('../images/0c2d5256498a68319c4b86887c368a28.gif');*/
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 65.833vw;
  height: 18.281vw;
}
.anli_group_2 {
  width: 9.844vw;
}
.anli_pos_7 {
  position: absolute;
  left: -8.75vw;
  top: 9.948vw;z-index:1;
}
.anli_font {
  font-size: 1.042vw;
  font-family: Microsoft YaHei;
  line-height: 1.094vw;
  font-weight: 700;
  color: rgb(28, 93, 255);
}
.anli_text {
  text-transform: uppercase;
}
.anli_image_3 {
  width: 0.885vw;
  height: 0.885vw;
}
.anli_pos_5 {
  position: absolute;
  left: 17.917vw;
  top: 17.188vw;z-index:1;
}
.anli_image_4 {
  width: 0.938vw;
  height: 0.938vw;
}
.anli_pos_6 {
  position: absolute;
  right: 17.865vw;
  top: 17.188vw;z-index:1;
}
.anli_group_3 {
  width: 9.167vw;
}
.anli_pos_3 {
  position: absolute;
  right: -8.125vw;
  top: 9.948vw;
  z-index:1;
}
.anli_section_3 {
  padding: 0.833vw 0 4.688vw;
  background-image: url('../images/12944c65bdeaa8fa94d2335a738d5a9b.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 62.5vw;
}
.anli_pos_1 {
  position: absolute;
  left: 1.667vw;
  right: 1.667vw;
  top: 50%;
  transform: translateY(-50%);
}
.anli_image {
  width: 1.042vw;
  height: 1.198vw;
  position:relative;
  top:0vw;
}
.anli_image_2 {
  width: 28.125vw;
  height: 2.865vw;
}
.anli_text_4 {
  color: rgb(0, 0, 0);
  font-size: 1.875vw;
  font-family: Microsoft YaHei;
  font-weight: 700;
  line-height: 1.927vw;
}
.ellipse-dash {
      fill: none;
      stroke: #b4caff; /* 虚线颜色 */
      stroke-width: 1px;
      stroke-dasharray: 10px, 8px; /* 虚线样式 */
      /* 关键：裁剪上半部分，只留顶部极窄的边和下半部分 */
      clip-path: polygon(
        0% 55%,   /* 左上角：只留顶部5%高度 */
        100% 55%, /* 右上角：只留顶部5%高度 */
        100% 100%,/* 右下角 */
        0% 100%   /* 左下角 */
      );
    }
svg{position:absolute;left:0.2vw;top:-0.5vw;}
.text_29{font-size: 3.6458vw;
    font-family: Arial;
    font-weight: 700;color: rgba(238, 238, 238, 0.01);
    text-transform: uppercase;
    opacity: 0.2;
    -webkit-text-stroke: 0.05208vw rgb(136, 136, 136);}
.jt{position: absolute;
    left: 0.5vw;
    top: 1.8vw;}
.tab-btn{cursor:pointer;}
.tab-btn span{opacity:0.6;transition:opacity 0.3s;}
.tab-btn.active span{opacity:1;}
.jt{width:6.1979vw;opacity:0;overflow:hidden;align-self:flex-start;transition:opacity 0.6s;}
.tab-btn.active .jt{opacity:1;}
.content-item{display:none;}
.content-item.active{display:block;}