/* ===================== Head 头部样式 ===================== */
html, body {
    margin: 0 !important;
    padding: 0 !important;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
 body { background: #f4f7f9; margin: 0; font-family: "Microsoft YaHei", sans-serif; font-size: 14px; color: #333;line-height: 1.6; }
 a { text-decoration: none; transition: 0.3s; }
.header-main { background: #004094; padding: 15px 0; color: #fff; }
.header-container { 
    display: flex; 
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 0 20px; 
    align-items: center; 
    justify-content: space-between; 
}
.logo-area { 
    display: inline-block; 
    text-align: center; 
    text-decoration: none;
}
.logo-name { 
    font-family: "Microsoft YaHei", sans-serif; 
    font-size: 30px; 
    font-weight: bold; 
    color: #FFFFFF; 
    display: block;
    line-height: 1.1;
    letter-spacing: 1px;
}
.logo-url { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    color: #A0C4FF;
    display: block; 
    margin-top: 4px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: normal;
}
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
/* 搜索框 */
.search-center { flex: 1; max-width: 550px; margin: 0 40px; }
.search-flex { display: flex; background: #fff; border-radius: 50px; padding: 2px; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.search-flex input { flex: 1; border: none; padding: 10px 20px; outline: none; font-size: 14px; color: #333; }
.search-flex button { background: #ff9800; color: #fff; border: none; padding: 0 25px; border-radius: 50px; cursor: pointer; font-weight: bold; font-size: 14px; }
.search-flex button:hover { background: #e68a00; }

/* 右侧收藏 */
.header-right { width: 150px; text-align: right; }
.btn-fav { 
    display: inline-flex; 
    align-items: center; 
    color: #fff; 
    font-size: 13px; 
    text-decoration: none; 
    border-radius: 20px; 
    padding: 5px 12px; 
    border: 1px solid rgba(255,255,255,0.3);
    transition: 0.3s;
}
.btn-fav:hover { background: rgba(255,255,255,0.1); border-color: #fff; }

/* 搜索框晃动动画 */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}
.shake-act {
    animation: shake 0.3s;
    border: 1px solid #ff4400 !important;
}

/* 错误提示占位符红色 */
#search_input.error-placeholder::placeholder{
    color: #f03838;
    font-size: 18px;
    font-weight: bold;
}
/* 头部面包屑 */
.wrapper { max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; margin-bottom: 10px;}
.breadcrumb {  max-width: 1160px;
    margin: 0 auto;
    padding: 12px 20px;
    background: #fff;
    border-bottom: 1px solid #e1e4e8;
    margin-bottom: 0px;
    font-size: 14px;
    color: #666;
    box-sizing: border-box; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
/* 位置广告?*/
#index_weizhi{ max-width: 1200px; margin: 0 auto; padding: 0 20px; margin-top: 10px; margin-bottom: 10px;}
#index_weizhi {
    text-align: left;
}
#index_weizhi img {
    max-width: 100%;
    height: auto;
}
#soft_weizhi{ max-width: 1200px; margin: 0 auto; padding: 0 20px; margin-top: 10px; margin-bottom: 10px;}
#article_weizhi{ max-width: 1200px; margin: 0 auto; padding: 0 20px; margin-top: 10px; margin-bottom: 10px;}
#soft_weizhi > div {
    margin: 0 auto !important;
}
/* 响应式 */
@media (max-width: 768px) {
    .header-right { display: none; }
    .search-center { margin: 0 10px; }
}
/*菜单栏*/
.site-nav {
    background: #fff;
    border-bottom: 2px solid #004094;
    width: 100%;
}

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

.nav-inner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; 
    align-items: center;
    height: 42px; 
}

/* 2. 一级菜单组 */
.nav-group {
    position: relative;
    padding-bottom: 5px; 
    margin-bottom: -5px; 
}

/* 一级导航基础菜单项 */
.nav-item {
    display: block;
    line-height: 42px;
    padding: 0 10px; 
    color: #333;
    text-decoration: none;
    font-size: 15px; 
    white-space: nowrap; 
    transition: all 0.2s ease-in-out;
}

.nav-item:hover {
    color: #004094; 
    font-weight: bold; 
}

.nav-item.active {
    color: #004094 !important; 
    font-weight: bold;
}

/* 3. 下拉菜单盒子 */
.sub-menu-box {
    display: none;
    position: absolute;
    top: 42px; 
    left: 50%;
    transform: translateX(-50%);
    width: 240px; 
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 3px 12px rgba(0,0,0,0.12);
    z-index: 9999;
    padding: 9px;
    border-radius: 0 0 4px 4px; 
    flex-wrap: wrap; 
}

/* 特殊处理最右侧两个菜单（工具资料、技术百科），防止它们的下拉框往右溢出边界 */
.nav-inner > .nav-group:nth-last-child(1) .sub-menu-box,
.nav-inner > .nav-group:nth-last-child(2) .sub-menu-box {
    left: auto;
    right: 0;
    transform: none;
}

/* 4. 鼠标悬停显示逻辑 */
.nav-group:hover .sub-menu-box {
    display: flex; 
}

/* 5. 下拉子项 */
.sub-item {
    width: 50%; 
    box-sizing: border-box;
    padding: 7px 10px;
    color: #555;
    font-size: 13px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sub-item:hover {
    background: #f0f7ff;
    color: #004094;
    border-radius: 3px;
}

/* “查看更多...” 样式微调 */
.sub-item.more-link,
.sub-menu-box .more-link {
    width: 100%;
    background: #f5f5f5;
    color: #004094;
    text-align: center;
    font-weight: bold;
    margin-top: 6px;
    padding: 7px 10px;
    border-top: 1px solid #e0e0e0;
    box-sizing: border-box;
    border-radius: 0 0 3px 3px;
}

.sub-item.more-link:hover,
.sub-menu-box .more-link:hover {
    background: #e8e8e8; 
}

/* 响应式断点 */
@media (max-width: 1200px) {
    .site-nav .container {
        width: 100%;
        padding: 0 10px;
    }
    .nav-item {
        padding: 0 5px;
        font-size: 13px; 
    }
}
/* ===================== Footer 底部样式 ===================== */
.footer {
    background: #333;
    padding: 30px 0;
    border-top: 1px solid #444;
    color: #999;
    font-size: 14px;
    text-align: center;
    line-height: 1.8;
}

/* 底部导航链接 */
.footer-links {
    margin-bottom: 15px;
}
.footer-links a {
    color: #ccc;
    margin: 0 12px;
    transition: color 0.3s;
    display: inline-block;
}
.footer-links a:hover {
    color: #fff;
    text-decoration: underline;
}

/* 版权信息行 */
.copyright-info {
    margin-bottom: 10px;
    color: #bbb;
}
.copyright-info strong {
    color: #fff;
    font-weight: normal;
}
.beian {
    margin-left: 10px;
}
.beian a {
    color: #bbb;
}
.beian a:hover {
    color: #fff;
    text-decoration: underline;
}

/* 免责声明 */
.copyright-notice {
    max-width: 800px;
    margin: 0 auto;
    font-size: 12px;
    color: #888;
    padding-top: 10px;
    border-top: 1px solid #444;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .footer {
        padding: 20px 0;
    }
    .footer-links a {
        margin: 5px 6px;
        font-size: 13px;
    }
    .copyright-info {
        font-size: 13px;
    }
}