@charset "utf-8";

/*
    Css for PEL,    ver 1.0
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center

    所有网站通用模块，可根据自身网站修改
*/

/* 通用信息列表 */
.infoList { text-align: left; }
.infoList li { height: 40px; line-height: 40px; box-sizing: border-box; transition: all 0.5s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding-left: 20px; }
.infoList li::before { display: block; content: "";  background: #D9D9D9; transition: all 0.5s; border-radius: 100%; width: 5px; height: 5px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); }
.infoList li:hover { padding-left: 25px; }
.infoList li:hover::before { background-color: #c30909; }
.infoList .date { margin-left: 15px; float: right; color: #999; font-size: 14px; }
.infoList .node { color: #f00; margin-right: 5px; }
.infoList .highlight { font-weight: bold; }


/* 通用带图片的信息列表_普通式 */
.picList li { text-align: center; }
.picList li .title { padding-top: 5px; }

/* 通用带图片的信息列表_普通式 - 横排浮动 */
.picListFl { margin-right: -2%; overflow: hidden; zoom: 1; }
.picListFl li { width: 23%; margin-right: 2%; text-align: center; float: left; *display: inline; overflow: hidden; }
.picListFl li .pic { overflow: hidden }
.picListFl li .pic img { width: 100%; transition: 200ms; -webkit-transition: 200ms; -o-transition: 200ms; -moz-transition: 200ms; height: auto; }
.picListFl li .title { font-size: 14px; padding-top: 8px; max-height: 56px; }
.picListFl li:hover .pic img { transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); }

/* 内容带图片的信息列表_普通式 - 左图片右文字 */
.txtPicList li { overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; }
.txtPicList li .node { display: inline-block; *display: inline; height: 20px; line-height: 20px; padding: 0 13px; color: white; vertical-align: top; background-color: #c30909; border-radius: 5px; }
.txtPicList li .pic { width: 160px; margin-right: 20px; float: left; }
.txtPicList li .pic a:hover img { border-color: #aaa; }
.txtPicList li .con { overflow: hidden; }
.txtPicList li .title { height: 30px; line-height: 30px; font-size: 16px; }
.txtPicList li .intro { margin-top: 5px; line-height: 24px; max-height: 48px; _height: 48px; font-size: 12px; color: #999; text-indent: 2em; }
.txtPicList li .intro .more { color: #c30909; font-size: 12px; }

/* 内容带图片的信息列表_普通式 - 上图片下文字 */
.txtPicListB .pic img { width: 190px; height: 120; padding: 4px; border: 1px solid #ddd; background: #fff; }
.txtPicListB .pic a:hover img { border-color: #aaa; }
.txtPicListB .title { height: 28px; line-height: 28px; font-weight: bold; }
.txtPicListB .title a { color: #9b770a; }
.txtPicListB .intro { color: #666; }
.txtPicListB .intro .more { color: #f60; }

/* 头条图文信息列表_普通式 */
.topicList .t {overflow: hidden; margin-bottom: 8px; }
.topicList .t .pic{
    width: auto;
    float: left;
    margin-right: 20px;
}
.topicList .t .con{overflow: hidden; text-align: left; padding-bottom: 60px;}
.topicList .t .title {line-height: 1.8; font-size: 18px; margin-bottom: 10px; font-weight: bold; }
.topicList .t .tit:hover { color: #333 }
.topicList .t .intro {position: relative; font-size: 14px; line-height: 1.4; color: #999;}
.topicList .t .intro .more {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: -60px;
    width: auto;
    float: left;
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    font-size: 16px;
    color: white;
    background-color: #c30909;
}
.topicList .t .intro .more:hover{
    background-color: #a30404;
}
.topicList .n {
    line-height: 40px;
    font-size: 16px;
    border-bottom: 1px solid #e7e7e7;
}
.topicList .n .date{
    float: right;
    color: #999;
}
.topicList .n .tit{
    display: block;
}
.topicList .n .tit::before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    margin-right: 13px;
    border: 2px solid #333;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.topicList .n:hover .date,
.topicList .n:hover .tit{
    color: #c30909;
}
.topicList .n:hover .tit::before{
    border-color: #c30909;
}

/* 有图片时追加的类 class="topicList topicHasPic" */
.topicHasPic .t { position: relative; overflow: hidden; zoom: 1; }
.topicHasPic .t .title { font-weight: 400; text-align: left; }
.topicHasPic .pic { width: 140px; margin-right: 20px; float: left; }
.topicHasPic .pic img { width: 100%; height: 90px; }
.topicHasPic .pic a:hover img { border-color: #aaa; }
.topicHasPic .con { overflow: hidden; zoom: 1; }

/* 头条日历式信息列表 */
.topDateList { overflow: hidden; }
.topDateList li.t { padding-bottom: 10px; margin-bottom: 9px; border-bottom: 1px dotted #a9dab9; }
.topDateList li.t .calendar { width: 58px; float: left; margin-right: 20px; text-align: center; font-size: 12px; color: #36523f; line-height: 20px; background-color: #afe0bf; }
.topDateList li.t .calendar em { display: block; height: 34px; line-height: 34px; font-size: 24px; }
.topDateList li.t .con { overflow: hidden; }
.topDateList li.t .title { margin: 3px 0; line-height: 24px; }
.topDateList li.t .tit { font-size: 14px; color: #36523f; }
.topDateList li.t .intro { margin-top: 5px; line-height: 22px; max-height: 44px; _height: 48px; font-size: 14px; color: #999; }
.topDateList li.n { line-height: 39px; border-bottom: 1px dotted #a9dab9; overflow: hidden; }
.topDateList li.n:nth-last-child(1) { border-bottom: none; }
.topDateList li.n .date { float: right; color: #999; }
.topDateList li.n a.tit { padding-left: 18px; background: url(../img/dot01.png) left center no-repeat; }
.topDateList li.last { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }

/* 焦点图切换-广告 */
.slideBox { height: 100px; overflow: hidden; position: relative; }
.slideBox .hd { position: absolute; z-index: 1; right: 5px; bottom: 5px; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { font-size: 12px; float: left; margin-right: 2px; width: 16px; height: 16px; line-height: 16px; text-align: center; background: #000; cursor: pointer; color: #fff; filter: alpha(opacity=60); opacity: 0.6; }
.slideBox .hd ul li.on { background: #f00; filter: alpha(opacity=100); opacity: 1; }
.slideBox .bd { position: relative; z-index: 0; }
.slideBox .bd .con { display: none; }

/* 焦点图切换-新闻内容 */
.focusBox {overflow: hidden;position: relative;padding-bottom: 14px;}
.focusBox .hd {
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    height: 6px;
    vertical-align: top;
}

.focusBox .hd ul{
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
}
.focusBox .hd li {float: left;margin: 0 5px;width: 40px;height: 6px;line-height: 6px;text-align: center;background: #e2e2e2;cursor: pointer;color: #fff;}
.focusBox .hd li.on { background: #c30909;}
.focusBox .hd li span { display: none; }
.focusBox .bd { position: relative; overflow: hidden; }
.focusBox .bd li { position: relative; }
.focusBox .bd .pic {margin-bottom: 10px; position: relative; z-index: 0; line-height: 0; }
.focusBox .bd .pic img { width: 100%; height: auto; }
.focusBox .bd .con {overflow: hidden; text-align: center; line-height: 30px; margin-bottom: 10px;}
.focusBox .bd .con .title {padding:5px 15px 0; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.focusBox .bd .con .title a { color: inherit; }
.focusBox .next::before { content: "\E810"; }

/* 图片经过效果 */
#content .pic { overflow: hidden; }
#content .pic img { width: 100%; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; display: block }
#content .pic:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }

/* url_方块样式分页 */
.page { font-size: 0; text-align: center; padding: 25px 0; clear: both; overflow: hidden; }
.page a,
.page span { font-size: 14px; *display: inline; zoom: 1; border: 1px solid #e1e1e1; padding: 0px 10px; margin: 0 3px 5px 0; line-height: 26px; height: 26px; display: inline-block; }
.page a:hover,
.page span:hover { border: 1px solid #c30909; text-decoration: none; color: #c30909; }
.page .current { background: #c30909; border: 1px solid #c30909; color: #fff !important; font-weight: bold; }
.page select,
.page input { margin: 0 4px; background: #fff; border: 0 solid #e1e1e1; vertical-align: middle; }
.page input { text-align: center; padding: 0 4px; outline: none; }
.page .disabled { pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }


/*-- 网站地图 --*/
.siteMap { overflow: hidden; zoom: 1; padding: 20px; }
.siteMap .li1 { margin-bottom: 20px; }
.siteMap .h1 { height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; }
.siteMap .h1 .a1 { color: #c30909; font-weight: bold; font-size: 18px;}
.siteMap .ul1 { padding: 10px 20px; zoom: 1; }
.siteMap .li2 { display: inline-block; *display: inline; zoom: 1; padding-right: 50px; vertical-align: top; padding-bottom: 5px; }
.siteMap .a2 { color: #666; }
.siteMap .ul2 { padding: 0 0 20px 0; }
.siteMap .li3 { line-height: 18px; display: inline-block; *display: inline; zoom: 1; }
.siteMap .a3 { color: #999; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ddd; }
.siteMap .last3 .a3 { border-right: 0; }
.siteMap #liID41 .li2 { display: block; }