@charset "UTF-8";
/* 初始化化样式  */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

input, textarea, button {
  font-family: inherit;
}

/* 去除列表默认样式 */
ul,
ol {
  list-style: none;
}

/*让button 按钮 变成小手*/
button {
  cursor: pointer;
}

/* 让所有斜体不倾斜 */
em,
i {
  font-style: normal;
}

/* 去除a标签默认下划线，并设置默认文字颜色 */
a {
  text-decoration: none;
  color: #333;
  -webkit-tap-highlight-color: transparent;
}

/* 设置img的垂直对齐方式为居中对齐，去除img默认下间隙 */
img {
  vertical-align: middle;
}

/* 去除input默认样式 */
input,
button {
  cursor: pointer;
  border: none;
  outline: none;
  color: #333;
}

/* 双伪元素清除法 */
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

body {
  color: #333;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}/*# sourceMappingURL=base.css.map */
.w {
  max-width: 1300px;
  margin: 0 auto;
}

.service-information-top {
  margin: 115px auto 0;
  text-align: center;
  animation: textFadeInUp 1s ease forwards;
}
.service-information-top .label {
  color: rgba(102, 107, 117, 0.6);
  font-size: 24px;
  /* height: 33px; */
  line-height: 33px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.service-information-top .info {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 32px;
  color: #000000;
  line-height: 45px;
  text-align: center;
  font-style: normal;
}
.service-information-top .info::after {
  content: "";
  display: block;
  margin-left: 14px;
  width: 20px;
  height: 1px;
  background-color: #979797;
  opacity: 0.5;
}
.service-information-top .info::before {
  content: "";
  display: block;
  margin-right: 14px;
  width: 20px;
  height: 1px;
  background-color: #979797;
  opacity: 0.5;
}

/* 基础浮动动画样式 */
.fade-up {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.fade-up.animate {
  opacity: 1;
  transform: translateY(0);
}

.arrow-button {
  background-color: red;
}

.arrow {
  display: inline-block;
}

.arrow-button:hover .arrow {
  animation: arrowSlide 0.7s ease-in-out;
}
.record-number a{
  color: rgba(255, 255, 255, 0.6);
  margin: 0 8px;
}
.record-number .icon{
  width:15px;
  height: 15px;
  margin:0 5px 5px 0;
}
.record-number a:hover{
  color: #ffffff;
  text-decoration: underline;
}

@keyframes arrowSlide {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(15px);
  }
  100% {
    transform: translateX(0);
  }
}/*# sourceMappingURL=common.css.map */

/* header.css  */
.header-container {
  position: fixed;
  padding: 0 36px;
  height: 80px;
  width: 100%;
  display: flex;
  color: #FFFFFF;
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
}
.header-container .header-logo {
  width: 113px;
  height: 48px;
}
.header-container .header-logo img {
  width: 113px;
  height: 48px;
}
.header-container .header-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.header-container .header-nav .nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px;
  cursor: pointer;
  position: relative;
  height: 100%;
}
.header-container .header-nav .nav-item > a {
  position: relative;
  color: #FFFFFF;
  text-decoration: none;
  padding: 10px 0;
}
.header-container .header-nav .nav-item > a.active::after {
  width: 100%;
  background: #fff;
}
.header-container .header-nav .nav-item > a::after {
  content: "";
  font-weight: 500;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: white;
  border-radius: 2px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform-origin: center;
}
.header-container .header-nav .nav-item > a:hover::after {
  width: 100%;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
}
.header-container .header-nav .nav-item .sub-nav {
  position: absolute;
  left: 0;
  top: 80px;
  height: 260px;
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
}
.header-container .header-nav .nav-item .sub-nav .sub-nav-item {
  position: relative;
  width: 160px;
}
.header-container .header-nav .nav-item .sub-nav .sub-nav-item .sub-nav-heade-two {
  display: block;
  color: #fff;
  height: 56px;
  line-height: 56px;
  padding-left: 20px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}
.header-container .header-nav .nav-item .sub-nav .sub-nav-item .sub-nav-heade-two:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.header-container .header-nav .nav-item .sub-nav .sub-nav-item .sub-nav-two {
  position: absolute;
  left: 160px;
  top: 0;
  width: 200px;
  height: 260px;
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  opacity: 0;
  visibility: hidden;
}
.header-container .header-nav .nav-item .sub-nav .sub-nav-item .sub-nav-two .sub-nav-heade-sub {
  position: relative;
}
.header-container .header-nav .nav-item .sub-nav .sub-nav-item .sub-nav-two .sub-nav-heade-sub .sub-two {
  display: block;
  color: #fff;
  height: 56px;
  line-height: 56px;
  padding-left: 20px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}
.header-container .header-nav .nav-item .sub-nav .sub-nav-item .sub-nav-two .sub-nav-heade-sub .sub-two:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.header-container .header-nav .nav-item .sub-nav .sub-nav-item .sub-nav-two .sub-nav-heade-sub .sub-nav-three {
  position: absolute;
  left: 200px;
  top: 0;
  width: 200px;
  height: 260px;
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  opacity: 0;
  visibility: hidden;
}
.header-container .header-nav .nav-item .sub-nav .sub-nav-item .sub-nav-two .sub-nav-heade-sub .sub-nav-three li a {
  display: block;
  color: #fff;
  height: 56px;
  line-height: 56px;
  padding-left: 20px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}
.header-container .header-nav .nav-item .sub-nav .sub-nav-item .sub-nav-two .sub-nav-heade-sub .sub-nav-three li a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.header-container .header-nav .nav-item .sub-nav .sub-nav-item .sub-nav-two .sub-nav-heade-sub:hover .sub-nav-three {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.header-container .header-nav .nav-item .sub-nav .sub-nav-item:hover .sub-nav-two {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.header-container .header-nav .nav-item:hover .sub-nav {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.header-container .header-right {
  display: flex;
  align-items: center;
}
.header-container .header-right i {
  width: 14px;
  height: 14px;
  margin-left: 18px;
}/*# sourceMappingURL=header.css.map */



/* ==========================================================================
 移动端汉堡菜单按钮
 ========================================================================== */
.dr-mobile-menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  z-index: 1002;
}

.dr-mobile-menu-toggle span {
  display: block;
  width: 25px;
  height: 3px;
  background: #FFFFFF;
  margin: 3px 0;
  transition: all 0.3s ease;
  border-radius: 2px;
}

/* 汉堡菜单动画 */
.dr-mobile-menu-toggle.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

.dr-mobile-menu-toggle.active span:nth-child(2) {
  opacity: 0;
}

.dr-mobile-menu-toggle.active span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -6px);
}

/* ==========================================================================
 移动端菜单遮罩
 ========================================================================== */
.dr-mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 998;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.dr-mobile-menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* ==========================================================================
 移动端菜单容器
 ========================================================================== */
.dr-mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2c2c2c;
  z-index: 1000;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.dr-mobile-menu.active {
  transform: translateX(0);
}

/* 移动端菜单头部 */
.dr-mobile-menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  background: #1a1a1a;
  border-bottom: 1px solid #333;
  position: sticky;
  top: 0;
  z-index: 10;
}

