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

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


/* --------------------------------- 皮肤主题定义-S --------------------------------- */

/* 主题-绿色（默认） S -------------------------------- */
:root {
    --pe-theme-color: #185C42;
    --pe-theme-color-rgb: 24, 92, 66;
    --pe-theme-color-light: #B7CAC4;
    --pe-theme-bg-icons-ind-box: url(../../base/img/icons-ind-box.png);
    --pe-theme-bg-02: url(../../base/img/bg-02.png);
    --pe-theme-bg-03: url(../../base/img/bg-03.png);
    --pe-theme-bg-04: url(../../base/img/bg-04.png);
    --pe-theme-bg-content: url(../../base/img/bg-content.png);
}

/* 主题-红色 S -------------------------------- */
[data-pe-theme=red] {
    --pe-theme-color: #A80014;
    --pe-theme-color-rgb: 168, 0, 20;
    --pe-theme-color-light: #e9c9cc;
    --pe-theme-bg-icons-ind-box: url(../../base/img/theme-red/icons-ind-box.png);
    --pe-theme-bg-02: url(../../base/img/theme-red/bg-02.png);
    --pe-theme-bg-03: url(../../base/img/theme-red/bg-03.png);
    --pe-theme-bg-04: url(../../base/img/theme-red/bg-04.png);
    --pe-theme-bg-content: url(../../base/img/theme-red/bg-content.png);
}

/* --------------------------------- 皮肤主题定义-E --------------------------------- */


/* 无数据 */
.noData { font-size: 1rem; text-align: left !important; }

