:root {
	--bs-theme: rgb(23, 64, 181);
	--bs-text-gray: #696868;
	/*34px*/
	--font-size-h1: 2.125rem;
	/*28px*/
	--font-size-h2: 1.75rem;
	/*22px*/
	--font-size-h3: 1.375rem;
	/*20px*/
	--font-size-h4: 1.25rem;
	/*17px*/
	--font-size-h5: 1.06rem;
	/*16px*/
	--font-size-h6: 1rem;
	/*15px*/
	--font-size: 0.94rem;
	/*14px*/
	--font-size-m: 0.875rem;
	/*13px*/
	--font-size-s: 0.813rem;
	/*12px*/
	--font-size-xs: 0.75rem;
	/* 边框 */
	--color-border: #DEDEDE;
	/* 绿色 */
	--color-green: #23BF80;
	/* 蓝色（主题色） */
	--color-blue: var(--bs-theme);
	/* 橙色 */
	--color-orange: #FF7830;
	/* 背景灰色 */
	--color-bg-gray: #F6F6F6;
	/* 背景蓝色（主题） */
	--color-bg-blue: #DAE9FF;
	/* 背景橙色 */
	--color-bg-orange: rgb(255, 119, 46, 0.1);
	-webkit-text-size-adjust: none;
}

::-webkit-scrollbar {
	width: 12px;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 6px rgba(0, 0, 0, 0.3);
	/* border-radius: 10px; */
}

::-webkit-scrollbar-thumb {
	/* border-radius: 8px; */
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0, 0, 0, 0.1);
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: none;
}

body {
	--bs-body-font-family: Microsoft YaHei;
	/* common.js判断 PC 才设这个值 */
	/* min-width: 1024px; */
	overflow-x: auto;
}

li {
	list-style: none;
}

p,
figure {
	margin-bottom: 0;
}

a {
	text-decoration: none;
}

dl,
ol,
ul {
	padding-left: 0;
	margin-bottom: 0;
}

summary {
	list-style: none;
}


.text-ellipsis {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.clamp-3 {
	-webkit-line-clamp: 3;
}

.clamp-4 {
	-webkit-line-clamp: 4;
}

.clamp-5 {
	-webkit-line-clamp: 5;
}

.clamp-6 {
	-webkit-line-clamp: 6;
}

.clamp-7 {
	-webkit-line-clamp: 7;
}

.font-0 {
	font-size: 0
}

.symbol-iconfont {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}

.hover-shadow {
	filter: brightness(100%);
	transition: 300ms all ease-in-out;
	cursor: pointer;
}

.hover-shadow:hover {
	filter: brightness(86%);
}

.hover-opacity {
	opacity: 0.86;
}

.hover-opacity:hover {
	opacity: 1;
}


/* UI规范 */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 0;
	font-size: 400px;
}

h1 {
	font-size: var(--font-size-h1);
}

h2 {
	font-size: var(--font-size-h2);
}

h3 {
	font-size: var(--font-size-h3);
}

h4 {
	font-size: var(--font-size-h4);
}

h5 {
	font-size: var(--font-size-h5);
}

h6 {
	font-size: var(--font-size-h6);
}

h3,
h4 {
	font-weight: bold;
}

/* 头部-尾部 */
.Container {
	width: 100%;
	overflow-x: hidden;
}

.fake-header {
	height: 4.75rem;
	background-color: lightblue;
}

.fake-footer {
	height: 21rem;
	background-color: #13284A;
}

.Header {
	height: 5rem;
	color: var(--bs-theme);
	padding: 0 3.44% 0;
	user-select: none;
	box-shadow: 0px 1px 0px 0px rgba(216, 216, 216, 0.9);
}

.Header figure {
	position: relative;
	margin-bottom: 0;
	padding-bottom: 1rem;
	flex-shrink: 0;
	user-select: none;
}

.Header h1 {
	font-size: 1.51rem;
	font-weight: bold;
}

.Header p {
	position: absolute;
	font-family: Source Han Sans CN;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.5;
	white-space: nowrap;
	margin-bottom: 0;
	transform: scale(0.7);
	transform-origin: left;
}

