/* 公示公告和主题活动区域 */
.mlzg {
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap:1vw;
	margin-top: 2vw;
}

.gongshi {
	width:66%;
	


}

.zhuti {
	width: 32%;


}

.gongshi-content {
	display: flex;
	padding: 1vw;
	gap: 1vw;
	background: #f8f8f8;
}

.gongshi-img {
	width:51%;
	position: relative;
	overflow: hidden;
}

.gongshi-img img {
	width: 100%;
	height: auto;
	transition: all 0.3s ease;
}

.gongshi-img:hover img {
	transform: scale(1.05);
}



.gongshi-img1 {
	width:30%;
	position: relative;
}

.gongshi-img1 img {
	width: 100%;
	height: auto;
}

.img-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.4);
	color: white;
	padding: 0.2vw;
	font-size: 0.8vw;
	text-align: center;
	bottom: 0.3vw;
}

.gongshi-list {
	width: 60%;
}

.gongshi-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.gongshi-list li {
	padding: 0.5vw 0;
	border-bottom: 1px dashed #eee;
	font-size: 0.8vw;
	color: #333;
	line-height: 1.5;
}
.gongshi-list li a {
	color: #333;
}

.gongshi-list li a:hover {
	color: #d74339;
}

.gongshi-list li:last-child {
	border-bottom: none;
}

.zhuti-content {
	padding: 1vw;
	display: flex;
	flex-direction: column;
	gap: 1vw;
	background: #f8f8f8;
}

.zhuti-item {
	display: block;
	overflow: hidden;
}

.zhuti-item img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.3s ease;
}

.zhuti-item:hover img {
	transform: scale(1.05);
}

/* 基础样式重置 */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: "Microsoft YaHei", sans-serif;
	line-height: 1.6;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.f22 {
	font-size: 1.1vw;
}

.f18 {
	font-size: 1vw;
}

.f16 {
	font-size: 0.8vw;
}

a {
	text-decoration: none;
}

p {
	text-indent: 2em;
}

li::marker {
	content: "";
	display: none;
}

/* 顶部样式 */
header {
	overflow: hidden;
}


.top-banner {
	overflow: hidden;
	margin: 2vw auto 2vw;
	align-items: center;
	width: 58vw;
}

.page {
	max-width: 60vw;
	margin: 0 auto;
}

