@charset "utf-8";

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

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

:root {
  /* =========================
     1. 颜色规范 (Color Specs)
     ========================= */
  --color-background: #85191E;       /* 主填充色 */
  --color-background-accent: #A57E42;       /* 辅助充色 */
  --color-background-click: #781217;       /* 主要click填充色 */

  /* 文字颜色 */
  --color-text-title-body: #333333; /* 标题/正文色 */
  --color-text-secondary: #666666;  /* 次要文字色 */

  /* =========================
     2. 字体规范 (Font Specs)
     ========================= */

  --text-title-lh: 48px;  
  --text-title-2h: 36px; 
  --text-title-3h: 32px;   
  --text-font-lh: 28px;   
  --text-font-2h: 24px;
  --text-font-3h: 22px;  
  --text-font-title: 18px;
  --text-font-intro: 16px;
  --text-font-date: 14px;
}
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.woff2') format('woff2'),
        url('../fonts/iconfont.woff') format('woff'),
        url('../fonts/iconfont.ttf') format('truetype');
}


li.highlight { font-weight: normal; }

/* 通用信息列表 */
.infoList { text-align: left; }
.infoList li { height: 50px; line-height: 50px; box-sizing: border-box; font-size: var(--text-font-title); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding-left: 25px; transition: 0.4s; }
.infoList li::before { display: block; content: ""; transition: 0.4s; background: #D9D9D9; border-radius: 100%; width: 5px; height: 5px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); }
.infoList li:hover { padding-left: 30px; }
.infoList li:hover::before { background-color: #6A1E17; }
.infoList li.highlight { font-weight: normal; }
.infoList li a em { color: #A7231C; }
.infoList .date { margin-left: 20px; float: right; color: #999; }
.infoList .node { color: #999; margin-right: 5px; }
.infoList .node a { color: inherit; }
.infoList .address { float: right; background-color: #F9F9F9; font-size: 14px; color: #777; padding: 0 10px; border-radius: 4px; height: 26px; line-height: 26px; margin-top: 4px; transition: 200ms; margin-left: 20px; }
.infoList .address:hover { color: #fff; background-color: #A7231C;}

/* 通用信息列表-日历式 */
.date-list li { display: flex; align-items: center; border-bottom: 1px dashed #eee; padding: 25px; transition: 0.4s; box-sizing: border-box; }
.date-list li:hover { padding-left: 30px; padding-right: 20px; }
.date-list a { flex: 1; min-width: 0; line-height: 1.8; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.date-list .date { flex-shrink: 0; padding-right: 20px; font-size: 14px; justify-content: center; margin-right: 20px; color: #6A1E17; position: relative; display: flex; flex-direction: column; align-items: center; line-height: 1.3; }
.date-list .date::after { display: block; content: ""; width: 1px; height: 40px; background-color: #d9d9d9; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.date-list .date b { font-size: 32px; }

/* date-top-list */
.date-top-list { display: flex; gap: 30px; flex-direction: column; }
.date-top-list li { position: relative; }
.date-top-list .t .con {  transition: 0.4s; box-sizing: border-box; }
.date-top-list .t .title { display: flex; align-items: center; }
.date-top-list .tit { flex: 1; min-width: 0; font-size: var(--text-font-title); line-height: 1.8; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.date-top-list .tit::before { inset: 0; top: 0; left: 0; right: 0; bottom: 0; position: absolute; content: ""; display: block; }
.date-top-list .date { flex-shrink: 0; font-size: var(--text-font-date); width: 80px; height: 80px; border-radius: 100%; background-color: #F9F3F4; justify-content: center; margin-right: 20px; color: #666; position: relative; display: flex; flex-direction: column; align-items: center; line-height: 1.3; }
.date-top-list .date .dd { font-size: 30px; font-weight: bold; color: var(--color-background); }
.date-top-list .date::before { display: block; z-index: -1; content: ""; position: absolute; transition: 0.3s all; top: 50%; left: 50%; border-radius: 100%; width: 20px; height: 20px; border: 1px dashed var(--color-background); }
.date-top-list .titleBg { display: none; }
.date-top-list li:hover .tit { color: var(--color-background); }
.date-top-list li:hover .date::before { animation: circle 15s linear infinite; width: 88px; height: 88px; top: -5px; left: -5px; }
.date-top-list li.highlight .tit::after { display: inline-block; content: ""; width: 30px; height: 17px; background: url(../../base/img/icon-new.png) no-repeat; margin-left: 10px; vertical-align: text-top; }

/* 通用带图片的信息列表_普通式 */
.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 .t { padding-bottom: 15px; margin-bottom: 10px; }
.topicList .t .title { font-size: 17px; padding: 0 0 5px 0; }
.topicList .t .tit { color: #6A1E17; }
.topicList .t .tit:hover { color: #c30000 }
.topicList .t .intro { font-size: 12px; color: #666; text-align: left; line-height: 1.8; }
.topicList .t .intro .more { color: #c30000; }
.topicList .n { height: 30px; line-height: 30px; overflow: hidden; padding: 0 10px 0 0; }
.topicList .n .tit { padding-left: 18px; background: url(../img/icons.png) 5px -90px no-repeat; }
.topicList .n .date { float: right; color: #999; margin-left: 10px; }

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

/* 焦点图切换-广告 */
.slideBox { 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 { position: relative; }
.focusBox .hd { position: absolute; z-index: 1; right: 15px; bottom: 30px; }
.focusBox .hd ul li { float: left; margin-right: 5px; border-radius: 100%; width: 10px; height: 10px; line-height: 10px; background: #fff; cursor: pointer; opacity: 0.6; }
.focusBox .hd ul li.on { color: #fff; opacity: 1; }
.focusBox .hd ul li span { display: none; }
.focusBox .bd ul { overflow: visible !important; }
.focusBox .bd li { position: relative; }
.focusBox .bd .pic { overflow: hidden; }
.focusBox .bd .pic img { width: 100%; height: 100%; transition: 0.4s; }
.focusBox .bd .con { position: absolute; width: 100%; z-index: 1; bottom: 0; height: 70px; line-height: 70px; text-align: left; }
.focusBox .bd .con .title { position: absolute; font-size: 20px; font-weight: bold; color: #fff; width: 85%; bottom: 0; left: 0; z-index: 1; height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.focusBox .bd .con .title a { padding-left: 20px; color: inherit; }
.focusBox .bd .con .titleBg { position: absolute; z-index: 0; bottom: 0; left: 0; height: 80px; right: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.00) 100%); }
.focusBox .bd li:hover .pic img { transform: scale(1.05); }

/* url_方块样式分页 */
.page { font-size: 0; text-align: center; padding: 25px 0; clear: both; overflow: hidden; }
.page a,
.page span { font-size: 15px; zoom: 1; border: 1px solid #eee; margin: 0 3px 5px 0; border-radius: 2px; line-height: 30px; padding: 8px 12px; }
.page a:hover,
.page span:hover { border: 1px solid #6A1E17; text-decoration: none; color: #6A1E17; cursor: pointer; }
.page .current { background: #6A1E17; border: 1px solid #6A1E17; 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 { 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: var(--color-background); 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; }

/* special-swiper */
#special-swiper { position: relative; }
#special-swiper .swiper { padding-top: 20px; padding-bottom: 60px; }
#special-swiper .swiper-slide { width: 385px; }
#special-swiper .swiper-slide img { display: block; width: 100%; height: 240px; background-color: #f5f5f5;}
#special-swiper .swiper-slide .tit { display: none; }
#special-swiper .swiper-pagination { width: 100%; bottom: 0; }
#special-swiper .swiper-pagination-bullet { margin: 0 5px; background-color: #ddd; width: 40px; height: 10px; opacity: 1; border-radius: 5px; cursor: pointer; }
#special-swiper .swiper-pagination-bullet:hover,
#special-swiper .swiper-pagination-bullet-active { background-color: var(--color-background); }


@media ( max-width: 1680px) {
   :root {
     --text-title-lh: 36px;  
     --text-title-2h: 32px; 
     --text-title-3h: 28px;   
     --text-font-lh: 24px;   
     --text-font-2h: 22px;
     --text-font-3h: 18px;  
     --text-font-title: 16px;
     --text-font-intro: 14px;
   }

   
   /* special-swiper */
    #special-swiper .swiper-slide { width: 325px; }
    #special-swiper .swiper-slide img { height: 200px; }
}