@media (min-width: 1000px){

    #header .header-nav>ul>li {
        /* position: relative; */
        float: left;
        max-width: 240px;
    }
    
    #header .header-nav>ul>li>a,#header .header-nav>ul>li>span {
        position: relative;
        display: flex;
        padding: 0 20px;
        line-height: 22px;
        justify-content: center;
        flex-direction: column;
        border-right: 1px solid #eee;
        cursor: pointer;
        height: 60px;
    
    }
    .sys-lang-en #header .header-nav>ul>li>a,.sys-lang-en #header .header-nav>ul>li>span{
        padding: 0 15px;
    
    }
    #header .header-nav>ul>li>a::after,#header .header-nav>ul>li>span::after{
        content:'';
        width:100%;
        height:5px;
        position: absolute;
        top:58px;
        left: 0;
        z-index: 1000;
    
    }
    
    #header .header-nav>ul>li:hover,#header .header-nav>ul>li:hover>a {
        background: #004898;
        color: #fff;
        transition: .5s
    }
    #header .header-nav>ul>li:hover::after{
        content:'';
        width: 100%;
        height: 3px;
        position: absolute;
        top:58px;
        left:0;
        
    }
    #header .header-nav>ul>li:hover .header_main_nav_box,
    #header .header-nav>ul>li.active .header_main_nav_box{
        /* display: block; */
        max-height: 2000px;
        /* transition: 2s; */
        z-index: 2000;
    }
    #header .header-nav>ul>li:hover .header_main_nav_box:before{
        content:'';
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 8px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0) 100%);
    }
    
    .header_main_nav_box{
        /* display: none; */
        z-index: 2000;
        position: absolute;
        top:59px;
        left:0;
        right:0;
        width: 100%;
        background: #fff;
        border-top: 1px solid #eee;
        box-shadow:0 2px 10px -4px #ccc;
        max-height: 0;
        overflow: hidden;
        z-index: 1;
        
    }
    .header_main_nav_box.level-2.show{
        /* display: block; */
        /* opacity: 1; */
       
    }
    .header_main_nav_box_container{
        position: relative;
        z-index: 20;
        display: flex;
        flex-direction: row;
        max-width: 1375px;
        margin: 0 auto;
        min-height: 300px;
    }
    .header_main_nav_box_container .sub-nav-box{
        padding-top:30px;
        width: 200px;
        background: #004898;
        
    }
    .header_main_nav_box_container .sub-nav-box>ul>li>span{
        display: block;
        border-bottom: 1px solid #337CBD;
        text-align: center;
        line-height: 22px;
        padding: 14px 0;
        color: #fff;
    }
    .header_main_nav_box_container .sub-nav-box>ul>li:hover>span{
        border-bottom-color:#fff ;
    }
    .header_main_nav_box_container .sub-nav-box>ul>li.active>span{
        background: #fff;
        color:#333;
        cursor: pointer;
        transition: .5s
    }
    .header_main_nav_box_container .sub-nav-list{
        flex-grow: 1;
        max-height: 2000px;
        height:500px;
        transition: 2s
    }
    .sub-nav-list-container.level-3{
        position: absolute;
        top:0;
        right:0;
        left:200px;
        display: none;
        padding: 15px;
    }
    .sub-nav-list-container.level-3 a:hover{
        color: #004898;
    }
    .nav_child_level_2.active .sub-nav-list-container{
        display: block;
    }
    .nav_child_level_3:hover .level-3,
    .nav_child_level_3.active .level-3
    {
        display: block;
        padding: 15px 30px;
        z-index: 2000;
    }
    .sub-nav-list-container.level-3.active{
        display: flex;
        flex-wrap: wrap;
        padding: 10px 40px 30px;
    }


    /*定制化菜单*/
     /* 下属单位*/
        #sublist_10{
        	padding-top:5px;
        }
        
        #sublist_10 .header_nav_level_3>ul{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
    
        }
        #sublist_10 .header_nav_level_3>ul>li{
            min-width: 250px;
            margin-right: 2%;
            margin-bottom: 20px;
        }
        #sublist_10 .header_nav_level_3>ul>li>a{
            display: block;
            margin-bottom: 10px;
            padding: 10px 0;
            border-bottom: 1px solid #F2F2F2;
            font-size: 16px;
            line-height: 20px;
            color: #004898;
        }
        #sublist_10 .header_nav_level_3 .header_nav_level_4>ul{
    
        }
        #sublist_10 .header_nav_level_3 .header_nav_level_4>ul>li{
            padding: 5px 0;
            line-height: 20px;
        }
        #sublist_10 .header_nav_level_3 .header_nav_level_4>ul>li>a{
            display: block;
            padding-left: 5px;
            color: #666666;
            line-height: 20px;
            letter-spacing: 0.5px;
        }
    
    /* 学历教育 */
    #sublist_438{
        padding-top: 30px;
    }
    #sublist_438 .header_nav_level_art>ul{        display: flex;        flex-direction: row;    }
    #sublist_438 .header_nav_level_art>ul>li{margin-right: 0 5px 5px 0;text-align: center;}
    #sublist_438 .header_nav_level_art>ul>li>a{display: block; min-width: 160px; padding: 5px; color: #004898; line-height:24px;
        padding-top:80px;        background-repeat: no-repeat;
        background-position: center 10px;
    }
    #sublist_438 .art_id_Dalian-Neuedu a{
        background-image: url('/assets/images/navIcon/icon_437.png');
    }
    #sublist_438 .art_id_Chengdu-Neusoft-College a{
        background-image: url('/assets/images/navIcon/icon_439.png');
    }
    #sublist_438 .art_id_guangdong-neusoft-college a{
        background-image: url('/assets/images/navIcon/icon_440.png');
    }
    #sublist_438 .header_nav_level_art>ul>li>a:hover{background-color: #EFF0F2;}
    #sublist_438 .header_nav_level_art>ul>li>a::before{content:''}

    /* #sublist_442 .header_nav_level_art,
    #sublist_443 .header_nav_level_art,
    #sublist_430 .header_nav_level_art,
    #nav_446_child .nav_child_level_3 .sub-nav-list-container .header_nav_level_3{padding-top: 24px;} */
    .header_nav_channel_enter{
        padding-top: 24px;
    }

   

    #sublist_88.sub-nav-list-container,
    #sublist_445.sub-nav-list-container{
        position: static;
        top: unset;
        right:unset;
        bottom:unset;
        left:unset;
        padding: 0;

    }
    #sublist_88 .header_nav_level_3>ul,
    #sublist_445 .header_nav_level_3>ul{background: #fff;}
    #sublist_88 .header_nav_level_3>ul>li>a,
    #sublist_445 .header_nav_level_3>ul>li>a
    {display: block;  padding: 10px 0 10px 50px; font-size: 14px; color: #004898;}
    #sublist_88 .header_nav_level_3>ul>li>a:hover,
    #sublist_445 .header_nav_level_3>ul>li>a:hover
    {background: #004898; color: #fff;}
    .header-left-container-styleA .header-main-container-styleA{
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        left: 200px;
        width: 1100px;
        padding: 15px 15px 15px 30px;
    }
    .header-left-container-styleA:hover .header-main-container-styleA,.header-left-container-styleA.active .header-main-container-styleA{
        display: block;
    }
    /* #sublist_445 .header_nav_level_4>ul>li>a{
        display: block;  padding: 10px 0 10px 60px; font-size: 14px; color: #004898;

    } */
    /* #sublist_445 .header_nav_level_4>ul>li>a::before{
        content: "•";
        font-weight: bold;
        margin-right: 5px ;
    } */
    .header-main-container-styleA>ul{ }
    .header-main-container-styleA>ul{
        display: flex;
        flex-direction: row;
    }
    .header-main-container-styleA>ul>li{
        flex-grow: 1;
        margin-right: 10px;
    }
    .header-left-container-styleA .header-main-container-tab{
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        left: 200px;
        width: 1100px;
        padding: 15px 15px 15px 30px;
    }
    .header-left-container-styleA:hover .header-main-container-tab,
    .header-left-container-styleA.active .header-main-container-tab{
        display: block;
    }
    .header-left-container-styleA .header-main-container-tab .header-main-container-styleA{
        display: none;
        top:45px;
        left: 0;
        padding-top: 25px;
        height: 600px;
    }
    .header-left-container-styleA .header-main-container-tab>ul>li:hover .header-main-container-styleA,
    .header-left-container-styleA .header-main-container-tab>ul>li.active .header-main-container-styleA{
        display: block;
    }
    .header-main-container-tab>ul{
        display: flex;
        flex-direction: row;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
    .header-main-container-tab>ul>li>a{
        position: relative;
        display: block;
        padding: 10px 15px;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    .header-main-container-tab>ul>li:hover>a,.header-main-container-tab>ul>li.active>a{
        font-weight: bold;
        color: #004898;
    }
    .header-main-container-tab>ul>li.active>a::after{
        position: absolute;
        bottom: -1px;
        left: 0;
        content: '';
        display: block;
        width: 100%;
        height: 3px;
        background: #fff;
    }









    #sublist_88 .header-main-container-styleA>ul{
        display: block;
        flex-direction: unset;
    }
    #sublist_88 .header-main-container-styleA>ul>li{float: left; width: 33%; margin-right: 2%;}
    .header-main-container-styleA>ul>li>a{
        display: block;
        margin-bottom: 10px;
        padding: 10px 0;
        border-bottom: 1px solid #F2F2F2;
        font-size: 16px;
        line-height: 20px;
        color: #004898;
    }
    #sublist_88 .header-main-container-styleA>ul>li:nth-child(1){ width: 100%; margin-right: 0;}
    #sublist_88 .header-main-container-styleA>ul>li:nth-child(1) .header_nav_level_5>ul{
        display: flex;
        flex-direction: row;
    }
    #sublist_88 .header-main-container-styleA>ul>li:nth-child(1) .header_nav_level_5>ul>li{
        width: 25%;
    }
    #nav_child_183 .header-main-container-styleA .nav_child_level_5{
        width: 31%;
    }
    /* #sublist_88 .nav_child_level_4 .header_nav_level_5>ul>li>a{
        display: block;
        line-height: 20px;
        padding: 5px 0;
    } */
    .header_nav_level_art{
        margin-bottom: 20px;
    }
    .header_nav_level_art>ul>li
    {
        padding: 5px 0;
        line-height: 20px;
    }
    .header_nav_level_art>ul>li>a
    {
        display: block;
        padding-left: 5px;
        color: #666666;
        line-height: 20px;
        letter-spacing: 0.5px; 
    }
    .header_nav_channel_enter>ul>li>a{
        display: block; margin-bottom: 15px; line-height:24px; font-size: 16px; color:#005BAC
    }
    .header_nav_level_art>ul>li>a::before
    {
        content: "•";
        font-weight: bold;
        margin-right: 5px ;
    }
    .header_nav_channel_enter>ul>li>a::before
    {
        content: "";
        font-weight: bold;
        margin-right: 5px ;
    }











}

