/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
	list-style: none;
}

body {
	font-size: 12px;
	color: #666; /*font-family:'Microsoft YaHei';*/
}

a {
	color: #666;
}

	a:hover {
		color: #f60; /*text-decoration:underline;*/
	}

p {
	line-height: 1.8em;
	padding: 5px 0;
	text-indent: 2em;
	font-size: 17px;
}

.clear {
	margin: 0;
	padding: 0;
	font-size: 0;
	clear: both;
}

.wapper {
	width: 90% !important;
	margin: 0 auto;
	max-width: 1600px !important;
}

.header-bg {
	position: relative;
	width: 100%
}

.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.logo {
}

	.logo a {
		display: flex;
		align-items: center;
	}

	.logo .img {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 90px;
		height: 90px;
	}

		.logo .img img {
			max-width: 100%;
			max-height: 100%;
		}

	.logo .ztg {
		color: #000;
		margin-left: 1vw
	}

		.logo .ztg h2 {
			font-size: 19.2px;
		}

		.logo .ztg span {
			font-size: 14.6px;
		}

.header-r {
	display: inline-flex;
	justify-content: center;
	align-items: flex-end;
	flex-direction: column;
}

	.header-r .xet {
		display: flex;
		align-items: center;
	}

		.header-r .xet a {
			width: 30px;
			margin-left: 1vw
		}

			.header-r .xet a img {
				width: 100%;
			}

	.header-r .img02 a {
		height: 47px;
		display: block;
		object-fit: cover;
	}

		.header-r .img02 a img {
			width: auto;
			height: auto;
		}


/*menu*/
.menu {
	height: 90px;
	line-height: 90px;
}

	.menu > ul > li {
		float: left;
	}

		.menu > ul > li > span > a {
			padding: 0px 15px
		}

		.menu > ul > li dl {
			background: #f6f7f9;
			width: 100%;
			position: absolute;
			left: 0px;
			top: 100%;
			box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
			padding: 40px 0 20px;
			display: none;
			z-index: 999
		}

			.menu > ul > li dl .fm {
				width: 90%;
				margin: 0 auto;
				max-width: 1400px;
				display: flex;
				justify-content: center;
				align-items: flex-start;
			}

				.menu > ul > li dl .fm dd {
					margin-left: -36px;
					width: 12.5%;
					padding-right: 40px;
					line-height: 1;
					text-align: left;
				}

					.menu > ul > li dl .fm dd h2 {
					}

						.menu > ul > li dl .fm dd h2 a {
							color: rgb(0 0 0 / 80%);
							font-size: 15px;
							text-align: left;
							font-weight: bold;
						}

							.menu > ul > li dl .fm dd h2 a:hover {
								color: #e60012
							}

					.menu > ul > li dl .fm dd ul {
						margin-top: 10px;
						padding-top: 10px;
						border-top: 1px solid rgba(0, 0, 0, 0.3);
						margin-bottom: 0px;
					}

						.menu > ul > li dl .fm dd ul li {
							text-align: left;
							line-height: 28px;
						}

							.menu > ul > li dl .fm dd ul li a {
								text-align: left;
								font-size: 14px;
								color: #898989;
							}

	.menu a {
		font-size: 17.68px;
		color: #333;
		text-decoration: none;
		font-weight: normal;
		display: block;
		text-align: center;
	}

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

a.menu_hover {
	background: #006fe2;
	color: #fff;
}

.menu .tabs_val {
	min-width: 350px;
	flex: 0 0 350px;
}

	.menu .tabs_val img {
		width: 100%;
	}

.menu .moer {
	font-size: 14px;
	color: #1c1c1c;
	font-weight: normal;
}

	.menu .moer:hover {
		color: #1c1c1c80
	}

.banner {
	width: 100%;
}

	.banner img {
		width: 100%;
		vertical-align: bottom;
	}

	.banner .swiper-pagination01 span {
		width: 14px;
		height: 14px;
		background: #fff;
	}

		.banner .swiper-pagination01 span.swiper-pagination-bullet-active {
			background: #fff;
		}

	.banner .swiper-button-next:after, .banner .swiper-button-prev:after {
		display: none
	}

	.banner .swiper-button-next {
		right: 3%;
	}

	.banner .swiper-button-next, .banner .swiper-button-prev {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		border: 2px solid #fff;
	}

	.banner .swiper-button-prev {
		left: 3%;
	}

		.banner .swiper-button-next svg, .banner .swiper-button-prev svg { /* background: #fff; */
			filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);
			width: 80%;
			opacity: 0.8
		}

		.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover {
			background: #fff;
		}

			.banner .swiper-button-next:hover svg, .banner .swiper-button-prev:hover svg {
				fill: #1669d1;
				opacity: 1;
				filter: none;
			}



.title {
	text-align: center;
}

	.title h2 {
		font-size: 48px;
		color: #000;
		display: block;
		font-weight: normal;
	}

.cent01-bg {
	padding: 3% 0 0 0;
	text-align: center
}

	.cent01-bg ul li {
		float: left;
		display: block;
		width: 16%;
		position: relative;
		margin-top: 3%;
		background: #fff;
	}

		.cent01-bg ul li a {
			display: block
		}

		.cent01-bg ul li .img {
			padding-top: 100%;
		}

		.cent01-bg ul li span {
			position: absolute;
			bottom: 19%;
			left: 50%;
			transform: translate(-50%, 0);
			width: 80%;
			text-align: center;
			font-size: 16px;
			color: #000;
			font-weight: bold;
		}

		.cent01-bg ul li em {
			font-style: normal;
			font-size: 18px;
			color: #f30000;
			text-decoration: underline;
			position: absolute;
			bottom: 7%;
			left: 50%;
			transform: translate(-50%, 0);
			font-weight: bold;
		}



