/*

		头部

*/



header {
	width: 100%;
	background-color: rgba(163, 25, 41, 0.8);
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	min-width: 1280px;
	position: absolute;
	top: 0;
	z-index: 99;
}

header .header-content {
	width: 1000px;
	display: flex;
	margin: auto;
}

.header-content .logo>img {
	width: 280px;
}

.header-content .navigation {
	font-family: '本墨咏黑';
	text-align: end;
	margin-left: 2em;
	padding-top: 0.4em;
}


.navigation .second-nav {
	margin-bottom: 0.6em;
	font-size: 1.15em;
}

.navigation .second-nav>a:nth-child(1),
.navigation .second-nav>a:nth-child(2) {
	border-right: 2px solid white;
	padding-right: 0.25em;
}

.navigation .second-nav>img {
	width: 20px;
	transform: translateY(5px);
}

.navigation .main-nav {
	display: block;
	width: 100%;
	font-size: 1.15em;
}

.navigation .main-nav>a {
	margin-left: 0.1875rem;
	/* 3px */
	margin-right: 0.1875rem;
	/* 3px */
}

.navigation a {
	transition: all 0.25s;
}

.navigation a:hover {
	color: skyblue;
}

/* 头部结束 */



/*

		尾部

*/




/* footer */







footer {
	width: 100%;
	min-width: 1280px;
	background-color: rgb(233, 232, 228);
	padding-top: 1em;
	padding-bottom: 1em;
}

footer .footer-content {
	width: 1000px;
	margin: auto;
	display: flex;
	position: relative;
}

.footer-content .footer-logo {}

.footer-logo img {
	/*width: 500px;*/
	height: 60px
}

.footer-content .footer-email {
	position: absolute;
	right: 0;
	top: -12px;
}

.footer-email>a {
	display: inline-block;
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
}

.footer-email>a:nth-child(1) {
	background-image: url(../../img/common/email.png);
	background-position: -6px -2px;
}

.footer-email>a:nth-child(2) {
	background-image: url(../../img/common/email.png);
	background-position: -115px -2px;
}

.footer-email>a:nth-child(3) {
	background-image: url(../../img/common/email.png);
	background-position: -220px -2px;
}


/*尾部结束*/



/* 子页面的banner部分 */
/* banner 大图部分*/
.commom-banner {
	width: 1280px;
	height: 300px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin: auto;
	position: relative;
}

.commom-banner .commom-title {
	position: absolute;
	left: 140px;
	bottom: 50px;
}

.commom-title h2 {
	color: rgb(163, 25, 32);
	font-size: 1.65em;
	margin-bottom: 0.75em;
}

.commom-title ul {
	background: rgb(167, 44, 49);
	display: flex;
	padding: 0.75em;
}

.commom-title ul li {
	color: rgb(225, 219, 162);
	margin-left: 1.5em;
	margin-right: 1.5em;
	font-size: 1.1em;
}

.commom-title ul li:hover {
	cursor: pointer;
	color: #EEE8AA;
}

.commom-title ul li.active {
	color: white;
	font-weight: 600;
}

.commom-title ul li.active::after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border: 1px solid white;
	border-radius: 50%;
	margin-top: -12.5px;
	margin-left: -13px;
}


/* 其他公共样式 */
/* 公用h2标题样式*/

h2.tbtitle {
	font-family: 'kaiti';
	color: rgb(164, 27, 34);
	font-size: 2.5em;
	text-align: center;
	font-weight: bolder;
	margin-bottom: 1em;
	padding-top: 56px;
}

h2.tbtitle::after {
	content: "";
	display: block;
	width: 2em;
	height: 4px;
	margin: 4px auto 0;
	background: rgb(163, 25, 32);
}


.common-body {
	width: 1280px;
	margin: auto;
	padding-bottom: 4em;
}



