﻿
/* 文章-父列表页 -----------------------------------------*/
.newsHomePage #content { width: auto; margin: 0; padding: 0; }
.rowGroup { padding: 50px 0; }
.bg-gray { background: #F9F6EF; }
.row { display: flex; justify-content: space-between; margin-bottom: 40px; }
.row:last-of-type { margin-bottom: 0; }
.column-4 { width: 420px; }
.column-6 { width: 685px; }
.column-8 { width: 950px; }
.focusWrap { margin-bottom: 30px; }
.boxLoop { margin-top: -15px; }
.pageBoxLoop { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px 20px; }
.pageBoxLoop .box { width: calc(50% - 15px); margin-top: 0; }

/* 新闻焦点图 */
#focusNews { display: flex; gap: 30px; }
#focusNews .bd { width: 630px; }
#focusNews .bd .pic a { display: block; height: 420px; }
#focusNews .bd .con { margin: 30px 130px 0 0; }
#focusNews .bd .title { font-size: 20px; font-weight: bold; line-height: 30px; max-height: 60px; overflow: hidden; }
#focusNews .bd .title a { display: block; }
#focusNews .date { display: block; margin-top: 10px; font-size: 14px; color: #666; line-height: 20px; }
#focusNews .hd { flex: 1 0 0; }
#focusNews .hd ul { display: flex; flex-direction: column; align-items: stretch; gap: 30px; }
#focusNews .hd li { display: flex; }
#focusNews .hd .pic { width: 240px; }
#focusNews .hd .pic img { display: block; height: 160px; }
#focusNews .hd .title { flex: 1 0 0%; padding: 30px 20px; background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: stretch; gap: 10px; }
#focusNews .hd .tit { display: block; font-size: 18px; line-height: 30px; max-height: 60px; overflow: hidden; }
#focusNews .pageState { position: absolute; left: 630px; bottom: 0; transform: translateX(-100%); width: 88px; height: 88px; border: 1px solid #ddd; line-height: 88px; text-align: center; border-radius: 50%; font-size: 24px; color: #999; letter-spacing: 3px; text-indent: 3px; }
#focusNews .pageState span { font-size: 36px; font-weight: bold; color: #CA3737; }

#focusNews .hd li.on { box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08); }
#focusNews .hd li.on .tit { font-weight: bold; }

/* pageBox */
.pageBox > .hd { display: flex; justify-content: center; align-items: center; gap: 5px; margin-bottom: 40px; line-height: 40px; }
.pageBox > .hd a { color: inherit; text-decoration: none; }
.pageBox > .hd h3 { position: relative; z-index: 1; padding: 10px 0 0; font-weight: bold; font-size: 36px; color: #CA3737; }
.pageBox > .hd h3::before { position: absolute; z-index: -1; content: ""; left: -22px; top: 0; width: 50px; height: 50px; background: url(../../base/img/bg-04.png) no-repeat center center / 100% 100%; }


/* 通知公告 */
.noticeBox > .hd { height: 60px; line-height: 60px; }
.noticeBox > .hd h3 { position: relative; float: left; padding: 0 24px 0 60px; background: #CA3737; color: #fff; font-size: 22px; font-weight: bold; }
.noticeBox > .hd h3::before { position: absolute; content: ''; left: 0; top: 50%; width: 45px; height: 1px; background: rgba(255, 255, 255, 0.5); }
.noticeBox > .hd h3 a { color: inherit; }
.noticeBox > .hd .more { float: right; position: relative; z-index: 1; margin-left: auto; font-size: 14px; color: #999; }
.noticeBox > .hd .more::after { margin-left: 0.5em; font-size: 1.1em; display: inline-block; vertical-align: middle; font-family: "iconfont"; content: '\e607'; }
.noticeBox > .hd .more:hover { color: #CA3737; }
.noticeBox > .hd .more:hover::after { animation: more 2s ease infinite; }
.noticeBox > .bd { padding: 30px; background: linear-gradient(199.75deg, #CA3737 55.49%, #FF6129 100%); }

.noticeList li { position: relative; display: flex; align-items: center; gap: 15px; padding: 18px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); box-sizing: border-box; transition: all ease 0.5s; }
.noticeList .date { position: relative; text-align: center; line-height: 1; color: #fff; }
.noticeList .date .dd { display: block; font-size: 36px; }
.noticeList .date .ym { display: block; margin-top: 4px; font-size: 12px; }
.noticeList li > a { display: block; flex: 1 0 0%; line-height: 30px; font-size: 18px; max-height: 60px; overflow: hidden; color: #fff; }
.noticeList li:hover { transform: translateX(-5px); }
.noticeList li:hover > a { font-weight: bold; }

/* 图片视频新闻 */
#picTab > .hd { border-bottom: none; }
#picTab > .hd ul { flex-grow: 1; justify-content: center; }
#picTab .list { display: flex; flex-wrap: wrap; gap: 26px; }
#picTab .list li { position: relative; width: calc(25% - 26px * 3 / 4); }
#picTab .list .pic a { display: block; height: 0; overflow: hidden; padding-bottom: 66.6666%; position: relative; }
#picTab .list .pic img { position: absolute; left: 0; top: 0; }
#picTab .list .title { position: absolute; left: 0; bottom: 0; right: 0; padding: 30px 20px 20px; background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); }
#picTab .list .title a { display: block; font-size: 16px; line-height: 21px; max-height: 42px; overflow: hidden; color: #fff; }

/* 机构设置-表格式 ------------------------------------------ */
.tableList { width: 100%; border-collapse: collapse; }
.tableList th,
.tableList td { padding: 10px; line-height: 1.8em; text-align: center; font-size: 16px; color: #666; border: 1px solid #e9e9e9; }
.tableList th { color: #333; background-color: #f6f6f6; }
.tableList tr:hover td { background-color: #eef8ff; }
.tableList .name { width: 6em; }
.tableList .address { width: 10em; }
.tableList .phone { width: 6em; }
.tableList .code { width: 3em; }
.tableList .url { width: 10em; }

/* 文章子-列表页 -----------------------------------------*/

/* 内容带图片的信息列表_图片判断式 */
.pageTPList li { position: relative; z-index: 1; display: flex; gap: 30px; padding: 30px; overflow: hidden; border-bottom: 1px solid #eee; }
.pageTPList li::before { position: absolute; z-index: -1; content: ''; left: 0; top: 0; right: 0; bottom: 0; background: #CA3737; visibility: hidden; transform: translateY(100%); }
.pageTPList li.last { margin-bottom: 0; }
.pageTPList .pic { order: 1; width: 210px; }
.pageTPList .pic img { width: 100%; height: 140px; background: #fff; }
.pageTPList .con { flex: 1 0 0; align-self: center; }
.pageTPList .title { font-size: 18px; line-height: 30px; max-height: 30px; overflow: hidden; }
.pageTPList .title a { display: block; text-decoration: none; color: inherit; }
.pageTPList .intro { margin-top: 15px; font-size: 15px; line-height: 28px; max-height: 84px; color: #999; overflow: hidden; }
.pageTPList .others { display: none; }
.pageTPList .date { margin: 20px 0; line-height: 1; text-align: right; }
.pageTPList .date .dd { display: block; font-size: 32px; color: #CA3737; }
.pageTPList .date .ym { display: block; margin-top: 16px; font-size: 16px; color: #999; }

.pageTPList li,
.pageTPList li::before,
.pageTPList .title a,
.pageTPList .title a::after,
.pageTPList .intro,
.pageTPList .date .dd,
.pageTPList .date .ym { transition:  all ease 0.4s; }

.pageTPList li:hover { border-bottom-color: transparent; }
.pageTPList li:hover::before { visibility: visible; transform: translateY(0); }
.pageTPList li:hover .title a { color: #fff; font-weight: bold; }
.pageTPList li:hover .intro,
.pageTPList li:hover .date .dd,
.pageTPList li:hover .date .ym { color: #fff; }
.pageTPList li:hover .title a::after { border-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); }

/* newsList */
.newsList { margin-top: -20px; }
.newsList li { padding: 27px 0; font-size: 18px; line-height: 26px; border-bottom: 1px dashed rgb(0, 0, 0, 0.1); }
.newsList .date { float: right; margin-left: 15px; color: #999; font-size: 16px; }
.newsList li > a { position: relative; display: block; overflow: hidden; padding-left: 15px; transition: all ease 0.4s; }
.newsList li > a::before { position: absolute; left: 0; top: 10px; content: ''; width: 5px; height: 5px; border-radius: 50%; background: #d9d9d9; transition: all ease 0.4s; }

.newsList li > a:hover { transform: translateX(5px); }
.infoList li > a:hover::before { background: #CA3737; }
.newsList li > a em { background: #fbff06; color: #f00; }

/* 文章内容页 -----------------------------------------*/
.articleCon { text-align: left; padding: 20px 0; }
.articleCon .power-content_voice { margin-bottom: 20px; }
.printArea .title { font-size: 30px; line-height: 1.5; text-align: center; margin-bottom: 30px; color: #333; display: block; }
.printArea .subTitle { font-size: 26px; color: #555; text-align: center; margin-bottom: 30px;}
.printArea .property { font-size: 16px; margin-bottom: 45px; line-height: 22px; padding: 7px 0; text-align: center; color: #aaa; overflow: hidden; }
.printArea .property a { color: inherit; }
.printArea .property > span { position: relative; padding: 0 10px; }
.printArea .property > span:first-of-type::before,
.printArea .property > span:last-of-type::after { position: absolute; content: ''; right: 100%; top: 50%; margin-right: 10px; transform: translateY(-50%); width: 700px; height: 1px; background: #eee;  }
.printArea .property > span:last-of-type::after { right: auto; left: 100%; margin: 0 0 0 10px; }

.printArea .conTxt,
.printArea .conTxt *{box-sizing:content-box}
.printArea .conTxt { color: #333; font-size: 18px; line-height: 2.1; text-align: left; padding: 0 0 30px 0; overflow: hidden; font-family: "Microsoft YaHei", 'PingFang SC', Arial, Helvetica, Tahoma, sans-serif; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
.printArea .conTxt p {margin: 20px 0 0px; padding:0px; line-height: 2.1; word-wrap: break-word; border: none; border-radius: 0; white-space:normal; text-align: justify;}
.printArea .conTxt p:first-child{margin-top: 0px}
.printArea .conTxt img { max-width: 100%; height: auto !important; border: 0; vertical-align: top}
.printArea .conTxt table{background-color: transparent; border-collapse: collapse; border-spacing: 0; text-align: left; }
.printArea .conTxt table td{padding: 5px 10px; border: 1px solid #ddd;}
.printArea .conTxt table td p{padding: 0px !important; margin: 0px !important; text-indent: 0px !important;}
.printArea .conTxt table p { margin: 0px}
.printArea .conTxt a { color: blue; text-decoration: underline;}
.printArea .conTxt em { font-style: italic;}
.printArea .conTxt ul { padding-left: 2em; list-style: inherit;}
.printArea .conTxt ol { padding-left: 2em; list-style: decimal;}
.printArea .conTxt ul li { zoom: normal; list-style: inherit; text-indent: 0 !important;}
.printArea .conTxt ol li { zoom: normal; list-style: inherit; text-indent: 0 !important;}
.printArea .conTxt h1,
.printArea .conTxt h2,
.printArea .conTxt h3,
.printArea .conTxt h4,
.printArea .conTxt h5,
.printArea .conTxt h6,
.printArea .conTxt b,
.printArea .conTxt strong { font-weight: bold;}
.printArea .conTxt h1 { font-size: 28px; line-height:38px; margin: 38px 0px 19px 0px; }
.printArea .conTxt h2 { font-size: 24px; line-height:34px; margin: 34px 0px 17px 0px; }
.printArea .conTxt h3 { font-size: 20px; line-height:30px; margin: 30px 0px 15px 0px; }
.printArea .conTxt h4 { font-size: 16px; line-height:26px; margin: 26px 0px 13px 0px; }
.printArea .conTxt h5 { font-size: 14px; line-height:24px; margin: 24px 0px 12px 0px; }
.printArea .conTxt h6 { font-size: 12px; line-height:22px; margin: 22px 0px 10px 0px; }
.printArea .conTxt blockquote{margin:10px 0px; border-left:2px solid #d8dad9; padding:0 0 0 10px; line-height:1.74; color:#888; font-size:15px; }
.printArea .conTxt blockquote p{margin:0px; line-height:1.7; color:#888; font-size:15px;}
.printArea .conTxt h1:first-child,
.printArea .conTxt h2:first-child,
.printArea .conTxt h3:first-child,
.printArea .conTxt h4:first-child,
.printArea .conTxt h5:first-child,
.printArea .conTxt h6:first-child{margin-top:0px;}
.printArea .conTxt .videoPlayer{ text-indent: 0; }
.printArea .videoPlayer { position: relative; z-index: 1; text-align: center; margin: 20px auto; }
.printArea .videoPlayer [data-ui=video] { margin: 0 auto; max-width: 100%; }
.printArea .edui-video-video { max-width: 100%; height: auto; margin: 0 auto; }
.printArea .page { padding: 10px 0; text-align: center; }
.articleCon .userControl { font-size: 14px; overflow: hidden; text-align: left; margin-bottom: 20px; line-height: 28px; height: 30px; padding: 15px 0; border-bottom: 1px solid #ddd; }
.articleCon .userControl .a { color: #777; margin: 10px 10px 0 0; float: left;}
.articleCon .userControl .bdsharebuttonbox { float: right; }
.articleCon .userControl .bdsharebuttonbox .bd { font-size: 0; }
.articleCon .others { padding: 10px 0; margin-bottom: 15px;}
.articleCon .others .prev, .articleCon .others .next { padding: 3px 0;}

/*点赞与收藏*/
.likes-group { height: auto; margin-bottom: 20px; }
.likes-group li { line-height: 28px; }

/* 智能标签 */
.articleCon .smart-tags {margin-bottom: 20px !important}

/* 相关信息 */
#relativeInfo { border-bottom: 1px dashed #ddd;}
#relativeInfo .hd h3 { font-size: 18px; color: #046cbb}
#relativeInfo .bd { padding: 10px 0 20px 0;}
#relativeInfo ul { overflow: hidden;}
#relativeInfo li { float: left; width: 50%;}

/* 图片-列表页 ----------------------------------------- */
.picPageList { display: flex; flex-wrap: wrap; gap: 25px; }
.picPageList li { position: relative; width: calc(33.3% - 25px * 2 / 3); padding: 20px; box-sizing: border-box; background: #f5f5f5; border-radius: 10px; }
.picPageList .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 66.6666%; height: 0; }
.picPageList .pic img { position: absolute; left: 0; top: 0; }
.picPageList .title { display: block; margin-top: 18px; height: 52px; overflow: hidden; line-height: 26px; font-size: 18px; }
.picPageList .title a { color: inherit; text-decoration: none; }
.picPageList .title a::after { position: absolute; right: 20px; bottom: 20px; content: '\e607'; font-family: "iconfont"; font-size: 26px; color: #ccc; line-height: 20px; }
.picPageList .date { display: block; margin-top: 12px; font-size: 14px; line-height: 20px; color: #999; }

.picPageList li,
.picPageList .title,
.picPageList .title a::after,
.picPageList .date { transition: all ease 0.6s; }

.picPageList li:hover { transform: translateY(-5px); background: #CA3737; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.picPageList li:hover .title,
.picPageList li:hover .title a::after,
.picPageList li:hover .date { color: #fff; }

/* 肖象-列表页 叠加的类 ----------------------------------------- */
.picPageList.long li { width: calc(25% - 25px * 3 / 4); }
.picPageList.long .pic a { padding-bottom: 133%; }
.picPageList.long .title { height: 26px; padding-right: 30px; }

/* 图集-列表页 ----------------------------------------- */
.photoPageList { display: flex; flex-wrap: wrap; gap: 25px; }
.photoPageList li { position: relative; width: calc(33.3% - 25px * 2 / 3); padding: 20px; box-sizing: border-box; background: #f5f5f5; border-radius: 10px; }
.photoPageList .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 66.6666%; height: 0; }
.photoPageList .pic img { position: absolute; left: 0; top: 0; }
.photoPageList .title { display: block; margin-top: 16px; height: 30px; overflow: hidden; line-height: 30px; font-size: 18px; }
.photoPageList .title a { color: inherit; text-decoration: none; }
.photoPageList .title a::after { position: absolute; right: 20px; bottom: 20px; content: '\e607'; font-family: "iconfont"; font-size: 26px; color: #ccc; line-height: 20px; }
.photoPageList .date { display: block; margin-top: 12px; font-size: 14px; line-height: 20px; color: #999; }

.photoPageList li,
.photoPageList .title,
.photoPageList .title a::after,
.photoPageList .date { transition: all ease 0.6s; }

.photoPageList li:hover { transform: translateY(-5px); background: #CA3737; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.photoPageList li:hover .title,
.photoPageList li:hover .title a::after,
.photoPageList li:hover .date { color: #fff; }

/* 图集-内容页 ----------------------------------------- */
.slide-wrap { padding: 0; }
.slide-wrap .swp-tit h2 { float: none; font-size: 32px; line-height: 1.5; text-align: center; }
.slide-wrap .swp-admin-edit { float: right; }
.slide-wrap.slide-wrap-show-list .swpt-mode-wrap { float: none; }
.slide-wrap .sw-list .swi-hd { width: 1%; }
.slide-wrap .sw-list h3 { max-height: none; padding-bottom: 10px; overflow-wrap: break-word; word-break: break-all; }
.slide-wrap .sw-list ul { display: flex; flex-wrap: wrap; }
.slide-wrap .sw-list li { width: 20%; height: auto; min-width: auto; }
.slide-wrap .sw-list li .swl-item-pic { display: table-cell; width: 1%; vertical-align: middle; }
.slide-wrap .sw-list li .swl-item-pic img { max-height: 100%; }

/* 视频-列表页 ----------------------------------------- */
.videoPageList { display: flex; flex-wrap: wrap; gap: 25px; }
.videoPageList li { position: relative; width: calc(33.3% - 25px * 2 / 3); padding: 20px; box-sizing: border-box; background: #f5f5f5; border-radius: 10px; }
.videoPageList .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 56.25%; height: 0; background: #000; }
.videoPageList .pic a::after { content: '\e628'; font-family: "iconfont"; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; width: 60px; font-size: 54px; color: #fff; line-height: 60px; text-align: center; }
.videoPageList .pic img { position: absolute; left: 0; top: 0; opacity: 0.7; }
.videoPageList .title { display: block; margin-top: 16px; height: 30px; overflow: hidden; line-height: 30px; font-size: 18px; }
.videoPageList .title a { color: inherit; text-decoration: none; }
.videoPageList .title a::after { position: absolute; right: 20px; bottom: 20px; content: '\e607'; font-family: "iconfont"; font-size: 26px; color: #ccc; line-height: 20px; }
.videoPageList .date { display: block; margin-top: 12px; font-size: 14px; line-height: 20px; color: #999; }

.videoPageList li,
.videoPageList .title,
.videoPageList .title a::after,
.videoPageList .date { transition: all ease 0.6s; }

.videoPageList li:hover { transform: translateY(-5px); background: #CA3737; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.videoPageList li:hover .title,
.videoPageList li:hover .title a::after,
.videoPageList li:hover .date { color: #fff; }


/* 视频-内容页 ----------------------------------------- */
.switchVideoCon { margin-top: 15px; }
.curSelectedVideo { background-color: #52576B !important; color: #fff; }

/* 友情链接列表页 ----------------------------------------- */
.friendLinkList { display: flex; flex-wrap: wrap; gap: 20px; }
.friendLinkList li { width: calc(33.3% - 20px * 2 / 3); }
.friendLinkList li a { position: relative; display: table-cell; width: 1%; height: 48px; line-height: 24px; padding: 7px 80px 7px 30px; vertical-align: middle; text-align: left; font-size: 18px; text-decoration: none; border: 1px solid #ddd; border-radius: 6px; }
.friendLinkList li a::after { position: absolute; right: 30px; top: 50%; font-family: "iconfont"; content: '\e607'; font-size: 26px; line-height: 1; color: #ccc; transform: translateY(-50%); }
.friendLinkList li,
.friendLinkList li a { transition: all ease 0.6s; }
.friendLinkList li a:hover { color: #fff; border-color: #CA3737; background: #CA3737; transform: translateY(-10px); }
.friendLinkList li a:hover::after { color: #fff; }

/* 专题汇总列表 ----------------------------------------- */
.spePageList { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; margin: -1.2%; }
.spePageList li { position: relative; width: 22.6%; margin: 1.2%; }
.spePageList .pic { position: relative; display: block; height: 0; overflow: hidden; padding-bottom: 41%; }
.spePageList .pic img { position: absolute; left: 0; top: 0; }
.spePageList .tit { margin-top: 10px; display: block; line-height: 1.6; font-size: 16px; color: #333; text-align: center; }
.spePageList .archivedTip { position: absolute; right: 0; top: 0; background: rgba(0, 0, 0, 0.5); padding: 0 15px; color: #fff; }

/* 信息提示页 ---------------------------------------------- */
.Showms { background: #fff; padding: 30px 40px; overflow: hidden; margin: 30px auto;}
.Showms .top, .Showms .bottom, .Showms .Shadow { display: none}
.Showms .MS { overflow: hidden; zoom: 1;}
.Showms .titWrong { color: #c00; border-bottom: 1px solid #ccc; padding: 10px 0; margin-bottom: 15px; font-size: 18px;}
.Showms .BUT { padding: 25px 0 15px 0;}
.Showms .BUT a { padding: 0 15px; height: 36px; line-height: 36px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; margin-right: 15px; background: #eee; border: 1px solid #ccc; font-size: 14px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#eee)); background: -moz-linear-gradient(#FFFFFF, #eee); background: -ms-linear-gradient(#FFFFFF, #eee); background: -o-linear-gradient(#FFFFFF, #eee); background: linear-gradient(#FFFFFF, #eee);}
.Showms .BUT a:hover { color: #c00; border: 1px solid #aaa; text-decoration: none;}

/* 在线投票 */
.voteCommonList li { background-position: 8px 19px; }
.voteCommonList .tit { font-size: 18px; line-height: 1.8; }
.surveyInfo .title-info dd i { margin-top: 0; }

/* 问卷调查 */
.surveyCommonList li { background-position: 8px 18px; }
.surveyCommonList .tit { font-size: 18px; line-height: 1.8; }
.surveyResult .row .titleInfo i { margin-top: 0; }


/* 媒体查询 */
@media (min-width:1500px) {
    .siteGroupList .intro { margin: 21px 25px; line-height: 34px; height: 136px; }
}

.ng-cloak { display: none; }

/* 自定义表单 */
.fs-searchBar #formSearch{background: #CA3737; border-color: #CA3737;}
.fs-searchBar #formSearch:hover{background: #CA3737; border-color: #CA3737;}
#fuzzysearch_result_tbody .resultdetail_a:not(.resultdetail_a_visited){background-color:#CA3737}
#fuzzysearch_result_tbody .resultdetail_a:hover{background-color:#CA3737}
.customFormBox .hd h3 { border-bottom-color: #CA3737; color: #CA3737;  }
.customFormBox .hd h3 a { color: #CA3737; }
.customFormBox .hd .on { border-bottom-color: #CA3737; }
.customFormBox .hd .on a { color: #CA3737; }