.cent02-bg {
	padding: 3% 0;
}

.cent02 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
}

	.cent02 h2 {
		font-size: 38px;
		font-weight: normal;
	}

	.cent02 a {
		position: relative;
		width: 180px;
		line-height: 40px;
		height: 40px;
		text-align: center;
		color: #fff;
		font-size: 16px;
		border: 1px solid #fff;
		overflow: hidden;
		transition: all 0.5s;
	}

		.cent02 a:hover {
			background: #00418e;
			border-color: #00418e;
			transform: scale(0.9);
		}

		.cent02 a:before {
			content: "";
			position: absolute;
			display: block;
			transition: all .6s;
			width: 100%;
			height: 0;
			border-radius: 50%;
			left: 50%;
			top: 50%;
			padding-top: 100%;
			transform: translateX(-50%) translateY(-50%);
		}

		.cent02 a:hover:before {
			animation: style1 .75s;
			z-index: 1
		}


.cent03-bg {
	padding: 3% 0 2%
}

.cent03-l {
	float: left;
	display: block;
	width: 48%
}

	.cent03-l .title {
		text-align: left;
	}

		.cent03-l .title h2 {
			color: #333333;
		}

	.cent03-l h3 {
		font-size: 24px;
		color: #333;
		font-weight: normal;
		margin-top: 2%;
	}

		.cent03-l h3 strong {
			color: #FF0000
		}

	.cent03-l > span {
		font-size: 16px;
		color: #333333;
		line-height: 2.2;
		display: block;
		margin-top: 3%;
	}

		.cent03-l > span a {
			font-weight: bold;
		}

	.cent03-l ul li {
		font-size: 16px;
		color: #333;
		display: block;
		line-height: 2.2
	}

		.cent03-l ul li strong {
			color: #0059ad;
			font-weight: bold;
		}

.cent03-r {
	float: right;
	display: block;
	width: 48%
}

	.cent03-r video {
		width: 100%
	}


.cent04 {
	margin-top: 4%;
}

.cent04-l {
	float: left;
	display: block;
	width: 14%;
}

	.cent04-l a {
		position: relative;
		width: 88px;
		line-height: 35px;
		height: 35px;
		text-align: center;
		color: #fff;
		font-size: 15px;
		overflow: hidden;
		transition: all 0.5s;
		background: #00418e;
		display: block;
	}

.rjzd:before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%);
}

.rjzd:hover:before {
	animation: style1 .75s;
	z-index: 1
}

.cent04-l h2 {
	font-size: 32px;
	color: rgba(174, 174, 174, 1);
	display: block;
	margin-top: 18%;
	font-weight: normal;
}

.cent04-l span {
	font-size: 19px;
	color: rgba(174, 174, 174, 1);
}

.cent04-r {
	float: right;
	display: block;
	width: calc(100% - 15% - 20px);
}
/*scroll_03*/
.scroll_03 {
	width: 100%;
	overflow: hidden;
}

	.scroll_03 .bd li {
		float: left;
		width: 214px;
		overflow: hidden;
		margin: 0 10px;
	}

		.scroll_03 .bd li .img {
			height: 217px;
			padding: 2px;
			background: #fff;
		}

			.scroll_03 .bd li .img table tr td {
				height: 217px;
			}

				.scroll_03 .bd li .img table tr td img {
					max-width: 100%;
					height: 217px;
					object-fit: contain;
				}


@keyframes style1 {
	0% {
		background: rgba(0,0,0,.25);
		transform: translateX(-50%) translateY(-50%) scale(0)
	}

	to {
		background: 0 0;
		transform: translateX(-50%) translateY(-50%) scale(1)
	}
}



.cent05 {
	margin-top: 3%;
	display: flex; /* align-items: center; */
	justify-content: space-between;
}

.cent0501 {
	width: 25%;
}

	.cent0501 .title {
		text-align: left;
	}

	.cent0501 > span {
		display: block;
		font-size: 16px;
		color: #333;
		line-height: 2;
		margin-top: 3%;
	}

	.cent0501 .je {
		background: #1f6cb7;
		color: #fff;
		box-sizing: border-box;
		padding-top: 15%;
		margin-top: 5%
	}

		.cent0501 .je h2 {
			width: 75%;
			margin: 0 auto;
			font-size: 20px;
		}

		.cent0501 .je ul {
			width: 75%;
			margin: 2% auto 0;
		}

			.cent0501 .je ul li {
				font-size: 16px;
				display: flex;
				align-items: center;
				line-height: 2;
			}

				.cent0501 .je ul li span {
					width: 35%;
					text-align: justify;
					text-justify: inter-ideograph;
					text-align-last: justify;
					display: block;
				}

			.cent0501 .je ul a {
				color: #fff;
			}

		.cent0501 .je .img {
			width: 100%
		}

			.cent0501 .je .img img {
				width: 100%;
				vertical-align: bottom;
			}

.cent05-r {
	width: calc(100% - 25%);
	position: relative;
}

	.cent05-r > img {
		width: 100%;
		vertical-align: bottom
	}

	.cent05-r ul li {
		position: absolute;
		color: #fff;
	}

		.cent05-r ul li h2 {
			position: absolute;
			width: 50px;
		}

		.cent05-r ul li:nth-child(1) {
			top: 23%;
			left: 48%;
		}

			.cent05-r ul li:nth-child(1) h2 {
				top: -15px;
				left: 17px;
			}

		.cent05-r ul li:nth-child(2) {
			top: 28%;
			left: 51%;
		}

			.cent05-r ul li:nth-child(2) h2 {
				top: -15px;
				left: 17px;
			}

		.cent05-r ul li:nth-child(3) {
			top: 29%;
			left: 46%;
		}

			.cent05-r ul li:nth-child(3) h2 {
				top: -15px;
				left: 17px;
			}

		.cent05-r ul li:nth-child(4) {
			top: 34%;
			left: 44%;
		}

			.cent05-r ul li:nth-child(4) h2 {
				top: 11px;
				left: 2px;
			}

		.cent05-r ul li:nth-child(5) {
			top: 34%;
			left: 49%;
		}

			.cent05-r ul li:nth-child(5) h2 {
				top: -15px;
				left: 17px;
			}

		.cent05-r ul li:nth-child(6) {
			top: 39%;
			left: 70%;
		}

			.cent05-r ul li:nth-child(6) h2 {
				top: -38px;
				left: -8px;
			}

		.cent05-r ul li:nth-child(7) {
			top: 31%;
			left: 79%;
		}

			.cent05-r ul li:nth-child(7) h2 {
				top: -21px;
				left: 17px;
			}



