@charset "utf-8";

.info_wrap{max-width: 1000px;margin: 0 auto;}

/**
* news_list
* */
.news_list{width:100%;position:relative;}
.news_list .items{width:100%;overflow:hidden;position:relative;}
.news_list .item{float: left;width: 33.3333%;padding-bottom: 40%;position:relative;height:0;overflow: hidden;}


.news_list .box{width: 100%;height: 100%;position: absolute;top:0;left:0;padding: 10px;}
.news_list .dl{width: 100%;height: 100%;border: 1px solid #ddd;}

.news_list .pic{width: 100%;padding-bottom: 75.3%;position: relative;}
.news_list .pic .pic_box{width: 100%;height: 100%;position: absolute;top:0;left:0;display: block;}
.news_list .pic img{width: 100%;height: 100%;}

.news_list .txt{width: 100%;height:35%;position: relative;overflow: hidden;font-size: 13px;padding:5px 10px;}
.news_list .dt{margin: 5px 0;font-size: 16px;font-weight: 400;}
.news_list .date{margin: 5px 0;color: #666;}
.news_list .dd{margin: 10px 0;color: #666;font-size: 12px;}

@media (max-width: 820px) {
    .news_list .item{width: 50%;padding-bottom:60%;}
    .news_list .box{padding: 5px;}
    .news_list .txt{font-size: 12px;padding:5px;}
}


@media (max-width: 400px) {
    .news_list .item{float: none; width: 100%;padding-bottom:0;height: auto;margin-bottom: 20px;}
    .news_list .box{width: 100%;height: auto;position: relative;padding: 0;}
    .news_list .pic{padding-bottom: 0;position: relative;height: auto;}
    .news_list .pic .pic_box{position: relative;height: auto;}
    .news_list .txt{height: auto;padding: 10px;}
}


/**
* news_view
* */
.info_title{
    margin: 0 auto 10px;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
    text-align: center;
}

.info_time{
    margin: 0 auto 15px;
    color: #666;font-size: 14px;
    text-align: center;
}