* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.flex {
  display: flex;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-col {
  flex-direction: column;
}
.cursor-pointer {
  cursor: pointer;
}
body {
  overflow: hidden;
  font-family: PingFang SC, PingFang SC;
}
/* 顶部 Tab 样式 开始*/
.logo {
  position: fixed;
  left: 0;
  width: 92px;
  height: 24px;
  top: 20px;
  left: 40px;
  z-index: 51;
  cursor: pointer;
}
.tab-container {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 50;
  transition: all 0.5s ease;
  height: 64px;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #15181d;
}

.tab-container.first-screen {
  background: #05112a;
}

.tabs {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
  height: 40px;
  border-radius: 40px;
  padding: 4px;
  background: rgba(255, 255, 255, 0.8);
}

.tab-container.first-screen .tabs {
  background: rgba(255, 255, 255, 0.1);
}

.tab {
  cursor: pointer;
  transition: all 0.3s ease;
  color: #000;
  width: 80px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
}
.tab-container .tab:last-child {
  margin-right: 0;
}

.tab-container.first-screen .tabs .tab {
  color: #fff;
}

.tab.active {
  background: #256fed;
  color: #ffffff;
  border-radius: 32px;
}
.tab-container.first-screen .tab.active {
  background: #ffffff;
  color: #000000;
}
.tab:not(.active):hover {
  background-color: rgba(37, 111, 237, 0.1);
  border-radius: 32px;
}
.tab-container.first-screen .tabs .tab:not(.active).tab:hover {
  background-color: #303f46;
  color: #ffffff;
  border-radius: 32px;
}

/* 顶部 Tab 样式结束 */

/* 视频背景盒子 样式开始*/
.first-screen .video-box {
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 0;
  background: #030f2c;
}

.video-box {
  position: absolute;
  top: 0;
  left: 0;
  /* width: 100%; */
  height: 100%;
  transition: all 0.8s ease;
  z-index: 10;
  overflow: hidden;

  /* width: calc(100% - 80px); */
  height: calc(100% - 80px);
  top: 64px;
  /* left: 40px; */
  transform: translateY(0);
  transform-origin: top center;
  left: 0;
  width: 100%;

  /* 默认显示状态 */
  opacity: 1;
  transform: scale(1);
}

/* 视频盒子缩放动画效果 */
.video-box.scale-big-animation {
  animation: scaleBigAndFade 0.4s ease forwards;
}
.video-box.scale-small-animation {
  animation: scaleSmallAndFade 0.4s ease forwards;
}
.video-container {
  position: absolute;
  top: 0;
  left: 50%;
  /* width: 1920px; */
  height: 100%;
  transform: translateX(-50%);
  overflow: hidden;
  width: calc(100% - 28px);
  background: #030f2c;
  border-radius: 24px;
}

.video-container video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100vh - 100%);
  animation: fade 1s ease forwards;
}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* 视频背景盒子 样式结束*/

/* 鼠标滚动样式动画 */
.cursor-box {
  position: fixed;
  width: 16px;
  height: 24px;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
}
.cursor27 {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 24px;
  border: 1px solid #fff;
  border-radius: 20px;
  box-sizing: border-box;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.3;
}
.ani-box27 {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 6px;
  display: block;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #b4e0ff;
  border-radius: 3px;
  animation: moveeff 2s ease-in-out infinite;
}
@keyframes moveeff {
  0% {
    top: 2px;
  }
  50% {
    top: 5px;
  }
  100% {
    top: 2px;
  }
}
/* 鼠标滚动样式动画 */
/* 页面容器 */
.pages-container {
  height: 100vh;
  overflow: hidden;
  position: relative;
  background-image: url('https://lab-mall-prod.oss-cn-guangzhou.aliyuncs.com/web/website/images/home-bg1.png');
  background-size: 100% 100%;
}
.pages-container2 {
  background-image: url('https://lab-mall-prod.oss-cn-guangzhou.aliyuncs.com/web/website/images/home-bg2.png');
}
/* 页面内容样式 */
.page {
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 64px 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1);
  opacity: 1;
  /* transition: transform 1.2s ease-in-out; */
}

/* 页面缩放动画效果 */
.page-content {
  /* max-width: 800px;
  text-align: center;
  transition: all 0.5s ease; */
  height: 100%;
}

