@charset "UTF-8";

/* ======首页====== */
.main_title1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}

.main_title1 h3 {
	line-height: 100%;
	font-size: 24px;
}

.main_title1 h3 a {
	color: #1f66ca;
}

.main_title1 a.more1 {
	color: #999;
	font-size: 14px;
}

.main_title1 a.more1:hover {
	color: #1f66ca;
	text-decoration: underline;
}

/* ===办事指南=== */
.guidance ul {
	display: flex;
	justify-content: space-between;
}

.guidance ul li {
	width: 220px;
}

.guidance ul li div {
	height: 162px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f7f7f7;
	border-radius: 10px;
}

.guidance ul li p {
	color: #333;
	text-align: center;
	margin-top: 15px;
}

/* ===通知公告=== */
.notice_row {
	margin: .4rem auto .6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.notice_row h3 {
	flex: 0 0 1.36rem;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	background-image: linear-gradient(to right, #4584ef, #1f66ca);
}

.notice_row h3 a {
	color: #fff;
}

.notice_row .notice_swiper {
	flex: 1;
	padding-right: .3rem;
	height: 40px;
	background-color: #fff;
	border: solid 1px #e2f0ff;
}

.notice_row .notice_swiper ul li {
	display: flex;
	justify-content: space-between;
	height: 40px;
}

.notice_row .notice_swiper ul li span {
	display: flex;
	align-items: center;
	width: 50%;
	padding-left: .3rem;
}

.notice_row .notice_swiper ul li span a {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.notice_row .notice_swiper ul li span::before {
	content: '';
	width: 4px;
	height: 4px;
	margin: 3px 13px 0 0;
	background-color: #cdc8cb;

}

/* ===首屏-轮播图=== */
.focus_row {
	display: flex;
	justify-content: space-between;
}

.focus_swiper {
	width: 694px;
	height: 398px;
	margin: 0;
}

.focus_swiper .swiper-slide {
	width: 694px;
	height: 398px;
	position: relative;
	background: #fff;
	overflow: hidden;
}

.focus_swiper .swiper-slide h4 {
	position: absolute;
	bottom: .24rem;
	left: 0;
	line-height: 100%;
	width: 500px;
	margin-left: .2rem;
	z-index: 111;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.focus_swiper .swiper-slide a {
	color: #fff;
}

.focus_swiper .swiper-slide a::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: .85rem;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}

.focus_swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.focus_swiper .swiper-pagination {
	display: flex;
	justify-content: right;
	width: 100%;
	padding-right: .1rem;
	margin-bottom: .18rem;
}

.focus_swiper .swiper-pagination-bullet {
	width: .12rem;
	height: .12rem;
	background: #fff;
	opacity: .58;
}

.focus_swiper .swiper-pagination .swiper-pagination-bullet-active {
	background: #1f66ca;
	opacity: 1;
}

/* ===首屏-核心要闻=== */
.focus_right {
	width: 660px;
	overflow: hidden;
}

.indx_news_list1 {
	margin-top: -15px;
}

.indx_news_list1 li {
	height: 45px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.indx_news_list1 li::before {
	content: '';
	width: 4px;
	height: 4px;
	background-color: #cdc8cb;
	margin-right: 16px;
}

.indx_news_list1 li a {
	flex: 1;
	margin-right: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.indx_news_list1 li time {
	color: #999;
}

/* ===列表=== */
.index_main_news2 {
	display: flex;
	justify-content: space-between;
	margin-top: .56rem;
}

.index_news_row2,
.index_news_row3 {
	width: 660px;
	overflow: hidden;
}

.index_main_news2 .news_menu {
	display: flex;
	align-items: center;
	height: 40px;
	margin-bottom: .34rem;
}

.index_main_news2 .news_menu li {
	width: 136px;
	line-height: 40px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}

.index_main_news2 .news_menu li.selected {
	background-image: linear-gradient(to right, #4584ef, #1f66ca);
}

.index_main_news2 .news_menu li.selected a {
	color: #fff;
}

/* === 专题专栏 === */
.specialtopic_row {
	margin: .5rem auto .6rem;
	overflow: hidden;
}

.specialtopic_in {
	display: flex;
	justify-content: space-between;
}

.specialtopic_swiper {
	width: 6.98rem;
	height: 3.9rem;
	margin-right: 22px;
}

.specialtopic_swiper .swiper-slide h4 {
	bottom: .32rem;
}

.specialtopic_in ul {
	flex: 1;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.specialtopic_in ul li {
	width: 3.3rem;
	height: 1.84rem;
}

.specialtopic_in ul li a {
	position: relative;
}

.specialtopic_in ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.specialtopic_in li:nth-of-type(3),
.specialtopic_in li:nth-of-type(4) {
	margin-top: .2rem;
}

/* === 外事矩阵 === */
.juzhen_swiper {
	margin-bottom: .6rem;
	overflow: hidden;
}

.juzhen_swiper .swiper-slide {
	background: #fff;
	overflow: hidden;
}

.juzhen_swiper .swiper-slide .jz_pic_row {
	width: 180px;
	height: 180px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: .12rem;
	overflow: hidden;
}

.juzhen_swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.juzhen_swiper .swiper-slide h4 {
	margin-top: 18px;
	width: 100%;
	line-height: 100%;
	text-align: center;
	font-weight: normal;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* === 友好城市 === */
.sisterCity_swiper .swiper-slide {
	width: 264px;
	height: 150px;
	position: relative;
	background: #fff;
	overflow: hidden;
}

.sisterCity_swiper .swiper-slide h4 {
	position: absolute;
	bottom: .1rem;
	left: 0;
	line-height: 100%;
	width: 100%;
	padding: 0 8px;
	text-align: center;
	z-index: 111;
	font-weight: normal;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sisterCity_swiper .swiper-slide a {
	color: #fff;
}

.sisterCity_swiper .swiper-slide a::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: .65rem;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}

.sisterCity_swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sisterCity_swiper .swiper-wrapper {
	margin-bottom: .5rem;
}

.sisterCity_swiper .swiper-pagination-bullet {
	width: .10rem;
	height: .10rem;
}

.sisterCity_swiper .swiper-pagination .swiper-pagination-bullet-active {
	background: #1f66ca;
	opacity: 1;
}

@media screen and (max-width: 1200px) {
	.main_title1 {
		margin-bottom: .36rem;
	}

	.main_title1 h3 {
		font-size: .36rem;
	}

	.main_title1 a.more1 {
		font-size: .24rem;
	}

	.guidance ul li {
		width: 1.2rem;
	}

	.guidance ul li div {
		height: 1.2rem;
	}

	.guidance ul li img {
		width: 46%;
	}

	.guidance ul li p {
		margin-top: .2rem;
		font-size: .26rem;
	}

	.notice_row h3 {
		font-size: .3rem;
		height: .92rem;
		line-height: .92rem;
	}

	.notice_row .notice_swiper {
		height: .92rem;
	}

	.notice_row .notice_swiper ul li {
		flex-wrap: wrap;
	}

	.notice_row .notice_swiper ul li span {
		width: 100%;
	}

	.focus_row {
		flex-wrap: wrap;
		justify-content: center;
	}

	.focus_swiper {
		width: 100%;
		height: 3.98rem;
	}

	.focus_swiper .swiper-slide {
		width: 100%;
		height: 3.98rem;
	}

	.focus_swiper .swiper-slide h4 {
		max-width: 5rem;
		font-size: .32rem;
	}

	.focus_right {
		width: 100%;
		margin-top: .42rem;
	}

	.indx_news_list1 {
		margin-top: -.15rem;
	}

	.indx_news_list1 li {
		height: 0.62rem;
	}

	.indx_news_list1 li::before {
		margin-right: .24rem;
	}

	.indx_news_list1 li a {
		margin-right: 0;
	}

	.indx_news_list1 li time {
		display: none;
	}

	.index_main_news2 {
		justify-content: center;
		flex-wrap: wrap;
	}

	.index_news_row2,
	.index_news_row3 {
		width: 100%;
	}

	.index_news_row3 {
		margin-top: .52rem;
	}

	.index_main_news2 .news_menu li {
		width: 2.36rem;
		font-size: .32rem;
	}

	.specialtopic_swiper {
		margin: 0 0 .26rem 0;
	}

	.specialtopic_in {
		flex-wrap: wrap;
	}

	.specialtopic_in li:nth-of-type(3),
	.specialtopic_in li:nth-of-type(4) {
		margin-top: .26rem;
	}

	.juzhen_swiper .swiper-slide .jz_pic_row {
		width: 2rem;
		height: 2rem;
	}

	.juzhen_swiper .swiper-slide h4 {
		font-size: .26rem;
	}
	.sisterCity_swiper .swiper-wrapper {
		margin-bottom: .65rem;
	}

}