@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;}
.con-text{ background:#eee;}
.con-text .text{ margin: 0 auto; max-width: 1000px;padding:35px 30px 25px 20px;}
.con-text p{ font-size:15px; line-height: 30px; color:#535353;}
.con-text p b{ font-size:22px; color:#1c1b1b; font-weight: normal;}
.con-text p.date{ text-align: right; color:#8e8e8e; margin-top: 10px;}
.con-text li p{padding-left: 20px;}
.con-text li p:before{content: ''; visibility: visible; width: 5px; height: 5px; border-radius: 50px; background:#535353;}

.article_wrap{overflow: hidden; margin-top: 18px;}
.article_li{width: 50%; float: left; overflow: hidden; padding: 7px 20px;}
.article_li span{ display: block; float: left; width: 52px;font-size: 48px; vertical-align: middle; font-family:"Arial Black";  font-weight: bold; color: #bde4f9; line-height: 1; text-align: center; position: relative; letter-spacing: -3px;}
.article_li span:before{content: '';visibility: visible; position: absolute;background: #58c1f4; display: block; width: 52px; height: 50px; opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -webkit-opacity:0.8; opacity: 0.8; z-index: -1;/*left: 3px;*/}
.article_li a{color: #4d4d4d; font-size: 16px; height: 50px; line-height: 52px; 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.png) no-repeat left center !important; background-size: cover !important;}


/*热点参考*/
.con-hot{ padding-top:20px;}
.con-hot-title{ padding-bottom:10px; font-size:24px; line-height: 35px; color:#30a8e0;}
.con-hot-text{ padding:20px 0; border-top:5px solid #c9c9c9; border-bottom:3px solid #c9c9c9;}
.con-hot-text p.sec-p{ font-size:18px; line-height: 24px; padding:0 0 5px 20px; background:url(../images/con-hot.jpg) no-repeat left 7px;}
.con-hot-text a{ display:inline-block; color:#535353; font-size:15px; line-height: 24px; margin:6px 0;}
.con-hot-text a:hover,.con-hot-text p.date:hover{ color:#000; font-weight: bold;}
.con-hot-text p.date{ text-align: right; font-size:14px; color:#999; line-height: 24px; margin:6px 0;}
.con-hot-text .col-right{ padding-right:39px; border-right:1px solid #dfdfdf;}
.con-hot-text .col-left{ padding-left:40px;}
/*.con-shade-shadow{ display: block; background: url(../images/back.png) repeat left top; position: absolute; top:0; left: 0; width: 100%; height: 100%; display: none;}*/

@media (max-width: 767px) {
.con-text .text{ padding:20px 15px 15px;}
.con-text p{ font-size:16px; line-height: 28px;}
.con-text p.date{ margin-top:0;}

.article_li{width: 100%; padding: 7px 0;}

.con-hot-text{ padding:15px 0;}
.con-hot-text p.sec-p{ font-size:20px;}
.con-hot-text p.sec-p-title{ margin-top:20px;}
.con-hot-text a{ font-size:16px;}
.con-hot-text .col-right{ padding-right:10px; border-right:none;}
.con-hot-text .col-left{ padding-left:10px;}
}