/*
* @Author: Sun Jijing
* @Date:   2022-08-26 17:12:51
* @Last Modified by: Sun Jijing
* @Last Modified time: 2022-08-29 13:42:16
*/

/* 模块样式 */
.mk_tit { padding-left: 15px; border-left: 3px solid #1961ac; margin-bottom: 30px; }
.mk_tit span { font-size: 20px; color: #1961ac; }

/* banner */
.banner_con { width: 100%; position: relative; }
.banner_con img { width: 100%; display: block; }
.banner_con .txt { position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -40px; z-index: 2; }
.banner_con .txt p { font-size: 42px; font-weight: 500; color: #fff; padding-bottom: 25px; }
.banner_con .txt p::after { content: ""; display: block; width: 65px; height: 5px; background: #fff; position: absolute; bottom: 0; left: 0; }

/* leftNav */
.content { margin-bottom: 55px; }
.leftNav { width: 285px; position: relative; z-index: 2; margin-top: -55px; border-radius: 20px 0 0 0; overflow: hidden; }
.leftNav h3 { height: 55px; line-height: 55px; background: url(left_nav_titBg.png) no-repeat 98% bottom/auto 90%,linear-gradient(to right, #003686, #1961ac); font-size: 20px; color: #fff; text-indent: 25px; font-weight: 500; }
.leftNav_list li { padding: 20px 0; border-bottom: 1px solid #d8d8d8; }
.leftNav_list li a { font-size: 18px; color: #333; padding: 0 15px; display: block; }
.leftNav_list li.on a, .leftNav_list li:hover a { background: url(navOn.png) no-repeat 97% center; color: #1961ac; }

/* position */
.position { padding-top: 15px; padding-bottom: 30px; }
.position, .position * { font-size: 14px; color: #666 }

/* 右侧内容 */
.conR { width: 870px; }
.news_list { margin-top: 50px; margin-bottom: 55px; }
.news_list li { height: 50px; line-height: 50px; }
.news_list li a { font-size: 16px; color: #333; float: left; max-width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_list li span { font-size: 16px; color: #898989; float: right; font-family: '宋体'; }
.news_list li:hover a, .news_list li:hover span { color: #1961ac; }

/* 图片列表 */
.pics_list { width: 105%; }
.pics_list li { width: 265px; float: left; margin-right: 36px; position: relative; margin-bottom: 82px; }
.pics_list li .img { height: 165px; overflow: hidden; }
.pics_list li img { width: 100%; height: 100%; object-fit: cover; transform: scale(1, 1); transition: all ease-in-out 300ms; }
.pics_list li:hover img { transform: scale(1.1, 1.1); }
.pics_list li .txt { width: 180px; height: 58px; background: #254393; border-bottom: 3px solid #e75517; position: absolute; left: 50%; margin-left: -100px; bottom: -40px; padding: 5px 10px; font-size: 12px; color: #fff; display: flex; align-items: center; justify-content: center;  }

/* 单篇文章 */
.detailC, .detailC * { font-size: 16px; line-height: 2em; text-align: justify; }

/* 分页 */
.page_wrap { text-align: center; }
.page_wrap a, .page_wrap font { display: inline-block; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #333; font-weight: bold; width: 40px; height: 30px; background: #efefef; color: #1961ac; border-radius: 8px; }
.page_wrap a.but { width: 90px; height: 28px; border: 1px solid #585453; border-radius: 8px; color: #333; margin: 0 10px; }
.page_wrap font, .page_wrap a:hover { background: #1961ac; color: #fff; }
.page_wrap a.but:hover { color: #fff; }
.page_wrap span.jump { font-size: 14px; color: #333; font-weight: bold; display: inline-block; }
.page_wrap span.jump input { width: 40px; height: 28px; border: 1px solid #333; border-radius: 8px; text-align: center; margin: 0 10px; }
.page_wrap span.jump button { width: 40px; height: 30px; background: #1961ac; color: #fff; border-radius: 8px; margin-left: 10px; }

@media screen and (max-width: 1200px) {
	.banner_con .txt { left: 4vw; margin-left: 0; }
	.conL { width: 28%; }
	.leftNav { width: 100%; }
	.conR { width: 68%; }
}
@media screen and (max-width: 1024px) {
	.banner_con .txt p { font-size: 32px; padding-bottom: 15px; }
	.leftNav_list li { padding: 10px 0; }
	.leftNav_list li a { font-size: 16px; }

	.mk_tit { padding-left: 10px; margin-bottom: 15px; }
	.mk_tit span { font-size: 16px; }
	.position { padding-bottom: 15px; }

	.detailC, .detailC * { font-size: 14px; line-height: 1.6em; }

	.news_list { margin-top: 10px; margin-bottom: 20px; }
	.news_list li { height: 36px; line-height: 36px; }
	.news_list li a, .news_list li span { font-size: 14px; }

	.page_wrap a.but { width: auto; height: 30px; padding: 0 5px; margin: 0 3px; }

	.pics_list { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-evenly; }
	.pics_list li { width: 31%; margin-bottom: 15px; margin-right: 0; }
	.pics_list li .img { height: 15vw; }
	.pics_list li .txt { width: 100%; position: static; height: 110px; margin-left: 0; }
}
@media screen and (max-width: 768px) {
	.conL, .conR { width: 100%; float: none; }
	.leftNav { margin-top: 4vw; }
	.leftNav h3 { position: relative; font-size: 18px; height: 36px; line-height: 36px; }
	.leftNav h3::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 6px; border-color: #fff transparent transparent transparent; position: absolute; right: 4vw; top: 16px; }
	.leftNav_list { display: none; }
	.pics_list li { width: 48%; }

}
@media screen and (max-width: 460px) {
	.banner_con .txt { margin-top: -15px; }
	.banner_con .txt p { font-size: 18px; padding-bottom: 5px; }

	.news_list li a { max-width: 75%; }
	.pics_list li { width: 100%; }
	.pics_list li .img { height: 50vw; }
}