@charset "utf-8";

.news_wrapper{
    padding:60px 0 0 0;
}
.news_wrapper .news_item{
    display: flex;
    margin-bottom: 15px;
}
.news_wrapper .news_item .item_img{
    width: 40%;
    padding-bottom: 20%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #cccccc;
}
.news_wrapper .news_item .item_content{
    flex: 1;
    padding:48px;
    border:solid 1px #e6e6e6;
}
.news_wrapper .item_content .content_top{
    font-size: 18px;
    display: flex;
    margin-bottom: 15px;
}
.news_wrapper .item_content .content_top .item_title{
    width:330px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.news_wrapper .item_content .content_top .item_date{
    flex: 1;
}
.news_wrapper .item_content  .item_info{
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 30px;
}
.news_wrapper .item_content .more{
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border:solid 1px #d3d3d3;
    display: inline-block;
    font-size: 12px;
}

.news_wrapper .news_item:hover .item_content{
    background-color: #2495e4;
    border-color: #2495e4;
}
.news_wrapper .news_item:hover .content_top .item_title{
    color: white;
}
.news_wrapper .news_item:hover .content_top .item_date{
    color: white;
}
.news_wrapper .news_item:hover .item_info{
    color: white;
}
.news_wrapper .news_item:hover .more{
    color: white;
    border-color: white;
}
.news_wrapper .header{text-align:center}
.news_wrapper .header .title{font-size:20px;color:#333333;line-height:2}
.news_wrapper .header .time{font-size:16px;color:#666666;line-height:2;margin-bottom:48px}
.news_wrapper .content{
    line-height:2;
    padding:48px 0 60px 0;
}
.news_wrapper .content p{font-size:16px}
.news_wrapper .content img{width:100%;max-width:960px;margin:15px auto}


@media screen and (max-width: 768px){
    .news_wrapper{
        padding:15px 0 0 0;
    }
    .news_wrapper .news_item{
        display: flex;
        margin-bottom: 15px;
        flex-wrap: wrap;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 0 0 8px rgba(0,0,0,0.2);
    }
    .news_wrapper .news_item .item_img{
        width: 100%;
        padding-bottom: 50%;
    }
    .news_wrapper .news_item .item_content{
        padding:15px;
        border: none;
    }
    .news_wrapper .item_content .content_top{
        font-size: 18px;
        flex-wrap: wrap;
    }
    .news_wrapper .item_content .content_top .item_title{
        width:100%;
    }
    .news_wrapper .item_content .content_top .item_date{
        flex: 1;
        font-size: 14px;
    }
    .news_wrapper .item_content  .item_info{
        font-size: 12px;
        margin-bottom: 15px;
    }
    
    .news_wrapper .news_item:hover .item_content{
        background-color: #2495e4;
        border-color: #2495e4;
    }
    .news_wrapper .news_item:hover .content_top .item_title{
        color: white;
    }
    .news_wrapper .news_item:hover .content_top .item_date{
        color: white;
    }
    .news_wrapper .news_item:hover .item_info{
        color: white;
    }
    .news_wrapper .news_item:hover .more{
        color: white;
        border-color: white;
    }
    .news_wrapper .header .time{
        margin-bottom: 15px;
    }
}