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

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

:root {
  /* =========================
     1. 颜色规范 (Color Specs)
     ========================= */
  
  /* 按钮 */
  --color-default: #006EB3;       /* 主要填充色 */
  --color-btn-click: #00558a;       /* click填充色/标题文字色 */

  /* 文字颜色 */
  --color-text-title: #333333; /* 标题/正文色 */
  --color-text-intro: #666666;  /* 次要文字色 */
  --color-text-date: #999;      /* 说明文字色 */
  --color-text-disabled: #BFBFBF;   /* 不可点击disabled文字色 */

  /* 背景颜色 */
  --color-background: #006EB3;    /* 背景色 */

  /* 边框颜色 */
  --color-border-table: #eee;    /* 分隔线颜色 */

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

  /* 标题类 */
  --text-menue-font: 18em;     /* 顶部菜单栏title、部分加粗大标题 */
  --text-title-font: 24em;     /* 标题title */
  --text-title2-font: 18em;  /* 列表标题 */
  --text-title3-font: 16em;  /* 辅助标题 */
  --text-intro-font: 14em;  /* 次级标题和简介 */


  /*
  --text-menue-font: 22em;
  --text-title-font: 40em; */
}

/* list-info */
.infoList li,
.list-info li { line-height: 3.28em; height: 3.28em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: var(--text-title2-font); position: relative; transition: 0.5s; padding: 0 5px; }
.infoList li .date,
.list-info li .date { margin-left: 20rem; float: right; color: #999; font-size: 0.875em;}
.list-info li { padding-left: 1em; }
.list-info li::before { display: block; content: ''; background-color: #D9D9D9; position: absolute; top: 50%; transition: all 0.5s; width: 0.35em; height: 0.35em; border-radius: 100%; transform: translateY(-50%); left: 0; }
.list-info li:hover::before { background-color: var(--color-default); }
.infoList li:hover,
.list-info li:hover { transform: translateX(5px); }
.infoList li::after,
.list-info li::after { display: block; width: 0; height: 1px; transition: 0.5s; position: absolute; bottom: 0px; left: 0; content: ""; background-color: var(--color-border-table); }
.infoList li:hover::after,
.list-info li:hover::after { width: 100%; }


/* list-topic */
.list-topic .t { display: flex; flex-wrap: wrap; overflow: hidden; margin-bottom: 15rem; }
.list-topic .t .pic { width: 100%; overflow: hidden; border-radius: 10rem; }
.list-topic .t .pic a { position: relative; display: block; height: 0; padding-bottom: 66.667%; overflow: hidden; }
.list-topic .t .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.5s; }
.list-topic .t .con { width: 100%; flex-grow: 1; box-sizing: border-box; padding: 20rem; }
.list-topic .t .title { font-size: var(--text-title2-font); line-height: 1.5; padding-bottom: 15rem; border-bottom: 1px solid var(--color-border-table); }
.list-topic .t .intro { padding-top: 1em; font-size: var(--text-intro-font); color: var(--color-text-date); max-height: 5.145em; line-height: 1.715em; overflow: hidden; box-sizing: content-box; }
.list-topic .t .others { margin-top: 20rem; font-size: var(--text-title3-font); color: #999; }
.list-topic .t .others span { margin-right: 20rem; }
.list-topic .t .pic:hover img { transform: scale(1.05); }
.list-topic .n { line-height: 3.28em; height: 3.28em; border-bottom: 1px solid var(--color-border-table); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: var(--text-title2-font); position: relative; transition: 0.5s; padding: 0 5px; }
.list-topic .n .date { margin-left: 20rem; float: right; color: #999; font-size: 0.875em;}
.list-topic .n { padding-left: 1em; }
.list-topic .n::before { display: block; content: ''; background-color: #D9D9D9; position: absolute; top: 50%; transition: all 0.5s; width: 0.35em; height: 0.35em; border-radius: 100%; transform: translateY(-50%); left: 0; }
.list-topic .n:hover::before { background-color: var(--color-default); }
.list-topic .n:hover { transform: translateX(5px); }
.list-topic .n::after { display: block; width: 0; height: 1px; transition: 0.5s; position: absolute; bottom: 0px; left: 0; content: ""; background-color: var(--color-border-table); }
.list-topic .n:hover::after { width: 100%; }

/* 焦点图 */
#focus-news { border-radius: 10rem; overflow: hidden; }
#focus-news .swiper-slide { position: relative; background-color: #fff; }
#focus-news .swiper-slide .pic a { position: relative; display: block; height: 0; padding-bottom: 66.75%; overflow: hidden; }
#focus-news .swiper-slide .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.5s; }
#focus-news .swiper-slide .pic:hover img { transform:scale(1.05); }
#focus-news .swiper-slide .title { padding: 0 5em; box-sizing: border-box; font-size: var(--text-title2-font); line-height: 3em; height: 3em; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#focus-news .swiper-pagination-bullets { right: 10em; left: auto; bottom: 21em; width: auto; display: flex; align-items: center; }
#focus-news .swiper-pagination-bullets .swiper-pagination-bullet { display: flex; justify-content: center; margin: 0 2px; align-items: center; width: 13px; height: 13px; font-size: 0; border: 2rem solid #fff; opacity: 1; background: #ddd;}
#focus-news .swiper-pagination-bullets .swiper-pagination-bullet::before { width: 5px; height: 5px; border-radius: 100%; transform: scale(0); transition: 0.4s; background-color: #006EB3; display: block; content: ""; }
#focus-news .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #01549a; border-color: #006EB3; border-width: 1px; background-color: #fff; }
#focus-news .swiper-pagination-bullets .swiper-pagination-bullet-active::before { transform: scale(1.0);  }
#focus-news .date { display: flex; flex-direction: column; border-radius: 0 10rem; z-index: 3; position: absolute; left: 0; bottom: 0; width: 80em; height: 80em; align-items: center; justify-content: center; line-height: 1.2; background-color: var(--color-default); color: #fff; }
#focus-news .date .dd { font-size: var(--text-title-font); font-weight: bold; }
#focus-news .date .ym { font-size: var(--text-title3-font); }
#focus-news .title { font-size: 18em; font-weight: bold; line-height: 2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#focus-news .intro { font-size: 14em; line-height: 1.8; color: #666; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }


/* 焦点图 - 带简介 */
.box-slide .swiper-slide { position: relative; display: flex; flex-wrap: wrap; background: #f8f8f8; }
.box-slide .swiper-slide .pic { width: 100%; }
.box-slide .swiper-slide .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 66.667%; height: 0; z-index: 1; }
.box-slide .swiper-slide .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
.box-slide .swiper-slide .con { width: 100%; display: flex; flex-direction: column; justify-content: center; padding: 20em 30em 50em;  }
.box-slide .swiper-slide .title { font-size: 20em; line-height: 1.5em; max-height: 3em; text-align: left; margin-bottom: 20rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-slide .swiper-slide .intro { text-indent: 2em; line-height: 2em; font-size: 16em; color: #999; max-height: 6em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-slide .swiper-slide .date { margin-top: 20rem; line-height: 2em; font-size: 16em; color: #999;}
.box-slide .swiper-pagination-bullets { width: 100%; left: auto; right: 0; bottom: 35rem; font-size: 0; }
.box-slide .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; width: 20rem; height: 20rem; margin: 0 4rem; font-size: 0; border-radius: 100%; text-align: center; opacity: 1; background: #ddd; }
.box-slide .swiper-pagination-bullets .swiper-pagination-bullet-active { background: var(--color-background-1); }

/* 图片列表 */
.list-pic { display: flex; flex-wrap: wrap; margin: -2% -2% 0 0; overflow: hidden; text-align: center; }
.list-pic li { width: 48%; margin: 2% 2% 0 0; position: relative; overflow: hidden; border-radius: 4px; }
.list-pic .pic a { display: block; padding-bottom: 58%; position: relative; overflow: hidden; height: 0; }
.list-pic .pic img { position: absolute; left: 0; top: 0; min-height: 100%; width: 100%; }
.list-pic .title { position: absolute; height: 46.4em; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }
.list-pic .title a { display: flex; justify-content: center; margin: 0.7em 20rem; height: 1.5em; font-size: 16em; line-height: 1.5em; text-align: center; overflow: hidden; color: #fff; text-decoration: none; }
.list-pic .title,
.list-pic .title a { transition: all ease 0.8s; }
.list-pic li:hover .title { height: 100%; }
.list-pic li:hover .title a {  align-items: center; padding: 20rem; margin: 0; height: 100%; font-size: 20em; }

/* 内容带图片的信息列表_图片判断式 */
.list-tp li { display: flex; padding-bottom: 25rem; margin-bottom: 25rem; overflow: hidden; border-bottom: 1px solid #eee; }
.list-tp li:last-of-type { margin-bottom: 0; }
.list-tp li a { display: block; color: inherit; text-decoration: none; }
.list-tp .pic { order: 1; margin-left: 25rem; width: 180rem; }
.list-tp .pic a { display: block; padding-bottom: 75%; overflow: hidden; height: 0; }
.list-tp .pic img { position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; border-radius: 4px; }
.list-tp .con { flex-grow: 1; width: 1%; }
.list-tp .title { max-height: 2.8em; font-size: 19em; line-height: 1.4em; overflow: hidden; }
.list-tp .intro { display: none; margin-top: 12rem; line-height: 1.8em; color: #999; max-height: 3.6em; overflow: hidden; font-size: 15em; }
.list-tp .others { margin-top: 12rem; line-height: 1.6em; font-size: 15em; color: #999;}
.list-tp .others > span { margin-left: 25rem; }
.list-tp .others > span:first-of-type { margin-left: 0; }
.list-tp li:hover .title { font-weight: bold; color: var(--color-background-1); }

/* 专题专栏 */
.list-special { display: flex; flex-wrap: wrap; }
.list-special li { margin-bottom: 20rem; }
.list-special .pic { position: relative; display: block; height: 0; padding-bottom: 35.5%; overflow: hidden; }
.list-special .pic img { position: absolute; left: 0; top: 0; height: 100%; }
.list-special .title,
.list-special .tit { display: none; }
.list-special .pic:hover img { transform: scale(1.1); }

/* url_方块样式分页 */
.page{ line-height: 1; padding: 40rem 0 20rem; clear: both; overflow: hidden; color: #333; text-align: center; }
.page a,
.page span{ font-size: 16em; display: inline-block; vertical-align: top; border: 1px solid #ddd; padding: 0 0.7em; margin: 0.2em; line-height: 2; color: #333; background: #fff; }
.page a:hover,
.page span:hover{ border: 1px solid var(--color-background-1); text-decoration: none; color: var(--color-background-1); }
.page .current{ border: 1px solid var(--color-background-1); background: var(--color-background-1); color: #fff !important; }
.page select,
.page input{ height: 2em; margin: 0 8rem; background: none; border: none; vertical-align: top; text-align: center; padding: 0 8rem; outline: none; }
.page .disabled{ pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

/* PDF分页 */
.printArea .conTxt .pdf-page .page-num,
.printArea .conTxt .pdf-page .pdf-download{ height: auto; line-height: inherit; }

/*-- 网站地图 --*/
.map-site .li1 { margin-bottom: 20rem; }
.map-site .h1 { line-height: 42em; border-bottom: 1px solid #ccc; }
.map-site .h1 .a1 { display: block; font-size: 18em; color: var(--color-background-1); padding-left: 1em; }
.map-site .ul1 { padding: 15rem 20em 0; zoom: 1; }
.map-site .li2 { display: inline-block; line-height: 32em; vertical-align: top; padding-right: 40rem; vertical-align: top; padding-bottom: 8rem; }
.map-site .a2 { font-size: 16em; color: #666; }
.map-site .ul2 { padding: 0 0 20rem 0; }
.map-site .li3 { line-height: 18em; display: inline-block; *display: inline; zoom: 1; }
.map-site .a3 { font-size: 14em; color: #999; padding-right: 10rem; margin-right: 10rem; border-right: 1px solid #ddd; }
.map-site .last3 .a3 { border-right: 0; }

/* 媒体查询 */
@media (min-width:768px) {
    .list-topic .t .pic { flex-shrink: 0; width: 300em; margin-right: 10em; }
    .list-topic .t .con { min-width: 0; flex: 1;}

    .box-slide .swiper-slide .pic { width: 50%; }
    .box-slide .swiper-slide .con { width: 50%; }
    .box-slide .swiper-slide .intro { height: 6.6em; }
    .box-slide .swiper-pagination-bullets { width: 50%; }
    .box-slide { position: relative; }
    .box-slide::after { display: block; content: ""; width: 1px; height: 100%; background-color: #f8f8f8; right: 0; top: 0; z-index: 1; position: absolute; }
    .list-special .pic { padding-bottom: 38%; }

    .list-pic li { width: 31.3333%; }


}
@media (min-width:992px) {


    .list-tp .title { max-height: 1.4em; }
    .list-tp .intro { display: block; }
    .list-special .pic { padding-bottom: 35.5%; }

}
@media (min-width:1200px) {
    :root {
      --text-menue-font: 20em;
      --text-title-font: 30em; 
    }
}
@media (min-width:1400px) {
    #focus-news .date { width: 90em; height: 90em; }
    #focus-news .swiper-slide .title { padding-left: 6em; padding-right: 6em; }
}
@media (min-width:1600px) {
    :root {
      --text-menue-font: 22em;
      --text-title-font: 40em; 
    }

    #focus-news .date { width: 100em; height: 100em; }
    #focus-news .swiper-slide .title { padding-left: 7em; padding-right: 7em; }
}

/*--
颜色代码
#1E72B4 深蓝色标题
#C4DEF8 淡蓝色边框
--*/