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

html {
  font-size: 16px;
}
*{margin:0;padding:0;border:none;outline:none;}a{text-decoration:none;}img{border:0px;
border: 0 none;
height: auto;}
ul li{list-style:none;}
table {
	border-collapse: collapse;
	border-spacing: 0
}
li {
	list-style: none
}
fieldset, img {
	border: 0
}
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;
  cursor: default;
}

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: 0.9vw;
}
span:nth-child(2).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;
  margin-bottom: 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: 3.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-29 {
  margin-left: 1.5104vw;
}
.mt-19 {
  margin-top: 0.9896vw;
}
.mt-13 {
  margin-top: 0.6771vw;
}
.ml-11 {
  margin-left: 0.5729vw;
}
.mt-31 {
  margin-top: 1.6146vw;
}
.mt-15 {
  margin-top: 0.7813vw;
}
/*.ml-67 {
  margin-left: 3.4896vw;
}*/
.ml-73 {
  margin-left: 3.8021vw;
}
.ml-19 {
  margin-left: 0.9896vw;
}
.ml-1199 {
  margin-left:77.6vw;position:absolute;
}
.ml-15 {
  margin-left: 0.7813vw;
}
.ml-57 {
  margin-left: 2.9688vw;
}
.ml-25 {
  margin-left: 1.3021vw;
}
.mt-9 {
  margin-top: 0.4688vw;
}
.page {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;position:relative;
}
.section_3 {
  padding: 0.9375vw 7.9vw 0.9375vw 7.9vw;
  z-index: 999;
  
}
.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);
}
.group_48 {
  /*height: 46.0417vw;*/
}
.pos {
  position:relative;
  left: 0;
  right: 0;
  top: 0;
}
.section_2 {
  padding: 15.3125vw 0 5.5208vw;
 /* background-image: url('../images/bdde0e1533e889ae615e7d01819fc68c.png');*/
  background-size: 100% 100%;
  
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;transition: background-image 1s ease; /* 背景图切换过渡 */
}
/* 左右切换按钮 */
.switch-btn {
  position: absolute; /* 绝对定位在容器内 */
  top: 50%;
  transform: translateY(-50%); /* 垂直居中 */
  width: 3.125vw;
  height: 5.208vw;
  border: none;
  font-size: 1.458vw;
  color: white;
  cursor: pointer;
  z-index: 10; /* 按钮在轮播图上方 */
  transition: opacity 0.3s ease; /* 透明度过渡 */
  opacity: 0.3; /* 默认半透明 */
}

/* 左侧按钮 */
.prev {
  left: 0;
  background: linear-gradient(to right, rgba(0,0,0,0.5), transparent);
}

/* 右侧按钮 */
.next {
  right: 0;
  background: linear-gradient(to left, rgba(0,0,0,0.5), transparent);
}

