@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;font-size:14px;vertical-align:baseline;background:transparent;font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;color: #000000;}
body{background: #F2F2F2;}
a{text-decoration: none;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;}
em,h1,i{font-style: normal;}
.width{width: 1180px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
ul{list-style: none;}
.animation{ transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}

.content{height: auto;overflow: hidden;margin-top: 30px;}
.content>.fl{width: 880px;}
.content>.fr{width: 280px;}
.content>.fl .rec{height: 340px;overflow: hidden;}
.content>.fl .rec .fl{width: 585px;}
.content>.fl .rec .fl img{display: block;width: 585px;height: 340px;}
.content>.fl .rec .fl a{display: block;height: 340px;position: relative;}
.content>.fl .rec .fl p{height: 48px;line-height: 48px;color: #FFF;padding-left: 15px;position: absolute;background: #000;background:rgba(0, 0, 0, 0.7)!important;filter:Alpha(opacity=50);left: 0;bottom: 0;font-size: 16px;width: 100%;box-sizing: border-box;}
.content>.fl .rec .fr{width: 285px;}
.content>.fl .rec .fr li:first-child{margin-bottom: 10px;}
.content>.fl .rec .fr li a{display: block;width: 100%;overflow: hidden;height: 165px;position: relative;}
.content>.fl .rec .fr li img{width: 285px;height: 165px;}
.content>.fl .rec .fr li a p{width: 100%;height: 38px;line-height: 38px;box-sizing: border-box;padding-left: 8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position: absolute;left: 0;bottom: 0;background: #000;background:rgba(0, 0, 0, 0.7)!important;filter:Alpha(opacity=50);color: #FFF;}
.content>.fl .articles{background-color: #FFF;margin-top: 30px;}
.content>.fl .articles .s_nav{height: 50px;padding-left: 10px;border-bottom: 1px solid #e5e5e5;}
.content>.fl .articles .s_nav a{display: block;margin: 1px 15px 0;float: left;height: 48px;line-height: 48px;color: #999;font-size: 18px;}
.content>.fl .articles .s_nav a:hover,.content>.fl .articles .s_nav a.on{color: #333;border-bottom: 2px solid #2c6eff;}
.content>.fl .articles .list li{height: auto;overflow: hidden;padding: 30px 20px;position: relative;}
.content>.fl .articles .list li:hover{background-color: #fafafa;}
.content>.fl .articles .list li::after{display: block;content: "";width: 840px;height: 1px;background-color: #eee;position: absolute;left: 20px;bottom: 0;}
.content>.fl .articles .list li>a{display: block;}
.content>.fl .articles .list li img{display: block;width: 220px;height: 150px;}
.content>.fl .articles .list li .fr{width: 600px;color: #333;line-height: 24px;}
.content>.fl .articles .list li .fr>a{font-size: 18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight: normal;display: block;}
.content>.fl .articles .list li:hover .fr>a{color: #0c9;}
.content>.fl .articles .list li .fr p{font-size: 0;margin: 10px 0 20px;}
.content>.fl .articles .list li .fr p em{display: inline-block;vertical-align:bottom;font-size: 12px;color: #999;height: 24px;}
.content>.fl .articles .list li .fr p em::before{display: block;content: "";width: 14px;height: 14px;background-size: 14px;margin: 5px 5px 0 0;float: left;background-repeat: no-repeat;}
.content>.fl .articles .list li .fr p em:nth-child(1)::before{background-image: url(../images/news/time-icon.png);}
.content>.fl .articles .list li .fr p em:last-child{margin-left: 30px;}
.content>.fl .articles .list li .fr p em:last-child::before{background-image: url(../images/news/read-icon.png);background-position: 0 2px;}
.content>.fl .articles .list li .fr span{display: block;color: #999;font-size: 12px;padding-top: 10px;}
.content>.fl .articles .list li .fr span a{font-size: 12px;color: #1183ff;}
.content>.fl .articles .page{font-size: 0;text-align: center;padding: 15px 0;}
.content>.fl .articles .page li{display: inline-block;vertical-align: middle;min-width: 30px;height: 30px;line-height: 30px;background-color: #9D9D9D;margin-right: 8px;}
.content>.fl .articles .page a{display: block;color: #FFF;}
.content>.fl .articles .page .thisclass,.content>.fl .articles .page li:hover{background-color: #f8af12;}
.content>.fl .articles .page .index,.content>.fl .articles .page .prev,.content>.fl .articles .page .next,.content>.fl .articles .page .end{padding: 0 5px;}
.content>.fl .articles .page .pageinfo{display: block;padding: 0 5px;color: #FFF;}
.content>.fr .box{background-color: #FFF;margin-bottom: 30px;}
.content>.fr .box .tit{height: 50px;line-height: 24px;box-sizing: border-box;padding: 20px 0 0 20px;border-bottom: 1px solid #e5e5e5;}
.content>.fr .box ul{padding: 15px 20px 20px;}
.content>.fr .box ul li{height: 40px;overflow: hidden;}
.content>.fr .box ul li em{display: block;width: 20px;height: 20px;background-color: #999;border-radius: 2px;margin: 10px 8px 0 0;text-align: center;line-height: 20px;color: #FFF;float: left;}
.content>.fr .box ul li:nth-child(-n+3) em{background-color: #333;}
.content>.fr .box ul li a{color: #999;display: block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height: 40px;}
.content>.fr .box a:hover{color: #0c9;}
.content>.fr .box .tags{height: auto;overflow: hidden;padding: 20px 20px 10px;}
.content>.fr .box .tags a{display: block;font-size: 12px;background-color: #f7f7f7;padding: 0 8px;margin: 0 10px 10px 0;float: left;border: 1px solid #E5E5E5;border-radius: 4px;line-height: 24px;}
.content>.fr .box .dot li::before{display: block;content: "";width: 4px;height: 4px;border-radius: 50%;background-color: #999;float: left;margin: 18px 6px 0 0;}
.content>.fr .box .img{padding: 20px 10px;}
.content>.fr .box .img a{display: block;height: auto;overflow: hidden;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #E5E5E5;font-size: 12px;}
.content>.fr .box .img img{display: block;width: 100px;height: 75px;float: left;margin-right: 10px;}