.page1 {
	max-width: 60vw;
	margin: 0 auto;
	overflow: hidden;
	background: #f8f8f8;
	padding: 1vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* 文明培育部分的通栏布局 */
/* .special-counties .page {
	max-width: 100%;
} */

.col {
	width: 100%;

}

.banner1 {
	width: 40vw;
	max-height: 5vw;
	position: relative;
	overflow: hidden;
}

.banner1 img{
	width: 100%;
}

.logo {
	width: 14vw;
	margin-top: 0.5vw;
}

.main-nav {
	background-color: #ed1314;
	padding: 0.5vw 0;
}

.main-nav ul {
	list-style: none;
	display: flex;
	justify-content: center;
	max-width: 60vw;
	margin: 0 auto;
}

.main-nav li {
	margin: 0 1vw;
}

.main-nav a {
	color: white;
	font-size: 1vw;
	font-weight: bold;

}

.main-nav a:hover {
	color: #fffee6;
}

/* 主要内容区样式 */
main {
	max-width: 60vw;
	margin: 1vw auto;
}



/* 头条 */
.row {
	padding: 1vw;
	background: #f4f4f4;
}

.news-title2 {
	text-align: center;
}

.news-title2 h1 a{
	font-size: 2.1875vw;
	color: #333;
	font-weight: bold;
}

.news-title2 h1 a:hover {
	color: #000;
}

.news-subtitle ul {
	list-style: none;
	text-align: center;
}

.news-subtitle li {
	margin: 1vw auto;
	font-size: 0.7vw;
	position: relative;
	padding-left: 0.5vw;
	width: 90%;
}

.news-subtitle li:before {
	content: '';
	width: 0.3125vw;
	/* 6px / 1920px * 100 */
	height: 0.3125vw;
	/* 6px / 1920px * 100 */
	background-color: #e31717;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}


.news-subtitle a {
	color: #8d8d8d;
	text-decoration: none;
}

.news-subtitle a:hover {
	color: #e31717;
}

.news-subtitle .more {
	margin-top: 0.78125vw;
	/* 15px / 1920px * 100 */
}

.red-more {
	color: #e31717 !important;
	margin-left: 1.04167vw;
	/* 20px / 1920px * 100 */
}

.news-container {
	margin-top: 1.5625vw;
	/* 30px / 1920px * 100 */
}



.main-news {
	width: 21vw;
}

/* 文明播报 */

.section-header {
	display: flex;
	align-items: center;
	background: url('../images/bg1.png') no-repeat;
	padding: 0.3vw 0.5vw;
}

.section-header h3 {
	
	font-size: 1.25vw;
	/* 24px / 1920px * 100 */
	position: relative;
	width: auto;
	height: auto;
	line-height: normal;
	margin: 0;
	padding: 0 1vw 0 0;
}

.section-header h3 a{
	color: white;
}

.section-header h3 a:hover {
	color: #ed1314;
}

.section-header1 {
	display: flex;
	align-items: center;
	background: url('../images/bg2.png') no-repeat;
	padding: 0.3vw 0.5vw;
}

.section-header1 h3 {
	color: white;
	font-size: 1.25vw;
	/* 24px / 1920px * 100 */
	position: relative;
	width: auto;
	height: auto;
	line-height: normal;
	margin: 0;
	padding: 0 1vw 0 0;
}

.section-header1 h3 a{
	color: white;
}

.section-header1 h3 a:hover {
	color: #D52014;
}



/* 开始 */
.nav-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2vw;
	height: 2vw;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 1vw;
	cursor: pointer;
	z-index: 10;
	transition: all 0.3s ease;
	border: 0.15vw solid rgba(255, 255, 255, 0.5);
}

.nav-btn:hover {
	background: #ed1314;
	color: #fff;
	transform: translateY(-50%) scale(1.1);
}

.prev {
	left: 1vw;
	display: none;
}

.next {
	right: 1vw;
	display: none;
}

.slider-container {
	position: relative;
	width: 38vw;
	height: 25vw;
	overflow: hidden;

	margin: 0 auto;
}
/*
.slider-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}
*/
.slider-wrapper a {
    position: absolute;  /* 如果原本是这样定位的 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 激活的链接提升到最上层 */
.slider-wrapper a:has(.slider.active) {
    z-index: 10;
}

/* 非激活的链接禁止点击穿透 */
.slider-wrapper a:not(:has(.slider.active)) {
    pointer-events: none;
}

.slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.8s ease-in-out;
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	/* padding: 3vw; */
}

.slider.active {
	opacity: 1;
}

.slider-content {
	background: rgba(0, 0, 0, 0.4);
	padding:1vw;
	/* border-radius: 0.2vw; */
	color: white;
	text-align: left;
	transform: translateY(2vw);
	transition: transform 0.5s ease;
}

.slider.active .slider-content {
	transform: translateY(0);
}

.slider p {
	font-size: 0.8vw;
	line-height: 1.4;
	opacity: 0.9;
}

.controls {
	position: absolute;
	bottom:0.5vw;
	right:-18%;
	transform: translateX(-50%);
	display: flex;
	z-index: 10;
}

.dot {
	width:2vw;
	height:2vw;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.3);
	margin: 0 0.5vw;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-size: 1.1vw;
	color: #fff;
	transition: all 0.3s ease;
	border: 0.2vw solid transparent;
}

.dot:hover {
	background: rgba(237, 19, 20, 0.7);
	transform: scale(1.1);
}

.dot.active {
	background: #ed1314;
	color: #fff;
	/* transform: scale(1.2); */
	border-color: white;
}

/* 结束 */




/* 要闻 */

.news-date {
	color: #999;
	font-size: 0.72917vw;
	/* 14px / 1920px * 100 */
	margin-left: 0.78125vw;
	/* 15px / 1920px * 100 */
}


.col {
	width: 100%;
	margin:0 auto;
	background: #f8f8f8;
	padding: 1vw;
}




.ddtit {
	display: flex;
	align-items: center;
	position: relative;
	width: 15vw;
	margin: 0 auto;
}

.title-1 {
	font-size: 1.9rem;
	font-weight: 600;
	color: white;
	background: url('../images/bg3.png') no-repeat center center;
	background-size: contain;
	padding: 2vw 0;
	position: relative;
	z-index: 2;
	transition: all 0.3s ease;
	margin: 0 auto;
	text-align: center;
	width: 200px;
}