/* 滚动动画效果 */
/* 公司介绍 开始 */
.page3 .page-content {
  /* width: 1200px; */
  padding: 40px 0;
  overflow: hidden;
}
.introduction-title {
  margin-bottom: 40px;
  width: 412px;
  animation: scaleUp 1s ease forwards;
}
.page3 .page-content .flex {
  height: calc(100% - 90px);
}
.introduction-image {
  background-image: url('https://lab-mall-prod.oss-cn-guangzhou.aliyuncs.com/web/website/images/introduction-image.png');
  width: 588px;
  /* background-size: 100%; */
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border-radius: 24px;
  /* height: calc(100vh - 230px); */
  animation: scaleUp 1s ease forwards;
  background-color: transparent;
  box-shadow: inset 0px 0px 250px 0px rgba(0, 0, 0, 0.5);
}

.introduction-content {
  width: 588px;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
  border-radius: 24px 24px 24px 24px;
  border: 2px solid #ffffff;
  margin-left: 40px;
  font-weight: 400;
  font-size: 16px;
  color: #15181d;
  line-height: 40px;
  padding: 64px 56px;
  /* height: calc(100vh - 230px); */
  overflow-y: auto;
  animation: scaleUp 1s ease forwards;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(40px);
}
/* 公司介绍 结束 */

/* 解决方案 开始 */
.page4 .page-content {
  /* width: 1200px; */
  overflow: hidden;
}
.solution-title {
  width: 384px;
  height: 104px;
  animation: scaleUp 1s ease forwards;
  margin-bottom: 48px;
}
.swiper {
  width: 384px;
  height: 300px;
  border-radius: 24px;
  backdrop-filter: blur(40px);
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
}
.swiper-box {
  width: 1280px;
  position: absolute;
  top: 268px;
  /* top: calc(50% + 84px); */
  top: calc(50% + 76px);
  left: 50%;
  /* height: calc(100% - 398px); */
  height: calc(100% - 312px);
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 7px 21px 0px rgba(0, 0, 0, 0.08);
  border-radius: 16px 16px 16px 16px;
  border: 2px solid #ffffff;
  z-index: 1;
  opacity: 0.5;
}
.swiper-container {
  width: 1200px;
  height: 100%;
  position: absolute;
  top: 64px;
  left: 50%;
  transform: translateX(-50%);
  height: calc(100% - 64px);
  z-index: 9;
  padding: 40px 0;
}
/* 针对屏幕宽度小于或等于 1500px 的设备 */
@media (max-width: 1500px) {
  .swiper-box {
    width: 1080px;
  }
  .swiper-container {
    width: 1000px;
  }
}
/* 针对屏幕宽度小于或等于 1400px 的设备 */
@media (max-width: 1400px) {
  .swiper-box {
    width: 980px;
  }
  .swiper-container {
    width: 900px;
  }
}
/* 针对屏幕宽度小于或等于 1300px 的设备 */
@media (max-width: 1300px) {
  .swiper-box {
    width: 880px;
  }
  .swiper-container {
    width: 800px;
  }
}