.Header nav {
	/* min-width: 50%; */
	max-width: 60%;
	height: 100%;
	font-family: Microsoft YaHei;
	font-size: 1.06rem;
	font-weight: 400;
	justify-content: flex-end;
	flex: 1;
}

.Header nav ul {
	height: 100%;
	justify-content: flex-end;
}

.Header nav li {
	position: relative;
	display: grid;
	max-width: 8rem;
	flex-basis: 8rem;
	height: 100%;
	font-size: 0;
	font-weight: 400;
	text-align: center;
	line-height: 5rem;
	cursor: pointer;
	flex-grow: 1;
}

.Header nav li.active::before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 4px;
	background-color: var(--bs-theme);

	animation: zoomIn;
	animation-duration: 300ms;

}

.Header nav li.active a {
	color: var(--bs-theme);
}

.Header nav li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #000;
	font-size: 1.06rem;
	transition: background-color 300ms ease-out;
}

.Header nav li:hover a {
	color: #FFFFFF;
	background-color: var(--bs-theme);
}


.Header nav .nav-right-btn {
	flex-shrink: 0;
	height: 100%;
	position: relative;
}

.Header nav .nav-right-btn .btn-login {
	width: 5.63rem;
	height: 1.88rem;
	font-size: 0.75rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.25rem;
	background: #23BF80;
	border-radius: 0.91rem;
	transition: background 300ms;
}

.Header nav .nav-right-btn .btn-login:hover {
	background: #30db97;
}

.Header nav .nav-right-btn i {
	display: block;
	width: 0.06rem;
	height: 1rem;
	border-left: 1px solid #A6A6A6;
	opacity: 0.3;
}

.Header nav .btn-logout {
	color: #303133;
}

.Header nav .btn-logout:hover {
	cursor: pointer;
}

.Header nav .ico-logout {
	width: 2.25rem;
	height: 2.25rem;
	margin-right: 0.625rem;
}


