/* header */
.header {
    width: 100%;
    min-height: 372px;
    background: url(../images/public/headerbg.png;vpn_img) no-repeat;
    background-size: 100%;
    position: relative;
}

/* 新春背景替换 */
/* .header {
    min-height: 400px;
    background: url(https://libvpn.swfu.edu.cn/vpn/89/http/P75YPLUMNFYHV4DJF3UX87SPMNYA/linzhi/xhtml/images/year_headbg.png;vpn_img) no-repeat;
    background-size: 100% 100%;
} */
/* 新春背景替换 */


.h-top {
    padding-top: 12px;
    overflow: auto;
}
.weather {
    float: left;
    color: #fff;
}
.shoucang {
    float: right;
    color: #fff;
}
.shoucang a {
    color: #fff;
}
.shoucang li {
    float: left;
}
.h-middle {
    padding-top: 45px;
    /* overflow: auto; */
}
.h-middle > a {
    float: left;
    width: 375px; 
 }
.search-box{
    float: right;
    position: relative;
    margin-top: 15px; 
}
.search-box input {
    width: 535px;
    height: 58px;
    border: 5px solid #a6c7e8;
    border-radius: 30px;
    outline: 0;
    padding: 0 60px 0 20px;
}
.search-box span {
    width: 32px;
    height: 32px;
    background: url(../images/public/sprite.png;vpn_img) no-repeat 0 0;
    position: absolute;
    right: 20px;
    top: 13px;
    cursor: pointer;
}
.search-box a{
    width: 220px;
    position:absolute;
    bottom: -60px;
    right: 50px;
}
.navbar-box {
    position: absolute;
    bottom: 0;
    height: 60px;
    width: 100%;
    background: #b0101c;
}
.navbar {
    width: 1290px;
    height: 80px;
    padding: 0 45px;
    margin: 0 auto;
    overflow: auto;
    background: #c2121f;
    margin-top: -34px;
border:0;
}
.navbar li {
    float: left;
    text-align: center;
    width: 200px;
    height: 100%;
    padding: 12px 0;
}
.navbar a {
    color: #fff;
    font-size: 22px;
    height: 56px;
    display: block;
    border-right: 1px solid #da7179;
}
.navbar .zjlx a {
    border-right: 0;
}
.navbar span {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    background: url(../images/public/sprite.png;vpn_img) no-repeat;
}
.navbar .zjlx span {
    width: 44px;
}
.navbar .shouye span {
    background-position: 0 -86px;
}
.navbar .xwzx span {
    background-position: 0 -135px;
}
.navbar .zwgk span {
    background-position: 0 -200px;
}
.navbar .bsfw span {
    background-position: 0 -252px;
}
.navbar .zmhd span {
    background-position: 0 -311px;
}
.navbar .zjlx span {
    background-position: 0 -371px;
}
.shadow {
    width: 1200px;
    height: 14px;
    margin: 0 auto;
    position: relative;
    background: #fff;
}
.shadow img {
    position: absolute;
    bottom: 0;
}
.shadow img:first-child {
    left: -45px;
}
.shadow img:last-child {
    right: -45px;
}
.h-top > div:first-child {
    float: left;
}
.h-top > div:first-child > span {
    color: #fff;
    margin-right: 30px;
}
@media screen and (max-width: 768px) {
    /* header */
    .header {
        min-height: 320px;
        background: url(../images/public/headerbg.png;vpn_img) no-repeat center center;
        background-size: 100% 100%;
    }
    .container {
        padding: 0 10px;
        width: 100%;
    }
    .h-top {
        display: none;
    }
    .h-middle {
        padding-top: 15px;
    }
    .h-middle > a,
    .search-box {
        float: none;
    }
    .h-middle > a {
        display: block;
        width: 70%;
        margin: 0 auto;
    }
    .h-middle > a img {
        width: 100%;
    }
    .search-box input {
        width: 100%;
        height: 50px;
    }
    .search-box span {
        top: 9px;
    }
    .navbar-box {
        height: auto;
    }
    .navbar {
        width: 100%;
        height: auto;
        padding: 0;
    }
    .navbar li {
        width: 33.3333%;
        border-right: 0;
    }
    .navbar .zwgk a {
        border-right: 0;
    }
    .navbar a {
        font-size: 20px;
    }
    .shadow {
        display: none;
    }
}