﻿/*简介*/
.article_box {position:relative;_zoom:1}
.article_box .img_box{width: 585px;height: 284px;display:block;overflow:hidden;float: right;}
.article_box .img_box img {width: 100%;height: 284px; float:none; margin-right:0px; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s ;-webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s;}
.article_box_con{background: #45b796;height: 253px;padding: 15px;position: absolute;left: 0;top: 0;width: 179px;}
.article_box_con h2 a,.article_box_con p,.article_box_con span.Key_Box a,.article_box a.details{ color:#fff;}
/*文明号*/
.article_list_con{ overflow: hidden; }
.article_list_con li{ border-bottom: 1px solid #ededed; padding-bottom: 10px;  overflow: hidden; margin-bottom: 10px;}
.article_list_con li img{ width: 130px; height: 95px; float: left; margin-right: 20px;  }
.article_list_con li a.title_type{font-size: 16px;line-height:30px;}
.article_list_con li p{font-size: 14px;line-height: 2em;color: #666;}
.article_list_con li.last{ padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px; }
/*图片*/
.img_boxs{ display:block; width:100%; height:100px; overflow:hidden;}
.img_boxs img{ width:100%;transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s ;-webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s;}
.img_boxs img:hover{-webkit-transform:scale(1.03);-moz-transform: scale(1.03);-o-transform:scale(1.03);}
@media only screen and (max-width: 1024px)
{
.banner{ width:1200px}    
}
@media only screen and (max-width: 768px)
{
.pl10,.pr10{ padding:0px}
.banner{ display:none}
.article_list li{ width:45%; float:left; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.img_boxs{ display: none; }
}
@media only screen and (max-width: 640px)
{
.article_box .img_box{ width: 100%; }
.pr10{ padding-right:0;}
}
@media only screen and (max-width: 480px)
{
.article_list li{ width:100%; float:none; box-sizing:border-box}
.col-md-4.col-sm-12.fr img{ display:block; width:100%; height:auto;}
.article_box_con{position: inherit;width: 100%;background: none;height: auto;padding: 0px;}
.article_box .img_box img{ width: 100%; height: auto; float: none; margin-right: 0px;  }
.article_box .img_box{ margin-bottom: 10px; width: 100%; height: auto; }
.article_box_con h2 a, .article_box_con p, .article_box_con span.Key_Box a, .article_box a.details{ color: #333; }
}

