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

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

/* 无数据 */
.noData { font-size: 18em; }

/* list-info */
.infoList li,
.list-info li { line-height: 2.5em; font-size: 18em; position: relative; transition: 0.5s; padding: 0 5px; display: flex;  align-items: center; justify-content: space-between; }
.infoList li a,
.list-info li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; min-width: 0; flex: 1 0 0%; }
.infoList li .date,
.list-info li .date { margin-left: 20rem; color: #999; font-size: 0.875em; order: 1; }

.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.3em; height: 0.3em; transform: translateY(-50%); left: 0; }
.list-info li:hover:before { background-color: #01559b; }

.infoList li:hover,
.list-info li:hover { transform: translateX(5px); }


/* 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: #01559b; line-height: 1.6em; font-size: 16em; background: #f4f6fa; border-radius: 500px; }
.list-topic .n:hover > a { text-decoration: none; color: #01559b; }
.list-topic .n:hover .date { background: #01559b; color: #fff; }

/* 焦点图 */
#focus-news .swiper-slide { position: relative; background-color: #fff;}
#focus-news .swiper-slide .pic a { position: relative; display: block; height: 0; padding-bottom: 75%; overflow: hidden; }
#focus-news .swiper-slide .pic img { position: absolute; left: 0; top: 0; }
#focus-news .swiper-slide .pic:hover img { transform:scale(1.05); }
#focus-news .swiper-slide .title { padding: 0 20rem; box-sizing: border-box; font-size: 16em; line-height: 3em; height: 3em; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#focus-news .swiper-pagination-bullets { width: 100%; left: 0; bottom: 100rem; }
#focus-news .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; width: 18rem; height: 18rem; font-size: 0; opacity: 1; background: #fff;}
#focus-news .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #01549a; }

/* 焦点图 - 带简介 */
.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 { position: relative; display: block; height: 0; padding-bottom: 75%; 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: 20em 30em 50em;  }
.box-slide .swiper-slide .title { font-size: 20em; line-height: 1.5em; 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: #01559b; }

/* 图片列表 */
.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: #01559b; }

/* 专题专栏 */
.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 #01559b; text-decoration: none; color: #01559b; }
.page .current{ border: 1px solid #01559b; background: #01559b; 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: #01559b; 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%; }
    .box-slide .swiper-slide .intro { max-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; }

    #focus-news .swiper-pagination-bullets { bottom: 80rem; }

    .list-special .pic { padding-bottom: 38%; }

    .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; }
    .list-special .pic { padding-bottom: 35.5%; }

    #focus-news .swiper-slide .title { font-size: 18em; }
    .box-slide .swiper-slide .intro { max-height: 12em; -webkit-line-clamp: 6; }

}
@media (min-width:1200px) {
    .infoList li,
    .list-info li { font-size: 18em;  }
}

@media (min-width:1600px) {
   .box-slide .swiper-slide .title { font-size: 32em; }
}


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