#c235773 ul {list-style: none; margin: 0px; padding: 0px;} 
    #c235773 ul li a {font-family: 微软雅黑;text-decoration: none;color:#fff; display:block; width:170px; line-height:45px;  text-align:center;   font-size:16px;} 
    #c235773 ul li { float:left; margin-left:0px;} 
    #c235773 ul li a:hover {background:#056b5c;}
    #c235773 ul li a#current { background:#056b5c; font-weight:bold; color:#fff;}
    #c235773 ul li ul { border:0px solid #ccc; display:none;} 
    #c235773 ul li ul li {font-family: 微软雅黑;text-decoration: none; float:none;  margin:0;border-bottom:1px solid #8ba6a2;min-height:30px;line-height:45px;}
    #c235773 ul li ul li a {min-height:30px;line-height:39px; text-align:center; background:#20a08e; color:#fff;font-size:16px;min-width:133px;padding:0px 0px;} 
    #c235773 ul li ul li a:hover { background:#056b5c; color:#fff;}  
    #c235773 ul li:hover ul { display:block;z-index:9999999; position:absolute;}
    #c235773 ul li.sfhover ul { display:block;}    

/* ============================================
   三级导航手风琴菜单样式 - 现代浏览器完整效果
   ============================================ */

/* 导航项定位上下文 */
.jalaaff,
.jalaa {
    position: relative;
    transition: background-color 0.3s ease;}

/* 有子菜单的项显示指针 */
.jalaaff.has-children,
.jalaa.has-children {
    cursor: pointer;}

/* 展开按钮样式 - 使用伪元素绘制加减号 */
.nav-toggle {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    pointer-events: none; /* 让点击穿透到父元素 */
    transition: transform 0.3s ease;}

/* 加号图标 - 水平线 */
.nav-toggle::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    background: #666;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease, opacity 0.3s ease;}

/* 加号图标 - 垂直线 */
.nav-toggle::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 12px;
    background: #666;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease, opacity 0.3s ease;}

/* 现代浏览器：展开状态旋转动画 */
.jalaaff.active .nav-toggle,
.jalaa.active .nav-toggle {
    transform: translateY(-50%) rotate(180deg);}

/* 展开状态：垂直线旋转消失形成减号 */
.jalaaff.active .nav-toggle::after,
.jalaa.active .nav-toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;}

/* 三级导航容器 - 默认隐藏 */
.sub-nav {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0, 1, 0, 1), 
                opacity 0.4s ease,
                padding 0.3s ease;
    opacity: 0;
    background: #f5f5f5;
    border-top: 0 solid transparent;
    /* 现代浏览器：平滑阴影效果 */
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);}

/* 三级导航展开状态 */
.jalaaff.active .sub-nav,
.jalaa.active .sub-nav {
    max-height: 500px; /* 根据实际内容调整此值 */
    opacity: 1;
    border-top: 1px solid #d0d0d0;
    transition: max-height 0.5s ease-in-out, 
                opacity 0.4s ease,
                padding 0.3s ease;}

/* 三级导航链接项 */
.sub-nav a {
    display: block;
    height: 45px;
    line-height: 45px;
    padding-left: 60px; /* 缩进显示层级关系 */
    padding-right: 20px;
    font-size: 15px;
    color: #555;
    text-decoration: none;
    border-bottom: 1px solid #e8e8e8;
    transition: all 0.3s ease;
    background: transparent;}

/* 三级导航悬停效果 */
.sub-nav a:hover {
    background: #e8e8e8;
    color: #000;
    padding-left: 65px; /* 悬停时轻微位移反馈 */
    text-decoration: none;}

/* 最后一项去除边框 */
.sub-nav a:last-child {
    border-bottom: none;}

/* ============================================
   IE11降级处理
   ============================================ */

/* IE11降级：max-height动画可能不流畅，使用display切换作为后备方案 */
_:-ms-fullscreen, :root .sub-nav {
    display: none;
    max-height: none;
    opacity: 1;
    transition: none;
    box-shadow: none;}

_:-ms-fullscreen, :root .jalaaff.active .sub-nav,
_:-ms-fullscreen, :root .jalaa.active .sub-nav {
    display: block;
    max-height: none;}

/* IE11降级：禁用旋转动画，直接显示静态图标 */
_:-ms-fullscreen, :root .nav-toggle {
    transition: none;}

_:-ms-fullscreen, :root .jalaaff.active .nav-toggle,
_:-ms-fullscreen, :root .jalaa.active .nav-toggle {
    transform: translateY(-50%);}

/* IE11降级：简化悬停效果，移除位移避免重绘问题 */
_:-ms-fullscreen, :root .sub-nav a:hover {
    padding-left: 60px;
    background: #e1e1e1;}

/* ============================================
   IE10降级处理
   ============================================ */

/* IE10降级：基本功能保证，无动画效果 */
_:-ms-lang(x), .sub-nav {
    display: none;
    max-height: none;
    opacity: 1;
    transition: none;}

_:-ms-lang(x), .jalaaff.active .sub-nav,
_:-ms-lang(x), .jalaa.active .sub-nav {
    display: block;}

_:-ms-lang(x), .nav-toggle {
    display: none;}

/* 可选：IE10下直接显示所有三级导航作为降级方案 */
_:-ms-lang(x), .sub-nav {
    display: block;
    background: #f0f0f0;}











/* ============================================
   三级导航遮挡修复 - 父元素高度自适应
   ============================================ */

/* 现代浏览器：使用min-height替代固定height，允许父元素随子导航展开扩展 */
.jalaaff,
.jalaa {
    height: auto !important; /* 移除固定高度限制 */
    min-height: 55px; /* 保持最小高度确保视觉一致性 */
    overflow: visible;}

/* 确保三级导航容器在文档流中正确展开 */
.sub-nav {
    position: relative; /* 确保相对于父元素定位，脱离文档流会导致遮挡 */
    width: 100%;}

/* IE11降级：确保overflow:visible生效，避免内容被裁剪 */
/* IE11降级：min-height支持良好，无需特殊降级，确保盒模型计算正确 */
_:-ms-fullscreen, :root .jalaaff,
_:-ms-fullscreen, :root .jalaa {
    height: auto !important;
    min-height: 55px;
    overflow: visible;}

/* IE10降级：基本高度自适应支持 */
_:-ms-lang(x), .jalaaff,
_:-ms-lang(x), .jalaa {
    height: auto !important;
    min-height: 55px;}







.pb_sys_style3 .p_no_d{
border: 1px solid #20a08e !important;
  
    background-color: #20a08e !important;}