@charset "utf-8";
.context{ margin:0 auto; max-width:1220px;}
.con-img img{ display:block; max-width:1200px; height:auto; border-bottom:2px solid #c9c9c9;}

.article_wrap{overflow: hidden; margin-top: 18px;}
.article_li{width: 50%; float: left; overflow: hidden; padding: 7px 20px;}

/*内容多的css*/
.article_li span{width: 52px;font-size: 38px; line-height: 1; display: block; float: left;  vertical-align: middle; font-family:"Arial Black";  font-weight: bold; color: #bde4f9; text-align: center; position: relative; letter-spacing: -1px;}
.article_li span:before{ width: 52px; height: 38px; content: '';visibility: visible; position: absolute;background: #58c1f4; display: block; opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -webkit-opacity:0.8; opacity: 0.8; z-index: -1;}
.article_li a{height: 38px; line-height: 39px; color: #4d4d4d; font-size: 16px; display:block; margin-left: 52px; padding: 0px 10px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-transition: all 0.5s;-ms-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.article_li a:hover{color: #fff; background: url(../images/back_0.png) repeat left top !important; background-size: cover !important;}

/*内容少的css*/
/*.article_li span{width: 52px;font-size: 48px;line-height: 1; display: block; float: left;vertical-align: middle; font-family:"Arial Black";  font-weight: bold; color: #bde4f9; text-align: center; position: relative; letter-spacing: -3px;}
.article_li span:before{width: 52px; height: 50px; content: '';visibility: visible; position: absolute;background: #58c1f4; display: block; opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -webkit-opacity:0.8; opacity: 0.8; z-index: -1;}
.article_li a{height: 50px; line-height: 52px;margin-left: 52px; display:block; color: #4d4d4d; font-size: 16px; padding: 0px 10px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-transition: all 0.5s;-ms-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.article_li a:hover{color: #fff; background: url(../images/back_1.png) repeat left top !important; background-size: cover !important;}*/


@media (max-width: 767px) {
.article_li{width: 100%; padding: 7px 0;}
.context{padding: 0;}
.article_li span{letter-spacing: 0;}
}