﻿@charset "utf-8";
/*
    Css for PEL,    ver 1.0
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center

    所有网站通用模块，可根据自身网站修改
*/

/* 通用信息列表DOT */
.infoList { text-align: left; }
.infoList li { position: relative; line-height: 26px; font-size: 16px; overflow: hidden; padding: 12px 0; }
.infoList li > a { position: relative; display: block; padding-left: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all ease 0.4s; }
.infoList li > a:hover { transform: translateX(5px); }
.infoList li > a::before { content: ""; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 50%; background: #d9d9d9; }
.infoList li .date { margin-left: 20px; float: right; color: #999; font-size: 14px; }

/* infoListA */
.infoListA li{line-height: 23px;padding: 8px 0 8px 10px;border-bottom: 1px dotted #ccc;overflow: hidden;background: url(../img/icon.png) 0 -173px no-repeat;}
.infoListA .last{border-bottom: 0}
.infoListA .date{color: #999; float: right; margin-left: 5px; font-size: 12px;}

/* 通用带图片的信息列表_普通式 */
.picList{margin: 0 -10px;}
.picList li{float: left;width: 25%;margin-bottom: 20px;}
.picList li .pic{margin: 0 10px;background-color: #fff;}
.picList li .title{margin: 0 10px;}
.picList li .pic a { display: block; position: relative; overflow: hidden; height: 0; padding-bottom: 62.5%; border-radius: 10px; }
.picList li .pic img { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; height: auto; object-fit: cover; }
.picList li .title{padding-top: 5px;height: 40px;line-height: 20px;text-align: center;overflow: hidden;}
.picList li.noData{ margin-left:10px;}

/* 通用带图片的信息列表_普通式 - 横排浮动 */
.picListFl { display: flex; flex-wrap: wrap; }
.picListFl li { width: calc(25% - 20px); margin: 0 10px; }
.picListFl li .pic a { display: block; position: relative; overflow: hidden; height: 0; padding-bottom: 66.6666%; border-radius: 10px; }
.picListFl li .pic img { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; height: auto; object-fit: cover; }
.picListFl li .title { font-size: 16px; margin-top: 14px; line-height: 24px; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }

/* 内容带图片的信息列表_普通式 - 左图片右文字 */
.txtPicList li{ overflow: hidden; border-bottom: 1px dotted #ddd; padding-bottom: 10px; margin-bottom: 10px;}
.txtPicList li .pic{ width: 96px; float: left;}
.txtPicList li .pic img{ width: 90px; height: 90px; padding: 2px; border: 1px solid #ddd; background: #fff;}
.txtPicList li .pic a:hover img{ border-color: #aaa;}
.txtPicList li .con{ width: 230px; float: left; padding-left: 8px;}
.txtPicList li .title{ height: 28px; line-height: 28px; font-size: 14px; color: #c00; font-weight: bold;}
.txtPicList li .title a{ color: #c00;}
.txtPicList li .intro{ color: #666; line-height: 20px;}
.txtPicList li .intro .more{ color: #c00; font-size: 12px;}

/* 内容带图片的信息列表_普通式 - 上图片下文字 */
.txtPicListB li{width: 250px; padding: 0 19px; float: left;}
.txtPicListB li .pic {}

.txtPicListB li .pic img{width: 250px;height: 180px;}
.txtPicListB li .title{ height: 32px; line-height: 32px; padding-top: 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left;}
.txtPicListB li .title span{padding-right: 20px;}
.txtPicListB li .title a{font-size: 14px;color: #046abb;}
.txtPicListB li .intro{ color: #666;}
.txtPicListB li .intro .more{ color: #f60;}

/* 头条图文信息列表_普通式 */
.topicList .t { position: relative; display: flex; gap: 20px; margin-bottom: 30px; }
.topicList .t .pic { width: 270px; }
.topicList .t .pic a { display: block; }
.topicList .t .pic img { width: 100%; height: 180px; border-radius: 10px; }
.topicList .t .con { flex: 1 0 0%; min-width: 0; display: flex; flex-direction: column; justify-content: center; align-items: stretch; gap: 14px; border-bottom: 1px solid #eee; }
.topicList .t .titleBg { display: none; }
.topicList .t .title { min-width: 0; height: 28px; line-height: 28px; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.topicList .t .intro { font-size: 14px; color: #999; line-height: 26px; max-height: 52px; overflow: hidden; }
.topicList .t .others { display: flex; gap: 15px; font-size: 14px; color: #999; }
.topicList .t .date { font-family: Arial; font-weight: 600; line-height: 1; font-size: 16px; line-height: 1; }
.topicList .t .date .dd { font-size: 30px; font-weight: 700; color: #EDB74C; }
.topicList .t .date .ym { margin-left: 5px; vertical-align: bottom; font-size: 16px; }
.topicList .t .date .ym::before { content: "/"; margin-right: 5px; }
.topicList .n { position: relative; line-height: 26px; font-size: 16px; overflow: hidden; padding: 12px 0; }
.topicList .n > a { position: relative; display: block; padding-left: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all ease 0.4s; }
.topicList .n > a:hover { transform: translateX(5px); }
.topicList .n > a::before { content: ""; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 50%; background: #d9d9d9; }
.topicList .n .date { margin-left: 20px; float: right; color: #999; font-size: 14px; }

/* 焦点图切换-广告 */
.slideBox{ height: 100px; overflow: hidden; position: relative;}
.slideBox .hd{ position: absolute; z-index: 1; right: 5px; bottom: 5px;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; margin-right: 2px; width: 16px; height: 16px; line-height: 16px; text-align: center; background: #000; cursor: pointer; color: #fff; filter: alpha(opacity=60);opacity: 0.6;}
.slideBox .hd ul li.on{ background: #f00; font-weight: bold; filter: alpha(opacity=100);opacity: 1;}
.slideBox .bd{ position: relative; z-index: 0;}
.slideBox .bd .pic{ height: 100px;}
.slideBox .bd .con{ display: none;}

/* 焦点图切换- 数字 */
.focusBox{width: 685px; overflow: hidden; position: relative;}
.focusBox .hd{position: absolute;z-index: 1;right: 8px;bottom: 23px;}
.focusBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.focusBox .hd ul li{float: left;margin-right: 8px;width: 12px;height: 12px;text-align: center;background: #fff;cursor: pointer;}
.focusBox .hd ul li span{display: none}
.focusBox .hd ul li.on{ background: #cabe93; color: #fff;}
.focusBox .bd{ position: relative; height: 456px; overflow: hidden;}
.focusBox .bd li{position: relative}
.focusBox .bd .pic{ position: relative; z-index: 0; line-height: 0;}
.focusBox .bd .pic img{width: 100%; height: 456px; border: 0;}
.focusBox .bd .con { position: absolute; width: 100%; z-index: 1; bottom: 0; background: rgba(0,0,0,0.6); }
.focusBox .bd .con .title { line-height: 60px; }
.focusBox .bd .con .title a { display: block; padding: 0 110px 0 20px; color: #fff; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/*-- 网站地图 --*/
.siteMap{ padding: 0 10px; overflow: hidden; zoom: 1;}
.siteMap .li1{margin-bottom: 20px;}
.siteMap .h1{height: 40px;line-height: 40px;border-bottom: 1px dotted #ccc;background: #fff;}
.siteMap .h1 .a1{font: normal 16px/40px "Microsoft YaHei";_font-weight: bold;color: #00873C;padding-left: 10px;}
.siteMap .ul1{ padding: 10px 20px; zoom: 1; display: block !important;}
.siteMap .li2{ display: inline-block; *display: inline; zoom: 1; padding-right: 10px; vertical-align: top;}
.siteMap .a2{ color: #666;}
.siteMap .ul2{ padding: 0 0 20px 0;}
.siteMap .li3{ line-height: 18px; display: inline-block; *display: inline; zoom: 1;}
.siteMap .a3{ color: #999; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ddd;}
.siteMap .last3 .a3{ border-right: 0;}

/* url_方块样式分页 */
.page{font-size: 0;text-align: center;padding: 25px 0;clear: both; line-height: 26px;}
.page a,.page span{vertical-align: top;font-size: 14px;display: inline-block; *display: inline;zoom: 1;border: 1px solid #d4d4d4;padding: 4px 15px;margin-right: 5px;}
.page a:hover{border: 1px solid #00873C; text-decoration: none; color: #00873C;}
.page .current{ background: #00873C; border: 1px solid #00873C; color: #fff !important;}
.page select{height: 18px;line-height: 18px;padding: 0 8px;background: #fff;border: 0;border: none;vertical-align: middle;}

/*--
颜色代码
#1E72B4 深蓝色标题
#C4DEF8 淡蓝色边框
--*