.title-1 a{
	color: white;
}

.title-1 a:hover {
	color: #ed1314;
}



/*文明培育 */
.special-counties {
	margin-top: 2.08333vw;
	/* 40px / 1920px * 100 */
	overflow: hidden;
	width: 100%;
}

.special-counties #banner4{
	width: 100%;
}

/* banner4添加hover效果 动画过渡*/

#banner4:hover {
	transition: all 0.3s ease;
	transform: scale(1.02);
}


.butbox {
	width: 100%;
	overflow: hidden;
}

.butnav {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	/* 3 等分 */
	gap: 2vw;
	/* 子项间距 */
	width: 40vw;
	font-size: 1.2vw;
	margin: 0 auto;
}

.butnav a {
	color: #fff;
	flex: 1;
	/* 每个 <a> 标签等宽 */
	text-align: center;
	/* 文字居中 */
	padding: 0.52083vw 0;
	/* 10px / 1920px * 100 */
	/* 上下内边距（可选） */
	background: #f3a853;
	/* 背景色（可选） */
	border-radius: 0.20833vw 0.20833vw 0 0;
	/* 4px / 1920px * 100 */
	/* 圆角（可选） */
}

.butnav a.selected {
	color: #fff;
	background: #d74339;
}

.butnav a:hover {
	color: #fff;
}

.badge {
	position: relative;
	left: 0px;
	margin: 0 auto;
	text-align: center;
	bottom: -0.41667vw;
	/* 8px / 1920px * 100 */
	align-items: center;
	width: 3.75vw;
	/* 72px / 1920px * 100 */
	height: 1.25vw;
	/* 24px / 1920px * 100 */
}

.nick-name {
	position: relative;
	overflow: hidden;
	text-decoration: none;
	letter-spacing: 0px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wrbox {
	width: 100%;
	background-color: #fff;
	overflow: hidden;
}

.silder1,
.silder2,
.silder3 {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
}

.silder-box-1,
.silder-box-2,
.silder-box-3 {
	position: relative;
	margin: 1vw 0;
	width: 100%;
}

.silder-box-1 li,
.silder-box-2 li,
.silder-box-3 li {
	margin: 0.5vw auto 0;
}

.silder-box-1 li img,
.silder-box-2 li img,
.silder-box-3 li img {
	display: block;
	width: 100%;
	max-width: 145px;
}

.silder-button {
	top: 5vw;
	width:15px;
	height:21px;
	position: absolute;
	cursor: pointer;
}

.silder-button.btl {
	left: 0.7vw;
	background: url(../images/bl.png);
}

.silder-button.btr {
	right: 0.7vw;
	background: url(../images/br.png);
}

.silder-button:hover {
	background-position: 0 -1vw;
}

.m2 {
	overflow: hidden;
	margin-top: 1vw;
	float: left;
	width: 100%;
}

.left-box,
.right-box {
	width: 48%;
}

.title {

	font-weight: bold;
	color: #c72e2e;
	background: #ffead9;
	border-left: 0.2vw solid #d74339;
	padding-left: 0.5vw;
	/* 标题与内容间距 */
}

.title-y {
	margin-bottom: 1vw;

	font-weight: bold;
	color: #c72e2e;
	background: #ffead9;
	border-left: 0.20833vw solid #d74339;
	/* 4px / 1920px * 100 */
	padding-left: 0.5vw;
	/* 标题与内容间距 */
}

.list {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0.5vw 0 0.5vw 0;
}


/* 新闻标题开始 */


.news-item {
	padding: 0.8vw 0.3vw 0.3vw 0.3vw;
	/* 12px / 1920px * 100 */
	border-bottom: 1px solid #eee;
	position: relative;
	transition: all 0.3s ease;
	position: relative;
}

.news-item:last-child {
	border-bottom: none;
}

.news-item:hover {
	background-color: #f9f9f9;
	transform: translateX(0.3vw);
	/* 5px / 1920px * 100 */
}

/* 红点指示器 - 基础样式 */

.news-item::before {
	content: '';
	position: absolute;
	left: 0.5vw;
	/* 10px / 1920px * 100 */
	top: 51%;
	transform: translateY(-50%);
	width: 0.3vw;
	/* 8px / 1920px * 100 */
	height: 0.3vw;
	/* 8px / 1920px * 100 */
	background-color: #e74c3c;
	border-radius: 50%;
	transition: all 0.3s ease;
}




/* 悬停时红点动画 */
.news-item:hover::before {
	transform: translateY(-50%) scale(1.2);
	box-shadow: 0 0 0.52083vw rgba(231, 76, 60, 0.5);
	/* 10px / 1920px * 100 */
}

.news-title {
	color: #2c3e50;
	margin-bottom: 0.5vw;
	display: block;
	transition: color 0.3s;
	text-align: left;
	padding-left: 1.2vw;
}

.news-title1 {
	color: #2c3e50;
	margin-bottom: 0.5vw;
	display: block;
	transition: color 0.3s;
	text-align: left;
	padding-left: 1.2vw;
	font-weight: 600;
}

.news-item:hover .news-title {
	color: #e74c3c;
}



/* 动画效果 */
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.7);
	}

	70% {
		box-shadow: 0 0 0 0.41667vw rgba(231, 76, 60, 0);
		/* 8px / 1920px * 100 */
	}

	100% {
		box-shadow: 0 0 0 0 rgba(231, 76, 60, 0);
	}
}

