body {
  font-size: 0.4583rem;
}
.Bogbox .contentFirst {
  position: relative;
  width: 100%;
  height: 5.6146rem;
  background-image: url("../upload/banner.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.Bogbox .contentFirst video {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  /* 视频居中 */
  min-width: 100%;
  /* 宽度至少铺满 */
  min-height: 100%;
  /* 高度至少铺满 */
  object-fit: cover;
  /* 保持视频比例，裁剪超出部分 */
}
.Bogbox .contentFirst .container {
  position: absolute;
  top: 4.4167rem;
  left: 1.25rem;
  display: flex;
}
.Bogbox .contentFirst .container .circle {
  width: 0.0521rem;
  height: 0.0521rem;
  background-color: #0077ff;
  /* 设置圆的颜色 */
  border-radius: 50%;
  /* 将方块变成圆 */
  margin-right: 0.0521rem;
  /* 设置圆之间的间距 */
}
.Bogbox .contentFirst .container .circle:nth-of-type(1) {
  background: #00fbea;
}
.Bogbox .contentFirst .container .circle:nth-of-type(2) {
  background: #00fbea;
  opacity: 0.8;
}
.Bogbox .contentFirst .container .circle:nth-of-type(3) {
  background: linear-gradient(270deg, rgba(0, 253, 246, 0) 0%, #00fbea 100%);
  opacity: 0.6;
}
.Bogbox .contentFirst .companyName {
  position: absolute;
  top: 1.6667rem;
  left: 1.25rem;
  font-size: 0.2604rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #d6d6ea;
}
.Bogbox .contentFirst .title {
  position: absolute;
  top: 2.0573rem;
  left: 1.25rem;
  font-size: 0.3594rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 500;
  color: #00fbea;
}
.Bogbox .contentFirst .decorateTitle {
  position: absolute;
  top: 2.3542rem;
  left: 1.25rem;
  font-size: 0.1771rem;
  font-family: PingFangSC-, PingFang SC;
  font-weight: normal;
  color: #4f4e5f;
  line-height: 0.25rem;
}
.Bogbox .contentFirst .contactUs {
  cursor: pointer;
  display: inline-block;
  width: 0.7604rem;
  height: 0.2708rem;
  position: absolute;
  top: 3.0208rem;
  left: 1.25rem;
  font-weight: 400;
  color: #000000;
  text-align: center;
  line-height: 0.2708rem;
  font-size: 0.0833rem;
  background: #00fbea;
  border-radius: 0.0208rem;
}
.Bogbox .contentTwo {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 4.4792rem;
  background-color: #0f131b;
}
.Bogbox .contentTwo .secondaryTitle {
  background: linear-gradient(90deg, #8b5cf6, #00c4cc);
  /* 设置线性渐变颜色 */
  -webkit-background-clip: text;
  /* 将背景限制到文字内容 */
  -webkit-text-fill-color: transparent;
  /* 使文字透明，显示背景色 */
  display: inline-block;
  /* 避免背景超出文字 */
  position: absolute;
  transform: translate(-50%, 0);
  /* 平移自身50% */
  top: 0.3021rem;
  left: 50%;
  font-size: 0.2083rem;
  font-family: PingFangSC-, PingFang SC;
  font-weight: normal;
  color: #ffffff;
}
.Bogbox .contentTwo > h4 {
  position: absolute;
  transform: translate(-50%, 0);
  /* 平移自身50% */
  top: 0.6771rem;
  left: 50%;
  font-size: 0.0833rem;
  font-family: PingFangSC-, PingFang SC;
  font-weight: normal;
  color: #56585a;
}
.Bogbox .contentTwo .category {
  visibility: hidden;
  position: relative;
  margin-top: 1.6146rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.Bogbox .contentTwo .category h5 {
  font-size: 0.0938rem;
  font-family: PingFangSC-, PingFang SC;
  font-weight: normal;
  color: #999999;
  text-align: center;
}
.Bogbox .contentTwo .category div {
  cursor: pointer;
}
.Bogbox .contentTwo .line {
  visibility: hidden;
  width: 7.5rem;
  height: 0.0052rem;
  background: #ffffff;
  opacity: 0.4;
  margin-top: 0.0781rem;
}
.Bogbox .contentTwo .introduceBox {
  margin-top: 0.3125rem;
  display: flex;
  justify-content: space-between;
  visibility: hidden;
}
.Bogbox .contentTwo .introduceBox .introduce {
  transition: 0.3s linear;
  position: relative;
  cursor: pointer;
  background-image: url("../images/icon_yiru.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 1.6667rem;
  height: 0.9479rem;
  border-radius: 0.0521rem;
  opacity: 0.5;
}
.Bogbox .contentTwo .introduceBox .introduce > h6 {
  position: absolute;
  top: 0.1823rem;
  left: 0.099rem;
  font-size: 0.0938rem;
  font-family: PingFangSC-, PingFang SC;
  font-weight: normal;
  color: #ffffff;
}
.Bogbox .contentTwo .introduceBox .introduce > div {
  position: absolute;
  top: 0.3385rem;
  left: 0.099rem;
  width: 0.151rem;
  height: 0.0208rem;
  background: #ffffff;
}
.Bogbox .contentTwo .introduceBox .introduce > p {
  position: absolute;
  top: 0.4115rem;
  left: 0.099rem;
  font-size: 0.0729rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.Bogbox .enterpriseDynamics {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 5.625rem;
  background-color: #0c0f16;
}
.Bogbox .enterpriseDynamics .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../upload/dingtaibeij.png");
  /* 替换为你的图片路径 */
  background-size: cover;
  /* 使图片覆盖整个区域 */
  background-repeat: no-repeat;
  /* 防止背景图片重复 */
  background-position: center;
  /* 居中对齐背景图片 */
  pointer-events: none;
  /* 确保叠加层不会干扰点击操作 */
  opacity: 0.3;
}
.Bogbox .enterpriseDynamics .secondaryTitle {
  position: absolute;
  transform: translate(-50%, 0);
  /* 平移自身50% */
  top: 0.4583rem;
  left: 50%;
  font-size: 0.2083rem;
  font-family: PingFangSC-, PingFang SC;
  font-weight: normal;
  background: linear-gradient(90deg, #8b5cf6, #00c4cc);
  /* 设置线性渐变颜色 */
  -webkit-background-clip: text;
  /* 将背景限制到文字内容 */
  -webkit-text-fill-color: transparent;
  /* 使文字透明，显示背景色 */
  display: inline-block;
  /* 避免背景超出文字 */
}
.Bogbox .enterpriseDynamics > h4 {
  position: absolute;
  transform: translate(-50%, 0);
  /* 平移自身50% */
  top: 0.8333rem;
  left: 50%;
  font-size: 0.0833rem;
  font-family: PingFangSC-, PingFang SC;
  font-weight: normal;
  color: #56585a;
}
.Bogbox .enterpriseDynamics .safetyAnnouncement {
  cursor: pointer;
  visibility: hidden;
  position: relative;
  margin-top: 0.7448rem;
  height: 1.2813rem;
}
.Bogbox .enterpriseDynamics .safetyAnnouncement h7 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.5573rem;
  height: 0.1875rem;
  position: absolute;
  transform: translate(-50%, 0);
  /* 平移自身50% */
  top: 3.3854rem;
  left: 50%;
  font-size: 0.0833rem;
  color: #d14728;
  border-radius: 0px 0px 0px 0px;
  border: 1px solid;
  border-image: linear-gradient(180deg, #d14728, #d99f18) 1 1;
}
.Bogbox .enterpriseDynamics .safetyAnnouncement .saFontentBox {
  margin-top: 1.526rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 2.8125rem;
}
.Bogbox .enterpriseDynamics .safetyAnnouncement .saFontentBox .saFontentTop {
  width: 3.125rem;
  height: 100%;
}
.Bogbox .enterpriseDynamics .safetyAnnouncement .saFontentBox .saFontentTop .barnn {
  width: 100%;
  height: 2.0052rem;
  background: #d9d9d9;
}
.Bogbox .enterpriseDynamics .safetyAnnouncement .saFontentBox .saFontentTop .barnn img {
  width: 100%;
  height: 100%;
}
.Bogbox .enterpriseDynamics .safetyAnnouncement .saFontentBox .saFontentTop .introduceRow {
  padding: 0 0.1042rem;
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  width: 100%;
  height: 0.8073rem;
  background: rgba(255, 255, 255, 0.1);
}
.Bogbox .enterpriseDynamics .safetyAnnouncement .saFontentBox .saFontentTop .introduceRow p {
  width: 2.8125rem;
  font-size: 0.125rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  white-space: nowrap;
  /* 禁止换行 */
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
}
.Bogbox .enterpriseDynamics .safetyAnnouncement .saFontentBox .saFontentTop .introduceRow text {
  font-size: 0.0938rem;
  color: #666666;
}
.Bogbox .enterpriseDynamics .safetyAnnouncement .saFontentBox .saFontent {
  width: 3.9063rem;
}
.Bogbox .enterpriseDynamics .safetyAnnouncement .saFontentBox .saFontent p {
  width: 3.5417rem;
  font-size: 0.125rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  white-space: nowrap;
  /* 禁止换行 */
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
}
.Bogbox .enterpriseDynamics .safetyAnnouncement .saFontentBox .saFontent text {
  font-size: 0.0938rem;
  color: #666666;
}
.Bogbox .enterpriseDynamics .safetyAnnouncement .saFontentBox .saFontent div {
  border-bottom: 0.0052rem solid #fff;
  height: 0.7292rem;
  cursor: pointer;
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
}
.Bogbox .contentThree {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 6.7708rem;
  background-color: #0f131b;
}
.Bogbox .contentThree .secondaryTitle {
  position: absolute;
  transform: translate(-50%, 0);
  /* 平移自身50% */
  top: 0.4583rem;
  left: 50%;
  font-size: 0.2083rem;
  font-family: PingFangSC-, PingFang SC;
  font-weight: normal;
  background: linear-gradient(90deg, #8b5cf6, #00c4cc);
  /* 设置线性渐变颜色 */
  -webkit-background-clip: text;
  /* 将背景限制到文字内容 */
  -webkit-text-fill-color: transparent;
  /* 使文字透明，显示背景色 */
  display: inline-block;
  /* 避免背景超出文字 */
}
.Bogbox .contentThree > h4 {
  position: absolute;
  transform: translate(-50%, 0);
  /* 平移自身50% */
  top: 0.8333rem;
  left: 50%;
  font-size: 0.0833rem;
  font-family: PingFangSC-, PingFang SC;
  font-weight: normal;
  color: #56585a;
}
.Bogbox .contentThree .rotationSection {
  visibility: hidden;
  position: absolute;
  transform: translate(-50%, 0);
  /* 平移自身50% */
  top: 1.5625rem;
  left: 50%;
  width: 7.8125rem;
  height: 4.1667rem;
}
.Bogbox .contentThree .rotationSection #sps {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.Bogbox .contentThree .rotationSection .button-container {
  z-index: 99;
  position: absolute;
  top: -0.2604rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  font-size: 0.0833rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.Bogbox .contentThree .rotationSection a {
  position: absolute;
  transform: translate(-50%, 0);
  /* 平移自身50% */
  top: 4.3229rem;
  left: 50%;
  font-size: 0.0833rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #00f9e8;
}
.Bogbox .contentThree .rotationSection .button {
  display: flex;
  align-items: center;
  margin-right: 0.1563rem;
  cursor: pointer;
}
.Bogbox .contentThree .rotationSection .button .button-text {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 0.5573rem;
  height: 0.1875rem;
  background: rgba(255, 255, 255, 0.1);
  font-size: 0.0833rem;
}
.Bogbox .contentThree .rotationSection .button.selected .button-text {
  border: 0.0052rem solid;
  border-image: linear-gradient(180deg, #00fbea, #5a93ff) 1 1;
}
.Bogbox .contentThree .rotationSection .content {
  display: none;
}
.Bogbox .contentfour {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-bottom: 0.8rem;
  background-color: #171b1e;
}
.Bogbox .contentfour .secondaryTitle {
  background: linear-gradient(90deg, #8b5cf6, #00c4cc);
  /* 设置线性渐变颜色 */
  -webkit-background-clip: text;
  /* 将背景限制到文字内容 */
  -webkit-text-fill-color: transparent;
  /* 使文字透明，显示背景色 */
  display: inline-block;
  /* 避免背景超出文字 */
  position: absolute;
  transform: translate(-50%, 0);
  /* 平移自身50% */
  top: 0.3021rem;
  left: 50%;
  font-size: 0.2083rem;
  font-family: PingFangSC-, PingFang SC;
  font-weight: normal;
  color: #ffffff;
}
.Bogbox .contentfour > h4 {
  position: absolute;
  transform: translate(-50%, 0);
  top: 0.6771rem;
  left: 50%;
  font-size: 0.0833rem;
  font-family: PingFangSC-, PingFang SC;
  font-weight: normal;
  color: #56585a;
}
.Bogbox .contentfour .scopeOfBusiness {
  visibility: hidden;
  margin: 0 auto;
  margin-top: 1.3542rem;
  width: 7.5rem;
}
.Bogbox .contentfour .scopeOfBusiness .container .box {
  transition: all 0.2s linear;
  cursor: pointer;
  width: 2.375rem;
  background-color: #242424;
  margin-bottom: 0.1302rem;
  margin-right: 0.1875rem;
  padding-bottom: 0.2604rem;
}
.Bogbox .contentfour .scopeOfBusiness .container .box h6 {
  padding-top: 0.2604rem;
  text-align: center;
  font-size: 0.0729rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.Bogbox .contentfour .scopeOfBusiness .container .box div {
  text-align: justify;
  margin: 0.1302rem auto auto auto;
  width: 1.651rem;
  font-size: 0.0729rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #f9f9f9;
}
.Bogbox .contentfour .scopeOfBusiness .container .box:hover {
  transform: scale(1.05);
  /* 中心放大效果 */
}
.Bogbox .contentfour .scopeOfBusiness .container .bottomBox:hover {
  transform: scale(1.05);
  /* 中心放大效果 */
}
.Bogbox .contentfour .scopeOfBusiness .container .bottomBox {
  cursor: pointer;
  transition: all 0.2s linear;
  background-color: #242424;
  width: 3.6458rem;
  padding-bottom: 0.3125rem;
}
.Bogbox .contentfour .scopeOfBusiness .container .bottomBox h6 {
  margin-top: 0.2604rem;
  text-align: center;
  font-size: 0.0729rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.Bogbox .contentfour .scopeOfBusiness .container .bottomBox div {
  margin: 0.1302rem auto auto auto;
  width: 2.4271rem;
  font-size: 0.0729rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #f9f9f9;
}
.Bogbox .contentfour .scopeOfBusiness .container .box:nth-child(3n) {
  margin-right: 0;
}
.Bogbox .contentfive {
  background-color: #4f4e5f;
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 4.4271rem;
}
.Bogbox .contentfive .secondaryTitle {
  background: linear-gradient(90deg, #8b5cf6, #00c4cc);
  /* 设置线性渐变颜色 */
  -webkit-background-clip: text;
  /* 将背景限制到文字内容 */
  -webkit-text-fill-color: transparent;
  /* 使文字透明，显示背景色 */
  display: inline-block;
  /* 避免背景超出文字 */
  position: absolute;
  transform: translate(-50%, 0);
  /* 平移自身50% */
  top: 0.3021rem;
  left: 50%;
  font-size: 0.2083rem;
  font-family: PingFangSC-, PingFang SC;
  font-weight: normal;
  color: #ffffff;
}
.Bogbox .contentfive > h4 {
  position: absolute;
  transform: translate(-50%, 0);
  top: 0.6771rem;
  left: 50%;
  font-size: 0.0833rem;
  font-family: PingFangSC-, PingFang SC;
  font-weight: normal;
  color: #56585a;
}
.Bogbox .contentfive .SwiperBox {
  overflow: hidden;
  position: absolute;
  transform: translate(-50%, 0);
  /* 平移自身50% */
  top: 1.3542rem;
  left: 50%;
  width: 7.5rem;
  height: 2.0625rem;
}
.Bogbox .contentSix {
  overflow: hidden;
  position: relative;
  width: 100vw;
  margin-bottom: 1.0417rem;
  background-color: #171b1e;
}
.Bogbox .contentSix .secondaryTitle {
  width: 3.125rem;
  text-align: center;
  margin: 0 auto;
  margin-top: 0.3021rem;
  font-size: 0.1875rem;
  font-family: PingFangSC-, PingFang SC;
  font-weight: normal;
  color: #ffffff;
}
.Bogbox .contentSix > h4 {
  text-align: center;
  width: 3.125rem;
  margin: 0 auto;
  font-size: 0.125rem;
  font-family: PingFangSC-, PingFang SC;
  font-weight: normal;
  color: #ffffff;
}
.Bogbox .contentSix .scopeOfBusinessA {
  visibility: hidden;
  margin-top: 0.5208rem;
  width: 7.5rem;
}
.Bogbox .contentSix .scopeOfBusinessA .container {
  display: flex;
  flex-wrap: wrap;
}
.Bogbox .contentSix .scopeOfBusinessA .container .box {
  padding-top: 0.2604rem;
  transition: all 0.2s linear;
  cursor: pointer;
  width: 2.375rem;
  background-color: #242424;
  border: 0.0052rem solid transparent;
  margin-bottom: 0.1302rem;
  margin-right: 0.1875rem;
  padding-bottom: 0.2604rem;
}
.Bogbox .contentSix .scopeOfBusinessA .container .box h6 {
  text-align: center;
  font-size: 0.0729rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.Bogbox .contentSix .scopeOfBusinessA .container .box div {
  text-align: justify;
  margin: 0.1302rem auto auto auto;
  width: 1.651rem;
  font-size: 0.0729rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #f9f9f9;
}
.Bogbox .contentSix .scopeOfBusinessA .container .box:hover {
  transform: scale(1.05);
  /* 中心放大效果 */
}
.Bogbox .contentSix .scopeOfBusinessA .container .bottomBox:hover {
  transform: scale(1.05);
  /* 中心放大效果 */
}
.Bogbox .contentSix .scopeOfBusinessA .container .bottomBox {
  cursor: pointer;
  transition: all 0.2s linear;
  margin-right: 0.2083rem;
  background-color: #242424;
  width: 3.6458rem;
  padding-bottom: 0.4167rem;
}
.Bogbox .contentSix .scopeOfBusinessA .container .bottomBox h6 {
  margin-top: 0.2604rem;
  text-align: center;
  font-size: 0.0729rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.Bogbox .contentSix .scopeOfBusinessA .container .bottomBox div {
  text-align: justify;
  margin: 0.1302rem auto auto auto;
  width: 2.1823rem;
  font-size: 0.0729rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #f9f9f9;
}
.Bogbox .contentSix .scopeOfBusinessA .container .box:nth-child(3n) {
  margin-right: 0;
}
.Bogbox footer {
  overflow: hidden;
  position: relative;
  width: 100vw;
  height: 1.3594rem;
  background-color: #2f2f2f;
}
.Bogbox footer .logos {
  position: absolute;
  top: 0.3021rem;
  left: 1.276rem;
}
.Bogbox footer .address {
  position: absolute;
  top: 0.3229rem;
  left: 2.4063rem;
}
.Bogbox footer .address ul li {
  margin-bottom: 0.026rem;
  line-height: 0.1042rem;
  font-size: 0.0729rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #cccccc;
}
.Bogbox footer .badge {
  width: 0.1458rem !important;
  height: 0.1458rem !important;
  position: absolute;
  top: 0.875rem;
  left: 1.276rem;
}
.Bogbox footer .filing {
  position: absolute;
  top: 0.8958rem;
  left: 1.4583rem;
  font-size: 0.0729rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #cccccc;
}
.Bogbox footer .quickTitle {
  position: absolute;
  top: 0.2969rem;
  right: 2.7865rem;
  font-size: 0.0729rem;
  font-family: PingFangSC-, PingFang SC;
  font-weight: normal;
  color: #ffffff;
  line-height: 0.1042rem;
}
.Bogbox footer .link {
  position: absolute;
  top: 0.5052rem;
  right: 2.1354rem;
  width: 0.9375rem;
  height: 0.2083rem;
  display: flex;
  justify-content: space-between;
}
.Bogbox footer .link ul li {
  cursor: pointer;
  font-size: 0.0729rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #cccccc;
  line-height: 0.2005rem;
}
.Bogbox footer .officialAccount {
  position: absolute;
  top: 0.2969rem;
  right: 1.2813rem;
  width: 0.625rem;
  height: 0.625rem;
}
.Bogbox footer .officialAccount h5 {
  margin-top: 0.026rem;
  text-align: center;
  font-size: 0.0729rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #cccccc;
}
@media (max-width: 1800px) {
  .rotationSection {
    width: 6.7708rem !important;
    height: 3.5417rem !important;
  }
  .contentThree {
    height: 5.7292rem !important;
  }
  .Bogbox .contentThree .rotationSection a {
    top: 3.6458rem;
  }
  .fontS16px {
    font-size: 0.1042rem !important;
  }
}
@media (max-width: 1440px) {
  .rotationSection {
    width: 5.7292rem !important;
    height: 2.8125rem !important;
  }
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-wrapper {
  align-items: center;
}
.swiper-slideOne {
  text-align: center;
  font-size: 0.0938rem;
  background: transparent;
  opacity: 0.5;
  /* 初始设置所有幻灯片为半透明 */
  transition: opacity 0.3s;
  /* 可以添加过渡效果 */
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  transition: 300ms;
  transform: scale(0.8);
}
/* 添加更具体的选择器，只影响.box元素 */
.box.swiper-slide-active,
.box.swiper-slide-duplicate-active {
  transform: scale(1);
}
.box.swiper-slide.swiper-slide-active {
  opacity: 1.5;
  /* 当前活动的幻灯片设置为不透明 */
}
.swiper-containerTwo {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slideTwo {
  text-align: center;
  font-size: 0.0938rem;
  background: #fff;
  height: 0.5313rem !important;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.fly_border {
  border: 1px solid rgba(32, 254, 255, 0.3);
  /* 宽高和相对定位是一定要给的,因为这会影响.animate-border子元素的定位 */
  position: relative;
  overflow: hidden;
}
.fly_border::before {
  content: " ";
  position: absolute;
  width: 1px;
  height: 100%;
  top: -100%;
  left: 0;
  background-image: linear-gradient(0deg, transparent, #03e9f4, transparent);
  animation: two 4s linear infinite;
}
.fly_border::after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 100%;
  bottom: -100%;
  right: 0;
  background-image: linear-gradient(360deg, transparent, #03e9f4, transparent);
  animation: four 4s linear 2s infinite;
}
.fly_border i {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 100%;
}
.fly_border .bottom {
  bottom: 0;
  left: -100%;
  background-image: linear-gradient(270deg, transparent, #03e9f4, transparent);
  animation: one 4s linear 1s infinite;
}
.fly_border .top {
  top: 0;
  right: -100%;
  background-image: linear-gradient(270deg, transparent, #03e9f4, transparent);
  animation: three 4s linear 3s infinite;
}
body {
  height: 100%;
  background-color: #0f222b;
}
@keyframes one {
  0% {
    left: -100%;
  }
  50%,
  100% {
    left: 100%;
  }
}
@keyframes two {
  0% {
    top: -100%;
  }
  50%,
  100% {
    top: 100%;
  }
}
@keyframes three {
  0% {
    right: -100%;
  }
  50%,
  100% {
    right: 100%;
  }
}
@keyframes four {
  0% {
    bottom: -100%;
  }
  50%,
  100% {
    bottom: 100%;
  }
}
.introduce:hover,
.introduce.active {
  opacity: 1.5 !important;
  transform: scale(1.1);
}