.sub_banner_box {
	width: 100%;
	height: 602px;
	margin: 0 auto;
	position: relative;
}

.sub_banner_box img {
	width: 100%;
	min-height: 100%;
	object-fit: cover;
}

.subBox {
	width: 100%;
	height: auto;
}

.subBox .navigation {
	width: 100%;
	height: 82px;
	display: flex;
	align-items: center;
	border-bottom: 2px solid rgb(234, 234, 234);
}

.subBox .navigation .nav {
	margin: 0 auto;
}

.subBox .navigation p {
	width: 100%;
	color: rgba(102, 102, 102, 1);
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	text-align: right;
}

.subBox .subCenter {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 60px;
}

.subBox .subCenter .navList {
	width: 311px;
	height: auto;
	margin-top: -108px;
	position: relative;
	z-index: 2;
}

.subBox .subCenter .navList dt {
	width: 100%;
	height: 108px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../image/navTitlebg.png) no-repeat;
	background-size: 100% 100%;
	font-size: 30px;
	font-weight: bold;
	line-height: 38px;
	color: #fff;
}

.subBox .subCenter .navList dt span {
	display: initial;
	position: relative;
}

.subBox .subCenter .navList dt span::before {
	content: '';
	position: absolute;
	left: -22px;
	top: 50%;
	margin-top: -13px;
	width: 8px;
	height: 26px;
	border-radius: 5px;
	background: rgba(22, 154, 255, 1);
}

.subBox .subCenter .navList dd {
	width: 100%;
	height: 82px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(246, 246, 246, 1);
	font-weight: 400;
	font-size: 18px;
	line-height: 84px;
	color: rgb(102, 102, 102);
	margin-top: 3px;
	transition: all .4s ease;
}

.subBox .subCenter .navList dd a {
	position: relative;
}

.subBox .subCenter .navList dd a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -22px;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	background: url(../image/navList-arrow.svg);
	background-size: 100% 100%;
}

.subBox .subCenter .navList dd:hover,
.subBox .subCenter .navList dd.active {
	background: rgba(227, 174, 117, 1);
	color: #fff;
}

.subBox .subCenter .navList dd:hover a::after,
.subBox .subCenter .navList dd.active a::after {
	background: url(../image/navList-arrowH.svg);
	background-size: 100% 100%;
}

.subBox .subCenter .aboutCenter {
	width: calc(100% - 371px);
	height: auto;
	padding: 80px 0;
}

.subBox .subCenter .aboutCenter .title {
	width: 100%;
	color: rgba(51, 51, 51, 1);
	font-weight: 700;
	font-size: 34px;
	line-height: 28px;
	text-align: center;
	margin-bottom: 53px;
}

.subBox .subCenter .aboutCenter .txt {
	width: 100%;
	height: auto;
	color: rgba(102, 102, 102, 1);
	font-weight: 400;
	font-size: 18px;
	line-height: 42px;
}

.subBox .subCenter .aboutCenter .label {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 70px auto 50px;
	padding: 0 30px;
}

.subBox .subCenter .aboutCenter .label li {
	width: 230px;
	height: 230px;
	border-radius: 50%;
	border: 1px solid rgba(196, 196, 196, 1);
	box-sizing: border-box;
	background: rgba(249, 249, 249, 1);
	display: flex;
	align-items: center;
	justify-content: center;
}

.subBox .subCenter .aboutCenter .label li .number {
	color: rgb(194, 128, 57);
	text-align: center;
	height: 56px;
	line-height: 56px;
}

.subBox .subCenter .aboutCenter .label li .number span:nth-of-type(1) {
	font-size: 46px;
	font-weight: bold;
}

.subBox .subCenter .aboutCenter .label li .number span:nth-of-type(2) {
	font-size: 18px;
}

.subBox .subCenter .aboutCenter .label li .name {
	font-size: 22px;
	line-height: 56px;
	font-weight: bold;
	color: rgb(51, 51, 51);
	text-align: center;
}

.subBox .subCenter .aboutCenter .aboutImg {
	width: 100%;
	height: auto;
}

.subBox .subCenter .aboutCenter .aboutImg img {
	width: 100%;
}

.subBox .subCenter .newsCenter {
	width: calc(100% - 371px);
	height: auto;
}