/* 新闻标题结束 */
.news-list {
	width: 100%;
	overflow: hidden;
}

.wrapper-1 {
	position: relative;
	display: flex;
	align-items: flex-start;
	width: 100%;
}

.wrapper-1 img {
	width: 100%;
}

.wrapper-1:hover img {
	opacity: 0.9;
}


.desc-wrapper {
	position: absolute;
	display: flex;
	left: 0px;
	bottom: 6px;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	width: 100%;
	height: 1.97917vw;
	/* 38px / 1920px * 100 */
	background-color: rgba(0, 0, 0, 0.5);
	line-height: 1.04167vw;
	/* 20px / 1920px * 100 */
	white-space: pre;
	color: #fff;
}



/*文明实践 */
.sol {
	width: 27vw;
}

.sor {
	width: 29vw;
}


/*文明创建 （手风琴） */
.wmcs_tit {
	font-weight: bold;
	font-size: 1.25vw;
	/* 24px / 1920px * 100 */
	color: #d43333;
	line-height: 1.5625vw;
	/* 30px / 1920px * 100 */
	text-align: center;
	border-bottom: none;
}

.tmt {
	font-size: 1.2vw;
	font-weight: 600;
	line-height: 2.6vw;
	color: #c90000;
}

.tmt a {
	color: #c90000;
}

.list-txt li {
	padding-left: 0.83333vw;
	font-size: 0.83333vw;
	line-height: 1.45833vw;
	color: #333;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.list-txt li a {
	color: #333;
}

.list-txt li a:hover {
	color: #ed1314;
}

.civilization {
	width: 60vw;
}

.civilization .gallery {
	position: relative;
	font-size: 0;
	width: 60vw;
}

.civilization .gallery .gallery-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-left: 0.05208vw;
	/* 1px / 1920px * 100 */
	width: 4.27083vw;
	/* 82px / 1920px * 100 */
	height: 15.5vw;
	font-size: 0;
	overflow: hidden;
	background-color: #f8f8f8;
	white-space: nowrap;
	-webkit-transition: width 0.8s;
	-moz-transition: width 0.8s;
	transition: width 0.8s;
}

.civilization .gallery .gallery-item .gallery-name {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	width: 4.27083vw;
	/* 82px / 1920px * 100 */
	height: 17.70833vw;
	/* 340px / 1920px * 100 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 1.61458vw;
	/* 31px / 1920px * 100 */
	background: rgba(0, 0, 0, 0.6);
	display: table;
	cursor: pointer;
}

.civilization .gallery .gallery-item .gallery-name .name {
	width: 1.04167vw;
	/* 20px / 1920px * 100 */
	white-space: normal;
	display: table-cell;
	vertical-align: middle;
	word-wrap: break-word;
	font-size: 1.04167vw;
	/* 20px / 1920px * 100 */
	font-weight: 700;
	color: #fff;
}

.civilization .gallery .gallery-item .gallery-pics {
	position: relative;
	display: inline-block;
	vertical-align: top;
	z-index: 1;
	width: 22vw;
	/* 486px / 1920px * 100 */
	height: 100%;
}