.dr-mobile-menu-logo img {
  height: 30px;
}

.dr-mobile-menu-close {
  width: 30px;
  background: none;
  border: none;
  color: #fff;
  font-size: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.3s;
}

.dr-mobile-menu-close:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
 移动端菜单内容 - 优化版本
 ========================================================================== */
.dr-mobile-menu-content {
  padding: 20px 0;
  min-height: calc(100vh - 140px);
}

.dr-mobile-nav-item {
  border-bottom: 1px solid #333;
  position: relative;
}

.dr-mobile-nav-item > a {
  display: block;
  padding: 15px 20px;
  padding-right: 60px; /* 为箭头留出更多空间 */
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  transition: background-color 0.3s;
  position: relative;
}

.dr-mobile-nav-item > a:hover {
  background-color: #333;
}

/* 移动端子菜单切换箭头 - 优化样式 */
.dr-mobile-nav-toggle {
  position: absolute;
  right: 15px;
  top: 3.5vh;
  transform: translateY(-50%);
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: transform 0.3s;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.nav-two{
  top: 3vh;
}
.nav-three{
  top: 2.8vh;
}
.dr-mobile-nav-toggle:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.dr-mobile-nav-toggle.active {
  transform: translateY(-50%) rotate(180deg);
  background-color: #FFC600;
  color: #000;
}

/* ==========================================================================
 移动端子菜单 - 分层样式优化
 ========================================================================== */

/* 一级子菜单 */
.dr-mobile-sub-nav {
  background: #1a1a1a;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  border-left: 3px solid #FFC600;
}

.dr-mobile-sub-nav.active {
  max-height: 1000px;
}

.dr-mobile-sub-nav-item {
  border-bottom: 1px solid #444;
  position: relative;
}

.dr-mobile-sub-nav-item > a,
.dr-mobile-sub-nav-item > .dr-mobile-nav-link {
  display: block;
  padding: 12px 40px;
  padding-right: 70px; /* 为二级箭头留出空间 */
  color: #ccc;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s;
  position: relative;
}

.dr-mobile-sub-nav-item > a:hover,
.dr-mobile-sub-nav-item > .dr-mobile-nav-link:hover {
  background-color: #333;
  color: #FFC600;
}

/* 二级子菜单箭头 */
.dr-mobile-sub-nav-item > .dr-mobile-nav-toggle {
  right: 20px;
  width: 28px;
  height: 28px;
  font-size: 12px;
  background: rgba(255, 255, 255, 0.05);
}

/* 二级子菜单 */
.dr-mobile-sub-nav-two {
  background: #0d0d0d;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  border-left: 3px solid #00FF7F;
}

.dr-mobile-sub-nav-two.active {
  max-height: 500px;
}

.dr-mobile-sub-nav-two .dr-mobile-sub-nav-item > a,
.dr-mobile-sub-nav-two .dr-mobile-sub-nav-item > .dr-mobile-nav-link {
  padding-left: 60px;
  padding-right: 80px; /* 为三级箭头留出空间 */
  font-size: 13px;
  color: #bbb;
}

/* 三级子菜单箭头 */
.dr-mobile-sub-nav-two .dr-mobile-sub-nav-item > .dr-mobile-nav-toggle {
  right: 25px;
  width: 24px;
  height: 24px;
  font-size: 10px;
}

/* 三级子菜单 */
.dr-mobile-sub-nav-three {
  background: #000;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  border-left: 3px solid #FF6B6B;
}

.dr-mobile-sub-nav-three.active {
  max-height: 300px;
}

.dr-mobile-sub-nav-three .dr-mobile-sub-nav-item > a {
  padding-left: 80px;
  padding-right: 20px;
  font-size: 12px;
  color: #aaa;
}

.dr-mobile-sub-nav-three .dr-mobile-sub-nav-item > a:hover {
  color: #FF6B6B;
}

/* ==========================================================================
 移动端底部按钮区域
 ========================================================================== */
.dr-mobile-menu-footer {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background: #1a1a1a;
  border-top: 1px solid #333;
  margin-top: auto;
}

.dr-mobile-menu-buttons {
  display: flex;
  gap: 10px;
}

.dr-mobile-btn {
  flex: 1;
  padding: 12px;
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
  border-radius: 25px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
  font-weight: 500;
}

.dr-mobile-btn:hover {
  background: #fff;
  color: #000;
}

/* ==========================================================================
 菜单项图标优化
 ========================================================================== */
/* 阿打算打算打算大萨达 */
/* 为不同级别的菜单项添加左侧图标 */
/* .dr-mobile-nav-item > a::before {
  content: "▶";
  margin-right: 8px;
  font-size: 10px;
  color: #FFC600;
  opacity: 0.7;
} */

.dr-mobile-sub-nav-item > a::before,
.dr-mobile-sub-nav-item > .dr-mobile-nav-link::before {
  content: "▸";
  margin-right: 8px;
  font-size: 8px;
  color: #00FF7F;
  opacity: 0.7;
}

.dr-mobile-sub-nav-two .dr-mobile-sub-nav-item > a::before,
.dr-mobile-sub-nav-two .dr-mobile-sub-nav-item > .dr-mobile-nav-link::before {
  content: "‣";
  color: #00FF7F;
}

.dr-mobile-sub-nav-three .dr-mobile-sub-nav-item > a::before {
  content: "•";
  color: #FF6B6B;
}

/* ==========================================================================
 防止页面滚动（菜单打开时）
 ========================================================================== */
body.dr-menu-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

/* 手机端 (768px 以下) */

.header-QR{
  width: 110px;

}
.header-QR >a .QR {
  display: none;
  width: 182px;
  height: 187px;
  position: absolute;
  top: 16px;
  left: 30%;
  border-radius: 16px;
  transform: translateX(-50%);
  /* box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.5); */
}
.header-QR >a .QR img{
  width: 100%;
  height: 100%;
}
.header-QR >a .QR span{
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  height: 20px;
  text-align: center;
  position: absolute;
  bottom: 26px;
  display: block;
  width: 100%;
}
.header-QR> .channel-links {
  margin-top: 30px;
}

.header-QR> a {
  position: relative;
  margin-right: 15px;
  font-size: 13px;
  color: #FFFFFF;
}

.header-QR> a:hover {
  color: #fff;
}

.header-QR> a:hover .QR {
  display: block;
}
.QR:hover .QR {
  display: block;
}
/* 平板端 (769px - 1024px) - 修复布局 */
@media (max-width: 1024px){
  .header-container .header-logo img{
      width: 76px;
      height: 32px;
  }
.header-icon{
      font-size: 24px;
  }
  .header-nav {
      display: none !important;
  }
  .header-QR span {
      display: none;
  }
  .dr-mobile-menu-toggle {
      display: flex !important;
  }

  .header-container {
      justify-content: space-between !important;
      align-items: center;
      height: 60px;
      padding: 0 15px;
  }

  .header-logo {
      width: auto !important;
      height: 35px !important;
      flex-shrink: 0;
  }



  /* 确保汉堡菜单在最右边 */
  .dr-mobile-menu-toggle {
      margin-left: auto;
      order: 999;
  }
  .header-QR{
  position: absolute;
right: 0;
      width: 90px;
  }
  .header-QR> a:hover .QR{
      left: -20%;
  }
}


/* ==========================================================================
 小屏设备优化
 ========================================================================== */
/*@media (max-width: 375px) {*/

/*    .dr-mobile-nav-item > a {*/
/*        padding: 12px 15px;*/
/*        padding-right: 55px;*/
/*        font-size: 15px;*/
/*    }*/

/*    .dr-mobile-nav-toggle {*/
/*        width: 28px;*/
/*        height: 28px;*/
/*        font-size: 12px;*/
/*        right: 10px;*/
/*    }*/

/*    .dr-mobile-sub-nav-item > a,*/
/*    .dr-mobile-sub-nav-item > .dr-mobile-nav-link {*/
/*        padding-left: 35px;*/
/*        padding-right: 60px;*/
/*    }*/

/*    .dr-mobile-sub-nav-two .dr-mobile-sub-nav-item > a,*/
/*    .dr-mobile-sub-nav-two .dr-mobile-sub-nav-item > .dr-mobile-nav-link {*/
/*        padding-left: 50px;*/
/*        padding-right: 70px;*/
/*    }*/

/*    .dr-mobile-sub-nav-three .dr-mobile-sub-nav-item > a {*/
/*        padding-left: 65px;*/
/*    }*/
/*}*/

/* ==========================================================================
 高对比度和可访问性支持
 ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  .dr-mobile-menu,
  .dr-mobile-menu-overlay,
  .dr-mobile-menu-toggle span,
  .dr-mobile-nav-toggle,
  .dr-mobile-sub-nav,
  .dr-mobile-sub-nav-two,
  .dr-mobile-sub-nav-three {
      transition: none;
  }
}

/* 焦点状态优化 */
.dr-mobile-menu-toggle:focus,
.dr-mobile-menu-close:focus,
.dr-mobile-nav-item a:focus,
.dr-mobile-nav-toggle:focus,
.dr-mobile-btn:focus {
  /*outline: 2px solid #FFC600;*/
  /*outline-offset: 2px;*/
}

/* ==========================================================================
 动画效果增强
 ========================================================================== */
.dr-mobile-nav-item {
  animation: fadeInUp 0.3s ease-out;
}

@keyframes fadeInUp {
  from {
      opacity: 0;
      transform: translateY(20px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}

/* 菜单项悬停效果 */
.dr-mobile-nav-item:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

/* 子菜单打开时的平滑动画 */
.dr-mobile-sub-nav,
.dr-mobile-sub-nav-two,
.dr-mobile-sub-nav-three {
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
/* footer.css */
footer {
  background-color: #1c1c1c;
  /* height: 280px; */
}

footer .footer-container {
  position: relative;
  display: flex;
  justify-content: flex-start;
  height: 80%;
  max-width: 1300px;
  padding-bottom: 40px;
  margin: 0 auto;
}

footer .footer-container .logo {
  margin-top: 65px;
  margin-right: 128px;
  width: 82px;
  height: 36px;
  cursor: pointer;
}

footer .footer-container .logo>a>img {
  width: 100%;
  height: 100%;
}

.hr {
  margin-bottom: 20px;
  height: 1px;
  border: 1px solid #979797;
  opacity: 0.3;
}

footer .record-number {
  padding: 10px 0;
  text-align: center;
  background-color: #1c1c1c;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}

footer .footer-container .footer-links {
  margin-right: 80px;
  margin-top: 66px;
}

footer .footer-container .footer-links>a {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
}

footer .footer-container .footer-links>a:hover {
  color: #fff;
}

footer .footer-container .footer-links:last-child {
  margin-right: 0;
}

footer .footer-container .product-links li {
  text-align: center;
  margin-bottom: 11px;
  font-size: 12px;
}

footer .footer-container .product-links li:first-child {
  font-size: 16px;
}

footer .footer-container .product-links li a {
  color: rgba(255, 255, 255, 0.6);
}

footer .footer-container .product-links li a:hover {
  color: #fff;
}

footer .footer-container .footer-contact {
  display: flex;
  flex-direction: column;
  margin-top: 69px;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.6);
}

footer .footer-container .footer-contact .hotline {
  display: flex;
  align-items: center;
}

footer .footer-container .footer-contact .hotline .dian-hua-icon {
  margin-right: 8px;
  font-size: 29px;
}

footer .footer-container .footer-contact .channel-links {
  margin-top: 30px;
}

footer .footer-container .footer-contact .channel-links>a {
  position: relative;
  margin-right: 15px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
}

footer .footer-container .footer-contact .channel-links>a:hover {
  color: #fff;
}

footer .footer-container .footer-contact .channel-links>a:hover .QR {
  display: block;
}

footer .footer-container .footer-contact .channel-links>a:last-child {
  margin-right: 0;
}

footer .footer-container .footer-contact .channel-links>a .icon {
  width: 20px;
  height: 16px;
}

footer .footer-container .footer-contact .channel-links>a .QR {
  display: none;
  position: absolute;
  top: -140px;
  left: 50%;
  transform: translateX(-50%);
}
.record-number-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.record-number-container a {
  line-height: 20px;
}
/*# sourceMappingURL=footer.css.map */

@media (max-width: 1300px) {
  .footer .footer-container .logo {
    margin-right: 50px;
  }
  footer .footer-container .footer-links {
    margin-right: 30px;
  }
}
@media (max-width: 1024px) {
  .footer .footer-container .logo {
    margin-right: 40px;
  }
  footer .footer-container .footer-links {
    margin-right: 20px;
  }
}
@media (max-width: 900px) {
  footer .footer-container {
    flex-direction: column !important;
    width: 100%;
    align-items: center;
    flex-direction: column;

  }
  footer .footer-container .footer-contact {
    margin-top:22px;
    width: 100%;
    text-align: center;

  }
  footer .footer-container .footer-contact .hotline {
    justify-content: center;
    /* font-size: 22px; */
  }
  footer .footer-container .footer-links {
    display: none;
  }
  footer .footer-container .footer-contact .channel-links{
    margin-top: 10px;
  }
  footer .footer-container .logo {
    display: flex;
    /* justify-content: center; */
    justify-content: center;
    width: 100%;
    margin-top: 40px;
    margin-right: 0;
  }
  footer .footer-container .logo a {
    display: block;
    width: 107px;
    height: 46px;
  }
}
@media screen and (max-width: 768px) {
  footer .footer-container .footer-links {
    display: none;
  }
}
@media (max-width: 480px) {
  footer .footer-container .footer-contact .hotline {
    font-size: 22px;
  }
}