.cp {
    width: 230px;
    height: auto;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
}

.tp {
    width: 228px;
    height: 228px;
    border: 1px solid #D6D6D6;
    background: no-repeat center center;
}

.cp:hover {
    color: #004288;
}

    .cp:hover .tp {
        border-color: #004288;
    }

.al {
    width: 360px;
    height: auto;
    display: block;
    float: left;
    margin: 0px 10px;
    padding: 10px;
    background: #fff;
    color: #fff;
}

    .al > .tp {
        width: 358px;
        height: 278px;
        border: 1px solid #87A7C7;
        background: no-repeat center center;
    }


    .al:hover > .tp {
        border-color: #fff;
    }

.news {
    background: url(img/ico07.png) no-repeat scroll 6px 11px;
    height: 36px;
    line-height: 36px;
    padding-left: 33px;
    display: block;
    color: #333;
}

.left {
    width: auto;
    display: inline-block;
    float: left;
}

.right {
    color: #000;
    width: auto;
    display: inline-block;
    float: right;
}

.news:hover {
    color:#004288;
}