.navbar1 {
    background-color: #005aa0;
    padding: 0 20px;}

.nav-list {
    list-style: none;
    display: flex;
    position: relative;
    width: 1360px;
    margin: 0 auto;}

.nav-item {
    flex: 1;
    text-align: center;}

.nav-item {
    position: relative;}

.nav-item > a {
    color: white;
    text-decoration: none;
    padding: 15px 20px;
    display: block;
    transition: all 0.3s ease;
    white-space: nowrap;}

.nav-item > a:hover {
    background-color: #014981;}

/* 下拉菜单样式 */
.dropdown-menu1 {
    position: absolute;
    top: 100%;
    left: 50%; /* 先定位到父元素中间 */
    transform: translateX(-50%) translateY(10px); /* 再向左移动自身宽度的一半 */
    background-color: #005aa0;
    min-width: 100%; /* 宽度与父元素相同 */
    width: max-content; /* 宽度根据内容自动调整，但不小于父元素宽度 */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    list-style: none;
    padding-left: 0;
    text-align: center; /* 二级菜单文本居中 */
    z-index: 9999;}

.dropdown-menu1 li {
    border-bottom: 1px solid #014981;}

.dropdown-menu1 li:last-child {
    border-bottom: none;}

.dropdown-menu1 a {
    padding: 12px 20px;
    display: block;
    text-decoration: none;
    color: #fff;}

.dropdown-menu1 a:hover {
    background-color: #014981;}

/* 鼠标悬停时显示下拉菜单 */
.has-dropdown1:hover .dropdown-menu1 {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);}
    .con-l .menu ul .zi {
        background: url(./images/tag.jpg) no-repeat 25px 24px;
        text-indent: 35px;
        font-size: 14px;}
    
    .con-l .menu ul .on a{
        color: #005aa0;}