body {display: inline-block;
}

.gc_one {
    width: 100%;
    position: relative;
    height: 100%;
}

    .gc_one > img {
        width: 100%;
        display: block;
        margin: auto;
    }

.gc_one_1 {
    position: absolute;
    bottom: 0;
    height: 40px;
    background: #f6f7f9;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
}
.gc_two{width:1200px;display:block;margin:auto;}
.gc_one_2 {
    width: 1160px;
    margin: auto;
    height: 40px;
}

    .gc_one_2 > a > li {
        float: left;
        width: 155px;
        height: 40px;
        line-height: 40px;
        color: #000;
        text-align: center;
        font-size: 16px;
    }

    .gc_one_2 > a > .active {
        background: #095da6;
        color: #fff;
    }

    .gc_one_2 > a > li:hover {
        background: #66b3fb;
        color: #fff;
    }

.jpage-relative {
    position: relative;
    height: 1400px !important;
}
.jpage-panel {
    padding-bottom: 20px;
}

.block {
    width: 840px;
}

.title {
    font-size: 16px;
    color: #f03800;
}

.date {
    float: right;
    color: #440e00;
}

.like {
    color: #440e00;
}

.list .img {
    width: 15%;
    float: left;
    font-size: 0;
    text-align: center;
}

    .list .img img {
        max-width: 90%;
    }

.list .block {
    float: right;
    width: 85%;
}

    .list .block p {
        margin: 0;
        padding: 0 15px 5px 0;
    }

.list-item {
    padding-top: 15px;
    width: 49% !important;
    margin:0.2%;
    float:left;
    height:445px !important;
    overflow:hidden;
    position:relative;
}
.list-item:hover .gc_two_1{display:block;}

.gc_two_1{width:98%;height:100%;position:absolute;top:4%;text-align:right;padding:4.5em 2.5em 2.5em 2.5em;background:#f3f3f3;display:none;}
.gc_two_1>h2{font-size:42px;color:#095da6;font-weight:bolder;letter-spacing:5px;}
.gc_two_1>p{color:#6f6f6f;margin:3em auto;}
.gc_two_1>h1{font-size:100px;color:#e5e5e5;font-weight:bolder;}

.list-item >img{width:98%;}

.jpage-pagination {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .jpage-pagination li {
        float: left;
        background: #fff;
        width:25px;
        height:25px;
        line-height:25px;
        text-align:center;
        color: #095da6;
        margin-right:5px;
        font-weight:bolder;
        cursor: pointer;
    }

        .jpage-pagination li:hover {
            background: #686c70;
            color:#fff;
            outline: 1px solid #fff;
            font-weight: bold;
        }

    .jpage-pagination .active,
    .jpage-pagination .active:hover {
        color: #fff;
        background: #686c70;
    }
.right{float:right;margin-top:30px;}
.left{margin-bottom:2em;}


@media screen and (max-width:1024px) {
    .gc_two{width:960px;}
    .list-item{height:380px !important;}
    .jpage-relative{height:1200px !important;}
}