@charset "utf-8";
/* Base Reset */

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,a, img, address, cite, code, em, strong, b, i, u, s, small, big, sub, sup,header, footer, nav, section, article, aside, main, mark, time { margin:0; padding:0;color: #333; }
input{outline: none!important;;}
.flex {display: flex;justify-content: space-between;align-items: center;}
.flex2 {display: flex!important;align-items: center;}
.flex_cz {display: flex!important;flex-direction: column;justify-content: space-between;}
.col_zhu {color: #0077c0!important;}
.dw {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.yc {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
:focus { outline:0; }
/* 全局图片清晰化优化 */
img {
    border: none;
    box-sizing: border-box;
    max-width: 100%;
    height: auto; /* 强制高度自动，避免变形 */
  /* 优化缩放算法：优先使用高质量插值 */
  /* 修复高清屏（Retina）下的模糊问题 */
  transform: translateZ(0); /* 触发 GPU 加速，提升渲染精度 */
  backface-visibility: hidden; /* 配合 GPU 加速，避免模糊 */
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  
  /* 避免默认缩放模糊（针对小图放大场景） */
  will-change: transform; /* 提前告知浏览器准备优化渲染 */
}

/* 针对高清屏的响应式图片优化（可选） */


/* 定义可变字体 */
@font-face {
    font-family: 'SourceHanSansVF';
    src: url('../fonts/SourceHanSans-VF.otf.woff2') format('woff2-variations');
    font-weight: 250 900; /* 字重范围：250（最细）→ 900（最粗） */
    font-style: normal;
    font-display: swap;
}

/* 全局应用该字体（所有文字都会继承） */
/* 优先给 html 设，覆盖范围最广；body 兜底，兼容部分场景 */
html, body {
    font-family: 'SourceHanSansVF', sans-serif !important;
    font-weight: 400; /* 默认常规字重（ */
    font-style: normal;
    margin: 0;
    padding: 0;
      overflow-x: hidden; /* 隐藏横向溢出，不影响纵向 */
 
}


/* 可选：覆盖表单/按钮等默认自带字体的元素（避免漏网之鱼） */
input, button, select, textarea, a, span, div, p, h1, h2, h3, h4, h5, h6 {
    font-family: inherit !important; /* 强制继承父元素的 SourceHanSansVF */
    font-weight: inherit; /* 可选：字重也继承，统一控制 */
}


/* 主体样式 */
.bx {width: 1400px; max-width: 100%; margin: 0 auto;}
.bx2 {width: 1200px; max-width: 100%; margin: 0 auto;}
.bg_blue2 {background-color: #f4f9fc;padding: 60px 0;}

/* top */
.top {padding: 20px 0;}
.top .xian {width: 1px;height: 43px;background-color: #ddd;margin: 0 14px;}
.top .top_l p {font-size: 24px;font-weight: 700;}
.top .top_l p::before {content: '';background: url(../images/dh.png) no-repeat center/contain;margin-right: 6px;height: 26px;width: 26px;image-rendering: -webkit-optimize-contrast; transform: translateZ(0);image-rendering: crisp-edges;}
.top .top_r .layui-nav {background: transparent;padding-right: 0;}
.top .top_r .layui-nav .layui-this > a {color: #0077c0!important;}
.top .top_r .layui-nav .layui-nav-item a {color: #333;font-weight: 580;font-size: 18px;}
.top .top_r .layui-nav .layui-nav-item > a {padding: 0;}
.top .top_r .layui-nav .layui-nav-item a:hover {color: #0077c0;}
.top .top_r .layui-nav .layui-this:after,.top .top_r .layui-nav-bar {background-color: #0077c0;height: 2px;}
.top .layui-nav-child {left: 50%;transform: translateX(-50%)!important;}
.top .top_r .layui-nav .layui-nav-item {margin: 0 24px;}
.top .top_r .layui-nav .layui-nav-item:last-of-type {margin-right: 0;}
.top .layui-nav .layui-nav-more {right: -21px;}
.top .top_r .layui-nav-child dd {text-align: center;}
.top .top_r .layui-nav-child dd a {font-weight: 500!important;color: #666!important;font-size: 16px!important;}
.top .top_r .ss {background-color: #f0f4f9;width: 40px;height: 40px;border-radius: 50%;position: relative;transition: all 0.3s;margin-right: 30px;margin-left: 42px;}
.top .top_r .contact {background-color: #0077c0;color: #fff;border-radius: 100px;height: 40px;line-height: 36px;width: 112px;text-align: center;border: 1px solid #0077c0;box-sizing: border-box;transition: all 0.3s;font-weight: 500;}
.top .top_r .contact:hover {background-color: transparent;color: #0077c0;}
/* 搜索区域 */
.ss_wai {justify-content: center;padding-top: 20px;}
.ss_wai button{background-color: #0077c0;width: 80px;height: 40px;border-radius: 6px;border: none;position: relative;cursor: pointer;color: #fff;}
.ss_gb{background: transparent;color: #0077c0;position: absolute;border: none;color: #0077c0;right: 20px;top: 50%;transform: translateX(-50%);cursor: pointer;}
.ss_wai button:nth-of-type(1) {margin-right: 10px;margin-left: 20px;transition: all 0.3s;border: 1px solid #0077c0;box-sizing: border-box;}
.ss_wai button:nth-of-type(1):hover {background-color: transparent;color: #0077c0;}
.search_bx {border-top: 1px solid #eee;margin-top: 14px;display: none;}
.search_bx .bx {position: relative;}
.ss_wai input {width: 80%;height: 40px;line-height: 40px;border-radius: 8px;border: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;}

/* banner */
.banner .swiper-button-next, .swiper-button-prev {color: #0077c0;}
.banner .swiper-pagination-bullet-active {background-color: #0077c0;}
.banner img {box-sizing: border-box;}
.swiper-wrapper {height: auto;}
.banner img.small {display: none;}

/* 义锦荣生物 */
.wai {padding: 60px 0;}
.tit{text-align: center;}
.tit p {text-transform: uppercase;line-height: 1em;font-size: 12px;}
.tit h1 {font-weight: 700;padding-top: 14px;padding-bottom: 22px;line-height: 1em;font-size: 28px;}
.tit .tit_xian {width: 70px;height: 3px;background-color: #0077c0;margin: 0 auto;position: relative;}
.tit .tit_xian::before {content: '';display: block;width: 10px;height: 10px;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #0077c0;}
.js {color: #999;padding-top: 24px;width: 714px;text-align: center;margin: 0 auto;}
.yjr_list ul li {width: calc(100% / 4);text-align: center;padding: 0 30px;}
.yjr_list {padding: 50px 0;}
.yjr_list ul li h2 {font-weight: 700;padding-top: 10px;padding-bottom: 8px;font-size: 22px;}
.yjr_list ul li h2:hover,.yjr_list ul li p:hover,.js:hover{color: #0077c0;}
.yjr_list ul li p {color: #999;height: 50px;}
.yjr_list ul li img {height: 74px;transition: all 0.6s;}
.yjr_list ul li img:hover {transform: scale(1.2);}
.sy_btn {background-color: #0077c0;transition: all 0.3s;width: 172px;height: 54px;line-height: 54px;text-align: center;margin: 0 auto;text-align: center;color: #fff;font-weight: 700;border-radius: 100px;font-size: 18px;justify-content: center;border: 1px solid #0077c0;box-sizing: border-box;}
.sy_btn::after {content: '';background: url(../images/btn_tj1.png) no-repeat center/contain;width: 20px;height: 20px;margin-left: 18px;}
.sy_btn:hover {background-color: transparent;color: #0077c0;}
.sy_btn:hover::after {background: url(../images/btn_jt2.png) no-repeat center/contain;}
/* 产品展示 */
.pro_list {padding-top: 40px;}
.pro_list .layui-tabs-body ul {flex-wrap: wrap;justify-content: left;}
.pro_list .layui-tabs-body ul li {width: calc(100% / 4);padding: 10px;box-sizing: border-box;}
.pro_list .layui-tabs-body ul li a {background-color: #fff;display: block;padding: 12px;box-sizing: border-box;border-radius: 16px;overflow: hidden;}
.pro_list .layui-tabs-body ul li a > img {border-radius: 16px;width: 100%;transition: all 0.6s;}
.pro_list .layui-tabs-body ul li a > img:hover {transform: scale(1.07);}
.pro_list .layui-tabs-header {text-align: center;}
.pro_list .layui-tabs-header li {font-size: 18px;color: #999;}
.pro_list .layui-tabs-header li.layui-this {color: #0077c0;font-weight: bold;position: relative;}
.pro_list .layui-tabs-header li.layui-this::after {width: 8px;height: 8px;border-radius: 50%;background-color: #0077c0;left: 50%;transform: translateX(-50%);bottom: -4px;top: auto;border: none;}
.pro_list .layui-tabs-header:after {display: none;}
.pro_list .layui-tabs-body li a > p {padding-top: 10px;color: #999;padding-bottom: 2px;}
.pro_list .layui-tabs-body li a > p:hover {color: #0077c0;}
.pro_list .layui-tabs-body li a h3 {font-weight: bold;font-size: 16px;}
.pro_list .layui-tabs-body li a h3:hover,.pro_list .layui-tabs-header li:hover {color: #0077c0;}
.pro_list .layui-tabs-body li a .sy_ckxq {padding-top: 4px;}
.pro_list .layui-tabs-body li a .sy_ckxq p {color: #0077c0;} 
.pro_list .layui-tabs-body li a .sy_ckxq p:hover {color: #16baaa;}
.pro_list #pro_list_nr {padding-bottom: 28px;}
.zwcp{text-align: center;width: 150px;margin: 0 auto;padding-top: 22px;}
.zwcp p {color: #999;padding-top: 14px;font-size: 16px;}
   /* 定义旋转动画 */
        @keyframes rotate360 {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
        /* 目标图片默认样式（保证动画流畅） */
        .sy_ckxq img {
            transition: all 0.5s ease; /* 过渡动画，让旋转更丝滑 */
            display: inline-block; /* 确保旋转中心正确 */
        }
        /* 鼠标经过时触发旋转 */
        .sy_ckxq:hover img{
            animation: rotate360 0.5s linear; /* 0.5秒完成360度旋转，匀速 */
        }


/* 新闻资讯 */
.sy_new_nr  {padding-top: 60px;align-items: initial;}
.sy_new_nr > div {width: 50%;}
.sy_new_nr > div:nth-of-type(1) {padding-right: 40px;box-sizing: border-box;}
.sy_new_nr .sy_new_nrl .sy_neewpic_wai {width: 100%;height: 324px;border-radius: 20px;overflow: hidden;}
.sy_new_nr .sy_new_nrl .sy_neewpic_wai img {transition: all 0.6s;width: 100%;height: 100%;object-fit: cover;}
.sy_new_nr .sy_new_nrl .sy_neewpic_wai img:hover {transform: scale(1.03);}
.sy_new_nr .sy_new_nrl .sy_rq {color: #0077c0;display: flex;align-items: center;font-size: 16px;padding-top: 14px;padding-bottom: 4px;}
.sy_new_nr .sy_new_nrl .sy_rq::before {content: '';background: url(../images/rq.png) no-repeat center/contain;width: 16px;height: 16px;margin-right: 6px;}
.sy_new_nr .sy_new_nrl h1 {font-weight: bold;font-size: 22px;}
.sy_new_nr .sy_new_nrl p {color: #999;text-align: justify;padding-top: 10px;padding-bottom: 40px;}
.sy_new_nr .sy_new_nrl p:hover,.sy_new_nr .sy_new_nrl h1:hover {color: #0077c0;}
.sy_new_nr .sy_new_nrl a {margin-left: 0;}
.accordion_list:hover  .new_list_rq {background: #0077c0;}
.accordion_list:hover  .new_list_rq p,.accordion_list:hover  .new_list_rq span {color: #fff;}
.accordion_list:hover h3 {color: #0077c0;}
.accordion { width: 100%;}
.accordion-title { padding: 12px 15px;font-weight: bold;font-size: 18px;width: 83%;}
.accordion_list ul li > .accordion-content { color: #999;
      padding-top: 10px;
      border-top: 1px dashed #0077c0;
      text-align: justify;
      margin-top: 10px;
      display: none; 
      display: block; 
      overflow: hidden; 
   
}
.accordion_list ul li > .accordion-content:hover,.accordion-title:hover {color: #0077c0;}
.accordion_list {margin-bottom: 10px;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);border-radius: 14px;padding: 19px 20px;box-sizing: border-box;}
.sy_new_nrr .new_list_rq {border: 1px solid #0077c0;border-radius: 12px;padding: 8px 6px;box-sizing: border-box;display: flex;flex-direction: column;text-align: center;transition: all 0.3s;}
.crq {display: none;}
/*new_list_rq展开后的激活样式 */
.sy_new_nrr .new_list_rq.active2 {
  background-color: #0077c0;
  color: #fff;
}
/*active2状态下的文字颜色（覆盖原有样式） */
.sy_new_nrr .new_list_rq.active2 p,
.sy_new_nrr .new_list_rq.active2 span {
  color: #fff;
}
.sy_new_nrr .new_list_rq:hover {background-color: #0077c0;}
.sy_new_nrr .new_list_rq:hover p,.sy_new_nrr .new_list_rq:hover span {color: #fff;}
.sy_new_nrr .new_list_rq p {font-weight: bold;font-size: 18px;color: #0077c0;line-height: 1em;padding-bottom: 2px;}
.sy_new_nrr .new_list_rq span {color: #0077c0;font-size: 12px;}
.sy_new_nrr .new_list_tit {position: relative;}
.sy_new_nrr .new_list_tit::after {  content: '';
  background: url(../images/xia.png) no-repeat center/contain;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: transform 0.3s ease; }
.accordion-title.active {color: #0077c0;}
.accordion-content.show {
  height: auto;
  display: block !important; /* 仅展开时用!important */
}
.accordion-title { 
  padding: 12px 15px;
  font-weight: bold;
  font-size: 18px;
  width: 83%;
  cursor: pointer; 
}

/* 给new_list_tit加相对定位（伪元素依赖）+ 过渡动画 */
.sy_new_nrr .new_list_tit {
  position: relative;
  transition: all 0.3s ease; /* 伪元素翻转动画顺滑 */
}
/*展开状态的伪元素翻转类 */
.sy_new_nrr .new_list_tit.active::after {
  transform: translateY(-50%) rotate(180deg); /* 垂直翻转180度 */
}

/* 合作伙伴 */
.hezuo {border-top: 1px solid #eee;}
.hzhb_nr {margin-top: 60px;}
.partFourCon {
	width:100%;
	/*padding:30px 0px 0;
	*/
        float:left;
	overflow:hidden;
	height:40px;


}
.partFourM {
	position:relative;
	height:40px;
    padding: 0 54px;
}
.partFourM .ctrl {
	position:absolute;
	top:50%;
    transform: translateY(-50%);
	width:14px;
	height:44px;
	z-index:10;
	cursor:pointer;
	background-size:27px 44px;
	background-position:center;
	background-repeat:no-repeat;
    background-size: contain;
}
.partFourM .left {
	background-image:url(../images/zuo.png);
	left:10px;
	right:auto;
}
.partFourM .right {
	background-image:url(../images/you.png);
	right:10px;
	left:auto;
}
.partFourCon li {
	float:left;
	width:auto;
	display:inline;
	/*margin:33px 0;
	*/
        margin-right:22px;
	margin-bottom:22px;
	height:40px;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:all .5s ease-in-out;
}
.xwdt {
	position:relative;
	overflow:hidden;
	border-radius:6px;
	width:100%;
	height:100%;
	transition:all .5s ease-in-out;
}
.xwdt img {
	width:100%;
	height:100%;
}

/* 底部区域 */
.foot.bg_blue2 {padding-bottom: 0;padding-top: 40px;}
.foot_top {border-bottom: 1px solid rgba(196, 226, 246, 0.4);padding-bottom: 30px;}
.foot_top img {width: 348px;}
.foot_top .foot_link h6 {font-weight: bold;font-size: 16px;}
.foot_top .foot_link a {color: #999;margin: 0 6px;font-size: 16px;}
.foot_top .foot_link a:hover {color: #0077c0;}
.foot_lx {padding: 30px 0;border-bottom: 1px solid  rgba(196, 226, 246, 0.4);}
.foot_lx_list{width: calc(100% / 3);}
.foot_lx_list img {margin-right: 10px;}
.foot_lx_list span {font-size: 16px;color: #999;}
.foot_lx_list p {font-size: 16px;}
.foot_lx_list span:hover,.foot_lx_list p:hover {color: #0077c0;}

 /* 目标图片默认样式（保证动画流畅） */
.foot_lx_list img{
    transition: all 0.5s ease; /* 过渡动画，让旋转更丝滑 */
    display: inline-block; /* 确保旋转中心正确 */
 }
 /* 鼠标经过时触发旋转 */
  .foot_lx_list:hover img{
   animation: rotate360 0.5s linear; /* 0.5秒完成360度旋转，匀速 */
  }
.foot_ma ul {align-items: normal;}
.foot_ma ul li {width: calc(100% / 4);border-right: 1px solid  rgba(196, 226, 246, 0.4);padding-left: 60px;box-sizing: border-box;padding-top: 30px;padding-bottom: 36px;}
.foot_ma ul li:first-of-type {padding-left: 0;}
.foot_ma ul li:last-of-type {border: none;}
.foot_ma ul li a {display: block;color: #999;display: block;padding-bottom: 10px;font-size: 16px;}
.foot_ma ul li a:nth-of-type(1) {font-weight: bold;color: #333;font-size: 18px;}
.foot_ma ul li span {color: #999;display: block;padding-bottom: 4px;text-transform: uppercase;font-size: 12px;}
.foot_ma ul li a:hover {color: #0077c0;}
.foot_ma ul li h2 {font-weight: bold;font-size: 18px;padding-bottom: 6px;}
.foot_ma img {width: 100px;}
/* 版权 */
.bq {background-color: #0077c0;padding: 14px 0;text-align: center;}
.bq span {color: rgba(255, 255, 255, 0.6);}
.bq a {color: rgba(255, 255, 255, 0.8);} 
.bq a:hover {color: #fff;}

/* 内页开始 */
.nybanner_sm {display: none;}
.ny_banner {position: relative;}
.ny_banner_wen {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ny_banner_wen h1,.ny_banner_wen span {color: #0077c0;}
.ny_banner_wen h1 {font-weight: 800;font-size: 36px;}
.ny_banner_wen span {text-transform: uppercase;}

/* 内页产品列表页 */
.ny_pro_list .pro_list .layui-tabs-body ul li a{background-color: #f8f8f8;}
.ny_pro_list .layui-tabs-body {width: 100%;margin: 0 auto;padding-top: 0px;}
.ny_pro_list .pro_list .layui-tabs-header {border-bottom: 1px solid #eee;padding-bottom: 10px!important;}
.ny_pro_list .pro_list .layui-tabs-header li {font-size: 18px;padding: 0 24px;}
.ny_pro_list .pro_list {padding-top: 20px;}
.ny_pro_list .pro_list .layui-tabs-header li.layui-this::after {width: 100%;border-radius: 0;height: 2px;bottom: -10px;}
.ny_por_tab {padding-top: 30px;}
#fenye {text-align: center;padding-bottom: 60px;padding-top: 30px;}
.pro_wai {align-items: flex-start;padding-bottom: 60px;}
.pro_wai .ny_new_tab {padding-top: 30px;width: 18%;height: auto;flex-direction: column;gap: 2px;border-bottom: 0;}
/* .pro_wai .ny_new_tab a {display: flex;align-items:center;width: 100%;text-align: left;background-color: #f8f8f8;padding-bottom: 0;height: 56px;line-height: 56px;box-sizing: border-box;color: #666;justify-content: space-between;} */
/* .pro_wai .ny_new_tab a::after {content: '';background: url(../images/bg-right.png) no-repeat center / contain;width: 20px;height: 20px;} */
.ny_por_tab .layui-nav-tree .layui-nav-child dd.layui-this, .ny_por_tab .layui-nav-tree .layui-nav-child dd.layui-this a,.ny_por_tab .layui-nav-tree .layui-this,.ny_por_tab .layui-nav-tree .layui-this>a,.ny_por_tab .layui-nav-tree .layui-this>a:hover {background-color: #0077c0!important;}
.pro_wai .ny_pro_list {width: 81%;}
.layui-nav-tree .layui-nav-child dd::after {display: none!important;}
.ny_por_tab .layui-nav-tree .layui-nav-child dd {background-color: #f8f8f8;}
.ny_por_tab .layui-nav-tree .layui-nav-child dd a {color: #333;background-color: #f8f8f8!important;border-bottom: 1px solid #e8e8e8;font-size: 16px;}
.ny_por_tab .layui-nav-tree .layui-nav-item {background-color: #f6f6f6;border-color: #f6f6f6;}
.ny_por_tab .layui-nav-tree .layui-nav-item a {color: #333!important;}
.ny_por_tab .layui-nav-tree .layui-nav-itemed a {color: #888!important;}
.ny_por_tab .layui-nav-tree .layui-this a {color: #fff!important;}
.ny_por_tab  .layui-nav-child {background-color: #f8f8f8;}
.layui-nav-tree .layui-nav-item.layui-nav-itemed > a {color: #0077c0!important;font-weight: bold;background-color: #eee;} 
.layui-nav-tree .layui-nav-item a:hover {color: #0077c0!important;}
.ny_por_tab .layui-nav-tree .layui-this a:hover {color: #fff!important;}
.ny_por_tab .layui-nav-tree .layui-nav-child  .layui-this a:hover {color: #fff!important;}
.ny_por_tab .layui-nav-tree .layui-nav-bar {background-color: #0077c0;width: 3px;}
.layui-nav.layui-nav-tree {border-radius: 20px!important;}
/* .ny_por_tab .layui-nav-tree .layui-nav-item:nth-of-type(1){border-top-left-radius: 10px;border-top-right-radius: 10px;} */
/* .ny_por_tab .layui-nav-tree .layui-nav-item:last-of-type,.ny_por_tab .layui-nav-tree .layui-nav-item:last-of-type a:last-of-type{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} */


html body .pro_wai .ny_new_tab a.active {border-bottom: none;color: #fff!important;position: relative;background-color: #0077c0!important;font-weight: 500;}
html body .pro_wai .ny_new_tab a.active::before {content: '';display: block;width: 3px;height: 100%;background-color: #0077c0;position: absolute;left: 0;top: 0;}
.pro_wai .ny_new_tab a.active::after {content: '';background: url(../images/bg-right2.png) no-repeat center / contain;width: 20px;height: 20px;}

/* 产品详情页 */
.ny_pro_xq {padding: 70px 0;padding-top: 60px;}
.ny_pro_xq .proshowtop {align-items: normal;justify-content: left;} 
.ny_pro_xq .proshowtop .pro_showimg {width: 400px;height: 400px;object-fit: cover;border-radius: 20px;}
.ny_pro_xq .proshowtop .proxqr {padding-left: 30px;box-sizing: border-box;}
.ny_pro_xq .proshowtop .proxqr span {color: #999;}
.ny_pro_xq .proshowtop .proxqr h2 {font-weight: bold;font-size: 20px;padding-top: 4px;padding-bottom: 12px;}
.ny_pro_xq .pro_xh {padding-top: 12px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding-bottom: 12px;} 
.ny_pro_xq .pro_xh .pro_xh_a span:nth-of-type(2) {color: #333;}
.ny_pro_xq .proshowgs {color: #999;padding-top: 12px;text-align: justify;line-height: 1.6em;}
.ny_pro_xq .pro_xq_show {padding-top: 30px;}
.ny_pro_xq .pro_xq_show h2 {font-weight: bold;border-bottom: 1px solid #eee;padding-bottom: 8px;position: relative;}
.ny_pro_xq .pro_xq_show h2::before {content: '';width: 85px;height: 2px;background-color: #0077c0;position: absolute;left: 0;bottom: 0;}
.ny_pro_xq .proxqshownr {padding: 20px 0;color: #666;text-align: justify;font-size: 16px;line-height: 1.6em;padding-bottom: 0;}

/* 内页新闻资讯 */
.ny_new_list {padding-top: 18px;}
.ny_new_list .abus_con {padding-top: 24px;}
.ny_new_list .new_linstpic {width: 230px;height: 152px;overflow: hidden;border: 14px;flex-shrink: 0;overflow: hidden;}
.ny_new_list .new_linstpic img {border-radius: 14px;width: 100%;height: 100%;object-fit: cover;transition: all 0.6s;}
.ny_new_list .new_linstpic img:hover {transform: scale(1.08);}
.ny_new_list .newlist_wenan {width: 79%;height: 152px;}
.ny_new_list .newlist_con li {padding: 18px 0;border-bottom: 1px dashed #eee;}
.ny_new_list .newlist_con ul {padding-bottom: 30px;}
.ny_new_list .newlist_wenan h6 {font-weight: bold;font-size: 20px;}
.ny_new_list .newlist_wenan h6:hover,.ny_new_list .newlist_wenan p:hover {color: #0077c0;}
.ny_new_list .newlist_wenan p {color: #999;padding-top: 6px;}
.ny_new_list .new_listdata span {display: flex;align-items: center;}
.ny_new_list .new_listdata span:nth-of-type(2):hover {color: #16baaa!important;}
.ny_new_list .new_listdata span:nth-of-type(1)::before {content: '';background: url(../images/rq.png) no-repeat center/contain;width: 16px;height: 16px;margin-right: 6px;}
.ny_new_list .ny_new_tab {height: 40px;display: flex;justify-content: center;align-items: center;border-bottom: 1px solid #eee;}
.ny_new_list .ny_new_tab a {color: #999;font-size: 18px;padding: 0 24px;padding-bottom: 10px;}
.ny_new_list .ny_new_tab a:hover {color: #0077c0;}
.ny_new_list .ny_new_tab a.active {border-bottom: 2px solid #0077c0;font-weight: bold;color: #0077c0;}
.ny_new_tab {height: 40px;display: flex;justify-content: center;align-items: center;border-bottom: 1px solid #eee;}
.ny_new_tab a {color: #999;font-size: 18px;padding: 0 24px;padding-bottom: 10px;}
.ny_new_tab a:hover {color: #0077c0;}
.ny_new_tab a.active {border-bottom: 2px solid #0077c0;font-weight: bold;color: #0077c0;}
/* 新闻详情 */
.weizhi img {height: 14px; border-bottom: 1px solid #eee;}
.mbx_nav {padding: 10px 0;border-bottom: 1px solid #eee;}
.mbx_nav a {color: #999;margin: 0 4px;}
.mbx_nav .bx  {flex-wrap: wrap;}
.newdetail {padding-top: 34px;padding-bottom: 70px;}
.newdetail .newReal_tit {border-bottom: 1px solid #eee;margin-bottom: 20px;}
.newdetail .newReal_tit h3 {font-weight: bold;text-align: center;font-size: 24px;}
.newdetail .fbtimelxl {display: flex;justify-content: center;color: #999;padding-top: 6px;padding-bottom: 20px;flex-wrap: wrap;}
.newdetail .fbtimelxl span {display: flex;align-items: center;margin: 0 10px;}
.newdetail .fbtimelxl span::before {content: '';background: url(../images/rq.png) no-repeat center / contain;width: 16px;height: 16px;margin-right: 4px;}
.newdetail .fbtimelxl span:nth-of-type(2):before {content: '';background: url(../images/liulan.png) no-repeat center / contain;width: 18px;height: 18px;}
.newdetail .newReal_n {color: #666;line-height: 1.6em;font-size: 16px;}
.newdetail .sxreture {padding-top: 22px;border-top: 1px solid #eee;margin-top: 30px;color: #999;}
.newdetail .syp,.xyp {display: flex;align-items: center;}
.newdetail .syp {padding-bottom: 4px;}
.newdetail .syp a:hover,.newdetail .xyp a:hover {color: #0077c0;}
.newdetail .sypxyp {width: 90%;}
.newdetail .sypxyp a,.xyp a {width: 85%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #999;}
.return {display: flex;align-items: center;justify-content: center;border: 1px solid #0077c0;border-radius: 10px;color: #0077c0;padding: 10px 0px;width: 110px;transition: all 0.3s;}
.return{color: #0077c0;transition: all 0.3s;}
.return::before {content: '';background: url(../images/rh.png) no-repeat center / contain;height: 16px;width: 16px;margin-right: 8px;}
.return.return-hover::before {content: '';background: url(../images/rh2.png) no-repeat center / contain;height: 16px;width: 16px;margin-right: 8px;}
.return:hover {background-color: #0077c0;color: #fff;}
/* 内页技术支持 */
.jszc .ny_new_list .abus_con {padding-top: 20px;}
.jszc .ny_new_list {padding-top: 0;}
.jszc .ny_new_list .newlist_wenan {height: unset;width: 100%;}
.jszc .ny_new_list .newlist_wenan h6 {padding-bottom: 6px;display: flex;align-items: center;font-size: 18px;}
.jszc .ny_new_list .newlist_wenan h6::before {content: '';width: 6px;height: 6px;margin-right: 8px;border-radius: 50%;background-color: #0077c0;}
.jszc .ny_new_list .new_listdata span:nth-of-type(1)::before {content: '';background: url(../images/rq.png) no-repeat center/contain;width: 14px;height: 14px;margin-right: 6px;}
.jszc .ny_new_list .newlist_con li {padding: 12px 0;}
.jszc .new_listdata {padding-left: 14px;}

/* 联系我们 */
.ny_contact {padding-top: 60px;}
.ny_contact .sglxfs {align-items: initial;padding-bottom: 20px;}
.ny_contact .sglxfs ul li img {height: auto;margin-right: 10px;width: 50px;border: 1px solid #0077c0;border-radius: 10px;padding: 12px;transition: all 0.3s;}
.ny_contact .sglxfs ul li img:hover {background-color: #0077c0;}
.ny_contact .lxwea h4 {color: #999;}
.ny_contact .lxwea p {font-size: 18px;padding-top: 2px;}
.ny_contact .zgs .xian {width: 54px;height: 3px;background-color: #0077c0;}
.ny_contact .zgs h1 {font-weight: bold;font-size: 24px;padding-top: 12px;padding-bottom: 2px;}
.ny_contact .zgs span {color: #999;text-transform: uppercase;font-size: 14px;}
.ny_contact .gs_zwai ul {padding-top: 40px;}
.ny_contact .gs_zwai ul li {margin-bottom: 30px;}
.ny_contact .liuyanmap {border-top: 1px solid #eee;padding-top: 30px;padding-bottom: 70px;}
.ny_contact .liuyanmap h3 {font-weight: bold;text-align: center;font-size: 24px;padding-bottom: 20px;}
.ny_contact .liuyan_l input {margin: 10px 0;border-radius: 10px;}
.ny_contact .xmdh input {width: calc(100% / 3);margin-right: 20px;height: 50px;}
.ny_contact .xmdh input:last-of-type {margin-right: 0;}
.ny_contact .yxyzm {width: calc((100% / 2) - 10px);margin-right: 20px;}
.ny_contact .yxyzm input {width: 100%;}
.ny_contact .yxyzm1{position: relative;}
.ny_contact .yzm_img {position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.ny_contact .yxyzm_dz {width: 100%;margin-right: 0;}
.ny_contact .lyxx textarea {margin-top: 10px;resize: none;border-radius: 12px;height: 170px;}
.ny_contact .libtn {justify-content: center;padding-top: 30px;}
.ny_contact .libtn button {width: 140px;height: 50px;font-size: 16px;border-radius: 10px;margin: 0;padding: 0;}
.ny_contact .libtn button:nth-of-type(1) {margin-right: 20px;background-color: #0077c0;} 
.ny_contact .map iframe {border-radius: 12px;}

/* 关于我们 */
.ny_about_us {padding: 60px 0;padding-top: 40px;}
.ny_about_us .ny_gywmtit {text-align: center;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.ny_about_us .ny_gywmtit h1{font-size: 24px;font-weight: bold;text-align: center;padding-bottom: 2px;}
.ny_about_us .ny_gywmtit span {color: #999;text-transform: uppercase;}
.ny_about_us .gywo_nr {padding-top: 20px;font-size: 16px;color: #666;}

/* 搜索页面 */
.ss_zong .znss{text-align: center;font-weight: bold;}
.ss_zong .ssjg {text-align: center;padding-top: 10px;border-bottom: 1px solid #eee;padding-bottom: 30px;color: #999;}
.ss_zong .ss_myxg {padding-top: 30px;color: #999;font-size: 16px;}
.ss_zong .ssjg span {color: #0077c0;font-weight: bold;}
/* 搜索分页 */
.xypg-pagination .pagin-left {justify-content: center;}
.xypg-pagination .pagin-left a,.xypg-pagination .pagin-left li a {height: 28px;line-height: 28px;padding: 0 16px;border: 1px solid #eee;margin-right: -1px;display: block;cursor: pointer;transition: all 0.3s;}
.xypg-pagination .pagin-left li {padding: 0;}
.xypg-pagination .pagin-left a:hover {background-color: #16baaa;color: #fff;border-color: #16baaa;}
.xypg-pagination {padding-bottom: 50px;}

/* 媒体查询（断点调整为1440px） */
@media (max-width:1440px){
  .bx,.bx2,.ny_pro_list .layui-tabs-body {width: 1202px;}
  .pro_wai .layui-tabs-body {width: 100%;}
  .top .top_l img {width: 160px;}
  .top .top_l p {font-size: 18px;}
  .top .top_r .layui-nav .layui-nav-item a {font-size: 16px;}
  .top .top_r .layui-nav .layui-nav-item {margin: 0 20px;}
  .top .top_r .ss {width: 34px;height: 34px;margin-right: 18px;}
  .top .top_r .contact {width: 86px;height: 34px;line-height: 30px;}
  .top .top_l p::before {width: 22px;height: 22px;}
  .top .top_r .layui-nav {padding: 0;}
  .top .top_r .layui-nav-child dd a {font-size: 14px!important;}
  .tit h1 {font-size: 24px;}
  .tit .tit_xian {width: 66px;height: 2px;}
  .tit .tit_xian::before {content: '';width: 8px;height: 8px;}
  .yjr_list ul li img {height: 64px;}
  .yjr_list ul li h2 {font-size: 20px;}
.sy_btn {width: 140px;height: 48px;line-height: 48px;font-size: 16px;}
.sy_btn::after {width: 18px;height: 18px;margin-left: 10px;}
.pro_list .layui-tabs-header li {font-size: 16px;}
.pro_list .layui-tabs-header li.layui-this::after {width: 6px;height: 6px;}
.sy_new_nr .sy_new_nrl h1 {font-size: 18px;}
.accordion-title {font-size: 16px;}
.sy_new_nrr .new_list_rq {padding: 6px 4px;}
.accordion_list ul li > .accordion-content {font-size: 12px;}
.partFourCon li {height: 32px;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {font-size: 32px;}
}




@media (max-width: 1240px) {
    .bx, .bx2,.ny_pro_list .layui-tabs-body {width: 998px;}
      .pro_wai .layui-tabs-body {width: 100%;}
    .top .top_r .layui-nav .layui-nav-item a {font-size: 14px;}
    .top .top_r .contact {font-size: 12px;width: 66px;}
    .dw  {width: 14px;}
    .top .top_l p {font-size: 14px;}
    .top .top_l img {width: 130px;}
    .top .xian {margin: 0 8px;} 
    .top .top_l p::before {width: 16px;height: 16px;}
    .top .top_r .ss {margin-right: 0px;margin-left: 32px;}
    .top .top_r .layui-nav .layui-nav-item {margin: 0 17px;}
       .top .top_r > a:last-of-type {display: none;}
       .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {font-size: 28px;}
.tit h1 {font-size: 22px;}
.js {font-size: 12px;}
.yjr_list ul li img {height: 54px;}
.yjr_list ul li h2 {font-size: 18px;}
.yjr_list ul li p {font-size: 12px;}
.sy_btn {width: 122px;height: 44px;line-height: 44px;font-size: 14px;}
.wai,.bg_blue2 {padding: 40px 0;}
.pro_list .layui-tabs-body ul li {width: calc(100% / 3)}
.sy_new_nr > div:nth-of-type(1) {padding-right: 30px;}
.ny_banner_wen h1 {font-size: 28px;}
/* 新闻列表 */
.ny_new_list .newlist_wenan {width: 74%;}
}

/* 998px 容器 → 752px，断点后移到 1040px */
@media (max-width: 1040px) {
    .bx, .bx2,.ny_pro_list .layui-tabs-body {width: 752px;}
     .pro_wai .layui-tabs-body {width: 100%;}
    .foot_top img {width: 294px;}
    /* 产品详情页 */
    .ny_pro_xq .proshowtop,.newdetail .sxreture {display: block;}
    .ny_pro_xq .proshowtop .pro_showimg {margin: 0 auto;display: block;}
    .ny_pro_xq {padding-top: 20px;padding-bottom: 20px;}
    .ny_pro_xq .proshowtop .proxqr {padding-left: 0;padding-top: 20px;}
    .return {margin: 0 auto;margin-top: 30px;}
    .newdetail .sypxyp {width: 100%;}
    .newdetail .sypxyp a, .xyp a {width: 88%;}
    .newdetail .sypxyp a,.newdetail .sypxyp span, .xyp a,.xyp span {flex-shrink: 0;}
    .newdetail .sxreture {padding-top: 12px;margin-top: 12px;}
    .ny_por_tab {padding-top: 20px;}
    .ny_pro_xq .proshowtop .pro_showimg {width: 100%;height: auto;}
    .ny_pro_xq .pro_xq_show {padding-top: 20px;}
.pro_wai .ny_pro_list {width: 77%;}

    /* 新闻列表 */
     .ny_new_list .newlist_wenan {width: 66%;}
     /*联系我们 */
.ny_contact .map iframe {width: 100%;}
.ny_contact .lxwea p {font-size: 16px;}
.ny_contact .zgs h1,.ny_contact .liuyanmap h3 {font-size: 20px;}

}

/* 平板/手机：752px 容器 → 100% 自适应，加左右内边距防贴边，断点后移到 800px */
@media (max-width: 800px) {
    .bx, .bx2,.ny_pro_list .layui-tabs-body {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    body,html {padding-top: 32px;}
    header{display: block!important;padding: 0 20px;box-sizing: border-box;}
    .ny_banner {display: none;}
    .nybanner_sm {display: block;position: relative;}
    .nybanner_sm::before {content: ""; display: block; padding-top: 56%;}
    .nybanner_sm .nybanner_sm_wan {position: absolute;top: 50%;left: 30px;transform: translateY(-50%);}
    .nybanner_sm .nybanner_sm_wan h1 {font-weight: bold;color: #0077c0;font-size: 26px;}
    .nybanner_sm .nybanner_sm_wan span {color: #0077c0;text-transform: uppercase;}
    .top {display: none!important;}
    .banner img.small {display: block;}
    .banner img.big{display: none;}
    .banner .swiper-button-next, .swiper-button-prev {display: none;} 
    .tit h1 {padding: 10px 0;padding-bottom: 20px;}
    .yjr_list ul li,.pro_list .layui-tabs-body ul li {width: calc((100% / 2) - 7px);padding: 0;margin-right: 12px;margin-bottom: 12px;}
    .yjr_list ul li:nth-of-type(even),.pro_list .layui-tabs-body ul li:nth-of-type(even) {margin-right: 0;}
     .yjr_list ul,.pro_list .layui-tabs-body ul {flex-wrap: wrap;justify-content: space-between;}
     .js {width: 100%;padding-top: 12px;}
     .yjr_list {padding: 20px 0;padding-bottom: 10px;}
     .pro_list #pro_list_nr {padding-bottom: 0;}
     .sy_new_nr .sy_new_nrl .sy_neewpic_wai {display: block;height: auto;}
     .sy_new_nr {display: block;}
     .sy_new_nr > div {width: 100%;padding: 0!important;}
     .sy_new_nr {padding-top: 30px;}
    .sy_new_nr .sy_new_nrl .sy_neewpic_wai {height: 180px;}
    .sy_new_nr .sy_new_nrl .sy_rq {font-size: 14px;}
    .sy_new_nr .sy_new_nrl h1 {font-size: 18px;}
    .sy_new_nr .sy_new_nrl p {padding-bottom: 20px;}
    .sy_new_nr  .sy_btn {display: flex;margin: 0 auto!important;margin-bottom: 30px!important;}
    .sy_new_nrr .new_list_tit {display: block!important;}
    .sy_new_nrr .new_list_rq {display: none;}
    .crq {display: flex;color: #0077c0;align-items: center;}
    .crq::before {content: '';background: url(../images/rq.png) no-repeat center / contain;width: 12px;height: 12px;margin-right: 6px;}
    .accordion-title {padding: 0;width: 92%;}
    .accordion_list {padding: 10px;}
    .sy_new_nrr .new_list_tit::after {width: 12px;height: 12px;}
     .wai, .bg_blue2 {padding: 20px 0;}
     .partFourM {padding: 0 34px;}
     .partFourM .ctrl {width: 12px;}
     .partFourCon li {height: 28px;}
     .hzhb_nr {margin-top: 30px;}
     .pro_list {padding-top: 20px;}
     .foot_top  {display: block;padding-bottom: 10px;}
     .foot_link  {flex-wrap: wrap;padding-top: 12px;line-height: 1.8em;}
     .foot_top .foot_link h6,.foot_top .foot_link a {font-size: 14px;margin: 0;margin-right: 10px;}
      .foot_top .foot_link h6 {margin-right: 0;}
      .foot_lx_list {width: 100%;padding-bottom: 12px;align-items: normal;}
    .foot_lx {flex-wrap: wrap;}
    .foot_lx {padding: 12px 0;}
    .foot_lx_list span,.foot_lx_list p {font-size: 14px;}
    .foot_lx_list img {height: 22px;position: relative;top: 5px;}
    .foot_ma ul li {display: none;}
    .foot_lx_list:last-of-type {padding-bottom: 0;}
    .foot_ma ul li:nth-of-type(1) {display: flex;border: none;width: 100%;justify-content: center;flex-direction: column;align-items: center;padding: 12px 0;padding-bottom: 30px;}
    .foot_ma ul li img{width: 24%}
    .bq {padding: 12px 0;}
    .bq span,.bq a {font-size: 12px;}
    .pro_wai {display: block;}
    .pro_wai .ny_new_tab,.pro_wai .ny_pro_list {width: 100%;}
     .pro_wai .layui-nav.layui-nav-tree {width: 100%;}
    .pro_wai .layui-tabs-body {padding-left: 0;padding-right: 0;}
    /* 产品详情页 */
    .ny_new_tab a{padding-left: 20px;padding-right: 20px;}
    .ny_new_tab a.active {color: #0077c0;}
      /* 新闻列表 */
     .ny_new_list .newlist_wenan {width: 100%;}
     .ny_new_list .newlist_con li a{display: block;}
     .ny_new_list .new_linstpic {width: 100%;}
     .ny_new_list {padding-top: 20px;}
     .ny_new_list .abus_con {padding-top: 0!important;}
     .ny_new_list .newlist_wenan h6 {font-size: 18px;padding-top: 10px;}
     .ny_new_list .newlist_wenan {height: auto;}
     .ny_new_list .newlist_con li {padding: 10px 0;}
     .ny_new_list .newlist_con ul {padding-top: 0;padding-bottom: 20px;}
     .ny_new_list .ny_new_tab {padding-bottom: 12px;}
     #fenye {padding-bottom: 30px;}
     .ny_new_list .newlist_wenan p {padding-bottom: 10px;}
     /* 新闻详情 */
     .newdetail .newReal_tit h3 {font-size: 18px;}
     .newdetail .fbtimelxl {padding-bottom: 12px;}
     .newdetail .newReal_tit {margin-bottom: 12px;}
     .newdetail {padding-bottom: 30px;padding-top: 14px;}
     /* 联系我们 */
     .ny_about_us {padding-top: 20px;padding-bottom: 30px;}
     .ny_about_us .ny_gywmtit h1 {font-size: 20px;}
     .ny_about_us .ny_gywmtit {padding-bottom: 12px;}
     .ny_about_us .gywo_nr {padding-top: 12px;}
     .ny_contact .sglxfs {display: block;padding-top: 20px;}
     .ny_contact .gs_zwai ul {padding-top: 20px;}
     .ny_contact .gs_zwai ul li {margin-bottom: 20px;}
     .ny_contact .liuyanmap {padding-top: 12px;padding-bottom: 40px;}
     .liuyanmap .xmdh {display: block;} 
     .ny_contact .xmdh input {width: 100%;margin-right: 0;}
     .liuyanmap .bx2 {padding: 0;}
     .ny_contact .libtn button {width: 130px;height: 46px;}
     .map img {height: auto!important;width: 100%!important;}

}



/* 手机端导航 */
       /* 头部样式 */
        header {
            background-color: #ffffff; /* 对应 bg-white */
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* 对应 shadow-sm */
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 40;
            display: none;
        }
        header a img {height: 30px;}
        .header-content {
            padding-top: 16px;
            padding-bottom: 16px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
/* 导航遮罩层 */
        .nav-overlay {
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0; /* 对应 inset-0 */
            background-color: #000000; /* 对应 bg-black */
            background-opacity: 0.5; /* 对应 bg-opacity-50 */
            z-index: 40;
        }
        
        .nav-overlay.active {
            opacity: 0.5;
            visibility: visible;
        }
        /* 汉堡菜单按钮 */
        .hamburger {
            
            outline: none; /* 对应 focus:outline-none */
            background: transparent;
            border: none;
            cursor: pointer;
        }
        
        .hamburger span {
            display: block; /* 对应 block */
            width: 1.5rem; /* 对应 w-6 */
            height: 0.25rem; /* 对应 h-1 */
            background-color: #0077c0; /* 对应 bg-dark */
            border-radius: 9999px; /* 对应 rounded */
            margin: 0.25rem 0; /* 对应 my-1 */
        }
        
        /* 导航容器 */
        .nav-container {
            transform: translateX(100%);
            transition: transform 0.3s ease-in-out;
            position: fixed;
            top: 0;
            right: 0;
            height: 100%;
            width: 16rem; /* 对应 w-64 */
            max-width: 80%; /* 对应 max-w-[80%] */
            background-color: #ffffff; /* 对应 bg-white */
            box-shadow: -2px 0 15px rgba(0, 0, 0, 0.1); /* 对应 nav-shadow */
            z-index: 50;
            overflow-y: auto; /* 对应 overflow-y-auto */
        }
        
        .nav-container.active {
            transform: translateX(0);
        }
        
        /* 导航标题栏 */
        .nav-header {
            padding: 1rem; /* 对应 p-4 */
            border-bottom: 1px solid #e5e7eb; /* 对应 border-b */
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .nav-title {
            font-weight: 700; /* 对应 font-bold */
            color: #1f2937; /* 对应 text-dark */
            font-size: 1.125rem;
        }
        
        .close-menu {
            color: #6b7280; /* 对应 text-gray-500 */
            background: transparent;
            border: none;
            cursor: pointer;
            transition: color 0.2s ease; /* 对应 transition-colors */
            font-size: 1.25rem; /* 对应 text-xl */
        }
        
        .close-menu:hover {
            color: #3b82f6; /* 对应 hover:text-primary */
        }
        
        /* 导航菜单列表 */
        .nav-list {
            padding: 0.5rem; /* 对应 p-2 */
            list-style: none;
        }
        
        /* 菜单项样式 */
        .menu-item {
            margin-bottom: 0.25rem;
        }
        
        .menu-item-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0.75rem; /* 对应 p-3 */
            border-radius: 0.5rem; /* 对应 rounded-lg */
            transition: background-color 0.2s ease; /* 对应 transition-colors */
            cursor: pointer;
        }
        
        .menu-item-header:hover {
            background-color: #f3f4f6; /* 对应 hover:bg-gray-100 */
        }
        .menu-item-header a{font-size: 16px;}
        
        .menu-link {
            flex: 1; /* 对应 flex-1 */
            text-align: left; /* 对应 text-left */
            color: inherit;
            text-decoration: none;
            transition: color 0.2s ease; /* 对应 transition-colors */
            font-size: 16px;
        }
        
        .menu-link:hover {
            color: #3b82f6; /* 对应 hover:text-primary */
        }
        
        .menu-toggle-btn {
            padding: 0.25rem; /* 对应 p-1 */
            color: #9ca3af; /* 对应 text-gray-400 */
            background: transparent;
            border: none;
            cursor: pointer;
            transition: color 0.2s ease; /* 对应 transition-colors */
        }
        
        .menu-toggle-btn:hover {
            color: #3b82f6; /* 对应 hover:text-primary */
        }
        .menu-toggle-btn i {display: block;color: #999;}
        #closeMenu i {font-weight: bold;}
        /* 子菜单样式 */
        .submenu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
            padding-left: 1rem; /* 对应 pl-4 */
            border-left: 2px solid #f3f4f6; /* 对应 border-l-2 border-gray-100 */
            list-style: none;
        }
        
        .submenu.active {
            max-height: 1000px;
            transition: max-height 0.6s ease-in-out;
        }
        
        .submenu .menu-item-header {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
        }
        
        .submenu-link {
            display: block; /* 对应 block */
            padding: 0.75rem; /* 对应 p-3 */
            border-radius: 0.5rem; /* 对应 rounded-lg */
            color: inherit;
            text-decoration: none;
            transition: background-color 0.2s ease, color 0.2s ease; /* 对应 transition-colors */
            font-size: 16px;
        }
        
        .submenu-link:hover {
            background-color: #f3f4f6; /* 对应 hover:bg-gray-100 */
            color: #3b82f6; /* 对应 hover:text-primary */
        }
        
        /* 箭头动画 */
        .menu-arrow {
            transition: transform 0.3s ease;
        }
        
        .menu-arrow.rotate {
            transform: rotate(90deg);
        }
        
        /* 汉堡菜单动画 */
        .hamburger.active span:nth-child(1) {
            transform: translateY(8px) rotate(45deg);
        }
        
        .hamburger.active span:nth-child(2) {
            opacity: 0;
        }
        
        .hamburger.active span:nth-child(3) {
            transform: translateY(-8px) rotate(-45deg);
        }