body {
  margin:0;
  padding:0;
  font-size:0;
  background:none;
}

.header23 {
    min-width: 1200px;
}

.header_bgimg {
    width: 100%;   
    background: url('../png/sz4odl.png') center center no-repeat no-repeat;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-size: 100% 100%;
}

.header23_main {
    max-width: 1200px;
    box-sizing: border-box;
    display: flex;
    height: 238px;
    flex-direction: column;
    margin: 0 auto;
    padding:10px;
    padding-bottom:0;
}

.header23_topinfo {
    display: flex;
    flex-direction:row;
    justify-content:space-between;
    position:relative;
}

    .header23_topinfo a {
        font-size: 14px;
        outline: none;
        text-decoration: none;
        text-decoration-line: none;
        color: #fff;
    }

     .header23_topinfo a:hover {
        font-weight:bold;
    }



.header23_topinfo .header23_bumen {
    cursor: pointer;
}

.header23_topinfo_left {
}


.header23_topinfo_right {
    margin-left: auto;
}

    .header23_topinfo_right span, .header23_topinfo_left span {
        font-size: 14px;
        margin: 0 10px;
        color: #fff;
    }

.header23_mid {
    width: 100%;
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: flex-start;
    align-items:center;
}

.header23_gh, .header23_gh >img{
    width: 463px;
    height: 76px;
    border:none;
}


.header23_topsearch {
    margin-left: auto;
    background: rgba(255, 255, 255, 0.3);
    height: 48px;
    border-radius: 5px;
    display: flex;
    width: 470px;
    box-sizing: border-box;
}

    .header23_topsearch > input {
        padding:0;
        background: none;
        border: none;
        outline: none;
        line-height: 48px;
        font-size:16px
    }
#header23_kewords {
    flex: 1;
    color: #fff;
    margin-left: 15px;
}

    #header23_kewords::-webkit-input-placeholder {
        color: #fff;
    }


    #header23_searchbtn {
        padding-right: 56px;
        background: url(../png/1cueiz.png) no-repeat center left;
    }


.heaer23_nav {
    background-color: #0653ab;
    
    box-shadow: 0 -3px 10px rgb(255,255,255 , 0.6);
    height: 61px;
}

.header23_navmain {
   max-width:1200px;
   margin:0 auto;
   height:100%;
   display:flex;
   align-items:center;
   justify-content:space-around;
}

    .header23_navmain > a {
        flex: 1;
        height: 100%;
        color: #fff;
        font-size: 24px;
        outline: none;
        text-decoration: none;
        text-decoration-line: none;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color 0.5s linear;
        font-weight:bold;
    }

    .header23_navmain .cur, .header23_navmain a:hover {
        background: #346ec6;
        transition: background-color 0.2s linear;
    }




.header23_bumen_content {
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    flex-direction: column;
    padding: 10px 20px 10px 30px;
    box-sizing: border-box;
    background: rgba(18, 93, 178, 0.6);
    position: absolute;
    top: 35px;
    left:0;
    display:none;
    z-index: 99;
}



    .header23_bumen_content ul {
        display: flex;
        flex-flow: row wrap;
        margin: 0;
        padding: 10px 0;
    }

        .header23_bumen_content ul li {
            width: 20%;
            overflow: hidden;
            display: flex;
            height: 30px;
        }

            .header23_bumen_content ul li a {
                font-size: 14px;
                color: #fff;
                outline: none;
                text-decoration: none;
                text-decoration-line: none;
                background: url(../png/oiz615.png) no-repeat no-repeat left center;
                height: 100%;
                padding-left: 20px;
                box-sizing: border-box;
                flex: 1;
                transition: all 0.3s;
            }

                .header23_bumen_content ul li a:hover {
                    font-size: 16px;
                    font-weight: bold;
                    transition: all 0.3s;
                }

    .header23_bumen_content .header23_bumen_line {
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
    }



.header23_bumen_content .header23_bumen_tit {
    font-size:16px;
    font-weight:bold;
    color:#fff;
    height:30px;
    margin-top:10px;
}



.header23_close {
    position: absolute;
    top: 14px;
    right: 20px;
    cursor: pointer;

}



















