@charset "utf-8";
/*
    Css for PEL,    ver 1.0
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center

    所有网站通用模块，可根据自身网站修改
*/
.noData{ font-size: 16px; }

/* 通用信息列表DOT */
.infoList{ text-align:left; }
.infoList li{ line-height: 20px; overflow: hidden; padding: 8px 0 8px 18px; background: url(../images/iconInfo.png) no-repeat 0px 15px; font-size: 16px; }
.infoList li a{ color: #666; }
.infoList li a:hover{ color: #1e51ad; }
.infoList li .date{ float:right; color:#999; margin-left: 5px; }
.infoList li .author{ margin-left: 5px; color: #999; }


/* 通用友情链接信息列表 普通式 */
.linksList{text-align: left;}
.linksList li{line-height:20px; overflow:hidden; padding: 11px 0 11px 11px; background: url(../images/iconInfo.png) no-repeat 0px center; font-size: 16px;}
.linksList li.noData{ margin-left:11px;}


/* 通用带图片的信息列表_普通式 */
.picList{overflow: hidden; margin: 0 -10px;}
.picList li{position: relative; float: left; margin: 16px 0 0;}
.picList li .pic{margin: 0 10px; overflow: hidden;}
.picList li .title{margin: 0 10px; font-size: 16px; padding-top: 5px;}
.picList li.noData{ margin-left:10px;}


/* 通用带图片的信息列表_头条式 */
.picTopList{overflow: hidden; margin: -1px 0 0 -1px;}
.picTopList{margin: -10px 0 0 -20px; overflow: hidden;}
.picTopList li{position: relative; float: left; width: 220px; margin: 20px 0 0 20px;}
.picTopList li .pic img{width: 220px; height: 150px;}
.picTopList li .title{position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 30px; margin: 0; line-height: 30px; font-size: 16px; color: #fff; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.picTopList li .title a{padding: 0 11px; color: #fff;}
.picTopList li .title .bg{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; filter: alpha(opacity=50); opacity: .5; z-index: -1;}
.picTopList li.t{ width: 480px; }
.picTopList li.t .pic img{ width: 480px; height: 320px; }
.picTopList li.noData{ font-size: 16px; text-align: left; padding-left: 10px; }


/* 通用带图片的信息列表_普通式 - 横排浮动 */
.picListFl{margin: 0 -10px; overflow: hidden;}
.picListFl li{float: left; width: 25%;}
.picListFl li .pic{ margin: 0 10px; background-color: #fff;}
.picListFl li .pic img{width: 100%; height: auto;}
.picListFl li .title{margin: 0 10px; text-align: center; padding-top: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.picListFl li .title a{color: #333;}
.picListFl li.noData{ margin-left:10px; text-align: left;}

/* 内容带图片的信息列表_普通式 - 左图片右文字 */
.txtPicList li{position: relative;  overflow: hidden; padding: 20px 0; border-bottom: 1px dashed #ddd; text-align: left;}
.txtPicList li .pic{float: left; width: 150px; height: 100px; margin-right: 18px;}
.txtPicList li .pic img{ width: 100%; height: 100px;}
.txtPicList li .con{height: 76px;}
.txtPicList li .title{line-height: 30px; font-size: 18px; }
.txtPicList li .title a{color: #333;}
.txtPicList li .title .date{position: absolute; right: 0; bottom: 20px; color: #999; font-size: 14px; line-height: 1.4;}
.txtPicList li .intro{padding-top: 10px; color: #999; font-size: 12px; line-height: 20px;}
.txtPicList li .more{margin: 0 4px; color: #e90808;}

/* 内容带图片的信息列表_普通式 - 无简介 */
.txtPicListA li{position: relative;  overflow: hidden; padding: 14px 0; border-top: 1px dashed #bcbcbc; text-align: left;}
.txtPicListA li.first{border-top: none;}
.txtPicListA li .pic{float: left; margin-right: 20px;}
.txtPicListA li .pic img{ width: 150px; height: 100px;}
.txtPicListA li .con{height: 100px;}
.txtPicListA li .title{line-height: 26px; font-size: 16px; }
.txtPicListA li .title a{color: #333;}
.txtPicListA li .title .date{position: absolute; right: 0; bottom: 14px; color: #999; font-size: 14px; line-height: 1.4;}
.txtPicListA li .intro{display: none;}


/* 头条信息列表_普通式 */
.topicList li.t{ position: relative; overflow: hidden; height: auto; padding: 10px 0 18px; }
.topicList li.t .pic{ float: left; margin-right: 20px; }
.topicList li.t .title{ font-size: 18px; overflow: hidden; line-height: 30px; height: 30px; font-weight: bold; color: #1e51ad; }
.topicList li.t .title a{ color: inherit; }
.topicList li.t .intro{ color: #999; font-size: 14px; line-height: 1.7; text-indent: 2em; overflow: hidden; padding-top: 6px; }
.topicList li.t .intro .more{ color: #f42020; }
.topicList li.n{ line-height: 20px; overflow: hidden; padding: 8px 0 8px 18px; background: url(../images/iconInfo.png) no-repeat 0px 15px; font-size: 16px; }
.topicList li.n a{ color: #555; }
.topicList li.n a:hover{ color: #1e51ad; }
.topicList li.n .date{ float:right; color:#999; margin-left: 5px; }
.topicList li.n .node{ margin-right: 5px; color: #1e51ad; }


/* 有图片时追加的类 class="topicList topicHasPic"  */
.topicHasPic .t{overflow: hidden; zoom: 1; padding-bottom: 14px; margin-bottom: 5px;}
.topicHasPic .t .pic{ float: left; margin-right: 20px;}
.topicHasPic .t .pic img{width: 180px;height: 120px;}
.topicHasPic .t .title{padding: 5px 0 0;}

/* 焦点图切换 - 圆点 */
.focusBox{width: 470px; overflow: hidden; position: relative; text-align: left;}
.focusBox .bd li{position: relative; height: 260px;}
.focusBox .bd li .pic img{width: 100%; height: 260px;}
.focusBox .bd li .con{position: absolute; bottom: 0; left: 0; width: 100%;margin-bottom:1px;}
.focusBox .bd li .con .title{position: relative; z-index: 1; height: 60px; line-height: 60px; font-size: 16px; margin: 0 130px 0 20px; color: #fff; white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.focusBox .bd li .con .title a{ color: #fff;}
.focusBox .bd li .con .bg{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; filter: alpha(opacity=60); opacity: .6;}
.focusBox .hd{position: absolute; z-index: 1; right: 14px; bottom: 24px; font-size: 0; line-height: 1; text-align: right;}
.focusBox .hd li{display: inline-block; width: 12px; height: 12px; margin: 0 6px 0 0; cursor: pointer; border-radius: 12px; background: #fff; text-indent: 999px; overflow: hidden; filter: alpha(opacity=50); opacity: .5;}
.focusBox .hd li.on{background: #3e8aec; filter: alpha(opacity=100); opacity: 1;}



/* 幻灯片切换 - 无图文信息 */
.slideBox{position: relative; width: 1200px; height: 110px; overflow: hidden; text-align: left;}
.slideBox .bd{height: 110px;}
.slideBox .bd li{position: relative; height: 110px; background: #ededed;}
.slideBox .bd li .pic{width: 100%; float: left;}
.slideBox .bd li .pic img{display: block; width: 100%; height: 110px;}
.slideBox .bd li .con{display: none;}
.slideBox .hd{position: absolute; z-index: 1; right: 9px; bottom: 8px; font-size: 0; line-height: 1; text-align: right;}
.slideBox .hd li{display: inline-block; width: 13px; height: 13px; line-height: 13px; margin: 0 4px; cursor: pointer; font-size: 14px; border-radius: 13px; background: #f6f6f6; color: #333; text-align: center; text-indent: 999px; overflow: hidden;}
.slideBox .hd li.on{background: #de2a2a; color: #fff;}

/* 幻灯片切换 - 带图文信息 */
.slideBoxA{position: relative; height: 430px; overflow: hidden; text-align: left;}
.slideBoxA .bd li{position: relative; height: 430px; background: #f6f6f6;}
.slideBoxA .bd li .pic{width: 780px; float: left;}
.slideBoxA .bd li .pic img{display: block; width: 100%; height: 430px;}
.slideBoxA .bd li .con{margin-left: 780px; padding: 35px 40px;}
.slideBoxA .bd li .con .title{font-size: 24px; color: #004487; line-height: 1.5;}
.slideBoxA .bd li .con .title a{color: #004487;}
.slideBoxA .bd li .con .intro{padding-top: 27px; font-size: 14px; text-indent: 2em; line-height: 30px; color: #666;}
.slideBoxA .bd li .con .more{color: #e40c0c;}
.slideBoxA .hd{position: absolute; width: 420px; right: 0; bottom: 40px; font-size: 0; line-height: 1; text-align: center;}
.slideBoxA .hd li{display: inline-block; width: 34px; height: 6px; background: #c9c9c9; margin: 0 8px; cursor: pointer;}
.slideBoxA .hd li.on{background: #004487;}



/* 网站地图 */
.siteMap{margin-top: 15px; padding: 10px; text-align: left; overflow: hidden;}
.siteMap .li1{margin-bottom: 15px;}
.siteMap .li1 .h1{height: 42px; line-height: 42px; padding: 0 15px; border: 1px dotted #ddd;}
.siteMap .li1 .h1 a{font-size: 17px; color: #1e51ad;}
.siteMap .ul1{padding: 10px 20px; overflow: hidden;}
.siteMap .li2{float: left; padding: 5px 20px 5px 12px; font-size: 15px; line-height: 20px; background: url(../images/iconInfo.png) no-repeat 0px center;}

/* 图片经过效果 */
.pic a {
    display: block;
    position: relative;
    transition: all 200ms ease 0s;
    overflow: hidden;
}
.pic a:hover {
    filter: alpha(opacity=80);
    opacity: .8;
}
.pic a:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    top: 0;
    left: -100%;
    overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    -webkit-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    transform: skewX(-30deg);
}
.pic a:hover:before {
    left: 150%;
    transition: left 1s ease 0s
}

/* url_方块样式分页 */
.pageShow{ text-align:center; padding:40px 0 30px;  font-size:0; overflow: hidden; }
.pageShow .pagecss{display: block; overflow: hidden; height: auto;}
.pageShow .pagecss input,.pageShow .pagecss a,.pageShow .pagecss span,.pageShow .pagecss a:active{float: none; display: inline-block; height:28px;  padding: 0 11px; margin: 0 2px; line-height:28px; border:1px solid #ddd; background:#fff; font-size: 14px; color: #333;}
.pageShow .pagecss input{float: none !important; width: 20px !important; margin: 0 3px !important; height: 20px; line-height: 24px; padding: 4px 4px; text-align: center; outline: none;}
.pageShow .pagecss a:hover {border-color:#1e51ad; text-decoration:none; color:#1e51ad;}
.pageShow .pagecss span.current {float: none; background:#1e51ad; border: 1px solid #1e51ad;  color:#fff; font-weight:bold; padding: 0 11px;}
.pageShow .pagecss span.disabled { color:#999;}


/*--
颜色代码
#1e51ad 主色
#C4DEF8 副色
--*