body {
    font-family: "Microsoft Yahei";
    font-size: 14px;
    color: #333;
    padding: 0;
    margin: 0;
}

.pecj {
    width: 100%;
    padding: 30px 0;
}

.pecj dl {
    width: 1000px;
    height: 230px;
    margin: 0 auto;
    margin-bottom: 30px;
    -webkit-border-radius: 5px;
}

.pecj dl dt {
    border: 1px solid #ddd;
    float: left;
    width: 200px;
    height: 230px;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}

.pecj .item-crumbs {
    padding: 0px 15px;
    line-height: 25px;
    margin-top: 5px;
}

.pecj dl dt:hover {
    color: #00c1de;
}

.pecj dl dt img {
    width: 100px;
    /*height: 200px;*/
    margin: 10px;
    margin: 0 auto;
}

.pecj dl dd {
    width: 780px;
    height: 230px;
    background: #F2F2F2;
    padding: 0 10px;
    float: left;
    /*margin-left: 20px;*/
}

.pecj dl dd .title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px;
    /*cursor: pointer;*/
}

.pecj dl dd .title a {
    font-size: 18px;
    color: #02808b;
    font-weight: bold;
}

/*.pecj dl dd .title a:hover {*/
    /*color: #FF6633;*/
/*}*/

.pecj dl dd .des {
    width: 760px;
    height: 173px;
    line-height: 25px;
    font-size: 14px;
    text-align: justify;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.pecj dl dd .more {
    display: block;
    width: 81px;
    height: 24px;
    border: 1px solid #02808b;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    color: #02808b;
    margin-top: 10px;
}