@charset "utf-8";
@charset "utf-8";
/* 添加vw适配相关样式 */
*[data-v-196701ee] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html[data-v-196701ee] {
  font-family: sans-serif;
  /* PC 端按 1920 设计稿自适应，根字号最大不超过 16px */
  font-size: min(max(calc(100vw / 120), 0.75rem), 1rem);
  word-spacing: 0.0625rem;

  /* 防止文本大小调整 */
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  line-height: 1.5;
  -webkit-tap-highlight-color: transparent;

  text-size-adjust: 100%;

  /* 纯 CSS 自适应，避免 JS 注入导致的首屏字体跳变 */
}
@media screen and (max-width: 47.9375rem) {
html[data-v-196701ee] {
    /* 移动端按 767 设计稿自适应，小屏自动缩小 */
    font-size: calc(100vw / 47.9375);
}
}
body[data-v-196701ee] {
  margin: 0;
  font-size: 1rem; /* 16px */
  line-height: 1.5;
  font-family: sans-serif;
  color: #333;
}
body[data-v-196701ee],
div[data-v-196701ee],
dl[data-v-196701ee],
dt[data-v-196701ee],
dd[data-v-196701ee],
ul[data-v-196701ee],
ol[data-v-196701ee],
li[data-v-196701ee],
h1[data-v-196701ee],
h2[data-v-196701ee],
h3[data-v-196701ee],
h4[data-v-196701ee],
h5[data-v-196701ee],
h6[data-v-196701ee],
pre[data-v-196701ee],
code[data-v-196701ee],
form[data-v-196701ee],
fieldset[data-v-196701ee],
legend[data-v-196701ee],
input[data-v-196701ee],
textarea[data-v-196701ee],
p[data-v-196701ee],
blockquote[data-v-196701ee],
th[data-v-196701ee],
td[data-v-196701ee] {
  margin: 0;
  padding: 0;
  list-style: none;
}
fieldset[data-v-196701ee],
img[data-v-196701ee] {
  border: 0;
  max-width: 100%;
  height: auto;
}
/* remember to define focus styles! */
[data-v-196701ee]:focus {
  outline: 0;
}
address[data-v-196701ee],
caption[data-v-196701ee],
cite[data-v-196701ee],
code[data-v-196701ee],
dfn[data-v-196701ee],
em[data-v-196701ee],
th[data-v-196701ee],
var[data-v-196701ee],
optgroup[data-v-196701ee] {
  font-style: normal;
  font-weight: normal;
}
h1[data-v-196701ee],
h2[data-v-196701ee],
h3[data-v-196701ee],
h4[data-v-196701ee],
h5[data-v-196701ee],
h6[data-v-196701ee] {
  font-size: 100%;
  font-weight: normal;
}
abbr[data-v-196701ee],
acronym[data-v-196701ee] {
  border: 0;
  font-variant: normal;
}
code[data-v-196701ee],
kbd[data-v-196701ee],
samp[data-v-196701ee],
tt[data-v-196701ee] {
  font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
ol[data-v-196701ee],
ul[data-v-196701ee] {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table[data-v-196701ee] {
  border-collapse: collapse;
  border-spacing: 0;
}
caption[data-v-196701ee],
th[data-v-196701ee] {
  text-align: left;
}
sup[data-v-196701ee],
sub[data-v-196701ee] {
  font-size: 100%;
  vertical-align: baseline;
}
/* remember to highlight anchors and inserts somehow! */
blockquote[data-v-196701ee],
q[data-v-196701ee] {
  quotes: none;
}
blockquote[data-v-196701ee]:before,
blockquote[data-v-196701ee]:after,
q[data-v-196701ee]:before,
q[data-v-196701ee]:after {
  content: "";
  content: none;
}
.el-tabs__item:focus.is-active.is-focus[data-v-196701ee]:not(:active) {
  box-shadow: none;
}
a[data-v-196701ee] {
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}
em[data-v-196701ee],
i[data-v-196701ee] {
  font-style: normal;
}
input[data-v-196701ee],
button[data-v-196701ee],
select[data-v-196701ee],
textarea[data-v-196701ee] {
  outline: none;
  border: none;
  background: none;
  -webkit-tap-highlight-color: transparent;
}
/* 保护第三方UI库 */
[class^="el-"][data-v-196701ee] {
  font-size: 0.875rem !important;
}
/* 盒模型 */
*[data-v-196701ee],
*[data-v-196701ee]::before,
*[data-v-196701ee]::after {
  box-sizing: border-box;
}
@charset "utf-8";
/* CSS Document */
#main[data-v-196701ee] {
  width: auto;
  height: auto;
  margin: 0 auto;
}
#header[data-v-196701ee] {
  width: auto;
  height: auto;
  margin: 0 auto;
}
#center[data-v-196701ee] {
  width: 62.5rem;
  height: auto;
  margin: 0 auto;
  display: none;
}
#centern[data-v-196701ee] {
  width: 62.5rem;
  height: auto;
  margin: 0 auto;
}
#footer[data-v-196701ee] {
  clear: both;
  width: auto;
  height: 17.25rem;
  margin: 0 auto;
  /* background:url(..//footer.jpg) repeat-x;  暂时隐藏 */
  margin-top: 0.9375rem;
  text-align: center;
}
#footer .memt-di[data-v-196701ee] {
  width: 61.25rem;
  height: 4.8125rem;
  margin: 0 auto;
  /* background:url(..//footer-logo.jpg) no-repeat right top  暂时隐藏 */
}
#footer .memt-di ul li[data-v-196701ee] {
  width: 5rem;
  height: 4.8125rem;
  float: left;
  text-align: center;
  line-height: 4.8125rem;
}
#footer .memt-di ul li a[data-v-196701ee] {
  color: #fff;
  font-size: 0.875rem;
}
#footer .memt-di ul li a[data-v-196701ee]:hover {
  text-decoration: underline;
}
#footer .txt[data-v-196701ee] {
  width: 61.25rem;
  height: 12.1875rem;
  margin: 0 auto;
  clear: both;
}
body[data-v-196701ee] {
  font-size: 0.75rem;
  color: #5e5d5b;
  background: #fff;
  /* min-width: 1480px; */
  font-family: sans-serif;
}
a[data-v-196701ee] {
  color: #5e5d5b;
  font-size: 0.75rem;
  text-decoration: none;
}
a[data-v-196701ee]:hover {
  text-decoration: none;
}
.topn[data-v-196701ee] {
  width: 100%;
  background: #fff;
  height: 4.875rem;
  margin: 0 auto;
  position: fixed;
  left: 0;
  top: 0px;
  z-index: 999;
  border-bottom: 0.0625rem solid #ebebeb;
}
.topn .logon[data-v-196701ee] {
  width: 8.625rem;
  height: 4.875rem;
  margin: 0 auto;
}
div.btn[data-v-196701ee] {
  position: fixed;
  left: 0;
  top: 4.9375rem;
  z-index: 999;
  width: 100%;
  height: 2.9375rem;
  margin: 0 auto;
  text-align: center;
  background: #fff;
}
div.btn ul[data-v-196701ee] {
  text-align: center;
  display: inline-table;
}
div.btn ul li[data-v-196701ee] {
  float: left;
  display: inline;
  width: 5.25rem;
  height: 2.9375rem;
  text-align: center;
  line-height: 2.9375rem;
  color: #ceb493;
  font-size: 0.875rem;
  font-family: sans-serif;
}
div.btn ul li a[data-v-196701ee] {
  display: block;
  width: 5.25rem;
  height: 2.9375rem;
}
div.btn ul li[data-v-196701ee]:hover {
  /* background: url(../images/bt-h.jpg) center bottom no-repeat;  暂时隐藏 */
  color: #666666;
}
div.btn ul li.action[data-v-196701ee] {
  /* background: url(../images/bt-h.jpg) center bottom no-repeat;  暂时隐藏 */
  color: #666666;
}
.flashn[data-v-196701ee] {
  padding-top: 7.875rem;
}
.return[data-v-196701ee] {
  width: 15.625rem;
  height: 5.875rem;
  margin: 0 auto;
  margin-top: 1.25rem;
  cursor: pointer;
}
#ment[data-v-196701ee] {
  width: 100%;
  height: 3.5625rem;
  position: fixed;
  overflow: visible;
  left: 0;
  top: 0;
  z-index: 999999;
}
#ment .an[data-v-196701ee] {
  width: 4.4375rem;
  height: 3.5625rem;
  float: left;
  display: inline;
  cursor: pointer;
}
#ment .nr[data-v-196701ee] {
  height: 3.4375rem;
  border-top: 0.0625rem solid #e7e7e7;
  border-bottom: 0.0625rem solid #e7e7e7;
  position: absolute;
  width: 100%;
  margin-left: 4.4375rem;
  overflow: hidden;
  background: #fff;
}
.ment-el[data-v-196701ee] {
  position: absolute;
  right: 3.125rem;
  width: 7.5rem;
  height: 2.5rem;
  top: 0.375rem;
  overflow: visible;
}
#ment .wx-tc[data-v-196701ee] {
  width: 8.75rem;
  height: 8.75rem;
  position: absolute;
  right: 1.875rem;
  top: 2.5rem;
  z-index: 9999;
  display: none;
  overflow: visible;
}
#ment .wb-tc[data-v-196701ee] {
  width: 9.125rem;
  height: 8.75rem;
  position: absolute;
  right: 1.875rem;
  top: 2.5rem;
  z-index: 9999;
  display: none;
  overflow: visible;
}
#ment .wx-tc img[data-v-196701ee] {
  width: 100%;
  height: 100%;
}
.ment-el .ment-txt[data-v-196701ee] {
  height: 2.5rem;
  line-height: 2.5rem;
  float: left;
  display: none;
}
.ment-el .ment-ico[data-v-196701ee] {
}
.ment-el .ment-ico span[data-v-196701ee] {
  margin-left: 0.3125rem;
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  float: left;
}
#ment .nr ul li[data-v-196701ee] {
  width: 6.25rem;
  height: 3.4375rem;
  text-align: center;
  line-height: 3.4375rem;
  float: left;
  display: inline;
}
#ment .nr ul li a[data-v-196701ee] {
  color: #333333;
  font-size: 0.875rem;
  font-family: sans-serif;
}
#ment .nr ul li[data-v-196701ee]:hover {
  /* background:url(../images/ment-h.jpg) no-repeat bottom center  暂时隐藏 */
}
/*分页*/
div.pager[data-v-196701ee] {
  text-align: center;
  margin: 0 auto;
  padding-bottom: 0.1875rem;
}
div.pager span[data-v-196701ee] {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
div.pager a[data-v-196701ee] {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  text-decoration: none;
}
/*新闻*/
ul.news[data-v-196701ee] {
  clear: both;
  margin: 0px;
  padding: 0px;
  margin-top: 0.3125rem;
}
ul.news li[data-v-196701ee] {
  /* background: url(../images/new_li.jpg) 0 7px no-repeat;  暂时隐藏 */
  height: 1.625rem;
  line-height: 1.625rem;
  text-indent: 1.3125rem;
  margin-left: 0.75rem;
}
ul.news li a[data-v-196701ee] {
  text-decoration: none;
}
ul.news1[data-v-196701ee] {
  clear: both;
  margin: 0px;
  padding: 0px;
  margin-top: 0.9375rem;
}
ul.news1 li[data-v-196701ee] {
  /* background: url(../images/new_li.jpg) no-repeat 2px center;  暂时隐藏 */
  height: 0.8125rem;
  line-height: 0.8125rem;
  margin-top: 0.5625rem;
  text-indent: 1.125rem;
}
ul.news1 li a[data-v-196701ee] {
  text-decoration: none;
}
/*产品分类*/
.producttype[data-v-196701ee] {
  margin-top: 0.3125rem;
}
.producttype0[data-v-196701ee] {
  width: 12.375rem;
  height: 1.75rem;
  /* background: url(../images/p_li.jpg) no-repeat;  暂时隐藏 */
  text-indent: 1.75rem;
  margin-left: 0.6875rem;
  padding-bottom: 0.1875rem;
  overflow: hidden;
}
.producttype0 a[data-v-196701ee] {
  color: #000;
  line-height: 1.75rem;
}
.producttype0 a[data-v-196701ee]:hover {
  color: #fe6209;
  line-height: 1.75rem;
}
/*下载*/
ul.downloads[data-v-196701ee] {
  clear: both;
  margin: 0px;
  padding: 0px;
  padding-top: 0.3125rem;
}
ul.downloads li[data-v-196701ee] {
  margin-bottom: 0.3125rem;
}
ul.downloads li a[data-v-196701ee] {
  text-decoration: none;
}
/* div {
	overflow: hidden
} */
.newstitle[data-v-196701ee] {
  text-align: center;
  font-weight: bold;
}
/* CSS Document */
body[data-v-196701ee] {
  font-size: 0.75rem;
  color: #5e5d5b;
  background: #fff;
}
/*************************************pro***********************************************/
#pro[data-v-196701ee] {
  /* width: 100%; */
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
#pro .box[data-v-196701ee] {
  width: 16.6%;
  height: 100%;
  float: left;
  display: inline;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
/****119*****/
#pro .box .img[data-v-196701ee] {
  position: absolute;
  z-index: 6;
  left: 0;
  top: 0;
}
#pro .box .ico[data-v-196701ee] {
  width: 100%;
  height: 101%;
  background: url(/_nuxt/assets/images/prodBanner/wi.png);
  position: absolute;
  left: 0;
  z-index: 7;
}
/****95*****/
#pro .box .ico .tb[data-v-196701ee] {
  position: absolute;
  height: 5.625rem;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -2.8125rem;
}
#pro .box .ico .tb span.tu[data-v-196701ee] {
  width: 100%;
  display: block;
  height: 3.5rem;
  text-align: center;
}
#pro .box .ico .tb span.tu img[data-v-196701ee] {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
#pro .box .ico .tb span.wz[data-v-196701ee] {
  line-height: 1.75rem;
  color: #333;
  font-size: 0.75rem;
  display: block;
  text-align: center;
}
#pro .box .memo[data-v-196701ee] {
  height: 7.8125rem;
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -3.875rem;
  width: 13.5rem;
  background: #f00;
  color: #fff;
  z-index: 8;
  line-height: 1.5rem;
  display: none;
}
/* 修复CSS过渡动画 */
#pro .box[data-v-196701ee] {
  transition: width 0.3s ease, transform 0.3s ease;
  will-change: width, transform;
  position: relative;
  transform: scale(1);
  /* 添加box-sizing确保padding和border不影响宽度计算 */
  box-sizing: border-box;
}
/* 修改默认宽度，确保6个项目的总宽度正好是100% */
#pro[data-v-196701ee] {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  overflow: hidden;
}
#pro .box[data-v-196701ee] {
  /* 默认每个项目占据相等空间 */
  flex: 1 1 0;
  min-width: 0;
  /* 防止内容溢出 */
  transition: flex 0.3s ease;
  position: relative;
  transform: scale(1);
  box-sizing: border-box;
}
#pro .box.active[data-v-196701ee] {
  /* 使用 flex-grow 来放大当前项 */
  flex: 2 1 0;
  z-index: 10;
  transform: scale(1.05);
}
#pro .box.active .ico[data-v-196701ee] {
  width: 5.9375rem !important;
  height: 7.8125rem !important;
  top: 50% !important;
  margin-top: -3.875rem !important;
  left: 50% !important;
  margin-left: -2.9375rem !important;
  transition: all 0.3s ease;
  z-index: 11;
}
#pro .box.active .memo[data-v-196701ee] {
  left: 5.9375rem !important;
  transition: left 0.3s ease;
}
/* 移除了原来的 :not(.active) 样式以简化逻辑并防止冲突 */
/* 添加响应式支持 */
@media (min-width: 93.75rem) {
  /* #pro {
    height: 600px !important;
  } */
  /* 解决大屏幕下的间隙问题 */
#pro .box[data-v-196701ee] {
    margin-right: 0;
    margin-left: 0;
}
  /* 确保非活动项目正确排列 */