@media screen and (max-width: 768px) {

    .header23 {
        margin-bottom: 20px;
        min-width: inherit;
    }

    .header23_main {
        width: 100%;
        padding: 2vw;
        height: auto;
        padding-bottom: 5vw;
    }

    .header_bgimg {
        background: #0653ab;
    }

    .header23_topinfo a {
        font-size: 3vw;
    }

    .header23_mobile_hide {
        display: none;
    }

    .header23_topinfo_left span, .header23_topinfo_right span {
       display:none;
    }

    #top_znjqr, #ST_translate {
        display: none;
    }

    .header23_topinfo a {
       padding:1vw;    
    }

    .header23_mid {
        flex-direction: column;
        justify-content:center;
    }


    .header23_topsearch {
        margin: auto;
        height: 7vw;
        border-radius: 1vw;
        display: flex;
        width: 76vw;
    }

    .header23_gh {
        margin: 10vw auto 5vw auto;
    }
    .header23_gh, .header23_gh > img {
        width: 65vw;
        height: 11vw;
        
    }

    #header23_kewords {
        margin-left: 2vw;
    }

    .header23_topsearch > input {
        line-height: 9vw;
        font-size: 3.5vw;
    }

    #header23_searchbtn {
        padding-right: 6vw;
        background-size:85% 90%;
    }


    .heaer23_nav {
        box-shadow:none;
        height: auto;
    }

    .header23_navmain {
       height:inherit;
    }

    .header23_navmain > a {
        font-size: 4vw;
        width: 33.3%;
        flex: inherit;
        height: 10vw;
    }

    .header23_navmain {
       flex-wrap:wrap;
    }

        .header23_navmain .cur, .header23_navmain a:hover {
            background:none;
        }

    .header23_bumen_content {
        padding: 2vw;
        top: 7vw;
        left: 0;
        background: rgba(18, 93, 178, 0.9);
    }

        .header23_bumen_content .header23_bumen_tit {
            font-size: 3.5vw;
            font-weight: bold;
            color: #fff;
            height: 4vw;
            margin-top: 1.5vw;
        }

        .header23_bumen_content ul li a {
            font-size: 3vw;
            padding-left: 3vw;
        }

        .header23_bumen_content ul li {
            width: 33.3%;
            height: 8vw;
            background-size: 1.2vw;
        }

}










body.useOldFixed .header23 {
    margin-bottom: 30px;
}

body.useOldFixed .header23_mobile_hide {
    display: none;
}

body.useOldFixed #top_znjqr {
    display: none;
}

body.useOldFixed .header23_main {
    min-width:1200px;
    max-width:inherit;
    padding:5px 30px;
    height: auto;
}

body.useOldFixed .header23_topinfo a {
    margin: 0 10px !important;
}

body.useOldFixed .header_bgimg {
    background: #0653ab;
}

body.useOldFixed .header23_topinfo_left span, body.useOldFixed .header23_topinfo_right span {
    display: none;
}

body.useOldFixed .header23_mid {
    flex-direction: column;
    justify-content: center;
}

body.useOldFixed .header23_topsearch {
    margin: auto;
    display: flex;
    margin-bottom: 50px;

}

    body.useOldFixed .header23_topsearch:not(.skipAutoFix) {
       width:76% !important;
    }

    body.useOldFixed .header23_gh {
        margin: 50px auto;
    }

    body.useOldFixed .header23_gh, body.useOldFixed .header23_gh > img {
        width: 50vw !important;
        height: 8vw !important;
    }




body.useOldFixed .heaer23_nav {
    height: auto;
}


body.useOldFixed .header23_navmain {
    max-width: inherit !important;
    flex-wrap: wrap;
    height: inherit;
}

    body.useOldFixed .header23_navmain > a {
        width: 33.3% !important;
        flex: inherit;
        line-height: 100px !important;
        min-height: 100px !important;
        font-weight: 700 !important;
        font-size:38px!important;
    }


        body.useOldFixed .header23_navmain > a > span {
            font-size: 38px !important;
            font-weight:700 !important;
                
        }