body {
    /*background: url(../images/bg.png) no-repeat;*/
    background-size: cover;
    height: 100%;
    width: 100%;
    min-width: 1250px;
    overflow: hidden;
    /*background: #020f2d;*/
}


.s-main-box {
    width: 1100px;
    margin: 100px auto 0px;

}

.s-main-box .sys-content {
    /*height: 90px;*/
    line-height: 90px;
    vertical-align: middle;
    background: url(../images/rectangle.png);
    width: 1090px;
    height: 90px;
    margin: 5px;
}

.s-main-box .sys-content .img {
    text-align: center;
    width: 80px;
    float: left;
}

.content-nav .user {
    font-size: 14px;
    color: black;
    width: 90px;
    float: left;
    overflow: hidden;
    height: 89px;
    line-height: 89px;
}

.content-nav .nav-title {
    color: black;
    width: 75px;
    height: 28px;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    display: inline-block;
    position: relative;
}

.content-nav .nav-title:hover {
    color: #5b8ae4;
}

.content-nav .nav-title:after {
    content: '';
    position: absolute;
    border-left: 1px solid black;
    right: -11px;
    height: 14px;
    top: 6px;
}

.content-nav .nav-title:last-child:after {
    border-left: 0px;
}

.s-main-box .menu-content {
    /*margin-top: 15px;*/
    text-align: center;
}

.list-icon > li {
    /*width: 204px;*/
    margin: 4px;
    display: inline-block;
    padding: 15px;
    float: left;
    background: url(../images/block.png) no-repeat -8px -6px;
    width: 212px;
    height: 160px;
    /*float: left;*/
    /*display: inline-block;*/

}

.list-icon > li:nth-child(5n) {
    margin-right: 0px;
}

.list-icon > li .title-text, .list-icon > li .desc-text {
    display: block;
}

.list-icon > li .title-text {
    margin-top: 10px;
    font-size: 16px;
    color: black;
}

.list-icon > li .desc-text {
    color: darkgray;
    font-size: 12px;
}

.logoDiv {
    position: relative;
    height: 45px;
    background-image: none;
    background-color: #0278C9;
    background-position: left -104px;
    background-repeat: repeat-x;
}

.menlogo {
    height: 45px;
    line-height: 46px;
    width: 1090px;
    /*margin: 0px auto;*/
}

.logoimg {
    height: 33px;
    /*width: 455px;*/
    width: 320px;
}

.version-content {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 70%;
}

/*************************************************************************/

/* 左侧菜单 */
.left-menu{
    width: 250px;
    height: 100%;
    background-color: #324555;
    box-shadow: 0 0 8px rgba(0,0,0,.05);
    position: fixed;
    /*top: 10px;*/
    /*left: 5px;*/
    overflow: hidden
}
.left-menu .icon{display:inline-block; width:22px; height:22px;background:url(../images/bright/home-gray.png) 0 0 no-repeat; vertical-align:middle; margin-right:12px;position:relative; bottom:1px;}
.left-menu .subNav .icon-01{background:url(../images/bright/home-gray.png) 0 0 no-repeat;}
.left-menu .subNav .icon-02{background:url(../images/bright/device-g.png) 0 0 no-repeat;}
.left-menu .subNav .icon-03{background:url(../images/bright/opera-g.png) 0 0 no-repeat;}
.left-menu .subNav .icon-04{background:url(../images/bright/regular-g.png) 0 0 no-repeat;}
.left-menu .subNav .icon-05{background:url(../images/bright/public-g.png) 0 0 no-repeat;}



.left-menu .subNav .icon-11{background:url(../images/bright/home-blue.png) 0 0 no-repeat;}
.left-menu .subNav .icon-12{background:url(../images/bright/device-b.png) 0 0 no-repeat;}
.left-menu .subNav .icon-13{background:url(../images/bright/opera-b.png) 0 0 no-repeat;}
.left-menu .subNav .icon-14{background:url(../images/bright/regular-b.png) 0 0 no-repeat;}
.left-menu .subNav .icon-15{background:url(../images/bright/public-b.png) 0 0 no-repeat;}
.left-menu .subNav{cursor:pointer;font-size:14px;color:#fff;
    background-position:198px center; height:48px; line-height:48px;
    text-align:left; padding-left:20px;transition: 0.3s;overflow: hidden;
    white-space: nowrap;padding-right:26px; margin-bottom:2px;
    font-weight:bold;border-bottom: 1px solid #2a3848;}
.left-menu .subNav img{vertical-align:middle; margin-right:18px; margin-left:0px;}
.left-menu .subNav:hover{color:#e2ecff; background-color:#2a3344;}/* �����ͣ */
.left-menu .subNav.selected{position: relative;background-color:#2a3344; color:#4db2ee;}/* ѡ��� */
.left-menu .subNav.selected:before{
    content: " ";
    width: 4px;
    height: 46px;
    display: inline-block;
    position: absolute;
    left: 1px;
    background: #4db2ee;
    top: 1px;
}
.left-menu .navContent{display: none; padding-bottom:4px;background-color: #2e3c4c;list-style:none;}
.left-menu .navContent li:hover{color:#e2ecff; background-color:#2a3344;}/* �����ͣ */
.left-menu .navContent li.selected{background-color:#2a3344;color:#4db2ee;}/* ѡ��� */
.left-menu .navContent li a{display:inline-block;height:40px;line-height:40px;color:#fff;
    text-align:left;padding:0 14px 0 57px; font-size:14px;text-decoration:none;
    /*background:url(../images/icon_arrow.png) 230px center no-repeat;*/
    transition: 0.3s;}
.left-menu .navContent li a img{margin-right:14px; position:relative; bottom:1px;}
.left-menu .navContent li a:hover,.left-menu .navContent li.selected a{background-color:#2a3344;color:#4db2ee}

.menlogo {
    height: 25px;
    line-height: 46px;
    width: 250px;
    margin-left: 10px;
}
.logoimg {
    height: 20px;
    width: 230px;
}

.menlogo2 {
    height: 180px;
    width: 220px;
    margin-left: 5px;
}
.logoimg2 {
    height: 50px;
    width: 50px;
}

.right-tab{
    float: right;
}

#body-head{
    /*width: 83%;*/
    height: 40px;
    background: #fff;
    /*float: right;*/
}
.body-title{
    font-size: 15px;
    margin: 5px 0 0 20px;
    padding: 5px 0 0 0;
    display: inline-block;
    color: black;
}
.body-title2 {
    float: right;
    margin: 5px 20px 0 20px;
    font-size: 14px;
    color: #3bc0f0;
}
.body-title3 {
    float: right;
    margin: 5px 10px 0 10px;
    font-size: 14px;
    color: #3bc0f0;
}
.setting-div{
    position: absolute;
    display: block;
    float: right;
    background: #fff;
    width: 100px;
    right: 10px;
    top: 45px;
    text-align: center;
}
.setting-div :hover{
    background: #d9dadc;
}
.title{
    display: block;
    height: 30px;
    padding-top: 5px;
}
.logoName{
	font-size:22px;
	color:#fff;
	text-align:center;
	margin-right:40px;
	font-family:'KaiTi';
	color: #fafafa;
	letter-spacing: 0;
	/* text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; */
}


/*************************************************************************/