﻿@charset "utf-8";
/* CSS Document */
/* ==========================================================================
   列表页-通用样式
   ========================================================================== */
/* pathWrap */
.pathWrap{overflow: hidden; margin: 16px auto 0; padding-bottom: 8px; height: 36px; line-height: 36px; text-align: center;}
.path{width: 1170px; margin: 0 auto; padding-left: 30px; text-align: left; font-size: 14px; color: #555; background:  url(img/pathIcon.png) 5px center no-repeat;}
.path a, .path span{ margin:0 3px;  color: #555;}

#content{width: 1160px; padding: 20px;}


/* url_方块样式分页 */
.pageShow{text-align:center; padding: 0;  font-size:12px; clear:both; margin: 0 auto;}
.pageShow span.pagecss{width: auto; margin: 0 auto; text-align: center;}
.pageShow a,.pageShow span{ display:inline-block; *display:inline;  zoom:1; line-height:20px; vertical-align:middle;   }
.pageShow .pager{width: auto; float: left;}
.pageShow .pager a,.pageShow .pager a:active{ display:inline-block; *display:inline; zoom:1; border:1px solid #c5c5c5; padding: 3px 10px; color:#4e4e4e;}
.pageShow .pager span.current{border-color:#666666; background-color:#666666; }
.pageShow a,.pageShow span,.pageShow .pager span.current,.pageShow .pager span.disabled { padding: 3px 10px; margin: 0 6px;}
.pageShow .pager input{height: 20px; line-height: 20px; border: 1px solid #c5c5c5; padding: 3px 10px; margin: 0 6px;}
.pageShow .pager a:hover{ border-color:#666666; background-color:#666666; color: white;}


/* ==========================================================================
   文章-列表页
   ========================================================================== */
.newsList{ overflow:hidden; padding-bottom:20px; display:block;}
.newsList li{height:40px; line-height:40px; overflow:hidden; padding: 9px 0; font-size: 16px; border-bottom: 1px dotted #d4d4d4;}
.newsList li font{font-size:16px;}
.newsList li a{padding-left: 20px; background:  url(img/dot01.png) left center no-repeat;}
.newsList li .date,
.newsList li .datetime{float:right; color:#999;}
.newsList li.noData{border-bottom: none; color:#999;}


/* ==========================================================================
   文章-列表页-图片式
   ========================================================================== */
.picList{ overflow:hidden; padding-bottom:20px; display:block; margin: -30px -10px 0 0;}
.picList li{position: relative; z-index: 1; width: 380px; float: left; margin: 30px 10px 0 0;}
.picList li .pic{display: block; overflow: hidden;}
.picList li .pic img{width: 380px; height: 285px;}
.picList li .title{position: absolute; z-index: 1; left: 0; bottom: 0; display: block; width: 90%; height: 48px; line-height: 48px; float: left; padding: 0 5%; font-size: 16px; color: white; background-color: rgba(0,0,0,0.5);}

/* ==========================================================================
   文章-列表页-视频式
   ========================================================================== */
.videoList{ overflow:hidden; padding-bottom:20px; display:block; margin: -30px -10px 0 0;}
.videoList li{position: relative; z-index: 1; width: 380px; float: left; margin: 30px 10px 0 0;}
.videoList li .pic{display: block; overflow: hidden;}
.videoList li .pic img{width: 380px; height: 285px;}
.videoList li .title{position: absolute; z-index: 1; left: 0; bottom: 0; display: block; width: 300px; height: 48px; line-height: 48px; float: left; padding: 0 70px 0 10px; font-size: 16px; color: white; background-color: rgba(0,0,0,0.5);
-webkit-transition:all 0.6s;
-moz-transition:all 0.6s;
-ms-transition:all  0.6s;
-o-transition:all 0.6s;
transition:all 0.6s;
}
.videoList li .title::before{position: absolute; z-index: 1; right: 20px; bottom: 10px; content: ""; width: 28px; height: 28px; float: left; overflow: hidden; background:  url(img/videoIcon.png) center center no-repeat;

}
.videoList li:hover .title{width: 90%; height: 100px; line-height: 30px; padding: 185px 5% 0; text-align: center;}
.videoList li:hover .title::before{display: none;}
.videoList li:hover .title::after{position: absolute; z-index: 1; right: 50%; top: 108px; content: ""; width: 50px; height: 50px; float: left; overflow: hidden; margin-right: -25px; background-image: url(img/videoIcon-hover.png);}

/* ==========================================================================
   文章-内容页
   ========================================================================== */
.articleCon {overflow: hidden;}
.articleCon .title {font-size:30px; line-height: 210%; color: #333;  text-align:center;}
.articleCon .subTitle{ display:none; height:18px; line-height:18px;  text-align:right; padding:10px 0 5px;}
.articleCon .property{ height:42px; line-height:42px; text-align:center;  margin:20px 0 0; color: #666; background-color: #f6f6f6; border: 1px solid #ececec;}
.articleCon .property span{font-size:14px; color:#666; margin:0 10px;}
.articleCon .property .small,.articleCon .property .big{ height:24px; line-height:24px; padding-right:8px;}
.articleCon .property2{height:42px; line-height:42px; text-align:left; margin-top: 20px; padding-bottom: 10px; color: #666; font-size: 14px; border-bottom: 1px solid #d6c6ac;}
.articleCon .property2 a{color: #666;}
.articleCon #dmfxBox{float: right;}
.articleCon #dmfxBox div{width: auto; float: left;}
.articleCon .conTxt {padding:20px 10px 0;overflow:hidden; color:#666; font-size:16px; line-height: 2.1; }
.articleCon .conTxt font{font-size: 14px;}
.articleCon .page { padding:0 10px 0 0; text-align:center; }
.articleCon .others{ padding-top:15px; overflow:hidden; font-size:14px; color: #999;}
.articleCon .others font{font-size:14px; color: #333;}
.articleCon .others span{color:#333;}
.articleCon .others a{margin-right:5px; color: #333;}
.articleCon .others a:hover{color: #ba131b;}
.articleCon .others .prev,.articleCon .others .next { padding-left:5px; height:42px; line-height:42px; }