/* 子页面导航 和模板 */
.common-children-template-content {
	
	width: 1000px;
	margin: auto;
	
}
.common-children-template-content .common-children-template-nav {
	display: flex;
	width: 1000px;
	justify-content: space-between;
	margin: auto;
	margin-bottom: 2.5em;
}
/* 导航 */
.common-children-template-nav li {
	background: rgb(79, 79, 79);
	width: 19.8%;
	text-align: center;
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	font-size: 1.25em;
	color: white;
}
.common-children-template-nav li:hover {
	background: darkgray;
	cursor: pointer;
}
.common-children-template-nav li.active {
	background: rgb(172, 46, 49);
	font-weight: 600;
}



/* 个人信息部分 */
.common-children-template-content .person-info {
	
}
.person-info .person-info-img {
	display: inline-block;
	width: 360px;
	background-color: red;
	height: 400px;
}
.person-info-img img {
	width: 100%;
	background-color: red;
}
.person-info .person-info-text {	
	display: inline-block;
	width: 600px;
	vertical-align: top;
	float: right;
	margin-top: 10em;
}
.person-info-text h3 {
	font-size: 1.75em;
	color: rgb(86, 86, 86);
	padding-bottom: 0.75em;
	margin-bottom: 0.75em;
	border-bottom: 2px solid black;
}
.person-info-text>p {
	line-height: 1.5em;
	letter-spacing: 0.15em;
}
.person-info-text>p:nth-child(2) {
	margin-bottom: 1em;
}
.person-info-text .person-info-text-list {
	margin-top: 2em;
}
.person-info-text-list .person-info-text-list-left {
	display: inline-block;
	width: 80px;
	background: rgb(83, 83, 83);
	margin-right: 20px;
	vertical-align: top;
	text-align: center;
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	font-weight: 600;
	color: white;
	letter-spacing: 0.1em;
}
.person-info-text-list .person-info-text-list-right {
	display: inline-block;
	width: 495px;
	letter-spacing: 0.15em;
	line-height: 2em;
}





/* 党建动态 */
/* 新闻体 */
.news-title {
	width: 1000px;
	height: 300px;
	background-color: gray;
	margin-bottom: 2em;
}
.news-body {
	width: 1000px;
	margin: auto;
	height: 450px;
	position: relative;
}
.thematicLearning .news-body {
	height: 980px;
}
.news-body ul {
	width: 1000px;
	margin: auto;
}
.news-body ul li {
	border-bottom: 1px solid black;
	padding: 0.625em 0 0.625em 1.5em;
}
.news-body ul li:first-child {
	border-top: 1px solid black;
}
.news-body ul li.afterGL::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background: red;
	border-radius: 50%;
	margin-left: -1.5em;
	margin-top: -10px;
	transform: translateY(-6px);
}
.news-body ul li a {
	font-size: 1.25em;
	color: black;
}
.news-body ul li a:hover {
	text-decoration: underline;
}
.news-body ul li span {
	float: right;
}

/* 分页部分 */
.news-body .paging {
	width: 600px;
	position: absolute;
	display: flex;
	justify-content: center;
	bottom: 0;   
    position: absolute; 
	left: 50%;
    transform: translate(-50%, -50%);    /* 50%为自身尺寸的一半 */
}
.paging img {
	border-radius: 50%;
	transition: all 0.25s;
	width: 35px;
}
.paging img:hover {
	cursor: pointer;
	box-shadow: 0px 0px 5px black;
}
.paging .paging-circles {
	display: flex;
	width: 60%;
	justify-content: center;
}
.paging-circles .paging-circle {
	text-align: center;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin-top: 5px;
	background: gray;
	border-radius: 50%;
	margin-left: 5px;
	margin-right: 5px;
	
	transition: all 0.15s;
}
.paging-circles .paging-circle.active {
	background: darkred;
}
.paging-circles .paging-circle:hover {
	background: lightgray;
	cursor: pointer;
}
.paging .paging-ellipsis {	
	background-image: url(../img/newsNotice/ellipsis.png);
	background-size: 100% 100%;
	text-align: center;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}











