/*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;
	font-family: ' ';
	color: #666;
}

a {
	color: var(--color-three);
}

	a:hover {
		color: var(--color-one); /*text-decoration:underline;*/
	}

p {
	line-height: 1.8em;
	padding: 5px 0;
}

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

.wapper {
	width: 1200px;
	margin: 0 auto;
}

.wapper1 {
	width: 1600px;
	margin: 0 auto;
	max-width: 1720px
}

.wapper2 {
	width: 1750px;
	margin: 0 auto;
	max-width: 1750px
}

.wapper3 {
	width: 1600px;
	margin: 0 auto;
	max-width: 1600px
}

.wapper4 {
	width: 1600px;
	margin: 0 auto;
	max-width: 1800px
}

:root {
	--color-whiteblock: #ffffff;
	--color-blockwhite: #000000;
	--color-one: #0f47bd;
	--color-two: #444;
	--color-three: #333;
	--color-four: #5e6c82;
	--color-fiver: #555;
	/*CCC*/
	--main-temBold: 'temBold';
	--main-temLight: 'temLight';
	--main-temMid: 'temMid';
	--main-temRegular: 'temRegular';
	--main-temThin: 'temThin';
	--main-color: #0f47bd;
	--main-color-white: #ffffff;
	--main-color-555: #555;
	--main-color-999: #999999;
	--main-color-666: #666666;
	--main-color-333: #333333;
	--main-color-888: #888888;
	--main-color-222: #222222;
	--main-transition: all ease 0.4s;
	--main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

@media screen and (min-width:980px) and (max-width:1720px) {
	.wapper1 {
		width: 90%;
	}
}

@media screen and (min-width:980px) and (max-width:1700px) {
	.wapper3 {
		width: 90%;
	}
}

@media screen and (min-width:980px) and (max-width:1830px) {
	.wapper4 {
		width: 90%;
	}
}



.header-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99
}

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

	.header .img01 {
		display: none
	}

	.header .logo {
		width: 14%;
	}

		.header .logo a {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 83px;
		}

		.header .logo img {
			max-height: 100%;
			max-width: 100%;
		}
/*menu*/
.menu {
	height: 83px;
	line-height: 83px;
}

	.menu ul li {
		float: left;
	}

		.menu ul li dl {
			background: #eee;
			width: 100%;
			position: absolute;
			left: 0px;
			top: 100%;
			padding: 20px 0px;
			display: none;
			border-bottom: 4px solid var(--color-one);
		}

			.menu ul li dl .wapper3 {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: center;
				padding: 10px 0;
			}

			.menu ul li dl dd {
				width: 15%
			}

				.menu ul li dl dd > a {
					font-size: 16px;
					text-align: left;
					color: var(--color-fiver);
					transition: all ease .15s;
					display: flex;
					width: 100%;
					padding: 0;
					line-height: 1.2;
					text-align: center;
					flex-direction: column;
					justify-content: center;
					align-items: center;
				}

					.menu ul li dl dd > a img {
						width: 100%;
						max-width: 50px;
						margin-bottom: 10px;
					}

	.menu a {
		font-size: 18px;
		color: var(--color-whiteblock);
		text-decoration: none;
		font-weight: normal;
		display: block;
		text-align: center;
	}

	/*a.menu_hover{ background:#666;color:var(--color-whiteblock);}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}*/
	.menu ul li:hover > span > a {
		color: var(--color-one) !important
	}

	.menu ul li > span {
		position: relative;
		padding: 0 1vw;
		display: block;
	}

		.menu ul li > span:after {
			background: var(--color-one);
			height: 4px;
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			width: 0;
			margin: 0 auto;
			transition: all ease .3s;
		}

	.menu ul li:hover > span:after {
		width: 100%;
	}

	.menu a:hover {
		color: var(--color-one) !important;
	}

@media screen and (max-width:1700px) {
	.header .logo {
		width: 18%;
	}

	.menu ul li > span {
		padding: 0 1vw;
	}

	.menu a {
		font-size: 14px
	}
}

@media screen and (max-width:1250px) {
	.menu ul li > span {
		padding: 0 0.5vw;
	}
}

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

.yuyan01 {
	position: relative;
}

	.yuyan01 a {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		color: var(--color-whiteblock);
		line-height: 30px;
	}

		.yuyan01 a img {
			margin-right: 10px;
		}

.qitt {
	display: none;
	position: absolute;
	top: 100%;
	width: 100%;
	background: var(--color-whiteblock);
	padding: 3px 0px 10px 0px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	font-size: 14px;
	transition: all .3s ease;
	flex-direction: column;
	border-radius: 8px;
}

	.qitt:before {
		content: '▲';
		color: var(--color-whiteblock);
		position: absolute;
		font-size: 24px;
		width: 100%;
		top: -20px;
		text-align: center;
	}

	.qitt a {
		display: flex;
		align-items: center;
		font-size: 16px;
		color: #666;
		justify-content: flex-start;
		padding: 0 10px;
	}

		.qitt a img {
			width: 20px;
			display: block;
			margin-right: 10px;
		}

		.qitt a:hover {
			color: #00a0e9;
		}

.yuyan01:hover .qitt {
	display: block;
}

.ane {
	width: 20px;
	margin-left: 20px;
}

	.ane a {
		color: var(--color-whiteblock);
	}

		.ane a i {
			font-size: 18px;
		}


.header-bg:hover .ane a {
	color: var(--color-three);
}

.header-bg:hover {
	background: var(--color-whiteblock);
}

	.header-bg:hover .menu ul li > span > a {
		color: var(--color-three);
	}

	.header-bg:hover .img02 {
		display: none
	}

	.header-bg:hover .img01 {
		display: block;
	}

	.header-bg:hover .yuyan01 a {
		color: var(--color-three);
	}


.header-bg.active {
	background: var(--color-whiteblock);
}

	.header-bg.active .ane a {
		color: var(--color-three);
	}

	.header-bg.active .menu ul li > span > a {
		color: var(--color-three);
	}

	.header-bg.active .img02 {
		display: none
	}

	.header-bg.active .img01 {
		display: block;
	}

	.header-bg.active .yuyan01 a {
		color: var(--color-three);
	}