/* 鼠标放在轮播图容器上时，按钮完全显示（100%不透明） */
.banner-container:hover .switch-btn {
  opacity: 1;
}
.image_2 {
  margin-top: 2.6042vw;
  width: 9.375vw;
  height: 2.5vw;
}
.image_3 {
  margin-left:0.5vw;
  width: 1.0938vw;
  height: 1.875vw;z-index:10;
  position:absolute;
  bottom:6vw;
}
.group_50 {
  width: 83.3333vw;
}
.view_1 {
  margin-top: -4.4792vw;
}
.equal-division {
  position: relative;
}
.section_4 {
  padding: 2.5521vw 0;
  background-color: rgb(255, 255, 255);
  box-shadow: 0vw 0vw 1.5625vw rgba(16, 19, 21, 0.1);
}
.group_2 {
  flex: 1 1 18.75vw;
}
.group_38 {
  padding: 0.625vw 3.2813vw 0.625vw 4.47vw;
}
.image_4 {
  width: 2.6042vw;
  height: 2.5vw;
}
.font_2 {
  font-size: 1vw;
  font-family: Microsoft YaHei;
  line-height: 1vw;
  font-weight: 700;
  color: rgb(23, 31, 37);
}
.font_3 {
  font-size: 0.8333vw;
  font-family: Microsoft YaHei;
  line-height: 0.625vw;
  color: rgb(153, 153, 153);
}
.group_1 {
  padding: 0.6771vw 3.2292vw 0.625vw 3.85vw;
}
.image_1 {
  width: 2.8646vw;
  height: 2.4479vw;
}
.group_39 {
  padding: 0.5729vw 3.4896vw 0.5729vw 3.5417vw;
}
.image_30 {
  width: 2.3438vw;
  height: 2.6042vw;
}
.font_4 {
  font-size: 0.8333vw;
  font-family: Microsoft YaHei;
  line-height: 0.7813vw;
  color: rgb(153, 153, 153);
}
.group_40 {
  padding: 0.5208vw 3.2813vw 0.5208vw 3.4375vw;
}
.image_29 {
  width: 2.6042vw;
  height: 2.7083vw;
}
.section_5 {
  background-color: rgb(240, 240, 240);
  height: 5.7292vw;
  width: 0.05208vw;
}
.pos_3 {
  position: absolute;
  left: 20.8325vw;
  right: 56.1979vw;
  top: 50%;
  transform: translateY(-50%);
}
.pos_19 {
  position: absolute;
  left: 40.6650vw;
  right: 37.4479vw;
  top: 50%;
  transform: translateY(-50%);
}
.pos_20 {
  position: absolute;
  left: 62.4975vw;
  right: 18.75vw;
  top: 50%;
  transform: translateY(-50%);
}
.section_6 {
  margin-top: -2vw;
  padding: 4.2188vw 0 7.8125vw;
  background-image: url('../images/8e454c7415ddbd6274cb4e2f14d7eff2.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 34.8958vw;
}
.font_5 {
  font-size: 1.875vw;
  font-family: Microsoft YaHei;
  line-height: 1.8229vw;
  font-weight: 700;
  color: rgb(0, 0, 0);
}
.pos_22 {
  position: absolute;
  left: 50%;
  top: 7.0833vw;
  transform: translateX(-50%);
}
.section_7 {
  background-color: rgb(153, 153, 153);
  width: 0.1px;
  height: 1.9792vw;
}
.pos_23 {
  position: absolute;
  left: 50%;
  top: 9.9479vw;
  transform: translateX(-50%);
}
.group_7 {
  padding-left:7.9vw;
}
.pos_30 {
  position: absolute;
  left: 0;
  right: 0;
  top: 13.1771vw;
}
.image-wrapper {
  padding: 2.7083vw 0 0.9375vw;
  background-image: url('../images/d6ec51942bcdbc1e63cc9d375903a2bb.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 20.8333vw;
  height: 13.8021vw;
}
.image_5 {
  width: 11.1458vw;
  height: 10.1563vw;
}
.group_4 {
  margin-bottom: 0.3646vw;margin-top:-0.3vw;
}
.group_5 {
  line-height: 1.5625vw;
  width: 59.6667vw;
}
.font_6 {
  font-size: 0.7292vw;
  font-family: Microsoft YaHei;
  line-height: 1.85vw;
  color: rgb(102, 102, 102);
}
.text_10 {
  font-weight: 700;
}
.divider {
  background-color: #e5e5e5;
  height: 0.05208vw;
}
.group_9 {
  width: 59.6146vw;
}
.font_7 {
  font-size: 2.1875vw;
  font-family: Microsoft YaHei;
  line-height: 1.8229vw;
  font-weight: 700;
  color: rgb(28, 93, 255);
}
.text_11 {
  line-height: 1.7708vw;
}
.font_8 {
  font-size: 0.8333vw;
  font-family: Microsoft YaHei;
  line-height: 0.625vw;
  color: rgb(28, 93, 255);
}
.text_14 {
  font-size: 0.7813vw;
  line-height: 0.6771vw;
}
.font_9 {
  font-size: 0.8333vw;
  font-family: Microsoft YaHei;
  line-height: 0.7813vw;
  color: rgb(85, 85, 85);
}
.text_12 {
  line-height: 1.7188vw;
}
.text_15 {
  font-size: 0.7813vw;
  line-height: 0.6771vw;
}
.text_13 {
  line-height: 1.7708vw;
}
.text_16 {
  font-size: 0.7813vw;
  line-height: 0.5729vw;
}
.section_8 {
  padding: 4.1667vw 8vw 3.6458vw;
  background-color: rgb(248, 248, 248);
}
.font_10 {
  font-size: 3.6458vw;
  font-family: Arial;
  font-weight: 700;
}
.text_17 {
  color: rgba(238, 238, 238, 0.01);
  line-height: 2.7083vw;
  text-transform: uppercase;
  opacity: 0.15;
  -webkit-text-stroke: 0.05208vw rgb(28, 93, 255);
}
.text_18 {
  color: rgb(28, 93, 255);
}
.equal-division_2 {
  align-self: stretch;
}
.equal-division-item_2 {
  position: relative;
  flex: 1 1 15.625vw;
}
.section_9 {
  padding: 2.6042vw 3.9063vw 2.7083vw;
  background-color: rgba(238, 242, 248, 0.6);
  box-shadow: 0vw 0vw 1.5625vw rgba(28, 93, 255, 0.15);
  border-radius: 0.5208vw;
  height: 20.8333vw;
  background-image:url(../images/bg.png);
  background-repeat: no-repeat;
    background-size: 300%; /* 283% 是为了让渐变有足够的空间移动，近似为 √2 * 200% ，以适应 45 度角 */
    background-position: 150% 150%; /* 初始位置，让过渡颜色隐藏在左上角外部 */

    /* 设置过渡效果，使背景位置的变化更平滑 */
    transition: background-position 1.2s ease;
}
/* hover时：背景位置移动到右下角，过渡色从左上角滑入填满 */
.section_9:hover,.section_10:hover,.section_11:hover,.section_12:hover {
  background-position:50% 50%; 
}
.section_9 span,.section_9 span.line_box_right,.section_10 span,.section_10 span.line_box_right,.section_11 span,.section_11 span.line_box_right,.section_12 span,.section_12 span.line_box_right{transition:color 1.1s;}
.section_9:hover span,.section_10:hover span,.section_11:hover span,.section_12:hover span{color:#ffffff;}

.section_9 .section_13,.section_9 .section_18{transition:background-color 1s;,margin-right 0.3s;}
.section_10 .section_13,.section_10 .section_18{transition:background-color 1s;,margin-right 0.3s;}
.section_11 .section_13,.section_11 .section_18{transition:background-color 1s;,margin-right 0.3s;}
.section_12 .section_13,.section_12 .section_18{transition:background-color 1s;,margin-right 0.3s;}

.section_9:hover .section_13,.section_9:hover .section_18{background-color:#ffffff; }
.section_10:hover .section_13,.section_10:hover .section_18{background-color:#ffffff; }
.section_11:hover .section_13,.section_11:hover .section_18{background-color:#ffffff; }
.section_12:hover .section_13,.section_12:hover .section_18{background-color:#ffffff; }

.section_9 .pos_25,.section_11 .pos_26,.section_10 .pos_27,.section_12 .pos_29{transition:opacity 1s;}
.section_9:hover .pos_25,.section_11:hover .pos_26,.section_10:hover .pos_27,.section_12:hover .pos_29{opacity: 0.5;}
.section_10 {
  padding: 2.7083vw 0;
  background-color: rgba(238, 242, 248, 0.6);
  box-shadow: 0vw 0vw 1.5625vw rgba(28, 93, 255, 0.15);
  border-radius: 0.5208vw;
  height: 20.8333vw;
    background-image:url(../images/bg.png);
  background-repeat: no-repeat;
    background-size: 300%; /* 283% 是为了让渐变有足够的空间移动，近似为 √2 * 200% ，以适应 45 度角 */
    background-position: 150% 150%; /* 初始位置，让过渡颜色隐藏在左上角外部 */

    /* 设置过渡效果，使背景位置的变化更平滑 */
    transition: background-position 1.2s ease;
}
.section_11 {
  padding: 2.1354vw 0 5.1563vw;
  background-color: rgba(238, 242, 248, 0.6);
  box-shadow: 0vw 0vw 1.5625vw rgba(28, 93, 255, 0.15);
  border-radius: 0.5208vw;
  height: 20.8333vw;
    background-image:url(../images/bg.png);
  background-repeat: no-repeat;
    background-size: 300%; /* 283% 是为了让渐变有足够的空间移动，近似为 √2 * 200% ，以适应 45 度角 */
    background-position: 150% 150%; /* 初始位置，让过渡颜色隐藏在左上角外部 */

    /* 设置过渡效果，使背景位置的变化更平滑 */
    transition: background-position 1.2s ease;
}
.section_12 {
  padding: 2.5521vw 3.3854vw 5.1563vw;
  background-color: rgba(238, 242, 248, 0.6);
  box-shadow: 0vw 0vw 1.5625vw rgba(28, 93, 255, 0.15);
  border-radius: 0.5208vw;
  height: 20.8333vw;
    background-image:url(../images/bg.png);
  background-repeat: no-repeat;
    background-size: 300%; /* 283% 是为了让渐变有足够的空间移动，近似为 √2 * 200% ，以适应 45 度角 */
    background-position: 150% 150%; /* 初始位置，让过渡颜色隐藏在左上角外部 */

    /* 设置过渡效果，使背景位置的变化更平滑 */
    transition: background-position 1.2s ease;
}
.image_7 {
  width: 3.6458vw;
  height: 3.125vw;
  background-image:url(../images/a4a3e9f0343cf471287293b469347bad.png);
  background-repeat:no-repeat;
  background-size:200% 100%;
  background-position: 100% 0; /* 默认显示左侧图片（左侧图片在可视区，右侧图片在容器外右侧） */
  transition: background-position 0.9s ease; /* 平滑过渡效果 */
}
.section_9:hover .image_7 {background-position: 0 0; /* 向左移动容器宽度的距离，右侧图片进入可视区 */}
.image_9 {
  width: 2.8125vw;
  height: 2.9167vw;
  background-image:url(../images/a28ca09df85a8c42748d8f9bd9331958.png);
  background-repeat:no-repeat;
  background-size:200% 100%;
  background-position: 100% 0; /* 默认显示左侧图片（左侧图片在可视区，右侧图片在容器外右侧） */
  transition: background-position 0.9s ease; /* 平滑过渡效果 */
}
.section_10:hover .image_9 {background-position: 0 0; /* 向左移动容器宽度的距离，右侧图片进入可视区 */}
.image_6 {
  width: 3.3854vw;
  height: 3.5937vw;
    background-image:url(../images/487ae3a1469c4ced3ef0f9550d3d80c4.png);
  background-repeat:no-repeat;
  background-size:200% 100%;
  background-position: 100% 0; /* 默认显示左侧图片（左侧图片在可视区，右侧图片在容器外右侧） */
  transition: background-position 0.9s ease; /* 平滑过渡效果 */
}
.section_11:hover .image_6 {background-position: 0 0; /* 向左移动容器宽度的距离，右侧图片进入可视区 */}
.image_8 {
  width: 2.9688vw;
  height: 3.0729vw;
      background-image:url(../images/dc14d9f05b5400cb59a40775cf8fee66.png);
  background-repeat:no-repeat;
  background-size:200% 100%;
  background-position: 100% 0; /* 默认显示左侧图片（左侧图片在可视区，右侧图片在容器外右侧） */
  transition: background-position 0.9s ease; /* 平滑过渡效果 */
}
.section_12:hover .image_8 {background-position: 0 0; /* 向左移动容器宽度的距离，右侧图片进入可视区 */}
.font_11 {
  font-size: 1.0417vw;
  font-family: Microsoft YaHei;
  letter-spacing: 0.1042vw;
  line-height: 1.0417vw;
  font-weight: 700;
  color: rgb(28, 93, 255);
}
.text_19 {
  margin-top: 1.5625vw;
  letter-spacing: unset;
}
.group_10 {
  margin: 1.6667vw 0.9375vw 0;
}
.section_13 {
  background-color: rgb(153, 153, 153);
  width: 0.625vw;
  height: 1px;
}
.font_12 {
  font-size: 0.8333vw;
  font-family: Microsoft YaHei;
  line-height: 0.7813vw;
  color: rgb(51, 51, 51);
}
.group_35 {
  margin: 1.6667vw 0.8854vw 0 0.9375vw;
}
.group_34 {
  margin: 1.6667vw 0.5208vw 0;
}
.section_18 {
  background-color: rgb(153, 153, 153);
  width: 0.6771vw;
  height: 1px;
}
.group_42 {
  margin-top: 1.6667vw;
}
.section_14 {
  background-image: url('../images/615906ab9bf1c78240346a3aa1c71c24.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 10.5729vw;
  height: 9.4792vw;
}
.pos_25 {
  position: absolute;
  right: 0.5208vw;
  top: 11.3542vw;
}

.text_20 {
  margin-top: 1.6667vw;
}
.group_43 {
  margin-top: 1.6667vw;
  width: 5.0521vw;
}
.text_24 {
  line-height: 0.8333vw;
}
.group_20 {
  margin-top: 1.6667vw;
}
.group_44 {
  margin-top: 1.6667vw;
  width: 6.9271vw;
}
.section_17 {
  background-image: url('../images/e572b24f447a805ad6587242124faf26.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 10.7292vw;
  height: 8.8021vw;
}
.pos_27 {
  position: absolute;
  right: 0.5208vw;
  top: 12.0313vw;
}

.text_21 {
  margin-top: 1.5625vw;
}
.group_14 {
  margin-top: 1.6146vw;
  width:8.7083vw;
}
.text_22 {
  line-height: 0.8333vw;
}
.group_17 {
  margin-top: 1.6667vw;
  width: 7.7083vw;
}
.text_25 {
  line-height: 0.8333vw;
}
.group_41 {
  margin-top: 1.6146vw;
  width: 7.6563vw;
}
.section_15 {
  background-image: url('../images/b8e82c8b4129d1acb0b287b442bc4d76.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 10.1563vw;
  height: 9.0104vw;
}
.pos_26 {
  position: absolute;
  right: 0.5208vw;
  top: 11.8229vw;
}
.text_55 {
  margin-top: 1.6667vw;
}
.group_13 {
  margin-top: 1.6667vw;
}
.text_23 {
  margin-left: 0.5729vw;
  line-height: 0.8333vw;
}
.view {
  margin-left: 0.8854vw;
}
.group_45 {
  width: 5.1042vw;
}
.view_2 {
  margin-top: 1.6146vw;
}
.view_3 {
  margin-top: 1.6667vw;
}
.section_16 {
  background-image: url('../images/865714217c3105b1b5b6f8206a734640.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 11.4583vw;
  height: 9.0104vw;
}
.pos_29 {
  position: absolute;
  right: 0.5208vw;
  top: 11.8229vw;
}
.equal-division_3 {
  align-self: center;
}
.group_21 {
  width: 20.1042vw;
}
.group_24 {
  margin-top: 4.1667vw;
}
.equal-division-item_4 {
  flex: 1 1 8.75vw;
}
.section_20 {
  padding: 0.7292vw 1.7708vw 0.7813vw 1.8229vw;
  background-image: linear-gradient(-90deg, rgb(54, 105, 248) 0%, rgb(19, 184, 255) 100%);
  border-radius: 0.3125vw;
  height: 2.5vw;
}
.section_20:hover{
  background-image: linear-gradient(-90deg, rgb(19, 184, 255) 0%, rgb(54, 105, 248) 100%);
}
.image_10 {
  width: 0.9375vw;
  height: 0.9896vw;
}
.font_13 {
  font-size: 0.8333vw;
  font-family: Microsoft YaHei;
  line-height: 0.7813vw;
  color: rgb(255, 255, 255);
}
.section_21 {
  padding: 0.6771vw 1.5625vw 0.7292vw;
  background-color: rgb(255, 255, 255);
  border-radius: 0.3125vw;
  height: 2.5vw;
  border: solid 0.05208vw rgb(28, 93, 255);
}
.section_21:hover{ background-image: linear-gradient(-90deg, rgb(54, 105, 248) 0%, rgb(19, 184, 255) 100%);}
.section_21:hover .text_26{color:#ffffff;}
.image_11 {
  width: 1.1979vw;
  height: 0.9896vw;
  background: url("../images/e8438e4b1b0961a80422a263457f6ddd.png") left center no-repeat,url("../images/e8438e4b1b0961a80422a263457f6ddd.png") right center no-repeat;
  background-size: 200% 100%; /* 每张图片都占满容器 */
  background-position: 0 0; /* 默认显示左侧图片（左侧图片在可视区，右侧图片在容器外右侧） */
  transition: background-position 0.6s ease; /* 平滑过渡效果 */
}
.section_21:hover .image_11 {background-position: 100% 0; /* 向左移动容器宽度的距离，右侧图片进入可视区 */}
.text_26 {
  color: rgb(28, 93, 255);
  line-height: 0.8333vw;
}
.section_22 {
  padding: 6vw 7vw;
  background-image: url('../images/faa481aac2793697ab24538cbb016614.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position:top;
}
.text_27 {
  color: rgb(28, 93, 255);
  font-size: 1.875vw;
  font-family: Microsoft YaHei;
  font-weight: 700;
  line-height: 1.8229vw;
  letter-spacing: 0.09375vw;
}
.group_36 {
  margin-top: 4.375vw;
}
.section_23 {
  padding: 1.4063vw 0 1.4583vw;
  filter: drop-shadow(0vw 0vw 1.5625vw #1c5dff26);
  background-image: url('../images/52580baa0e8868a78b53cb48576294ec.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 7.9687vw;
  height: 6.9271vw;
}
.image_12 {
  width: 2.6042vw;
  height: 2.5521vw;
}
.flip_img {
  object-fit: cover; /* 图片自适应容器 */
  transition: transform 1s; /* 让翻转更平滑（可选，不用也能翻转） */
}
.font_14 {
  font-size: 0.8333vw;
  font-family: Microsoft YaHei;
  line-height: 0.7813vw;
  color: rgb(102, 102, 102);
}
.text {
  text-transform: uppercase;transition:color 0.2s;
}
a.text:hover{color:#1351ec;}
.text_9 {
  color: rgb(238, 238, 238);
  font-size: 5.2083vw;
  font-family: Arial;
  font-weight: 700;
  line-height: 3.9583vw;
}
.pos_21 {
  position: absolute;
  left: 7.9vw;
  top: 4.2188vw;
}
.pos_21 em{display: inline-flex;width:3vw;height:0.3vw;background-color:rgb(238, 238, 238);}
.text_8 {
  font-size: 0.7813vw;
  line-height: 0.6771vw;
}
.text_7 {
  font-size: 0.7813vw;
  line-height: 0.7292vw;
}
.text_6 {
  font-size: 0.7813vw;
  line-height: 0.6771vw;
}
.text_5 {
  font-size: 0.7813vw;
  line-height: 0.6771vw;
}
.text_4 {
  color: rgb(255, 255, 255);
  font-size: 0.8333vw;
  font-family: Arial;
  line-height: 0.625vw;
  letter-spacing: 0.5vw;
}
.text_2 {
  color: rgb(255, 255, 255);
  font-size: 3vw;
  font-family: Microsoft YaHei;
  line-height: 2.8vw;font-weight:700;letter-spacing: 0.1vw;
}
.text_3 {
  color: rgb(255, 255, 255);
  font-size: 2.5vw;
  font-family: Arial;
  font-weight: 700;
  line-height: 1.9271vw;
  letter-spacing: 0.125vw;
}
.image_17 {
  width: 2.3438vw;
  height: 1.9792vw;
}
.image_13 {
  width: 2.7083vw;
  height: 2.5521vw;
}
.section_24 {
  padding: 1.3542vw 0 1.4063vw;
  filter: drop-shadow(0vw 0vw 1.5625vw #1c5dff26);
  background-image: url('../images/52580baa0e8868a78b53cb48576294ec.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 7.9687vw;
  height: 6.9271vw;
}
.image_14 {
  width: 2.5vw;
  height: 2.6042vw;
}
.text_28 {
  line-height: 0.8333vw;
}
.image_15 {
  width: 2.7083vw;
  height: 2.6042vw;
}
.section_35 {
  padding: 1.3542vw 0 1.4583vw;
  filter: drop-shadow(0vw 0vw 1.5625vw #1c5dff26);
  background-image: url('../images/52580baa0e8868a78b53cb48576294ec.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 7.9687vw;
  height: 6.9271vw;
}
.section1_1 {
  padding: 1.4063vw 0 1.5104vw;
  filter: drop-shadow(0vw 0vw 1.5625vw #1c5dff26);
  background-image: url('../images/52580baa0e8868a78b53cb48576294ec.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 7.9687vw;
  height: 6.9271vw;
}
.image_16 {
  width: 2.7083vw;
  height: 2.3958vw;
}
.image_18 {
  margin-top: 1.5625vw;
  width: 83.3333vw;
  height: 4.7917vw;
}
.view_5 {
  padding: 5.21vw 0;
}
.group_46 {
  height: 5.2083vw;
}
.text_29 {
  line-height: 2.7604vw;
   color: rgba(238, 238, 238, 0.01);
  text-transform: uppercase;
  opacity: 0.15;
  -webkit-text-stroke: 0.05208vw rgb(136, 136, 136);
}
.pos_33 {
  position: absolute;
  left:0;
  top: 0;
}
.pos_37 {
  position: absolute;
  left:0;
  bottom: 0;
  /*transform: translateX(-50%);*/
}
.group_47 {
  width: 5.8333vw;
}
.pos_31 {
  position: absolute;
  right: 0;
  top: 3vw;z-index:1;
}
.pos_31 span,.hover_more span{transition:all 0.3s;}
.pos_31 div,.hover_more div{transition:all 0.3s;}
.pos_31:hover span{color:#1856ed;transition:all 0.3s;}
.pos_31:hover div{margin-right: -0.8vw;transition:all 0.3s;background-image:url(../images/fd11a4159f2903326a29dd91516ba93b1.png);}
.hover_more:hover span{color:#1856ed;transition:all 0.3s;margin-left:0.4vw;}
.hover_more:hover div{transition:all 0.3s;background-image:url(../images/fd11a4159f2903326a29dd91516ba93b1.png);}
.text_39 {
  line-height: 0.8333vw;
}
.image_19 {
  width: 1.4583vw;
  height: 1.4583vw;
  background-image: url(../images/dc963ca6cb019dbfab5d9d6e84e7619d.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: none;
}
.group_25 {
  margin-top: -2vw;margin-left:10vw;
  height: 2.1875vw;
 /* border-bottom: solid 0.05208vw rgb(229, 229, 229);*/
}
.pos_18 {
  position: absolute;
  left: 22.5vw;
  top: 0;
}
.font_15 {
  font-size: 1vw;
  font-family: Microsoft YaHei;
  line-height: 1vw;
  color: rgb(51, 51, 51);
}
.text_32 {
  color: rgb(153, 153, 153);
}
.pos_32 {
  position: absolute;
  left: 33.2vw;
  top: 0;
}
.font_16 {
  font-size: 1vw;
  font-family: Microsoft YaHei;
  line-height: 1vw;
  color: rgb(153, 153, 153);
}
.text_33 {
  margin-left: 0.5208vw;
  line-height: 0.8854vw;
}
.pos_34 {
  position: absolute;
  left: 43vw;
  top: 0;
}
.text_34 {
  margin-left: 0.9208vw;
}
.pos_35 {
  position: absolute;
  left: 54vw;
  top: 0;
}
.text_35 {
  margin-left: 0.2208vw;
}
.section_25 {
  background-color: rgb(28, 93, 255);
  width: 0vw;
  height: 0.1042vw;
  transition:width 0.5s ease;
}
.tab-btn.active .section_25 {  width: 6.95vw;
}
.pos_36 {
  position: absolute;
  left: 0vw;
  top: 2.0313vw;
}
.group_29 {
 
  height: 65vw;
}
.content-item { display: none; }
        .content-item.active { display: block; }
		.content-container{    height: 65vw;
    display:none;
    position: relative;
    align-self: stretch;
    flex-direction: row;margin-top: 3.5vw;}
.pos_8 {
  position: absolute;
  left: 0;
  top: 0;
}
.image_20 {
  width: 26.3541vw;
  height: 16.1563vw;
}
.font_17 {
  font-size: 0.8333vw;
  font-family: Microsoft YaHei;
  line-height: 0.9375vw;
  color: rgb(153, 153, 153);
}
.text_56 {
  margin-left: 0.1563vw;
}
.pos_38 {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.text_36 {
  margin-left: 0.1563vw;
}
.pos_10 {
  position: absolute;
  right: 0;
  top: 0;
}
.text_58 {
  margin-left: 0.1563vw;
}
.pos_11 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.text_60 {
  margin-left: 0.1563vw;
}
.pos_39 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.text_64 {
  margin-left: 0.1563vw;
}
.pos_13 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.text_62 {
  margin-left: 0.1563vw;
}
.pos_14 {
  position: absolute;
  left: 0;
  top: 45vw;
}
.text_66 {
  margin-left: 0.1563vw;
}
.pos_28 {
  position: absolute;
  left: 50%;
  top: 45vw;
  transform: translateX(-50%);
}
.text_68 {
  margin-left: 0.1563vw;
}
.pos_16 {
  position: absolute;
  right: 0;
  top: 45vw
}
.text_67 {
  margin-left: 0.1563vw;
}
.section_26 {
  margin-top: 50.1667vw;
  padding: 0.85vw 0 0.91vw;
  border: solid 0.05208vw rgb(230, 233, 237);
   /* 设置 45 度线性渐变背景，初始状态下过渡颜色在左上角外部隐藏 */
    background: linear-gradient(135deg, #1c5dff 50%, #f2f4f6 50%);
    background-size: 283%; /* 283% 是为了让渐变有足够的空间移动，近似为 √2 * 200% ，以适应 45 度角 */
    background-position: 100% 0; /* 初始位置，让过渡颜色隐藏在左上角外部 */

    /* 设置过渡效果，使背景位置的变化更平滑 */
    transition: background-position 1s ease;border-radius:4px;
}
/* hover时：背景位置移动到右下角，过渡色从左上角滑入填满 */
.section_26:hover {
  background-position: 0 100%; 
}
.section_26 span{transition: color 1s ease;}
.section_26:hover span{color:#ffffff;transition: color 1s ease;}
.text_37 {
  margin-left: 8.6979vw;
  line-height: 0.8333vw;
}
.section_26 .image_21 {
  margin-right: 7.6042vw;
  width: 0.625vw;
  height: 0.625vw;background:url(../images/0d3400f680f3c5cbe09d16602e9929f1.png) no-repeat;background-size:100% 100%;transition:all 1s;
}
.section_26:hover .image_21{
  background:url(../images/0d3400f680f3c5cbe09d16602e9929f11.png) no-repeat;background-size:100% 100%;transition:all 1s;
}
.section_27 {
  padding: 5.21vw 0 9.375vw;
  background-color: rgb(248, 248, 248);
  opacity:0;
  position:relative;margin-top:100px;
}
.group_54 {
  margin-right: 0.1823vw;margin-bottom:0.5vw;
}
.text_38 {
  color: rgb(51, 51, 51);
  font-size: 1.875vw;
  font-family: Microsoft YaHei;
  line-height: 1.875vw;
  font-weight:700;
}
.text_73 {
  line-height: 0.8333vw;
}
.group_32 {
  flex-shrink: 0;
}
.equal-division-item_1 {
  width: 25.8vw;
}
.font_18 {
  font-size: 2.6042vw;
  font-family: Arial;
  line-height: 1.875vw;
  font-weight: 700;
  color: rgb(215, 215, 215);
}
.font_19 {
  font-size: 1.5625vw;
  font-family: Arial;
  line-height: 1.1458vw;
  font-weight: 700;
  color: rgb(215, 215, 215);
}
.font_20 {
  font-size: 1vw;
  font-family: Microsoft YaHei;
  line-height: 1vw;
  font-weight: 700;
  color: rgb(51, 51, 51);
}
.text_40 {
  margin-top: 2.6042vw;transition:all 0.3s;
}
.text_40:hover{color:#1c5dff;transition:all 0.3s;}
.font_21 {
  font-size: 0.8333vw;
  font-family: Microsoft YaHei;
  line-height: 1.3542vw;
  color: rgb(153, 153, 153);
}
.text_41 {
  margin-top: 0.5469vw;
  font-size: 0.7813vw;
}
.group_33 {
  margin-top: 0.9115vw;transition:all 0.3s;
}
.group_33:hover {
  margin-left:0.4vw;transition:all 0.3s;
}
.image_22 {
  width: 1.1979vw;
  height: 1.1979vw;
}
.text_42 {
  font-size: 0.7813vw;
  line-height: 0.7292vw;transition:all 0.3s;
}
.text_42:hover{color:#1c5dff;transition:all 0.3s;}
.section_28 {
  padding:11vw 0;
  background-image: url('../images/banner12.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

.text_43 {
  color: rgb(255, 255, 255);
  line-height: 3.8vw;font-size:2.29vw;text-align:center;letter-spacing: 0.1vw;
}
.section_29 {
  background-color: rgb(255, 255, 255);
  width: 3.3333vw;
  height: 0.2083vw;
}
.text_44 {
  line-height: 0.8333vw;margin-bottom:1.2vw; opacity:0.5;
}
.text-wrapper_5 {
  margin: 4vw auto 0;
  padding:1.1vw 0;
  background-color: rgb(255, 255, 255);
  width: 12.4583vw;transition: all 0.3s;letter-spacing: 0.25vw;
}
.text-wrapper_5:hover{box-shadow: 0vw 0vw 1.5vw rgba(28, 93, 255);letter-spacing: 0.45vw;font-weight:700;
    transition: all 0.3s;}
.text_45 {
  color: rgb(28, 93, 255);font-size:0.8333vw;
}
.section_30 {
  padding: 2.5521vw 7.9vw;
  background-color: rgb(20, 22, 28);
}
.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;
}
.image_25 {
  width: 1.5625vw;
  height: 1.5625vw;
}
.text_46 {
  opacity: 0.8;
}
.group_31 {
  margin-top: 1.5104vw;
}
.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);
}
.text_47 {
  opacity: 0.3;
}
.text_61 {
  margin-top: 0.9896vw;
}
.text_74 {
  line-height: 0.8333vw;
}
.group_51 {
  margin-left: -14.5833vw;
}

.banner-more {
  padding:0.9375vw 0vw 0.9375vw 0.3vw;
  background-color: rgb(28, 93, 255);
  width: 9.375vw;transition:all 0.3s;margin:2.6042vw auto 0;
}
.banner-more:hover{box-shadow: 0vw 0vw 1.5vw rgba(0, 0, 0);transition:all 0.3s;}
.banner-more span{
  letter-spacing: 0.2188vw;transition:all 0.3s;
}
.banner-more:hover span{letter-spacing: 0.45vw;transition:all 0.3s;font-weight:700;}
.text_2 a{color:#ffffff;align-self: center;}
.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秒渐显 */
}
/* 遮罩层（初始完全覆盖内容） */
.mask {
 position:absolute; top:94vw; width:100%; height:34.85vw; background: #f8f8f8; z-index: 3;
}
/*.line_box_left, .line_box_right{transition:margin-right 0.3s;}*/
.line_box:hover .line_box_left{margin-right: 0.6vw;}
.line_box:hover .line_box_right{margin-right: 0.6vw;}
.line_box{z-index:1;}
.xw_box{width:83.3333vw;}
/*轮播图*/
.banner-container {
  height: 105vh; /* 接近 1.05×窗口高度，和 JS 计算逻辑一致 */
  transition: height 0.1s; /* 加个极短过渡，让高度变化更平滑 */
}
.banner {
  height: calc(105vh * 0.855); /* 基于外层的比例，提前计算 */
}
.banner{position: relative;}
.banner-video {
  position: absolute; /* 视频重叠，只显示当前 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 视频铺满容器 */
  display: none; /* 默认隐藏所有视频 */transition: opacity 0.5s ease; /* 平滑过渡效果（0.5秒渐变） */ 
}
.banner-video.active {
  display: block; /* 只显示当前视频 */transition: opacity 0.5s ease; /* 平滑过渡效果（0.5秒渐变） */ 
}
/* 文字和按钮基础样式（初始隐藏） */
.banner-text, .banner-btn {
	position: relative; 
  opacity: 0; /* 初始透明 */
  /* 固定位置（底部上方） */
  display:none;
}
.banner-text.active{
  display:flex; /* 显示时占用自身内容空间（但只显示当前项） */
  top:-100px;
}
.banner-btn.active {display:flex;top:100px;}
.vedio1_bg{background-image:url(../images/Still001.webp); background-size: cover; background-position: center;width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;}
.vedio2_bg{background-image:url(../images/Still002.png); background-size: cover; background-position: center;}

/*案例图片交互*/
.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);
}
.drag-bar {
  width: 100%; /* 和大div同宽 */
  height: 2px;
  background: #eee; /* 滚动条背景 */
  margin-top: 2.5vw;
  position: relative;
}

.drag-thumb {
  width: 60px; /* 拖拽块宽度 */
  height: 100%;
  background: #1c5dff; /* 拖拽块颜色 */
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  border-radius:10px;
}
/* 更大、更浅、线条更细的光标 */
.big-box {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='22' fill='rgba(0,0,0,0.3)'/%3E%3Cpath d='M16 20 L10 25 L16 30' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34 20 L40 25 L34 30' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 25 25, auto;
}

.big-box.dragging {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='22' fill='rgba(0,0,0,0.4)'/%3E%3Cpath d='M16 20 L10 25 L16 30' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34 20 L40 25 L34 30' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 25 25, auto;
}
.drag-tip {
  position: absolute; /* 相对于bigBox定位 */
  top: 14%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 20px;
  background: rgba(0,0,0,0.2);
  color: white;
  font-size: 14px;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none; /* 不影响鼠标交互 */
  transition: opacity 0.3s;
}

/* 鼠标移入bigBox时显示提示 */
.big-box:hover .drag-tip {
  opacity: 1;
}
.xw_bigbox{width:83.3333%;height:100%;background-color:rgba(0,0,0,0.6);padding:5vw 5vw;text-align: center;-webkit-backdrop-filter: saturate(180%) blur(16px);backdrop-filter: saturate(180%) blur(16px); opacity: 0;
  transform: scale(0); transform-origin: 50% 50%;transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), 
              opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);}
.jiahao{top: 5.8vw;left: 88.5vw;position: absolute;z-index: 3;width: 2.6vw;height:2.6vw; }
.jiahao .fjh{transition: all 0.8s ease; /* 过渡动画：0.5秒平滑变化 */
  width: 2.6vw;height:2.6vw;background-image:url(../images/jh.svg); background-size: cover; /* 背景图适应元素大小 */
  background-position: center; /* 背景图居中 */
  transform-origin: center; 
}

.jiahao .fjh:hover{
  transform: rotate(180deg);background-image:url(../images/jh1.svg);
}
.xw_box_line{ position: absolute;
    border: 1px solid #ffffff;
    width: 81%;
    height: 50%;
    z-index: 1;
    top: 25%;
    /*transform: translateY(-50%);opacity: 0.25;*/
    background:transparent;pointer-events:none; opacity: 0;
  transform: scale(0);transform-origin: 50% 50%;transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), 
              opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
.tab-btn{cursor:pointer;}
.tab-btn span{transition:color 0.3s ease;}
.tab-btn span:hover{color:rgb(28, 93, 255);}
.tab-btn.active span{color:rgb(28, 93, 255);}