zhujian_OA/js/indexhd/indexhd.css


.sp-wrapper-head .sp-wrapper-head-col {
    float: left;
    height: 80px;
    line-height: 80px;
    cursor: pointer;
    color: #e9f3fd;
    padding: 0px 3px;
    border:0
}

.sp-wrapper-head .sp-wrapper-head-col:hover {
    background-color: rgba(18,113,219,0.8);
}

.sp-wrapper-head {
    position: absolute;  top: 0;  left: 0;   right: 0;  height: 80px;   color: #fff;   
    background-image: url("img/top_background.png");
    background-repeat: no-repeat;   background-size: cover;   background-position: center center;
}
.sp-wrapper-head .sp-wrapper-head-left {
    float: left;  width: auto; height: 80px; white-space: nowrap;  margin-left: 5px;
}
.sp-wrapper-head .sp-wrapper-head-title {
    float: left;    width: 420px;    height: 80px;    line-height: 20px;    cursor: pointer;    padding-top: 20px;    color: #fff;
}
.sp-wrapper-head .sp-wrapper-head-img {
    float: left;    width: auto;    height: 30px;    margin: 21px 0 20px 0px;
}
.sp-wrapper-head .sp-wrapper-head-right {
    float: right;    width: auto;    height: 80px;    white-space: nowrap;
}
.sp-wrapper-head .sp-wrapper-head-col {
    float: left;    height: 80px;    line-height: 80px;    cursor: pointer;    color: #e9f3fd;    padding: 0px 3px;
}
/**头部头像**/
.sp-wrarrer-photo {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    float: left;
    margin: 25px 0 20px 8px;
}

.sp-wrapper-head .sp-wrapper-head-title span {
    font-size: 25px;     width:100%;    display:inline-block;    text-align:justify;    text-align-last:justify
}



/********20230905*******/
.sp-wrapper-head .sp-wrapper-head-search{ width:150px; height:30px; line-height:30px; background-color:transparent; padding:0 5px;
                                         border:1px solid #eee; box-sizing:border-box; color:#fff;border-radius:5px;}
.sp-wrapper-head .sp-wrapper-head-search::placeholder{color:#ededed !important;}

.sp-wrapper-head .sp-wrapper-head-sub-2{position:absolute; background:#fff;width:100%;height:auto;padding:5px; color: rgba(0, 0, 0, 1);z-index:99; border:1px solid #ccc; box-sizing: border-box;}
.sp-wrapper-head .sp-wrapper-head-sub-2 a{
    /*color:#666;*/
    color:rgba(0,0,0,1);
}
.sp-wrapper-head .sp-wrapper-head-sub-2 a:hover{color:#3a7fcf;}
.sp-lh-26-wrap{ float:left; width:100%;line-height:26px; margin:3px 0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/********20230905*******/


.sp-menu-right {
    position: absolute;   left: 0;   right: 0;   top: 80px;   bottom: 0;
    /*以下是于：20220222增加*/
    z-index:1; 
}


/*横向菜单：纵向向下展开的二级菜单  horizontal的缩写是：horz  vertical缩写：vert*/
.hd-horz-down{position:relative;width:100%;height:31px; background-color:#1e64aa;}
.hd-horz-down ul,li{padding:0; margin:0; list-style:none;}
.hd-horz-down>ul>li{float:left;width:120px;line-height:31px !important;cursor:pointer; background-color:#1e64aa;text-align:center;color:#fff;}
.hd-horz-down>ul>li:hover{background-color:#063e77;}
.hd-horz-down>ul>li{border-right:1px solid #1677a9; box-sizing:border-box;}
.hd-horz-down>ul>li:last-child{border-right:none;}



.hd-horz-down ul li a{text-decoration:none;color:#fff;width:100%;}
.hd-horz-down ul li ul{position:absolute;display:none; width:119px; padding:5px 0; background-color:#063e77;max-height:300px; overflow-y:auto; }

.hd-horz-down .liWidth-small{width:100px;}/*长度大于9，每个宽度设为100px*/
.hd-horz-down .liWidth-large{width:150px;}/*长度小于5，每个宽度设为150px*/

.hd-horz-down ul li:hover ul{display:block !important;}
.hd-horz-down ul li:hover ul li{float:left;width:100%;line-height:31px !important;cursor:pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hd-horz-down ul li:hover ul li a{color:#fff;}
.hd-horz-down ul li:hover ul li a:hover{color:#ffae3e;}