/* ============================================================
   导航栏增量样式 v2  山东正源信息技术有限公司
   设计原则：
   1. 只作用于 .navx-* 新增元素，不覆盖任何原有选择器
   2. 独立文件加载失败时，导航栏仍以站点原生样式正常显示
   3. 报价入口放顶部深色条，导航区只留电话，宽度余量充足
   ============================================================ */

/* ---------- 1. 顶部条内的报价按钮（复用 topnav 原有列表样式）---------- */
#header2016 .topnav li a.navx-cta{
    background: #f08300;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: bold;
    height: 22px !important;
    line-height: 22px !important;
    padding: 0 14px !important;
    border-radius: 11px;
    margin-top: 4px;
}
#header2016 .topnav li a.navx-cta:hover{
    background: #d97500;
    color: #fff !important;
}

/* ---------- 0. 关键修复：解除原生 overflow:hidden 裁剪 ----------
   global.css 里 #header2016 .main-nav-wrapper { height:80px; overflow:hidden }
   该规则会把下拉面板裁掉，必须在其后用同权重覆盖。
   同时提升层级，确保下拉浮在 logo 与电话之上。---------- */
#header2016 .main-nav-wrapper{
    overflow: visible !important;
    position: relative;
    z-index: 300;
}
#header2016 .header-nav-content{overflow: visible}
#header2016 .header-pos{z-index: 300}

/* ---------- 2. 「更多」下拉 ---------- */
#header2016 .main-nav-wrapper li.navx-more{position:relative;float:left}
#header2016 .main-nav-wrapper li.navx-more > a.nav-menu{padding-right:24px}

#header2016 .main-nav-wrapper li.navx-more .navx-arrow{
    position:absolute;
    right:9px;
    top:50%;
    margin-top:-3px;
    width:0;
    height:0;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:5px solid #9aa0aa;
    transition:transform .22s;
}
#header2016 .main-nav-wrapper li.navx-more:hover .navx-arrow{transform:rotate(180deg)}

#header2016 .main-nav-wrapper .navx-panel{
    display:none;
    position:absolute;
    left:0;
    top:100%;
    min-width:136px;
    background:#fff;
    border:1px solid #e3e6ec;
    border-top:2px solid #00a6d8;
    box-shadow:0 6px 16px rgba(0,0,0,.10);
    z-index:999;
    padding:5px 0;
}
/* hover 展开（桌面） */
#header2016 .main-nav-wrapper li.navx-more:hover .navx-panel{display:block}
/* JS 点击展开：navx-more.open 由 navx.js 切换 */
#header2016 .main-nav-wrapper li.navx-more.open .navx-panel{display:block}
/* 键盘可达：聚焦即展开 */
#header2016 .main-nav-wrapper li.navx-more:focus-within .navx-panel{display:block}

#header2016 .main-nav-wrapper .navx-panel a{
    display:block;
    padding:0 16px;
    height:36px;
    line-height:36px;
    font-size:14px;
    color:#333;
    white-space:nowrap;
    text-decoration:none;
}
#header2016 .main-nav-wrapper .navx-panel a:hover{background:#f2f9fd;color:#00a6d8}

/* ---------- 3. 导航右侧电话（绝对定位，不占流式宽度）---------- */
#header2016 .navx-tel{
    position:absolute;
    right:0;
    top:50%;
    margin-top:-19px;
    white-space:nowrap;
    font-size:13px;
    color:#8a909a;
    line-height:1;
}
#header2016 .navx-tel b{
    display:block;
    margin-top:4px;
    font-size:19px;
    color:#f08300;
    font-weight:bold;
    font-family:Arial,Helvetica,sans-serif;
    letter-spacing:.3px;
}

/* ---------- 4. 响应式降级 ---------- */
@media screen and (max-width:1100px){
    #header2016 .navx-tel{display:none}
}
@media screen and (max-width:1000px){
    #header2016 .main-nav-wrapper li a.nav-menu{padding:8px 7px;font-size:14px}
    #header2016 .main-nav-wrapper li.navx-more > a.nav-menu{padding-right:20px}
}
@media screen and (max-width:900px){
    #header2016 .topnav li a.navx-cta{padding:0 10px !important;font-size:12px !important}
}