/* 新闻内容样式 */
.news-contentAinfo {
	
	width: 1000px;
	margin: auto;
	margin-top: 3em;
	/*position: static;*/
}
.news-contentAinfo h2 {
	text-align: center;
	font-weight: bolder;
	color: rgba(163, 25, 41, 0.8);
	font-size: 2.5em;
}
.news-contentAinfo .news-contentAinfo-time {
	text-align: center;
	margin-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dashed black;
	margin-bottom: 1em;
}
.news-contentAinfo .news-contentAinfo-time h4 {
	display: inline-block;
	font-size: 1.125em;
	color: #808080;
}
.news-contentAinfo .news-contentAinfo-time h4:nth-child(1) {
	border-right: 2px solid #808080;
	padding-right: 14px;
}
.news-contentAinfo .news-contentAinfo-time h4:nth-child(2) {
	padding-left: 10px;
}
.news-contentAinfo .news-contentAinfo-main{
	margin-top: 3em;
}
.news-contentAinfo .news-contentAinfo-main p{
	font-size: 1.25em;
	letter-spacing: 0.25em;
	text-indent: 2em;
	line-height: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.news-contentAinfo .news-contentAinfo-main .news-contentAinfo-main_1{
	margin-top: 2em;
	margin-bottom: 2em;
}
.news-contentAinfo .news-contentAinfo-main img {
	max-width: 1500px;
	left: 1000px;
	position: center;
	text-align:center;
	/*display:block;*/
}
.news-contentAinfo .news-contentAinfo-main .news-contentAinfo-main_1>img{
	max-width: 800px;
	/*position:center;*/
	text-align:center;
}

.news-contentAinfo .news-contentAinfo-main .news-contentAinfo-main_1>p{
	font-weight: bold;
	font-size: 1em;
	width: 100%;
	text-indent: 0;
	letter-spacing: 0em;
	text-align: center;
}
.news-contentAinfo .news-contentAinfo-main .news-contentAinfo-main_2{
	margin-top: 2em;
	display: flex;
	justify-content: space-between;
}
.news-contentAinfo .news-contentAinfo-main .news-contentAinfo-main_2 .news-contentAinfo-main_2-list{
	text-align: center;
}
.news-contentAinfo .news-contentAinfo-main .news-contentAinfo-main_2 .news-contentAinfo-main_2-list>p{

	font-size: 1em;
	text-indent: 0;
	letter-spacing: 0em;
	text-align: center;
	font-weight: bold;
}
.news-contentAinfo .news-contentAinfo-main .news-contentAinfo-main_2 .news-contentAinfo-main_2-list>img{
	width: 100%;
	text-align:center;
	/*position:center;*/
}


/* 							<div class="news-contentAinfo-main_1">
								<img src=${item.src}>
							</div>
						`;
			} else if (type == 'template_2') {
				html += `
							<div class="news-contentAinfo-main_2">
								<divclass="news-contentAinfo-main_2-list">
									<img src=${item.src[0]}>
								</div>
								<divclass="news-contentAinfo-main_2-list">
									<img src=${item.src[1]}>
								</div>
								<divclass="news-contentAinfo-main_2-list">
									<img src=${item.src[2]}>
								</div>
							</div> */
/* 
		html += `
			<div class="news-contentAinfo">
			<h2>${data[index].title}</h2>
			<div class="news-contentAinfo-time">			<h4>${data[index].date}</h4> <h4>${data[index].author}</div>
				<div class="news-contentAinfo-main">
		`;
		$.each(data[index].content, (index, item) => {
			if (item.type == 'text') {
					html += `
						<p>
							${item.info}
						</p>
					`;
			} else if (item.type == 'img') {
					html += `
							<img src=${item.src}>
					`;
			}
		}) */