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

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

/* 图片经过效果 */
.pic a { display: block; position: relative; transition: all 200ms ease 0s; overflow: hidden; }
.pic a:after { content: ""; position: absolute; width: 100px; height: 100%; top: 0; left: -100%; overflow: hidden; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); transform: skewX(-30deg); }
.pic a:hover:after { left: 150%; transition: left 1s ease 0s; }

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

/* list-info */
.infoList li,
.list-info li { line-height: 1.4em; font-size: 1em; padding: 0.7rem 0; }
.infoList li a,
.list-info li a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.infoList li a::before,
.list-info li a::before { display: inline-block; content: ''; vertical-align: middle; width: .3125em; height: 0.3125em; background: #d9d9d9; margin-right: .3em; }
.infoList li .date,
.list-info li .date { font-size: .875em; margin-left: 1.25rem; float: right; color: #666; }

/* 列表滑过效果 */
.infoList li a::before,
.list-info li a::before { transition: all 0.7s ease; }
.infoList li:hover a::before,
.list-info li:hover a::before { margin-right: 0.7em; }
.infoList li a:hover,
.list-info li a:hover { font-weight: bold; color: #ff0000; }

/* list-topic */
.list-topic .t { display: flex; flex-wrap: wrap; overflow: hidden; margin-bottom: 0.9375rem; }
.list-topic .t .pic { width: 100%; margin: 0 0 2.5rem 0; }
.list-topic .t .pic a { position: relative; display: block; height: 0; padding-bottom: 75%; overflow: hidden; }
.list-topic .t .pic img { position: absolute; left: 0; top: 0; border-radius: 1.25rem; }
.list-topic .t .con { width: 100%; flex-grow: 1; }
.list-topic .t .title { font-size: 1.25em; max-height: 3em; line-height: 1.5; overflow: hidden; font-weight: bold; }
.list-topic .t .intro { margin-top: 2rem; padding-top: 1.75rem; border-top: 1px solid #ddd; font-size: 1em; color: #999; max-height: 4.4em; line-height: 2.2; overflow: hidden; box-sizing: content-box; }
.list-topic .t .others { margin-top: 1.25rem; font-size: 1em; color: #999; }
.list-topic .t .others span { margin-right: 1.25rem; }
.list-topic .n { padding: 1.25rem 0; border-bottom: 1px solid #ddd; }
.list-topic .n > a { display: block; line-height: 1.4; font-size: 1.125em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.list-topic .n .date { margin-left: 0.9375rem; padding: 0 0.8em; float: right; color: #00aaff; line-height: 1.6em; font-size: 1em; background: #f4f6fa; border-radius: 500px; }
.list-topic .n:hover > a { text-decoration: none; color: #00aaff; }
.list-topic .n:hover .date { background: #00aaff; color: #fff; }

/* 焦点图 */
.box-focus .swiper-slide { position: relative; }
.box-focus .swiper-slide .pic a { position: relative; display: block; height: 0; padding-bottom: 66.6666%; 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.25rem 8rem 1.25rem 1.5rem; background: rgba(0, 0, 0, 0.5); }
.box-focus .swiper-slide .title { font-size: 1em; line-height: 1.2; height: 1.2em; overflow: hidden; text-align: left; color: #fff; }
.box-focus .swiper-slide .title a { display: block; color: inherit; }
.box-focus .swiper-slide .date { font-size: 1em; display: block; color: #fff; line-height: 1.2; margin-bottom: 0.4rem; letter-spacing: 0.1em; }
.box-focus .swiper-pagination-bullets { width: auto; left: auto; right: 1rem; bottom: 2.2rem; font-size: 0; }
.box-focus .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; margin: 0 0.3rem; width: 0.625rem; height: 0.625rem; font-size: 0; text-align: center; opacity: 0.5; background: #fff; }
.box-focus .swiper-pagination-bullets .swiper-pagination-bullet-active { opacity: 1; }

/* 焦点图 - 带简介 */
.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: #00aaff; }

/* 专题专栏 */
.list-special { margin: -1.25rem 0 0 -1.875rem; }
.list-special li { width: 100%; padding: 1.25rem 0 0 1.875rem; }
.list-special .pic { position: relative; display: block; height: 0; padding-bottom: 26.8%; overflow: hidden; }
.list-special .pic img { position: absolute; left: 0; top: 0; height: 100%; }
.list-special .tit { display: none; }

/* 侧栏信息列表 */
.list-side-info li { position: relative; padding: 0 0 1.25rem 0; margin-bottom: 1.25rem; border-bottom: 1px solid #d5d5d5; }
.list-side-info li a { display: block; line-height: 1.6em; max-height: 3.2em; font-size: 0.9375em; overflow: hidden; text-decoration: none; }
.list-side-info li .date { display: block; font-size: 0.9375em; margin-bottom: 1rem; }
.list-side-info li .dateRight { display: block; font-size: 0.9375em; margin-top: 1rem; }
.list-side-info li:hover a { color: #00aaff; font-weight: bold; }
.list-side-info li:hover .dateRight { color: #00aaff; font-weight: bold; }

/* 侧栏栏目列表 */
.list-side-node { margin-top: -4.375rem; }
.list-side-node li { margin-top: 4.375rem; }
.list-side-node li .pic { position: relative; padding-bottom: 56.6666%; height: 0; overflow: hidden; }
.list-side-node li .pic img { position: absolute; left: 0; top: 0; }
.list-side-node li .title { padding: 0 1em; background: #e6e6e6; text-align: center; font-size: 1.25em; height: 3.2em; line-height: 3.2em; overflow: hidden; transition: all 0.7s ease; text-decoration: none; }
.list-side-node li a:hover .title { background: #00aaff; color: #fff; }

/* url_方块样式分页 */
.page{ line-height: 1; padding: 2.5rem 0 1.25rem; clear: both; overflow: hidden; color: #333; text-align: center; }
.page a,
.page span{ font-size: 1em; display: inline-block; vertical-align: top; border: 1px solid #ccc; padding: 0 0.7em; margin: 0.2em; line-height: 2; color: #333; background: #fff; }
.page a:hover,
.page span:hover{ border: 1px solid #18588c; text-decoration: none; color: #18588c; }
.page .current{border: 1px solid #18588c;background: #18588c;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: #00aaff; 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; }

/* 媒体查询 */
@media (min-width:768px) {
	.list-topic .t .pic { width: 18.75rem; margin: 0 2.5rem 0 0; }
	.list-topic .t .con { width: 1%; }

	.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-topic .t .intro { max-height: 6.6em; }

	.list-tp .title { max-height: 1.4em; }
	.list-tp .intro { display: block; }
}
@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 淡蓝色边框
--*/