/* 针对屏幕宽度小于或等于 1500px 的设备 */
@media (max-width: 1500px) {
  .adv1-content {
    padding-top: 30px !important;
  }
  .adv1-content .adv2-image {
    margin-top: 30px !important;
  }
}
/* 针对屏幕宽度小于或等于 1400px 的设备 */
@media (max-width: 1400px) {
  .adv1-content {
    padding-top: 20px !important;
  }
  .adv1-content .adv2-image {
    margin-top: 20px !important;
  }
}
.swiper {
  height: calc(100% - 152px);
  width: 100%;
  animation: scaleUp2 1s ease forwards;
}
.adv-title {
  font-weight: normal;
  font-size: 40px;
  color: #000000;
}
.adv-title .adv-title2 {
  font-size: 32px;
}
/* 添加新的动画类，通过JavaScript添加此类来触发动画 */
.adv-title2-animate {
  animation: topToBottom 1s ease forwards;
}
.adv-title .adv-total {
  color: #6d6e6f;
  opacity: 0.6;
}
.adv1-content {
  padding-top: 40px;
  height: calc(100% - 52px);
}
.adv1-content .adv1-text {
  width: 480px;
  font-weight: 400;
  font-size: 16px;
  color: #15181d;
  line-height: 32px;
}
.adv1-content .adv1-text .adv1-desc {
  height: calc(100% - 174px);
  overflow-y: auto;
}
.adv1-content .adv1-text .adv1-desc:focus-visible {
  outline: none !important;
}
.adv1-content .adv1-text .go-mall-btn {
  width: 320px;
  height: 48px;
  line-height: 48px;
  background: linear-gradient(150deg, #ff4400 0%, #ff8b55 100%);
  border-radius: 48px;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  margin-top: 56px;
  cursor: pointer;
}
.adv1-content .adv1-image {
  margin-left: 112px;
  width: 480px;
  background-image: url('https://lab-mall-prod.oss-cn-guangzhou.aliyuncs.com/web/website/images/solution-adv1.png');
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  height: 100%;
  box-shadow: 0px 4px 40px 0px rgba(162, 206, 239, 0.3);
  border-radius: 8px;
}
.swiper-slide {
  background: #fff;
  /* background: red; */
  background: rgba(255, 255, 255, 0.5);
  border-radius: 24px;
  border: 2px solid #ffffff;
  padding: 64px 64px 0 64px;
  /* backdrop-filter: blur(40px); */
}
.swiper-button-prev,
.swiper-button-next {
  width: 80px !important;
  height: 80px !important;
  background: rgba(255, 255, 255, 0.8) !important;
  /* background: red !important; */
  border-radius: 80px !important;
  color: #535d6d !important;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: #256fed !important;
  color: #fff !important;
}
.page4 .iconpark-icon {
  width: 40px !important;
  height: 40px !important;
}
.swiper-button-prev {
  left: -144px !important;
  top: calc(50% + 52px) !important;
}
.swiper-button-next {
  right: -144px !important;
  top: calc(50% + 52px) !important;
}
.swiper-button-prev.swiper-button-prev-min-screen {
  display: none;
  left: 40px !important;
  top: calc(50% + 92px) !important;
}
.swiper-button-next.swiper-button-next-min-screen {
  display: none;
  left: unset !important;
  right: 40px !important;
  top: calc(50% + 92px) !important;
}
/* 针对屏幕宽度小于或等于 1550px 的设备 */
@media (max-width: 1550px) {
  .swiper-button-prev.swiper-button-prev-big-screen {
    display: none;
  }
  .swiper-button-next.swiper-button-next-big-screen {
    display: none;
  }
  .swiper-button-prev.swiper-button-prev-min-screen {
    display: flex;
  }
  .swiper-button-next.swiper-button-next-min-screen {
    display: flex;
  }
}
.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}
.adv1-content .adv2-text {
  width: 480px;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  color: #15181d;
  line-height: 32px;
}
.adv1-content .adv2-text .adv2-desc {
  height: calc(100% - 174px);
  overflow-y: auto;
}
.adv1-content .adv2-text .adv2-desc:focus-visible {
  outline: none !important;
}
.adv1-content .adv2-image {
  margin-top: 40px;
  width: 100%;
  background-image: url('https://lab-mall-prod.oss-cn-guangzhou.aliyuncs.com/web/website/images/solution-adv2.png');
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  height: 100%;
  box-shadow: 0px 4px 40px 0px rgba(162, 206, 239, 0.3);
  border-radius: 8px;
}
.adv1-content .adv3-image {
  background-image: url('https://lab-mall-prod.oss-cn-guangzhou.aliyuncs.com/web/website/images/solution-adv3.png');
}
.adv1-content .adv4-image {
  background-image: url('https://lab-mall-prod.oss-cn-guangzhou.aliyuncs.com/web/website/images/solution-adv4.png');
}
/* 解决方案 结束 */
/* 硬件产品 开始 */
.page5 {
  z-index: 51;
  pointer-events: none;
}
.page5 .page-content {
  width: 1600px;
  margin: 0 auto;
  padding: 64px 32px;
}
.hardware-title {
  position: relative;
  width: 323px;
  height: 104px;
  margin-left: 160px;
  animation: scaleUp2 1s ease forwards;
  z-index: 2;
}
.hardware-content {
  position: relative;
  z-index: 3;
  animation: scaleUp2 1s ease forwards;
  z-index: 51;
}
.hardware-map {
  position: relative;
  width: 100%;
  top: -96px;
}
.hardware-point {
  position: absolute;
  background-color: #256fed;
  border-radius: 12px;
  width: 12px;
  height: 12px;
  pointer-events: auto;
}
.hardware-point:hover .hardware-text-box {
  display: flex;
  animation: fade 1s ease forwards;
}
.hardware-text-box {
  position: absolute;
  width: 632px;
  /* height: 172px; */
  top: -190px;
  left: 50%;
  transform: translateX(-50%);
  background: #ffffff;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  padding: 24px;
  z-index: 51;
  /* display: flex; */
  display: none;
}
.hardware-text {
  font-weight: 400;
  font-size: 14px;
  color: #535d6d;
  line-height: 22px;
  margin-left: 24px;
}
.hardware-text-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: #15181d;
  margin-bottom: 16px;
}
.hardware-img {
  width: 120px;
  height: 120px;
  object-fit: contain;
}
.hardware-point-animation {
  position: absolute;
  transform-origin: center center;
  background-color: #256fed;
  width: 32px;
  height: 32px;
  animation: breathe 2s ease-in-out infinite;
  border-radius: 32px;
  top: 50%;
  left: 50%;
  opacity: 0.2;
}
.hardware-point1 {
  top: 206px;
  left: 354px;
}
.hardware-point2 {
  top: 118px;
  left: 408px;
}
.hardware-point3 {
  top: 218px;
  left: 538px;
}
.hardware-point4 {
  top: 200px;
  left: 572px;
}
.hardware-point5 {
  top: 10px;
  right: 560px;
}
.hardware-point6 {
  top: 136px;
  right: 686px;
}
.hardware-point7 {
  top: 348px;
  right: 688px;
}
.hardware-point8 {
  top: 0;
  right: 320px;
}
/* 硬件产品 结束 */
/* 合作品牌 开始 */
.page6 .page-content {
  padding-top: 64px;
  width: calc(100% - 64px);
}
.brand-title {
  /* width: 917px; */
  height: 104px;
  margin-bottom: 40px;
  animation: leftToRight 1s ease forwards;
}
.video-container2 {
  animation: scaleUp 1.4s ease forwards;
  overflow: hidden;
}
.video-container2 video {
  object-fit: cover;
  width: 100%;
}
/* 合作品牌 结束 */
/* 集团业务 开始 */
.page7 .page-content {
  /* width: 1600px; */
  width: 1400px;
  margin: 0 auto;
  padding: 64px 32px;
}
.business-title {
  position: relative;
  left: 0;
  transform: translateX(160px);
  width: 576px;
  height: 104px;
  animation: centerToLeft 1s ease forwards;
  z-index: 9;
}
.business-content {
  position: relative;
  z-index: 3;
  animation: scaleUp2 1s ease forwards;
}
.business-map {
  position: relative;
  width: 100%;
  top: -108px;
}
.business-point {
  position: absolute;
  animation: fade 1s ease forwards;
  font-weight: normal;
  font-size: 20px;
  color: #15181d;
  width: 25px;
  height: 38px;
}
.business-point1 {
  top: 178px;
  right: 558px;
}
.business-point2 {
  top: 250px;
  right: 492px;
}
.business-point3 {
  top: 338px;
  right: 520px;
}
.business-point4 {
  top: 356px;
  right: 474px;
}
.business-point5 {
  top: 382px;
  right: 498px;
}
.business-point6 {
  top: 300px;
  right: 682px;
}
.business-point7 {
  top: 362px;
  right: 588px;
}
.business-point8 {
  top: 410px;
  right: 612px;
}
.business-point9 {
  top: 496px;
  right: 618px;
}
.business-point10 {
  top: 516px;
  right: 589px;
}
.business-point11 {
  top: 560px;
  right: 652px;
}
.business-point12 {
  top: 588px;
  right: 674px;
}
.business-point13 {
  top: 362px;
  right: 762px;
}
/* 针对屏幕宽度小于或等于 1500px 的设备 */
@media (max-width: 1500px) {
  .page7 .page-content {
    width: 1100px;
  }
  .business-point1 {
    top: 108px;
    right: 428px;
  }
  .business-point2 {
    top: 166px;
    right: 380px;
  }
  .business-point3 {
    top: 234px;
    right: 402px;
  }
  .business-point4 {
    top: 246px;
    right: 364px;
  }
  .business-point5 {
    top: 272px;
    right: 386px;
  }
  .business-point6 {
    top: 200px;
    right: 524px;
  }
  .business-point7 {
    top: 254px;
    right: 454px;
  }
  .business-point8 {
    top: 290px;
    right: 472px;
  }
  .business-point9 {
    top: 361px;
    right: 476px;
  }
  .business-point10 {
    top: 374px;
    right: 452px;
  }
  .business-point11 {
    top: 410px;
    right: 500px;
  }
  .business-point12 {
    top: 438px;
    right: 518px;
  }
  .business-point13 {
    top: 254px;
    right: 586px;
  }
}
/* 针对屏幕宽度小于或等于 1400px 的设备 */
@media (max-width: 1400px) {
  .page7 .page-content {
    width: 1000px;
  }
  .business-point1 {
    top: 90px;
    right: 386px;
  }
  .business-point2 {
    top: 140px;
    right: 342px;
  }
  .business-point3 {
    top: 202px;
    right: 364px;
  }
  .business-point4 {
    top: 212px;
    right: 328px;
  }
  .business-point5 {
    top: 236px;
    right: 348px;
  }
  .business-point6 {
    top: 174px;
    right: 478px;
  }
  .business-point7 {
    top: 220px;
    right: 410px;
  }
  .business-point8 {
    top: 252px;
    right: 428px;
  }
  .business-point9 {
    top: 316px;
    right: 430px;
  }
  .business-point10 {
    top: 330px;
    right: 410px;
  }
  .business-point11 {
    top: 356px;
    right: 450px;
  }
  .business-point12 {
    top: 380px;
    right: 466px;
  }
  .business-point13 {
    top: 214px;
    right: 530px;
  }
}
/* 公司文化 开始 */
.page8 .page-content {
  margin: 0 auto;
  padding: 64px 0;
  width: 100%;
}
.culture-title {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  height: 104px;
  animation: leftTocenter 1s ease forwards;
  z-index: 9;
  /* margin-bottom: 80px; */
  margin-bottom: 40px;
}
.photo-box {
  width: 100%;
  height: calc(100vh - 270px);
  animation: scaleBigAndFade 1s ease forwards;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
}
.photo-box::-webkit-scrollbar {
  width: 0;
}
.culture-photo {
  position: relative;
  background-color: #ee7802;
}
.culture-photo1 {
  width: calc(216 * (100vw / 1920));
  height: calc(216 * (100vw / 1920));
  flex: 0 0 auto;
}
.culture-photo1:hover {
  box-shadow: 0px 8px 24px 0px rgba(238, 120, 2, 0.5);
}
.culture-photo2:hover {
  box-shadow: 0px 8px 24px 0px rgba(37, 111, 237, 0.5);
}
.culture-photo:hover .photo-desc {
  opacity: 1;
  animation: fade 1s ease forwards;
}
.photo-desc .photo-text {
  flex: 1;
  overflow: hidden;
}
.photo-desc {
  width: 100%;
  background-color: rgba(238, 120, 2, 0.7);
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  padding: 16px;
  max-height: 100%;
  color: #fff;
  backdrop-filter: blur(40px);
  display: flex;
  opacity: 0;
  flex-direction: column;
}
.culture-photo2 .photo-desc {
  max-height: 100%;
  background-color: rgba(37, 111, 237, 0.7);
}
.photo-desc .photo-name {
  margin-top: 12px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  flex-shrink: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.photo-desc .photo-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.culture-photo2 {
  width: calc(384 * (100vw / 1920));
  height: calc(216 * (100vw / 1920));
  flex: 0 0 auto;
}

.culture-photo.mr-24 {
  margin-right: calc(24 * (100vw / 1920));
}

.culture-photo.mb-24 {
  /* margin-bottom: calc(24 * (100vw / 1920)); */
  margin-bottom: 24px;
  /* margin-bottom: 12px; */
}
/* 公司文化 结束 */
/* 联系我们 开始 */
.page9.page {
  padding-top: 0;
}
.page9 .page-content {
  /* padding-top: 200px; */
  width: 100%;
  height: 100%;
  z-index: 98;
}
.contact-video-container {
  width: 100vw;
  height: 100vh;
  position: relative;
  background: #000d1e;
}
.contact-title {
  height: 136px;
  width: 1008px;
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translateX(-50%);
  animation: leftTocenter 1s ease forwards;
  z-index: 2;
}
.contact-video-container video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: fill;
  height: calc(100% - 200px);
  width: 100vw;
}
.kg-website-last {
  width: 100%;
}
.tab-container.last-screen {
  background: transparent;
}
.kg-info-box {
  background-image: url('https://lab-mall-prod.oss-cn-guangzhou.aliyuncs.com/web/website/images/kg-website-last.gif');
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.kg-info {
  max-width: 1600px;
  min-width: 1200px;
  margin: 0 auto;
}
.kg-info .line {
  margin: 0 16px;
  height: 14px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  opacity: 0.3;
}
/* 联系我们 结束 */
@keyframes leftTocenter {
  0% {
    opacity: 0;
    left: 0;
    transform: translateX(-160px);
  }
  100% {
    opacity: 1;
    left: 50%;
    transform: translateX(-50%);
  }
}
@keyframes centerToLeft {
  0% {
    opacity: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    left: 0;
    transform: translateX(160px);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scaleBigAndFade {
  0% {
    transform: scale(0.5) translateY(-164px);
    opacity: 0;
  }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

@keyframes scaleSmallAndFade {
  0% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
  100% {
    transform: scale(0.5) translateY(-164px);
    opacity: 0;
  }
}

@keyframes scaleUp {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes scaleUp2 {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes topToBottom {
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes leftToRight {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes breathe {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.3);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.3);
  }
}

@keyframes topToBottom {
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}