.lgie {
	position: absolute;
	width: 15%;
	height: auto;
	top: 19%;
	right: 14%;
}

	.lgie img {
		width: 100%;
		vertical-align: bottom;
	}

.cent06-bg {
	padding: 3% 0;
}

.cent06 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

	.cent06 > a {
		position: relative;
		width: 180px;
		line-height: 40px;
		height: 40px;
		text-align: center;
		color: #fff;
		font-size: 16px;
		border: 1px solid #fff;
		overflow: hidden;
		transition: all 0.5s;
	}

		.cent06 > a:hover {
			background: #00418e;
			border-color: #00418e;
			transform: scale(0.9);
		}

		.cent06 > a:before {
			content: "";
			position: absolute;
			display: block;
			transition: all .6s;
			width: 100%;
			height: 0;
			border-radius: 50%;
			left: 50%;
			top: 50%;
			padding-top: 100%;
			transform: translateX(-50%) translateY(-50%);
		}

		.cent06 > a:hover:before {
			animation: style1 .75s;
			z-index: 1
		}

.cent06-l {
	width: 50%;
	color: #fff;
}

	.cent06-l h2 {
		font-size: 43px;
		font-weight: normal;
		display: block;
	}
/*scroll_02*/
.scroll_02 {
	width: 100%;
	overflow: hidden;
	height: 100px;
}

	.scroll_02 .bd {
	}

		.scroll_02 .bd ul li {
		}

			.scroll_02 .bd ul li span {
				font-size: 16px;
				display: block;
				margin-top: 2%;
				line-height: 2;
			}

			.scroll_02 .bd ul li a {
				color: #fff;
				font-size: 18px;
				font-weight: bold;
				display: block;
			}


.cent07 {
	margin: 3% auto;
	position: relative;
	padding-bottom: 0%;
}

	.cent07 .swiper-pagination02 {
		position: inherit;
		bottom: 0 !important;
		margin-top: 1%;
	}

	.cent07 .mySwiper02 {
		margin-top: 4%
	}

	.cent07 .img {
		background: #f5f5f5
	}

		.cent07 .img a {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 30vh;
		}

		.cent07 .img img {
			max-width: 100%;
			max-height: 100%;
		}

		.cent07 .img span {
			font-size: 16px;
			color: rgba(0,0,0,0.7);
			padding: 7px 30px;
			display: block;
			text-align: center;
			font-weight: bold
		}

		.cent07 .img:hover {
			background: rgba(0,59,131,1)
		}

			.cent07 .img:hover span {
				color: #fff;
			}

.footer-bg {
	padding: 3% 0 1.5%;
	color: #fff
}

	.footer-bg a {
		color: #fff;
	}

