﻿body { background: url(/img/web/news_theme_bg.jpg) top 100px center no-repeat; background-size: 100%; }
body.notify { background: url(/img/web/notify_theme_bg.jpg) top 100px center no-repeat; background-size: 100%; }

.newsSec { margin-bottom: 100px; }
.newsSec > dt { text-align: center; margin-bottom: 60px; }
.newsSec > dt > b { font-size: 40px; font-weight: bold; display: inline-flex; line-height: 40px; flex-flow: column nowrap; justify-content: center; align-items: center; }
.newsSec > dt > b::after { content: ''; display: inline-flex; height: 2px; width: 60%; background: #7d9ffc; margin-top: 20px; }
.newsSec > dd { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; gap: 40px; }

.newsSec > dd > .secl { width: 600px; flex-shrink: 0; }
.newsSec > dd > .secl > a { display: inline-flex; flex-flow: column nowrap; justify-content: flex-end; align-items: center; background: #fff; border-radius: 20px; width: 100%; height: 100%; position: relative; overflow: hidden; }
.newsSec > dd > .secl > a > .img { height: 60%; width: 100%; background: #7d9ffc; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.newsSec > dd > .secl > a > .img > i { position: absolute; z-index: 3; top: -50px; right: -50px; bottom: -50px; left: -50px; background: url(/img/web/line3_bg.png) center center no-repeat; background-size: cover; }
.newsSec > dd > .secl > a > .img > img { border: solid 0px #fff; border-radius: 15px; position: relative; z-index: 8; display: inline-flex; max-width: 80%; max-height: 80%; }
.newsSec > dd > .secl > a > .info { height: 40%; padding: 0 80px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; text-align: center; }
.newsSec > dd > .secl > a > .info span { font-size: 20px; font-weight: bold; color: #7d9ffc; margin-bottom: 10px; }
.newsSec > dd > .secl > a > .info > h2 { transition: .3s; font-size: 32px; color: #333; font-weight: bold; margin-bottom: 12px; }
.newsSec > dd > .secl > a > .info p { font-size: 18px; color: #888; margin-bottom: 10px; }
.newsSec > dd > .secl > a > .icowrap { transition: .3s; z-index: 9; width: 256px; height: 256px; position: absolute; top: calc(40% - 128px); left: calc(50% - 128px); background: url(/img//web/news_eme_01.png); background-size: cover; }
.newsSec > dd > .secl > a:hover { box-shadow: 0 0 20px rgba(0,0,0,.1); }
.newsSec > dd > .secl > a:hover > .info > h2 { color: #000; }
.newsSec > dd > .secl > a:hover > .icowrap { width: 360px; height: 360px; top: calc(40% - 180px); left: calc(50% - 180px); }

.newsSec > dd > .secr { width: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; gap: 40px; }
.newsSec > dd > .secr > a { display: inline-flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; background: #fff; border-radius: 20px; width: 360px; position: relative; overflow: hidden; }
.newsSec > dd > .secr > a > .img { height: 240px; width: 100%; background: #7d9ffc; position: relative; overflow: hidden; }
.newsSec > dd > .secr > a > .img > i { transition: .3s; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.newsSec > dd > .secr > a > .info { padding: 40px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; text-align: center; }
.newsSec > dd > .secr > a > .info span { font-size: 20px; font-weight: bold; color: #7d9ffc; margin-bottom: 10px; }
.newsSec > dd > .secr > a > .info h2 { font-size: 24px; color: #333; font-weight: bold; margin-bottom: 12px; }
.newsSec > dd > .secr > a > .info p { font-size: 14px; color: #888; margin-bottom: 10px; }
.newsSec > dd > .secr > a:hover { box-shadow: 0 0 20px rgba(0,0,0,.1); }
.newsSec > dd > .secr > a:hover > .info > h2 { color: #000; }
.newsSec > dd > .secr > a:hover > .img > i { top: -20px; right: -20px; bottom: -20px; left: -20px; }

.newsLst { }
.newsLst > dt { margin-bottom: 60px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-start; gap: 40px; }
.newsLst > dt > a { font-size: 40px; line-height: 40px; color: #666; display: inline-flex; flex-flow: column nowrap; justify-content: center; align-items: center; }
.newsLst > dt > a::after { transition: .3s; content: ''; display: inline-flex; height: 2px; width: 0%; background: #7d9ffc; margin-top: 20px; opacity: 0; }
.newsLst > dt > a:hover { color: #000; }
.newsLst > dt > a.se { color: #000; font-weight: bold; }
.newsLst > dt > a.se::after { width: 60%; opacity: 1; }
.newsLst > dt > b { font-size: 40px; font-weight: bold; display: inline-flex; line-height: 40px; flex-flow: column nowrap; justify-content: center; align-items: center; }
.newsLst > dt > b::after { content: ''; display: inline-flex; height: 2px; width: 60%; background: #7d9ffc; margin-top: 20px; }

.newsLst > dd.listWrap { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; gap: 40px; }
.newsLst > dd.listWrap > a { display: inline-flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; background: #fff; border-radius: 20px; width: 360px; position: relative; overflow: hidden; }
.newsLst > dd.listWrap > a > .img { height: 240px; width: 100%; background: #7d9ffc; position: relative; overflow: hidden; }
.newsLst > dd.listWrap > a > .img > i { transition: .3s; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.newsLst > dd.listWrap > a > .info { padding: 40px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; text-align: center; }
.newsLst > dd.listWrap > a > .info h2 { font-size: 24px; color: #333; font-weight: bold; margin-bottom: 12px; }
.newsLst > dd.listWrap > a > .info p { font-size: 16px; color: #888; margin-bottom: 10px; font-family: 'MyriadPro_Condensed'; }
.newsLst > dd.listWrap > a:hover { box-shadow: 0 0 20px rgba(0,0,0,.1); }
.newsLst > dd.listWrap > a:hover > .info > h2 { color: #000; }
.newsLst > dd.listWrap > a:hover > .img > i { top: -20px; right: -20px; bottom: -20px; left: -20px; }
.newsLst > dd.moreWrap { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; margin-top: 40px; }
.newsLst > dd.moreWrap > a { display: inline-flex; justify-content: center; align-items: center; border-radius: 40px; height: 52px; padding: 0 100px; border: solid 2px #7d9ffc; color: #7d9ffc; font-size: 20px; }
.newsLst > dd.moreWrap > a:hover { border-color: #1a5eff; color: #1a5eff; }

.newsPageLst { }
.newsPageLst > dt { margin-bottom: 60px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-start; gap: 40px; }
.newsPageLst > dt > b { font-size: 40px; font-weight: bold; line-height: 40px; color: #000; display: inline-flex; flex-flow: column nowrap; justify-content: center; align-items: center; }
.newsPageLst > dt > b::after { transition: .3s; content: ''; display: inline-flex; height: 2px; width: 60%; background: #7d9ffc; margin-top: 20px; }
.newsPageLst > dd { padding: 0 0px; }

.newsUl { margin-bottom: 40px; }
.newsUl > li { transition: .3s; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; gap: 40px; padding: 40px; background: rgba(255,255,255,.2) }
.newsUl > li > .date { width: 70px; flex-shrink: 0; display: inline-flex; flex-flow: column nowrap; justify-content: center; align-items: center; }
.newsUl > li > .date > i { font-size: 64px; line-height: 60px; margin-bottom: 10px; font-family: 'MyriadPro_Condensed'; }
.newsUl > li > .date > em { font-size: 20px; line-height: 20px; margin-bottom: 10px; font-family: 'MyriadPro_Condensed'; }
.newsUl > li > .date > span { font-size: 28px; line-height: 28px; font-family: 'MyriadPro_Condensed'; }
.newsUl > li > .info { transition: .3s; position: relative; width: 100%; }
.newsUl > li > .info > a { font-size: 30px; font-weight: 400; line-height: 36px; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.newsUl > li > .info > a:hover { color: #7d9ffc; }
.newsUl > li > .info > .desc { font-size: 18px; line-height: 26px; color: #666; margin-bottom: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.newsUl > li > .info > .pics { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; gap: 6px; }
.newsUl > li > .info > .pics > a,
.newsUl > li > .info > .pics > a > img { display: inline-flex; height: 80px; }
.newsUl > li > .info::after { transition: .3s; content: ''; position: absolute; z-index: 9; left: 0; top: 0; width: 2px; height: 0; background: #7d9ffc; opacity: 0; }
.newsUl > li:hover { background: rgba(255,255,255,.8); }
.newsUl > li:hover > .info { padding-left: 42px; }
.newsUl > li:hover > .info::after { height: 100%; opacity: 1; }
.newsUl > li.empty { gap: 10px; flex-flow: column nowrap; justify-content: center; align-items: center; padding: 60px 0; text-align: center; color: #888; }
.newsUl > li.empty::before { opacity: .1; content: ''; display: inline-flex; height: 64px; width: 64px; background: url(/img/web/ico/empty_box_black.svg) center center no-repeat; background-size: 100%; }
.newsUl > li.empty:hover { background: none; }

/*新闻详情*/
.detailWrap { position: relative; }
.newsDetail { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; gap: 40px; position: relative; }
.newsDetail > .silder { width: 100px; flex-shrink: 0; }
.newsDetail > .silder > .time { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; font-family: 'MyriadPro_Condensed'; margin-bottom: 40px; }
.newsDetail > .silder > .time > i { font-size: 72px; font-weight: 600; line-height: 72px; }
.newsDetail > .silder > .time > em { font-size: 26px; font-weight: 600; line-height: 26px; margin: 20px 0; padding: 10px 0; border-top: solid 2px #7d9ffc; border-bottom: solid 2px #7d9ffc; }
.newsDetail > .silder > .time > span { font-size: 36px; font-weight: 600; line-height: 20px; }
.newsDetail > .silder > .source { font-size: 14px; color: #888; text-align: center; margin-bottom: 20px; }
.newsDetail > .silder > .browQty { font-size: 14px; color: #888; text-align: center; }
.newsDetail > .newCon { width: 100%; font-size: 20px; box-sizing: border-box; padding: 80px; background: #fff; }
.newsDetail > .newCon p { text-indent: 2em; padding: 10px 0; line-height: 32px; }
.newsDetail > .newCon img { display: flex; width: 80%; margin: 0 auto; padding-left: 0; }
.newsDetail > .newCon a { color: #7d9ffc; }
.newsDetail > .newCon a:hover { color: #1a5eff; text-decoration: underline; }

/*搜索结果*/
.searchBox { }
.searchBox > .wrap { width: 1400px; margin: 0 auto; padding: 100px 0; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; }
.searchBox h2 { text-align: center; margin-bottom: 40px; }
.searchBox h2 > b { display: inline-flex; flex-flow: column nowrap; justify-content: center; align-items: center; font-size: 40px; font-weight: bold; }
.searchBox h2 > b::after { content: ''; display: inline-flex; height: 2px; width: 60%; background: #7d9ffc; margin-top: 20px; }
.searchCtrl { transition: .3s; display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; background: #fff; border-radius: 30px; height: 60px; box-sizing: border-box; border: solid 0px #7d9ffc; overflow: hidden; }
.searchCtrl:focus-within { box-shadow: 0 2px 12px rgba(0,0,0,.15); }
.searchCtrl > input { font-size: 20px; font-weight: 400; width: 600px; border: none 0; box-sizing: border-box; padding: 0 30px; height: 100%; }
.searchCtrl > a { font-size: 20px; font-weight: 400; display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; padding: 0 40px; color: #fff; background: #7d9ffc; height: 100%; border-radius: 30px; }
.searchCtrl > a:hover { background: #1a5eff; }
