/************************************************************
** 请将全局样式拷贝到项目的全局 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-272 {
  margin-left: 14.1667vw;
}
.ml-73 {
  margin-left: 3.8021vw;
}
.ml-29 {
  margin-left: 2.5104vw;
}
.mt-79 {
  margin-top: 4.1146vw;
}
.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%;
    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);
}
/* 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; /* 防止文字换行影响间距 */
}
.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 {
  padding: 8.7vw 7.9vw 5vw;
  background-image: url('../images/dc82eba173adc325be3e28c8a91c17aa.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.group {
  margin-left: 0.2604vw;
}
.font_2 {
  font-size: 3.6458vw;
  font-family: Arial;
  font-weight: 700;
  color: rgb(238, 238, 238);
}
.text_4 {
  color: rgb(255, 255, 255);
  font-size: 1.875vw;
  font-family: Microsoft YaHei;
  font-weight: 700;
  line-height: 1.8229vw;
}
.group_2 {
  margin-top: 3.1vw;
  padding-left: 7.9vw;
  padding-right: 7.9vw;
}
.text-wrapper {
  padding: 1.4vw 0;
  background-color: rgb(230, 233, 237);
  width: 41.67vw;
  height: 2.3958vw;
  border-radius: 5px;
}
.font_3 {
  font-size: 0.8854vw;
  font-family: Microsoft YaHei;
  line-height: 0vw;
  color: rgb(102, 102, 102);cursor:pointer;
}
.font_3:hover{color:#1c5dff;}
.list-item {
  padding: 2.5vw 0;
  border-bottom: solid 1px rgb(230, 233, 237);
}
.image_2 {
  width:26.0147vw;
  height:11.9792vw;

}
.group_3 {
  /*margin-top: 0.4688vw;*/
}
.font_4 {
  font-size: 1.1458vw;
  font-family: Microsoft YaHei;
  line-height: 0.7813vw;
  color: rgb(51, 51, 51);
}
.font_5 {
  font-size: 0.8333vw;
  font-family: Microsoft YaHei;
  line-height: 1.6vw;
  color: rgb(153, 153, 153);
}
.font_6 {
  font-size: 0.7292vw;
  font-family: Arial;
  line-height: 0.4688vw;
  color: rgb(187, 187, 187);
}
.text {
  text-transform: uppercase;transition:color 0.3s;
}
a.text:hover{color:#1351ec;}
.text_6 {
  margin-top: 0.5729vw;
}
.text_3 {
  line-height: 0.3646vw;
  text-transform: uppercase;
    opacity: 0.25;
    -webkit-text-stroke: 0.05208vw rgb(255, 255, 255);color: rgba(238, 238, 238, 0.01);}
.text_2 {
  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_7 {
  margin-top: 2vw;
}
.list-item_2 {
  padding: 2.6042vw 0 1.5625vw;
  border-bottom: solid 1px rgb(230, 233, 237);
}
.group_4 {
  margin-top:1vw;
}
.text_8 {
  line-height: 0.8333vw;
}
.text_9 {
  margin-top: 1.2vw;
}
.text_10 {
  margin-top:2vw;
}
.text-wrapper_2 {
  padding:1vw 0;
  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_2:hover{background-color:#1c5dff;
  border: solid 0.05208vw #1c5dff;transition:all 0.3s;}
  .text-wrapper_2:hover span{color:#ffffff;transition:all 0.3s;}
.text_11 {
  color: rgb(153, 153, 153);font-size:0.8333vw;
}
.section_3 {
  margin-top: 4.1667vw;
  padding: 3.0729vw 18.6979vw 1.9271vw;
  background-color: rgb(19, 19, 27);
}
.group_5 {
  width: 16.9792vw;
}
.image_3 {
  width: 8.3333vw;
  height: 1.7708vw;
}
.divider {
  background-color: rgba(255, 255, 255, 0.2);
  height: 0.05208vw;
}
.font_7 {
  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_7 {
  margin-top: 1.5104vw;
}
.font_8 {
  font-size: 0.7292vw;
  font-family: Microsoft YaHei;
  line-height: 0.7813vw;
  color: rgb(255, 255, 255);
}
.text_13 {
  opacity: 0.3;
}
.text_14 {
  line-height: 0.7292vw;
}
.text_15 {
  line-height: 0.7292vw;
}
.text_16 {
  line-height: 0.7292vw;
}
.text_17 {
  margin-left: 1.3021vw;
  line-height: 0.7292vw;
}
.group_8 {
  margin-top: 0.9896vw;
}
.group_6 {
  margin-right: 0.3125vw;
}
.image_4 {
  width: 6.25vw;
  height: 6.25vw;
}
.text_18 {
  color: rgb(255, 255, 255);
  line-height: 0.625vw;
}
.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秒渐显 */
}
.text_8:hover{color:#1c5dff;}

/********************************************/
.section_30 {
  padding: 2.5521vw 7.9vw;
  background-color: rgb(19, 19, 27);
  margin-top: 4.1667vw;
}
.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;
}
/*案例图片交互*/
.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);
}
#bgDiv1,#bgDiv2{position:relative;top:0;}