@charset "utf-8";
/* Css for PEL,ver 1.0CopyRight By Dongyi Network Technology CO.,Ltd Design Center所有网站通用模块，可根据自身网站修改 */

/* 通用信息列表 */
.infoList{ text-align: left; }
.infoList li { position: relative; height:32rem; line-height: 32rem; font-size: 14rem; overflow: hidden; padding-left: 16rem; text-overflow: ellipsis; white-space: nowrap; display:flex; justify-content:space-between }
.infoList li::before { content: ""; position: absolute; left: 0; top: 50%; width: 4rem; height: 4rem; border:1rem solid #CC0301; border-left:none; border-bottom:none; transform: translateY(-50%) rotate(45deg)  }
.infoList li a{display:inline-block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.infoList li .date{ margin-left: 20rem; color: #999; order:2; flex-shrink:0; font-family:Arial; }
.infoList li.highlight{ font-weight: bold; }
.infoList li .signin{ float: right; color: #CC0301; margin-left: 10rem; }
.infoList li .signin a{ color: #CC0301; }

/* 通用带图片的信息列表_普通式 */
.picList { display:grid; grid-template-columns:repeat(2,1fr);  grid-gap:20rem;}
.picList li{width:100%; box-sizing:border-box; padding:0rem; position:relative; transition:0.5s}
.picList li .pic{width:100%; height:auto; overflow:hidden}
.picList li .pic img{width:100%; height:auto;  aspect-ratio:16/9}
.picList li .titleBg{position:absolute; left:0rem; bottom:0rem; right:0rem; height:44rem; background:rgba(0,0,0,0.45); z-index:1}
.picList li .title{position:absolute; left:0rem; bottom:0rem; right:0rem; height:44rem; line-height:44rem; font-size:14rem;color:#fff; z-index:2; overflow:hidden;  text-overflow: ellipsis; white-space: nowrap; padding:0 14rem ; text-align:center;   }
.picList li .title a{color:#fff; opacity:0.8}
.picList li .title a:hover{text-decoration:none; opacity:1}
.picList li .date{position:absolute; right:12rem; bottom:12rem; height:56rem; line-height:56rem; font-size:12rem; color:#fff; text-align:left; width:90rem; z-index:3; font-family:Arial; }


/* 通用带图片的信息列表_普通式 - 横排浮动 */
.picListFl { margin: -0.85%; overflow: hidden; text-align: center; }
.picListFl li { float: left; width: 31.6333%; margin: 0.85%; position: relative; overflow: hidden; }
.picListFl li.noData { text-align: left; }
.picListFl .pic a { display: block; padding-bottom: 75%; position: relative; overflow: hidden; height: 0; }
.picListFl .pic img { position: absolute; left: 0; top: 0; min-height: 100%; width: 100%; }
.picListFl .title a { padding: 12rem 20rem; display: block; height: 34rem; font-size: 16rem; line-height: 34rem; background: #f5f5f5; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; }

/* 内容带图片的信息列表_普通式 - 左图片右文字 */
.txtPicList li{ overflow: hidden; padding-bottom: 10rem; margin-bottom: 10rem; }
.txtPicList li .pic{ width: 96rem; float: left; }
.txtPicList li .pic img{ width: 90rem; height: 90rem; padding: 2rem; border: 1rem solid #ddd; background: #fff; }
.txtPicList li .pic a:hover img{ border-color: #aaa; }
.txtPicList li .con{ width: 230rem; float: left; padding-left: 8rem; }
.txtPicList li .title{ height: 28rem; line-height: 28rem; font-size: 15rem; color: #c30000; font-weight: bold; }
.txtPicList li .title a{ color: #c30000; }
.txtPicList li .intro{ color: #666; line-height: 20rem; }
.txtPicList li .intro .more{ color: #c30000; font-size: 12rem; }

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

/* 头条图文信息列表_普通式 */
.topicList .t{ position: relative; overflow: hidden; zoom: 1; margin-bottom: 10rem; border-bottom: 1rem solid #E9EBEE; padding-bottom: 15rem; }
.topicList .t .title{ max-height: 76rem; line-height: 38rem; font-size: 26rem; overflow: hidden; color:#cc0301; margin-bottom:10rem;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.topicList .t .title a{ color:#cc0301;}
.topicList .t .intro{font-size: 14rem; color: #777; line-height: 22rem; max-height:44rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; text-indent:2em}
.topicList .t .others{ margin-top: 12rem; font-size: 16rem; color: #999; }
.topicList .t .others span{ margin-right: 15rem; }
.topicList .n { position: relative; height:32rem; line-height: 32rem; font-size: 14rem; overflow: hidden; padding-left: 16rem; text-overflow: ellipsis; white-space: nowrap;display:flex; justify-content:space-between; }
.topicList .n::before { content: ""; position: absolute; left: 0; top: 50%; width: 4rem; height: 4rem; border:1rem solid #CC0301; border-left:none; border-bottom:none; transform: translateY(-50%) rotate(45deg)  }
.topicList .n .tit{display:inline-block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.topicList .n .date{ margin-left: 20rem; color: #999; order:2; flex-shrink:0; font-family:Arial;}

/* 有图片时追加的类 class="topicList topicHasPic" */
.topicHasPic .t{ border-bottom: none; margin-bottom: 18rem; padding-bottom: 0; }
.topicHasPic .t .pic{ width: 200rem; margin-right: 20rem; float: left; }
.topicHasPic .t .pic img{ width: 100%; height: 133rem; }
.topicHasPic .t .con{ overflow: hidden; height: 133rem; box-sizing: border-box; padding-top: 6rem; }

/* 焦点图切换-广告 */
.slideBox{ height: 100rem; overflow: hidden; position: relative; }
.slideBox .hd{ position: absolute; z-index: 1; right: 5rem; bottom: 5rem; }
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li{ font-size: 12rem; float: left; margin-right: 2rem; width: 16rem; height: 16rem; line-height: 16rem; 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 .pic a:hover img{ -webkit-transform: none; transform: none; }
.slideBox .bd .con{ display: none; }

/* 焦点图切换-标准 */
.focusBox{ width: 520rem; height: 520rem; overflow: hidden; position: relative; background: #f5f5f5; padding: 25rem 20rem; }
.focusBox .hd{ position: absolute; width: 100%; left: 0; bottom: 30rem; text-align: center; }
.focusBox .hd ul{ font-size: 0; line-height: 1; }
.focusBox .hd ul li{ display: inline-block; margin: 0 5rem; width: 10rem; height: 10rem; line-height: 10rem; text-align: center; background: #ccc; cursor: pointer; color: #333; border-radius: 500rem; }
.focusBox .hd ul li.on{ background: #F83F21; color: #fff; }
.focusBox .hd ul li span{ display: none; }
.focusBox .bd{ position: relative; overflow: hidden; }
.focusBox .bd li{ position: relative; height: 476rem; margin: 0 10rem; }
.focusBox .bd .pic { position: absolute; left: 0; bottom: 0; }
.focusBox .bd .pic img{ width: 100%; height: 333rem; }
.focusBox .bd .con{ position: relative; padding-top: 32rem; }
.focusBox .bd .con .title{ line-height: 34rem; height: 34rem; font-size: 18rem; overflow: hidden; }
.focusBox .bd .con .date{ position: absolute; left: 0; top: 0; line-height: 30rem; font-size: 18rem; color: #777; }
.focusBox .bd .con .intro{ margin-top: 10rem; line-height: 24rem; height: 48rem; overflow: hidden; font-size: 14rem; color: #777; }

/* 焦点图切换-内页 */
.focusPageBox { margin-bottom: 30rem; position: relative; background: #fff; padding: 20rem; overflow: hidden; box-shadow: 0 0 15rem rgba(0, 0, 0, 0.15); }
.focusPageBox .bd .pic { float: left; width: 600rem; margin-right: 30rem; }
.focusPageBox .bd .pic img { width: 100%; height: 372rem; }
.focusPageBox .bd .con{ overflow: hidden; }
.focusPageBox .bd .con .title { line-height: 36rem; max-height: 72rem; font-size: 24rem; overflow: hidden; }
.focusPageBox .bd .con .intro { margin-top: 12rem; line-height: 28rem; max-height: 168rem; overflow: hidden; font-size: 14rem; color: #777; }
.focusPageBox .bd .con .date { display: block; margin-top: 12rem; line-height: 30rem; font-size: 14rem; color: #999; }
.focusPageBox .bd .con .date::before { display: inline-block; vertical-align: top; font-family: "fontpower"; content: '\e737'; margin-right: 8rem; font-size: 1.2em; color: #bda060; }
.focusPageBox .hd{ position: absolute; width: auto; left: 600rem; right: 0; bottom: 40rem; text-align: center; }
.focusPageBox .hd ul{ font-size: 0; line-height: 1; }
.focusPageBox .hd ul li { display: inline-block; margin: 0 5rem; width: 12rem; height: 12rem; line-height: 12rem; text-align: center; background: #ccc; cursor: pointer; color: #333; border-radius: 500rem; }
.focusPageBox .hd ul li.on{ background: #F83F21; color: #fff; }
.focusPageBox .hd ul li span{ display: none; }

/* 图片经过效果 */
@media (min-width:1300px) {
.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.03); }
}

/* url_方块样式分页 */
.page{ font-size: 0; text-align: left; padding: 30rem 0; clear: both; overflow: hidden; color: #888; text-align: center; }
.page a,
.page span{font-size: 14rem;display: inline-block;zoom: 1;border: 1rem solid #E1E1E1;padding: 2rem 7rem;margin: 0 5rem 5rem 0;line-height: 23rem;height: 23rem;color: #888;background: #fff; min-width:10rem;}
.page a:hover,
.page span:hover{ border: 1rem solid #cc0301; text-decoration: none; color: #cc0301; }
.page .current{ border: 1rem solid #cc0301; background: #cc0301; color: #fff !important; }
.page select,
.page input{ margin: 0 4rem; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle; }
.page input{ text-align: center; padding: 0 4rem; outline: none; }
.page .disabled{ pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

/*-- 网站地图 --*/
.siteMap{ padding: 15rem 10rem; overflow: hidden; zoom: 1; }
.siteMap .li1{ margin-bottom: 20rem; }
.siteMap .h1{ height: 40rem; line-height: 40rem; border: 1rem dotted #ccc; background: #fff; background: #f6f6f6; }
.siteMap .h1 .a1{ font: normal 16rem/40rem "Microsoft YaHei"; _font-weight: bold; color: #cc0301; padding-left: 15rem; }
.siteMap .ul1{ padding: 10rem 20rem; zoom: 1; }
.siteMap .li2{ display: inline-block; zoom: 1; padding-right: 50rem; vertical-align: top; padding-bottom: 5rem; }
.siteMap .a2{ color: #666; }
.siteMap .ul2{ padding: 0 0 20rem 0; }
.siteMap .li3{ line-height: 18rem; display: inline-block; zoom: 1; }
.siteMap .a3{ color: #999; padding-right: 10rem; margin-right: 10rem; border-right: 1rem solid #ddd; }
.siteMap .last3 .a3{ border-right: 0; }
.siteMap #liID41 .li2{ display: block; }

/* 图标特效 */
.effectIcon li a:before{
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.effectIcon li a:hover:before{
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}


/* 媒体查询 小于768 */
@media (max-width:767px) {
    .topicList .t .title{font-size:20rem; line-height:30rem; max-height:60rem}
}