﻿@charset "utf-8";
/*
    Css for PEL,    ver 1.0
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center

    所有网站通用模块，可根据自身网站修改
*/

/* 无数据 */
.noData { font-size: 16rem; }

/* list-info */
.infoList li,
.list-info li { line-height: 1.4em; font-size: 18em; padding: 12rem 0; position: relative; }
.infoList li a,
.list-info li a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.infoList li .date,
.list-info li .date { margin-left: 20rem; float: right; color: #999; }

.list-info li { padding-left: 20rem; }
.list-info li:before,
.list-info li:after { display: block; content: ''; border: 1px solid #D9D9D9; position: absolute; top: 50%; transition: all 0.5s; }
.list-info li:before {  width: 6rem; height: 6rem; margin-top: -3rem; left: 2rem;}
.list-info li:after { width: 10rem; height: 10rem; margin-top: -5rem; left: 0;}
.list-info li:hover:before,
.list-info li:hover:after { border-color: #633; }


/* list-topic */
.list-topic .t { display: flex; flex-wrap: wrap; overflow: hidden; margin-bottom: 15rem; }
.list-topic .t .pic { width: 100%; margin: 0 0 40rem 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: 20rem; }
.list-topic .t .con { width: 100%; flex-grow: 1; }
.list-topic .t .title { font-size: 20em; max-height: 3em; line-height: 1.5; overflow: hidden; font-weight: bold; }
.list-topic .t .intro { margin-top: 32rem; padding-top: 28rem; border-top: 1px solid #ddd; font-size: 16em; color: #999; max-height: 4.4em; line-height: 2.2; overflow: hidden; box-sizing: content-box; }
.list-topic .t .others { margin-top: 20rem; font-size: 16em; color: #999; }
.list-topic .t .others span { margin-right: 20rem; }
.list-topic .n { padding: 20rem 0; border-bottom: 1px solid #ddd; }
.list-topic .n > a { display: block; line-height: 1.4; font-size: 18em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.list-topic .n .date { margin-left: 15rem; padding: 0 0.8em; float: right; color: #633; line-height: 1.6em; font-size: 16em; background: #f4f6fa; border-radius: 500px; }
.list-topic .n:hover > a { text-decoration: none; color: #633; }
.list-topic .n:hover .date { background: #633; color: #fff; }

/* 焦点图 */
.box-focus .swiper-slide { position: relative; background-color: #fff;}
.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; transition: all 0.5s;}
.box-focus .swiper-slide .pic:hover img { transform:scale(1.2); }
.box-focus .swiper-slide .con { padding: 20em; }
.box-focus .swiper-slide .title { font-size: 19em; line-height: 1.2; height: 1.2em; margin-bottom: 15rem; overflow: hidden; color: #B0813F; text-align: left; font-weight: bold;}
.box-focus .swiper-slide .title a { display: block; color: inherit; }
.box-focus .swiper-slide .intro {  overflow: hidden; font-size: 14em; line-height: 1.8em; height: 3.6em; color: #777; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-focus .swiper-pagination-bullets { width: 100%; left: 0; bottom: 16rem; font-size: 0; }
.box-focus .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; width: 16rem; height: 16rem; font-size: 0; text-align: center; opacity: 1; border: 2rem 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: 70%; overflow: hidden; }
.box-slide .swiper-slide .pic img { position: absolute; left: 0; top: 0; }
.box-slide .swiper-slide .con { width: 100%; display: flex; flex-direction: column; justify-content: center; padding: 30rem 25rem 60rem; background: #f8f8f8; }
.box-slide .swiper-slide .title { font-size: 20em; line-height: 1.6em; height: 1.6em; text-align: left; color: #B0813F; font-weight:bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.box-slide .swiper-slide .title a { color: inherit; text-decoration: none; }
.box-slide .swiper-slide .intro { margin-top: 20rem; margin-bottom: 20rem; line-height: 2.2em; font-size: 16em; color: #666; max-height: 4.4em;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.box-slide .swiper-slide .others { line-height: 2em; font-size: 15em; color: #999;}
.box-slide .swiper-slide .others > span { margin-left: 25rem; }
.box-slide .swiper-slide .others > span:first-of-type { margin-left: 0; }
.box-slide .swiper-pagination-bullets { width: 100%; left: auto; right: 0; bottom: 34rem; font-size: 0; }
.box-slide .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; width: 48rem; height: 7rem; margin: 0 4rem; font-size: 0; border-radius: 0; text-align: center; opacity: 1; background: #d9d9d9; }
.box-slide .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #633; }

/* 图片列表 */
.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: #633; }

/* 专题专栏 */
.list-special { margin: -20rem 0 0 -30rem; }
.list-special li { width: 100%; padding: 20rem 0 0 30rem; }
.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; }


/* 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 #633; text-decoration: none; color: #633; }
.page .current{ border: 1px solid #633; background: #633; 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: 1px dotted #ccc; background: #fff; background: #f6f6f6; }
.map-site .h1 .a1 { display: block; font-size: 18em; color: #633; 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 { width: 300rem; margin: 0 40rem 0 0; }
    .list-topic .t .con { width: 1%; }

    .box-slide .swiper-slide .pic { width: 50%; }
    .box-slide .swiper-slide .con { width: 50%; padding-bottom: 30rem; }
    .box-slide .swiper-pagination-bullets { width: 50%; }

    .list-pic li { width: 31.3333%; }
}
@media (min-width:992px) {
    .list-topic .t .intro { max-height: 6.6em; }

    .box-slide .swiper-slide .intro { max-height: 6.6em; -webkit-line-clamp: 3; }

    .list-tp .title { max-height: 1.4em; }
    .list-tp .intro { display: block; }
}
@media (min-width:1200px) {

    .infoList li,
    .list-info li { font-size: 16rem; }
}

/*--
颜色代码
#1E72B4 深蓝色标题
#C4DEF8 淡蓝色边框
--*/