.suoe-bg {
	display: none;
	background: var(--color-whiteblock);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

.suoe {
	height: 120px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.suoe .input_text {
		height: 50px;
		flex: 1;
		outline: none;
		font-size: 14px;
		line-height: 40px;
		color: #000;
	}

		.suoe .input_text::-webkit-input-placeholder {
			color: #666;
		}

	.suoe .closeicon img {
		transition: all ease .3s;
	}

	.suoe .closeicon:hover img {
		transform: rotate(90deg);
	}

.qeuren {
	width: 128px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	border: 1px solid #ccc;
	border-radius: 55px;
	font-size: 15px;
	color: var(--color-three);
	margin: 0 20px;
}


.banner {
	width: 100%;
	height: auto;
	overflow: hidden;
}

	.banner img {
		width: 100%;
		vertical-align: bottom;
		transition: all 1.5s;
		transform: scale(1.1);
	}

.mySwiper01 .swiper-slide-active img {
	transform: scale(1.0);
}

.swiper-pagination01 span {
	width: 12px !important;
	height: 12px !important;
	border-radius: 6px !important;
	transition: all .5s;
	background: var(--color-whiteblock);
	opacity: .5 !important;
}

.swiper-pagination01 .swiper-pagination-bullet-active {
	background: var(--color-one) !important;
	width: 30px !important;
	opacity: 1 !important;
}


.swiper-button-next01, .swiper-button-prev01 {
	width: 70px !important;
	height: 70px !important;
	background: rgba(0 0 0 / 20%);
	border-radius: 50%;
}

	.swiper-button-next01:after, .swiper-button-prev01:after {
		color: var(--color-whiteblock) !important;
		font-size: 20px !important;
	}

	.swiper-button-next01:hover, .swiper-button-prev01:hover {
		background: #007aff
	}


.cent01 {
	padding: 4% 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cent01-l {
	width: 50%;
}

	.cent01-l a {
		display: block
	}

		.cent01-l a img {
			width: 100%;
			vertical-align: bottom;
		}

.tlet {
	background: url(../images/73c.png) left center no-repeat;
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 35px;
	padding-top: 10px;
	padding-bottom: 20px;
}

	.tlet em {
		font-style: normal;
		font-size: 18px;
		color: var(--color-two);
		display: block;
		margin-bottom: 10px;
	}

	.tlet a {
		font-size: 36px;
		color: var(--color-one);
		line-height: 1;
		font-weight: bold;
	}

.cent01-r {
	width: 44%;
}

	.cent01-r > span {
		font-size: 16px;
		color: var(--color-two);
		display: block;
		line-height: 2;
		margin-top: 3%;
	}

	.cent01-r > .ljxq {
		margin: 6% 0 0 0;
	}

.shuzi {
	margin-top: 2%;
}

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

		.shuzi ul li img {
			max-width: 72px;
		}

		.shuzi ul li .mun_top h2 {
			font-size: 3.7vw;
			color: var(--color-one);
			line-height: 1;
		}

		.shuzi ul li p {
			font-size: 18px;
			color: var(--color-two);
		}

.tile {
	text-align: center;
}

	.tile em {
		font-size: 18px;
		color: var(--color-two);
		display: block;
		font-style: normal;
		margin-bottom: 10px;
		font-weight: bold;
		text-transform: uppercase;
	}

	.tile a {
		color: var(--color-one);
		font-size: 36px;
		font-weight: bold;
		line-height: 1;
	}

.cent02 {
	padding: 4% 0;
}

	.cent02 .mySwiper02 {
		margin-top: 2%
	}

		.cent02 .mySwiper02 .dongtu {
			width: 100%;
		}

			.cent02 .mySwiper02 .dongtu a {
				display: block
			}

			.cent02 .mySwiper02 .dongtu .img {
				display: block;
				width: 100%;
			}

				.cent02 .mySwiper02 .dongtu .img img {
					width: 100%;
					vertical-align: bottom;
					height: 250px;
					object-fit: contain;
				}

			.cent02 .mySwiper02 .dongtu span {
				display: block;
				font-size: 18px;
				color: var(--color-whiteblock);
				background: var(--color-one);
				text-align: center;
				padding: 2%;
				box-sizing: border-box;
			}


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

.cent03 {
	overflow: hidden;
}
/*.dinw{ max-width:900px; margin:2% auto; position:relative;  display: flex; justify-content: center;  align-items: center;}
.dinw::before { content: '';  position: absolute;  width: 670px;height: 1px; border-top: 1px dashed #adadad; top: 10px; left: 114px;}
.dinw .wuzhji{ text-align:center; width:25%; position:relative;}
.dinw .wuzhji span{ font-size:24px; color:var(--color-three);    padding-top: 35px;  padding-bottom: 8px; display: flex;   justify-content: center;}
.dinw .wuzhji.hover span{color:var(--color-one);}
.dinw .wuzhji::after { content: url(../images/6628e.png); position: absolute; left: 46%;  top: 3px;}
.dinw .wuzhji.hover::after { content: url(../images/6f.png);  position: absolute;  left: 43%; top: -2px;} 
.mySwiper03 .swiper-slide .shd{ display:block}
.mySwiper03 .swiper-slide .shd a{ display:block; position:relative;}
.mySwiper03 .swiper-slide .shd a .img{ width:100%; overflow:hidden;}
.mySwiper03 .swiper-slide .shd a .img img{ width:100%;cursor:pointer; transition: all 0.5s;}
.mySwiper03 .swiper-slide .shd a .img:hover img{ transform: scale(1.1);}	
.mySwiper03 .swiper-slide .shd span{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.5); padding:1.8vw; color:var(--color-whiteblock); font-size:24px; text-align:center; box-sizing:border-box;  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;}
.mySwiper03 .swiper-slide{  transition: 300ms;  transform: scale(0.9) !important; }
.mySwiper03 .swiper-slide-active{  transform: scale(1.07) !important;}	
.swiper-button-next03{ right:35% !important;}
.swiper-button-prev03{ left:35% !important;}
.swiper-button-next03, .swiper-button-prev03{    width: 70px !important;height: 70px !important;    background: rgba(255,255,255,.6); border-radius:50%;}
.swiper-button-next03:after, .swiper-button-prev03:after{ color:var(--color-one) !important; font-size:32px !important;}*/

#thumbs {
	max-width: 900px;
	margin: 2% auto;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

	#thumbs::before {
		content: '';
		position: absolute;
		width: 670px;
		height: 1px;
		border-top: 1px dashed #adadad;
		top: 10px;
		left: 114px;
	}

	#thumbs .wuzhji {
		text-align: center;
		width: 100%;
		position: relative;
	}

		#thumbs .wuzhji a {
			display: block
		}

		#thumbs .wuzhji span {
			font-size: 24px;
			color: var(--color-three);
			padding-top: 35px;
			padding-bottom: 8px;
			display: flex;
			justify-content: center;
		}

		#thumbs .wuzhji::after {
			content: url(../images/6628e.png);
			position: absolute;
			left: 46%;
			top: 3px;
		}

	#thumbs .swiper-slide-thumb-active .wuzhji::after {
		content: url(../images/6f.png) !important;
		position: absolute;
		left: 43%;
		top: -2px;
	}