@media (max-width: 1000px){
    #header{
        position: relative;
        height: 60px;
    }
    
    #header .header-logo a{
        display: block;
        padding:18px 0;
    }
    #header:after{
        content: '';
        position: absolute;
        bottom:-8px;
        left: 0;
        width: 100%;
        height: 8px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0) 100%);
        z-index: 1000;
    }
    .header-logo{
        float: left;
        margin-left: 20px;
    }
    .m-nav-toggle{ display: block;    width: 60px;   height: 60px; overflow: hidden; padding: 22px 0 0 20px;  box-sizing: border-box;  }
    .m-nav-toggle .icon-bars{ display: block;  width: 22px; height: 2px; margin-bottom: 5px; background: #333; }
    .m-nav-toggle.nav-open{ position: relative;padding-top: 29px;}
    .m-nav-toggle.nav-open .icon-bars{ position: absolute;}
    .m-nav-toggle.nav-open .icon-bars:nth-child(1){transform: rotate(45deg);}
    .m-nav-toggle.nav-open .icon-bars:nth-child(2){display: none;}
    .m-nav-toggle.nav-open .icon-bars:nth-child(3){transform: rotate(-45deg);}
    .header-menu{ float: right;}
    .header-menu .lanselect{float: left;  position: relative; width: 60px; }
    .header-menu .search-bar{float: left;    }
    .header-search{
        top:60px;
        left:0;
        right: 0;
    }

    .header-nav{
        position: absolute;
        top:60px;
        left:0;
        width: 0;
        color: #fff;
        background: #333;
        z-index: 10000;
        overflow: hidden;
        /* transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; */
        transform: translateX(100%);
    }
    .header-nav.active{
        transform: translateX(0);
        width: 100%;
        overflow: unset;
    }
    .header-nav ul li{position: relative; max-height: 50px; line-height: 50px; overflow: hidden; transition: .5s;    }
    .header-nav ul li.active{max-height:unset; overflow: unset;}
    .header-nav ul li>a,.header-nav ul li>span{ display: block;padding-left: 20px; font-size: 14px; color: #fff;    }
    .header-nav ul li>a>img{display: none;}
    .header-nav .icon-has{display:none;}
    .header-nav .icon-has{ position: absolute; top:0; right:0;
 width: 50px; height:50px; font-size: 30px; text-align: center; z-index: 1000; transition-duration: .2s;    }
    .icon-has::before,.icon-has::after{ content:''; position: absolute; top:25px; right:15px; width: 16px; height:1px; background: #fff;
 font-size: 30px; text-align: center; /* transform: rotate(45deg); */
    }
    .icon-has::after{ transform: rotate(90deg);    }
    .header-nav .active>.icon-has{ transform: rotate(-405deg);}
    .header-nav ul li.has-child::after{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        background: #2E2E2E;
        font-size: 30px;
        text-align: center;
        z-index: 999;
    }
    .header-nav ul li.has-child>.icon-has{display: block;}
    .header-nav>ul>li{ position: relative; background: #333; border-bottom: 1px solid #3F3F3F;    }
    .header-nav>ul>li li:last-child{border-bottom: none;}
    .header-nav>ul>li .nav_child_level_2{background: #444; border-bottom: 1px solid #4F4F4F; }
    .header-nav>ul>li .nav_child_level_2.has-child::after{background: #3E3E3E;}
    .header-nav>ul>li .nav_child_level_3{background: #555; border-bottom: 1px solid #5F5F5F; }
    .header-nav>ul>li .nav_child_level_3.has-child::after{background: #4E4E4E;}
    .header-nav>ul>li .nav_child_level_4{background: #666; border-bottom: 1px solid #6F6F6F; }
    .header-nav>ul>li .nav_child_level_4.has-child::after{background: #5E5E5E;}
    .header-nav>ul>li .nav_child_level_5{background: #777; border-bottom: 1px solid #7F7F7F; }
    .header-nav>ul>li .nav_child_level_5.has-child::after{background: #6E6E6E;}
    .header-nav>ul>li .nav_child_level_6{background: #888; border-bottom: 1px solid #8F8F8F; }
    .header-nav>ul>li .nav_child_level_6.has-child::after{background: #7E7E7E;}
    .header-nav>ul>li .header_nav_level_art ul li{background: #999; border-bottom: 1px solid #9F9F9F; }
    .header-nav>ul>li .header_nav_level_art ul li:last-child{border-bottom: none;}

	
    .header-nav>ul>li.lanselect{display: none;}
}