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

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

/* 通用信息列表 */
.infoList { text-align: left; }
.infoList li { padding: 8px 0; line-height: 24px; font-size: 16px; }
.infoList li.split { margin: 10px 0; background: none; border-bottom: 1px dotted #ddd; height: 0; font-size: 0; overflow: hidden; }
.infoList li .date { margin-left: 15px; float: right; color: #999;}
.infoList li:hover > a { font-weight: bold; color: #CC3333; }

/* 通用带图片的信息列表_普通式 */
.picList li { text-align: center;}
.picList li .pic img { width: 95px; height: 125px; padding: 4px; border: 1px solid #ddd; background: #fff;}
.picList li .pic a:hover img { border-color: #aaa;}
.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 .pic { width: 96px; float: left;}
.txtPicList li .pic img { width: 90px; height: 90px; padding: 2px; border: 1px solid #ddd; background: #fff;}
.txtPicList li .pic a:hover img { border-color: #aaa;}
.txtPicList li .con { width: 230px; float: left; padding-left: 8px;}
.txtPicList li .title { height: 28px; line-height: 28px; font-size: 14px; color: #c30000; font-weight: bold;}
.txtPicList li .title a { color: #c30000;}
.txtPicList li .intro { color: #666; line-height: 20px;}
.txtPicList li .intro .more { color: #c30000; font-size: 12px;}

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

/* 头条图文信息列表_普通式 */
.topicList li,
.topicList li > a { transition: all 0.6s ease; }
.topicList .t { padding-bottom: 20px; margin-bottom: 12px; border-bottom: 1px dashed #d1d1d1; }
.topicList .t .con { padding-top: 10px; }
.topicList .t .title { max-height: 60px; line-height: 30px; overflow: hidden; text-align: left; font-size: 22px; margin-bottom: 10px;}
.topicList .t:hover .title a { font-weight: bold; color: #c30000; }
.topicList .t .intro { margin-bottom: 0; line-height: 26px; color: #666; height: 52px; overflow: hidden; font-size: 14px;}
.topicList .t .intro .more { color: #c30000;}
.topicList .t .others { color: #999; font: 16px; line-height: 26px; }
.topicList .t .others span { margin-right: 15px; }
.topicList .n { line-height: 24px; font-size: 16px; padding: 8px 0;}
.topicList .n:hover > a { font-weight: bold; color: #CC3333; }
.topicList .n .date { margin-left: 15px; float: right; color: #999; }

/* 有图片时追加的类 class="topicList topicHasPic"  */
.topicHasPic .t { position: relative; overflow: hidden; zoom: 1;}
.topicHasPic .pic { width: 240px; margin-right: 38px; float: left;}
.topicHasPic .pic img { width: 100%; height:auto;}
.topicHasPic .pic a:hover img { border-color: #aaa;}
.topicHasPic .t .con { overflow: hidden; zoom: 1; padding: 0; }

/* 焦点图切换-广告 */
.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 { margin-bottom: 15px; /* 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: 9px; height: 9px; line-height: 9px; text-align: center; background: #fff; cursor: pointer; color: #fff; padding: 0px; position: static;}
.focusBox .hd ul li.on { background: #FF4F01; 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: 36px; line-height: 36px; 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=60); opacity: 0.6; height: 36px;}


/* 图片经过效果 */
.pic a,
a.pic { overflow: hidden; display: block; }
a.pic img,
.pic a img { transition: all ease .4s; }
a.pic img:hover,
.pic a:hover img { transform: scale(1.08); }

/* 图标特效 */
.effectIcon li a:before{ transition: all 0.6s ease; }
.effectIcon li a:hover:before{ animation: tada 1s ease 0.2s 1; }


/* url_方块样式分页 */
.page { font-size: 0; text-align: center; padding: 25px 0; clear: both; line-height: 26px;}
.page a, .page span { font-size: 12px; display: inline-block; *display: inline; zoom: 1; border: 1px solid #d4d4d4; padding: 2px 10px; margin-right: 5px; vertical-align: top;}
.page a:hover { border: 1px solid #CC3333; text-decoration: none; color: #CC3333;}
.page .current { background: #CC3333; border: 1px solid #CC3333; color: #fff !important;}
.page select { height: 18px; line-height: 18px; padding: 0 8px; background: #fff; border: 0; border: none; 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: #0068B7; padding-left: 15px;}
.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;}



/* 动画 */
@keyframes tada {
    0% {
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -5deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}