#gallery {
	position: relative;
	margin-top: 4%;
}

	#gallery .swiper-slide .shd {
		display: block;
		width: 100%;
	}

		#gallery .swiper-slide .shd a {
			display: block;
			position: relative;
		}

			#gallery .swiper-slide .shd a .img {
				width: 100%;
				overflow: hidden;
			}

				#gallery .swiper-slide .shd a .img img {
					width: 100%;
					cursor: pointer;
					transition: all 0.5s;
				}

				#gallery .swiper-slide .shd a .img:hover img {
					transform: scale(1.1);
				}

		#gallery .swiper-slide .shd span {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			background: rgba(0,0,0,0.5);
			padding: 1.8vw;
			color: var(--color-whiteblock);
			font-size: 24px;
			text-align: center;
			box-sizing: border-box;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
		}

	#gallery .swiper-slide {
		transition: 300ms;
		transform: scale(0.9) !important;
	}

	#gallery .swiper-slide-active {
		transform: scale(1.07) !important;
	}

.swiper-button-next03 {
	right: 35% !important;
}

.swiper-button-prev03 {
	left: 35% !important;
}

.swiper-button-next03, .swiper-button-prev03 {
	width: 70px !important;
	height: 70px !important;
	background: rgba(255,255,255,.6);
	border-radius: 50%;
}

	.swiper-button-next03:after, .swiper-button-prev03:after {
		color: var(--color-one) !important;
		font-size: 32px !important;
	}



.cent04 {
	padding: 4% 0;
}

	.cent04 .tile {
		margin-bottom: 4%;
	}

.cent04-l {
	width: 48%;
	float: left;
}

	.cent04-l span {
		font-size: 16px;
		color: var(--color-two);
		display: block;
		line-height: 2;
	}

.cent04-r {
	width: 48%;
	float: right;
}
	.cent04-r span {
		font-size: 16px;
		color: var(--color-two);
		display: block;
		line-height: 2;
	}
	.cent04-r .img {
		margin-top: 2%;
		display: block;
	}

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

.ljxq {
	color: var(--color-one);
	border: 1px solid var(--color-one);
	transition: all 0.6s;
	line-height: 48px;
	display: block;
	width: 180px;
	border-radius: 50px;
	text-align: center;
	font-size: 18px;
	margin: 2% auto 0;
	position: relative;
	overflow: hidden;
	z-index: 2
}

	.ljxq:hover {
		color: var(--color-whiteblock);
	}

	.ljxq::after {
		content: "";
		position: absolute;
		width: 0;
		height: 100%;
		transition: all .6s;
		z-index: 0;
		opacity: 0;
		top: 0;
		left: 0px;
		z-index: -1
	}

	.ljxq:hover::after {
		opacity: 1;
		background: linear-gradient(90deg, #0053ff, #008aff);
		width: 100%;
	}

.footer-bg {
	background: #263145
}

.footer {
	padding-top: 2%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-bottom: 0%;
}

	.footer ul {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex: 1;
		margin: 0 10%;
	}

		.footer ul li {
			margin-left: 2%;
			line-height: 30px;
		}

			.footer ul li a {
				font-size: 16px;
				color: var(--color-whiteblock);
				white-space: nowrap;
			}

.footer01 {
	width: 42%;
}

.logo01 {
	width: 100%
}

	.logo01 a img {
		max-height: 50px;
		max-width: 100%
	}

.footer01 dl {
	margin-top: 4%;
}

	.footer01 dl dd {
		line-height: 30px;
		color: #e8e8e8;
		font-size: 14px
	}

		.footer01 dl dd a {
			color: #e8e8e8;
		}

.footer02 {
	width: 120px;
	text-align: center;
	margin-left: 20px;
}

	.footer02 img {
		width: 100%;
	}

	.footer02 span {
		display: block;
		color: var(--color-four);
		line-height: 30px;
		text-align: center;
		font-size: 14px;
	}

.footer03 {
	padding: 1.5%;
}

	.footer03 span {
		font-size: 14px;
		color: var(--color-whiteblock)
	}

		.footer03 span a {
			color: var(--color-whiteblock)
		}

@media screen and (max-width:1450px) {
	.footer ul li a {
		font-size: 14px;
	}
}

.sp_header {
	display: none
}

.sjj_nav {
	display: none;
}

.top {
	display: none
}

.weizhi {
	line-height: 34px;
	display: flex;
	align-items: center;
	color: #212529;
	font-size: 14px;
	padding-top: 2%;
}

	.weizhi a {
		color: #6c757d;
		position: relative;
		padding-right: 14px;
		display: block;
	}

		.weizhi a::before {
			content: '>';
			position: absolute;
			color: #999;
			right: 1px;
		}

	.weizhi img {
		width: 17px;
		margin-right: 6px;
	}

.banner02 {
	display: block;
	width: 100%;
	position: relative
}

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

.bannner0202 {
	position: absolute;
	top: 0%;
	left: 10%;
	color: var(--color-whiteblock);
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}

	.bannner0202 h2 {
		font-size: 40px;
		display: block;
	}

	.bannner0202 span {
		font-size: 20px;
		display: block;
		margin-top: 2%;
	}

.cent05 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 2%;
	margin-bottom: 2%
}

