#mask {
    left: 0px;
}

#ul a:nth-child(1) {
    color: #0DA3E2;
    font-weight: bold;
}

/* ---------------------------- */

.content {
    background: url(../img/bg_gonggao.jpg) center no-repeat;
    background-size: auto 100%;
}

/* ------------------------------------- */

.login {
    margin: 100px auto;
}

/* ---------------------------------- */
.gonggao {
    padding: 40px 0;
    /* margin: 40px 22px; */
}

/* .gonggao {
    width: 642px;
    padding: 40px 22px;
    background-image: url(../img/bg_gonggao.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position-x: -450px;
    border: solid #e4e4e4;
    border-width: 0 0 1px;
} */


.gonggao .more {
    color: #fe8500;
    position: absolute;
    right: 150px;
}

.gonggao .more:hover {
    text-decoration: underline;
}

.gonggao h1 {
    font-weight: normal;
    font-size: 24px;
    color: #0DA3E2;
    text-indent: 2em;
    margin-bottom: 20px;
    line-height: 160%;

    text-overflow: ellipsis;
    /* 溢出文本显示省略号 */
    /* white-space: nowrap; */
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* 文本不换行 */
    overflow: hidden;
}

.gonggao h1:hover {
    text-decoration: underline;
}

.gonggao div {
    width: 540px;
    text-indent: 2.5em;
    color: #838383;
    margin-left: 12px;
    margin-bottom: 20px;

    text-overflow: ellipsis;
    /* 溢出文本显示省略号 */
    /* white-space: nowrap; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* 文本不换行 */
    overflow: hidden;
}

.gonggao p {
    display: inline;
    /* width: 530px; */
    /* margin: 20px 0; */
    /* color: #838383; */
    line-height: 200%;
    /* text-indent: 2em; */
}

.gonggao li {
    background-image: url(../img/bg_li.gif);
    background-repeat: no-repeat;
    background-position-y: 50%;
    padding-left: 11px;
    margin: 10px 0;
    width: 608px;
    text-overflow: ellipsis;
    /* 溢出文本显示省略号 */
    white-space: nowrap;
    /* 文本不换行 */
    overflow: hidden;
}

.gonggao li a {
    color: #333333;
}

.gonggao li a:hover {
    text-decoration: underline;
    color: #fe8500;
}

/* .gonggao span {
    color: #333333;
} */

/* .gonggao span:hover {
    text-decoration: underline;
    color: #fe8500;
} */

/* ---------------------------------- */
/* .gonggao>a {
    display: block;
    width: 540px;
    color: #fe8500;
}

.gonggao>a:hover {
    text-decoration: underline;
} */

/* ---------------------------------- */
.jieshao {
    margin: 13px 0;
    /* background-color: aquamarine; */
}

.jieshao-box {
    width: 361px;
    height: 205px;
    /* background-color: chartreuse; */
    border: 1px solid #e4e4e4;
    box-sizing: border-box;

}

.jieshao-box:hover {
    background-image: url(../img/bg_jieshao_hover.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* .jieshao>.left {
    float: left;
}

.jieshao>.right {
    float: right;
} */

.jieshao-box h1 {
    /* background-color: chocolate; */
    width: 179px;
    height: 70px;
    margin: auto;
    padding-left: 140px;
    font-size: 24px;
    font-weight: normal;
    line-height: 70px;
    /* padding: 10px 0 10px 140px; */
    background-size: auto 60px;
    background-repeat: no-repeat;
    background-position: 55px 50%;
    border: solid #ddd;
    border-width: 0 0 1px 0;
    color: #111111;

    text-overflow: ellipsis;
    /* 溢出文本显示省略号 */
    white-space: nowrap;
    /* 文本不换行 */
    overflow: hidden;
}

.jieshao>.left h1 {
    background-image: url(../img/bg_jieshao1.png);
}

.jieshao>.right h1 {
    background-image: url(../img/bg_jieshao2.png);
}

/* ---------------------------------- */
.jieshao-box div {
    width: 319px;
    margin: 15px auto 0;
    color: #646464;
    line-height: 200%;
    /* padding-top: 15px; */
    text-align: left;
    height: 80px;

    text-overflow: ellipsis;
    /* 溢出文本显示省略号 */
    /* white-space: nowrap; */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /* 文本不换行 */
    overflow: hidden;
}

.jieshao-box div * {
    display: inline;
    font-size: 14px;

}

.jieshao-box .detail {
    text-align: right;
    margin-top: 5px;
    /* line-height: 39px; */
    height: auto;
    color: #0DA3E2;
}

/* ---------------------------------- */