@charset "utf-8";
/* CSS Document */



a {
	text-decoration: none;
	cursor: pointer;
	color: #333333;
}

a:hover {
	color: #8F251E;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

fieldset,
img {
	border: 0;
	outline: 0;
	vertical-align: middle;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

:focus {
	outline: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
	font-style: normal;
	font-weight: 400;
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto;
}

caption,
th {
	text-align: left;
}

sup,
sub {
	font-size: 100%;
	vertical-align: baseline;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: none;
}

input::-ms-clear {
	display: none;
}


.clear:after {
	display: table;
	content: "";
	clear: both;
}

.clear {
	clear: both;
}

img {
	border: 0;
	outline: 0;
}

.lt {
	float: left;
}

.rt {
	float: right;
}

.pcNone {
	display: none !important;
}


html,
body {
	font-family: "Microsoft YaHei";
	color: #333;
}

.wrapper {
	width: 1200px;
	margin: 0 auto;
}

.scale-con {
	overflow: hidden;
}

.scale-img {
	transition: .5s;
}

.scale-img:hover {
	transform: scale(1.05);
	transition: .5s;
}

/* 首页css start */
.index-page {
	background-image: url(./fzw2603_indexBg.jpg);
	background-repeat: no-repeat;
	background-position: center 100px;
	background-size: 100% 100%;
	/* background-size: 1920px auto; */
}

.top {
	height: 100px;
	line-height: 100px;
	background: #fff;
	font-size: 16px;
}

.top .logo-con {
	float: left;
}

.top .word-con {
	position: relative;
	float: right;
	overflow: hidden;
}

.top .word-con::after {
	position: absolute;
	content: "";
	width: 1px;
	height: 20px;
	border-left: 1px solid #cccccc;
	left: 145px;
	top: 50%;
	transform: translateY(-50%);
}

.word-con .time {
	float: left;
	margin-right: 45px;
}

.word-con .back {
	float: left;
}

.banner .banner-word-img {
	display: block;
	margin: 0 auto;
	margin-top: 100px;
}

.banner .jsy {
	background: url(fzw2603_jsyBg.png) no-repeat;
	width: 1279px;
	height: 501px;
	margin: 0 auto;
	margin-top: 30px;
	padding: 80px 70px 60px;
}

.jsy-title {
	width: 258px;
	height: 121px;
	background: url(fzw2603_jsyTBg.png) no-repeat;
	margin: 0 auto;
	padding-top: 1px;
}

.jsy-title img {
	display: block;
	margin: 0 auto;
	margin-top: 43px;
}

.jsy p {
	color: #6f5938;
	font-size: 20px;
	line-height: 36px;
	width: 1075px;
	margin: 0 auto;
	text-indent: 2em;
	margin-top: 25px;
	text-align: justify;
}

.module-title img {
	display: block;
	margin: 0 auto;
	background: url(fzw2603_chnlTBg.png) no-repeat center bottom;
	padding-bottom: 55px;
	margin-bottom: 30px;
}

.moudle1 {
	margin-top: 20px;
}

.big-slide {
	position: relative;
	width: 1200px;
	height: 540px;
	margin: 0 auto;
}

.big-slide .play-icon {
	position: absolute;
	width: 26px;
	height: 29px;
	background: url(fzw2603_playIcon.png) no-repeat;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 99;
}

.big-slide .play-bg {
	position: absolute;
	width: 125px;
	height: 127px;
	background: url(fzw2603_playbg.png) no-repeat;
	left: 535px;
	top: 206px;
	/* transform: translate(-50%, -50%); */
	z-index: 99;
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.big-slide .play-bg {
	animation: rotation 10s infinite linear;
	animation-play-state: paused; /* 悬停时播放 */

}
.big-slide:hover .play-bg {
	animation-play-state: running; /* 悬停时播放 */
}

.big-slide .swiper-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.big-slide .swiper-container .swiper-slide {
	position: relative;
	width: 1200px;
	height: 540px;
}

.big-slide .swiper-container img {
	width: 100%;
	height: 100%;
}

.big-slide .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}

.big-slide .swiper-slide .title {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 90px;
	line-height: 70px;
	z-index: 9;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	background: linear-gradient(to bottom, transparent, #000);
	padding-right: 160px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 20px;
}

.big-slide .b-pagination {
	position: absolute;
	height: 12px;
	right: 0;
	bottom: 20px;
	z-index: 99;
}

.big-slide .swiper-pagination-switch {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background: #7e8988;
	margin-right: 15px;
	cursor: pointer;
}

.big-slide .swiper-pagination-switch.swiper-active-switch {
	background: #d9c6a7;
}

.small-slide {
	position: relative;
	width: 1232px;
	margin: 0 auto;
}

.small-slide .swiper-container {
	width: 1232px;
	margin: 0 auto;
	margin-top: 30px;
	height: 155px;
}

.small-slide .swiper-container .swiper-slide {
	position: relative;
	width: 308px;
	height: 155px;
	padding: 0 15px;
	box-sizing: border-box;
}

.small-slide .swiper-container .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}

.small-slide .swiper-slide img {
	width: 100%;
	height: 100%;
	display: block;
}

.small-slide .swiper-slide .title {
	position: absolute;
	z-index: 9;
	background: url(fzw2603_videoIcon.png) no-repeat 10px center;
	width: 100%;
	height: 45px;
	line-height: 45px;
	left: 15px;
	width: 278px;
	bottom: 0;
	box-sizing: border-box;
	font-size: 18px;
	color: #fff;
	padding-left: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 5px;
	/* background: linear-gradient(to bottom, transparent, #000); */

}

.m4-prev,
.m4-next,
.small-slide .s-next,
.small-slide .s-prev {
	position: absolute;
	width: 28px;
	height: 36px;
	top: 67px;
	cursor: pointer;
}

.m4-next,
.small-slide .s-next {
	right: -40px;
	background: url(fzw2603_rightArr.png) no-repeat;
}

.m4-prev,
.small-slide .s-prev {
	left: -40px;
	background: url(fzw2603_leftArr.png) no-repeat;
}

.moudle2 {
	margin-top: 80px;
}

.m2-con {
	width: 1200px;
	margin: 120px auto 0;
	height: 590px;
}
.m2-con ul {
	white-space: nowrap;
	font-size: 0;
}
.m2-con ul li {
	position: relative;
	width: 104px;
	height: 460px;
	display: inline-block;
	/* display: block; */
	/* float: left; */
	cursor: pointer;
	transition: 1s;
	margin-right: 9px;
	font-size: 0;
}

.m2-con ul li:last-child {
	margin-right: 0;
}

.m2-con ul li:nth-child(2) {
	transform: translateY(50px);
}

.m2-con ul li:nth-child(3) {
	transform: translateY(-50px);
}

.m2-con ul li .outer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-size: cover;
	transition: 1s;
	background-position: center;
	background-repeat: no-repeat;
}

.m2-con ul li .outer span {
	display: block;
	/* text-align: center; */
	font-size: 22px;
	color: #fff;
	writing-mode: vertical-lr;
	writing-mode: tb-lr;
	background: url(fzw2603_m2tBg.png) no-repeat top 40px center;
	/* width: 40px;
	margin: 0 auto; */
	/* padding: 0 5px; */
	width: 104px;
	padding: 0 37px;
	padding-top: 70px;
	padding-bottom: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: 100%;
	float: right;
}

.m2-con ul li .inner {
	/* position: relative; */
}

.m2-con ul li .inner img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.m2-con ul li .inner span {
	display: none;
	position: absolute;
	width: 100%;
	height: 80px;
	line-height: 80px;
	z-index: 2;
	bottom: 0;
	overflow: hidden;
	white-space: nowrap;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 60px;
	padding-right: 20px;
	box-sizing: border-box;
	background: linear-gradient(to bottom, transparent, #000);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.m2-con ul li .inner span::before {
	position: absolute;
	content: "";
	background: url(fzw2603_videoIconW.png) no-repeat top center;
	left: 20px;
	width: 27px;
	height: 27px;
	top: 50%;
	transform: translateY(-50%);
}

.m2-con ul li.on .inner span {
	display: block;
}

.m2-con ul li.on {
	width: 744px;
	transition: 1s;
	/* height: 556px; */
}

.m2-con ul li.on .outer {
	visibility: hidden;
	opacity: 0;
	transition: 1s;
}

.moudle3 ul {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.moudle3 ul li {
	width: 288px;
	height: 245px;
	float: left;
	margin-right: 16px;
	margin-bottom: 32px;
}

.moudle3 ul li:nth-child(4n) {
	margin-right: 0;
}

.moudle3 ul li .img-con {
	width: 288px;
	height: 176px;
	padding: 6px 5px;
	background: url(fzw2603_m3ImgBg.png) no-repeat;
}

.moudle3 ul li .img-con img {
	width: 100%;
	height: 100%;
}
.img-inner {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.moudle3 ul li .txt-con {
	width: 279px;
	height: 48px;
	line-height: 48px;
	background: url(fzw2603_m3tBg.png) no-repeat;
	text-align: center;
	font-size: 20px;
	color: #ab8e62;
	margin-top: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 12px;
}

.moudle4 {
	margin-top: 80px;
	margin-bottom: 80px;
}

.moudle4 .m4-con {
	width: 1230px;
	margin: 0 auto;
	position: relative;
	/* height: 467px; */
}

.moudle4 .swiper-container {
	width: 1230px;
	height: 467px;
}

.moudle4 .m4-con .swiper-slide {
	width: 410px;
	height: 467px;
	padding: 0 15px;
	box-sizing: border-box;
}

.m4-con .swiper-slide .img-con {
	width: 380px;
	height: 227px;
	overflow: hidden;
}

.m4-con .swiper-slide .img-con img {
	display: block;
	width: 100%;
	height: 100%;
}
.m4-con .swiper-slide:hover .img-con img {
	transform: scale(1.05);
	transition: .5s;
}
.moudle4 .m4-con .swiper-slide .txt-con {
	padding: 30px;
	width: 380px;
	background: url(fzw2603_m4WordBg1.jpg) no-repeat;
}

.moudle4 .m4-con .swiper-slide:nth-child(2n) .txt-con {
	background: url(fzw2603_m4WordBg2.jpg) no-repeat;
}

.moudle4 .m4-con .swiper-slide:nth-child(3n) .txt-con {
	background: url(fzw2603_m4WordBg3.jpg) no-repeat;
}

.m4-con .swiper-slide .title {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: url(fzw2603_videoIconW.png) no-repeat left center;
	padding-left: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.m4-con .swiper-slide .desc {
	font-size: 16px;
	line-height: 32px;
	margin-top: 20px;
	color: #fff;
	text-align: justify;
}

.m4-prev,
.m4-next {
	top: 210px;
}

.m4-pagination {
	height: 14px;
	text-align: center;
	margin-top: 35px;
}

.m4-pagination .swiper-pagination-switch {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background: #daccbf;
	margin-right: 11px;
}

.m4-pagination .swiper-pagination-switch.swiper-active-switch {
	width: 40px;
	background: #c4af9a;
}

.fzBFooter {
	/* min-width:1210px; */
	height: 160px;
	clear: both;
	background: #EBE7DD;
	/* margin-top: 87px; */
}

.fzBCFooter {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 15px;
}

.fzBCSydwImg {
	float: left;
	margin-top: 32px
}

.fzBCZWzBox {
	float: left;
	margin-left: 25px;
	margin-top: 40px;
}

.fzBCZWzT {
	height: 16px;
	line-height: 16px;
	margin-bottom: 18px;
}

.fzBCZWzT ul {
	float: left;
	overflow: hidden;
}

.fzBCZWzT ul li {
	float: left;
}

.fzBCZWzT ul li a {
	border-right: 1px solid #977354;
	padding: 0 17px 0 0;
	font-size: 16px;
	font-family: "Microsoft YaHei";
	line-height: 16px;
	color: #977354;
	height: 16px;
	margin-right: 17px;
}

.fzBCZWzT p {
	font-size: 16px;
	font-family: "Microsoft YaHei";
	line-height: 16px;
	color: #333333;
	float: left;
	margin-left: 38px;
}

.fzBCZWzB {
	overflow: hidden;
}

.fzBCZWzB p {
	margin-right: 36px;
	font-size: 16px;
	font-family: "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
	line-height: 20px;
	color: #333333;
	float: left;
	height: 20px;
}

.fzBCZWzB p a {
	color: #333333 !important;
}

.fzBCZWzBP {
	padding-left: 25px;
	background: url(fzw2603_jh.png) no-repeat left center;
}

.fzBCZfzc {
	display: block;
	float: right;
	margin-top: 28px;
	margin-left: 20px;
	width: 110px;
}

.fzBCZfzc img {
	width: 100%;
}

.fzBCWxImg {
	float: right;
	margin-top: 11px;
}

.fzBCWxImg p {
	text-align: center;
	color: #333333;
	font-size: 12px;
	margin-top: 4px;
}

.fzBCXmtImg {
	float: right;
	margin-top: 11px;
	margin-right: 20px
}

.fzBCXmtImg img,
.fzBCWxImg img {
	vertical-align: middle;
}

.fzBCXmtImg p {
	text-align: center;
	color: #c7ced7;
	font-size: 12px;
	margin-top: 4px;
}

/* 首页css end */

/* 方志存史故事css start */
.ej-page {
	/*background: #f9f7f8 url(fzw2603_ejBg.png) no-repeat center 100px;*/
	 background: url(fzw2603_ejBg.jpg) no-repeat center 100px;
	/* padding-top: 350px; */
}

.crumbs {
	width: 1200px;
	margin: 0 auto;
	margin-top: 350px;
}

.crumbs a,
.crumbs {
	font-size: 16px;
	color: #6f5938;
}

.ej-page .module-title {
	margin-top: 50px;
}

ul.phs-list {
	width: 1200px;
	margin: 0 auto;
	margin-top: 35px;
	overflow: hidden;
}

.phs-list li {
	position: relative;
	float: left;
	width: 580px;
	height: 325px;
	margin-bottom: 42px;
}

.phs-list li:nth-child(even) {
	float: right;
}

.phs-list .img-con {
	width: 100%;
	height: 100%;
}

.phs-list .img-con img {
	width: 100%;
	height: 100%;
}

.phs-list .txt-con {
	position: absolute;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	left: 0;
	bottom: 0;
	height: 65px;
	line-height: 65px;
	background: linear-gradient(to bottom, transparent, #000);
	width: 100%;
}

.phs-list .txt-con .title {
	background: url(fzw2603_videoIcon.png) no-repeat 13px center;
	background-size: 27px auto;
	padding-left: 55px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 10px;
}

/* 分页 */
.page {
	text-align: center;
	padding: 20px 0 70px 0;
}

.page_s {
	display: inline-block;
	font-size: 14px;
}

.page a {
	cursor: pointer;
}

.page a,
.page span,
.page .txt {
	padding: 0 9px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #dddddd;
	margin: 0 3px 0 0;
	color: #333333;
	font-size: 16px;
	border-radius: 2px;
	min-width: 16px;
	display: inline-block;
}

.page a:hover {
	color: #fff;
	border: 1px solid #ba944d;
	background: #ba944d;
}

.page .cur {
	color: #fff;
	border: 1px solid #dfd7c5;
	background: #ba944d;
}

.page span {
	border: none;
}

.page .txt {
	width: 18px;
}

.page #num {
	height: 32px;
	line-height: 32px;
	text-align: center;
	border: 1px solid #dfd7c5;
	border-radius: 2px;
	width: 32px;
	vertical-align: top;
	font-size: 16px;
}

.page font {
	font-size: 16px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	vertical-align: top;
}

.page font i {
	padding-bottom: 2px;
	display: inline-block;
}

.page #go {
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	cursor: pointer;
	*padding: 0 3px;
	margin: 0;
	vertical-align: top;
	border: none;
	background-color: #ba944d;
	font-size: 16px;
	color: #fff;
	border-radius: 2px;
}

/* 方志存史故事css end */

/* 方志文化故事css start */
.culture-story .moudle4 {
	margin-top: 20px;
	margin-bottom: 0;
}

.culture-story .swiper-container {
	height: auto;
}

.culture-story .swiper-container .swiper-slide {
	margin-bottom: 35px;
}

/* 方志文化故事css end */

/* 文章详情css start */
.art-detail {
	background: #fff;
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
	padding: 0 60px;
}

.art-title {
	text-align: center;
	font-size: 32px;
	color: #000;
	font-weight: bold;
	padding: 60px 0;
	line-height: 1.8;
}

.art-detail .infos {
	width: 1080px;
	margin: 0 auto;
	border-bottom: 1px solid #ded2c0;
	overflow: hidden;
	font-size: 16px;
	color: #6f5938;
	padding-bottom: 15px;
	padding-top: 5px;
}

.art-detail .infos>div {
	float: right;
	/* height: 35px; */
	line-height: 1.5;
	padding-left: 30px;
	margin-right: 20px;
}

.art-detail .infos .source {
	width: 520px;
	float: left;
	background: url(fzw2603_sourceIcon.png) no-repeat 0px 4px;
	margin: 0;
}

.art-detail .infos .font-size {
	background: url(fzw2603_fontIcon.png) no-repeat left center;
}

.art-detail .infos .font-size span {
	cursor: pointer;
	margin: 0 4px;
}

.art-detail .infos .font-size span:hover,
.art-detail .infos .font-size span.on {
	font-weight: bold;
}

.art-detail .infos .print {
	cursor: pointer;
	background: url(fzw2603_printIcon.png) no-repeat left center;

}

.art-detail .infos .share span {
	display: block;
	float: left;
}

.art-detail .infos .share span.icon {
	position: relative;
	width: 35px;
	height: 35px;
	border-radius: 17px;
	background: #eee5d8;
	margin-right: 10px;
	cursor: pointer;
	transition: .5s;
	margin-top: -5px;
}

.art-detail .infos .share span.icon:hover {
	background: #d7cfc3;
	transition: .5s;
}

.art-detail .infos .share span.icon img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.art-detail .htmlcon {
	color: #6f5938;
	font-size: 20px;
	line-height: 2.1;
	padding: 40px 0;
	margin-bottom: 70px;
}

.art-detail .htmlcon p {
	margin: 1em 0;
	text-align: justify !important;
}

.video-con {
	display: inline-block;
	padding: 30px;
	background: url(fzw2603_artVideoBg.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.video-con video {
	width: 777px;
	height: auto;
	display: block;
}

.code-box {
	width: 262px;
	border: 1px solid #ddd;
	background-color: #ffffff;
	padding: 10px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -163px;
	margin-left: -142px;
	display: none;
	z-index: 9999;
}

.code-box .close {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.code-box h5 {
	margin: 0;
}

.code-box p {
	font-size: 12px;
	line-height: 22px;
	margin: 0;
	color: #555;
	text-align: center;
}

#div_div {
	width: 200px;
	height: 200px;
	margin: 20px auto
}


/* 文章详情css end */


@media screen and (max-width: 1440px) {
	.wrapper {
		width: 1000px;
		margin: 0 auto;
	}

	.index-page {
		/* background-size: 1600px auto; */
		background-position: center 83px;
	}

	.top .logo-con img {
		width: 230px;
	}

	.top {
		height: 83px;
		line-height: 83px;
		font-size: 14px;
	}

	.top .word-con::after {
		height: 16px;
		left: 127px;
	}

	.word-con .time {
		margin-right: 38px;
	}

	.banner .banner-word-img {
		margin-top: 83px;
	}

	.banner .jsy {
		background: url(fzw2603_jsyBg.png) no-repeat;
		background-size: 1065px 417px;
		width: 1065px;
		height: 417px;
		margin-top: 25px;
		padding: 66px 58px 50px;
	}

	.jsy-title {
		width: 215px;
		height: 100px;
		background: url(fzw2603_jsyTBg.png) no-repeat;
		background-size: contain;
		background-size: 215px 100px;
	}

	.jsy-title img {
		margin-top: 35px;
	}

	.jsy p {
		font-size: 18px;
		line-height: 32px;
		width: 890px;
		margin-top: 15px;
	}

	.module-title img {
		width: 249px;
		background: url(fzw2603_chnlTBg.png) no-repeat center bottom;
		background-size: 110px auto;
		padding-bottom: 45px;
		margin-bottom: 25px;
	}

	.big-slide {
		width: 1000px;
		height: 450px;
	}

	.big-slide .play-icon {
		position: absolute;
		width: 22px;
		height: 25px;
		background-size: 100% 100%;
	}

	.big-slide .play-bg {
		width: 104px;
		height: 106px;
		background: url(fzw2603_playbg.png) no-repeat;
		background-size: 100% 100%;
		left: 446px;
		top: 172px;
	}

	.big-slide .swiper-container {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.big-slide .swiper-slide .title {
		height: 75px;
		line-height: 60px;
		font-size: 22px;
		padding-right: 133px;
	}

	.big-slide .b-pagination {
		height: 10px;
		bottom: 15px;
	}

	.big-slide .swiper-pagination-switch {
		width: 10px;
		height: 10px;
		margin-right: 12px;
		border-radius: 5px;

	}

	.small-slide {
		width: 1020px;
	}

	.small-slide .swiper-container {
		width: 1020px;
		margin-top: 20px;
		height: 129px;
	}

	.small-slide .swiper-container .swiper-slide {
		width: 255px;
		height: 128px;
		padding: 0 10px;
	}

	.small-slide .swiper-slide .title {
		height: 38px;
		line-height: 38px;
		left: 11px;
		width: 231px;
		font-size: 15px;
		padding-left: 30px;
		padding-right: 5px;
		background: url(fzw2603_videoIcon.png) no-repeat 7px center;
		background-size: 16px;
	}

	.m4-prev,
	.m4-next,
	.small-slide .s-next,
	.small-slide .s-prev {
		width: 23px;
		height: 30px;
		top: 56px;
	}

	.m4-next,
	.small-slide .s-next {
		right: -33px;
		background: url(fzw2603_rightArr.png) no-repeat;
		background-size: contain;
	}

	.m4-prev,
	.small-slide .s-prev {
		left: -33px;
		background: url(fzw2603_leftArr.png) no-repeat;
		background-size: contain;
	}

	.moudle2 {
		margin-top: 66px;
	}

	.m2-con {
		width: 1000px;
		height: 500px;
		margin: 90px auto 0;
	}

	.m2-con ul li {
		width: 86px;
		height: 380px;
		margin-right: 7px;
	}

	.m2-con ul li:nth-child(2) {
		transform: translateY(42px);
	}

	.m2-con ul li:nth-child(3) {
		transform: translateY(-42px);
	}

	.m2-con ul li .outer span {
		font-size: 18px;
		background: url(fzw2603_m2tBg.png) no-repeat top 33px center;
		width: 86px;
		padding: 0 30px;
		padding-top: 58px;
		padding-bottom: 25px;
	}

	.m2-con ul li .inner span {
		height: 66px;
		line-height: 66px;
		font-size: 20px;
		padding-left: 50px;
		padding-right: 16px;
	}

	.m2-con ul li .inner span::before {
		left: 16px;
		width: 23px;
		height: 23px;
		background-size: contain;
	}

	.m2-con ul li.on {
		width: 620px;
	}

	.moudle3 ul {
		width: 1000px;
	}

	.moudle3 ul li {
		width: 240px;
		height: 204px;
		margin-right: 13px;
		margin-bottom: 20px;
	}

	.moudle3 ul li .img-con {
		width: 240px;
		height: 146px;
		padding: 5px 4px;
		background-size: 100% 100%;
	}

	.moudle3 ul li .txt-con {
		width: 240px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		margin-top: 12px;
		padding: 0 10px;
		background-size: 100% 100%;
	}

	.moudle4 {
		margin-top: 66px;
		margin-bottom: 66px;
	}

	.moudle4 .m4-con {
		width: 1020px;
	}

	.moudle4 .swiper-container {
		width: 1020px;
		height: 389px;
	}

	.moudle4 .m4-con .swiper-slide {
		width: 340px;
		height: 389px;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.m4-con .swiper-slide .img-con {
		width: 316px;
		height: 189px;
	}

	.moudle4 .m4-con .swiper-slide .txt-con {
		width: 316px;
		padding: 22px;
	}

	.m4-con .swiper-slide .title {
		font-size: 16px;
		padding-left: 30px;
		background-size: 22px auto;
	}

	.m4-con .swiper-slide .desc {
		font-size: 14px;
		line-height: 28px;
		margin-top: 16px;
	}

	.m4-prev,
	.m4-next {
		top: 175px;
	}

	.m4-pagination {
		height: 12px;
		margin-top: 25px;
	}

	.m4-pagination .swiper-pagination-switch {
		width: 12px;
		height: 12px;
		border-radius: 6px;
		margin-right: 8px;
	}

	.m4-pagination .swiper-pagination-switch.swiper-active-switch {
		width: 33px;
	}

	/*footer*/
	.fzBFooter {
		/* min-width:969px; */
		height: 130px;
	}

	.fzBCFooter {
		width: 1000px;
	}

	.fzBCSydwImg {
		margin-top: 27px;
		width: 42px;
	}

	.fzBCZWzBox {
		float: left;
		margin-left: 22px;
		margin-top: 31px;
	}

	.fzBCZWzT {
		height: 14px;
		line-height: 14px;
		margin-bottom: 12px;
	}

	.fzBCZWzT ul li a {
		border-right: 1px solid #7e8fa1;
		padding: 0 14px 0 0;
		font-size: 12px;
		line-height: 14px;
		/* color: #fff; */
		height: 14px;
		margin-right: 14px;
	}

	.fzBCZWzT p {
		font-size: 12px;
		line-height: 14px;
		/* color: #c7ced7; */
		float: left;
		margin-left: 24px;
	}

	.fzBCZWzB p {
		margin-right: 32px;
		font-size: 12px;
		line-height: 18px;
		height: 18px;
	}

	.fzBCZWzBP {
		padding-left: 22px;
		background: url(./fzw2603_jh.png) no-repeat left center;
	}

	.fzBCZfzc {
		display: block;
		float: right;
		margin-top: 22px;
		margin-left: 15px;
		width: 93px;
	}

	.fzBCWxImg {
		float: right;
		margin-top: 8px;
		width: 74px;
	}

	.fzBCFooter .fzBCWxImg img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}

	.fzBCWxImg p {
		text-align: center;
		/* color: #c7ced7; */
		font-size: 12px;
		margin-top: 3px;
	}

	.fzBCXmtImg {
		width: 74px;
		float: right;
		margin-top: 8px;
		margin-right: 15px
	}

	.fzBCFooter .fzBCXmtImg img {
		width: 100%;
		vertical-align: middle;
	}

	.fzBCXmtImg p {
		text-align: center;
		color: #c7ced7;
		font-size: 12px;
		margin-top: 3px;
	}

	/* 方志存史故事css start */
	.ej-page {
		background: #f9f7f8 url(fzw2603_ejBg.png) no-repeat center 83px;
		background-size: 1600px auto;
	}

	.crumbs {
		width: 1000px;
		margin-top: 290px;
	}

	.crumbs a,
	.crumbs {
		font-size: 14px;
		color: #6f5938;
	}

	.ej-page .module-title {
		margin-top: 41px;
	}

	ul.phs-list {
		width: 1000px;
		margin-top: 29px;
	}

	.phs-list li {
		width: 483px;
		height: 270px;
		margin-bottom: 35px;
	}

	.phs-list .txt-con {
		font-size: 18px;
		height: 54px;
		line-height: 54px;
	}

	.phs-list .txt-con .title {
		background: url(fzw2603_videoIcon.png) no-repeat 10px center;
		background-size: 22px auto;
		padding-left: 45px;
		padding-right: 8px;
	}

	/* 方志存史故事css end */

	/* 方志文化故事css start */
	.culture-story .moudle4 {
		margin-top: 16px;
	}

	.culture-story .swiper-container {
		height: auto;
	}

	.culture-story .swiper-container .swiper-slide {
		margin-bottom: 29px;
	}

	/* 方志文化故事css end */

	/* 文章详情css start */
	.art-detail {
		width: 1000px;
		margin-top: 25px;
		padding: 0 50px;
	}

	.art-title {
		font-size: 26px;
		padding: 50px 0;
	}

	.art-detail .infos {
		width: 900px;
		font-size: 14px;
		padding-bottom: 12px;
	}

	.art-detail .infos>div {
		/* height: 29px; */
		line-height: 1.5;
		padding-left: 23px;
		margin-right: 41px;
	}

	.art-detail .infos .source {
		background-size: 16px auto;
		width: 400px;
	}

	.art-detail .infos .font-size {
		background-size: 18px auto;
	}

	.art-detail .infos .print {
		background-size: 19px auto;
	}

	.art-detail .infos .share span.icon {
		width: 28px;
		height: 28px;
		border-radius: 14px;
		margin-right: 8px;
	}

	.art-detail .infos .share span.icon img {
		width: 60%;
	}

	.art-detail .htmlcon {
		font-size: 16px;
		padding: 33px 0;
		margin-bottom: 58px;
	}

	.video-con {
		padding: 25x;
	}

	.video-con video {
		width: 647px;
	}

}


/* 文章详情css end */