.civilization .gallery .gallery-item .gallery-pics .img {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

/* 过渡动画 */
.civilization .gallery .gallery-item .gallery-pics img:hover {
	transform: scale(1.05);
}

.civilization .gallery .gallery-item .gallery-pics .img img {
	width: 100%;
	height: 100%;
	transition: all 0.3s ease;
}

.civilization .gallery .gallery-item .gallery-pics .tit {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	background: rgba(0, 0, 0, 0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.52083vw;
	/* 10px / 1920px * 100 */
	width: 100%;
	text-align: center;
	font-size: 0.83333vw;
	/* 16px / 1920px * 100 */
	line-height: 1.8;
	color: #fff;
	white-space: normal;
}

.civilization .gallery .gallery-item .gallery-pics .tit a {
	color: #fff;
}

.civilization .gallery .gallery-item .gallery-list {
	position: relative;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 19.6vw;
	height: 100%;
	overflow: hidden;
	padding: 1.25vw;
}

.civilization .gallery .gallery-item .gallery-list .list-txt {
	padding: 0;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.civilization .gallery .gallery-item .gallery-list .list-txt li {
	line-height: 2.76042vw;
	/* 53px / 1920px * 100 */
	height: 2.76042vw;
	/* 53px / 1920px * 100 */
	overflow: hidden;
	border-bottom: 1px dashed #7e9abb;
	padding: 0;
	white-space: normal;
}

.civilization .gallery .gallery-item .gallery-list .list-txt li:last-child {
	border-bottom: 0;
}

.civilization .gallery .gallery-item .gallery-list .list-txt li:before {
	display: none;
}

.civilization .gallery .gallery-item.active {
	width: 42.5vw;
}

.civilization .gallery .gallery-item.active .gallery-name {
	display: none;
}

.civilization .gallery .gallery-item.active .gallery-pics .tit {
	display: block;
}



/*魅力自贡 */


.yol {
	width: 36vw;
	background: #f8f8f8;
	padding: 1vw;
}

.yor {
	width: 22vw;
	background: #f8f8f8;
	padding: 1vw;
}
.img-hover,.img-hover-1{transition: all .3s}
.img-hover:hover{transform: scale(1.02);}
.img-hover-1:hover{
    opacity: 0.9;
}
.image-container {
    position: relative;
    display: inline-block;
}
.image-caption {
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    text-align: center;
    padding: 0.2vw;
    font-size: 0.8vw;
	text-indent: 0;
}
.tsjy{ background: #f8f8f8; padding: 1vw; overflow: hidden;}
.y1 {
	width: 21.2vw;
	min-width: 21.2vw;
}

.y2 {
	width: 13vw;
	min-width: 13vw;
}

.y3 {
	width: 13vw;
	min-width: 13vw;
	margin-top: 1vw;
}


.psa {
	background: #fff9f4;
	overflow: hidden;
}

.silder5 {
	margin: 0.5vw auto 0.5vw;
	width: 18.75vw;
	margin: 0 auto;
}

.silder-box-5 {
	position: relative;
	overflow: hidden;
	margin-bottom: 1vw;
}

.silder-box-5 li {
	margin: 1vw auto 1vw;
	width: 9vw;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.silder-box-5 li img {
	width: 10vw;
	height: 12vw;
	overflow: hidden;
}

.silder-box-5 li a {
	width: 8vw;
	color: #666;
	height: 12vw;
	display: block;
	overflow: hidden;
	border: 0.2vw solid #fff;
}

.silder-box-5 li a:hover {
	width: 8.33333vw;
	background-color: #d74339;
	color: #fff;
}

.desc-tit {
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #6c6c6c;
	margin-top: 1vw;
}



/*底部版权 */
.footer-content {
	background: #d52014;
	text-align: center;
	color: #fff;
	float: left;
	width: 100%;
	line-height: 1.71875vw;
	/* 33px / 1920px * 100 */
	height: 5.20833vw;
	/* 100px / 1920px * 100 */
	margin-top: 1.5625vw;
	/* 30px / 1920px * 100 */
	padding-top: 1.5625vw;
	/* 30px / 1920px * 100 */
}

footer {
	float: left;
	overflow: hidden;
	width: 100%;
	text-align: center;
}


@media screen and (max-width: 1000px) {

	html,
	body {
		min-width: 62.5vw;
		overflow-x: auto;
	}
}