.nav-wrapper {
        position: relative;}

    .nav-container {
        background: #005aa0;}

    .nav {
        width: 1360px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        background: #005aa0;
        color: #ffffff;
        padding: 0;
        position: relative;}

    .nav-item {
        padding: 15px 20px;
        position: relative;
        font-size: 18px;
        flex: 1;
        text-align: center;}

    .nav-item a {
        color: #ffffff;
        text-decoration: none;}

    .submenu-wrapper {
        background: #e5edf5;}

    .submenu-container {
        width: 1360px;
        margin: 0 auto;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.5s ease;
        position: relative;}

    .submenu {
        display: flex;
        padding: 20px 0;
        justify-content: space-between;
        width: 100%;}

    .submenu-column {
        width: 9%;
        padding: 0 2px;
        box-sizing: border-box;
        text-align: center;}

    .submenu-column ul {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;}

    .submenu-column li {
        margin-bottom: 8px;
        text-align: center;}

    .submenu-column a {
        text-decoration: none;
        color: #4c4c4c;
        font-size: 16px;}

    .submenu-column a:hover {
        color: #007BFF;}

    .submenu-container.active {
        max-height: 600px;}

    .submenu-container.active + .content {
        margin-top: 200px;}

    .motto-background {
        position: relative;
        width: 100%;
        height: 300px;
        background-color: #f5f5f5;
        overflow: hidden;}

    .submenu-column .motto-text {
        box-sizing: border-box;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        writing-mode: vertical-rl;
        text-orientation: upright;
        font-size: 20px;
        color: #c9d4df;
        font-weight: bold;
        letter-spacing: 15px;
        white-space: nowrap;
        font-family: "楷体", "楷体_GB2312", "STKaiti", serif;
        line-height: 1.5;
        margin: 0 auto;
        width:100%;}
    .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;}