/* aeijm头部底部样式 */
/* 页面布局 - Sticky Footer */
html { height: 100%; }
body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

/* 顶部导航 */
.aeijm-topnav {
    width: 100%;
    background: #222;
    border-bottom: 1px solid #333;
    flex-shrink: 0;
}
.aeijm-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    flex-shrink: 0;
}
.aeijm-tnlt {
    line-height: 35px;
    font-size: 14px;
    color: #aaa;
}

/* 主导航区域 - 全屏背景+蓝色遮罩 */
.aeijm-mainav {
    width: 100%;
    height: 100px;
    background: linear-gradient(rgba(41, 132, 222, 0.5), rgba(41, 132, 222, 0.5)),
                url(../images/header-bg.png) no-repeat center center;
    background-size: cover;
    border-bottom: 2px solid #333;
    flex-shrink: 0;
}
/* 导航内容 */
.aeijm-navbox {
    position: relative;
    z-index: 2;
    width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.aeijm-mlogo { display: flex; align-items: center; }
.aeijm-mlogo a { display: block; }
.aeijm-mlogo img { height: 60px; }
.aeijm-topmenu { display: flex; align-items: center; }
.aeijm-bar { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; }
.aeijm-bar li { position: relative; }
.aeijm-bar li a {
    display: flex;
    align-items: center;
    padding: 0 20px;
    line-height: 100px;
    color: #333;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s;
}
.aeijm-bar li a:hover { color: #ff4939; }
.aeijm-bar li .dot { display: none; }
.aeijm-bar li:hover a { color: #ff4939; }
.aeijm-icon-navicon { display: none; font-size: 24px; color: #333; cursor: pointer; }

/* 子菜单下拉 */
.aeijm-bar li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    z-index: 1000;
}
.aeijm-bar li:hover > ul { display: block; }

/* 导航栏滚动固定 */
.aeijm-navbox { transition: all 0.3s ease; }
.aeijm-navbox.headfix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    z-index: 9999;
}
.aeijm-navbox.headfix .aeijm-mlogo img { height: 40px; }
.aeijm-navbox.headfix .aeijm-bar li a { line-height: 50px; }

/* 主内容区 */
.aeijm-wrap { flex: 1; }

/* footer */
.aeijm-footerbar { width: 100%; background: #333; padding: 20px 0; text-align: center; flex-shrink: 0; }
.aeijm-footerbar p { margin: 5px 0; color: #999; font-size: 14px; }
.aeijm-footerbar a { color: #999; }
.aeijm-footerbar a:hover { color: #ff4939; }

/* backtop */
.aeijm-backtop { position: fixed; right: 20px; bottom: 20px; width: 50px; height: 50px; background: #ff4939; border-radius: 50%; text-align: center; line-height: 50px; color: #333; cursor: pointer; z-index: 9999; display: block; }
.aeijm-backtop:hover { background: #e63939; color: #333; }

/* 响应式 */
@media (max-width: 1024px) {
    .aeijm-navbox { width: 96%; }
}
@media (max-width: 768px) {
    .aeijm-navbox { width: 100%; flex-wrap: wrap; }
    .aeijm-mlogo img { height: 45px; }
    .aeijm-topmenu { display: none; width: 100%; flex-direction: column; }
    .aeijm-topmenu.aeijm-open { display: flex; }
    .aeijm-bar { flex-direction: column; width: 100%; }
    .aeijm-bar li { width: 100%; border-bottom: 1px solid #eee; }
    .aeijm-bar li a { padding: 15px; line-height: 1.5; }
    .aeijm-icon-navicon { display: block; }
}