/* list-info */
.infoList li,
.list-info li { position: relative; line-height: 1.4em; font-size: 1.125em; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: calc(0.75em + 0.5rem) 0; }
.infoList li > a,
.list-info li > a { position: relative; padding-left: 1.7em; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.infoList li > a::before,
.list-info li > a::before { display: block; content: ''; position: absolute; left: .5em; top: 50%; transform: translateY(-50%) rotate(45deg); width: 7px; height: 7px; border: 2px solid #fff; outline: 1px solid rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.4); }
.infoList li .date,
.list-info li .date { font-size: .875em; margin-left: 1.25rem; float: right; color: #999; }
.infoList li .dateRight,
.list-info li .dateRight { display: block; font-size: .875em; margin-top: 0.2em; color: #999; }

/* 列表滑过效果 */
.infoList li > a,
.list-info li > a,
.infoList li > a::before,
.list-info li > a::before { transition: all 0.5s ease; }
.infoList li > a:hover,
.list-info li > a:hover { transform: translateX(0.5em); color: var(--pe-theme-color); }
.infoList li > a:hover::before,
.list-info li > a:hover::before { outline-color: rgba(var(--pe-theme-color-rgb), 0.8); background: var(--pe-theme-color); }

/* list-topic */
.list-topic .t { position: relative; display: flex; flex-wrap: wrap; gap: 1.25rem 1.875rem; margin-bottom: 1rem; overflow: hidden; }
.list-topic .t .pic { width: 16rem; }
.list-topic .t .pic a { position: relative; display: block; height: 0; padding-bottom: 66.66%; overflow: hidden; }
.list-topic .t .pic img { position: absolute; left: 0; top: 0; }
.list-topic .t .con { min-width: 0; flex: 1 0 0%; }
.list-topic .t .title a { display: block; font-size: calc(0.75em + 0.75rem); height: 1.4em; line-height: 1.4em; overflow: hidden; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; }
.list-topic .t .intro { margin-top: 1.25rem; font-size: 1em; color: #999; max-height: 3.75em; line-height: 1.875em; overflow: hidden; }
.list-topic .t .date { position: absolute; left: 0; bottom: 0; background: #D9B318; color: #fff; line-height: 1; text-align: center; padding: .75rem .5rem; }
.list-topic .t .date .dd { display: block; font-size: 1.5rem; font-weight: bold; }
.list-topic .t .date .ym { display: block; margin-top: .3rem; font-size: .875rem; }
.list-topic .n { padding: 1.125rem 0; border-bottom: 1px solid #ededed; }
.list-topic .n > a { display: block; line-height: 1.4; font-size: 1.125em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s ease; }
.list-topic .n .date { margin-left: 1rem; float: right; color: #999; font-size: 0.875em; }
.list-topic .n > a:hover { transform: translateX(0.5em); color: var(--pe-theme-color); }

/* 焦点图 */
.box-focus .swiper-slide { position: relative; }
.box-focus .swiper-slide .pic a { position: relative; display: block; height: 0; padding-bottom: 75%; overflow: hidden; }
.box-focus .swiper-slide .pic img { position: absolute; left: 0; top: 0; }
.box-focus .swiper-slide .con { position: absolute; left: 0; bottom: 0; width: 100%; padding: 1.75rem 1.25rem 3.4375rem; background: rgba(0, 0, 0, 0.5); }
.box-focus .swiper-slide .title { font-size: 1.1875em; line-height: 1.2; height: 1.2em; font-weight: bold; overflow: hidden; text-align: left; color: #fff; text-align: center; }
.box-focus .swiper-slide .title a { display: block; color: inherit; }
.box-focus .swiper-slide .intro { display: none; }
.box-focus .swiper-pagination-bullets { width: 100%; left: 0; bottom: 1rem; font-size: 0; }
.box-focus .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; width: 1rem; height: 1rem; font-size: 0; text-align: center; opacity: 1; border: 0.125rem solid #fff; background: none; }
.box-focus .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #C70000; }

/* 焦点图 - 带简介 */
.box-slide .swiper-slide { position: relative; display: flex; flex-wrap: wrap; }
.box-slide .swiper-slide .pic { width: 100%; }
.box-slide .swiper-slide .pic a { position: relative; display: block; height: 0; padding-bottom: 66.6666%; overflow: hidden; }
.box-slide .swiper-slide .pic img { position: absolute; left: 0; top: 0; }
.box-slide .swiper-slide .con { display: flex;  width: 100%; height: 20rem; display: flex; flex-direction: column; background: #fff; padding: 0.7rem 1.5rem; margin-bottom: 4em; }
.box-slide .swiper-slide .title { font-size: 1.125em; line-height: 1.5em; max-height: 3em; overflow: hidden; text-align: left; font-weight: bold; }
.box-slide .swiper-slide .title a { display: block; color: inherit; text-decoration: none; }
.box-slide .swiper-slide .intro { order: 1; margin-top: 1.875rem; line-height: 1.6em; font-size: .9em; color: #999; max-height: 4.8em; overflow: hidden; }
.box-slide .swiper-slide .others { margin-top: 1.25rem; line-height: 1.4em; font-size: 0.9375em; color: #999; }
.box-slide .swiper-slide .others > span { margin-left: 1.5625rem; }
.box-slide .swiper-slide .others > span:first-of-type { margin-left: 0; }
.box-slide .swiper-slide .others .date::before { font-family: 'iconfont'; content: '\e707'; font-size: 1.1em; margin-right: 0.4em; vertical-align: middle; }
.box-slide .swiper-panel { position: absolute; z-index: 1; width: 100%; line-height: 1; right: 0; bottom: 0; text-align: center; }
.box-slide .swiper-pagination-bullets { position: static; width: auto; display: inline-block; height: 0.625rem; }
.box-slide .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; width: .625rem; height: .625rem; margin: 0 .22rem; font-size: 0; text-align: center; opacity: 1; background: #fff; }
.box-slide .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #E1C14E; }
.box-slide .swiper-prev,
.box-slide .swiper-next { display: inline-block; position: relative; width: 2.9em; height: 2.9em; line-height: 3em; text-align: center; text-decoration: none; margin: 0 0.5em; }
.box-slide .swiper-prev::before,
.box-slide .swiper-prev::after,
.box-slide .swiper-next::before,
.box-slide .swiper-next::after { font-family: 'iconfont'; position: relative; transition: all ease 0.6s; }
.box-slide .swiper-prev::before,
.box-slide .swiper-next::before { content: '\e657'; position: absolute; left: 0; top: 0; font-size: 2.9em; line-height: 1; color: rgba(255, 243, 231, 0.1); }
.box-slide .swiper-prev::after,
.box-slide .swiper-next::after { margin: 0 0.2em 0 0; content: '\e68c'; color: rgba(255, 255, 255, 0.6); font-size: 1.3em; }
.box-slide .swiper-next::after { margin: 0 0 0 0.2em; content: '\e68d'; }
.box-slide .swiper-prev:hover::before,
.box-slide .swiper-next:hover::before { transform: rotate(215deg); }
.box-slide .swiper-prev:hover::after,
.box-slide .swiper-next:hover::after { color: #fff; }

/* 图片列表 */
.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: 2.9em; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }
.list-pic .title a { display: flex; align-items: center; justify-content: center; height: 1.5em; margin: 0.7em 1.25rem; font-size: 1em; line-height: 1.5em; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 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 { white-space: normal; padding: 1.25rem; margin: 0; height: 100%; font-size: 1.25em; }

/* 内容带图片的信息列表_图片判断式 */
.list-tp li { display: flex; padding-bottom: 1.5625rem; margin-bottom: 1.5625rem; 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: 1.5625rem; width: 11.25rem; }
.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: 1.1875em; line-height: 1.4em; overflow: hidden; }
.list-tp .intro { display: none; margin-top: 0.75rem; line-height: 1.8em; color: #999; max-height: 3.6em; overflow: hidden; font-size: 0.9375em; }
.list-tp .others { margin-top: 0.75rem; line-height: 1.6em; font-size: 0.9375em; color: #999;}
.list-tp .others > span { margin-left: 1.5625rem; }
.list-tp .others > span:first-of-type { margin-left: 0; }
.list-tp li:hover .title { font-weight: bold; color: var(--pe-theme-color); }

/* 侧栏信息列表 */
.list-side-info li { position: relative; padding: 0.9rem 1.25rem; border-left: 1px dashed rgba(0, 0, 0, 0.2); }
.list-side-info li::before { position: absolute; left: -4px; top: calc(.9rem + 0.8em - 5px); content: ''; width: 7px; height: 7px; background: var(--pe-theme-color); border-radius: 50%; border: 1px solid #fff; box-shadow: 0 0 0 1px var(--pe-theme-color); }
.list-side-info li a { display: block; line-height: 1.6em; max-height: 3.2em; font-size: 1em; overflow: hidden; text-decoration: none; }
.list-side-info li .date { display: block; font-size: 1em; color: #999; opacity: 0.6; margin-bottom: .4rem; }
.list-side-info li,
.list-side-info li a { transition: all 0.7s ease; }
.list-side-info li:hover { padding-left: 2rem; }
.list-side-info li:hover a { color: #C32D2D; font-weight: bold; }

/* 日历式列表 */
.list-info-date li { display: flex; align-items: center; gap: 1.125rem; margin-top: 1.25rem; }
.list-info-date li:first-of-type { margin-top: 0; }
.list-info-date li > a { display: block; flex: 1 0 0%; line-height: 1.66em; max-height: 3.22em; overflow: hidden; font-size: 1.125em; }
.list-info-date li .date { padding: .5rem 0.5rem 0.625rem; line-height: 1; border: 1px solid #D2E0DA; text-align: center; }
.list-info-date li .date .dd { display: block; font-size: 2em; }
.list-info-date li .date .ym { display: block; margin-top: 0.3em; font-size: 0.875em; color: #999; }
.list-info-date li .date,
.list-info-date li .date .ym,
.list-info-date li > a { transition: all ease 0.5s; }
.list-info-date li:hover .date { border-color: var(--pe-theme-color); background: var(--pe-theme-color); color: #fff; }
.list-info-date li:hover .date .ym { color: #fff; }
.list-info-date li:hover > a { color: var(--pe-theme-color); text-decoration: none; }

/* 媒体图片列表 */
.list-media { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-flow: dense; gap: 1.25rem; }
.list-media li { position: relative; }
.list-media .pic a { position: relative; display: block; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.list-media .pic img { position: absolute; left: 0; top: 0; }
.list-media .con { display: block; background: #fff url(../../base/img/bg-list-03.png) no-repeat right bottom; background-size: auto 69%; padding: .875rem 1.25rem 1.25rem; }
.list-media .title { order: 1; font-size: 1.125em; line-height: 1.66em; height: 3.32em; overflow: hidden; }
.list-media .title a { color: inherit; }
.list-media .intro { display: none; }
.list-media .others { margin-top: 1rem; font-size: .875em; line-height: 1.4em; color: #999; }

.list-media .title,
.list-media .others,
.list-media .con { transition: all ease 0.6s; }

.list-media li:hover .title { color: #fff; }
.list-media li:hover .others { color: rgba(255, 255, 255, 0.5); }
.list-media li:hover .con { background-color: var(--pe-theme-color); background-image: url(../../base/img/bg-list-02.png); }

.list-media li:nth-child(1),
.list-media li:nth-child(6) { grid-column: span 2;  }
.list-media li:nth-child(4),
.list-media li:nth-child(5) { order: 1; }
.list-media li:nth-child(1) .con,
.list-media li:nth-child(6) .con { position: absolute; left: 0; right: 0; bottom: 0; background: none; padding-top: 2.625rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
.list-media li:nth-child(1) .title,
.list-media li:nth-child(6) .title { height: 1.66em; color: #fff; white-space: nowrap; text-overflow: ellipsis; }
.list-media li:nth-child(1) .others,
.list-media li:nth-child(6) .others { margin-top: .625rem; color: #fff; }

/* url_方块样式分页 */
.page { line-height: 1; padding: 2.5rem 0 1.25rem; clear: both; overflow: hidden; color: #1a1a1a; text-align: center; }
.page a,
.page span{ font-size: 1em; display: inline-block; vertical-align: top; border: 1px solid #ddd; padding: 0 0.7em; margin: 0.2rem; line-height: 2; color: #1a1a1a; background: #fff; }
.page a:hover,
.page span:hover{ border: 1px solid var(--pe-theme-color); text-decoration: none; color: var(--pe-theme-color); }
.page .current{ border: 1px solid var(--pe-theme-color); background: var(--pe-theme-color); color: #fff !important; }
.page select,
.page input{ height: 2em; margin: 0 0.5rem; background: none; border: none; vertical-align: top; text-align: center; padding: 0 0.5rem; 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: 1.25rem; }
.map-site .h1 { line-height: 2.625em; border: 1px dotted #ccc; background: #fff; background: #f6f6f6; }
.map-site .h1 .a1 { display: block; font-size: 1.125em; color: var(--pe-theme-color); padding-left: 1em; }
.map-site .ul1 { padding: 0.9375rem 1.25em 0; zoom: 1; }
.map-site .li2 { display: inline-block; line-height: 1.4em; vertical-align: top; padding: 0.3em 2.5rem 0.8rem 0; vertical-align: top; }
.map-site .a2 { font-size: 1em; color: #666; }
.map-site .ul2 { padding: 0 0 1.25rem 0; }
.map-site .li3 { line-height: 1.125em; display: inline-block; *display: inline; zoom: 1; }
.map-site .a3 { font-size: 0.875em; color: #999; padding-right: 0.625rem; margin-right: 0.625rem; border-right: 1px solid #ddd; }
.map-site .last3 .a3 { border-right: 0; }

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

/* 媒体查询 */
@media (min-width:768px) {
	.list-topic .t .pic { width: 22.5rem; }
	.list-topic .t .intro { max-height: 5.625em; }

	.box-slide .swiper-slide .pic { width: 54%; }
	.box-slide .swiper-slide .con { width: 46%; height: auto; margin-bottom: 5.5em; }
	.box-slide .swiper-slide .intro { max-height: 6.4em; }
	.box-slide .swiper-panel { width: 46%; }

	.list-pic li { width: 31.3333%; }
}
@media (min-width:992px) {

	.list-tp .title { max-height: 1.4em; }
	.list-tp .intro { display: block; }

    
    .list-media { grid-template-columns: repeat(4, 1fr); }
    .list-media li:nth-child(4),
    .list-media li:nth-child(5) { order: 0; }
    .list-media li:nth-child(6) { margin-top: calc((28.125% - 4.6em - 3.125rem) * -1); }
}
@media (min-width:1200px) {

}

/* 动画 */
@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);
    }
}

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