/*------------------------头部---------------*/


/*
    颜色：#09b5b8;
    宽度：1280px;
*/


/*顶部*/
.wrap{
    background: url(/Sites/Uploaded/UserUpLoad/20221020/20221020171355.png) no-repeat top center;
    }
    .header {
        width: 100%;
        margin: 0 auto;
        height: 100px;
        z-index: 12;
    
        box-sizing: border-box;
    }
    .header .header_top{
        width: 1200px;
        margin: 0 auto;
        padding: 25px 0;
    }
    .header .header_con{
        padding: 0 5%;
        line-height: 80px;
    }
    a.logo img{
     vertical-align: middle;
    }
    
    
    /*搜索样式*/
    
    .search_box {
        margin-top: 4px;
        float: right;
        box-sizing: border-box;
        border: 1px solid #C3C2C2;
        border-radius: 4px;
        background: #fff;
    }
    
    .searchtxt {
        border: none;
        float: left;
        height: 40px;
        padding: 0 10px;
        width: 260px;
        color: #333 !important;
        line-height: 42px;
        background: transparent;
        box-sizing: border-box;
    }
    .searchtxt:focus{
        background: #E8F0FE;
    }
    input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
        background: #E8F0FE;
        -webkit-box-shadow: 0 0 0px 1000px #E8F0FE inset;
    }
    
    .searchbtn {
        background: none;
        width: 40px;
        height: 40px;
        float: left;
        border: none;
        cursor: pointer;
        color: #fff;
        background: url(/Content/Areas/Common/images/search.png) no-repeat center center;
        background-size:14px auto;
    }
    
    .searchbtn:hover {
        opacity: 0.8
    }
    .enter_btn {
    float: right;
    margin-left: 20px;
    margin-top: 5px;
}

.enter_btn a {
    width: 98px;
    height: 40px;
    border-radius: 4px 4px 4px 4px;
    display: inline-block;
    color: #fff;
    line-height: 40px;
    text-align: center;
    margin: 0 5px;
    opacity: 1;
    transition: all 0.2s;
}

.enter_btn a.job_btn {
    background: linear-gradient(180deg, #609DF8 0%, #2779C2 100%);
}

.enter_btn a.empol_btn {
    background: linear-gradient(180deg, #16AB45 0%, #007224 100%);
}
.enter_btn a:hover {
    opacity: 0.8;
    transition: all 0.2s;
}
    @media only screen and (max-width:768px){
        .header{height: auto;position: relative;}
        .header .header_con{line-height: initial;padding: 20px 30px;box-sizing: border-box;}
        .logo{width: auto;/* display: block; *//* float: left; *//* margin-right: 20%; */}
        .logo img{width: 100%;}
        .search_con,.searchtxt{display: none !important;}
        .search_box{margin-right: 0;margin-top: 0;border-radius: 50%;}
        .header .header_top {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
        .enter_btn {
    margin: 0;
}
    }
    @media only screen and (max-width:425px){
        .search_box {
    margin-top: 0px;
}
        .enter_btn a {
    width: 40px;
    border-radius: 50%;
}

.enter_btn a span {
    display: none;
}

.logo img {
}

.header .header_top {
    justify-content: flex-start;
}
.logo {
    width: 40%;
    margin-right: 20px;
}

.enter_btn {
    margin-right: 10px;
}

    }

    @media only screen and (max-width:375px){
        .logo {
    margin-right: 10px;
}
                .searchbtn {
    width: 30px;
    height: 30px;
}
        .enter_btn a {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
    }