@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; overflow: hidden; font-size:16px; padding-left:15px; position:relative;}
.infoList li::before{content:""; display:block; width:6px; height:6px; background:#333333; border-radius:50%; position:absolute; left:0px; top:50%; margin-top:-3px;}
.infoList li .date { font-size: 14px; margin-left: 15px; float: right; color: #999;}
.infoList li .node { color: #f00; margin-right: 5px;}

/* 通用带图片的信息列表_普通式 */
.picList{display:grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr);}
.picList li{width:100%; }
.picList li .pic{width:100%; height:auto; overflow:hidden; border-radius:5px; margin-bottom:10px; }
.picList li .pic img{width:100%; height:auto; max-height:210px; transition:0.5s;}
.picList li .pic a:hover img{transform:scale(1.2)}
.picList li .title{line-height:28px; height:28px; overflow:hidden; font-size:16px; margin-bottom:5px; text-align:center;}


/* 内容带图片的信息列表_普通式 - 左图片右文字 */
.txtPicList li { display:flex; margin-bottom:30px; justify-content:space-between; align-items:stretch}
.txtPicList li .pic{width:240px; height:160px; margin-right:20px; overflow:hidden;}
.txtPicList li .pic img{width:100%; height:auto; transition:0.5s}
.txtPicList li .pic a:hover img{ transform:scale(1.2)}
.txtPicList li .con{width:1%; flex-grow:1; display:flex; flex-direction:column; padding:10px 0; position:relative; }
.txtPicList li .con::before,
.txtPicList li .con::after{content:""; display:block; height:1px; position:absolute; left:0px; bottom:0px; right:0px; background:#e6e6e6;}
.txtPicList li .con::before{background:#B00B14; z-index:1; transform: scaleX(0); transform-origin: left top; transition:0.5s}
.txtPicList li .con .others{ line-height:26px; order:0; margin-bottom:10px; }
.txtPicList li .con .others .date{height:26px; box-sizing:border-box; line-height:24px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:14px; color:#B00B14; display:inline-block; transition:0.5s}
.txtPicList li .con .title{order:1; line-height:30px; font-size:18px; color:#333333; margin-bottom:10px;}
.txtPicList li .con .title a{color:#333333;}
.txtPicList li .con .intro{order:2; font-size:14px; line-height:26px; color:#777777; max-height:48px; overflow:hidden; }
.txtPicList li:hover .con .title a{color:#B00B14}
.txtPicList li:hover .con .others .date{letter-spacing: 1px;}
.txtPicList li:hover .con::before{transform: scaleX(1);}


/* 内容带图片的信息列表_普通式 - 上图片下文字 */
.txtPicListB li{float:left; width:240px; margin-right:40px;}
.txtPicListB li .pic{width:100%; height:auto; overflow:hidden; border-radius:5px; margin-bottom:10px; }
.txtPicListB li .pic img{width:100%; height:190px; transition:0.5s;}
.txtPicListB li .pic a:hover img{transform:scale(1.2)}
.txtPicListB li .con .title{line-height:28px; height:56px; overflow:hidden; font-size:16px; margin-bottom:5px;}
.txtPicListB li .con .intro{line-height:24px; height:48px; overflow:hidden; font-size:14px; color:#999999; margin-bottom:10px;}
.txtPicListB li .con .others{overflow:hidden;}
.txtPicListB li .con .others .date{float:left;height:18px;line-height:18px;font-size:12px;color:#999999;padding-left: 18px;background: url(/content/main/base/img/icon-date.png) 0px 2px no-repeat;}

/* 头条图文信息列表_普通式 */
.topicList .t { padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px dotted #ddd;}
.topicList .t .title { font-size: 17px; padding: 0 0 5px 0; text-align: center; font-weight: bold;}
.topicList .t .tit {}
.topicList .t .tit:hover { color: #f1940e}
.topicList .t .intro { font-size: 12px; color: #818181; text-align: left; line-height: 2.2;}
.topicList .t .intro .more { color: #f1940e;}
.topicList .n { height: 34px; line-height: 34px; border-bottom: 1px dotted #ddd; overflow: hidden; padding: 0 10px 0 0;}
.topicList .n .tit { padding-left: 18px; background: url(/content/main/base/img/liteicon.png) no-repeat 0;}
.topicList .n .date { float: right; color: #999; margin-left: 10px;}

/* 有图片时追加的类 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;}

/* 焦点图切换-广告 */
.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 { /* width: 100%; */ overflow: hidden; position: relative;}
.focusBox .hd { position: absolute; z-index: 1; right: 4px; bottom: 14px;}
.focusBox .hd ul { overflow: hidden; zoom: 1; float: left;}
.focusBox .hd ul li { float: left; margin-right: 5px; width: 11px; height: 11px; line-height: 11px; text-align: center; background: #fff; cursor: pointer; color: #fff; border-radius: 50%;}
.focusBox .hd ul li.on { background: #f7bc68; color: #fff;}
.focusBox .hd ul li span { display: none;}
.focusBox .bd { position: relative; overflow: hidden;}
.focusBox .bd li { position: relative;}
.focusBox .bd .pic { position: relative; z-index: 0; line-height: 0;}
.focusBox .bd .pic img { width: 100%; height: 260px; border: 0;}
.focusBox .bd .con { position: absolute; width: 100%; z-index: 1; bottom: 0; height: 40px; line-height: 40px; text-align: left;}
.focusBox .bd .con .title { position: absolute; width: 76%; bottom: 0; left: 0; z-index: 1; height: 100%; overflow: hidden;}
.focusBox .bd .con .title a { color: #fff; padding-left: 10px; text-decoration: none;}
.focusBox .bd .con .titleBg { position: absolute; width: 100%; z-index: 0; bottom: 0; left: 0; background: #000; filter: alpha(opacity=50); opacity: 0.5; height: 40px;}

/* 图片经过效果 */
/*
.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_方块样式分页 */
.page { font-size: 0; text-align: left; padding: 25px 0; clear: both; overflow: hidden; color: #888; text-align: center;}
.page a,
.page span {font-size: 14px;display: inline-block;zoom: 1;border: 1px solid #E1E1E1;padding: 0px 10px;margin: 0 5px 5px 0;line-height: 28px;height: 28px;color: #888;background-color:#fff;}
.page a:hover,
.page span:hover { border: 1px solid #9D2026; text-decoration: none; color: #9D2026;}
.page .current { border: 1px solid #9D2026; background: #9D2026; color: #fff !important;}
.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 { padding: 15px 10px; overflow: hidden; zoom: 1;}
.siteMap .li1 { margin-bottom: 20px;}
.siteMap .h1 { height: 40px; line-height: 40px; border: 1px dotted #ccc; background: #fff; background: #f6f6f6;}
.siteMap .h1 .a1 { font: normal 16px/40px "Microsoft YaHei", 'PingFang SC'; _font-weight: bold; color: #9D2026; padding-left: 15px;}
.siteMap .ul1 { padding: 10px 20px; zoom: 1;}
.siteMap .li2 { display: inline-block; 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; 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;}