.footer01 dl {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

	.footer01 dl dd {
	}

		.footer01 dl dd h2 {
			font-size: 16px;
			display: block;
			margin-bottom: 20px
		}

			.footer01 dl dd h2 a {
			}

		.footer01 dl dd ul {
		}

			.footer01 dl dd ul li {
				font-size: 16px;
				line-height: 32px
			}

		.footer01 dl dd.lxen h2 {
			font-weight: normal;
		}

		.footer01 dl dd.lxen ul li a {
			margin-left: 10px
		}

.footer02 {
	border-top: 1px solid #fff;
	margin-top: 4%;
	padding-top: 2%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

	.footer02 span {
		font-size: 16px;
	}

		.footer02 span a {
			margin-left: 10px
		}

.cent0502 {
	display: none;
}

.sp_header {
	display: none
}

.sjj_nav {
	display: none
}

.top {
	display: none;
	height: 50px
}



.banner02 {
	position: relative
}

	.banner02 > img {
		width: 100%;
		vertical-align: bottom;
	}

.bnner01 {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #fff;
	z-index: 99
}

	.bnner01 h2 {
		font-size: 57px;
		display: block;
		line-height: 1;
	}

	.bnner01 p {
		padding: 0;
		height: 2px;
		width: 50px;
		margin: 1.5% auto 0;
		background: #fff;
	}

.cent08-bg {
	border-bottom: 1px solid #3333331a
}

.cent08 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cent0801 {
	display: flex;
	align-items: center;
}

	.cent0801 a {
		line-height: 70px;
		font-size: 16px;
		color: #333;
		border-bottom: 3px solid transparent;
		height: 70px;
		display: block;
		width: 150px;
		text-align: center;
	}

		.cent0801 a.on {
			color: #0f45a5;
			font-weight: bold;
			border-bottom: 3px solid #0f45a5
		}

		.cent0801 a:hover {
			color: #0f45a5;
			font-weight: bold;
			border-bottom: 3px solid #0f45a5
		}

.weizhi {
	height: 70px;
	line-height: 70px;
	background: url(../images/home.png) left center no-repeat;
	font-size: 14px;
	padding-left: 20px;
	color: #212529
}

	.weizhi a {
		color: #6c757d
	}


.cent09 {
	margin-top: 3%;
}

	.cent09 .title {
		text-align: left;
		margin-bottom: 2%
	}

		.cent09 .title h2 {
			font-size: 36px;
			color: #333;
		}

		.cent09 .title span {
			font-size: 18px;
			color: rgba(169,169,169,1)
		}

.cent09-l {
	float: left;
	display: block;
	width: 48%
}

	.cent09-l h2 {
		font-size: 24px;
		color: #333;
		display: block;
		margin-bottom: 4%;
		font-weight: normal;
	}

	.cent09-l span {
		font-size: 16px;
		color: #696969;
		display: block;
		line-height: 2.2;
	}


.cent09-r {
	float: right;
	display: block;
	width: 48%;
}

	.cent09-r img {
		width: 100%;
		vertical-align: bottom;
		s
	}

.cent11-bg {
	background: #f5f5f5;
	padding: 2% 0
}

.cent11 ul li {
	float: left;
	display: block;
	width: calc((100% - 6%)/3);
	margin-right: 3%
}

	.cent11 ul li:nth-child(3n) {
		margin-right: 0%;
	}

	.cent11 ul li h2 {
		display: block;
		border-bottom: 1px solid rgba(0,0,0,.1);
		display: flex;
		align-items: center;
		font-size: 22px;
		font-weight: normal;
		color: #333;
		padding-bottom: 20px;
	}

		.cent11 ul li h2 em {
			display: block;
			font-style: normal;
			color: #0f45a5;
			font-weight: bold;
		}

	.cent11 ul li span {
		display: block;
		margin-top: 20px;
		color: #333;
		font-size: 14px;
	}

.cent12 {
	position: relative;
	margin-top: 3%;
}

	.cent12 .title {
		text-align: left;
	}

.cent1201 {
	margin-top: 0;
	padding-bottom: 4%
}

	.cent1201 .swiper-pagination03 {
		position: inherit !important;
		margin-top: 2%;
	}

.cent10201 {
}

	.cent10201 ul li {
		float: left;
		display: block;
		width: calc((100% - 6%)/4);
		margin-right: 2%;
		margin-top: 4%
	}

		.cent10201 ul li:nth-child(4n) {
			margin-right: 0%;
		}

		.cent10201 ul li a {
			display: block
		}

		.cent10201 ul li .img {
			width: 100%;
			height: 290px;
			background: #f6f6f6;
			display: flex;
			justify-content: center;
			align-items: center;
			padding-top: 5%;
			padding-bottom: 5%;
			box-sizing: border-box;
		}

			.cent10201 ul li .img img {
				max-width: 100%;
				max-height: 100%;
			}

		.cent10201 ul li span {
			display: block;
			text-align: center;
			font-size: 17px;
			color: rgba(0,0,0,0.7);
			padding: 25px
		}

.cent13-bg {
	padding: 3% 0;
}

.cent13 .title {
	text-align: left;
}

	.cent13 .title h2 {
		color: #fff;
		font-weight: bold;
	}

.cent13 .xde {
	color: #fff;
	font-size: 18px;
	margin-top: 1%;
}

	.cent13 .xde a {
		color: #fff;
	}

.cent13 .ceet {
	margin-top: 2%;
	display: inline-block;
	text-decoration: underline;
	color: #fff;
	font-size: 34px;
	font-weight: bold;
}

.cent14 {
	margin-top: 3%;
}

	.cent14 .title {
		text-align: left
	}

	.cent14 ul li {
		float: left;
		display: block;
		width: calc((100% - 6%)/4);
		margin-right: 2%;
		margin-top: 2%;
	}

		.cent14 ul li:nth-child(4n) {
			margin-right: 0%;
		}

		.cent14 ul li a {
			display: block
		}

		.cent14 ul li .img {
			display: block;
			height: 320px;
			display: flex;
			justify-content: center;
			align-items: center;
			background: #f6f6f6;
			padding: 5%;
			box-sizing: border-box;
		}

			.cent14 ul li .img img {
				max-width: 100%;
				max-height: 100%;
			}

		.cent14 ul li span {
			display: block;
			text-align: center;
			font-size: 17px;
			color: rgba(0,0,0,0.7);
			padding: 25px
		}

.cent10-bg { /* padding:3% 0; */
	margin-top: 3%;
}

.cent10-l {
	float: left;
	display: block;
	width: 26%;
	color: #fff;
	margin-left: 8%;
	margin-top: 10%;
}

	.cent10-l h2 {
		font-size: 40px;
		display: block;
		font-weight: normal;
	}

	.cent10-l span {
		display: block;
		font-size: 22px;
		text-transform: uppercase;
	}

	.cent10-l p {
		width: 40px;
		height: 5px;
		background: #fff;
		padding: 0;
		margin: 10px 0;
		display: block;
	}

	.cent10-l em {
		display: block;
		font-size: 22px;
		font-style: normal;
		margin-top: 40px
	}

.cent10-r {
	float: right;
	display: block;
	position: relative;
	width: 66%;
	height: auto;
}

	.cent10-r::before {
		content: '';
		position: absolute;
		left: 20%;
		height: 100%;
		width: 1px;
		background: rgb(255 255 255 / 15%);
		top: 0;
	}

.cent1010 {
	padding: 170px 0;
	box-sizing: border-box;
}

.mySwiper04 {
	height: 400px; /* 初始高度，会被JS调整 */
	margin: 0 auto;
}
/*.cent10-r .swiper-slide{ height:auto !important; color:#E6E6FA;}*/
.cent10-r .swiper-slide .nife {
	display: flex;
	align-items: center;
	min-height: 150px;
}

	.cent10-r .swiper-slide .nife span {
		opacity: 0.7;
		color: #fff;
		font-size: 22px;
		text-align: right;
		flex: 0 0 20%;
		position: relative;
		padding-right: 40px;
		box-sizing: border-box;
	}

		.cent10-r .swiper-slide .nife span:after {
			content: '';
			position: absolute;
			width: 6px;
			height: 6px;
			background: #fff;
			border-radius: 100%;
			right: -3px;
			top: 50%;
			transform: translateY(-50%);
		}

	.cent10-r .swiper-slide .nife .h2 {
		font-size: 17px;
		color: #E6E6FA;
		flex: 0 0 80%;
		margin-left: 40px;
	}

.cent10-r .swiper-slide-active .nife span {
	opacity: 1;
	font-size: 28px;
}

.cent10-r .swiper-button-prev {
	left: 20%;
	margin: 0;
	top: 60px;
	border: 1px solid rgb(255 255 255 / 50%);
	border-radius: 100%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	background: #014596;
	transition: all ease .3s;
}

	.cent10-r .swiper-button-prev::after {
		font-size: 15px;
		font-weight: bold;
		color: #fff;
		transform: rotate(90deg) translateX(-1px);
	}

.cent10-r .swiper-button-next {
	left: 20%;
	margin: 0;
	bottom: 60px;
	border: 1px solid rgb(255 255 255 / 50%);
	border-radius: 100%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	right: auto;
	top: auto;
	background: #014596;
	transition: all ease .3s;
}

	.cent10-r .swiper-button-next::after {
		font-size: 15px;
		font-weight: bold;
		color: #fff;
		transform: rotate(90deg) translateX(1px);
	}

.cent15 {
	margin: 3% auto;
}

.cent15-l {
	float: left;
	display: block;
	width: 21.51%;
}

	.cent15-l .yfe {
		display: block
	}

		.cent15-l .yfe h2 {
			font-size: 28px;
			color: #333;
			display: block;
			border-bottom: 1px solid rgba(0,0,0,.1);
			padding: 20px 0;
		}

	.cent15-l ul {
		margin-top: 15px;
	}

		.cent15-l ul li {
			margin-bottom: 10px;
		}

			.cent15-l ul li span {
				background: #0f45a5;
				line-height: 50px;
				display: block;
				padding: 0 15px;
				/*background-size: 20px;*/
				box-sizing: border-box;
				display: flex;
				align-items: center;
				justify-content: space-between;
				color: #fff;
				font-size: 17px;
			}

				.cent15-l ul li span .img {
					width: 23px;
					height: 23px
				}

					.cent15-l ul li span .img img {
						width: 100%;
					}

				.cent15-l ul li span a {
					color: #fff;
					font-size: 17px;
				}

			.cent15-l ul li .erji {
				display: none
			}

				.cent15-l ul li .erji dd {
					background: #ededed;
					line-height: 50px;
					box-sizing: border-box;
					padding: 0 10px;
					color: #666;
					font-size: 15px;
					margin-bottom: 10px;
				}

					.cent15-l ul li .erji dd a {
						color: #666;
					}

					.cent15-l ul li .erji dd:hover {
						background: #0f45a5
					}

						.cent15-l ul li .erji dd:hover a {
							color: #fff;
						}

.cent15-r {
	float: right;
	display: block;
	width: 75.47%;
}

.sousou01 {
	width: 47%;
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 30px;
	line-height: 36px;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
	float: right;
}

	.sousou01 .input_text02 {
		display: block;
		float: left;
		display: block;
		line-height: 36px;
		background: bottom;
		outline: none;
		padding-left: 4%;
		width: 80%;
		box-sizing: border-box;
	}

	.sousou01 a {
		float: right;
		width: calc(100% - 80%);
		height: 36px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: rgba(255,255,255,.9);
		background: #333
	}

.cpxz {
}

	.cpxz ul li {
		float: left;
		display: block;
		width: calc((100% - 6%)/4);
		margin-right: 2%;
		margin-top: 2%;
	}

		.cpxz ul li:nth-child(4n) {
			margin-right: 0%;
		}

		.cpxz ul li a {
			display: block;
			border: 1px solid rgba(229,229,229,1)
		}

		.cpxz ul li .img {
			width: 100%;
			height: 200px;
			display: flex;
			justify-content: center;
			align-items: center;
		}

			.cpxz ul li .img img {
				max-width: 100%;
				max-height: 100%;
			}

		.cpxz ul li span {
			display: block;
			position: relative;
			background: #f5f5f5;
			color: #333;
			font-size: 16px;
			box-sizing: border-box;
			padding: 15px 30px;
			text-align: center;
			width: 100%;
			transition-property: all;
			transition-duration: 0.5s;
			transition-timing-function: cubic-bezier(0.42,0,1,1);
		}

		.cpxz ul li:hover span {
			display-radio: 1;
			background-color: rgba(0, 62, 140, 1);
			color: #fff;
		}


.bxe {
	border-bottom: 1px #ddd solid;
	padding-bottom: 10px;
}

	.bxe h2 {
		font-size: 30px;
		color: #333;
		display: block;
		font-weight: normal;
	}

	.bxe span {
		font-size: 14px;
		color: #666;
		display: block;
		margin-top: 10px;
	}

.kdcd {
}

	.kdcd a {
		background: #555;
		display: inline-block;
		color: #fff;
		line-height: 42px;
		width: 160px;
		text-align: center;
		font-size: 16px;
		text-align: center;
		margin-right: 10px;
	}

		.kdcd a.cswx {
			background: #0656a9 !important
		}

			.kdcd a.cswx:hover {
				background: #012b5d !important;
				color: #fff;
			}

		.kdcd a:hover {
			background: #222;
			color: #fff;
		}

.cent16 {
	border: 1px #ddd solid;
	padding: 15px;
	box-sizing: border-box;
}

.cee {
	display: block;
	background: #0f45a5
}

	.cee a {
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		padding: 0 40px;
		border-right: 1px #ddd solid;
		line-height: 50px;
		display: inline-block;
	}

.cpxq {
	border-bottom: 1px #ddd solid;
	padding: 20px 0 40px;
}

.cpxq01 {
	border-bottom: 1px #ddd solid;
	padding: 20px 0 40px;
}

.teree {
	font-size: 20px;
	color: #EB610D;
	padding: 0px 0 20px 0
}

.wdxz {
	border-bottom: 1px #ddd solid;
}

	.wdxz .teree {
		padding: 20px 0;
	}

.inside_con {
	padding: 10px 0;
	min-height: 300px;
	font-size: 16px;
	line-height: 2em;
}


.gzej {
	display: flex;
	align-items: center;
	padding: 10px 0 20px;
	flex-wrap: wrap;
}

	.gzej span {
		font-size: 14px;
		color: #666;
		display: block
	}

	.gzej a {
		line-height: 1.6;
		padding: 5px 15px;
		border: 1px #eee solid;
		border-radius: 5px 0;
		color: #666;
		font-size: 16px;
		color: #666;
		margin: 0 3px
	}

.zxye {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding: 20px 0 40px
}

	.zxye span {
		width: 50%;
		font-size: 16px;
		color: #333;
	}

		.zxye span a {
			color: #333;
		}

.cent17 {
	margin-top: 4%;
}

	.cent17 h2 {
		display: block;
		font-size: 30px;
		color: #333;
	}

	.cent17 .text {
		display: block;
		width: 100%;
		height: 120px;
		border-radius: 10px;
		background: #FAFAFA;
		border: 1px solid rgba(0,0,0,0.2);
		margin-top: 2%
	}

	.cent17 ul li {
		float: left;
		display: block;
		width: calc((100% - 4%)/2);
		margin-right: 4%;
		margin-top: 2%
	}

		.cent17 ul li .input_text {
			width: 100%;
			display: block;
			border-radius: 5px;
			background: #FAFAFA;
			box-sizing: border-box;
			border: 1px solid rgba(0,0,0,0.2);
			padding: 0 20px;
			line-height: 54px;
			outline: none;
			color: #000
		}

			.cent17 ul li .input_text::-webkit-input-placeholder {
				color: #666;
			}

		.cent17 ul li:nth-child(2n) {
			margin-right: 0%;
		}

.txe {
	display: flex;
	align-items: center;
}

	.txe .input_text02 {
		width: 30%;
		display: block;
		border-radius: 5px;
		background: #FAFAFA;
		box-sizing: border-box;
		border: 1px solid rgba(0,0,0,0.2);
		padding: 0 20px;
		line-height: 54px;
		outline: none;
		color: #000
	}

		.txe .input_text02::-webkit-input-placeholder {
			color: #666;
		}

	.txe .img {
		width: 120px;
		margin: 0 10px
	}

		.txe .img img {
			width: 100%;
		}

	.txe a {
		display: block;
		width: 30px
	}

		.txe a img {
			width: 100%;
		}

.cent17 > a {
	display: block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	color: #fff;
	font-size: 16px;
	margin-top: 4%;
	background: #000;
	text-align: center;
	overflow: hidden;
	position: relative
}

	.cent17 > a:hover {
		color: #fff;
	}

.cent18-bg {
	background: #f7f7f7;
	padding: 2% 0;
}

.cent18 h2 {
	font-size: 30px;
	color: #00479d
}

.cent18 {
	max-width: 1400px !important;
}

	.cent18 .mySwiper05 {
		margin-top: 3%;
	}

		.cent18 .mySwiper05 .swiper-slide a {
			display: block
		}

			.cent18 .mySwiper05 .swiper-slide a span {
				display: block;
				box-shadow: 0px 0px 15px #ccc;
				text-align: center;
				background: #fff;
				font-size: 16px;
				color: #000;
				padding: 15px 20px;
			}


.cent19 {
	margin: 4% auto;
}

	.cent19 ul li {
		border: 1px solid rgba(0,0,0,0.21);
		padding: 10px;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px
	}

		.cent19 ul li h2 {
			font-weight: normal;
			line-height: 35px font-size:18px;
			color: rgba(0,0,0,0.7);
			width: 40%;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
		}

		.cent19 ul li span {
			width: 50%;
			color: rgba(0,0,0,0.3);
			font-size: 14px;
			line-height: 35px
		}

		.cent19 ul li .sie {
			display: flex;
			align-items: center;
		}

			.cent19 ul li .sie a {
				position: relative;
				overflow: hidden;
				border: 1px solid rgba(0,0,0,0.2);
				border-radius: 4px;
				padding: 8px;
				color: #000;
				width: 82px;
				text-align: center;
				margin-left: 2vw;
				font-size: 14px;
			}

				.cent19 ul li .sie a:hover {
					background: rgba(64, 158, 255, 1);
					color: #fff;
					border: 1px solid rgba(64, 158, 255, 1);
				}

.cent20 {
	margin: 4% auto;
}

	.cent20 ul li {
		box-shadow: -2px 1px 10px rgb(0 0 0 / 12%);
		padding: 16px 18px;
		box-sizing: border-box;
		margin-bottom: 1%
	}

		.cent20 ul li a {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		.cent20 ul li .img {
			overflow: hidden;
			transition-property: all;
			transition-duration: 0.6s;
			transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
			display-radio: 1;
			height: auto;
			flex: 0 0 40%;
		}

			.cent20 ul li .img img {
				width: 100%;
				height: 100%;
				object-fit: contain;
			}

		.cent20 ul li:hover .img img {
			transform: scale(1.2);
			transition: all .6s;
		}

.cent20-r {
	padding-left: 5%
}

	.cent20-r h2 {
		color: #1a1a1a;
		font-size: 24px;
		display: block;
		transition-property: all;
		transition-duration: 0.6s;
		transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
	}

	.cent20-r em {
		font-style: normal;
		font-size: 16px;
		display: block;
		color: #222;
		margin-top: 1%
	}

	.cent20-r span {
		display: block;
		font-size: 14px;
		color: rgba(0,0,0,0.5);
		line-height: 2;
	}

	.cent20-r i {
		width: 140px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		color: #fff;
		color: #fff;
		background: #0f45a5;
		display: block;
		font-style: normal;
		margin-top: 2%
	}

.cent20 ul li:hover .cent20-r h2 {
	margin-left: 10px;
	color: #173394
}

.cent21-bg {
	padding: 4% 0;
}

.cent21 {
	max-width: 1440px !important;
}

.xien {
	margin-bottom: 4%
}

	.xien h2 {
		font-size: 30px;
		color: #0f45a5;
		display: block;
	}

	.xien span {
		font-size: 18px;
		font-weight: bold;
		color: #0f45a5;
		display: block;
		margin-top: 1%
	}

.cent21-l {
	float: left;
	display: block;
	width: 39%;
	background: #fff;
}

	.cent21-l .he {
		display: block;
		border-bottom: 1px solid rgba(0,0,0,.1);
		font-size: 24px;
		color: #595959;
		font-weight: bold;
		padding: 5%;
		box-sizing: border-box;
	}

	.cent21-l dl dd {
		border-bottom: 1px solid rgba(0,0,0,.1);
		padding: 5%;
	}

		.cent21-l dl dd h2 {
			font-weight: normal;
			display: block;
			font-size: 16px;
			color: #333;
			line-height: 24px
		}

		.cent21-l dl dd ul li {
			line-height: 2em;
			font-size: 16px;
			color: #333;
		}

			.cent21-l dl dd ul li a {
				color: #333;
			}

		.cent21-l dl dd:last-child {
			border-bottom: 0;
		}

.cent21-r {
	float: right;
	display: block;
	width: 53%
}

	.cent21-r .cent17 {
		margin-top: 0
	}

		.cent21-r .cent17 .txe .input_text02 {
			width: 50%
		}

@media only screen and (max-width: 980px) {
	.header-bg {
		display: none;
	}

	.banner .swiper-button-next, .banner .swiper-button-prev {
		display: none
	}

	.top {
		display: block;
	}


	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
	.sp_header {
		height: 50px;
		overflow: hidden;
		background: #fff;
		position: fixed;
		z-index: 10;
		width: 100%;
		display: block
	}

	.sp_logo {
		padding: 10px;
		float: left;
		height: 50px
	}

		.sp_logo img {
			margin: auto;
			max-height: 30px;
		}

	.sp_nav {
		width: 50px;
		float: right;
		position: relative;
		cursor: pointer;
		height: 30px;
		margin-top: 15px
	}

		.sp_nav span {
			display: block;
			background: #006fe2;
			width: 30px;
			height: 2px;
			position: absolute;
			left: 10px;
			transition: all ease 0.35s
		}

			.sp_nav span:nth-of-type(1) {
				top: 0px
			}

			.sp_nav span:nth-of-type(2) {
				top: 10px
			}

			.sp_nav span:nth-of-type(3) {
				top: 20px
			}

	.sp_nav_se span:nth-of-type(1) {
		top: 10px;
		transform: rotate(45deg)
	}

	.sp_nav_se span:nth-of-type(2) {
		width: 0
	}

	.sp_nav_se span:nth-of-type(3) {
		top: 10px;
		transform: rotate(-45deg)
	}

	.sjj_nav {
		position: fixed;
		z-index: 9;
		background: #eee;
		width: 100%;
		height: calc(100% - 104px);
		font-size: 14px;
		line-height: 40px;
		top: -100%;
		left: 0;
		overflow: auto;
		overflow-x: hidden;
		transition: top ease 0.35s;
		display: block
	}

	.nav_show {
		top: 50px
	}

	.sjj_nav > ul > li:first-child {
		overflow: hidden;
		border-top: 0
	}

		.sjj_nav > ul > li:first-child > a {
			float: left;
			width: calc(100% - 70px)
		}

		.sjj_nav > ul > li:first-child .language {
			float: right;
			width: 70px;
			overflow: hidden;
			line-height: 30px;
			margin-top: 5px
		}

			.sjj_nav > ul > li:first-child .language a {
				width: 35px;
				float: left;
				border-left: 1px #ddd solid;
				text-align: center;
				color: #999;
			}

	.sjj_nav ul li i {
		position: absolute;
		top: 5px;
		right: 0px;
		border-left: 1px #ddd solid;
		height: 30px;
		padding: 0px 7px 0 7px;
	}

		.sjj_nav ul li i svg {
			transform: rotate(-90deg);
			transition: all ease 0.35s
		}

	.sjj_nav ul li .sjj_nav_i_se svg {
		transform: rotate(0deg)
	}

	.sjj_nav ul li {
		border-top: 1px #ddd solid;
		margin-left: 20px;
		position: relative;
		line-height: 40px;
		font-size: 14px
	}

	.sjj_nav > ul > li:last-child {
		border-bottom: 1px #ddd solid;
	}

	.sjj_nav ul li ul {
		display: none
	}

	.sjj_nav ul li a {
		color: #666;
		width: 80%
	}

	.sjj_nav ul li ul li a {
		color: #999;
		display: block;
		text-align: left;
	}

	.sjj_nav ul li i svg {
		width: 20px;
		height: 20px;
		fill: #555;
	}

	.sjj_nav ul li .sjj_nav_i_se svg {
		fill: #006fe2
	}

	.sjj_nav ul li ul li > ul {
		margin-left: 10px
	}
	/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

	.title h2 {
		font-size: 24px;
	}

	.cent01-bg .title {
		margin-bottom: 5%
	}

	.cent01-bg ul li {
		width: 50%;
		position: relative;
		margin-top: 0%;
	}

		.cent01-bg ul li .img {
			padding-top: 115%;
		}

	.cent02-bg {
		padding: 20% 0;
	}

	.cent02 {
		flex-wrap: wrap;
		flex-direction: row;
	}

		.cent02 h2 {
			font-size: 22px;
		}

		.cent02 a {
			margin-top: 4%;
		}

	.cent03-bg {
		padding: 5% 0;
	}

	.cent03-l {
		float: none;
		display: block;
		width: 100%;
	}

	.cent03-r {
		float: none;
		display: block;
		width: 100%;
		margin-top: 5%;
	}

	.cent03-l h3 {
		font-size: 16px;
	}

	.cent03-l > span {
		font-size: 12px;
		line-height: 1.5;
	}

	.cent03-l ul li {
		font-size: 14px;
		line-height: 1.5;
	}

	.cent04-l {
		float: none;
		display: block;
		width: 100%
	}

	.cent04-r {
		float: none;
		display: block;
		width: 100%;
		margin-top: 5%;
	}

	.cent05 {
		margin-top: 5%;
		flex-wrap: wrap;
	}

	.cent0501 {
		width: 100%;
	}

	.cent05-r {
		width: 100%;
		display: none;
	}

	.cent0502 {
		display: block;
		width: 100%
	}

		.cent0502 img {
			width: 100%;
			vertical-align: bottom;
		}

	.cent06 {
		flex-wrap: wrap;
	}

	.cent06-l {
		width: 100%;
	}

	.cent06 > a {
		margin-top: 5%;
	}

	.cent07 {
		margin: 5% auto;
	}

	.footer-bg {
		padding: 5% 0;
	}

	.footer02 {
		flex-wrap: wrap;
		padding-top: 4%;
	}

		.footer02 span {
			width: 100%;
		}

	.footer01 dl dd {
		width: 100%;
	}

	.footer01 dl {
		flex-wrap: wrap;
	}

	.cent0801 {
		display: none
	}

	.bnner01 h2 {
		font-size: 24px;
	}

	.cent09-l {
		float: none;
		display: block;
		width: 100%
	}

		.cent09-l h2 {
			font-size: 18px;
		}

		.cent09-l span {
			font-size: 14px;
			line-height: 1.5;
		}

	.cent09 .title h2 {
		font-size: 24px;
	}

	.cent09-r {
		float: none;
		display: block;
		width: 100%;
		margin-top: 5%;
	}


	.cent10-bg {
		margin-top: 5%;
		padding: 5% 0;
	}

	.cent10-l {
		float: none;
		display: block;
		width: 100%;
		margin-top: 0;
		margin-left: 0;
	}

	.cent10-r {
		float: none;
		display: block;
		width: 100%;
	}

	.cent1010 {
		padding: 60px 0;
	}

	.cent10-r .swiper-slide .nife span {
		flex: 0 0 42%;
	}

	.cent10-r::before {
		left: 42%
	}

	.cent10-r .swiper-button-prev {
		left: 42%
	}

	.cent10-r .swiper-button-next {
		left: 42%
	}

	.cent11-bg {
		padding: 5% 0
	}

	.cent11 ul li {
		float: none;
		display: block;
		width: 100%;
		margin-right: 0
	}

	.cent10201 ul li {
		width: calc((100% - 2%)/2);
		margin-right: 2%;
		margin-top: 4%
	}

		.cent10201 ul li:nth-child(2n) {
			margin-right: 0%;
		}

		.cent10201 ul li span {
			padding: 5%;
			box-sizing: border-box;
		}


	.cent13-bg {
		padding: 5% 0;
	}

	.cent14 {
		margin-top: 5%;
	}

		.cent14 ul li {
			width: calc((100% - 2%)/2);
			margin-right: 2%;
			margin-top: 4%
		}

			.cent14 ul li .img {
				height: 122px
			}

			.cent14 ul li:nth-child(2n) {
				margin-right: 0%;
			}

	.cent15-l {
		width: 100%;
		float: none;
		display: block
	}

	.cent15-r {
		width: 100%;
		float: none;
		display: block
	}

	.sousou01 {
		width: 100%;
	}

	.cpxz ul li {
		width: calc((100% - 2%)/2);
		margin-right: 2%;
	}

		.cpxz ul li:nth-child(2n) {
			margin-right: 0%;
		}

	.kdcd a {
		width: 120px;
	}

	.cee a {
		padding: 0 10px
	}

	.inside_con {
		height: auto;
		min-height: inherit;
	}

	.cent17 ul li {
		float: none;
		display: block;
		width: 100%;
		margin-right: 0;
		margin-top: 5%;
	}

	.cent18-bg {
		padding: 5% 0
	}

	.zxye {
		flex-wrap: wrap;
	}

		.zxye span {
			width: 100%;
		}

	.cent19 ul li {
		flex-wrap: wrap;
	}

		.cent19 ul li h2 {
			width: 100%
		}

		.cent19 ul li em {
			width: 100%
		}

		.cent19 ul li .sie {
			width: 100%
		}

	.cent20 ul li .img {
		flex: 0 0 100%;
	}

	.cent20 ul li a {
		flex-wrap: wrap;
	}

	.cent20-r {
		padding-left: 0;
		width: 100%;
		margin-top: 5%;
	}

		.cent20-r span {
			line-height: 1.5;
		}

	.cent20 ul li {
		margin-bottom: 5%;
	}

	.cent21-l {
		float: none;
		display: block;
		width: 100%;
	}

	.cent21-r {
		float: none;
		display: block;
		width: 100%;
		margin-top: 5%;
	}
}