#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  /* padding-top: 80px; */
  box-sizing:border-box;
}
/* 在全局样式中定义首页导航栏的白色字体样式 */
.MenuBar.text-white .nav a {
  color: white;
}
.wow {
  visibility: hidden;
}
/* 如果MenuBar内部有子元素需要单独设置 */
.text-white .nav a,
.text-white .menu-item {
  color: white;
}


/* src/styles/global.css */
/* 全局样式示例 */
html, body {
  margin: 0;
  padding: 0;
  font-family: 'Arial', sans-serif;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

@font-face {
  font-family:"shuhei";
  src: url(../fonts/%E9%98%BF%E9%87%8C%E5%A6%88%E5%A6%88%E6%95%B0%E9%BB%91%E4%BD%93.0ac727c9.TTF);
  font-weight:700;
  font-style:normal
}
@font-face {
  font-family:"DIN";
  src: url(../fonts/DIN-BlackAlternate.946e682b.otf);
  font-weight:700;
  font-style:normal
}
@font-face{font-family:'RAJDHANIB';src:url(../fonts/rajdhani-bold.eac12992.ttf) format('truetype');}
@font-face{font-family:'xique';src:url("../fonts/%E5%96%9C%E9%B9%8A%E6%8B%9B%E7%89%8C%E4%BD%93(1).9cbbe822.ttf") format('truetype');}
@font-face {
  font-family:TencentSansW7CN;
  src: url(../fonts/TencentSans-W7-CN.f3506bd6.f3506bd6.woff) format("woff");
  font-weight:400;
  font-style:normal
}

@keyframes pulse {
  0% { background-size: 100% 100%;
  }
  50% { background-size: 105% 105%;
  }
  100% { background-size: 100% 100%;
  }
}
.pulseImga{animation: pulseImg 10000ms linear infinite;}
@keyframes pulseImg {
  0% { transform: scale(1.1)}
  100% { transform: scale(1)}
}
.pulseBgImga{animation: pulseBgImg 10000ms linear infinite;}
@keyframes pulseBgImg {
  0% { background-size: 110% auto;}
  100% { background-size: 100% auto;}
}
@font-face {
  font-family: "iconfont"; /* Project id 4986029 */
  src: url('//at.alicdn.com/t/c/font_4986029_32nn8kgqjpr.woff2?t=1759133325260') format('woff2'),
       url('//at.alicdn.com/t/c/font_4986029_32nn8kgqjpr.woff?t=1759133325260') format('woff'),
       url('//at.alicdn.com/t/c/font_4986029_32nn8kgqjpr.ttf?t=1759133325260') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shouzhi:before {
  content: "\e619";
}

.icon-liangxingxing:before {
  content: "\e602";
}

.icon-dian:before {
  content: "\e869";
}

.icon-hecha:before {
  content: "\e868";
}

.icon-a-11:before {
  content: "\e867";
}

.icon-wid-04:before {
  content: "\e82d";
}

.icon-a-111-01:before {
  content: "\e82e";
}

.icon-a-111-02:before {
  content: "\e82f";
}

.icon-a-111-03:before {
  content: "\e830";
}

.icon-a-111-04:before {
  content: "\e831";
}

.icon-a-111-05:before {
  content: "\e832";
}

.icon-tianqi-04:before {
  content: "\e822";
}

.icon-tianqi-06:before {
  content: "\e823";
}

.icon-tianqi-07:before {
  content: "\e824";
}

.icon-tianqi-03:before {
  content: "\e825";
}

.icon-tianqi-01:before {
  content: "\e826";
}

.icon-tianqi-02:before {
  content: "\e827";
}

.icon-tianqi-05:before {
  content: "\e828";
}

.icon-tianqi-08:before {
  content: "\e829";
}

.icon-wid-01:before {
  content: "\e82a";
}

.icon-wid-02:before {
  content: "\e82b";
}

.icon-wid-03:before {
  content: "\e82c";
}

.icon-ditudingwei:before {
  content: "\e609";
}

.icon-chengshi1:before {
  content: "\e608";
}

.icon-chengshi:before {
  content: "\e60d";
}

.icon-jiaji:before {
  content: "\e774";
}

.icon-yijiezhi:before {
  content: "\e865";
}

.icon-zhaopinzhogn:before {
  content: "\e866";
}

.icon-xiangxia1:before {
  content: "\e864";
}

.icon-xiangxia:before {
  content: "\e863";
}

.icon-zhognzhi:before {
  content: "\e85f";
}

.icon-gongchang:before {
  content: "\e860";
}

.icon-fuwu:before {
  content: "\e861";
}

.icon-city:before {
  content: "\e862";
}

.icon-huojian:before {
  content: "\e85e";
}

.icon-liuyan:before {
  content: "\e85d";
}

.icon-ye:before {
  content: "\e858";
}

.icon-cha:before {
  content: "\e859";
}

.icon-kongjian:before {
  content: "\e85a";
}

.icon-cang:before {
  content: "\e85b";
}

.icon-shui:before {
  content: "\e85c";
}

.icon-zhanghao:before {
  content: "\e856";
}

.icon-mima:before {
  content: "\e857";
}

.icon-gotop1:before {
  content: "\e855";
}

.icon-next:before {
  content: "\e851";
}

.icon-prev:before {
  content: "\e852";
}

.icon-prev0:before {
  content: "\e853";
}

.icon-next0:before {
  content: "\e854";
}

.icon-CN:before {
  content: "\e84a";
}

.icon-sousuo:before {
  content: "\e84b";
}

.icon-email:before {
  content: "\e84c";
}

.icon-gotop:before {
  content: "\e84d";
}

.icon-gouwu:before {
  content: "\e84e";
}

.icon-tel:before {
  content: "\e84f";
}

.icon-EN:before {
  content: "\e850";
}

.icon-sanpiguanlogo:before {
  content: "\e848";
}



.back-to-top[data-v-79a5b115] {
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #f00; /* Vue标志性绿色 */
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateY(20px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}
.back-to-top.visible[data-v-79a5b115] {
  opacity: 1;
  transform: translateY(0);
}
.icon-arrow-up[data-v-79a5b115]::before {
  content: "↑";
  font-size: 20px;
}


.captcha-container[data-v-3bdf156c] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.captcha-canvas[data-v-3bdf156c] {
  cursor: pointer;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  margin-right: 15px;
}
.captcha-input[data-v-3bdf156c] {
  /* padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px; */
  width: 120px;
}


[data-v-c3b3df60] .el-drawer.rtl{height: auto;top: auto;border-radius: 12px;}
[data-v-c3b3df60] .el-drawer__body {padding: 0px 40px 0!important;}
[data-v-c3b3df60] .el-drawer__header > :first-child{
  text-align: left;
}
[data-v-c3b3df60] .el-drawer__body {
	padding: 0px 20px 0;
	box-sizing: border-box;
	text-align: left;
}
.floating-actions[data-v-c3b3df60] {
  position: fixed;
  right: 60px;
  bottom: 100px;
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.flicker[data-v-c3b3df60]{
  animation: shake-c3b3df60 0.5s ease-in-out infinite;
}
@keyframes shake-c3b3df60 {
0%, 100% {
    transform: rotate(0deg);
}
25% {
    transform: rotate(-8deg);
}
75% {
    transform: rotate(8deg);
}
}
.floating-actions i[data-v-c3b3df60]{font-size: 30px;z-index: 3;}
.action-btn[data-v-c3b3df60] {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  color: #303133;
  box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.action-btn-cont[data-v-c3b3df60]{
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  transition: all 300ms;
  width: 60px;
  height: inherit;
  opacity: 0;
  line-height: 60px;
  border-radius: 30px;
  white-space: nowrap;
}
.action-btn-icon[data-v-c3b3df60] {
  position: absolute;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	z-index: 3;
	border-radius: 50%;
  background: #fff;
}
.action-btn:hover .action-btn-icon[data-v-c3b3df60]{border: 2px solid white;background: #e60012;}
.action-btn[data-v-c3b3df60]:hover {
  transition: all 300ms;
  background-color: #e60012;
  color: white;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.action-btn:hover .action-btn-cont[data-v-c3b3df60]{
  background: #e60012;
  width: auto;
  padding: 0px 80px 0px 30px;
  box-sizing: border-box;
  opacity: 1;
  right: 0;
  z-index: 1;
  transition: all 300ms;
  line-height: 60px;
  font-family: 'RAJDHANIB';
}

/* 修改返回顶部按钮的动画样式，与transition配合 */
/* .back-to-top {

} */

/* 进入动画 */
.backToTop-enter-active[data-v-c3b3df60] {
  animation: fadeInUp-c3b3df60 0.3s forwards;
}

/* 退出动画 */
.backToTop-leave-active[data-v-c3b3df60] {
  animation: fadeOutDown-c3b3df60 0.3s forwards;
}
@keyframes fadeInUp-c3b3df60 {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fadeOutDown-c3b3df60 {
from {
    opacity: 1;
    transform: translateY(0);
}
to {
    opacity: 0;
    transform: translateY(20px);
}
}
[data-v-c3b3df60] .el-drawer__mask {
  transition: opacity 0.3s;
}



.menu-item[data-v-7c23eab2] {
  position: relative;
  margin: 0 10px;
}
.menu-link[data-v-7c23eab2] {
  display: inline-block;
  text-decoration: none;
  color: #333;
}
.dropdown-icon[data-v-7c23eab2] {
  font-size: 12px;
  transition: transform 0.3s ease;
  display: inline-table;
}
.submenu-b[data-v-7c23eab2] {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 100;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
}
.submenu[data-v-7c23eab2]{
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 4px;
}
.menuBarList .menu-item .has-submenu .submenu-b .submenu .submenu-link[data-v-7c23eab2]:first-child{border-radius: 4px 4px 0 0;}
.menuBarList .menu-item .has-submenu .submenu-b .submenu .submenu-link[data-v-7c23eab2]:last-child{border-radius: 0 0 4px 4px;}
.has-submenu:hover .submenu-b[data-v-7c23eab2] {
  max-height: 300px;
  padding: 10px 0;
}
.submenu-link[data-v-7c23eab2] {
  display: block;
  padding: 8px 16px;
  text-decoration: none;
  color: #333;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}
.menuBarList .menu-item .has-submenu:hover .submenu-link[data-v-7c23eab2] {
  opacity: 1;
  transform: translateY(0);
}
.submenu-link[data-v-7c23eab2]:nth-child(1) { transition-delay: 0.3s;
}
.submenu-link[data-v-7c23eab2]:nth-child(2) { transition-delay: 0.9s;
}
.submenu-link[data-v-7c23eab2]:nth-child(3) { transition-delay: 1.2s;
}
.submenu-link[data-v-7c23eab2]:hover {
  background-color: #f5f5f5;
}
.has-submenu:hover .dropdown-icon[data-v-7c23eab2] {
  transform: rotate(180deg);
}
.router-link-exact-active[data-v-7c23eab2] {
  color: #E60012;
  font-weight: 500;
}
.menuBarList .menu-item .submenu-b .submenu a[data-v-7c23eab2]:hover {
	color: #E60012;
}
.menuBarList .menu-item .submenu-b .submenu .router-link-exact-active[data-v-7c23eab2]{color: #E60012;}


/* 重点修改：调整菜单列表位置 */
.menuBarList[data-v-7c23eab2] {
	display: flex;
  /* 移除固定宽度，改为自适应 */
  flex: 1;
  /* 增加左侧间距，避免太靠左 */
  margin-left: 2rem;
	height: inherit;
	line-height: 80px;
  /* 让菜单项均匀分布 */
  justify-content: center;
}
.menuBarList .menu-item[data-v-7c23eab2] {
	padding: 0 5px;
	box-sizing: border-box;
	white-space: nowrap;
}
.menuBarList .menu-item a[data-v-7c23eab2]{
  display: block;
}
.menuBarList .menu-item .submenu a[data-v-7c23eab2]{
  color: #303133;
  transition: all 300ms;
  line-height: 50px;
}
.topIconButton[data-v-7c23eab2] {
	display: flex;
  /* 调整图标区域宽度 */
  width: auto;
  padding-left: 1rem;
	height: inherit;
	line-height: 80px;
}
.top-icon[data-v-7c23eab2] {
	color: #e60012;
	margin: 0 8px;
  cursor: pointer;
}
.topIconButton .top-icon[data-v-7c23eab2]:last-child {
	margin-right: 0;
}
.top-icon i[data-v-7c23eab2] {
	font-size: 28px;
}
.MenuBar[data-v-7c23eab2] {
  background-color: transparent;
  box-shadow: none;
  padding: 0 5%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 12;
  transition: all 0.3s ease-in-out;
}
.MenuBar.scrolled[data-v-7c23eab2] {
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.scrolled[data-v-7c23eab2]{
  border-bottom: none;
}
.scrolled .nav a[data-v-7c23eab2]{
  color: #303133;
}
.nav[data-v-7c23eab2] {
  max-width: 1400px;
  margin: 0 auto;
  height: 80px;
  display: flex;
  align-items: center;
  /* 调整整体间距 */
  gap: 1rem;
  transition: all 300ms;
}
.logo[data-v-7c23eab2] {
  /* 保留logo的左对齐，但不强制推到最左 */
  margin-right: 1rem;
  cursor: pointer;
}
.logo img[data-v-7c23eab2] {
  height: 50px;
  width: auto;
}
.nav a[data-v-7c23eab2] {
  color: #ffffff;
  text-decoration: none;
  font-size: 1.1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
  transition: all 0.3s ease;
  line-height: 80px;
}
.icon-point[data-v-7c23eab2]{
  width: 100%;
  height: 12px;
}
.submenu-b[data-v-7c23eab2]::before{
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transform: translateY(2px);
}
.scrolled .nav a[data-v-7c23eab2] {
  color: #303133;
  transition: all 300ms;
}
.nav a[data-v-7c23eab2] {
  color: #303133;
  transition: all 300ms;
}
.nav a.router-link-exact-active[data-v-7c23eab2] {
  color: #E60012;
  font-weight: 700;
  transition: all 300ms;
}
.nav a[data-v-7c23eab2]:hover {
  color: #E60012;
  transition: all 300ms;
  font-weight: 500;
}
.nav a[data-v-7c23eab2]::after {
  content: '';
  position: absolute;
  width: 0;
  height: 3.5px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #ffffff;
  transition: all 300ms;
}
.nav a[data-v-7c23eab2]:hover::after,
.nav a.router-link-exact-active[data-v-7c23eab2]::after {
  width: 50%;
  background-color: #E60012;
  transition: all 300ms;
}
.nav .has-submenu a[data-v-7c23eab2]::after{
  transform: translateY(-2px);
}
/* .MenuBar  .nav .menuBarList .menu-item:first-child .menu-link::after{width: 80%;} */
@media (max-width: 768px) {
.nav[data-v-7c23eab2] {
    height: auto;
    padding: 1rem 0;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
}
.logo[data-v-7c23eab2] {
    margin: 0 auto 1rem;
    width: 100%;
    text-align: center;
}
.menuBarList[data-v-7c23eab2] {
    margin-left: 0;
    justify-content: center;
}
}


.footer-container[data-v-e29576ce] {
  width: 100%;
  color: #ffffff;
  font-family: 'Arial', sans-serif;
  margin-top: 0px;
  /* 确保不超出视口宽度 */
  box-sizing: border-box;
  overflow: hidden;
  background: whitesmoke;
}

/* 上部分样式 */
.footer-top[data-v-e29576ce] {
  position: relative;
  background-color: #303133;
  padding: 40px 0;
  width: 100%;
  border-top: 4px solid #e60012;
  /* 防止内部元素溢出 */
  box-sizing: border-box;
}
.container[data-v-e29576ce] {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  /* padding: 0 20px; 添加内边距防止内容贴边 */
  box-sizing: border-box; /* 确保padding不增加总宽度 */
  position: relative;
  z-index: 1;
}
.footer-content[data-v-e29576ce] {
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: space-between;
  align-items: flex-start;
  width: 100%; /* 确保内容区占满容器 */
  gap: 20px; /* 增加元素间间距，避免拥挤 */
}

/* 联系信息样式 */
.contact-info[data-v-e29576ce] {
  flex: 1;
  width: 400px; /* 减小最小宽度，增强响应式 */
  margin: 0; /* 移除固定margin，使用gap控制间距 */
}
.contact-title[data-v-e29576ce] {
  font-size: 24px;
  margin-bottom: 0px;
  font-weight: 600;
  position: relative;
  padding-bottom: 10px;
  margin-top: 0;
}
.contact-title[data-v-e29576ce]::before {
  content: "\e84f";
  font-size: 44px;
  vertical-align: middle;
  animation: shake-e29576ce 0.5s ease-in-out infinite;
  display: inline-block;
  white-space: nowrap;
}
@keyframes shake-e29576ce {
0%, 100% {
      transform: rotate(0deg); /* 初始和结束位置 */
}
25% {
      transform: rotate(-8deg); /* 向左旋转5度 */
}
75% {
      transform: rotate(8deg); /* 向右旋转5度 */
}
}
.phone-number[data-v-e29576ce] {
  font-size: clamp(2rem, 5vw, 3rem); /* 使用clamp实现响应式字体大小 */
  margin-bottom: 15px;
  margin-top: 0;
  letter-spacing: 1px;
  font-family: 'RAJDHANIB';
  color: #e60012;
  white-space: nowrap;
}
.email[data-v-e29576ce], .address[data-v-e29576ce] {
  font-size: 14px;
  margin-bottom: 10px;
  opacity: 0.9;
  line-height: 1.6;
}

/* 菜单样式 */
.footer-menu[data-v-e29576ce] {
  flex: 1;
  min-width: 150px; /* 减小最小宽度 */
  margin-bottom: 30px;
  text-align: left;
  padding-left: 30px;
  box-sizing: border-box;
}
.menu-title[data-v-e29576ce] {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 600;
}
.footer-menu ul[data-v-e29576ce] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-menu li[data-v-e29576ce] {
  margin-bottom: 12px;
}
.footer-menu a[data-v-e29576ce] {
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  opacity: 1;
  transition: all 300ms;
}
.footer-menu a[data-v-e29576ce]:hover {
  color: #e60012;
  transition: all 300ms;
}

/* 二维码样式 - 核心修改区域 */
.qrcode-group[data-v-e29576ce] {
  flex: 1;
  width: 500px;
  display: flex;
  justify-content: space-between; /* 平均分配空间 */
  align-items: center; /* 垂直居中对齐 */
  white-space: nowrap; /* 防止换行 */
  box-sizing: border-box; /* 包含内边距和边框 */
  padding-top: 20px;
}
.qrcode-group .qrcode-item[data-v-e29576ce]:last-child{padding-right: 0;}
.qrcode-item[data-v-e29576ce] {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1; /* 每个子元素平均分配宽度 */
  margin: 0; /* 移除固定margin，避免影响分布 */
  padding: 0 5px; /* 增加内边距避免内容过挤 */
  box-sizing: border-box;
}
.qrcode-img[data-v-e29576ce] {
  width: 100px;
  height: 100px;
  background-color: #ffffff;
  padding: 2px;
  border-radius: 4px;
  margin-bottom: 10px;
  transition: transform 0.3s ease;
}
.qrcode-desc[data-v-e29576ce] {
  font-size: 14px;
  opacity: 0.9;
  text-align: center;
  margin: 0 auto;
}

/* 下部分样式 */
.footer-bottom[data-v-e29576ce] {
  background-color: #e60012; /* 深一点的红色 */
  padding: 10px 0;
  width: 100%;
  box-sizing: border-box;
}
.copyright-info[data-v-e29576ce] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 5px; /* 控制版权信息间距 */
  font-size: 14px;
  opacity: 0.9;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}
.copyright-info a[data-v-e29576ce], .copyright-info a span[data-v-e29576ce] {
	color: white;
	font-size: 14px;
	text-decoration: none;
  transition: all 300ms;
}
.icp-record[data-v-e29576ce] {
  color: #ffffff;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.icp-record[data-v-e29576ce]:hover {
  text-decoration: none;
  opacity: .75;
  transition: all 300ms;
}
.copyright-info a[data-v-e29576ce]:hover{
  opacity: .75;
  transition: all 300ms;
}
.b-navbar-bg[data-v-e29576ce] {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
  background: url(https://www.hongchuangkj.com/img/bg-img@2x.87c84f18.png);
  background-size: 500px auto;
  background-repeat: no-repeat;
  background-position: 47% 20%;
  animation: navbarAni-e29576ce 4s linear infinite;
  z-index: 0;
  /* 防止背景图溢出 */
  background-clip: padding-box;
  box-sizing: border-box;
}
@keyframes navbarAni-e29576ce {
0% {
    opacity:.05
}
50% {
    opacity:.2
}
to {
    opacity:.05
}
}

/* 响应式调整 */
@media (max-width: 1200px) {
.footer-content[data-v-e29576ce] {
    justify-content: center;
    gap: 30px;
}
.contact-info[data-v-e29576ce] {
    min-width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.contact-title[data-v-e29576ce]::before {
    margin-right: 10px;
}
}
@media (max-width: 768px) {
.footer-top[data-v-e29576ce] {
    padding: 30px 0;
}
.footer-menu[data-v-e29576ce] {
    min-width: 45%; /* 在中等屏幕上每行显示两个菜单 */
    text-align: center;
}
.qrcode-group[data-v-e29576ce] {
    max-width: 350px;
    padding-top: 10px;
}
}
@media (max-width: 480px) {
.footer-menu[data-v-e29576ce] {
    min-width: 100%; /* 在小屏幕上菜单占满宽度 */
}
.qrcode-item[data-v-e29576ce] {
    width: 45%; /* 小屏幕上每行显示两个二维码 */
}
.qrcode-img[data-v-e29576ce] {
    width: 80px;
    height: 80px;
}
.copyright-info[data-v-e29576ce] {
    flex-direction: column;
    gap: 5px;
}
}
.b-wave[data-v-e29576ce]{
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAATCAYAAABmxagtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW9JREFUeNrsmMFNw0AQRWddAeLIKR2QDqADQgWsK0ioAFJBoIKYCkg6CBUEKkhOHJFL4H9lkDhAYmcde8f2SF9z9CZP/8/uODFUn3J+hjaEfvq+eody9gv5yq38Rhc5gGs06uoXiGMqV0Bv0AqAVj2QchDuoFEAgCKAFtBLbHBcRCA82gM0qPnTW2gKMFkPZAeCTpg1AOIvMPcAs+gkEIAggLnOiJiKEZYCzLaJjycNwXhE20QIQ/RMGz1jux2irngtcGWNpXgzu63TLUmNMDgr1oZgiJ51rWdvj0PwgzgrvNiuDE5JTQMxGFGNR1hyQhjeYEQVjTBvxiG6b5q1IKIORpi+W/JogejaYx7BI6/Ox2Ra5frFVQRioK4YSTeLbplWMVtcIAjG0wQay+kWgVaK0fUMPYXEmAtwhO9B7AWTHeMYV9INjKSbDkdT2eKicsle1DXuwICmEy5lt98Z9v9v8BuGw/+Dl4H/LgLfAgwAO3xmgRIme28AAAAASUVORK5CYII=) repeat-x bottom;
  background-size: 41px auto;
  background-position: 0% bottom;
  animation: wavehuad-e29576ce 1500ms linear infinite;
}
@keyframes wavehuad-e29576ce {
0%{background-position: 0% bottom;}
100%{background-position: -40px bottom;}
}


.fullscreen-poster[data-v-e735f83a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  overflow: hidden;
  pointer-events: none; /* 初始不可交互 */
  
  /* 初始状态：在视口上方，不可见 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  
  /* 动画过渡设置 */
  transition: 
    transform 0.8s ease-out, 
    opacity 0.8s ease-out,
    visibility 0.8s ease-out;
}

/* 展开动画：从上至下滑动进入 */
.fullscreen-poster.active[data-v-e735f83a] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto; /* 允许交互 */
}

/* 关闭动画：从下至上滑动退出 */
.fullscreen-poster.closing[data-v-e735f83a] {
  opacity: 0;
  transform: translateY(-100%);
  pointer-events: none;
}
.poster-image-container[data-v-e735f83a] {
  width: 100%;
  height: 100%;
  position: relative;
}
.poster-image[data-v-e735f83a] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
.close-btn[data-v-e735f83a] {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: auto;
  /* transform: translateX(-50%); */
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  border: 2px solid white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  pointer-events: auto;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  animation: shanshuo-e735f83a 2s ease-in-out infinite;
}
@keyframes shanshuo-e735f83a {
0%{transform: scale(1);}
50%{transform: scale(1.1);}
100%{transform: scale(1);}
}
.close-btn[data-v-e735f83a]:hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: #333;
  transform: translateX(-50%) scale(1.1);
}
.icon-close[data-v-e735f83a]::before {
  content: "×";
  font-size: 28px;
  font-weight: bold;
}
.close-btn i[data-v-e735f83a] {
	font-size: 28px;
}
/* 响应式调整 */
@media (max-width: 768px) {
.close-btn[data-v-e735f83a] {
    width: 50px;
    height: 50px;
    bottom: 20px;
}
.icon-close[data-v-e735f83a]::before {
    font-size: 24px;
}
}
@media (max-width: 480px) {
.close-btn[data-v-e735f83a] {
    width: 40px;
    height: 40px;
    bottom: 15px;
}
.icon-close[data-v-e735f83a]::before {
    font-size: 20px;
}
}
.LearnMore[data-v-e735f83a] {
	position: fixed;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100px;
	height: 100px;
  color: white;
  cursor: pointer;
}
.LearnMore i[data-v-e735f83a]{
  font-size: 66px;
  display: block;
  animation: shanshuo-e735f83a 2s ease-in-out infinite;
}
.LearnMore p[data-v-e735f83a]{
  font-size: 1rem;
  color: white;
}


/* 进度条容器：固定在顶部，全屏宽度 */
.real-page-loading[data-v-00aa73c8] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px; /* 进度条高度，可调整 */
  z-index: 9999; /* 确保在最顶层 */
  background-color: #f5f5f5; /* 进度条背景色 */
}

/* 进度条本体：过渡动画确保流畅 */
.loading-progress[data-v-00aa73c8] {
  height: 100%;
  transition: width 0.3s ease; /* 进度变化动画 */
}

/* 主色调覆盖（直接针对组件类名） */
/* 按钮 */
.el-button--primary {
  background-color: #E60012 !important;
  border-color: #E60012 !important;
}
.el-button--primary:hover {
  background-color: #E6001285 !important; /* 比主色浅20% */
  border-color: #E6001285 !important;
}
.el-button--primary:focus{
  background-color: #E60012 !important;
  border-color: #E60012 !important;
}

/* 输入框（聚焦时） */
.el-input__inner:focus {
  border-color: #E60012 !important;
  /* box-shadow: 0 0 0 2px rgba(你的主色调RGB, 0.2) !important; */
}

/* 复选框（选中时） */
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #E60012 !important;
  border-color: #E60012 !important;
}

/* 单选框（选中时） */
.el-radio__input.is-checked .el-radio__inner {
  border-color: #E60012 !important;
  background-color: #E60012 !important;
}

/* 下拉框（选中/聚焦时） */
.el-select .el-input.is-focus .el-input__inner {
  border-color: #E60012 !important;
}
.el-select-dropdown__item.selected {
  color: #E60012 !important;
}

/* 标签页（激活时） */
.el-tabs__item.is-active {
  color: #E60012 !important;
}
.el-tabs__active-bar {
  background-color: #E60012 !important;
}

/* 滑块（激活时） */
.el-slider__button {
  border-color: #E60012 !important;
  background-color: #E60012 !important;
}
.el-slider__bar {
  background-color: #E60012 !important;
}

/* 进度条 */
.el-progress-bar__inner {
  background-color: #E60012 !important;
}

/* 分页（激活页） */
.el-pager li.active {
  color: #E60012 !important;
}