@charset "UTF-8"; .indexinfo {
    background: #242e3c;
    position: absolute;
    width: 100%;
    height: 100%;
}

.indexinfo div, .indexinfo ul, .indexinfo li, .indexinfo body, .indexinfo span {
    box-sizing: border-box;
}

.indexinfo .infos-l {
    float: left;
    width: 260px;
    height: 100%;
}

.indexinfo .infos-search {
    height: 58px;
    line-height: 58px;
    vertical-align: middle;
    text-align: center;
}

.indexinfo .infos-search .seach-input {
    width: 236px;
    height: 30px;
    vertical-align: middle;
    border-radius: 15px;
    padding-left: 12px;
    font-size: 14px;
    display: inline-block;
    margin-top: 14px;
    line-height: 30px;
}

.indexinfo .infos-search .seach-icon {
    background-size: 17px 283px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("../../images/com/indexinfor-icons.png");
    position: absolute;
    margin-left: -25px;
    margin-top: 22px;
    background-position: -1px -235px;
}

.indexinfo .infos-ul {
    width: 260px;
}

.indexinfo .infos-li {
    height: 40px;
    width: 260px;
    margin-bottom: 2px;
    padding-left: 60px;
    line-height: 40px;
    font-size: 14px;
    color: #eff2fa;
    position: relative;
}

.indexinfo .infos-li:hover {
    background: #2f374a;
    cursor: pointer;
}

.indexinfo .infos-li.active {
    background: #2575eb;
}

.indexinfo .li-icon {
    background-size: 17px 283px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("../../images/com/indexinfor-icons.png");
    position: absolute;
    left: 30px;
    top: 11px;
    background-position: -1px -0px;
}

.indexinfo .li-arrow {
    background-size: 17px 283px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("../../images/com/indexinfor-icons.png");
    float: right;
    margin-right: 12px;
    margin-top: 15px;
    background-position: 8px -269px;
}

.indexinfo .li-task {
    left: 32px;
    background-position: -1px -19px;
}

.indexinfo .li-person {
    left: 31px;
    background-position: -1px -38px;
}

.indexinfo .li-offen {
    background-position-y: -57px;
}

.indexinfo .li-ensure {
    background-position-y: -76px;
}

.indexinfo .li-train {
    background-position-y: -95px;
}

.indexinfo .li-equip {
    background-position-y: -114px;
}

.indexinfo .li-business {
    background-position-y: -133px;
}

.indexinfo .li-company {
    background-position-y: -152px;
}

.indexinfo .li-secu {
    background-position-y: -171px;
}

.indexinfo .li-system {
    background-position-y: -190px;
}

.indexinfo .li-service {
    background-position-y: -209px;
}

.indexinfo .li-other {
    background-position-y: -226px;
    height: 9px;
    top: 16px;
}
.indexinfo .li-zzgl {
    background-position-y: -287px;

}
.indexinfo .li-sjtj {
    background-position-y: -398px;

}
.indexinfo .li-bagl{
    background-position-y: -359px;
    height:18px;
}
.indexinfo .li-ksgl{
    background-position-y: -339px;
}
.indexinfo .li-xzxk{
    background-position-y: -171px;
}

.indexinfo .li-cjwt {
    background-position-y: -415px;
}


.indexinfo .infos-r {
    margin-left: 260px;
    font-size: 0px;
    padding: 43px 6px 43px 63px;
    background: #eff2fa;
}

.indexinfo .infos-big {
    width: 227px;
    height: 172px;
    background: #ffffff;
    box-shadow: 0 16px 20px 0 rgba(36,46,60,0.10);
    border-radius: 8px;
    display: inline-block;
    margin: 0 16px 24px 0;
    padding-top: 36px;
    vertical-align: top;
}

.indexinfo .infos-big:hover {
    cursor: pointer;
    position: relative;
    top: -16px;
    box-shadow: 0px 16px 31px rgba(36, 46, 60, 0.14);
    border-bottom: 16px solid transparent;
}

.indexinfo .big-icon {
    display: block;
    width: 70px;
    height: 70px;
    margin: 0px auto 15px;
    background: url("../../images/com/indexinfor-iconbigs.png");
    background-position: -4px -4px;
    /*background-size: 374px 744px;*/
}

.indexinfo .icon-title {
    line-height: 1.5;
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #333333;
    text-align: center;
    font-weight: 200;
    width: 80%;
    margin: -5px auto;
}
.indexinfo .icon-title-right {
    line-height: 1;
    font-size: 14px;
    color: #333333;
    text-align: right;
    font-weight: 200;
    margin-right: 5%;
}

.indexinfo .icon-title:after {
    content: '';
    display: none;
    width: 270px;
    height: 16px;
    position: absolute;
    margin-top: 35px;
}

.indexinfo .infos-big:hover .icon-title:after {
    display: block;
}

