html,body {
    min-height: 100%;
}
body {
    background: #2569AD url('../images/mor_bg.png') no-repeat bottom center;
    background-size: cover;
}


.cor_main .cor_both {
    width: 90%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.cor_ul{
    display:block;
}
.cor_ul .cor_li {
    float: left;
    width: 29.2%;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    position: relative;
    height: 60px;
    margin-bottom: 30px;
    background-color: #f9f9f9;
}

.cor_ul .cor_li:not(:nth-child(3n)) {
    margin-right: 5%;
}
.cor_ul .cor_li img, 
.cor_ul .cor_li div{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: block;
    max-width: 70%;
    max-height: 60%;
}
.cor_ul .cor_li #more_cor{
    
}
.cor_ul .nobr_li{
    border:none;
    background:transparent;
}
.cor_ul .nobr_li .cor_img{
    cursor: pointer;
    max-width:90%;
    max-height:90%;
}

.cor_more{
    display:none;
}
.cor_more .more_li {
    float:left;
    width: 47.8%;
    margin-bottom: 20px;
}

.cor_more .more_li:not(:nth-child(2n)) {
    margin-right: 4%;
}
.cor_more .more_li img{
    width:100%;
    border-radius: 4px;
    vertical-align: top;
}