.subBox .subCenter .newsCenter ul {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.subBox .subCenter .newsCenter ul li {
	padding: 40px 0;
	width: 100%;
	height: auto;
	border-bottom: 1px solid rgba(234, 234, 234, 1);
}

.subBox .subCenter .newsCenter ul li .title {
	width: 100%;
	color: rgba(51, 51, 51, 1);
	font-weight: 700;
	font-size: 26px;
	line-height: 28px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: all .8s ease;
}
.subBox .subCenter .newsCenter ul li:hover .title {
	color: rgb(0, 109, 192);
	padding-left: 20px;
}

.subBox .subCenter .newsCenter ul li p {
	width: 100%;
	padding: 13px 0;
	color: rgba(102, 102, 102, 1);
	font-weight: 400;
	font-size: 16px;
	line-height: 31px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.subBox .subCenter .newsCenter ul li .time {
	color: rgba(153, 153, 153, 1);
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
}

/* 翻页样式 */
.page {
	width: 100%;
	height: auto;
	margin: 90px auto 130px;
	text-align: center;
	font-size: 0;
}

.page a {
	display: inline-block;
	vertical-align: middle;
	width: 43px;
	height: 43px;
	line-height: 43px;
	border: 1px solid rgb(220, 220, 220);
	margin: 0 5px;
	font-size: 18px;
	color: #666;
	transition: all .4s ease;
	border-radius: 3px;
}

.page a:nth-of-type(1),
.page a:nth-last-of-type(1) {
	background: url('../image/chevron-right.svg') no-repeat center;
	transform: rotate(180deg);
	border: 0;
}

.page a:nth-last-of-type(1) {
	transform: rotate(0deg);
}

.page a:hover,
.page a.page-num-current,
.page a.on {
	background-color: rgb(0, 109, 192);
	color: #fff;
	border-color: rgb(0, 109, 192);
}

.page a:nth-of-type(1):hover,
.page a:nth-last-of-type(1):hover {
	background-image: url('../image/chevron-rightH.svg');
	border-color: #074290;
}

.page a.hide {
	border: 0;
}

@media screen and (max-width:1440px) {
	.subBox .subCenter .aboutCenter .label li {
		width: 180px;
		height: 180px;
	}

	.subBox .subCenter .aboutCenter .label li .number span:nth-of-type(1) {
		font-size: 40px;
	}

	.subBox .subCenter .aboutCenter .label li .number span:nth-of-type(2) {
		font-size: 16px;
	}

	.subBox .subCenter .aboutCenter .label li .name {
		font-size: 18px;
		line-height: 30px;
	}
}

@media screen and (max-width:1280px) {
	.subBox .subCenter .aboutCenter .label li {
		width: 130px;
		height: 130px;
	}

	.subBox .subCenter .aboutCenter .label li .number {
		height: 36px;
		line-height: 36px;
	}

	.subBox .subCenter .aboutCenter .label li .number span:nth-of-type(1) {
		font-size: 30px;
	}

	.subBox .subCenter .aboutCenter .label li .number span:nth-of-type(2) {
		font-size: 14px;
	}

	.subBox .subCenter .aboutCenter .label li .name {
		font-size: 16px;
		line-height: 24px;
	}
}
@media screen and (max-width:1024px) {
	
	.subBox .subCenter .navList {
		display: none;
	}
	/* 公司概况 */
	.subBox .subCenter .aboutCenter {
		width: 100%;
		padding: 50px 0;
	}
	/* 新闻中心 */
	.subBox .subCenter .newsCenter {
		width: 100%;
		padding: 50px 0;
	}
}
@media screen and (max-width:640px) {
	.sub_banner_box {
		height: 300px;
	}

	.subBox .navigation {
		height: 60px;
	}

	.subBox .navigation p {
		font-size: 14px;
	}
	
	.subBox .subCenter .aboutCenter {
		padding: 30px 0;
	}

	.subBox .subCenter .aboutCenter .title {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.subBox .subCenter .aboutCenter .txt {
		font-size: 16px;
		line-height: 30px;
	}

	.subBox .subCenter .aboutCenter .label {
		margin: 30px auto;
		padding: 0;
	}

	.subBox .subCenter .aboutCenter .label li {
		width: 110px;
		height: 110px;
	}

	.subBox .subCenter .aboutCenter .label li .number {
		height: 30px;
		line-height: 30px;
	}

	.subBox .subCenter .aboutCenter .label li .number span:nth-of-type(1) {
		font-size: 24px;
	}

	.subBox .subCenter .aboutCenter .label li .name {
		font-size: 16px;
	}

	/* 新闻中心 */

	.subBox .subCenter .newsCenter {
		padding: 30px 0;
	}
	.subBox .subCenter .newsCenter ul li {
		padding: 20px 0;
	}

	.subBox .subCenter .newsCenter ul li .title {
		font-size: 20px;
	}

	.subBox .subCenter .newsCenter ul li p {
		font-size: 14px;
		padding: 0;
	}

	.subBox .subCenter .newsCenter ul li .time {
		font-size: 14px;
	}

	.page {
		margin: 30px auto;
	}

	.page a {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

}