#pro .box[data-v-196701ee]:not(.active) {
    width: calc((100% - 33.333%) / 5) !important;
    flex: 1 1 auto;
}
  /* 确保活动项目正确放大 */
#pro .box.active[data-v-196701ee] {
    flex: 2 1 auto;
}
}
@media (min-width: 75rem) and (max-width: 93.6875rem) {
  /* #pro {
    height: 600px !important;
  } */
}
@media (min-width: 62rem) and (max-width: 74.9375rem) {
#pro[data-v-196701ee] {
    height: 34.375rem !important;
}
}
@media (min-width: 48rem) and (max-width: 61.9375rem) {
#pro[data-v-196701ee] {
    height: 28.125rem !important;
}
}
@media (max-width: 47.9375rem) and (min-width: 31.3125rem) {
#pro[data-v-196701ee] {
    height: 15.625rem !important;
}
#pro .box[data-v-196701ee] {
    flex: 1 1 50%;
    /* 在小屏幕上每行两个项目 */
}
#pro .box.active[data-v-196701ee] {
    flex: 2 1 66.666%;
    /* 活动项目稍微大一点 */
}
}
@media (max-width: 31.25rem) {
#pro[data-v-196701ee] {
    height: 12.5rem !important;
}
}
#pro .box[data-v-196701ee]:not(.active) {
  /* 非悬停状态下其他项目宽度重新计算，确保总宽度为100% */
  width: calc((100% - 33.333%) / 5) !important;
  transform: scale(1);
}
#pro .box:not(.active) .ico[data-v-196701ee] {
  width: 100% !important;
  height: 101% !important;
  top: 0 !important;
  margin-top: 0 !important;
  left: 0 !important;
  margin-left: 0 !important;
  transition: all 0.3s ease;
}
#pro .box:not(.active) .memo[data-v-196701ee] {
  left: 100% !important;
  transition: left 0.3s ease;
}
/* 添加鼠标事件处理优化 */
#pro .box[data-v-196701ee] {
  pointer-events: auto;
}
/* 防止子元素触发mouseleave */
#pro .box > *[data-v-196701ee] {
  pointer-events: none;
}
#pro .box a[data-v-196701ee] {
  pointer-events: auto;
}