/* 头部下拉菜单与鼠标移入 */
.Menu {
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.Menu:hover {
	overflow: visible;
	background-color: black;
	color: white;
	z-index: 999;
	cursor: pointer;
}

/* 头部菜单与鼠标移入 */
:root .Drop {
	color: white;
	--bs-theme: rgb(23, 64, 181);
	text-align: center;
	width: 100%;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
}

:root .Drop:hover {
	--bs-theme: rgb(23, 64, 181);
	filter: brightness(2);
	cursor: pointer;
}


.Banner {
	height: 18.75rem;
	background-color: lightblue;
}

.Content {
	width: 62.5%;
	margin: auto;
	transition: width 300ms;
}

.Content .nav {
	position: relative;
	height: 4rem;
	background: #F1F1F1;
	margin-top: -4rem;
}

.Content .nav .nav-link {
	margin-left: 3rem;
	color: #000000;
	height: 100%;
	line-height: 4rem;
	padding: 0;
	position: relative;
	cursor: pointer;
}

.Content .nav .nav-link::before {
	content: "";
	display: block;
	width: 120%;
	height: 0.19rem;
	position: absolute;
	bottom: 0;
	left: -10%;
}

.Content .nav .nav-link:hover,
.Content .nav .nav-link.active {
	color: #1740B5;
}

.Content .nav .nav-link:hover::before,
.Content .nav .nav-link.active::before {
	background-color: #3250D4;

}

.Content .nav-r {
	display: inline-flex;
	align-items: center;
	font-size: 0.75rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #A6A6A6;
	margin-right: 3.5rem;
	position: relative;
}

.Content .nav-r::before {
	content: "";
	display: block;
	width: 1px;
	height: 1rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #A6A6A6;
}

@media screen and (max-width: 1280px) {
	.Content {
		width: 80%;
	}
}

.Pagination {
	margin: 3.25rem 0;
}

.Pagination button {
	width: 5rem;
	border-radius: 2rem;
}

.Pagination button+button {
	margin-left: 2.38rem;
}

footer {
	background-color: #13284A;
	font-size: 0.88rem;
	color: #A7B1C1;
	line-height: 2rem;
}

footer .tools {
	padding: 4.38rem 0 2.69rem;
	border-bottom: 1px solid #324461;
}

footer .links {
	/* width: 50%; */
	width: auto;
}

/* 下拉列表 */
footer .links .links-bar .links-btn {
	width: 8.75rem;
	height: 2.13rem;
}

footer .links-btn {
	position: relative;
	margin-left: 0.44rem;
}

footer .links-btn .select,
footer .links-btn .option li {
	padding: 0.56rem 1rem 0.69rem 1rem;
}

footer .links-btn .select {
	width: 100%;
	padding-right: 2rem;
	opacity: 0.6;
	color: #fff;
	background: #324461;
	line-height: 1;
	text-align: left;
	cursor: pointer;
	outline: none;
}


footer .links-btn .select i {
	position: absolute;
	right: 1rem;
	font-size: 0.38rem;
	top: 50%;
	transform: translateY(-50%);
}


footer .links-btn .option {
	position: absolute;
	min-width: 100%;
	/* max-width: 30em; */
	top: 2.13rem;
	height: 0;
	overflow-y: hidden;
	z-index: 99;
}

footer .links-btn .option ul {
	background-color: #324461;
}

footer .links-btn .option li {
	line-height: 1;
	transition: all .3s;
	cursor: pointer;
	white-space: nowrap;
	overflow-x: hidden;
}

footer .links-btn .option li:hover {
	background-color: rgba(255, 255, 255);
	color: #324461;
}

footer .links-btn .option li:hover a {
	color: #324461;
}

footer a:last-child {
	margin-right: 0;
}

footer .copyright {
	padding: 2.63rem 0 3.13rem;
}

footer a {
	color: #A7B1C1;
	margin-right: 3.5rem;
}

footer .copyright .all-right-reserved {
	margin-right: 2em;
}
footer .copyright .name {
	position: relative;
	/*min-width: 460px;*/
	padding-bottom: 1em;
}

footer .copyright .name p.cn {
	letter-spacing: 1px;
	line-height: 1;
	font-size: 1.51rem;
	text-align: right;
	margin-bottom: 8px;
}

footer .copyright .name p.en {
	position: absolute;
	right: 0;
	font-family: Source Han Sans CN;
	font-size: 0.75rem;
	line-height: 1;
	text-align: right;
	white-space: nowrap;
	text-transform: uppercase;

	/* chrome */
	-webkit-transform: scale(0.76);
	/* firefox */
	-moz-transform: scale(0.76);
	/* opera */
	-o-transform: scale(0.76);
	/* edge */
	-ms-transform: scale(0.76);
	transform: scale(0.76);
	transform-origin: right;
}

/* Chrome */
/* @media screen and (max-width: 1920px) {
	footer .copyright .name p.en {
		-webkit-transform: scale(0.805);
	}
}

@media screen and (max-width: 1820px) {
	footer .copyright .name p.en {
		-webkit-transform: scale(0.766);
	}
}

@media screen and (max-width: 1720px) {
	footer .copyright .name p.en {
		-webkit-transform: scale(0.725);
	}
}

@media screen and (max-width: 1680px) {
	footer .copyright .name p.en {
		-webkit-transform: scale(0.71);
	}
}

@media screen and (max-width: 1600px) {
	footer .copyright .name p.en {
		-webkit-transform: scale(0.68);
	}
}

@media screen and (max-width: 1600px) {
	footer .copyright .name p.en {
		-webkit-transform: scale(0.68);
	}
}

@media screen and (max-width: 1550px) {
	footer .copyright .name p.en {
		-webkit-transform: scale(0.655);
	}
}

@media screen and (max-width: 1440px) {
	footer .copyright .name p.en {
		-webkit-transform: scale(0.615);
	}
}

@media screen and (max-width: 1366px) {
	footer .copyright .name p.en {
		-webkit-transform: scale(0.61);
	}
}

@media screen and (max-width: 1280px) {
	footer .copyright .name p.en {
		-webkit-transform: scale(0.61);
	}
}

@media screen and (max-width: 1024px) {
	footer .copyright .name p.en {
		-webkit-transform: scale(0.61);
	}
} */

/* 知名企业、园区企业 */
.Enterprises {
	width: 100%;
	margin-top: 6.56rem;
	background-color: var(--bs-theme);
	padding: 4.69rem 0 6.38rem;
}

.Enterprises .head {
	color: white;
	margin-bottom: 2.38rem;
}

.Enterprises .head-s {
	color: white;
	margin-bottom: 2.38rem;
	font-size: var(--font-size-h2);
}

.Enterprises .hint .text {
	margin-right: 1.88rem;
}

.Enterprises .hint i {
	font-size: 1.63rem;
	opacity: 0.3;
}

.Enterprises .hint i.active {
	opacity: 1;
}

.Enterprises .etp {
	width: 100%;
	overflow: hidden;
	background: #FFFFFF;
	font-size: 0;
}

.Enterprises .etp img {
	width: 16.66%;
	height: 9.36rem;
	object-fit: contain;
}


/* 下拉菜单 */


/* 首页-新闻 */
.News {
	width: calc((100% - 2.5rem) / 2);
	overflow: visible;
}

.News:nth-of-type(2n) {
	margin-left: 2.5rem;
}

.News .title h2 {
	margin-right: 1.13rem;
	flex-shrink: 0;
}

.News .title .more {
	margin-left: 1.13rem;
	flex-shrink: 0;
}

.News .title .more .iconfont {
	font-size: 1rem;
	transform: scale(0.75);
	transform-origin: center;
}

.News .special {
	height: 26.25rem;
	background: #FFFFFF;
	border-radius: 0.5rem;
	margin-top: 2.38rem;
	cursor: pointer;
	overflow: hidden;
	transition: transform 0.3s ease;
}

.News .special .cover {
	width: 100%;
	height: 15rem;
	overflow: hidden;
}

.News .special img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.News .special figure {
	padding-left: 2rem;
	padding-right: 2rem;
}

.News .special .cnt-wrap {
	overflow: hidden;
}


.News .special .title {
	margin-bottom: 1.25rem;
	font-weight: bold;
}

.News .special summary {
	line-height: 1.22rem;
	height: 2.44rem;
	color: #696868;
	font-size: var(--font-size-m);
}

.News .special .date {
	font-size: 1rem;
	margin-top: 1.3rem;
}

.News .list {
	margin-top: 2rem;
}

.News .list li {
	line-height: 2.76rem;
}

.News .list h5::before {
	content: '';
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	background-color: #DFDFDF;
	margin-right: 1rem;
	vertical-align: middle;
}

.News .list .date {
	font-size: 1rem;
	color: #A6A6A6;
	flex-shrink: 0;
	margin-left: 1em;
}

/*省顶部图片区域 */

.Banner-top {
	height: 18.75rem;
	box-sizing: border-box;
	/* background-color: burlywood; */
	overflow: hidden;
	/* background-image: url('../imgs/banner6.png');
	background-repeat: no-repeat;
	background-size: 100% 100%; */
}

.Banner-top img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.Banner-top .Banner-top-inner {
	/* height: 4rem; */
	/* margin: 0 auto; */
	/* position: absolute;
    top: 0; */
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: width 300ms;
}

.Banner-top .Banner-top-inner h2 {
	font-weight: 400;
	color: #FFFFFF;
	padding-top: 6.81rem;
	padding-bottom: 5.82rem;
	z-index: 999;
	/* margin-left: 22.5rem; */
}


/*市顶部图片区域 */

.City-Banner .Banner {
	/* height: 32.5rem; */
	/* height: 100%; */
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.City-Banner .Banner img {
	width: 100%;
	height: 100%;
	margin: auto;
	object-fit: cover;
}

.Home-Enter {
	position: relative;
	z-index: 1;
	user-select: none;
	/* width: 62.5%; */
	margin: -12.5rem auto 0;
}

/* @media screen and (max-width: 1280px) {
	.Home-Enter {
		width: 80%;
	}
} */

/* 应用入口 */

.Home-Enter .introduce {
	width: 22.25rem;
	/* height: 19.31rem; */
	min-height: 16.1rem;
	background: #FFFFFF;
	padding: 2.5rem 2.06rem;
	box-shadow: rgba(170, 170, 170, 0.24) 0.06rem 0rem 0.06rem 0.1rem;
}

.Home-Enter .introduce h4 {
	font-weight: 600;
	color: #1740B5;
}

.Home-Enter .introduce p {
	margin-top: 2rem;
}

.Home-Enter .home-apply {
	width: 100%;
}

.Home-Enter .home-apply .apply-enter {
	width: 6.44rem;
	height: 2.38rem;
	background-image: url('../imgs/city/enter.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -8%;
	left: 0;
	text-align: center;
	line-height: 2.38rem;
	color: #fff;
	z-index: 999;
}


.Home-Enter .home-apply .apply-card {
	flex: 1;
	width: auto;
	/* min-width: 13.19rem; */
	height: 15rem;
	background: #1740B5;
	border-right: 0.06rem solid rgba(255, 255, 255, 0.15);
	box-sizing: border-box;
	transition: background 0.15s;
	margin-bottom: -0.1rem;
}

.Home-Enter .apply-card:last-of-type {
	border-right: none !important;
}

.Home-Enter .home-apply .column {
	transition: all .15s linear;
}

.Home-Enter .home-apply .apply-card img {
	width: 2.31rem;
	height: 2.25rem;
	box-shadow: 0rem 0rem 0rem 0rem rgba(170, 170, 170, 0.24);
	opacity: 0.5;
}

.Home-Enter .home-apply .apply-card span {
	font-weight: 400;
	color: #FFFFFF;
	margin-top: 1.5rem;
}

.Home-Enter .home-apply .apply-card:hover span {
	margin-top: 0.5rem;
}

.Home-Enter .home-apply .apply-card i {
	font-size: 0.56rem;
	color: rgba(255, 255, 255, 0.8);
}

.Home-Enter .home-apply .apply-card .icon {
	width: 1.75rem;
	height: 1.25rem;
	line-height: calc(1.25rem - 2px);
	background: rgba(50, 80, 212, 0);
	border-radius: 0.63rem;
	border: 1px solid #FFFFFF;
	margin-top: 1em;
	overflow: hidden;
}

.Home-Enter .home-apply .apply-card:hover .icon {
	display: none;
}

.Home-Enter .home-apply .apply-card .icon i {
	font-size: 16px;
	transform: scale(0.63);
	transform-origin: center;
}

.Home-Enter .home-apply .apply-card .tag {
	width: 100%;
	max-height: 0;
	overflow: hidden;
	transition: all 0.15s linear;
}

.Home-Enter .home-apply .apply-card:hover .tag {
	max-height: 100%;
	margin-top: 1em;
}

.Home-Enter .home-apply .apply-card .tag a {
	font-size: 0.88rem;
	color: #FFFFFF;
	margin: 0 1.88rem;
	line-height: 1.75rem;
	cursor: pointer;
}

.Home-Enter .home-apply .apply-card:hover {
	background-color: #23BF80;
}

/* 分页 */

.page {
	width: 100%;
	margin: 0 auto;
}

.page ul li {
	width: 4.63rem;
	height: 1.75rem;
	line-height: 1.75rem;
	text-align: center;
	border: 0.06px solid #DEDEDE;
	font-size: 0.88rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	margin-left: 0.75rem;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.page ul li:hover {
	border: 1px solid #1740B5;
}

.table-none {
	display: none;
}

.thead-active {
	display: block;
}

.post {
	padding-bottom: 0.5rem;
	font-size: 1.06rem;
}

/* 关于 */

.about-main {
	width: 71rem;
	min-height: calc(100vh - 26rem);
	margin: 0 auto;
	padding: 1rem 0;
}

.about-main .content {
	width: 70rem;
	margin: 0 auto;
}

.about-box {
	/*border: 0.06px solid #DEDEDE;*/
	margin: 0.8rem 0;
	padding: 2rem;
}

.about-box img {
	width: 50%;
	height: auto;
}

.half-width {
	width: 50% !important;
}