.cent05-l {
	width: 50%;
}

	.cent05-l a {
		display: block
	}

		.cent05-l a img {
			width: 100%;
			vertical-align: bottom;
		}

.cent05-r {
	width: 44%;
}

	.cent05-r > span {
		font-size: 18px;
		color: var(--color-two);
		display: block;
		line-height: 2;
		margin-top: 3%;
	}

	.cent05-r > .ljxq {
		margin: 6% 0 0 0;
	}

.cent06 {
	padding-top: 3%;
	padding-bottom: 3%;
}

	.cent06 video {
		width: 100%;
		vertical-align: bottom;
	}

.cent07-bg {
	border-bottom: 1px solid #e2e2e2
}

.cent07 {
}

	.cent07 ul {
		display: flex;
		justify-content: center;
		align-items: center;
	}

		.cent07 ul li a {
			padding: 26px 40px;
			font-size: 16px;
			position: relative;
			transition: all .5s ease;
			display: block;
		}

			.cent07 ul li a:hover {
				color: var(--color-whiteblock);
				background: linear-gradient(90deg, #0053ff, #008aff);
			}

			.cent07 ul li a:before {
				position: absolute;
				content: "";
				width: 1px;
				height: 20px;
				background: #eee;
				right: 0;
				top: 40%;
			}


.cent08 {
	padding: 3% 0 5% 0;
	width: 1540px;
	max-width: 1540px;
	margin: 0 auto;
}

.ykwh {
	color: var(--color-whiteblock);
	text-align: center
}

	.ykwh h2 {
		font-size: 32px;
		display: block;
		font-weight: bold;
	}

	.ykwh em {
		font-style: normal;
		font-size: 16px;
		display: block;
		margin-top: 1%;
	}

	.ykwh p {
		padding: 0;
		width: 50px;
		height: 4px;
		background: var(--color-whiteblock);
		margin: 2% auto;
	}


.cent08 ul {
}

	.cent08 ul li {
		float: left;
		display: block;
		width: calc((100% - 6.5%)/4);
		margin-right: 1.5%;
		box-sizing: border-box;
		padding: 2%;
		background: rgba(0,0,0,0.6);
		border-top: 2px solid var(--color-one);
		color: var(--color-whiteblock);
		text-align: center;
		min-height: 280px;
		position: relative;
		z-index: 1
	}

		.cent08 ul li:before {
			content: " ";
			height: 0%;
			width: 100%;
			background: linear-gradient(0deg,#0053ff,#008aff);
			position: absolute;
			top: 0;
			left: 0;
			transition: all 0.6s;
			z-index: -1;
		}

		.cent08 ul li:hover:before {
			height: 100%;
		}

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

		.cent08 ul li:nth-child(2n) {
			margin-top: 6%;
		}

		.cent08 ul li .img {
			width: 56px;
			margin: 0 auto;
		}

			.cent08 ul li .img img {
				width: 100%;
			}

		.cent08 ul li h2 {
			font-size: 20px;
			display: block;
			padding-top: 5%;
			padding-bottom: 9%;
		}

		.cent08 ul li span {
			display: block;
			font-size: 14px;
			line-height: 1.5;
		}


.juli {
	margin-top: -120px;
	padding-top: 120px
}

.cent09 {
	padding: 3% 0;
}

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

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

		.cent09 ul li a {
			display: block
		}

			.cent09 ul li a .img {
				overflow: hidden;
				display: flex;
				justify-content: center;
				align-items: center;
				height: 30vh;
				overflow: hidden;
			}

				.cent09 ul li a .img img {
					max-height: 100%;
					max-width: 100%;
					vertical-align: bottom;
					transition: all 0.5s;
				}

		.cent09 ul li span {
			display: block;
			padding: 2%;
			box-sizing: border-box;
			font-size: 18px;
			color: var(--color-whiteblock);
			background: var(--color-one);
			text-align: center;
		}

		.cent09 ul li a .img:hover img {
			transform: scale(1.1);
		}

.cent10 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 4% 0;
}

.cent10-l {
	width: 50%;
}

	.cent10-l a {
		display: block
	}

		.cent10-l a img {
			width: 100%;
			vertical-align: bottom;
		}

.cent10-r {
	width: 44%;
}

	.cent10-r > span {
		font-size: 18px;
		color: var(--color-two);
		display: block;
		line-height: 2;
		margin-top: 3%;
	}

	.cent10-r > .ljxq {
		margin: 6% 0 0 0;
	}


.cpfl-bg {
	border-bottom: 1px solid #e2e2e2;
}

.cpfl {
}

	.cpfl ul {
		display: flex;
		justify-content: center;
		align-items: center;
	}

		.cpfl ul li a {
			padding: 26px 40px;
			font-size: 17px;
			position: relative;
			transition: all .5s ease;
			display: flex;
			justify-content: center;
			align-items: center;
			font-weight: bold;
		}

			.cpfl ul li a:hover {
				color: var(--color-whiteblock);
				background: linear-gradient(90deg, #0053ff, #008aff);
			}

			.cpfl ul li a:before {
				position: absolute;
				content: "";
				width: 1px;
				height: 20px;
				background: #eee;
				right: 0;
				top: 40%;
			}

			.cpfl ul li a:hover img {
				filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);
			}

			.cpfl ul li a img {
				margin-right: 10px;
			}

		.cpfl ul li.hover a {
			color: var(--color-whiteblock);
			background: linear-gradient(90deg, #0053ff, #008aff);
		}

			.cpfl ul li.hover a img {
				filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);
			}


.chp-bg {
	background: rgba(245,248,250,1)
}

.cent11 {
	padding-bottom: 4%;
}

	.cent11 ul li {
		background: var(--color-whiteblock);
		float: left;
		display: block;
		width: calc((100% - 6%)/4);
		margin-right: 1.5%;
		margin-top: 1.5%;
	}

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

		.cent11 ul li a {
			display: block
		}

			.cent11 ul li a .img {
				display: flex;
				justify-content: center;
				align-items: center;
				height: 40vh;
				overflow: hidden;
			}

				.cent11 ul li a .img img {
					max-width: 100%;
					max-height: 100%;
					vertical-align: bottom;
					cursor: pointer;
					transition: all 0.5s;
				}

			.cent11 ul li a span {
				display: block;
				border-top: 1px solid rgba(245,245,245,1);
				font-size: 18px;
				color: var(--color-three);
				text-align: center;
				line-height: 3.5;
				padding: 0% 8%;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
			}

		.cent11 ul li:hover span {
			background: linear-gradient(90deg, #0053ff, #008aff);
			color: var(--color-whiteblock);
		}

		.cent11 ul li:hover .img img {
			transform: scale(1.1);
		}



.cent12 {
	margin-top: 2%;
}

	.cent12 img {
		max-width: 100%
	}

.pro_lbox {
	float: left;
	width: 24%;
	position: sticky;
	top: 100px;
	left: 0;
	background: var(--color-whiteblock);
	padding: 3%;
	box-sizing: border-box;
}

	.pro_lbox ul li a {
		font-size: 18px;
		color: #666;
		padding-left: 40px;
		position: relative;
		display: block;
		font-weight: bold
	}

		.pro_lbox ul li a.active {
			color: var(--color-one)
		}

		.pro_lbox ul li a::before {
			content: "";
			width: 12px;
			height: 12px;
			border-radius: 50%;
			background-color: #ddd;
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			transition: 0.4s all
		}

		.pro_lbox ul li a.active::before {
			background-color: var(--color-one)
		}

		.pro_lbox ul li a::after {
			content: "";
			width: 1px;
			height: 52px;
			background-color: #ddd;
			position: absolute;
			left: 5px;
			bottom: -45px
		}

	.pro_lbox ul li + li {
		margin-top: 30px
	}

	.pro_lbox ul li:last-child a::after {
		display: none
	}

	.pro_lbox ul li {
		position: relative
	}

		.pro_lbox ul li::after {
			content: ">";
			color: #707070;
			position: absolute;
			right: 0;
			top: 0
		}

.cent12-r {
	float: right;
	display: block;
	width: 74%;
}

.xiangq {
	padding: 4%;
	box-sizing: border-box;
	width: 100%;
	background: var(--color-whiteblock);
}

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

.mySwiper04 {
	border: 1px solid #ddd;
	height: 67%;
	width: 100%;
}

	.mySwiper04 .img {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 30px;
		box-sizing: border-box;
	}

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

.mySwiper05 {
	height: 15%;
	margin-top: 15px;
}

	.mySwiper05 .img {
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		padding: 10px;
		background: #f2f2f2;
	}

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

	.mySwiper05 .swiper-slide {
		opacity: 0.6;
	}

	.mySwiper05 .swiper-slide-thumb-active {
		opacity: 1;
	}

.duotu-r {
	float: right;
	display: block;
	width: 48%;
	margin-top: 2%;
}

	.duotu-r > h2 {
		font-size: 26px;
		color: var(--color-three);
		display: block;
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 3%;
	}

	.duotu-r > span {
		display: block;
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 3%;
		color: #666666;
		font-size: 15px;
		line-height: 1.5;
		padding-top: 3%;
		min-height: 110px;
	}


.die {
	font-size: 14px;
	color: #212529;
	margin: 4% 0
}

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

	.ann a {
		display: block;
		width: 160px;
		font-size: 16px;
		line-height: 48px;
		text-align: center;
		color: var(--color-whiteblock);
		background: var(--color-two)
	}

		.ann a:hover {
			background: linear-gradient(90deg, #0053ff, #008aff);
		}

.cpzx {
	background: linear-gradient(90deg, #0053ff, #008aff) !important;
	margin-right: 10px
}


.smsp {
	margin-top: 4%;
}

	.smsp > ul {
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		border-bottom: 1px solid #eee;
	}

		.smsp > ul > li {
			display: inline-block;
			width: auto;
			min-width: 150px;
			padding: 0 5px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			border-bottom: 1px solid transparent;
			background: #f2f2f2;
			font-size: 16px;
		}

.cur {
	color: var(--color-whiteblock);
	border-bottom: 1px solid var(--primary);
	background: linear-gradient(90deg, #0053ff, #008aff) !important;
}

.tab_valli {
	display: none
}

.inside_con {
	padding: 10px 0;
	min-height: 300px;
}

	.inside_con img {
		max-width: 100%;
	}

.gjc {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	line-height: 28px;
}

	.gjc span {
		font-size: 14px;
		color: #212529
	}

	.gjc a {
		color: #6c757d;
		padding: 0 15px;
		border: 1px solid #dee2e6;
		margin-left: 15px;
		border-radius: 5px;
		line-height: 26px;
	}

.uema {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 5%;
}

	.uema span {
		display: flex;
		align-items: center;
		font-size: 14px;
		color: var(--color-fiver);
	}

		.uema span a {
			color: var(--color-fiver);
			margin: 0 10px;
		}

		.uema span em {
			font-style: normal;
		}

.xgcp {
	margin-top: 2%;
	padding: 4%;
	box-sizing: border-box;
	width: 100%;
	background: var(--color-whiteblock);
}

	.xgcp > h2 {
		font-size: 30px;
		color: var(--color-three);
	}

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

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

		.xgcp ul li a {
			display: block;
		}

			.xgcp ul li a .img {
				display: block;
				width: 100%;
				height: 25vh;
				display: flex;
				justify-content: center;
				align-items: center;
				overflow: hidden;
			}

				.xgcp ul li a .img img {
					max-width: 100%;
					max-height: 100%;
					cursor: pointer;
					transition: all 0.5s;
				}

		.xgcp ul li:hover .img img {
			transform: scale(1.1);
		}

		.xgcp ul li a span {
			font-size: 16px;
			color: #000;
			line-height: 30px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
		}

		.xgcp ul li:hover span {
			color: #007bff
		}

.gwly {
	margin-top: 2%;
	padding: 4%;
	box-sizing: border-box;
	width: 100%;
	background: var(--color-whiteblock);
}

	.gwly > h2 {
		font-size: 30px;
		color: var(--color-three);
	}

	.gwly ul {
	}

		.gwly ul li {
			margin-top: 2%;
		}

			.gwly ul li input {
				display: flex;
				align-items: center;
				margin: 0 auto;
				height: 45px;
				padding: 0 20px;
				background: #FAFAFA;
				border: 1px solid #FAFAFA;
				box-sizing: border-box;
				transition: .5s;
				width: 100%;
				border-radius: 5px;
			}

			.gwly ul li .input_text {
				display-radio: 1
			}

				.gwly ul li .input_text::-webkit-input-placeholder {
					color: #999 !important
				}

			.gwly ul li textarea {
				display: flex;
				align-items: center;
				margin: 0 auto;
				height: 100px;
				padding: 0 20px;
				background: #FAFAFA;
				border: 1px solid #FAFAFA;
				box-sizing: border-box;
				transition: .5s;
				margin-bottom: 13px;
				width: 100%;
				border-radius: 5px;
			}

			.gwly ul li .input_text:focus {
				color: #495057;
				background-color: var(--color-whiteblock);
				border-color: #80bdff;
				outline: 0;
				box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
			}

			.gwly ul li textarea:focus {
				color: #495057;
				background-color: var(--color-whiteblock);
				border-color: #80bdff;
				outline: 0;
				box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
			}

	.gwly .input_button {
		display: block;
		text-align: center;
		width: 100%;
		height: 44px;
		line-height: 44px;
		background: linear-gradient(90deg,#0053ff,#008aff);
		color: var(--color-whiteblock);
	}

	.gwly em {
		display: block;
		font-size: 14px;
		color: #888888;
		font-style: normal;
		text-align: center;
		line-height: 30px;
	}

.cent13 {
	background: var(--color-whiteblock);
	padding: 1% 3% 3% 3%;
	box-sizing: border-box;
	margin-bottom: 4%
}

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

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

		.cent13 ul li a {
			display: block
		}

			.cent13 ul li a .img {
				position: relative;
				width: 100%;
				height: 30vh;
				overflow: hidden;
			}

				.cent13 ul li a .img img {
					height: 100%;
					width: 100%;
					object-fit: cover;
					cursor: pointer;
					transition: all 0.5s;
				}

				.cent13 ul li a .img:before {
					content: "+";
					display: flex;
					width: 60px;
					height: 60px;
					border: 2px var(--color-whiteblock) solid;
					border-radius: 50%;
					color: var(--color-whiteblock);
					font-size: 2rem;
					justify-content: center;
					position: absolute;
					left: 50%;
					top: 0;
					transform: translate(-50%,-50%);
					z-index: 3;
					transition: all 0.5s;
					opacity: 0
				}

		.cent13 ul li .img:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			background: #000;
			display: none;
		}

		.cent13 ul li:hover .img:before {
			top: 50%;
			opacity: 1;
		}

		.cent13 ul li:hover .img:after {
			display: block;
			opacity: 0.6;
		}

		.cent13 ul li:hover .img img {
			transform: scale(1.1);
		}

		.cent13 ul li:before {
			content: "";
			display: block;
			width: 100%;
			height: 3px;
			background: rgb(227 227 227);
			position: absolute;
			left: 0;
			bottom: 0;
			z-index: 1;
			transition: all 0.5s;
		}

		.cent13 ul li:after {
			content: "";
			display: block;
			width: 0;
			height: 3px;
			background: linear-gradient(90deg, #0053ff, #008aff);
			position: absolute;
			left: 0;
			bottom: 0;
			z-index: 2;
			transition: all 0.5s;
		}

		.cent13 ul li:hover:after {
			width: 100%;
		}

		.cent13 ul li .cent13-l {
			display: block;
			margin-top: 5%;
			padding-bottom: 5%;
		}

			.cent13 ul li .cent13-l span {
				display: block;
				font-size: 18px;
				margin-bottom: 2%;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
			}

			.cent13 ul li .cent13-l em {
				font-style: normal;
				font-size: 15px;
				color: #999;
			}

		.cent13 ul li:hover .cent13-l span {
			color: #007aff
		}



.cent14 {
	background: var(--color-whiteblock);
	padding: 3.5% 4% 0 4%;
	box-sizing: border-box
}

.cent14-l {
	float: left;
	display: block;
	width: 70%;
	box-sizing: border-box;
	padding: 5%;
	border: 1px solid #eeeeee;
}

.tiet {
}

	.tiet > h2 {
		display: block;
		font-size: 24px;
		color: var(--color-two);
		border-bottom: 1px solid #f2f2f2;
		padding-bottom: 20px;
	}

.fnse {
	border-bottom: 1px solid #f2f2f2;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2% 0;
}

	.fnse span {
		font-size: 14px;
		color: #999;
		width: 36%;
	}

.weixer {
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 136px;
	display: none;
}

.weixer03 {
	background: #2BAD13;
	box-shadow: 1px 1px 4px #888;
	padding: 8px 8px 4px;
	border-radius: 4px;
}

	.weixer03 img {
		width: 100%
	}

	.weixer03 span {
		color: #000;
		font-size: 12px;
		padding: 4px 0;
		text-align: center;
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

.weixer02 {
	position: relative;
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 12px;
	border-color: transparent;
	border-bottom: none;
	border-top-color: #2BAD13;
}

.fbu {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex: 1;
}

	.fbu a {
		position: relative;
		width: 30px;
		margin: 0 5px;
	}

		.fbu a img {
			width: 100%;
		}

.cent14-r {
	float: right;
	display: block;
	width: 28%;
	box-sizing: border-box;
	padding: 0 2%;
}

	.cent14-r ul {
	}

		.cent14-r ul li {
			margin-top: 7%;
			border-bottom: 1px solid rgba(0,0,0,.1)
		}

			.cent14-r ul li a {
				display: block
			}

				.cent14-r ul li a img {
					display: block;
					width: 100%;
					vertical-align: bottom;
				}

				.cent14-r ul li a h2 {
					font-weight: normal;
					font-size: 18px;
					color: var(--color-three);
					display: block;
					margin: 6% 0 10%;
				}

.news {
	padding: 2% 0;
}

	.news ul li {
		background: var(--color-whiteblock);
		margin-top: 2%;
		margin-bottom: 2%
	}

		.news ul li:hover {
			box-shadow: 0 23px 90px -5px rgb(29 56 72 / 17%);
		}

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

			.news ul li a .img {
				flex: 0 0 28%;
				margin-top: 0px;
				padding-top: 0px;
				padding-bottom: 0px;
				margin-bottom: 0px;
				overflow: hidden;
			}

				.news ul li a .img img {
					width: 100%;
					vertical-align: bottom;
					cursor: pointer;
					transition: all 0.5s;
				}

		.news ul li:hover a .img img {
			transform: scale(1.1);
		}

.cews01 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding-top: 5%;
	padding-left: 5%;
	padding-bottom: 5%;
	padding-right: 5%;
	justify-content: space-between;
}

.news-c {
	padding-left: 20px;
	padding-right: 20px;
	flex: 0 0 72%;
}

	.news-c h2 {
		font-size: 24px;
		color: var(--color-three);
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.news-c span {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		font-size: 15px;
		color: #707070;
		margin-top: 5%;
	}

.news-r {
	flex: 0 0 auto;
	text-align: center;
	color: #666666
}

	.news-r h1 {
		font-size: 58px;
	}

	.news-r span {
		display: block;
		font-size: 16px;
		font-weight: bold;
	}

.news ul li:hover .news-r {
	color: var(--color-one)
}

.news ul li:hover .news-c h2 {
	color: var(--color-one)
}

.cent15 {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	position: relative;
	padding-bottom: 5%;
	margin-top: -5%;
}

.cent15-l {
	width: 48%;
}

	.cent15-l h2 {
		display: block;
		font-size: 27px;
		position: relative;
		font-weight: normal;
		padding-bottom: 2%;
	}

		.cent15-l h2:after {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 50px;
			height: 1px;
			background: #666;
		}

	.cent15-l ul {
		margin-top: 5%
	}

		.cent15-l ul li {
			display: flex;
			align-items: center;
			line-height: 30px;
			font-size: 16px;
			color: #666;
			margin-bottom: 2%;
		}

.cent15-r {
	width: 50%;
	box-shadow: 0px 0px 15px #ccc;
	box-sizing: border-box;
	padding: 2%;
	background: var(--color-whiteblock);
}

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


.cent16-bg {
	background: url(../images/fc207d.png);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5%;
	padding-bottom: 4%;
}

.teid {
	text-align: center;
}

	.teid h2 {
		font-size: 36px;
		color: var(--color-three);
		display: block;
	}

	.teid p {
		display: block;
		padding: 0;
		width: 50px;
		height: 4px;
		background: var(--color-one);
		margin: 2% auto 0;
	}

.cent16 ul {
	margin-top: 3%
}

	.cent16 ul li {
		float: left;
		display: block;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 1%;
	}

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

		.cent16 ul li .input_text {
			width: 100%;
			height: 48px;
			line-height: 48px;
			box-sizing: border-box;
			padding: 0 10px;
			background-color: var(--color-whiteblock);
			border: 1px solid #eee;
			outline: none;
		}

			.cent16 ul li .input_text:-webkit-input-placeholder {
				color: #ccc;
			}

		.cent16 ul li .text {
			width: 100%;
			height: 77px;
			line-height: 1.5;
			box-sizing: border-box;
			padding: 0 10px;
			background-color: var(--color-whiteblock);
			border: 1px solid #eee;
			outline: none;
		}

			.cent16 ul li .text:-webkit-input-placeholder {
				color: #ccc;
			}

.cent16 > a {
	width: 200px;
	padding: 14px 8px;
	display: block;
	box-sizing: border-box;
	background: var(--color-two);
	border-radius: 50px;
	font-size: 16px;
	text-align: center;
	color: var(--color-whiteblock);
	font-weight: bold;
	margin: 2% auto 0;
}

	.cent16 > a:hover {
		background: linear-gradient(90deg, #0053ff, #008aff);
	}

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


	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
	.sp_header {
		height: 60px;
		background: var(--color-whiteblock);
		position: fixed;
		z-index: 10;
		width: 100%;
		display: block;
	}

	.sp_logo {
		padding: 15px;
		float: left;
		height: 60px;
		box-sizing: border-box;
	}

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

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

		.sp_nav span {
			display: block;
			background: #2f93f7;
			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: 999;
		background: var(--color-whiteblock);
		width: 100%;
		height: calc(100% - 63px);
		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: 60px
	}

	.sjj_nav ul li i {
		position: absolute;
		top: 12px;
		right: 0px; /* border-left:1px #ddd solid; */
		height: 40px;
		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 {
		position: relative;
		line-height: 1;
		font-size: 14px;
		border-top: 1px solid #eee;
		padding: 15px 20px;
	}

	.sjj_nav > ul > li > ul {
		margin-top: 15px;
	}

		.sjj_nav > ul > li > ul > li {
			display: flex;
			align-items: center;
		}

			.sjj_nav > ul > li > ul > li .img {
				margin-right: 10px
			}

				.sjj_nav > ul > li > ul > li .img img {
					max-width: 23px;
				}

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

	.sjj_nav ul li ul {
		display: none
	}

	.sjj_nav ul li a {
		color: var(--color-three);
		width: 80%
	}

	.sjj_nav ul li ul li a {
		color: var(--color-three);
		display: block;
		text-align: left;
		font-size: 14px;
	}

	.sjj_nav ul li i svg {
		width: 30px;
		height: 30px;
		fill: var(--color-fiver);
	}

	.sjj_nav ul li .sjj_nav_i_se svg {
		fill: #2f93f7
	}

	.sjj_nav ul li ul li > ul {
		margin-left: 10px
	}

	.yuyan {
		float: right;
		height: 60px;
		margin-right: 15px;
	}

	.ane a {
		color: var(--color-three);
	}

	.suoe {
		height: 100px;
	}

	.yuyan01 a img {
		margin-right: 0
	}
	/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
	.top {
		display: block;
		height: 60px;
	}

	.header-bg {
		display: none;
	}

	.wapper {
		width: 90%;
	}

	.wapper1 {
		width: 90%;
	}

	.wapper2 {
		width: 90%;
	}

	.wapper3 {
		width: 90%;
	}

	.wapper4 {
		width: 90%;
	}

	.tlet a {
		font-size: 26px;
	}

	.cent01 {
		flex-wrap: wrap;
		padding: 10% 0
	}

	.cent01-l {
		width: 100%;
	}

	.cent01-r {
		width: 100%;
		margin-top: 5%;
	}

		.cent01-r > span {
			font-size: 16px;
			line-height: 2;
		}

	.shuzi ul li .mun_top h2 {
		font-size: 30px;
	}

	.shuzi ul li p {
		font-size: 13px;
	}

	.ljxq {
		width: 138px;
		height: 38px;
		line-height: 38px;
		font-size: 14px;
		margin-top: 10%;
	}

	.tile a {
		font-size: 26px
	}

	.cent02 {
		padding: 10% 0;
	}


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

	#thumbs {
		width: 100%;
	}

		#thumbs::before {
			width: 80%;
			left: 10%
		}

		#thumbs .wuzhji span {
			font-size: 15px
		}

		#thumbs .swiper-slide-thumb-active .wuzhji::after {
			width: 33%
		}

	#gallery .swiper-slide .shd span {
		font-size: 16px;
		line-height: 34px;
		height: 34px;
		padding: 0
	}

	.swiper-button-next03, .swiper-button-prev03 {
		display: none !important;
	}


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

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


	.footer ul {
		display: none;
	}

	.footer {
		flex-wrap: wrap;
		padding-top: 5%;
	}

	.logo01 {
		text-align: center;
	}

		.logo01 a img {
			display: block;
			margin: 0 auto;
		}

	.footer02 {
		margin: 5% auto 0;
	}

	.footer03 {
		padding: 5% 0
	}

	.bannner0202 {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		align-items: center;
	}

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

		.bannner0202 span {
			display: none
		}

	.juli {
		margin-top: -60px;
		padding-top: 60px
	}

	.cent08 {
		width: 90%;
	}

		.cent08 ul {
			text-align: center;
		}

			.cent08 ul li {
				float: none;
				width: calc((100% - 6.5%) / 3);
				margin-top: 5%;
				display: inline-block;
				min-height: 215px;
			}

				.cent08 ul li:nth-child(2n) {
					margin-top: 5%;
				}

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

				.cent08 ul li span {
					font-size: 12px
				}

	.cent05 {
		flex-wrap: wrap;
	}

	.cent05-l {
		width: 100%
	}

	.cent05-r {
		width: 100%;
		margin-top: 5%;
	}

	.cent07 ul {
		overflow-y: scroll;
	}

		.cent07 ul li a {
			font-size: 14px;
			padding: 15px 15px;
		}

	.cent08 {
		padding: 10% 0;
	}

	.ykwh h2 {
		font-size: 20px;
	}

	.ykwh em {
		font-size: 14px
	}


	.cent10 {
		flex-wrap: wrap;
		padding: 10% 0;
	}

	.cent10-l {
		width: 100%
	}

	.cent10-r {
		width: 100%;
		margin-top: 5%;
	}


	.cpfl ul {
		overflow-y: scroll;
	}

		.cpfl ul li a {
			padding: 15px 15px;
			font-size: 14px;
			white-space: nowrap;
		}

			.cpfl ul li a img {
				display: none;
			}

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

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

		.cent11 ul li a .img {
			height: 20VH;
		}

	.cent11 {
		padding: 10% 0;
	}

	.pro_lbox {
		float: none;
		width: 100%;
		top: 60px;
	}

	.cent12-r {
		float: none;
		width: 100%;
		margin-top: 5%;
	}

	.duotu-l {
		float: none;
		width: 100%;
	}

	.duotu-r {
		float: none;
		width: 100%;
		margin-top: 5%;
	}

	.uema {
		display: none
	}

	.xgcp > h2 {
		font-size: 22px;
	}

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

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

		.xgcp ul li a .img {
			height: 20vh;
		}


	.gwly > h2 {
		font-size: 22px;
	}

	.gwly em {
		line-height: 1;
		padding: 5%;
	}

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

	.cent14-l {
		width: 100%;
		float: none;
	}

	.cent14-r {
		width: 100%;
		float: none;
		margin-top: 5%;
	}

	.tiet > h2 {
		font-size: 18px;
		padding-bottom: 16px;
	}

	.fnse {
		display: block;
	}

		.fnse span {
			display: block;
			width: 100%;
			line-height: 2;
		}

	.fbu {
		justify-content: left;
		flex-wrap: wrap;
	}


	.news ul li a {
		display: block;
	}

	.cews01 {
		padding-top: 20px;
		padding-left: 10px;
		padding-bottom: 20px;
		padding-right: 10px;
	}

	.news-c {
		padding-left: 0px;
		padding-right: 0px;
	}

		.news-c h2 {
			font-size: 16px;
		}

		.news-c span {
			font-size: 15px
		}

	.news-r h1 {
		font-size: 40px
	}

	.news-r span {
		font-size: 14px;
	}

	.news ul li {
		margin: 5% auto;
	}

	.cent15 {
		flex-wrap: wrap;
		margin-top: 0;
		padding: 10% 0;
	}

	.cent15-l {
		width: 100%
	}

	.cent15-r {
		width: 100%;
		margin-top: 5%;
	}

	.cent16-bg {
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.teid h2 {
		font-size: 26px;
	}

	.cent16 ul li {
		float: none;
		display: block;
		width: 100%;
		margin-bottom: 5%;
	}

	.cent16 > a {
		width: 130px;
	}
}