/* 顶部导航栏容器样式 */
.top {
    width: 1320px; /* 固定宽度 */
    margin: 0 auto; /* 水平居中 */
    height: 80px; /* 固定高度 */
    display: flex; /* 弹性布局 */
    background-color: #fff; /* 白色背景 */
    justify-content: space-between; /* 子元素两端对齐 */
}

/* 网站LOGO容器样式 */
.logo {
    width: 360px; /* 固定宽度 */
    height: 50px; /* 固定高度 */
    margin-top: 10px; /* 上边距 */
}

/* LOGO图片样式 */
.logo > img {
    width: 100%; /* 宽度100%填充容器 */
    height: 100%; /* 高度100%填充容器 */
}

/* 主导航菜单容器样式 */
.nav {
    width: 450px; /* 固定宽度 */
    height: 100%; /* 高度继承父元素 */
    display: flex; /* 弹性布局 */
    justify-content: space-between; /* 子元素均匀分布 */
}

/* 导航菜单项样式 */
.nav > div {
    margin-top: 20px; /* 上边距 */
    height: 50px; /* 固定高度 */
    display: flex; /* 弹性布局 */
    justify-content: center; /* 内容水平居中 */
    line-height: 50px; /* 行高等于高度实现垂直居中 */
    cursor: pointer; /* 鼠标指针样式 */
    position: relative; /* 相对定位 */
}

/* 导航菜单项悬停效果 */
.nav > div:hover {
    color: #007db8; /* 文字颜色 */
    border-bottom: 2px solid #007db8; /* 底部边框 */
}

/* 导航菜单链接样式 */
.nav > div > a {
    height: 60px; /* 固定高度 */
}

/* 当前激活的导航菜单项样式 */
.navactive {
    color: #007db8; /* 文字颜色 */
    border-bottom: 2px solid #007db8; /* 底部边框 */
}

/* 联系电话区域样式 */
.phone {
    width: 200px; /* 固定宽度 */
    display: flex; /* 弹性布局 */
    align-items: center; /* 垂直居中 */
    justify-content: space-between; /* 子元素两端对齐 */
    color: #007db8; /* 文字颜色 */
    height: 100%; /* 高度继承父元素 */
    font-weight: 800; /* 字体粗细 */
}

/* 产品子菜单样式（主样式） */
.product_submenu {
    position: fixed; /* 固定定位 */
    top: 80px; /* 距离顶部距离 */
    left: 0; /* 左侧对齐 */
    width: 100%; /* 100%宽度 */
    height: 0; /* 初始高度为0 */
    overflow: hidden; /* 溢出隐藏 */
    background: #ffffff; /* 白色背景 */
    z-index: 999; /* 层级 */
    border-top: 0 solid #ccc; /* 顶部边框 */
    transition: all 0.4s; /* 过渡效果 */
    display: flex; /* 弹性布局 */
    flex-wrap: wrap; /* 允许换行 */
    justify-content: center; /* 内容居中 */
    padding: 0; /* 内边距清零 */
    box-shadow: 0 5px 10px rgba(0,0,0,0.1); /* 阴影效果 */
}

/* 子菜单项样式 */
.product_submenu > div {
    /*color: #000; */
   /* display: flex;*/ /* 弹性布局 
       /*justify-content: space-between;*/
    /* align-items: center; 垂直居中 */
    font-size: 12px; /* 字体大小 */
    width: 100%; /* 自动宽度 */
    min-width: 120px; /* 最小宽度 */
    /*margin: 10px 15px;*/
    white-space: nowrap; /* 不换行 */
}

/* 子菜单链接悬停效果 */
.product_submenu > div:hover a {
    /*color: #007db8; */
}

/* 产品子菜单样式（备用样式） */
.product_submenu1 {
    position: absolute; /* 绝对定位 */
    top: 60px; /* 距离顶部距离 */
    width: 100%; /* 固定宽度 */
    overflow: hidden; /* 溢出隐藏 */
    height: 0px; /* 初始高度为0 */
    background: #ffffff; /* 白色背景 */
    z-index: 99; /* 层级 */
    border-top: 0px solid #ccc; /* 顶部边框 */
    transition: all 0.4s; /* 过渡效果 */
}

/* 备用子菜单项样式 */
.product_submenu1 > div {
    color: #000; /* 文字颜色 */
    display: flex; /* 弹性布局 */
    justify-content: left; /* 内容左对齐 */
    align-content: center; /* 垂直居中 */
    font-size: 12px; /* 字体大小 */
    width: 100%; /* 宽度90% */
    margin: 0 auto; /* 水平居中 */
}

/* 备用子菜单链接悬停效果 */
.product_submenu1 > div:hover a {
    color: #007db8; /* 文字颜色 */
}

/* 导航菜单悬停时子菜单样式 */
.nav > div:hover .product_submenu1 {
    position: fixed; /* 固定定位 */
    top: 0; /* 顶部对齐 */
    left: 0; /* 左侧对齐 */
    width: 100%; /* 100%宽度 */
    height: 100%; /* 100%高度 */
    transition: all 0.4s; /* 过渡效果 */
    border-top: 1px solid #ccc; /* 顶部边框 */
    background: #fff; /* 白色背景 */
    z-index: 999; /* 层级 */
    padding: 0; /* 内边距清零 */
    margin: 0; /* 外边距清零 */
    overflow: auto; /* 允许滚动 */
    height: 1200px; /* 固定高度 */
}

/* 通用div样式 */
div {
    font-size: 14px; /* 基础字体大小 */
}

/* 外部容器样式 */
.outside {
    width: 100%; /* 100%宽度 */
}

/* 包裹容器样式 */
.wrap {
    width: 1320px; /* 固定宽度 */
    margin: 0 auto; /* 水平居中 */
}

/* 二级菜单链接样式 */
.product_submenu .secondaryrou {
    width: 100%; /* 100%宽度 */
    padding: 8px 15px; /* 内边距 */
    display: block; /* 块级元素 */
}
.keywords-tip {
    font-size: 12px;
    color: #999;
    margin-top: 5px;
    line-height: 1.4;
    padding: 0 10px;
}