.bloc_list{margin-top: 20px;}
.bloc_list li{float: left;width: 33.3%;margin-bottom: 80px;}
.bloc_list{margin-left: -12px;margin-right: -12px;margin-bottom: 6%;}
.bloc_list li dl{padding: 0 12px;box-sizing: border-box;}
.bloc_list li dl dd{overflow: hidden;padding-bottom:75%;height: 0 !important;position: relative;}
.bloc_list li dl dd img{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.bloc_list li dl dt{padding: 25px 40px 45px;box-sizing: border-box;border-bottom: 1px solid #9b9b9b;transition: all .3s;}
.bloc_list li dl dt span{color: #9b9b9b;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;}
.bloc_list li dl dt h2{color: #202f45;display: block;line-height: 30px;height: 60px;overflow: hidden;margin-bottom: 20px;}
.bloc_list li dl dt p{color: #9b9b9b;line-height: 28px;height: 84px;overflow: hidden;margin-bottom: 30px;}
.bloc_list li dl dt .index_more{background: #003c82;width: 33px;height: 22px;line-height: 22px;border-radius: 20px;color: #fff;text-align: center;transition: all .3s;font-weight: bold;}
.bloc_list li:nth-child(3n+1){clear: both;}
.media_list{margin-bottom: 6%;}
.media_list ul{margin-left: -20px;margin-right: -20px;margin-bottom: 50px;overflow: hidden;}
.media_list li{width: 50%;float: left;padding: 20px;box-sizing: border-box;}
.media_list li dl{border: 1px solid #dcdcdc;padding: 50px 60px 70px;box-sizing: border-box;}
.media_list li dl span{display: block;border-bottom: 1px solid #9b9b9b;padding-bottom: 15px;margin-bottom: 25px;color: #9b9b9b;}
.media_list li dl h2,.media_list li dl h3{ height: 1.5em;}
.media_list li dl h2 a,.media_list li dl h3 a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 30px;display: block;}
.media_list li dl p{margin: 25px 0;line-height: 28px;height: 56px;overflow: hidden;color: #9b9b9b;}
.media_list li dl .index_more{background: #003c82;width: 33px;height: 24px;border-radius: 20px;color: #fff;text-align: center;transition: all .3s;font-weight: bold;}

/*.details_con{margin-top: 184px;}*/
.details_t{overflow: hidden;line-height: 37px;border-bottom: 1px solid #9b9b9b;padding-bottom: 5px;margin-bottom: 20px;}
.del_date{float: left;}
.del_share{float: right;}
.del_share .f_share{margin-top: 0;margin-right: 0;margin-left: 35px;}
.del_tit{text-align: center;color: #202f45;font-weight: bold;margin-bottom: 20px;}
.del_edit .edit_con_original{font-size: 16px;color: #84888d;line-height: 26px;}
.news_page {margin: 70px 0 100px; padding-right:170px; position: relative;padding-top: 45px;border-top: 1px solid #9b9b9b;}
.news_page span{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_page span:last-child{margin-bottom: 0;}
.news_page a{color: #202f45;}
.news_page span.on a{color: #84888d;}

.cona{}
.cona a{color: #fff;display: block;
    width: 130px;height: 40px;background: #003c82;color: #fff;text-align: center;line-height: 40px;
    position: absolute;right: 0;top: 45px;transition: all .3s;border-radius: 30px;
}

@media only screen and (min-width: 1025px){
    .bloc_list li:hover dt{background: #003c82;}
    .bloc_list li:hover span,.bloc_list li:hover h2,.bloc_list li:hover p{color: #fff!important;}
    .bloc_list li:hover .index_more{background: #fff;color: #003c82;}
    .media_list li dl:hover{background: #003c82;color: #fff;}
    .media_list li dl:hover a{color: #fff!important;}
    .media_list li dl:hover span,.media_list li dl:hover p{color: #fff;}
    .media_list li dl:hover .index_more a{background: #fff;color: #003c82!important;height: 24px;line-height: 24px;width: 33px;}
    .media_list li dl:hover .index_more a:hover i{position: static;height: 24px;line-height: 24px;}
    .news_page span.on a:hover{color: #84888d!important;cursor: inherit;}
    .cona a:hover{opacity: .8;color: #fff!important;}

}
@media only screen and (max-width: 1024px){
    .details_con{margin-top: 30px;}
    .bloc_list li{margin-bottom: 60px;}
    .bloc_list li dl dt{padding: 20px 20px 30px;}
    .media_list li dl{padding: 30px;}
    .media_list li dl .index_more a{width: 33px;padding-left: 0;text-align: center;}
    .media_list li dl .index_more a i{position: static;}
    .dynamic-top{padding: 20px 0;}
    .cona{display: none;}
    .news_page{margin: 40px 0 60px;padding-top: 20px;}
	.news_page{padding-right:0}
}
@media only screen and (max-width: 767px){
    .bloc_list li{width: 100%;margin-bottom: 40px;}
    .media_list li{width: 100%;}
    .bloc_list{margin-bottom: 40px;}
    .bloc_list .page{padding-top: 0;}
    .media_list{margin-bottom: 40px;}
    .media_list ul{margin-bottom: 0;}
}