body {
    margin: 0;
    font-family: 'Microsoft YaHei';
    background-color: #E9EAEE;
}

.indexTop {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 95px;
    display: table;
    width: 100%;
    background: #3555b3 url(images/top-bg.jpg) no-repeat left top;
    border-bottom: solid 1px #1C6A98;
    z-index: 99999;
    box-shadow: 0 2px 2px 0px rgba(0,0,0,.35);
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.indexTop-left, .indexTop-right {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn .caret {
    margin-top: 0 !important;
}

.indexTop-left {
    width: 520px;
    height: 95px;
    line-height: 95px;
    padding-left: 20px;
}

    .indexTop-left > span, .indexTop-left > span:focus {
        font-size: 23px;
        color: #fff;
        vertical-align: middle;
        cursor: pointer;
    }

.indexTop-right {
    text-align: right;
}

.index-user {
    float: left;
    margin-right: 10px;
    margin-top: 29px;
    display: inline-block;
    position: relative;
}

.top-nav-right {
    padding-top: 29px !important;
}

.index-user-img {
    position: absolute;
    left: -20px;
    top: -6px;
    width: 40px;
    height: 40px;
    background: url(images/top-icon-user.png) no-repeat center center;
    z-index: 10;
}

.index-user-select > button {
    padding: 5px 15px 5px 30px;
    background: #2D3C8A !important;
    color: #fff !important;
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    border-color: #273270 !important;
    outline: none;
}

    .index-user-select > button:hover, .index-user-select > button:focus {
        background: #2D3C8A !important;
        color: #fff !important;
        outline: none;
    }

.dropdown-menu-s {
    left: 11px;
    min-width: 116px;
    background-color: #2D3C8A;
}

    .dropdown-menu-s > li > a {
        color: #fff !important;
        font-size: 15px;
        text-align: left;
        padding: 5px 0 5px 8px !important;
        cursor: pointer;
    }

        .dropdown-menu-s > li > a:hover {
            color: #fff !important;
            text-decoration: none;
            background-color: #4555A5 !important;
            cursor: pointer;
        }

.indexTop-menu {
    float: right;
    display: inline-block;
    vertical-align: middle;
    padding-right: 6px;
    margin-right: 10px;
}

    .indexTop-menu > ul {
        padding: 0;
        margin: 0;
    }

        .indexTop-menu > ul > li {
            float: left;
            width: 85px;
            height: 74px;
            cursor: pointer;
            padding: 6px 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
            border-radius: 5px;
        }

            .indexTop-menu > ul > li:hover {
                cursor: pointer;
                background: rgba(255,255,255,.2);
            }

.menu-con {
    display: inline-block;
    vertical-align: middle;
}

.menu-img {
    width: 52px;
    height: 52px;
    margin: auto;
    background: url(images/nav-icon-home.png) no-repeat center center;
}

.menutongji-img {
    width: 52px;
    height: 52px;
    margin: auto;
    background: url(images/nav-icon-tongji.png) no-repeat center center;
}

.menugongneg-img {
    width: 52px;
    height: 52px;
    margin: auto;
    background: url(images/nav-icon-gongneng.png) no-repeat center center;
}

.menu-txt {
    text-align: center;
    color: #fff;
    margin-top: 5px;
    font-size: 14px;
}

.menu-img.home {
    background: url(images/nav-icon-home.png) no-repeat center center;
}

.menu-img.on.home {
    background: url(images/nav-icon-home-on.png) no-repeat center center;
}

.menu-img.nav-icon-zonghe {
    background: url(images/nav-icon-zonghe.png) no-repeat center center;
}

.menu-img.on.zonghe {
    background: url(images/nav-icon-zonghe-on.png) no-repeat center center;
}

.menu-img.nav-icon-dibiaoshui {
    background: url(images/nav-icon-dibiaoshui.png) no-repeat center center;
}

.menu-img.on.dibiaoshui {
    background: url(images/nav-icon-dibiaoshui-on.png) no-repeat center center;
}

.menu-img.nav-icon-dixiashui {
    background: url(images/nav-icon-dixiashui.png) no-repeat center center;
}

.menu-img.on.dixiashui {
    background: url(images/nav-icon-dixiashui-on.png) no-repeat center center;
}

.menu-img.nav-icon-yinyongshui {
    background: url(images/nav-icon-yinyongshui.png) no-repeat center center;
}

.menu-img.on.yinyongshui {
    background: url(images/nav-icon-yinyongshui-on.png) no-repeat center center;
}

.menu-img.nav-icon-turang {
    background: url(images/nav-icon-turang.png) no-repeat center center;
}

.menu-img.on.turang {
    background: url(images/nav-icon-turang-on.png) no-repeat center center;
}


.menu-img.nav-icon-quyu {
    background: url(images/nav-icon-quyu.png) no-repeat center center;
}

.menu-img.on.quyu {
    background: url(images/nav-icon-quyu-on.png) no-repeat center center;
}

.menu-img.nav-icon-shuizhan {
    background: url(images/nav-icon-shuizhan.png) no-repeat center center;
}

.menu-img.on.shuizhan {
    background: url(images/nav-icon-shuizhan-on.png) no-repeat center center;
}

.menu-img.nav-icon-yunwei {
    background: url(images/nav-icon-yunwei.png) no-repeat center center;
}

.menu-img.on.yunwei {
    background: url(images/nav-icon-yunwei-on.png) no-repeat center center;
}

.menu-img.nav-icon-yujing {
    background: url(images/nav-icon-yujing.png) no-repeat center center;
}

.menu-img.on.yujing {
    background: url(images/nav-icon-yujing-on.png) no-repeat center center;
}

.menu-img.nav-icon-pingtai {
    background: url(images/nav-icon-pingtai.png) no-repeat center center;
}

.menu-img.on.pingtai {
    background: url(images/nav-icon-pingtai-on.png) no-repeat center center;
}

.top-main-tab > li {
    list-style-type: none;
    float: left;
}

    .top-main-tab > li > a {
        display: inline-block;
        padding: 8px 15px;
        color: #333;
        font-size: 16px;
        text-decoration: none;
        background-color: #F5F3F4;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

        .top-main-tab > li.active > a, .top-main-tab > li > a:hover {
            color: #fff;
            text-decoration: none;
            outline: none;
            cursor: pointer;
            background-color: #5E91ED;
        }



.index-main-content {
    padding: 15px;
}

    .index-main-content .panel-default > .panel-heading {
        background-color: #fff;
    }

    .index-main-content .panel-body {
        background-color: #F8F8F8;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

.panel-heading {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}