.indexinfo .big-person {
    background-position-x: -78px;
}

.indexinfo .big-task {
    background-position-x: -152px;
}

.indexinfo .big-service {
    background-position-x: -226px;
}

.indexinfo .big-statistics {
    background-position-x: -300px;
}

.indexinfo .big-pmanger {
    background-position: -4px -78px;
}

.indexinfo .big-taskmanger {
    background-position: -78px -78px;
}

.indexinfo .big-role {
    background-position: -152px -78px;
}

.indexinfo .big-basic {
    background-position: -226px -78px;
}

.indexinfo .big-troops {
    background-position: -300px -78px;
}

.indexinfo .big-urgent {
    background-position: -4px -152px;
}

.indexinfo .big-trainmanger {
    background-position: -78px -152px;
}

.indexinfo .big-primarymanger {
    background-position: -152px -152px;
}

.indexinfo .big-billmanger {
    background-position: -226px -152px;
}

.indexinfo .big-branch {
    background-position: -300px -152px;
}

.indexinfo .big-vehicleman {
    background-position: -4px -226px;
}

.indexinfo .big-gunman {
    background-position: -78px -226px;
}

.indexinfo .big-botherman {
    background-position: -152px -226px;
}

.indexinfo .big-contribution {
    background-position: -226px -226px;
}

.indexinfo .big-managerlevel {
    background-position: -300px -226px;
}

.indexinfo .big-cross {
    background-position: -4px -300px;
}

.indexinfo .big-overseas {
    background-position: -78px -300px;
}

.indexinfo .big-security {
    background-position: -152px -300px;
}

.indexinfo .big-control {
    background-position: -226px -300px;
}

.indexinfo .big-reward {
    background-position: -300px -300px;
}

.indexinfo .big-servicecon {
    background-position: -4px -374px;
}

.indexinfo .big-punish {
    background-position: -78px -374px;
}

.indexinfo .big-technical {
    background-position: -152px -374px;
}

.indexinfo .big-goods {
    background-position: -226px -374px;
}

.indexinfo .big-techervice {
    background-position: -300px -374px;
}

.indexinfo .big-public {
    background-position: -4px -448px;
}

.indexinfo .big-guard {
    background-position: -78px -448px;
}

.indexinfo .big-residents {
    background-position: -152px -448px;
}

.indexinfo .big-organ {
    background-position: -226px -448px;
}

.indexinfo .big-user {
    background-position: -300px -448px;
}

.indexinfo .big-rolem {
    background-position: -4px -522px;
}

.indexinfo .big-securitym {
    background-position: -78px -522px;
}

.indexinfo .big-data {
    background-position: -152px -522px;
}

.indexinfo .big-related {
    background-position: -226px -522px;
}

.indexinfo .big-establish {
    background-position: -4px -596px;
}

.indexinfo .big-cultivate {
    background-position: -78px -596px;
}

.indexinfo .big-records {
    background-position: -152px -596px;
}

.indexinfo .big-crossr {
    background-position: -226px -596px;
}

.indexinfo .big-licence {
    background-position: -300px -596px;
}

.indexinfo .big-year {
    background-position: -4px -670px;
}

.indexinfo .big-comment {
    background: url("../../images/myComment3.png");
}

.indexinfo .big-exam {
    background-position: -78px -670px;
}

.indexinfo .big-wait {
    background-position: -153px -670px;
}
.indexinfo .big-wtry {
    background-position: -301px -670px;
}
.indexinfo .big-ksap {
    background-position: -227px -670px;
}
.indexinfo .big-bay {
    background-position: -4px -744px;
}
.indexinfo .big-fwxk {
    background-position: -78px -744px;
}
.indexinfo .big-pxdw {
    background-position: -152px -744px;
}

.indexinfo .big-zgz {
    background-position: -226px -744px;
}
.indexinfo .big-qz{
      background-position: -4px -818px;;
}
/*数据看板*/
.indexinfo .big-sjkb{
    background-position: -300px -818px;
}
/*许可备案数据统计*/
.indexinfo .big-batj{
    background-position: -4px -892px;
}
/*保安服务公司数据统计*/
.indexinfo .big-ffsj{
    background-position: -78px -892px;
}
/*保安员数据统计*/
.indexinfo .big-baytj{
    background-position: -152px -892px;
}
/*保安员资格证考试报名数据统计*/
.indexinfo .big-kstj{
    background-position: -226px -892px;
}
/*监督检查（年度报告）*/
.indexinfo .big-jtjc{
    background-position: -300px -892px;
}


/*培训管理 百课堂 课程安排*/
.indexinfo .big-classarrange{
    background-position: -4px -966px;
}
/*培训管理 百课堂 订单信息*/
.indexinfo .big-ordermessage{
    background-position: -78px -966px;
}
/*培训管理 百课堂 已购人员*/
.indexinfo .big-buyer{
    background-position: -152px -966px;
}