.head {
    width: 100%;
    /* height: 270px; */
    background: #CDE7F2;
    background-size: cover;
}

.head-top {
    margin: auto;
    height: 50px;
    line-height: 50px;
}
.head-top-left{
    width: 50%;
    float: left;
}
.head-top-right{
    display: flex;
    align-items: center;
    justify-content: space-between;
    float: right;
    list-style: none;
}
.head-top-right li{
    float: left;
    margin: 0 11px;
}
.head-top a,
.head-top span {
    display: inline-block;
    margin-left: 10px;
    color: #0F7BD2;
    font-size: 14px;
}
.head_bg{
    width: 100%;
    background: url(head_bg.png);
    background-size: 100% 100%;
}
.head-cen {
    width: 1200px;
    height: 220px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
}
.head-cen::before,.head-cen::after{
    content: normal;
}

.head-logo a{
    display: flex;
    align-items: center;
}
.head-logo img:first-of-type{
    margin: 0 15px;
}
.head-ser {
    width: 300px;
    height: 40px;
}

.head-ser input {
    width: 240px;
    height: 40px;
    text-indent: 2em;
    outline: none;
    border: 1px solid #076fbe;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    float: left;
    font-size: 16px;
}

.head-ser button {
    width: 46px;
    height: 40px;
    border: none;
    outline: none;
    background: url(xy_zjj_sousuo.png) center center no-repeat #076fbe;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    float: left;
    cursor: pointer;
}