/* header */
.header {   
    background: url(../images/icon/headerbg.png) no-repeat;
    background-size: 100%;
}
.nrbg {
    height: 387px;
    position: relative;
    background: url(../images/icon/nrbg.png) no-repeat center bottom;
}
.top {
    height: 33px;
    line-height: 33px;
    background: rgba(0,0,0,.2);
}
.top > .hidd {
    width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.weather {
    color: #fff;
}
.last li {
    float: left;
    color: #fff;
}
.last li a {
    color: #fff;
}
.nrbg > .container {
    position: relative;
    padding-left: 20px;
}
.logo {
    padding-top: 50px;
}
.ana {
    position: absolute;
    right: 20px;
    top: 40px;
    width: 400px;
    height: 160px;
    color: #fff;
    font-size: 18px;
}
.ana p {
    text-indent: 2em;
    line-height: 32px;
}
.ana span {
    float: right;
}
.navbar {
    width: 1200px;
    height: 50px;
    font-size: 22px;
    margin-top: 160px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -600px;
margin-bottom:0;
}
.navbar li {
    float: left;
    width: 14.2857%;
    text-align: center;
}   
.navbar .sy {
    letter-spacing: 8px;
}
.navbar li a {
    color: #015293;
    padding: 0 10px 15px;
    border-bottom: 6px solid transparent;
}
.navbar .dis a,.navbar li:hover a {
    border-bottom-color: #cc0606;
    color: #cc0606;
}
.navbar li span {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: url(../images/icon/sprite.png) no-repeat;
}
.navbar .sy span {
    background-position: -55px 0;
}
.navbar .xwzx span {
    background-position: -55px -46px;
}
.navbar .zwgk span {
    background-position: -55px -93px;
}
.navbar .bsfw span {
    background-position: -55px -138px;
}
.navbar .zmhd span {
    background-position: -55px -189px;
}
.navbar .jgdj span {
    background-position: -55px -246px;
}
.navbar .kpzs span {
    background-position: -55px -290px;
}
.navbar .dis span {
    background-position-x: 0; 
}
@media screen and (max-width: 768px) {
    .top {
        display: none;
    }
    .logo {
        padding: 20px 10px 10px;
    }
    .logo > a {
        width: 100%;

    }
    .nrbg {
        height: 335px;
    }
    .nrbg > .container {
        padding: 0;
    }
    .ana {
        position: static;
        width: 70%;
        margin: 0 auto;
        font-size: 14px;
    }
    .ana p {
        line-height: 24px;
    }
    .header {
        background-size: 100% 100%;
    } 
    .navbar {
        position: static;
        height: auto;
        margin: 0;
        width: 100%;
        height: 80px;
        font-size: 20px;
    }
    .navbar .sy {
        height: 100%;
        width: 11%;
        letter-spacing: normal;
        text-align: center;
    }
    .navbar li a {
        border-bottom: 0;
        padding: 0;
    }
    .navbar li span {
        margin: 0 auto;
        display: block; 
    }
}