body {
	font-size: 16px;
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Fira Sans', Arial, -apple-system, sans-serif;
}

body {
	font-family: 'PingFang SC', 'Microsoft YaHei', aril;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
}

:root {
	--color: #2f318b;
	--color2: #595757;
	--border35: 35px;
	--border30: 30px;
	--border25: 25px;
	--border20: 20px;
	--border15: 15px;
	--border10: 10px;
	--b400: 400;
	--b500: 500;
	--b600: 600;
	--b700: 700;
	--fs16: 16px;
	--fs18: 18px;
	--fs20: 20px;
	--fs22: 22px;
	--fs24: 24px;
	--fs26: 26px;
	--fs28: 28px;
	--fs30: 30px;
	--fs36: 36px;
	--fs40: 40px;
	--fs48: 48px;
	--fs65: 65px;
	--mt45p: 45px;
	--w85: 85%;
	--boxshadow: 0 5px 20px rgba(216, 231, 255, 0.8);
	--line-bg1: linear-gradient(-180deg, rgba(215, 230, 255, 1) 0%, rgba(243, 248, 255, 1) 40%, rgba(255, 255, 255, 1) 100%);
}

.main_mt40 {
	margin-top: 40px;
}

.appear-animation {
	opacity: 0;
}

@-webkit-keyframes fadeInUpShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(0, 50px);
		transform: translate(0, 50px);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUpShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(0, 50px);
		transform: translate(0, 50px);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUpShorter {
	-webkit-animation-name: fadeInUpShorter;
	animation-name: fadeInUpShorter;
}

@-webkit-keyframes fadeInDownShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDownShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDownShorter {
	-webkit-animation-name: fadeInDownShorter;
	animation-name: fadeInDownShorter;
}

.swiper-slide-active .appear-animation {
	animation: fadeInUpShorter 0.8s normal forwards;
}

.swiper-slide-active .scale {
	transform: scale(1);
}

.scale {
	transform: scale(1.06);
	transition: all 3s ease;
}

.ani1 {
	animation-delay: 0.3s !important;
}

.ani2 {
	animation-delay: 0.5s !important;
}

.ani3 {
	animation-delay: 0.7s !important;
}

.publi1 {
	overflow: hidden;
	border-radius: 10px;

}

.publi1 img {
	width: 100%;
	border-radius: 10px;
	transition: all 0.3s ease;
}

.sh3banerbtn {
	color: #35a8db;
	position: absolute;
	font-size: 25px;
	font-weight: bold;
	bottom: 20px;
	z-index: 5;
	transition: all 0.3s ease;
}

.swiperprev {
	left: 80px;
}

.swipernext {
	left: 130px;
}

.sh3banerbtn.swiper-button-disabled {
	color: #fff;
}

.sh3baner {
	position: relative;
	overflow: hidden;
	height: 100%;
}

.sh3banerimg {
	position: absolute;
	width: 110%;
	height: 100%;
	left: -10%;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.sh3banerwz {
	position: absolute;
	width: 1200px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	text-align: left;
}

.sh3banerh5 {
	font-size: 45px;
	line-height: 1.6;
	margin-top: 10px;
	font-weight: bold;
	font-weight: 600;
	letter-spacing: 2px;
	color: #fff;
}

.sh3banerh5 span {
	font-size: 75px;
}

.sh3banermore {
	display: inline-block;
	margin-top: 55px;
}

.sh3banerideo {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.sh3banerp1 {
	color: #fefefe;
	font-size: var(--fs22);
}

.sh3banerp0 {
	color: #fff;
	font-size: var(--fs22);
}

.sh3banerp1 span {
	opacity: 0.4;
}

.sh3banerp4,
.sh3banerp5 {
	color: #fff;
	font-size: var(--fs20);
}

.sh3banerp4 {
	margin-top: 45px;
}

.sh3banerp5 {
	margin-top: 25px;
}

.sh3banerp5 b {
	font-size: 35px;
	font-weight: normal;
	padding-right: 5px;
}

.sh3banerimg {
	transition: all 4s ease;
	transform: scale(1.1);
}

.swiper-slide-active .sh3banerimg {
	transform: scale(1);
	left: 0;
}


.xxhead {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	border-bottom: 1px solid rgb(255, 255, 255, 0.3);
}

.xxheadm {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 60px;
	height: 82px;
}

.xxheadm_ul1 {
	width: auto;
}

.xxheadm_ul2 {
	width: 55%;
	display: flex;
	justify-content: center;
}

.xxheadm_ul3 {
	width: 22%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	justify-content: flex-end;
}

.xxheadm_ul3 .inlauge {
	margin-left: 10px;
}

.xxheadm_li1 i {
	font-size: var(--fs22);
	margin-right: 20px;
}

.xxhead.nos .xxheadm_li1 i {
	color: #000;
}

.xxhead .xxheadm_li1 i {
	color: #fff;
}

.xxlogo img {
	height: 50px;
}

.xxlogo1 {
	opacity: 0;
	visibility: hidden;
}

/**/
.xxnav li:hover .nav_main {
	opacity: 1;
	visibility: visible;
}

.nav_main {
	width: 100%;
	position: absolute;
	top: 83px;
	left: 0;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	box-shadow: 0px 1px 18.86px 0.14px rgb(75 75 75 / 10%);
}

.nav_top {
	width: 100%;
	padding: 90px 0;
	display: flex;
	/* align-items: center; */
	justify-content: space-between;
	position: relative;
}

.nav_top2 {
	justify-content: flex-end;
	right: 335px;
}

.nav_top2 .nav_a1 {
	text-align: center;
}

.nav_top2 .nav_ul1 {
	width: 14%;
}

.nav_ul1 {
	width: 22%;
	margin-left: 55px;
}

.nav_p1 {
	font-size: var(--fs18);
	font-weight: bold;
	color: #000;
	padding-left: 30px;
	margin-top: 30px;
}

.nav_p2 {
	color: rgb(0, 0, 0, 0.7);
	font-size: 16px;
	padding-left: 30px;
	margin-top: 10px;
	padding: 5px 30px;
}

.nav_a1 {
	display: inline-block;
	width: 100%;
}

.nav_p2.on {
	box-shadow: 0px 1px 18.86px 4.14px rgba(75, 75, 75, 0.1);
	border-radius: 19.5px;
}

.nav_p2:hover {
	box-shadow: 0px 1px 18.86px 4.14px rgba(75, 75, 75, 0.1);
	border-radius: 19.5px;
}

.nav_p3 {
	color: rgb(0, 0, 0, 0.7);
	font-size: 16px;
}

.nav_p4 {
	color: #333;
	font-size: var(--fs40);
	line-height: 1.2;
	font-weight: bold;
}


.nav_ul2 {
	width: 50%;
}

.nav_ul2 p {
	margin-top: 10px;
}

.nav_ul2 .nav_p5 {
	margin-top: 40px;
}

.nav_ul2 p:first-child {
	margin-top: 0;
}

.nav_ul3 {
	width: 50%;
}

.nav_ul3 img {
	width: 100%;
	border-radius: 8px;
}

.nav_ul2 p:hover a {
	color: var(--color);
}

.nav_all {
	display: none;
	position: absolute;
	top: 50%;
	left: 62%;
	width: 70%;
	transform: translate(-50%, -50%);
}

.nav_all2 {
	top: 55%;
	left: 80%;
}

.nav_item {
	display: flex;
	/* justify-content: space-between; */
}

.nav_tit {
	width: 33%;
	text-align: center;
}

.nav_about {
	width: 50%;
	text-align: center;
}

.nav_about img {
	width: 100%;
}

.nav_tit img {
	width: 60%;
}


/* .nav_p2:hover .nav_all {
	display: block;
} */

.nav_p2.on .nav_all {
	display: block;
}

/**/


.inheadsearch span {
	font-size: 14px;
}

.inheadsearch i {
	font-size: var(--fs20);

}

.make_a1 {
	display: inline-block;
	width: 113px;
	height: 36px;
	line-height: 31px;
	border-radius: 10px;
	border: 1px solid #000;
	text-align: center;
	font-size: 14px;
}

.make_a2 {
	margin-left: 10px;
}



.inlauge {
	display: flex;
	align-items: center;
	position: relative;
}

.inlauge img {
	height: 20px;
}

.inlauge:hover {
	cursor: pointer;
}

.inlauge:hover .inlauge_xl {
	opacity: 1;
	visibility: visible;
}

.inlauge_xl {
	position: absolute;
	top: 40px;
	left: 0;
	display: flex;
	flex-direction: column;
	background: #fff;
	width: 100px;
	text-align: center;
	box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 10%);
	transition: all 0.3s ease;
	opacity: 0;
	visibility: hidden;
}

.inlauge_xl a {
	color: #000;
	font-size: 14px;
	padding: 5px 0;
}

.inlauge_xl a:hover {
	background: #f6f6f6;
}


.xxnav li {
	margin: 0 30px;
}

.xxnava {
	color: #fff;
}


.xxnava {
	transition: all 0.3s ease;
}

.xxnava {
	display: block;
	vertical-align: top;
	position: relative;
}

.xxnava:before,
.xxnava:after {
	content: '';
	position: absolute;
	bottom: 0;
}

.xxnava:before,
.xxnava:after {
	height: 2px;
	width: 0;
	/* background: #002caf; */
}

.xxnava:before {
	right: 50%;
}

.xxnava:after {
	left: 50%;
}

.xxnav li.on .xxnava:after,
.xxnav li.on .xxnava:before,
.xxnav li:hover .xxnava:after,
.xxnav li:hover .xxnava:before {
	width: 25%;
}

.xxnava:before,
.xxnava:after {
	transition: all 0.3s ease;
}

.xxnav li.on .xxnava {
	/* color: #002caf */
}

.xxhead.nos .icon_2 {
	display: none;
}

.xxhead.nos .icon_1 {
	display: block;
}

.xxhead .icon_2 {
	display: block;
}

.xxhead .icon_1 {
	display: none;
}

.inheadsearch,
.xxnava,
.inlauge {
	color: #fff;
}

.xxhead.fixed {
	background: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
}

.xxhead.fixed .xxlogo1 {
	opacity: 1;
	visibility: visible;
}

.xxhead.fixed .xxlogo2 {
	opacity: 0;
	visibility: hidden;
}

.xxhead.fixed .inlauge:before {
	opacity: 0;
	visibility: hidden;
}

.xxhead.fixed .inlauge:after {
	opacity: 1;
	visibility: visible;
}

.xxhead.fixed .xxnava {
	color: #222;
}

.xxhead.fixed .inheadsearch,
.xxhead.fixed .inlauge {
	color: #222;
}

/* .nos{
	transition: all 0.3s ease;
} */

.xxmenu.on {
	/* background: transparent; */
}

.xxhead.nos .xxlogo1 {
	display: block;
	opacity: 1;
}

.xxmenu .mlogo1 {
	display: block;
}

.xxmenu .mlogo2 {
	display: none;
}

.xxmenu.on .mlogo1 {
	display: block;
}

.xxmenu.on .mlogo2 {
	display: none;
}

.xxmenu.on .li3 span {
	/* background: #fff; */
}

.xxmenu.on .make_a1 {
	color: #fff;
	border: 1px solid #fff;
}

.xxhead.nos .icon_1 {
	display: block;
}

.xxhead .xxlogo1 {
	display: none;
}

.xxhead .icon_1 {
	display: none;
}

.xxhead .icon_2 {
	display: block;
}

.xxhead:hover .xxlogo1 {
	display: block;
}

.xxhead:hover .xxlogo2 {
	display: none;
}

.xxhead:hover .icon_1 {
	display: block;
}

.xxhead:hover .icon_2 {
	display: none;
}

.xxhead.nos {
	background: #fff;
	/* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07); */
	border-bottom: 1px solid rgb(0, 0, 0, 0.2);
}

.xxhead.nos .xxlogo1 {
	opacity: 1;
	visibility: visible;
}

.xxhead.nos .xxlogo2 {
	/* opacity: 0; */
	display: none;
}

.xxhead.nos .inlauge:before {
	opacity: 0;
}

.xxhead.nos .inlauge:after {
	opacity: 1;
}

.xxhead.nos .xxnava {
	color: #222;
}

.xxhead.nos .xxnava:hover {
	color: #000;
}

.xxhead.nos .inheadsearch,
.xxhead.nos .inlauge {
	color: #222;
}

.xxhead .make_a1 {
	color: #fff;
	border: 1px solid #fff;
}

.xxhead.nos .make_a1 {
	color: #000;
	border: 1px solid #000;
}

.xxhead:hover {
	background: #fff;
}

.xxhead:hover .xxnava {
	color: #000;
}

.xxhead:hover .make_a1 {
	color: #000;
	border: 1px solid #000;

}

.xxhead:hover .inlauge {
	color: #000;
}

.xxhead:hover .inlauge:after {
	opacity: 1;
}

.xxhead:hover .xxlogo1 {
	opacity: 1;
	visibility: visible;
}

.xxhead:hover .xxlogo2 {
	opacity: 0;
	visibility: hidden;
}

.xxhead:hover .icon_1 {
	display: block;
}

.xxhead:hover .icon_2 {
	display: none;
}

.videos {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}

.xxbaner {
	height: calc(100vh - 82px);
	min-height: 550px;
	margin-top: 82px;
}

.xxbaner .swiper-slide {
	overflow: hidden;
}

.hh5banerimg,
.hh5banerimgm {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.hh5banerimgm {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.xxbanerwz {
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
}

.xxbanerwz1 {
	text-align: center;
}

.xxbanerwz2 {
	top: 60%;
}

.xxbanerp1 {
	font-size: 50px;
	color: #fff;
}

.xxbanerp2 {
	color: #fff;
	font-size: var(--fs24);
	margin-top: 25px;
	font-weight: bold;
}

.xxbanerp3 {
	margin-bottom: 25px;
	font-size: var(--fs20);
	color: #fff;
	text-align: right;
}

.xxbanerp4 {
	margin-bottom: 25px;
}

.xxbaneran {
	bottom: 50px;
	z-index: 7;
	transform: translateX(-50%);
}

.xxbanerbtn {
	cursor: pointer;
	text-align: left;
	margin-right: 10px;
}

.xxbanerbtn {
	display: inline-block;
	border: 1px solid #fff;
	text-align: center;
	border-radius: 50%;
}

.xxbanerbtn {
	width: 55px;
	height: 55px;
	line-height: 53px;
}

.xxbanerbtn i {
	color: #fff;
	font-size: 16px;
}

.xxbanerbtn:hover {
	background: #fff;
}

.xxbanerbtn:hover i {
	color: #002caf;
}

.xxbanerbtn,
.xxbanerbtn i {
	transition: all 0.3s ease;
}

.xxbanerpmores {
	margin-top: 60px;
}

.shu {
	width: 1px;
	height: 150px;
	position: absolute;
	bottom: 0;
	right: 60px;
	background: #002caf;
	z-index: 5;
}

.shu:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	left: -5px;
	top: 0;
	z-index: 2;
	background: #fff;
	border-radius: 5px;
	-webkit-animation: home_banner_shu 2s ease infinite;
	animation: home_banner_shu 2s ease infinite;
}

@-webkit-keyframes home_banner_shu {
	0% {
		transform: translateY(0) scale(1);
		opacity: 0;
	}

	30% {
		opacity: 1;
	}

	60% {
		opacity: 1;
	}

	to {
		transform: translateY(120px) scale(0.5);
		opacity: 0;
	}
}

@keyframes home_banner_shu {
	0% {
		transform: translateY(0) scale(1);
		opacity: 0;
	}

	30% {
		opacity: 1;
	}

	60% {
		opacity: 1;
	}

	to {
		transform: translateY(120px) scale(0.5);
		opacity: 0;
	}
}

.xxbaneran,
.xxbanerwz {
	width: 80%;
	min-width: 1200px;
	position: absolute;
	left: 50%;
}

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

.xxhomeaam {
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	box-shadow: 3px 3px 16px #e9e8e8;
}

.xxhomea {
	/* background: #f3f6fb; */
	width: 100%;
}



.xxhomeaicon {
	left: 35px;
}

.xxhomeaicon {
	position: absolute;
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #f8f8f8;
}

.xxhomeaicon img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.xxhomeaicon img {
	max-width: 60%;
	max-height: 60%;
}

.xxhomeaicon {
	top: -35px;
	z-index: 3;
}

.xxhomeap1 {
	margin-top: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d1d1d1;
}

.xxhomeap1 {
	position: relative;
}

.xxhomeap1:before {
	position: absolute;
	left: 0;
	bottom: -1px;
	height: 1px;
	content: '';
}

.xxhomeap1:before {
	background: #135192;
	width: 0;
}


.xxhomeb {
	/* background: #f3f6fb; */
	position: relative;
}

.xxhomebsub {
	padding-bottom: 0;
	text-align: center;
	margin-top: 25px;
}

.xxhomebsub a {
	display: inline-block;
}

.xxhomebsub a {
	background-color: #fff;
	width: 160px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}

.xxhomebsub a {
	border-radius: 10px;
	transition: all 0.3s ease;
}

.xxhomebsub a:hover {
	background: #000;
	color: #fff;
}

.xxhomecslider {
	height: 470px;
	border-radius: 10px;
}

.xxhomecwz {
	position: absolute;
	width: 100%;
	left: 0;
	text-align: center;
}

.xxhomecwz {
	color: #fff;
	top: 50%;
	transform: translateY(-50%);
}

.xxhomecp1 {
	color: #fff;
}

.xxhomecp11 {
	font-size: 14px;
	opacity: 0.7;
}

.xxhomecp2 {
	font-size: 30px;
	font-weight: bold;
	margin-top: 5px;
}

.xxhomecp3 {
	font-size: var(--fs20);
	color: #fff;
	margin-top: 10px;
}

.xxhomecwapm img {
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
}

.xxhomecpmore {
	margin-top: 40px;
}

.xxhomecprev,
.xxhomecnext {
	z-index: 3;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.xxhomecprev {
	left: 80px;
}

.xxhomecnext {
	right: 80px;
}

.xxhomecprev,
.xxhomecnext {
	opacity: 0;
}

.xxhomecslider:hover .xxbanerbtn {
	opacity: 1;
}

.xxhomecslider:hover .xxhomecprev {
	left: 50px;
}

.xxhomecslider:hover .xxhomecnext {
	right: 50px;
}

.playlist_vd {
	width: 100%;
	height: 670px;
	position: relative;
	z-index: 10;
	overflow: hidden;
}

.playlist_vd:before {
	content: '';
	position: absolute;
	top: -55px;
	left: 0;
	right: 0;
	width: 100%;
	height: 110px;
	background-color: #ffffff;
	border-radius: 50%;
}

.playlist_vd:after {
	content: '';
	position: absolute;
	bottom: -55px;
	left: 0;
	right: 0;
	width: 100%;
	height: 110px;
	background-color: #ffffff;
	border-radius: 50%;
}

.playlist_vd:before,
.playlist_vd:after {
	z-index: 3;
}

.playlist_item {
	width: 100%;
	height: 100%;
}

.playlist_item video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.playlist_wz {
	width: 100%;
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.playlist_wz:hover img {
	cursor: pointer;
}

.playlist_wz {
	z-index: 3;
	text-align: center;
}

.playlist_h5 {
	color: #fff;
	font-size: 30px;
}

.playlist_more {
	margin-top: 35px;
}

.xxhomeel {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.xxhomeelul {
	width: 32%;
}

.xxhomeelimg {
	overflow: hidden;
	border-radius: 4px;
}

.xxhomeelimg img {
	width: 100%;
	vertical-align: top;
}

.xxhomeelp1 {
	font-size: 12px;
	color: #999;
}

.xxhomeelp3 {
	font-size: 14px;
	color: #666;
	margin-top: 6px;
}

.xxhomeelp4 {
	margin-top: 18px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}

.xxhomeelp4 {
	position: relative;
}

.xxhomeeldesc {
	padding: 20px;
}

.xxhomeelp4:before {
	position: absolute;
	left: 0;
	bottom: -1px;
	height: 1px;
	content: '';
}

.xxhomeelp4:before {
	background: #002caf;
	width: 0;
}

.xxhomeelul,
.xxhomeelimg img {
	transition: all 0.3s ease;
}

.xxhomeelp4:before {
	transition: all 0.5s ease;
}

/* .xxhomeelul:hover{ box-shadow: 0 10px 25px rgba(0,0,0,0.08);} */
.xxhomeelul:hover .xxhomeelimg img {
	transform: scale(1.02);
}

.xxhomeelul:hover .xxhomeelp4:before {
	width: 100%;
}

.lcright {
	width: 75px;
	/* padding: 0px 15px; */
	position: fixed;
	right: 0;
	z-index: 666;
	bottom: 10%;
	text-align: center;
	font-size: 12px;
	/* border-top-left-radius: 80px;
	border-bottom-left-radius: 80px; */
	/* box-shadow: 0px 7px 27.3px 7.7px rgba(148, 148, 148, 0.21); */
	display: none;
}

.lcright .mes_li1 {
	width: 74px;
	padding: 12px 0px;
	position: relative;
	border-bottom: 1px solid #dfdfdf;
	background: #fff;
	box-shadow: 0px 7px 27.3px 7.7px rgba(148, 148, 148, 0.21);
	display: inline-block;
}

.lcright .mes_li1:first-child {
	border: none;
	border-radius: 5px 5px 0 0;
}

.lcright .mes_li1:nth-child(4) {
	border-radius: 0 0 5px 5px;
}

.lcright .mes_li1:last-child {
	border: none;
	margin-top: 13px;
	border-radius: 5px;
}

.lcright i {
	display: inline-block;
	width: 100%;
	line-height: 20px;
	color: #124d8a;
	font-size: var(--fs24);
}

.mes_li1 img {
	height: 22px;
}

.mes_li2 {
	position: absolute;
	right: 80px;
	top: 0px;
	background: #fff;
	width: 140px;
	padding: 15px 10px;
	border-radius: 8px;
	box-shadow: 0px 7px 27.3px 7.7px rgba(148, 148, 148, 0.21);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	font-size: 14px;
}

.mes_li1:hover .mes_li2 {
	opacity: 1;
	visibility: visible;
}

.mes_li2 img {
	height: 100px;
}

.i1 {
	font-size: var(--fs20);
}

.i3 {
	font-size: var(--fs22);
}

.i4 {
	font-size: 23px;
}

.lcrsub {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 90%;
	margin-right: 25px;
	border-radius: 10px;
	color: #fff;
	padding: 5px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	opacity: 0;
}

.lcrsub {
	width: 184px;
	/* height: 72px; */
	background: rgba(0, 0, 0, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
}

.lcrsub span {
	font-size: var(--fs20);
}

.lcrsub2 {
	width: 115px;
	height: 149px;
	/* background: #f7b40a; */
}

.lcright li:hover .lcrsub {
	right: 100%;
	visibility: visible;
	opacity: 1;
}

.lcrsub img {
	border: 3px solid #fff;
	width: 92px;
}

.lcrsub2 p {
	text-shadow: 1px 1.732px 2px rgb(181 137 85);
	text-align: center;
}

.xxhomefl {
	position: relative;
}

.xxhomefl,
.xxhomefla {
	height: 500px;
}

.xxhomefla {
	width: 500px;
	background: #000;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
}

.xxhomeflaimg {
	width: 100%;
	height: 100%;
	vertical-align: top;
	object-fit: cover;
}

.xxhomeflp1 {
	font-size: 26px;
}

.xxhomeflp2 {
	margin-top: 12px;
}

.xxhomefwz {
	width: 100%;
	left: 0;
	z-index: 4;
}

.xxhomefwz {
	position: absolute;
	padding: 0 70px;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}

.xxhomefla1 .xxhomefwz {
	text-align: left;
}

.xxhomefla3 .xxhomefwz {
	text-align: right;
}

.xxhomeflp1,
.xxhomeflp2 {
	color: #fff;
}

.xxhomeflp2 .xxpubmore em {
	background: #fff;
}

.xxhomeflp2 .xxpubmore i {
	color: #333;
}

.xxhomefla1 {
	left: 0;
}

.xxhomefla2 {
	left: 50%;
	margin-left: -275px;
	z-index: 3;
}

.xxhomefla3 {
	right: 0;
}

.inpubp1 {
	font-size: var(--fs18);
	text-transform: uppercase;
	color: #666;
	display: none;
}

/* .xxmargin4 {
		margin-top: 40px;
	} */

.xxpubmore {
	height: 18px;
	line-height: 18px;
	display: inline-block;
	font-size: 14px;
	position: relative;
	padding-right: 26px;
	color: #666;
}

.xxpubmore em {
	border-radius: 50%;
	position: absolute;
	text-align: center;
}

.xxpubmore em {
	width: 18px;
	height: 18px;
	background: #002caf;
	line-height: 18px;
}

.xxpubmore em {
	right: 0;
	top: 0;
}

.xxpubmore i {
	color: #fff;
	font-size: 12px;
	vertical-align: top;
}

.xxpubmore3 {
	color: #fff;
}

.pubmore2 {
	display: inline-block;
	font-size: 14px;
	width: 160px;
	line-height: 42px;
	/* height: 42px; */
}

.pubmore2 {
	border-radius: 30px;
}

.pubmore2 i {
	margin-left: 5px;
}

.pubmore2 em,
.pubmore2 i {
	font-style: normal;
	display: inline-block;
	vertical-align: middle;
}

.pubmore2,
.pubmore2 i {
	transition: all 0.3s ease;
}

.pubmore21 {
	/* 	background: #3071b7; */
	border: 1px solid #ffffff;
	text-align: center;
}

/*
	科创空间
	*/
.xxhomebxx {
	font-size: 14px;
	color: #666666;
	text-align: center;
}

.scene-content {
	display: flex;
	width: 100%;
	height: 580px;
	overflow: hidden;
}

.scene-content-item {
	position: relative;
	flex: 1 1 33.3%;
	transition: all 1s;
}

.scene-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.scene-content2 .scene-content-item:hover {
	flex: 1 0 75%;
}

.scene-wrapper::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(107deg, #0a2349 20%, rgba(10, 35, 73, 0) 100%);
	opacity: 0;
	visibility: hidden;
	transition: all 0.6s;
}

.scene-wrapper-bg {
	position: absolute;
	top: 0;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
}

.scene-wrapper-bg {
	width: 100%;
}

.scene-modal {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	z-index: 100;
	left: 0;
	top: 0;
	transition: all 0.6s;
	display: none;
}

.scene-content2:hover .scene-modal {
	opacity: 0.8;
}

.scene-wrapper-bg-img {
	width: 100%;
	object-fit: cover;
	height: 100%;
	transition: transform 0.5s;
}

/* .scene-content-item:nth-child(1) .scene-wrapper-bg-img { transform: translate(-10%,0);}
.scene-content-item:nth-child(2) .scene-wrapper-bg-img { transform: translate(-20%,0);}
.scene-content-item:nth-child(3) .scene-wrapper-bg-img { transform: translate(-20%,0);} */
.item-thumb {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(360deg, #0a2349c2 0, rgba(10, 35, 73, 0) 100%);
	transition: opacity 0.5s;
}

.scene-content2:hover .item-thumb {
	opacity: 0;
	z-index: 1;
}

.item-detail {
	opacity: 0;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(107deg, #0a2349bd 20%, rgba(10, 35, 73, 0) 100%);
	transition: opacity 0.6s;
}

.scene-content2 .scene-content-item:hover .item-detail {
	opacity: 1;
	z-index: 2;
}

.scene-content-item:nth-child(1) .scene-wrapper:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	width: 2px;
	height: 100%;
	background-color: #fff;
	opacity: 0.3;
}

.scene-content-item:nth-child(2) .scene-wrapper:before {
	display: none;
}

.scene-content-item:nth-child(3) .scene-wrapper::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 2px;
	height: 100%;
	background-color: #fff;
	opacity: 0.3;
}

.item-thumb {
	text-align: center;
	color: #fff;
}

.item-thumb-title {
	font-size: 35px;
	margin-top: 5px;
}

.item-thumb-xz {
	font-size: 16px;
	opacity: 0.9;
}

.item-thumb-more {
	display: inline-block;
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
}

.item-thumb-more {
	border-radius: 50%;
	background: #fff;
	color: #333;
	font-size: 12px;
}

.item-thumb-m2 {
	margin-top: 20px;
}

.item-thumb-m2 .xxpubmore em {
	background: #fff;
}

.item-thumb-m2 .xxpubmore i {
	color: #333;
}

.item-detail-a {
	padding: 100px;
	color: #fff;
	width: 100%;
	min-width: 900px;
}

.item-thumb-li {
	margin-top: 35px;
}

.item-thumb-li {
	width: 100%;
	width: 800px;
	display: flex;
	justify-content: space-between;
}

.item-thumb-li li {
	width: 32%;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.itemsliderm {
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.item-thumb-li1 li {
	width: 19%;
}

.item-thumb-li img {
	width: 100%;
	vertical-align: top;
}

.item-thumb-li p {
	position: absolute;
	font-size: 14px;
}

.item-thumb-li p {
	width: 100%;
	z-index: 3;
	background: rgba(0, 0, 0, 0.4);
	text-align: center;
}

.item-thumb-li p {
	width: 100%;
	left: 0;
	bottom: 0;
	line-height: 35px;
	color: #fff;
}

.itemslider {
	width: 800px;
	margin: 0;
	margin-top: 35px;
}

.itemsliderm img {
	width: 100%;
	vertical-align: top;
}

.itemsliderm p {
	position: absolute;
	font-size: 14px;
}

.itemsliderm p {
	width: 100%;
	z-index: 3;
	background: rgba(0, 0, 0, 0.4);
	text-align: center;
}

.itemsliderm p {
	width: 100%;
	left: 0;
	bottom: 0;
	line-height: 35px;
	color: #fff;
}

.item-detail-a {
	position: relative;
}

.item-detail-a-a {
	position: absolute;
	left: 48%;
	top: 80px;
	transform: translateX(-50%);
	width: 800px;
}

.item-thumb-mx {
	margin-top: 60px;
}

/* .sixslider .swiper-slide{ opacity: 0 !important;}
.sixslider .swiper-slide-active{ opacity: 1 !important; z-index: 3;}
*/
.xxhomecvideo {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: fill;
}

.xxhomecwapm img {
	opacity: 0;
}

.xxhomecslider .swiper-slide {
	opacity: 0 !important;
}

.xxhomecslider .swiper-slide-active {
	opacity: 1 !important;
	z-index: 3;
}

.itemwza {
	width: 100%;
	position: absolute;
	bottom: 10%;
	left: 0;
}

.kxmore {
	width: 52px;
	height: 52px;
	font-size: 12px;
	line-height: 52px;
	font-style: normal;
	text-align: center;
	margin-left: 10px;
}

.kxmore {
	color: #333;
	display: inline-block;
	border-radius: 50%;
	background: #fff;
}

.kxmore {
	transition: all 0.3s ease;
}

.kxmore:hover {
	background: #3071b7;
	color: #fff;
}

.pubmore21,
.pubmore21 i {
	color: #fff;
}

.pubmore21:hover {
	background: #fff;
	color: #002caf;
}

.pubmore21:hover i {
	color: #002caf;
}

.pubmore22 {
	background: #002caf;
}

.pubmore22,
.pubmore22 i {
	color: #fff;
}

.pubmore22:hover {
	background: #fff;
	color: #002caf;
}

.pubmore22:hover i {
	color: #002caf;
}

.xxbanerpage {
	margin-top: 82px;
}

.xxbanerpage {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.xxbanerpage {
	height: 717px;
}

.xxbppwz {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
}

.banp1 {
	font-size: var(--fs40);
	font-weight: bold;
	line-height: 1.2;
}

.banp2 {
	margin-top: 15px;
	font-size: var(--fs24);
}

.banp3 {
	font-size: var(--fs48);
	font-weight: bold;
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.banp4 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

.banp6 {
	font-size: 16px;
	/* font-weight: bold; */
	color: #fff;
	margin-top: 20px;
}

.banp7 a {
	display: inline-block;
	padding: 8px 35px;
	background: #fff;
	color: #000;
	text-align: center;
	border-radius: 25px;
	margin-top: 30px;
	font-size: 16px;
}

.xxbppwz2 {
	text-align: center;
}


.banp5 {
	font-size: 16px;
	margin-top: 15px;

}

.bangban {
	position: relative;
	margin-top: 83px;
}

.bangban .isimg {
	width: 100%;
	position: relative;
}

.ban_top {
	width: 100%;
	/* border-bottom: 1px solid rgb(255, 255, 255, 0.5); */
	position: absolute;
	top: 0;
}

.ban_top ul {
	height: 55px;
	line-height: 55px;
}

.ban_ul1 a {
	color: #fff;
	margin: 0 3px;
}

.ban_a1 {
	font-weight: bold;
}

.ban_ul1 em {
	margin: 0 5px;
	color: #fff;
}

.ban_top2 {
	background: #fff;
	box-shadow: 6.444px 2.735px 17.85px 3.15px rgba(0, 0, 0, 0.05);
}

.down_top {
	margin-top: 83px;
}

.ban_top3 {
	box-shadow: 0px 12px 24px 0px rgba(4, 0, 0, 0.04);

}

.ban_top3 a {
	color: #000;
}

.ban_top3 em {
	color: #000;
}

.ban_ul2 a {
	color: #000;
}

.ban_ul2 em {
	margin: 0 5px;
	color: #000;

}

.mySwiperbpages {
	position: absolute;
	top: 90%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
}

.mySwiperbpages .swiper-pagination-bullet {
	border: 2px solid #fff;
	background: transparent;
	margin-left: 15px;
}

.mySwiperbpages .swiper-pagination-bullet-active {
	background: #fff;
}

.shanhutitle2 .fl a {
	margin-left: 0;
}

.shanhutitle2div {
	border-bottom: 2px solid #ebebeb;
}

.shanhutitle2 {
	position: relative;
}

.industry_ul {
	width: 33%;
	margin-top: 20px;
}

.shanhutitle2 span {
	color: #c0c0c0;
	font-size: 16px;
}

.shanhutitleUl a {
	padding: 20px 20px;
	position: relative;
}

.shanhutitle2 a {
	display: inline-block;
	padding: 20px 0;
	color: #333;
	margin-left: 55px;
}

.shanhutitle2 a:hover {
	color: #002caf;
}

.shanhutitleUl a:after {
	opacity: 0;
	transition: all 0.3s ease;
	content: '';
	display: block;
	width: 60%;
	height: 2px;
	position: absolute;
	left: 20%;
	bottom: 8px;
	background-color: #002caf;
}

.shanhutitleUl a.on,
.shanhutitleUl a:hover {
	color: #002caf;
}

.shanhutitleUl a.on:after,
.shanhutitleUl a:hover:after {
	opacity: 1;
	bottom: -2px;
}

.xxhomee {
	padding-top: 0;
}

/* 2022/7/13 */
.xxbanerp1 {
	font-size: 38px;
}

.xxbanerp2 {
	font-size: var(--fs18);
	font-weight: normal;
}

.xxbanerp3 {
	font-size: var(--fs18);
	text-align: left;
}

.xxhomeawz {
	position: absolute;
	left: 5%;
	bottom: 30px;
	width: 90%;
}

.jion5_text2 {
	margin-top: 60px;
	position: relative;
}

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

.industry_p {
	position: absolute;
	top: 130px;
	left: 30px;
}

.xxindustry {
	overflow: hidden;
	border-radius: 4px;
	margin-right: -20px;
}

.xxindustry_img {
	transition: all 0.5s ease;
}

.xxindustry img:hover {
	transform: scale(1.05);
}


.mySwiper {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.xxcotrun {
	width: 946px;
	margin-top: 48px;
	margin-bottom: 50px;
	border-radius: 4px;
}

.jion5_text4img {
	overflow: hidden;
}

.jion5_text4img img {
	vertical-align: top;
	transition: all 0.5s ease;
}

.jion5_text4img img:hover {
	border-radius: 8px;
	transform: scale(1.05);
}

/* .xxaaa {
		position: relative;
	} */
.xxhomef,
.xxhomec {
	width: 100%;
	background: #f8fafb;
}

.ind_arbut1 {
	width: 706px;
	height: 100px;
	margin: 0 auto;
	position: absolute;
	bottom: -7%;
	left: 50%;
	transform: translate(-50%);
	background-color: #fff;
	box-shadow: 3px 3px 16px #e9e8e8;
	display: flex;
	align-items: center;
}

.ind_arbut1:hover {
	cursor: pointer;
}

.ind_arbut1_left {
	padding-left: 40px;
	position: relative;
}

.ind_arbut1_left .xxind_font {
	padding-bottom: 6px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #111;
}

.ind_arbut1_left p {
	font-size: 14px;
	color: #666;
}

.ind_arbut1_right {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #002caf;
	position: absolute;
	top: 25%;
	right: -4%;
	overflow: hidden;
	z-index: 3;
}

.ind_arbut1_right i {
	color: #fff;
	transition: all 0.5s ease;
	font-size: 30px;
}

.ind_arbut1:hover .ind_arbut1_right i {
	cursor: pointer;
	/* animation: aa 2s infinite; */
}

/* @keyframes aa {
	0% {
		transform: translateX(0px);
	}

	50% {
		transform: translateX(50px);
	}

	100% {
		transform: translateX(0px);
	}
} */

.xxbanerans {
	width: 80%;
	position: absolute;
	left: 50%;
	bottom: 45%;
	transform: translateX(-50%);
	display: flex;
	justify-content: space-between;
	/* z-index: 2; */
}

.xxbanerbtns {
	display: inline-block;
	border: 1px solid #fff;
	text-align: center;
	border-radius: 50%;
}

.xxbanerbtns {
	width: 55px;
	height: 55px;
	line-height: 53px;
}

.xxbanerbtns i {
	color: #fff;
	font-size: 16px;
}

.xxbanerbtns:hover {
	cursor: pointer;
	background: #fff;
}

.xxbanerbtns:hover i {
	color: #002caf;
}

.xxbanerbtns,
.xxbanerbtns i {
	transition: all 0.3s ease;
}

.prestrain {
	opacity: 0;
	transition: all 0.5s ease;
}

.hovPage {
	width: 100vw;
	height: 100vh;
	background-image: url(../img/index.jpg);
	background-size: 100% 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	text-align: center;
}

.hovPage img {
	display: block;
	margin: auto;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	vertical-align: middle;
}

/* 新闻 */
.zxnew,
.zxcdf,
.zxcarers {
	/* background: #f0f0f0; */
	margin-top: 83px;
}

.zxnewtop {
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
}

.pubsubs a {
	color: #444;
	font-size: var(--fs18);
	line-height: 30px;
	display: inline-block;
	margin-left: 35px;
	position: relative;
}

.pubsubs a:before {
	position: absolute;
	content: '';
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.pubsubs a:before {
	border: 1px solid #444;
	top: 50%;
	margin-top: -5px;
}

.pubsubs a {
	padding-left: 20px;
}

.pubsubs a:hover,
.pubsubs a.on {
	color: #000;
}

.pubsubs a:hover:before,
.pubsubs a.on:before {
	border-color: #000;
	background: #000;
}

.pubsubs a:before,
.pubsubs a {
	transition: all 0.3s ease;
}

.zxnewtop {
	border-bottom: 1px solid #444;
}

.zxnewtopr {
	padding-top: 50px;
}

.zxnewba {
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.zxnewbimg {
	width: 35%;
	overflow: hidden;
}

.zxnewbimg img {
	width: 100%;
	vertical-align: top;
}

.zxnewbwz {
	width: 47%;
	padding-top: 20px;
}

.zxnewbdate,
.zxnewbwz {
	padding-left: 40px;
}

.zxnewbtit {
	font-size: 26px;
	color: #222;
}

.zxnewbi {
	position: absolute;
	font-size: 30px;
	top: 20px;
	right: 30px;
	color: #333;
}

.zxnewbms {
	color: #666;
	margin-top: 35px;
}

.zxnewbdate {
	color: #333;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
}

.zxnewbdate {
	bottom: 0;
	left: 35%;
}

.zxnewbimg img,
.zxnewbtit,
.zxnewbi {
	transition: all 0.3s ease;
}

.zxnewba:hover .zxnewbtit,
.zxnewba:hover .zxnewbi {
	color: #10487e;
}

.zxnewba:hover img {
	transform: scale(1.03);
}

.zxnewba:hover .zxnewbi {
	right: 0;
}

.zxnewbm {
	padding: 65px 0;
	border-bottom: 1px solid #555;
}

.zxnewbm:last-child {
	border: none;
	padding-bottom: 0;
}

.zxnewbm:first-child {
	padding-top: 0;
}

.newdzxh2 {
	font-size: var(--fs24);
	font-weight: bold;
}

.newdzxdate {
	color: #666;
	margin-top: 10px;
}

.newdzxdesc {
	margin-top: 45px;
	margin-bottom: 45px;
}

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

.newdzxdesc img {
	margin: 0 auto;
}

.sharelistsub a {
	font-size: var(--fs24);
	margin-right: 15px;
}

.sharelistsub a {
	color: #000;
	opacity: 0.7;
	transition: all 0.3s ease;
}

.sharelistsub a:hover {
	opacity: 1;
}

.sharelistsub {
	margin-top: 20px;
}

.bsBox {
	box-sizing: content-box;
}

.zxnewother li {
	padding: 15px 0;
	border-bottom: 1px solid #d6d6d6;
}

.zxnewother a {
	color: #333;
}

.zxnewother a:hover {
	color: #10487e;
}

.zxnewother li:last-child {
	border: none;
}

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

.zxcasealla {
	width: 33%;
	margin-top: 0.5%;
	overflow: hidden;
}

.zxcaseallimg {
	vertical-align: top;
	width: 100%;
}

.zxcasealla {
	position: relative;
}

.zxcasealla:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	background: #000;
	width: 100%;
	height: 100%;
}

.zxcaseallicon {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}

.zxcaseallicon {
	background: #fff;
	border-radius: 50%;
}

.zxcaseallicon img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.zxcaseallicon img {
	max-width: 90%;
	max-height: 90%;
}

.zxcaseallwz {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 25px;
	z-index: 5;
}

.zxcaseallicon {
	opacity: 0;
}

.zxcaseallwz {
	color: #fff;
}

.zxcaseallwz p {
	font-size: 30px;
	line-height: 1.4;
}

.zxcaseallwz span {
	line-height: 1;
	display: inline-block;
	margin-top: 5px;
}

.zxcasealla:before {
	z-index: 2;
	opacity: 0;
}

.zxcasealla:before,
.zxcaseallimg,
.zxcaseallicon {
	transition: all 0.5s ease;
}

.zxcasealla:hover:before {
	opacity: 0.5;
}

.zxcasealla:hover .zxcaseallicon {
	opacity: 1;
}

.zxcasealla:hover .zxcaseallimg {
	transform: scale(1.03);
}

.zxcasec {
	background: #f0f0f0;
}

.zxcasecm {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: #000;
}

.zxcaseca {
	width: 33%;
	margin-top: 0.1%;
	overflow: hidden;
}

.zxcaseca2 {
	width: 49.95%;
}

.zxcasecimg {
	vertical-align: top;
	width: 100%;
}

.zxcaseca {
	position: relative;
}

.zxcaseca:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	background: #000;
	width: 100%;
	height: 100%;
}

.zxcasecwz {
	position: absolute;
	left: 0;
	bottom: -28px;
	padding: 25px;
	z-index: 5;
	padding-left: 35px;
}

.zxcasecwz {
	color: #fff;
}

.zxcasecwz p {
	font-size: var(--fs24);
	line-height: 1.4;
	font-weight: bold;
}

.zxcasecjt {
	display: inline-block;
	margin-top: 10px;
	position: relative;
	line-height: 1;
	font-size: var(--fs22);
}

.zxcasecjt {
	opacity: 0;
}

.zxcasecjt,
.zxcasecwz p {
	position: relative;
	top: 0;
}

.zxcasecjt {
	left: -10px;
}

.zxcaseca:before {
	z-index: 2;
	opacity: 0;
}

.zxcaseca:before,
.zxcasecimg,
.zxcasecjt,
.zxcasecwz p,
.zxcasecwz {
	transition: all 0.5s ease;
}

.zxcaseca:hover:before {
	opacity: 0.5;
}

.zxcaseca:hover .zxcasecimg {
	transform: scale(1.03);
}

.zxcaseca:hover .zxcasecwz p {
	top: -10px;
}

.zxcaseca:hover .zxcasecwz {
	bottom: 0;
}

.zxcaseca:hover .zxcasecjt {
	left: 0;
	opacity: 1;
}

.zxcdb {
	padding-top: 0;
}

.zxcda img {
	width: 100%;
	vertical-align: top;
}

.zxcdbtit {
	margin-top: -140px;
}

.zxcdbtzw,
.zxcdbtit {
	z-index: 3;
	position: relative;
}

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

.zxcdbtzwr {
	width: 100%;
	/* position: sticky;
	top: 0;
	right: 0; */
}

.zxcdbtzwl {
	width: 100%;
}

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

.zxcdbtitm {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 40px;
}

.zxcdbtit {
	padding: 0 100px;
}

.zxcdb {
	background: #f0f0f0;
}

.zxcdbtzw {
	background: #fff;
	/* padding: 80px 100px; */
}



.zxcdbtzwra {
	background: #f8fafb;
	padding: 30px;
}

.zxcdbtzwrul {
	padding-top: 7px;
}

.zxcdbtzwrul li {
	display: flex;
	color: #333;
	padding-top: 8px;
}

.zxcdbtzwrul li span {
	width: 75px;
}

.zxcdbtzwrul li i {
	color: #999;
}

.zxcdbtzwrh5 {
	font-weight: bold;
	font-size: var(--fs18);
}

.zxcdbtzwrp1 {
	font-size: 12px;
	color: #666;
}

.zxcdbtzwrb {
	/* margin-top: 50px; */
}

.zxcdbotherm {
	display: flex;
	margin-top: 25px;
}

.zxcdbotherimg {
	width: 100px;
}

.zxcdbotherimg img {
	width: 100%;
}

.zxcdbtzwrbp1 {
	font-weight: bold;
	font-size: 16px;
}

.zxcdbtzwrbp2 {
	color: #666;
	margin-top: 5px;
}

.zxcdbotherwz {
	padding-left: 20px;
	padding-top: 5px;
}

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

.xxhomeb_ul li {
	position: relative;
	width: 90%;
	margin: 0 auto;
}

.xxhome_item {
	width: 90%;
	height: 55%;
	text-align: left;
	background: #fff;
	position: absolute;
	bottom: -49%;
	left: 0%;
	transform: translate(6%);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	padding: 20px;
}

.xxhomeb_ul .xxhome_li {
	margin-top: 140px;
}

.xxnav li {
	display: inline-block;
	/* position: relative; */
}

.xxnav .xxnava:hover {
	color: #000;
}

.xxnava2 {
	transition: all 0.3s ease;
}

.xxnava2:hover {
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.nav_list {
	position: absolute;
	top: 82px;
	left: -200px;
	background: #fff;
	display: flex;
	opacity: 0.9;
	overflow: hidden;
	height: 0px;
	transition: all 0.8s ease;
	border-radius: 4px;
}

.nav_list2 {
	position: absolute;
	top: 82px;
	left: -500px;
	background: #fff;
	display: flex;
	opacity: 0.9;
	overflow: hidden;
	height: 0px;
	transition: all 0.8s ease;
	border-radius: 4px;
}

.nav_list_ul {
	display: flex;
	flex-direction: column;
	width: 220px;
}

.nav_list_ul2 {
	display: flex;
	flex-direction: column;
	width: 170px;
}

.navcolor {
	color: #111;
}

.nav_list_ul li,
.nav_list_ul2 li {
	height: 40px;
	line-height: 40px;
	text-align: left;
	padding-left: 40px;
	border-left: 1px solid #d6d5d5;
	margin-left: 30px;
}

.nav_list_ul li:nth-child(1),
.nav_list_ul2 li:nth-child(1) {
	padding-left: 20px;
	margin-top: 20px;
}

.nav_list_ul li:nth-last-child(1),
.nav_list_ul2 li:nth-last-child(1) {
	margin-bottom: 20px;
}

.nav_list_ul .on,
.nav_list_ul2 .on {
	transition: all 0.3s ease;
	border-left: 1px solid #002caf;
	color: #002caf;
}

.nav_list_ul li:hover a,
.nav_list_ul2 li:hover a {
	color: #002caf;
}

.xxnav li:hover .nav_list,
.xxnav li:hover .nav_list2 {
	height: 320px;
}

.abt26btcbg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 300;
	background: #000;
	opacity: 0.5;
	display: none;
}

.abt26btc {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 310;
	display: none;
	width: 80%;
	max-width: 80%;
	max-height: 90vh;
}

.abt26btcclose {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: -50px;
	top: 0px;
	background: url(../img/index/guanbia.svg) center no-repeat;
	background-size: cover;
}

.playlist_vd:before,
.playlist_vd:after {
	z-index: 2;
}

.playlist_video {
	left: 0;
	top: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
}

.playlist_item iframe {
	left: 0;
	top: 0;
	width: 130%;
	height: 130%;
	position: absolute;
}

.playlist_item iframe {
	left: -15%;
	top: -15%;
}

.playlist_item iframe {
	position: absolute;
}

.playlist_item:before {
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.playlist_item:before {
	z-index: 1;
	background: #000;
	opacity: 0.1;
}

/**/
.bbbaner {
	position: relative;
}

.bbbaner_page {
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 111;
	width: 1600px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.bbbaner_page span {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #D2D2D2;
}

.bbbaner_page span:hover {
	background: var(--color);
	cursor: pointer;
}

.bbbaner_page2 {
	position: absolute;
	bottom: 10% !important;
	left: 50% !important;
	width: 1600px !important;
	transform: translate(-50%, -50%);
	z-index: 111;
	text-align: center;
}

.bbbaner_page2 span {
	margin: 0 10px;
	background: #fff;
	width: 30px;
	height: 10px;
	border-radius: 5px;
}

.bbbaner_page i {
	font-size: 20px;
	color: #fff;
}

.bbbaner_page:hover i {
	cursor: pointer;
}


.baner_list {
	position: relative;
}

.banslide {
	position: relative;
}

/* .banslide::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 60%;
	height: 100%;
	background: linear-gradient(to right, #3f51b5, #673ab7, #ffffff);
	background-image: url(../img/index/banbg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.7;
} */

.baner_list img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

.baner_item {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.baner_p1 {
	color: #fff;
	/* margin-top: 130px; */
	font-size: var(--fs40);
}

.baner_p2 {
	font-size: 60px;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
	margin-top: 20px;
	/* letter-spacing: 6px; */
}

.baner_p3 {
	font-size: 28px;
	color: #fff;
}

.baner_a1 {
	display: inline-block;
	width: 180px;
	height: 45px;
	line-height: 43px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 30px;
	color: #fff;
	margin-top: 30px;
	transition: all 0.3s ease;
}

.baner_a1:hover {
	background: #fff;
	color: #000;
}

.w1400 {
	width: 1600px;
	margin: 0 auto;
}

.w1000 {
	width: 1000px;
	margin: 0 auto;
}

.pd80px {
	padding: 100px 0;
}

.pd80px2 {
	padding: 0px 0 70px 0;
}

.pd80px3 {
	padding: 70px 0 0px 0;
}

/**/


/**/
.guard {
	display: flex;
	justify-content: space-between;
}

.guard_ul1 {
	width: 48%;
}

.guard_ul2 {
	width: 48%;
}

.guard_p1 {
	font-size: var(--fs40);
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.guard_p2 {
	font-size: var(--fs24);
	text-transform: uppercase;
}

.guard_p3 {
	margin-top: 30px;
}

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

.guard_list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}

.guard_item {
	width: 33%;
}

.guard_s1 {
	font-size: var(--fs48);
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
}

.guard_s2 {
	font-size: 36px;
	color: #0c9adc;
}

.guard_ul2 img {
	width: 100%;
}

.pro {
	width: 98%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.pro img {
	width: 100%;
	transition: all 0.3s ease;
}

.pro img:hover {
	transform: scale(1.05);
}

.pro_ul1 {
	width: 49%;
	overflow: hidden;
	position: relative;
}

.pro_ul2 {
	width: 49%;
	overflow: hidden;
	position: relative;
}

.pro_ul3 {
	position: absolute;
	top: 130px;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
}

.pro_p1 {
	color: rgb(0, 0, 0, 0.5);
}

.pro_p2 {
	font-size: var(--fs48);
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	line-height: 64px;
}

.pro_p3 {
	font-weight: bold;
}

.pro_p4 {
	display: inline-block;
	margin-top: 20px;
	font-weight: bold;
}

.use_p2 {
	text-align: center;
}

.use_p4 {
	margin-top: 20px;
}

.use_p5 {
	text-align: left;
}

.use_p6 {
	font-size: 16px;
	font-weight: bold;
}

.use_p1 {
	font-size: var(--fs48);
	/* background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
	font-weight: bold;
	line-height: 1.2;
}

.use_p7 {
	font-size: 72px;
	line-height: 1;
	margin-top: 20px;
	display: inline-block;
}

.use_tit {
	margin-top: 20px;
}



.use_btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
	z-index: 11;
	width: 60%;
	color: #fff;
	border: 1px solid red;
}

.use_btn i {
	font-size: 30px;
	font-weight: bold;
}

.use_btn:hover i {
	cursor: pointer;
}

.use_list {
	position: relative;
}

.use_list img {
	width: 100%;
}

.use_item {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70%;
	margin: 0 auto;
}

.use_item::before {
	content: "";
	width: 360px;
	height: 10px;
	background: #0c9adc;
	position: absolute;
	bottom: 0;
	left: 0;
}

.use_p3 {
	font-size: 52px;
	font-weight: bold;
	color: #fff;
	position: relative;
	line-height: 1.2;
}

.use_p3::before {
	content: "“";
	position: absolute;
	top: 0;
	left: -50px;
	color: rgb(255, 255, 255, 0.5);
}

.use_p3::after {
	content: "”";
	color: rgb(255, 255, 255, 0.5);
}



/**/

.centre_a1 {
	width: 100%;
	background: #f5f5f5;
}

.centre_item {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
}

.centre_name {
	/* width: 30%; */
	padding: 20px 55px;
	border-right: 1px solid #dcdcdc;
	font-size: var(--fs20);
	font-weight: bold;
	position: relative;
}

.centre_name.on span {
	font-size: var(--fs20);
	position: relative;
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.centre_name.on::before {
	content: "";
	width: 50%;
	height: 2px;
	background-image: -webkit-linear-gradient(0deg, rgb(45, 181, 170) 0%, rgb(2, 94, 172) 99%);
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.centre_name:hover {
	cursor: pointer;
}

.centre_name:last-child {
	border: none;
}

.centre_con {
	margin-top: 40px;
}

.centre2_con {
	display: none;
	padding: 60px 50px;
	background: #fff;
}

.centre2_con.on {
	display: block;
}

.centre_p1 {
	font-size: var(--fs20);
	margin-top: 20px;
}

.centre_p1:first-child {
	margin-top: 0;
}

.centre_list2 {
	display: flex;
	justify-content: space-between;
	margin: 60px 0 40px 0;
}

.centre_item2 {
	width: 33%;
	border-right: 1px solid #cccccc;
	text-align: center;
	padding: 10px 30px;
}

.centre_item2:last-child {
	border: none;
	/* padding-right: 0px; */
}

.centre_list3 {
	margin-top: 40px;
}

.centre_list3 li {
	margin-top: 30px;
}

.centre_list3 li:first-child {
	margin-top: 0;
}


.centre_p2 {
	margin: 30px 0;
	font-size: var(--fs24);
	font-weight: bold;
}

.centre_p3 {
	text-align: left;
}

.cent_p6 {
	font-size: var(--fs20);
	font-weight: bold;
	position: relative;
	padding-left: 30px;
}

.cent_p6::before {
	content: "";
	width: 10px;
	height: 10px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	top: 13px;
	left: 10px;
	z-index: 1;
}

.cent_p7 {
	font-size: 16px;
	margin-top: 10px;
}

.direct {
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.direct_ul1 {
	width: 47%;
	overflow: hidden;
	border-radius: 50px 0 50px 0;
}

.direct_ul1 img {
	width: 100%;
	transition: all 0.3s ease;
}

.direct_ul1:hover img {
	transform: scale(1.05);
}

.direct_ul2 {
	width: 47%;
}

.direct_p1 {
	font-size: 30px;
	font-weight: bold;
}

.direct_p2 {
	margin-top: 20px;
}

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

.direct_item {
	width: 40%;
	text-align: left;
	border-right: 1px solid #e5e5e5;
	margin-top: 50px;
}

.direct_s1 {
	font-size: var(--fs48);
	font-weight: bold;
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 0 5px;
}

.direct_item p {
	margin-top: -10px;
}

.direct_item:nth-child(2n) {
	border: none;
}

.pr_search {
	position: relative;
	margin-bottom: 10px;
	margin-top: 40px;
}

.pr_search input {
	width: 768px;
	height: 55px;
	background: rgb(255, 255, 255, 0.2);
	border-radius: 29px !important;
	padding-left: 60px;
	color: #fff;
	border: none;
	outline: none;
}

.pr_span1 {
	color: #000;
	opacity: 0.8;
	position: absolute;
	top: 14px;
	left: 240px;
	font-weight: bold;
}

.pr_span2 {
	position: absolute;
	top: 0px;
	right: 216px;
	width: 185px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	background-image: -webkit-linear-gradient(0deg, rgb(45, 181, 170) 0%, rgb(2, 94, 172) 99%);
	border-radius: 27.5px;
}

.pr_span2:hover {
	cursor: pointer;
}

.pr_search input::-webkit-input-placeholder {
	color: #000;
	opacity: 0.5;
}

/**/
.idea {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	flex-wrap: wrap;
}

.idea_item {
	width: 24%;
	padding: 40px 20px;
	background: #f8f8f8;
	text-align: center;
}


.idea_p1 {
	margin: 25px 0 15px 0;
	font-size: var(--fs22);
	font-weight: bold;
}

.idea_p2 {
	opacity: 0.8;
}

.support {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;

}

.support_ul1 {
	width: 49%;
}

.support_ul2 {
	width: 49%;
}

.support_p1 {
	margin-top: 40px;
	font-size: var(--fs22);
	font-weight: bold;
}

.support_a1 {
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.support_p2 {
	margin: 10px 0;
}

.down {
	width: 100%;
	background-image: url(../img/service/downbg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/* height: 450px; */
	padding: 80px 0;
}

.down_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
}

.down_item {
	width: 28%;
	text-align: center;
}

.down_p1 {
	font-size: var(--fs22);
	font-weight: bold;
}

.down_p2 {
	margin-top: 30px;
}

.down_p3 {
	text-align: center;
	margin-top: 40px;
}

.down_p4 {
	margin-top: 30px;
}

.sustain {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	flex-wrap: wrap;
}

.sustain_item {
	width: 32.5%;
	background: #f8f8f8;
	padding: 50px 0;
	text-align: center;
}

.sustain_item2 {
	width: 49.5%;
	background: #f8f8f8;
	padding: 60px 120px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sustain_ul1 {
	width: 30%;
}

.sustain_ul2 {
	width: 50%;
}

.down_p5 {
	font-size: var(--fs20);
	font-weight: bold;
}

.down_p6 {
	margin-top: 20px;
}

.service_use {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 670px;
}

.service_p1 {
	font-size: 36px;
	font-weight: bold;
}

.service_p2 {
	font-size: 60px;
	font-weight: bold;
}

.service_p3 {
	font-size: 16px;
	font-weight: bold;
}

.service_item {
	color: #fff;
	position: absolute;
	top: 48%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

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

.sustain2_ul1 {
	width: 49%;
	background: #f8f8f8;
	text-align: center;
	padding: 60px 0;
}


.sustain2_p1 {
	font-size: var(--fs22);
	font-weight: bold;
	margin-top: 20px;
}

.sustain2_p2 {
	margin-top: 20px;
	font-size: 16px;
}

.sustain2_p3 {
	margin-top: 40px;
}

.service_p4 {
	font-size: var(--fs40);
	font-weight: bold;
	text-align: center;
}

.service_hr {
	width: 100%;
	height: 1px;
	background: #c6c9cf;
	margin: 20px 0;
}

/**/


/**/
.cent {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}

.cent_ul1 {
	width: 25%;

}

.cent_plist {
	background: #fbfbfb;
	padding: 30px;
	position: sticky;
	top: 100px;
}


.cent_plist span {
	color: #000;
}

.cent_p1:hover a {
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.cent_p1 {
	position: relative;
	padding: 15px 0;
	border-bottom: 1px solid #e0e2e5;
}

/* .cent_p1:last-child{
	border: none;
} */

.cent_p1::before {
	content: "";
	position: absolute;
	top: 56px;
	left: 0px;
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, #2db5aa, #025eac);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.cent_p1:hover.cent_p1::before {
	opacity: 1;
	visibility: visible;
}

.cent_ul2 {
	width: 70%;
	position: relative;
}

.cent_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #ced0d5;
	padding-bottom: 20px;
	position: relative;
}

.cent_ul3 {
	width: 10%;
}

.cent_ul4 {
	width: 90%;
}

.cent_s1 {
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: var(--fs24);
	font-weight: bold;
}

.cent_maddle {
	margin-top: 20px;
}

.cent_p2 {
	font-size: 26px;
	font-weight: bold;
}

.cent_list {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.cent_ul5 {
	background: #fbfbfb;
	width: 49%;
	padding: 50px 30px;
	display: flex;
	justify-content: space-between;
	text-align: center;
}

.cent_p3 {
	font-size: 16px;
	font-weight: bold;
}

.cent_support {
	margin-top: 40px;
}

.cent_ul6 {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	flex-wrap: wrap;
}

.cent_ul7 {
	width: 50%;
}

.cent_top2 {
	margin-top: 60px;
}

.cent_video {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
}

.cent_ul8 {
	width: 49%;
	position: relative;
}

.cent_ul8 img {
	width: 100%;
}

.cent_btn {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.cent_btn:hover {
	cursor: pointer;
}

.cent_p4 {
	padding: 20px 10px;
	font-weight: bold;
}

.manual {
	margin-top: 40px;

}

.manual_s1 {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #a2a2a2;
	border-radius: 50%;
	transition: all 0.3s ease;
}

.manual .on .manual_s1 {
	border: 1px solid #2f318b;
	background: #2f318b;
	color: #fff;
	transform: rotate(180deg);
}

.manual .on .manual_item3 {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 1px solid #e8e8e8;
}

.manual .on .manual_item3:first-child {
	border: none;
}

.manual .on .manual_p2 {
	color: #10487e;
}

.manual_item {
	display: flex;
	justify-content: space-between;
	padding: 20px 40px;
	border-bottom: 1px solid #e8e8e8;
}

.quality {
	width: 100%;
	background: #f8fafb;
}

.manual_item3 {
	background: #fff;
	border-radius: 10px;
	padding: 20px 40px;
	border-bottom: none;
	margin-top: 20px;
}

.manual_item4 {
	background: var(--color);
	border-radius: 10px;
	padding: 20px 40px;
	border-bottom: none;
	margin-top: 20px;
}

.manual_item4 .manual_p1 {
	color: #fff;
	font-size: var(--fs26);
}

.manual_item4 .manual_p1:first-child,
.manual_item .manual_p1:first-child {
	text-align: left;
}

.manual_p1 .manual_p3 {
	color: #fff;
	border-radius: 20px;
	background: #d2d2d2;
	padding: 7px 40px;
	width: auto;
}

.manual .on .manual_p3 {
	background: var(--color);
}

.manual_item:hover {
	cursor: pointer;
}

.serv_List {
	display: none;
	padding: 30px 50px 60px 50px;
	box-shadow: 0px 0px 10px 0px rgba(153, 153, 153, 0.28);
	margin: 20px 0;
	border-radius: 10px;
}

.qua_List {
	margin: 0;
	border-radius: 0 0 20px 20px;
	box-shadow: none;
	background: #fff;
	padding: 0px 50px 60px 50px;
}



.serv_item {
	display: flex;
	justify-content: space-between;
	padding: 20px 50px;
	background: #fbfbfb;
	border-bottom: 1px solid #efefef;
}

.manual_p1 {
	font-size: var(--fs20);
	width: 20%;
	text-align: center;
}

.manual_p2 {
	font-size: var(--fs24);
}

.about_title {
	background: #f7f9fb;
}

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

.about_ul1 {
	width: 40%;
}

.about_ul2 {
	width: 50%;
}

.about_p1 {
	font-size: var(--fs20);
	color: var(--color2);
	margin-top: var(--mt45p);
	text-align: justify;
}

.about_p5 {
	font-size: var(--fs20);
	color: var(--color2);
	margin-top: var(--mt45p);
	text-align: justify;
}

.about_p2 {
	font-size: var(--fs20);
	color: var(--color2);
	margin-top: 20px;
	position: relative;
	text-align: justify;
}

.about_p2 a {
	font-weight: bold;
	/*text-decoration: underline;*/
}

.about_p2 a:hover {
	color: var(--color);
}

.about_plist {
	position: absolute;
	top: 120%;
	left: 0;
	transition: all 0.3s ease;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	/* display: none; */
	padding: 20px 40px;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	box-shadow: 3.536px 3.536px 24px 0px rgba(0, 0, 0, 0.04);
	z-index: 10;
}

.about_plist::before {
	content: "";
	position: absolute;
	top: -10px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
}


.about_pleft {
	width: 65%;
}

.about_pright {
	width: 25%;
}

.about_pl1::before {
	left: 70px;
}

.about_pl2::before {
	left: 240px;
}

.about_pl3::before {
	left: 470px;
}

.about_p2 span:hover .about_plist {
	opacity: 1;
	visibility: visible;
}

.about_p3 {
	font-size: var(--fs28);
	color: var(--color);
}

.about_p4 {
	font-size: var(--fs20);
	color: var(--color2);
	margin-top: 20px;
}

.about_p4 p {
	position: relative;
	padding-left: 20px;
}

.about_p4 p::before {
	content: "";
	position: absolute;
	top: 12px;
	left: 4px;
	width: 5px;
	height: 5px;
	background: var(--color);
	border-radius: 50%;
}

.about_navbg {
	display: flex;
	justify-content: center;
	padding-top: 100px;
	background: #f7f9fb;
}


.about_nav {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	border-radius: 54px;
	background: #fff;
	box-shadow: 3.536px 3.536px 24px 0px rgba(0, 0, 0, 0.04);
}

.about_a1 {
	border-radius: 45px;
	padding: 15px 60px;
	font-size: var(--fs24);
	text-align: center;
}

.about_a1.on {
	background: var(--color);
	color: #fff;
}


.about_ul3 {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.about_ul3 img {
	width: 100%;
	border-radius: 10px;
	transition: all 0.3s ease;
}

.about_ul3:hover img {
	transform: scale(1.1);
}

.about_ul4 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.about_ul42 {
	top: 57%;
}

.about_ul42:hover {
	cursor: pointer;
}

.about_ul5 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}

.about_ul6 {
	width: 25%;
}

.about_s1 {
	color: #124d8a;
	font-size: 60px;
	line-height: 1.2;
}

.about_s2 {
	color: #124d8a;
	font-size: var(--fs22);
}

.about_s3 {
	font-size: 16px;
	color: #999;
	margin-top: 0;
}

.about_s4 {
	font-size: 35px;
}

.about_miss {
	background-image: url(../img/about/img_bg.jpg?v1);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/*
		*history
		*/

.history {
	width: 100%;
	background: #f8fafb;
}

.wcwzbd {
	background: #f8fafb;
	margin-top: 20px;
}

.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide {
	/* opacity: 0.8;
			transition: all 0.8s;
			transform: scale(0.94); */
	padding: 40px 0 0 0;
	text-align: center;
}



.aboutB-h {
	margin-top: 30px;
}


.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide .aboutB-d .t {
	font-size: 38px;
	background: #135192;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 6px;
}


.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide .aboutB-d .scroll_box1 .c p {
	font-size: var(--fs20);
	color: #333;
	margin-bottom: 13px;
	position: relative;
}

.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide .aboutB-d .scroll_box1 .c p:first {
	font-weight: bold;
	margin-top: 10px;
}

.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide-prev .aboutB-d .scroll_box1 .c p:before {
	position: absolute;
	content: "";
	left: 0;
	top: 9px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	transform: translateY(-50%);
}

.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide .aboutB-d .scroll_box1 .c p:last-child {
	margin-bottom: 0;
}

/* .wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide-active .aboutB-d .scroll_box1 .c p {
			margin-bottom: 6px;
		} */


.wcwzbd .aboutB .aboutB-b .aboutB-c {
	position: relative;
}

.wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs {
	padding: 0 45px;
	text-align: center;
}

.wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs .swiper-slide {
	cursor: pointer;
	padding-top: 55px;
	width: 89px;
	position: relative;
	overflow: hidden;
}

.wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #135192;
	position: absolute;
	left: 0;
	top: 50%;
}

.wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs .swiper-slide span {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #135192;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 9;
	transform: translate(-50%, -50%);
}

.wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs .swiper-slide p {
	font-size: var(--fs18);
	color: #135192;
}

/* .wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs .swiper-slide-thumb-active span:before {
			position: absolute;
			content: "";
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			width: 20px;
			height: 20px;
			border-radius: 50%;
			border: 1px solid #2db5aa;
		} */

.wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs .swiper-slide-thumb-active span {
	/* background: linear-gradient(to right, #2db5aa, #025eac); */
	background: #2f318b;

}

.swiper-button-next-white {
	width: 50px;
	height: 50px;
	right: 0;
	border-radius: 50%;
	/* background: linear-gradient(to right, #2db5aa, #025eac); */
	background: #2f318b;
	transition: all 0.3s ease;
}

.swiper-button-prev:after,
.swiper-button-next:after {
	font-size: 16px;
	color: #fff;
}

.swiper-button-prev-white {
	border-radius: 50%;
	/* background: linear-gradient(to right, #2db5aa, #025eac); */
	background: #2f318b;
	width: 50px;
	height: 50px;
	left: 0;
	transition: all 0.3s ease;
}

/* .swiper-button-next-white:hover {
			background: #00ACF9;

		}

		.swiper-button-prev-white:hover {
			background: #00ACF9;

		} */



@media(max-width: 1023px) {
	.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide-active {
		transform: initial;
	}
}

/* .wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs .swiper-slide:nth-child(1):after {
			width: 100%;
			height: 1px;
			background: linear-gradient(to right, #2db5aa, #025eac);
			position: absolute;
			left: 0;
			top: 43px;
			transition: all 0.4s;
			content: "";
		} */

/* .wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs .swiper-slide:before {
			width: 0;
			height: 1px;
			background: linear-gradient(to right, #2db5aa, #025eac);
			position: absolute;
			left: 0;
			top: 43px;
			transition: all 0.4s;
			content: "";
		} */

.wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs .swiper-slide.chang:before {
	width: 150%;
}

.ig {
	width: 100%;
	background: url(../images/ig1_1.png);
	height: 260px;
	font-family: "Roboto Bold";
}

.ig .ig1 {
	width: 73%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.ig .ig1 .ig1_1 {
	font-size: var(--fs48);
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.ig .ig1 .ig1_2 {
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}

.ig .ig1 .ig1_2 .ig1_3 {
	border: 1px #fff solid;
	border-radius: 60px;
	width: 100%;
	padding: 20px 65px;
	position: relative;
}

.ig .ig1 .ig1_2 .ig1_3 a {
	font-size: var(--fs18);
	color: #ffffff;
}

.homeBoxC-d .zx {
	position: absolute;
	width: 150px;
	right: -165px;
	top: 50%;
	transform: translateY(-50%);
}

/*
*history
*/



.miss_list {
	display: flex;
	justify-content: space-between;

}

.miss_item {
	padding: 80px 40px;
	width: 33%;
	border-left: 1px solid #c0ccd8;
	transition: all 0.3s ease;
}

.miss_item:last-child {
	border-right: 1px solid #c0ccd8;
}

.miss_p1 {
	font-size: var(--fs20);
	margin-top: 30px;
	color: #fff;
}

.miss_p2 {
	font-size: var(--fs18);
	margin-top: 20px;
	color: #fff;
}

.miss_item:hover {
	backdrop-filter: blur(10px);
}

.busi_p1 {
	margin-top: 20px;
	font-size: 16px;
	text-align: center;
}

.about_map img {
	width: 100%;
	margin-top: 40px;
}


.about_honor,
.deve {
	background: #f7f9fb;
	overflow: hidden;
}

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

.honor_s1 {
	font-size: 36px;
	font-weight: bold;
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.honor_ul2 {
	display: flex;
}

.honor_item {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	padding: 7px 2px;
	margin: 0 20px;
	background: linear-gradient(to right, #2db5aa, #025eac);
	border-radius: 20.5px;
}

.honor_item .honor_s2 {
	padding: 8px 38px;
	background: #e8eef4;
	border-radius: 20.5px;
}

.honor_item .honor_s2 span {
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.honor_item.on .honor_s2 {
	background: linear-gradient(to right, #2db5aa, #025eac);
	color: #fff;
}

.honor_item.on .honor_s2 span {
	background: none;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff;
}

.honor_img {
	display: none;
	margin-top: 40px;
}

.honor_img.on {
	display: block;
	margin-top: 40px;
}

.honor_img img {
	width: 100%;
}

/**/

/**/
.contact_top0 {
	padding-top: 0;
}

.contact_bg {
	background: #f7f9fb;
}

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

.contact_ul1 {
	width: 48%;
	box-shadow: 0px 4px 25.81px 3.19px rgba(0, 0, 0, 0.04);
	padding: 80px 40px;
	position: relative;
}

.contact_ul1::before {
	content: "";
	width: 100%;
	height: 5px;
	background: linear-gradient(to right, #4fc1b8, #f8fbfd);
	position: absolute;
	top: 30px;
	left: 0;
}

.contact_ul1::after {
	content: "";
	width: 100%;
	height: 5px;
	background: linear-gradient(to right, #ebf8f7, #337dbc);
	position: absolute;
	bottom: 0px;
	left: 0;
}

.contact_p1 {
	font-size: var(--fs18);
	color: #555;
	width: 80%;
	margin: 0 auto;
	margin-top: var(--mt45p);
}

.contact_p2 {
	font-size: var(--fs22);
	color: var(--color2);
	margin-top: 20px;
}

.contact_p3 {
	font-size: var(--fs20);
	color: var(--color2);
	margin: 0 auto;
	margin-top: var(--mt45p);
}

.contact_form {
	margin-top: 40px;
}

.contact_form input {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	outline: none;
	border: none;
	border-bottom: 1px solid;
}

.contact_ul2 {
	width: 51%;
	padding: 80px 40px;
}

.contact_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}

.contact_item {
	width: 33%;
	margin-top: 30px;
	text-align: center;
}

.contact_item img {
	width: auto;
}


.contact_tit {
	margin-left: 15px;
}




.contact_list2 {
	display: flex;
	flex-wrap: wrap;
}

.contact_item2 {
	width: 31%;
	margin-right: 35px;
}

.contact_item2:nth-child(3n) {
	margin-right: 0;
}

.new a,
.new em {
	color: #000;
}

.new_po {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

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

.new_page {
	width: 10%;
	text-align: right;
	color: #666;
}

.new_p1 {
	font-size: var(--fs40);
	font-weight: bold;
}

.new_swiper {
	margin-top: 40px;
	overflow: hidden;
}

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

.new_ul1 {
	width: 50%;
	overflow: hidden;
}

.new_ul1 img {
	width: 100%;
	transition: all 0.3s ease;
}

.new_ul1:hover img {
	transform: scale(1.05);
}

.new_ul2 {
	width: 50%;
	background: #fff;
	padding: 30px 50px;
}

.new_nav {
	margin-top: 50px;
	text-align: right;
}

.new_nav span {
	display: inline-block;
	width: 55px;
	height: 55px;
	line-height: 55px;
	background: #cccccc;
	text-align: center;
}

.new_nav i {
	color: #fff;
	font-size: var(--fs22);
	font-weight: bold;
}

.new_xxban {
	height: 780px;
}

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

.new_s1 {
	font-size: 60px;
	font-weight: bold;
	color: #cccccc;
	line-height: 1.2;
	position: relative;
}

.new_s1::before {
	content: "";
	width: 100%;
	height: 3px;
	background: linear-gradient(to right, #2db5aa, #025eac);
	position: absolute;
	bottom: 0px;
	left: 0;
}

.new_s2 {
	margin-left: 20px;
	color: #ccc;
	font-size: 16px;
}

.new_s3 {
	display: inline-block;
	margin-top: 30px;
	font-size: var(--fs22);
	font-weight: bold;
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.new_s4 {
	font-size: 16px;
	margin-top: 20px;
	opacity: 0.8;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.new_s5 {
	margin-top: 30px;
	text-align: right;
}

.new_s5 span {
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}



/**/

.mainten_item {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0px 0 15px 0;
	border-bottom: 1px solid #e5e7e7;
}

.mainten_ul2 label {
	margin: 0 20px;
}

.mainten_ul2 {
	display: flex;
}

.mainten_ul2 input {
	-webkit-appearance: auto;
	appearance: auto;
	accent-color: #1788ab;
}

.new_list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
}

.new_items {
	display: inline-block;
	width: 32%;
	margin-top: 40px;
	background: #f8f8f8;
	margin-right: 24px;
}

.new_items:nth-child(3n) {
	margin-right: 0;
}

.new_li1 {
	overflow: hidden;
}

.new_li1 img {
	width: 100%;
	transition: all 0.3s ease;
	max-height: 210px;
}

.new_li1:hover img {
	transform: scale(1.05);
}

.new_li2 {
	padding: 30px;
	background: #f8f8f8;
}

.new_p2 {
	font-size: var(--fs20);
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #222;
	line-height: 30px;
}

.new_p3 {
	font-size: 14px;
	color: rgb(0, 0, 0, 0.6);
}

.new_p4 {
	margin-top: 20px;
}

.new_p4 a:hover {
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.new_p4 a {
	color: #000;
}

.new_p5 {
	font-size: var(--fs22);
	color: #222;
}

.xxnew_page {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.xxnew_page a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #000;
	border-radius: 50%;
	margin: 0 5px;
	transition: all 0.3s ease;
	background: #ececec;

}

.xxnew_page a.on {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #ececec;
	border-radius: 50%;
	margin: 0 5px;
	background: #2f318b;
	color: #fff;
}

.xxnew_page a:hover {
	background: #2f318b;
	color: #fff;
}

/**/

.pro_main {
	width: 100%;
	background: #f5f5f5;
}

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

.pro_p5 {
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 30px;
	font-weight: bold;
}

.pro_ul5 {
	width: 20%;
}

.pro_ul6 {
	width: 80%;
	height: 1px;
	background: #ababab;
}

.pro_list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

.pro_item {
	width: 31%;
	padding: 60px 0;
	text-align: center;
	background: #fff;
	margin-top: 30px;
	margin-right: 15px;
}

.pro_item:nth-child(3n) {
	margin-right: 0;

}

.pro_btn a {
	display: inline-block;
	padding: 5px 30px;
	color: #000;
	border-radius: 22.5px;
	margin-top: 20px;
	border: 1px solid #000;
	transition: all 0.3s ease;
}

.pro_item:hover .pro_btn a {
	background-image: -webkit-linear-gradient(24deg, rgb(45, 181, 170) 0%, rgb(2, 94, 172) 99%);
	color: #fff;
	border: none;
	cursor: pointer;
}

.pro_item:hover .pro_p6 {
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.pro_p6 {
	font-size: var(--fs18);
	font-weight: bold;
	transition: all 0.3s ease;
}

.pro_p7 {
	font-size: 14px;
	color: rgb(0, 0, 0, 0.5);
}

.pro_item img {
	margin-top: 20px;
	max-width: 100%;
	max-height: 200px;
}

.pro_ul7 {
	margin-top: 60px;
}

/**/
/**/
.manpower3_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;

}

.manpower3_ul {
	width: 49%;
	/* border: 1px solid #cacbcc; */
	margin-top: 30px;
	border-radius: 6px;
	padding: 30px 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 0.3s ease;
	background: #fafafa;
}

.join_item3 {
	width: 100%;
}

.join_item3:first-child {
	margin-top: 0;
}

.manpower3_ul:hover {
	box-shadow: 0 10px 25px rgb(0 0 0 / 13%);
}

.manpower3_li {
	font-weight: bold;
}

.manpower3_li2 {
	color: rgb(0, 0, 0, 0.5);
}

.manpower3_ul2 {
	margin: 30px auto;
	margin-bottom: 0px;
}

/**/
.join_bg {
	position: relative;
	background-image: url(../img/index/joinbg1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 600px;
	margin-top: var(--mt45p);
	border-radius: 10px;
}

.join_items {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: right;
	color: #fff;
	width: 85%;
}

.join_items .footer_btn {
	margin-top: 30px;
}

.footer_btn i {
	transition: all 0.3s ease;
}

.footer_btn:hover i {
	margin-left: 15px;
}

.join_p1 {
	font-size: var(--fs48);
	font-weight: bold;
	line-height: 1.4;
}

.join_p2 {
	font-size: var(--fs20);
	font-weight: bold;
	margin-top: 15px;
}

.join_p3 a {
	display: inline-block;
	padding: 5px 40px;
	color: #fff;
	border-radius: 22.5px;
	margin-top: 30px;
	transition: all 0.3s ease;
	border: 1px solid #fff;
}

.join_p3:hover a {
	background: linear-gradient(to right, #2db5aa, #025eac);
	border: 1px solid transparent;
}

.join_team {
	width: 100%;
	background: #f5f5f5;
}

.join_p4 {
	margin-top: 10px;
}

.join_main {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}

.join_ul1 {
	width: 49%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.join_item {
	width: 31%;
	padding: 90px 0px;
	background: #fff;
	text-align: center;
}

.join_p5 {
	font-size: var(--fs20);
	font-weight: bold;
	margin-top: 30px;
}

.join_item img {
	height: 50px;
}

.join_item .join_img1 {
	display: none;
}

.join_item .join_img2 {
	display: inline-block;
}

.join_item.on {
	background: linear-gradient(to right, #2db5aa, #025eac);
}

.join_item.on .join_p5 {
	color: #fff;
}

.join_item.on .join_img1 {
	display: inline-block;
}

.join_item.on .join_img2 {
	display: none;
}

.join_item2 {
	margin-top: 30px;
}

.join_item:nth-child(4) {
	border-radius: 0px 0px 0px 50px;

}

.join_ul2 {
	width: 49%;
}

.join_title {
	display: none;
	padding: 90px 100px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/join/join_bg2.jpg);
	border-radius: 0 50px 0 0;
	height: 630px;
}

.join_p6 {
	font-size: 30px;
	font-weight: bold;
}

.join_p7 {
	font-size: var(--fs18);
	font-weight: bold;
	margin-top: 10px;
}

.join_p8 {
	margin-top: 40px;
}

.join_p9 {
	margin-top: 20px;
}

.join_p10 {
	margin-top: 40px;
}

.join_p10 a {
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.join_title.on {
	display: block;
}

.join_use {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.join_list {
	width: 32%;
	background: #f5f5f5;
	text-align: center;
	padding: 60px;
}

.join_list img {
	height: 40px;
}

.join_p11 {
	font-size: var(--fs20);
	font-weight: bold;
	margin-top: 20px;
}

.join_list .join_img4 {
	display: none;
}

.join_list:hover .join_img4 {
	display: inline-block;
}

.join_list:hover .join_img3 {
	display: none;
}

.xxbanerpage3 {
	height: 400px;
}

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

/**/
.story {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.story_ul1 {
	width: 25%;
}

.story_ul2 {
	width: 70%;
	display: flex;
	flex-wrap: wrap;
}

.story_item {
	width: 32%;
	margin-right: 15px;
	margin-bottom: 30px;
}

.story_item:nth-child(3n) {
	margin-right: 0;
}

.story_li1 {
	overflow: hidden;
}

.story_li1 img {
	width: 100%;
	transition: all 0.3s ease;
}

.story_item:hover img {
	transform: scale(1.05);
}

.story_li2 {
	padding: 25px;
	background: #f8f8f8;
}

.story_p3 {
	font-size: 16px;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.story_p4 {
	font-size: 14px;
	color: rgb(0, 0, 0, 0.8);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 8px;
}

.story_p1 {
	font-size: var(--fs22);
	font-weight: 500;
	padding-bottom: 20px;
	border-bottom: 1px solid #e7e7e7;
}

.story_p2 {
	padding: 15px 20px;

}

.story_p2 {
	padding: 15px 20px;
}

.story_p2.on {
	background: #f8f8f8;
}

.story_p2.on a {
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.story_p2:hover {
	background: #f8f8f8;
}

.story_p2:hover a {
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.story_ul3 {
	margin: 20px 0;
}

/**/
.detail_1 {
	margin-top: 56px;
	/* display: flex;
	justify-content: flex-end; */
}

.detail_title {
	/* text-align: end; */
	width: 39%;
	margin-left: 740px;
}

.detail_title p {
	display: inline-block;
	/* width: 39%; */
	/* text-align: left; */
}

/* .detail_title img {
	padding-right: 120px;
} */

.foot_tela {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	/* border: 1px solid rgb(255, 255, 255, 0.5); */
	background: linear-gradient(to right, #2db5aa, #025eac);
}


.detail_tit {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	padding: 7px 2px;
	margin: 0 2px;
	background: linear-gradient(to right, #a8a8a8, #a8a8a8);
	border-radius: 4px;
}

.detail_tit.on {
	background: linear-gradient(to right, #2db5aa, #025eac);
}

.detail_tit .honor_s2 {
	padding: 8px 44px;
	background: #fff;
	border-radius: 4px;
}

.detail_tit.on .honor_s2 {
	padding: 8px 44px;
	background: #fff;
	border-radius: 4px;
}

.detail_title2 .honor_s2 {
	padding: 8px 50px;
}

.detail_tit .honor_s2 span {
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #a8a8a8;
}

.detail_tit.on .honor_s2 span {
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


.detail_list {
	display: none;
}

.detail_list.on {
	display: block;
}


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

.detail_ul1 {
	width: 50%;
	text-align: center;
}

.detail_li1 {
	overflow: hidden;
}

.detail_li1 img {
	width: 100%;
	transition: all 0.3s ease;
}

.detail_li1:hover img {
	transform: scale(1.05);
}

.detail_ul2 {
	width: 38%;
	display: flex;
	justify-content: space-between;
}

.detail_ul3 {
	width: 50%;
}

.direct_ul4 {
	width: 50%;
}

.detail_ul5 {
	margin-top: 30px;
}

.detail_hr {
	width: 35px;
	height: 1px;
	background: #000;
}

.detail_ul5 .detail_p1 {
	color: #000;
	margin-bottom: 10px;
}

.detail_p1 {
	font-size: var(--fs18);
	font-weight: 600;
	margin-top: 10px;
	color: #666 !important;
}

.detail_ul5 p {
	color: rgb(0, 0, 0, 0.6);
	line-height: 28px;
}

.pro_title {
	margin-top: 20px;
}


.detail_li2 {
	margin-top: 70px;
}

.detail_li3 {
	margin-top: 20px;
}

.detail_li2 .detail_a1 {
	display: inline-block;
	border-radius: 26px;
	background: #ff9d1e;
	color: #fff;
	text-align: center;
	padding: 10px 68px;
}

.detail_li2 .detail_a2 {
	display: inline-block;
	border-radius: 26px;
	background: #fff;
	color: #000;
	text-align: center;
	padding: 10px 68px;
	border: 1px solid #000;
	margin-left: 20px;
}

.detail_li3 .detail_a2 {
	border: none;
	background: #eeeeee;
}

/**/

.enjoy {
	margin-top: 60px;
	position: relative;
}

.enjoy_title {
	position: absolute;
	bottom: 100px;
	left: 25%;
	transform: translate(-50%, -50%);
}

.enjoy_list {
	display: none;
}

.enjoy_list.on {
	display: block;
}

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

.enjoy_ul1 {
	width: 50%;
}

.enjoy_ul2 {
	width: 45%;
	padding-left: 20px;
	height: 680px;
	overflow-y: auto;
}

.enjoy_pall {
	margin-top: 30px;
}

.enjoy_pall:first-child {
	margin-top: 0;
}

.enjoy_p1 {
	font-size: var(--fs24);
	font-weight: bold;
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.enjoy_p2 {
	font-size: 16px;
	/* font-weight: bold; */
	color: #666;
}

.enjoy_p3 {
	position: relative;
}

.enjoy_p3::before {
	content: "";
	width: 10px;
	height: 10px;
	background: linear-gradient(to right, #2db5aa, #025eac);
	position: absolute;
	top: 15px;
	left: -20px;
	border-radius: 50%;
}

.enjoy_p4::before {
	background: #000;
}

.enjoy_p5 {
	-webkit-background-clip: text;
	-webkit-text-fill-color: #000;
	background: none;
}

.enjoy_wrapper {
	position: relative;
}

.enjoy_img img {
	width: 100%;
}

.indoor_img img {
	width: 100%;
}

.enjou_nav {
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 11;
	width: 100%;
}

.enjou_nav span {
	display: inline-block;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	text-align: center;
	line-height: 44px;
	background: #7f7f7f;
}

.enjou_nav span:hover {
	cursor: pointer;
}

.enjou_nav i {
	color: #fff;
	font-weight: bold;
}

.indoor_nav {
	width: 80%;
}

.indoor_nav span {
	background: none;
}

.indoor_nav i {
	font-size: 30px;
}

.detail2_nav {
	width: 46%;
}

.detail2_nav span {
	background: none;
}

.detail2_nav i {
	font-size: 30px;
}

.enjoy_page {
	text-align: center;
}

.enjoy_page .swiper-pagination-bullet-active {
	background: #000;
}

.enjoy_page .swiper-pagination-bullet {
	margin: 0 5px;
}

.indoor_list {
	position: relative;
	/* border: 1px solid red; */
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	padding: 40px 20px
}


.indoor_list3 {
	transform: scale(1.5);
}

.indoor_item {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 11;
	width: 65%;
}

.indoor_p1 {
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	position: relative;
}

.indoor_p1::before {
	content: "";
	width: 91px;
	height: 5px;
	background: linear-gradient(to right, #2db5aa, #025eac);
	position: absolute;
	top: 60px;
	left: -10px;
}

.human {
	margin: 0 auto;
	margin-top: 60px;
	text-align: center;
}

.human img {
	width: 80%;
	margin: 0 auto;
}

.deta2a_item {
	position: absolute;
	bottom: -13%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 11;
	width: 100%;
	padding: 20px 40px;
	background: rgb(0, 0, 0, 0.5);
}

.detail_li4 {
	overflow: hidden;
}

.detail_li4 img {
	width: 100%;
	transition: all 0.3s ease;
}

.indoor_list:hover .detail_li4 img,
.indoor_list:hover .hot_li img {
	transform: scale(1.05);
}

.new_bg {
	background-image: url(../img/index/indexprobg1.jpg);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.detail_p2 {
	font-size: var(--fs20);
	font-weight: bold;
	color: #fff;
}

.detail_p3 {
	font-size: 16px;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.detail_a3 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
}

.detail_ul6 {
	width: 49%;
}

.detail_li5 {
	overflow: hidden;
}

.detail_li5 img {
	width: 100%;
	transition: all 0.3s ease;
}

.detail_ul6:hover .detail_li5 img {
	transform: scale(1.05);
}

.detail_li6 {
	padding: 40px 0;
	background: #fafafa;
	text-align: center;
}

.detail_p4 {
	font-size: var(--fs24);
	font-weight: bold;
	color: #222;
}

.detail_p5 {
	margin-top: 10px;
}

.detail_p6 {
	margin-top: 10px;
}

.detail_p6 span {
	color: #0068ff;
}

.detail_p6 a {
	color: #0068ff;
}

/**/
.pratner {
	width: 100%;
	background: #f5f5f5;
}

.pratner_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
}

.pratner_item {
	margin-top: 20px;
	width: 32%;
	padding: 50px 0px;
	background: #fff;
	text-align: center;
}

.pratner_item img {
	height: 40px;
}

.pratner_item .join_img1 {
	display: none;
}

.pratner_item:hover .join_img1 {
	display: inline-block;
}

.pratner_item:hover .join_img2 {
	display: none;
}

.pratner_item:hover {
	cursor: pointer;
}

.pratner_p1 {
	margin-top: 25px;
}

.pratner_p1 a {
	padding: 10px 35px;
	border-radius: 10px;
	border: 1px solid #000;
	font-size: 14px;
}

.pop_title {
	/* width: 1000px; */
	background: #fff;
	border-radius: 10px;
	padding: 90px 80px 80px 80px;
}

.prat_bg {
	background-image: url(../img/pratner/pratner_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.prat_p1 {
	font-size: var(--fs40);
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.prat_nav {
	width: 53%;
	top: 40%;
}

.hot_nav {
	width: 100%;
	top: 50%;
}

.hot_nav span {
	/* background: linear-gradient(to right, #2db5aa, #025eac); */
	background: #d2d2d2;
	transition: all 0.3s ease;
}

.hot_nav span:hover {
	background: var(--color);
}

.prat_swiper {
	margin-top: 40px;
}

.pratner_li1 {
	overflow: hidden;
	padding: 20px;
	border-radius: 10px;
	background: rgb(255, 255, 255, 0.4);
}


.pratner_li2 {
	text-align: center;
}

.pratner_p2 {
	color: rgb(255, 255, 255, 0.8);
	margin-top: 40px;
}

.pratner_li2 span {
	border: 1px solid #fff;
	border-radius: 10px;
	display: inline-block;
	padding: 5px 35px;
	text-align: center;
	margin-top: 30px;
	color: #fff;
}

/* .prat_main {
	margin-top: 40px;
} */

.prat_item {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 80px;

}

.prat_ul1 {
	width: 40%;
}

.prat_ul1 img {
	width: 100%;
	border-radius: 0 50px 0 50px;
}

.prat_ul2 {
	width: 53%;
}

.prat_p2 {
	font-size: var(--fs24);
	font-weight: bold;
	position: relative;
	padding-left: 40px;

}

.prat_p2::before {
	content: "";
	width: 8px;
	height: 25px;
	border-radius: 2px;
	background: linear-gradient(to right, #2db5aa, #025eac);
	position: absolute;
	top: 8px;
	left: 0px;
}

.prat_p3 {
	margin-top: 50px;
	color: rgb(0, 0, 0, 0.7);
}

.prat_p4 {
	margin-top: 30px;
	color: rgb(0, 0, 0, 0.7);

}

/**/
.hot {
	margin-top: 40px;
}

.hot_li {
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
}

.hot_li img {
	width: 100%;
	transition: all 0.3s ease;
	max-width: 60%;
}

.hot_li2 {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.hot_p1 {
	/* margin-top: 20px; */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-align: center;
	color: var(--color2);
	font-size: var(--fs20);
}

.hot_p2 {
	margin-top: 10px;
	color: rgb(0, 0, 0, 0.5);
	font-size: 14px;
}

.hot_p3 {
	margin-top: 30px;
	text-align: center;
}

.hot_main {
	width: 100%;
	background: #fbfcfc;
	margin-top: 80px;
}

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

.hot_item {
	width: 32%;
	text-align: center;
	padding: 40px 0;
}

.hot_p4 {
	font-size: var(--fs24);
	font-weight: bold;
	margin-top: 20px;
}

.hot_p5 {
	margin-top: 10px;
}

.hot_p5 a {
	font-size: 14px;
	color: #0c9adc;
	margin: 0 5px;
}

/**/
.servicea1_list {
	width: 1580px;
	margin: 40px auto 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
}

.servicea1_ul {
	position: relative;
	display: flex;
	justify-content: space-between;
	transition: all 0.5s ease;
	overflow: hidden;
	/* width: 22%; */
	width: 254px;
	width: 224px;
	/* margin-right: 7px; */
	/* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); */
}

.servicea1_ul .img1 {
	/* width: 268px; */
	width: 100%;
	height: 422px;
	object-fit: cover;
}

.servicea1_li {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	background: #fff;
	padding: 50px 35px;
	width: 50%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease;
	position: absolute;
	top: 0;
	left: 50%;
}

.regardb_list {
	position: absolute;
	top: 0;
	left: 0;
}

.servicea1_li a {
	margin-top: 50px;
}

.servicea1_li p {
	width: 198px;
}

.servicea1_on .servicea1_li {
	visibility: visible;
	opacity: 1;
	transition: all 0.3s ease;
}


.servicea1_on {
	/* width: 30%; */
	/* width: 525px; */
	width: 635px;
}

.servicea1_on .servicea1_icon {
	opacity: 0;
}

.servicea1_icon2 {
	opacity: 0;
}

.servicea1_on .servicea1_icon2 {
	opacity: 1;
}

.servicea1_on:before {
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

/* .servicea1_on::before {
	background-image: linear-gradient(to right, #2160a9, rgb(33, 96, 168, 0.3));
	opacity: 0.5;
} */


.servicea1_icon {
	position: absolute;
	top: 90%;
	left: 30%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.servicea1_icon2 {
	position: absolute;
	top: 64%;
	left: 10%;
	width: 410px;
	color: #fff;
}

.servicea1_icon p {
	color: #fff;
	text-align: center;
}

.servicea1_icon2 .service_icon1 {
	height: 46px;
}

.servicea1_p1 {
	font-size: var(--fs24);
	font-weight: bold;
	display: inline-block;
	/* border-bottom: 3px solid #f9522b; */
}

.servicea1_ul1 {
	margin-top: 10px;
}

/**/
.centre_main {
	margin-top: 50px;
}

.centre_li1 {
	position: relative;
}

.centre_li2 {
	position: absolute;
	top: 90%;
	left: 5%;
	transform: translate(-50%, -50%);
}

.centre_li2:hover {
	cursor: pointer;
}

.centre_li1 img {
	width: 100%;
}

.centre_li3 {
	margin-top: 40px;
}

.incareercma {
	overflow: hidden;
}

.incareercma img {
	width: 100%;
	vertical-align: top;
}

.centre_p4 {
	margin-bottom: 15px;
	position: relative;
	padding-left: 30px;
	font-size: var(--fs20);
	font-weight: bold;
}

.centre_p4::before {
	content: "";
	width: 3px;
	height: 21px;
	background: #40a59f;
	position: absolute;
	top: 8px;
	left: 0;
}

.centrbar,
.centrbar2 {
	position: relative;
	width: 246px;
	height: 4px;
	margin: 0 auto;
	margin-top: 50px;
	background: none;
}

.centrbar::before,
.centrbar2::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	top: 1px;
	left: 0;
	background: #dcdedf;
}

.centrbar .swiper-scrollbar-drag,
.centrbar2 .swiper-scrollbar-drag {
	background: linear-gradient(to right, #2db5aa, #025eac);
	height: 4px;
}

/**/
.career {
	background: #f5f5f5;
}

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

.career_ul1 {
	width: 28%;
}

.career_ul2 {
	width: 70%;
}

.career_type {
	background: #fff;
	padding: 30px 0;
	position: sticky;
	top: 100px;
}

.career_type a {
	font-size: 16px;
	color: #333;
	display: block;
	padding-left: 30px;
	margin-top: 30px;
	display: flex;
	align-items: center;
	height: 40px;
	position: relative;
}

.career_type a:hover {
	cursor: pointer;
}

.career_type a:first-child {
	margin-top: 0;
}

.career_type i {
	position: absolute;
	top: 10px;
	left: 30px;
	width: 18px;
	height: 18px;
	line-height: 16px;
	border: 1px solid #a0a0a0;
}

.career_type span {
	display: inline-block;
	margin-left: 30px;
}

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

.careerc_li1 {
	font-size: var(--fs24);
	font-weight: bold;
	margin-bottom: 10px;
}

.careerc_li3 {
	display: inline-block;
	width: 320px;
	height: 70px;
	border-radius: 10px;
	background: linear-gradient(to right, #2db5aa, #025eac);
	text-align: center;
	line-height: 70px;
	color: #fff;
}

.careerc_list {
	margin-top: 40px;
	border-top: 1px solid #acacac;
}

.careerc_p1 {
	margin-top: 40px;
	margin-bottom: 20px;
	font-weight: bold;
}

/**/

.law {
	margin-top: 83px;
}

.law .law_p1 {
	color: #000;
	font-size: 32px;
}

.law_p2 {
	color: rgb(0, 0, 0, 0.96) !important;
}

.law p {
	/* margin-top: 10px; */
	color: rgba(0, 0, 0, 0.4);
}





/**/
.w1100 {
	width: 1100px;
	margin: 0 auto;
}

.analy_ul1 {
	width: 33%;
	text-align: center;
}

.analy_p1 {
	color: #000;
	padding-left: 80px;
	margin-top: 0;
}

.analy_p1::before {
	background: #ee7623;
	left: 60px;
}

.analy_title {
	width: 930px;
	background: #f4f4f6;
	margin: 20px 0 20px -50px;
	padding: 30px 0 30px 50px;
}

.analy_img1 {
	margin-left: 780px;
}

.analy_title img {
	width: 40px;
	height: 40px;
}

.analy_p1 strong {
	font-weight: normal;
	color: #ee7623;
}

.analy_bg {
	margin-top: -120px;
}

.analy_bg img {
	width: 100%;
}

.analy_p2 {
	font-size: 16px;
	margin: 40px 0 30px 0;
	color: #fff;
}

.analy_p3 {
	color: #fff;
}

.analy_bg1 {
	background: #253055;
}

.analy_serve {
	padding: 70px 140px;
}

.analy_p4 {
	padding-left: 70px;
	margin-top: 0;
}

.cro1_p4::before {
	left: 50px;
}

.analy_p5 {
	margin: 40px 0 30px 0;
	color: #213058;
}

.analy_p5 strong {
	font-weight: normal;
	color: #ee7623;
}

.analy_p6 {
	margin-top: 40px;
}

.analy_a1 {
	margin-bottom: 40px;
	margin-top: 80px;
}

.analy_a1 img {
	width: 100%;
}


.plat_list {
	display: none;
}

.plat_list.on {
	display: block;
}

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

.detect_list {
	display: none;
}

.detect_list.on {
	display: block;
}

.detect_tit {
	width: 12%;
	display: inline-block;
	padding: 20px 0;
	border-radius: 7px;
	background: #ee7623;
	color: #fff;
	text-align: center;
}

.detect_tit2 {
	padding: 5px 0;
}

.detect_tit.on {
	background: #213058;
}

.detect_tit:hover {
	cursor: pointer;
}

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

.plat_tit {
	display: inline-block;
	/* width: 166px; */
	width: 16%;
	height: 43px;
	line-height: 43px;
	border-radius: 7px;
	background: #ee7623;
	color: #fff;
	text-align: center;
}

.plat_tit:hover {
	cursor: pointer;
}

.plat_tit.on {
	background: #213058;
}

.plat {
	padding-top: 40px;
	border-top: 1px solid #e6e6e6;
}

.plat_item {
	margin: 60px 0;
}

.plat_p1 {
	color: #213058;
	margin-top: 0;
}

.plat_p2 {
	margin-top: 40px;
}

.plat_p1::before {
	background: #213058;
	left: 10px;
}

.plat_item2 {
	margin-bottom: 50px;
}

.plat_p3 {
	background: #dedede;
}

.plat_p4 {
	color: #213058;
	font-size: var(--fs20);
}

.plat_con {
	margin-top: 40px;
}



.plat_item3 {
	display: flex;
	align-items: center;
	background: #dedede;
	padding: 10px;
	margin-top: 15px;
}

.plat_item3 img {
	height: 10px;
}

.plat_con .on .plat_img1 {
	display: none;
}

.plat_con .on .plat_img2 {
	display: block;
}

.plat_con .plat_img2 {
	display: none;
}

.serv_List img {
	width: 100%;
}

.plat_p5 {
	color: #213058;
	font-size: var(--fs20);
	border-radius: 5px;
	text-align: center;
	margin: 10px 0;
	border: 1px solid #213058;
	padding: 10px 0;
}

.plat_p6 {
	margin-top: 20px;
}

.plat_p7 {
	font-size: var(--fs20);
	text-align: center;
	color: #213058;
	margin-top: 20px;
}

.plat_p8 {
	color: #213058;
	font-size: var(--fs20);
	margin-top: 20px;
}

.plat_p9 {
	text-align: center;
	font-size: var(--fs20);
	color: #213058;
}

.plat_p10 {
	color: #213058;
	margin-bottom: 40px;
}

.plata1_list {
	margin-top: 40px;
}

.plata1_list img {
	width: 100%;
}

.plata1_item {
	width: 33%;
}

.platf1 {
	margin: 40px 0;
}

.plat_item .platd1 {
	margin: 40px 0;
}

.plat_p11 {
	color: #213058;
	padding-left: 55px;
	margin-top: 0;
}

.plat_p11::before {
	left: 35px;
	background: transparent;
	border: 1px solid #213058;
}

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

.plat_title2 .plat_p5 {
	width: 45%;
}

.detect_p1 {
	font-size: var(--fs18);
	margin: 40px 0;
	color: #213058;
}

.detect_p2 {
	font-size: 16px;
	color: #213058;
}

/**/
.cro_form {
	width: 1140px;
	margin: 0 auto;
	padding: 44px;
	background: #102a60;
	margin-bottom: 50px;
}

.cro_bg {
	background: #fff;
	padding: 30px 90px;
}

.cro_p10 {
	font-size: 30px;
	font-weight: bold;
	color: #031e3a;
}

.cro_ul3 {
	margin-top: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.from_select {
	width: 32%;
}

.from_select2 {
	width: 49.4%;
	margin-top: 10px;
	position: relative;
}

.from_select select {
	width: 100%;
	background: #afafaf;
	border-radius: 4px;
	border: none;
	outline: none;
	height: 52px;
	line-height: 52px;
	padding: 0 15px;
	color: #fff;
}

.cro_ul4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 10px;
}

.cro_ul4 input {
	width: 32%;
	height: 35px;
	border: 1px solid #f0f0f0;
	outline: none;
	padding: 0 10px;
	margin-bottom: 10px;
}


.cro_ul5 textarea {
	border: 1px solid #f0f0f0;
	outline: none;
	padding: 10px;
	width: 100%;
	height: 60px;
}

.cro_ul6 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}

.cro_li2 {
	display: flex;
}

.cro_p11 {
	color: #213058;
	font-size: 14px;
}

.cro_p12 {
	color: #ee7623;
	font-size: 14px;
}

.cro_li2 input {
	margin-right: 10px;
}

.cro_li3 a {
	display: inline-block;
	border-radius: 6px;
	padding: 8px 15px;
	background: #23509b;
	color: #fff;
}

.cro_con2 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}

.cro_con2 img {
	height: 60px;
}

.cro_ul7 {
	width: 20%;
	text-align: center;
	margin-right: 20px;
}

.cro_ul8 {
	width: 20%;
	text-align: center;
}

select,
option {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	font-style: normal;
}

.from_select2 img {
	position: absolute;
	right: 20px;
	top: 20px;
}

.select3 {
	width: 100%;
	background: #afafaf;
	border-radius: 4px;
	border: none;
	outline: none;
	height: 52px;
	line-height: 52px;
	padding: 0 15px;
	color: #fff;
}

xm-select {
	min-height: 52px !important;
	line-height: 52px !important;
	background: transparent !important;
	border: none !important;
}

xm-select>.xm-tips {
	color: #fff !important;
}

xm-select .xm-label .xm-label-block {
	height: 42px !important;
	line-height: 42px !important;
	background: #102a60 !important;
}

xm-select>.xm-icon {
	border: none !important;
}

.detect_p3 {
	margin-top: 20px;
}

.detect_p4 {
	margin-top: 10px;
}

/**/
/**/


.pr_list {
	width: 92%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.pr_item {
	position: relative;
	width: 32.5%;
	margin-right: 15px;
	margin-top: 15px;
	overflow: hidden;
}

.pr_item:nth-child(3n) {
	margin-right: 0;
}

.pr_item img {
	width: 100%;
	transition: all 0.3s ease;
}

.pr_title {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 11;
	width: 100%;
	height: 100%;
	padding: 40px 30px;
	transition: all 0.3s ease;
}

.pr_hr {
	width: 20px;
	height: 4px;
	background: #fff;
}

.pr_p1 {
	font-size: 28px;
	color: #fff;
	font-weight: bold;
	margin-top: 10px;
}

.pr_page {
	text-align: center;
}

.pr_page span {
	margin: 30px 5px 0 5px;
	background: #159848;
}

.pr_item2 {
	margin-top: 60px;
	opacity: 0;
	transition: all 0.3s ease;
}

.pr_itemp1 {
	font-size: var(--fs18);
	font-weight: bold;
	color: #fff;
	transition: all 0.3s ease;
	margin-top: 30px;
}

.pr_itemp2 {
	font-size: 14px;
	color: #fff;
	transition: all 0.3s ease;
}

.pr_itema1 {
	color: #fff;
	width: 86%;
	position: absolute;
	bottom: 20px;
}

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

.pr_bo {
	width: 0%;
	height: 2px;
	background: #fff;
	margin-top: 10px;
	transition: all 0.5s ease;
}

.pr_itema1:hover {
	color: #fff;
}

.pr_itema1 i {
	font-size: var(--fs24);
}

.pr_item:hover .pr_item2 {
	opacity: 1;
}

.pr_item:hover .pr_title {
	background: rgba(0, 0, 0, 0.2);
}

.pr_item:hover .pr_itemp1,
.pr_item:hover .pr_itemp2 {
	transform: translateY(-10px);
}

.pr_item:hover .pr_bo {
	width: 100%;
}

.pr_item:hover img {
	transform: scale(1.05);
}

/**/
.raav_ul1 {
	margin-top: 150px;
}

.raav_li1 {
	padding: 40px 50px;
}

.raav_p1 {
	color: #e39935;
	margin-top: 10px;
}

.raav_p2 {
	color: #213058;
}

.raav_ul2 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.raav_ul2 img {
	width: 100%;
	margin: 20px 0;
	margin-top: 20px;
}

.raav_s1 {
	margin-top: 20px;
	font-size: 16px;
	color: #fff;
	position: relative;
	margin-right: 20px;
}

.raav_s1::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 8px;
	left: 10px;
}


.triask {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	background: #f8f8f8;
	margin-top: 40px;

}

.triask_list {
	width: 23%;
}

.triask_p1 {
	padding: 40px 0px;
	border-radius: 10px;
	background: #0f7673;
	color: #fff;
	font-size: var(--fs24);
	text-align: center;
	position: relative;
}

.triask_p1::before {
	content: url(../demo/triaskimg1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 38px;
	right: -8%;
}

.triask_p2::before {
	content: "";
}

.triask_item {
	margin-top: 30px;
	border-radius: 10px;
	background: #fff;
	padding: 46px 40px;
	text-align: center;
	position: relative;
}

.triask_item::before {
	content: '';
	background-image: url(../demo/triaskimg2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 45%;
	right: -10%;
	width: 30px;
	height: 18px;
}

.triask_p3 {
	font-size: var(--fs18);
	font-weight: 600;
	line-height: 1.4;
}

.triask_p5 {
	margin-top: 5px;
}

.triask_line {
	width: 100%;
	border: 1px dashed rgb(182, 197, 198);
	margin: 80px 0;
}

.triask_line3 {
	margin: 60px 0;
}

.triask_item2 {
	margin-top: 30px;
	border-radius: 10px;
	background: #fff;
	padding: 150px 40px;
	text-align: center;
	position: relative;
}

.triask_item2::before {
	content: url(../demo/triaskimg3.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	bottom: -8%;
	right: 45%;
}

.triask_item3 {
	margin-top: 30px;
	border-radius: 10px;
	padding: 26px 10px;
	text-align: center;
	position: relative;
	background: #ebeeee;
}

.triask_item3::before {
	content: url(../demo/triaskimg1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 45%;
	right: -8%;
}

.triask_item4 {
	margin-top: 30px;
	border-radius: 10px;
	background: #fff;
	padding: 25px 20px;
	text-align: center;
	position: relative;
}

.triask_item4::before {
	content: '';
	background-image: url(../demo/triaskimg2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 90%;
	right: -10%;
	width: 30px;
	height: 18px;
}

.triask_line2 {
	width: 100%;
	border: 1px dashed rgb(182, 197, 198);
	margin: 10px 0;
}

.triask_item5 {
	padding: 20px 10px;
}

.triask_item5::before {
	content: "";
}

.triask_item6 {
	padding: 35px 40px;
}

.triask_item6::before {
	content: "";
	background-image: none;
}

.triask_a1 {
	font-size: var(--fs24);
	font-weight: bold;
}


/**/

/**/
.guarant {
	margin-top: 80px;
}

.detect_tab tr th {
	width: 25%;
	height: 50px;
	background: #d3ddeb;
	border: 1px solid rgb(0 0 0 / 10%);
}

.detect_tab tr td {
	border: 1px solid rgb(0 0 0 / 10%);
}

.detect_tab p {
	padding: 10px;
}

.detect_tab table {
	border: 1px solid rgb(0 0 0 / 10%);
}

.detect_tab2 tr th:first-child {
	width: 19%;
}

.guarant_content tr:first-child td {
	width: 25%;
}

.cent_ma1 {
	margin-top: 30px;
}

/**/
.box_list {
	position: relative;
	list-style: none;
	padding: 10px 0;
	border-bottom: 1px solid #e0e2e5;
}


.box_list .box_item1,
.box_list .box_item2,
.box_list .box_item3 {
	display: none;
}

.box_one,
.box_two {
	position: relative;
	margin: 5px 10px;
}

.box_one a,
.box_two a {
	display: inline-block;
	width: 100%;
	/* border-bottom: 1px solid #e0e2e5; */
}

.box_one:last-child,
.box_two:last-child {
	border-bottom: none;
}

.box_a1,
.box_a2 {
	display: block;
	width: 100%;
	padding: 5px 0;
}

.box_list .box_s1 {
	width: 25px;
	height: 29px;
	position: absolute;
	right: 0px;
	top: 10px;
	background: url(../img/jia_black2.svg) no-repeat center;
	background-size: 16px;
}

.box_one .box_s2,
.box_two .box_s3 {
	width: 25px;
	height: 29px;
	position: absolute;
	right: 15px;
	top: 0px;
	background: url(../img/jia_black2.svg) no-repeat center;
	background-size: 16px;
}

.box_list.on .box_s1,
.box_one.on .box_s2,
.box_two.on .box_s3 {
	background-image: url(../img/jian_black2.svg);
	background-size: 15px;
}

.manual_item2 {
	padding: 0;
	display: flex;
	justify-content: space-between;
	background: #fbfbfb;
}

.manual_item2:hover {
	cursor: pointer;
}

.serv_List2 {
	display: none;
}




.med_p1 {
	position: relative;
	padding-left: 20px;
}

.med_p1::before {
	content: "";
	width: 10px;
	height: 21px;
	border-radius: 5px;
	background: #0f7673;
	position: absolute;
	top: 4px;
	left: 0;
}

/**/



/**/

.use_swiper {
	overflow: hidden;
	margin-top: -50px;
	box-shadow: 0px 12px 120px 0px rgba(207, 207, 207, 0.36);
	width: 100%;
	background: #fff;
	z-index: 11;
	position: relative;
	border-radius: 10px;
}

.uesr_top {
	text-align: center;
	transition: all 0.3s ease;
	padding: 30px 0;
	position: relative;
}

.uesr_top::before {
	content: "";
	width: 1px;
	height: 90px;
	position: absolute;
	top: 75px;
	right: 0;
	background: #dcdcdc;
}



.uesr_top img {
	width: 30%;
	transition: all 0.3s ease;
}

.user_p1 {
	font-size: var(--fs24);
	color: #000;
	margin: 10px 0;
}

.user_p2 {
	font-size: 14px;
	color: #999;
}

.user_img1 {
	/* display: block; */
	opacity: 1;
	visibility: visible;
}

.user_img2 {
	opacity: 0;
	visibility: hidden;
	display: none;
}

.uesr_top:hover .user_img1 {
	opacity: 0;
	visibility: hidden;
	display: none;
}

.uesr_top:hover .user_img2 {
	opacity: 1;
	visibility: visible;
	display: inline-block;
}

.uesr_top:hover {
	background: var(--color);
	transform: scale(1.1);
}

.uesr_top:hover .user_p1,
.uesr_top:hover .user_p2 {
	color: #fff;
}

.about_ul7 {
	margin-top: 50px;
}

.about_ul8 {
	padding-top: 30px;
	border-top: 1px solid #e4e4e4;
}

.index_more {
	display: inline-block;
	background: var(--color);
	border-radius: 30px;
	padding: 10px 50px;
	color: #fff;
	margin-top: 40px;
}

.index_more i {
	margin-left: 15px;
	font-size: 20px;
	transition: all 0.3s ease;
}

.index_more:hover i {
	margin-left: 30px;
}

.index_more .sdicon {
	margin-left: 0;
	margin-right: 15px;
}

.index_more:hover .sdicon {
	margin-left: 15px;
}

.index_more2{
    margin-top: 0;
    margin-bottom: 40px;
}

.carou_item {
	text-align: center;
	/* background: linear-gradient(to bottom, #f0f7ff, #e1efff); */
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 0 10px;
}

.carou_item.swiper-slide-active {
	background: linear-gradient(to top, #ebf4ff, #fff);
}

.carou_item img {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.carou_li2 {
	overflow: hidden;
	border-radius: 10px;
}

.carou_item:hover .carou_li2 img {
	transform: scale(1.1);
}

.carou_item:hover .carou_p4 i {
	color: var(--color);
}

.carouselSwiper {
	margin-top: 40px;
	position: relative;
}

.carou_li1 {
	padding: 30px 16px 65px 16px;
	display: none;
}

.carou_item.swiper-slide-active .carou_li1 {
	display: block;
}

.carou_p1 {
	font-size: var(--fs24);
	color: #333;
}

.carou_p2 {
	font-size: 16px;
	color: #666;
	margin-top: 20px;
}

.carou_p3 {
	font-size: 16px;
	color: #666;
}

.carou_p4 {
	margin-top: 30px;
}

.carou_p4 i {
	font-size: var(--fs20);
	transition: all 0.3s ease;
}

.carou_page {
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 11;
	width: 70%;
	display: flex;
	justify-content: space-between;
}

.use_page {
	top: 50%;
	width: auto;
	position: relative;
}

.use_page .use_prev {
	position: absolute;
	left: -20px;
	top: -140px;
}

.use_page .use_next {
	position: absolute;
	right: -20px;
	top: -140px;
}

.footer_ul7 img {
	height: 50px;
}

.footer_ul9 {
	/* width: 33%; */
	display: flex;
	font-size: 14px;
}

.footer_ul9 a {
	position: relative;
	display: inline-block;
	/* width: 45px;
	height: 45px;
	line-height: 45px; */
	text-align: center;
	/* border-radius: 50%; */
	color: #fff;
	margin-right: 20px;
	/* background: #00AEC7; */
	/* margin-top: 30px; */
}

.footer_ul9 a:hover .footer_ul4_wx {
	opacity: 1;
	visibility: visible;
}

.footer_ul9 a:last-child {
	margin-right: 0;
}

.footer_ul9 .foot_img1 {
	/* height: 20px;
	margin-top: 13px; */
	max-width: 80%;
	max-height: 20px;
	margin-top: 13px;
	cursor: pointer;
}

.footer_ul9 .foot_b1 {
	height: 14px;
}

.carou_page span {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: var(--color);
	border-radius: 50%;
	color: #fff;
}

.carou_page span:hover {
	cursor: pointer;
}

.new_title {
	display: flex;
	justify-content: center;
	width: 100%;
	background: #fff;
	box-shadow: 0px 7px 30.4px 1.6px rgba(51, 51, 51, 0.09);
}



.new_title a {
	display: inline-block;
	padding: 20px 10px;
	margin: 0 40px;
}

.new_title a:hover {
	border-bottom: 2px solid #10487e;
	color: #10487e;
}

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

.new_title2 a {
	margin: 0;
}

.new_a1 {
	border-bottom: 2px solid #10487e;
	color: #10487e;
}

.new_main {
	width: 100%;
	background: #f8fafb;
}

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

.new_all_left {
	width: 68%;
}

.new_all_li1 {
	overflow: hidden;
}

.new_all_li1 img {
	width: 100%;
	transition: all 0.3s ease;
}

.new_all_left:hover .new_all_li1 img {
	transform: scale(1.1);
}

.new_all_right {
	width: 30%;
}

.new_all_li2 {
	background: #fff;
	padding: 20px 30px;
}

.new_all_li3 {
	display: inline-block;
	background: #fff;
	padding: 27px 30px;
	margin-top: 20px;
	transition: all 0.3s ease;
}

.new_all_li3:hover {
	box-shadow: 0px 1px 18.86px 0.14px rgb(75 75 75 / 10%);
}

.new_all_li3:first-child {
	margin-top: 0;
}

.new_li_p1 {
	font-size: 14px;
	color: #888;
}

.new_li_p2 {
	font-size: var(--fs20);
	color: #135091;
}

.new_li_p3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	margin-top: 10px;
	font-size: var(--fs20);
	color: #135091;
}

.new_all_item {
	display: inline-block;
	width: 100%;
	background: #fff;
	padding: 20px 30px;
	margin-top: 20px;
	transition: all 0.3s ease;
	box-shadow: 0px 0px 5px 0.9px rgba(51, 51, 51, 0.05);

}

.new_all_p1 {
	font-size: 14px;
	color: #888;
}

.new_all_p2 {
	font-size: var(--fs20);
	margin: 10px 0;
	color: #135091;
	transition: all 0.3s ease;

}

.new_all_p3 {
	font-size: 16px;
	color: #222;
}

.new_all_p4 {
	margin-top: 20px;
	transition: all 0.3s ease;

}

.new_all_item:hover {
	box-shadow: 0px 1px 18.86px 0.14px rgb(75 75 75 / 10%);
}

.new_all_item:hover .new_all_p2 {
	color: #135091;

}

.new_all_item:hover .new_all_p4 {
	color: #f7972e;
}

.new_all_p5 {
	font-size: 32px;
	color: #333;
}


.new_b3_list {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;

}

.new_b3_item {
	width: 24%;
	margin-right: 15px;
	margin-top: 20px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 9px 32px 0px rgba(51, 51, 51, 0.09);
}



.new_b3_li1 {
	overflow: hidden;
	position: relative;
}

.new_b3_li1 img {
	width: 100%;
	transition: all 0.3s ease;
}

.video_btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.new_b3_item:nth-child(4n) {
	margin-right: 0;
}

.new_b3_item:hover .new_b3_li1 img {
	transform: scale(1.1);
}

.new_b3_li2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	padding: 20px 20px;
}

.new_b3_li2 span {
	font-size: var(--fs24);
	font-size: var(--fs18);
	color: #333;
}

.new_hr1 {
	width: 100%;
	height: 1px;
	background: #e4e4e4;
	margin: 80px 0;
}

.new_b4_item {
	width: 33%;
	margin-right: 15px;
	margin-top: 20px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 9px 32px 0px rgba(51, 51, 51, 0.09);
}

/**/

/**/


.system {
	position: relative;

}

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

.system_left {
	width: 30%;
}

.system_right {
	width: 55%;
}

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

.system_con {
	overflow: hidden;
	margin-top: 30px;
}

.system_item {
	text-align: right;
	/* width: 20% !important; */
}

.system_item:hover {
	cursor: pointer;
}

.system_list .swiper-slide-thumb-active {
	/* border-bottom: 1px solid #124d8a; */
	color: #124d8a;
}



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

.system_ul1 {
	width: 55%;
}

.system_ul1:hover .system_li img {
	transform: scale(1.05);
}

.system_ul2 {
	width: 40%;
	margin-top: 40px;
}

.system_li {
	overflow: hidden;
	border-radius: 10px;
}

.system_li img {
	width: 100%;
	transition: all 0.3s ease;
}

.system_p2 {
	font-size: var(--fs24);
	font-weight: bold;
	color: #124d8a;
}

.system_p3 {
	margin-top: 40px;
	text-align: justify;
}

.system_p4 {
	margin-top: 50px;
}


.pr_main {
	display: flex;
	justify-content: flex-end;
	margin-top: 40px;
}

.pr_main span {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	border: 1px solid #e0e0e0;
	border-radius: 50%;
	margin-left: 30px;
	transition: all 0.3s ease;
}


.pr_main span:hover {
	border: 1px solid var(--color);
	background: var(--color);
	cursor: pointer;

}

.pr_main span:hover i {
	color: #fff;
}

.pr_main i {
	color: #e0e0e0;
}

.system_p6 {
	font-size: 42px;
	color: #333;
	font-weight: bold;
}

/**/

.base {
	width: 100%;
	background-image: url(../img/about/basebg.jpg);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.base_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: var(--mt45p);
}

.base_item {
	width: 30%;
	background: #fff;
	box-shadow: 0px 0px 33.25px 1.75px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	text-align: center;
	padding: 50px 20px;
	transition: all 0.3s ease;
}

.base_li1 {
	overflow: hidden;
	border-radius: 10px;
}

.base_li1 img {
	width: 100%;
	transition: all 0.3s ease;
}

.base_li2 {
	padding: 20px;
}

.base_p1 {
	font-size: var(--fs24);
	color: #222;
	margin-bottom: 20px;
}

.base_p2 p {
	font-size: var(--fs18);
	color: #555;
	padding-left: 15px;
	position: relative;
}

.base_p2 p::before {
	position: absolute;
	left: 0px;
	top: 15px;
	content: "";
	width: 10px;
	height: 2px;
	background: #999;
}

.base_item:hover .base_li1 img {
	transform: scale(1.1);
}

.baseimgli img {
	height: 51px;
}

.baseimg1 {
	display: inline-block;
}

.baseimg2 {
	display: none;
}

.base_item:hover .baseimg1 {
	display: none;
}

.base_item:hover .baseimg2 {
	display: inline-block;
}

.base_item:hover {
	background: var(--color);
}

.base_item:hover .about_wzp3,
.base_item:hover .about_wzp4 {
	color: #fff;
}

.about_wzp3 {
	font-size: var(--fs36);
	color: #000;
	margin-top: 20px;
}

.about_wzp4 {
	font-size: var(--fs20);
	margin-top: 10px;
	color: var(--color2);
}

.select {
	overflow: hidden;
}

.smileSwiper,
.deveSwiper {
	overflow: visible;
}

.deveSwiper {
	position: relative;
	padding-bottom: 80px;
}

.aboufz_slide {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 27.55px 1.45px rgba(0, 0, 0, 0.15);
	padding: 30px 20px;
}

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

.xxhomeaimg {
	overflow: hidden;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.aboutfzimg1 {
	overflow: hidden;
	border-radius: 10px;
	margin-top: 10px;
}

.aboutfzimg1 img {
	transition: all 0.3s ease;
	width: 100%;
	border-radius: 10px;
}

.aboutfzp1 {
	font-size: var(--fs65);
	line-height: 1.2;
	color: var(--color);
	font-weight: bold;
}

.aboutfzp2 {
	font-size: var(--fs20);
	color: var(--color2);
	margin-top: 15px;
	min-height: 100px;
}

.deve {
	position: relative;
}


.deve_pagin.swiper-pagination-progressbar {
	top: auto;
	bottom: 0px;
	width: 100%;
	left: 0%;
	height: 4px;
}

.deve_pagin.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--color);
}


.xxhomeaimg img {
	width: 100%;
	transition: all 0.3s ease;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.xxhomeap1:before {
	transition: all 0.5s ease;
}


.xxhomeaaul:hover {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.xxhomeaaul:hover .xxhomeaimg img {
	transform: scale(1.1);
}

.xxhomeaaul:hover .xxhomeap1:before {
	width: 100%;
}

.xxhomeaam {
	overflow: hidden;
	background: #fff;
	box-shadow: 3px 3px 16px #e9e8e8;
	position: relative;
}

.xxhomeah3 {
	font-size: var(--fs36);
	color: #fff;
}

.xxhomeahp1 {
	font-size: var(--fs20);
	color: #fff;
	margin-top: 10px;
	min-height: 80px;
}

.smile_btn2 span {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #e6e6e6;
	border-radius: 50%;
	color: #6e6e6e;
	transition: all 0.3s ease;
}

.smile_btn2 span:hover {
	cursor: pointer;
	color: #fff;
	background: var(--color);
}

.honorSwiper {
	position: relative;
	padding: 0 60px;
}

.honor_list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

.honora1_item {
	width: 32%;
	margin-right: 2%;
	margin-top: 35px;
}

.honora1_item:nth-child(3n) {
	margin-right: 0;
}

.honora1_item img {
	width: 100%;
}

.honor_btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 11;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.contact_main {
	width: 100%;
	background: #f5f5f5;
}

.contact_item2 {
	overflow: hidden;
	transition: all 0.3s ease;
}

.contact_item2:hover .publi1 img {
	transform: scale(1.1);
}

.contact_li2 {
	padding: 30px 40px;
	background: #fff;
}

/* .contact_item2:hover {
	box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
} */

.contact_p4 {
	font-size: var(--fs28);
	color: var(--color);
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}

.contact_p5 {
	font-size: var(--fs20);
	color: var(--color2);
	text-align: center;
}

.join {
	padding-top: 0;
}

.serv_List h3 {
	color: #333;
	padding: 20px 0;
}



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

.serv_left {
	width: 45%;
}

.serv_title p {
	color: var(--color2);
}

.serv_title .user_p3 {
	color: var(--color);
	padding-top: 0;
	font-size: var(--fs28);
	margin-bottom: 10px;
}

.serv_right {
	width: 45%;
}

.user_s1 {
	display: inline-block;
	border: 1px solid #bfbfbf;
	padding: 15px 30px;
	border-radius: 50px;
	width: 600px;
	margin-top: 40px;
	position: relative;
}

.user_s1 .index_more {
	position: absolute;
	right: 5px;
	top: 5px;
}



.pub_p1 h3 {
	font-size: 34px;
	margin-bottom: 30px;
	color: #135091;
	font-weight: bold;
	line-height: 1.2;
}

.pub_p1 p {
	font-size: var(--fs18);
	color: #333;
}

.mal_p1 {
	font-size: 34px;
	color: #135091;
	font-weight: bold;
	line-height: 1.2;
}

.mal_p2 {
	font-size: var(--fs18);
	color: #333;
	margin-top: 30px;
}

.pub_p1 li {
	font-size: var(--fs18);
	color: #555;
	position: relative;
	padding-left: 30px;
}

.pub_p1 li::before {
	position: absolute;
	left: 6px;
	top: 10px;
	content: "";
	width: 7px;
	height: 7px;
	border: 2px solid #2c5e8d;
	transform: rotate(45deg);
}

.mal_p3 {
	font-size: var(--fs18);
	color: #555;
	position: relative;
	padding-left: 30px;
}

.mal_p3::before {
	position: absolute;
	left: 6px;
	top: 10px;
	content: "";
	width: 10px;
	height: 10px;
	border: 2px solid #2c5e8d;
	transform: rotate(45deg);
}


.mal_p4 {
	margin-top: 10px;
}

.mal_p8 {
	margin-top: 20px;
}

.mal_p5 {
	margin-top: 50px;
}

.mal_p9 {
	color: #135091 !important;
	position: relative;
	padding-left: 55px;
}

.mal_p9 em {
	font-style: normal;
	position: absolute;
	top: -3px;
	left: 30px;
}

.mal_img img {
	width: 100%;
	margin-top: 20px;
}

.text_c {
	text-align: center;
}

.mal_img2 {
	width: 80%;
	margin: 0 auto;
	margin-top: 20px;
}

.mal2_img {
	display: flex;
	justify-content: space-evenly;
}

.mal_p6 {
	font-size: var(--fs20);
	color: #145192;
}

.mal_p7 {
	padding-left: 30px;
	font-size: var(--fs18);
	color: #555;
}

.mal2_list {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
}

.mal2_item {
	width: 19%;
	box-shadow: 0px 0px 17.1px 0.9px rgba(51, 51, 51, 0.09);
	text-align: center;
	padding: 20px 0;
	border-radius: 10px;
	margin-right: 13px;
	overflow: hidden;
	background: #fff;
}

.mal2_item:nth-child(5n) {
	margin-right: 0;
}

.mal2_p1 {
	font-size: 16px;
	color: #10487e;
	/* margin-top: 10px; */
	min-height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mal2_item:hover .publi1 img {
	transform: scale(1.1);
}

.mal3_main {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

}

.mal3_ul1 {
	width: 20%;
}

.malstyle {
	position: sticky;
	top: 100px;
}

.mal3_ul2 {
	width: 78%;
}

.mal3_con {
	display: none;
}

.mal3_con.on {
	display: block;
}

.mal3_tit {
	transition: all 0.3s ease;
	color: #333;
	font-size: var(--fs18);
}

.mal3_tit.on {
	color: #f7972e;
}

.mal3_tit:hover {
	color: #f7972e;
	cursor: pointer;
}

.mal3_tit i {
	font-size: var(--fs20);
	opacity: 0;
	visibility: hidden;
}

.mal3_tit.on i {
	opacity: 1;
	visibility: visible;
}

.mal3Swiper1,
.mal3Swiper2 {
	overflow: hidden;
	padding: 20px;
}

.mal3_m1 {
	margin-top: 40px;
}

.qua_List .user_p3 {
	color: #10487e;
	padding-top: 0;
}

.qua_title {
	display: flex;
	flex-wrap: wrap;
}

.qua_title p {
	display: inline-block;
	width: 100%;
	font-size: var(--fs18);
	color: #555;
}

.qua_s1 p {
	width: 33%;
}

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

.qua_m2 {
	padding-top: 20px;
}

.mal_p10 {
	padding-left: 50px;
}

.pre_list {
	display: flex;
	flex-wrap: wrap;
}

.pre_item {
	width: 15%;
	margin-right: 26px;

}

.pre_item p {
	position: relative;
	padding-left: 10px;
	font-size: 16px;
}

.pre_item:nth-child(6) {
	margin-right: 0;
}

.pre_item p::before {
	content: "-";
	position: absolute;
	left: 0;
	top: 0;
}

.pre_p1 {
	position: relative;
	padding-left: 15px;
	font-size: var(--fs24);
	color: #135091;
}

.pre_p1::before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 5px;
	height: 22px;
	border-radius: 1px 4px 4px 1px;
	background: #10487e;
}

.pre_title {
	background: #f2f5f8;
	border-radius: 10px;
	margin-top: 20px;
	padding: 20px 20px 20px 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pre_title2 {
	background: #f2f5f8;
	border-radius: 10px;
	margin-top: 20px;
	padding: 20px 20px 40px 40px;
}

.pre_title3 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 10px;
}

.pre_ul1 {
	width: 60%;
}

.pre_ul2 img {
	border-radius: 10px;
}

.pre_p2 {
	font-size: var(--fs18);
	color: #555;
}

.pre_ul3 {
	width: 50%;
}

.pre_ul4 {
	width: 50%;
}

.pre_p3 {
	padding-left: 30px;
	margin-top: 20px;
	font-size: var(--fs18);
	color: #555;
}

.pre_p4 span {
	margin-right: 30px;
}

.pre_p5 {
	display: flex;
	margin-top: 30px;
}

.pre_p6 {
	display: flex;
	flex-direction: column;
	margin-right: 50px;
}

.pre_p7 {
	color: #10487e;
}

.pre_p8 {
	margin-top: 100px;
}

.pre_p8 img {
	border-radius: 10px;
}

.pre_p9 {
	margin-top: 40px;
}

.pre_p9 img {
	border-radius: 10px;
}

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

.pre_ul5 {
	width: 49%;
}

.pre_p10 {
	min-height: 60px;
}

.pre_p11 {
	min-height: 300px;

}

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

.cont_p7 {
	display: inline-block;
	width: 18%;
}

.cont_p8 {
	width: 82%;
}

.map_main {
	position: relative;
}

.map_main img {
	width: 100%;
}

.map_a1 {
	position: absolute;
	top: 37%;
	left: 55%;
}

.map_a2 {
	position: absolute;
	top: 72%;
	left: 35%;
}

.map_a3 {
	position: absolute;
	top: 76%;
	left: 33%;
}

.map_a4 {
	position: absolute;
	top: 40%;
    left: 64.5%;
}

.map_img1 {
	position: absolute;
	top: -130px;
	left: -80px;
	background-image: url(../img/about/mapimg2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 210px;
	height: 131px;
	padding: 10px 13px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.map_p1 {
	font-size: 16px;
	color: var(--color);
}

.map_p2 {
	font-size: 14px;
	color: #333;
}

.map_item:hover .map_img1 {
	opacity: 1;
	visibility: visible;
}

.map_item img {
	width: 20px;
}

.manual li::before {
	position: static;
	width: 0;
	height: 0;
	border: 0;
}

.manual li {
	padding-left: 0;
}

.pro_bg {
	background: #f7f9fb;
}

.pro_navbg {
	display: flex;
	justify-content: center;
}

.pro_a1 {
	border-radius: 45px;
	padding: 15px 40px;
	font-size: var(--fs24);
	transition: all 0.3s ease;
	text-align: center;
}

.pro_a1.on {
	background: var(--color);
	transition: all 0.3s ease;
	color: #fff;
}

.pro_a1 img {
	height: 40px;
}


.pro_a1 .proimg1 {
	display: inline-block;
	transition: all 0.3s ease;
}

.pro_a1 .proimg2 {
	display: none;
	transition: all 0.3s ease;

}

.pro_a1.on .proimg1 {
	display: none;
}

.pro_a1.on .proimg2 {
	display: inline-block;
}

.pro_a1:hover {
	background: var(--color);
	color: #fff;
}

.pro_a1:hover .proimg1 {
	display: none;
}

.pro_a1:hover .proimg2 {
	display: inline-block;
}

.pro_alist {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	/* margin-top: var(--mt45p); */
}

.pro_aitem {
	width: 31%;
	margin-right: 2%;
	position: relative;
	margin-top: var(--mt45p);
	background: #fff;
	border-radius: 10px;
	transition: all 0.3s ease;
	padding: 30px 20px;
}

.pro_aitem:nth-child(3n) {
	margin-right: 0;
}

.proa_li2 {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
}

.proa_li3 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--color);
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	padding: 40px 30px;
}

.pro_aitem:hover .proa_li3 {
	opacity: 1;
	visibility: visible;
}

.proa_p1 {
	color: #fff;
	font-size: var(--fs20);
	font-weight: bold;
}

.proa_p2 {
	color: #fff;
	font-size: var(--fs16);
	margin-top: 10px;
}

.proa_p3 {
	border-radius: 30px;
	color: #fff;
	/* margin-top: 25px; */
	border: 1px solid #fff;
	padding: 6px 30px;
	display: inline-block;
	position: absolute;
	bottom: 30px;
}

/*  */

.pagination p {
	margin: 0;
	cursor: pointer
}

.pagination .prev,
.pagination .next {
	font-size: 23px;
}

.pagination {
	height: 40px;
	margin: 40px auto 0;
	vertical-align: middle;
}

.pagination a,
.pagination p {
	vertical-align: middle;
}


.pagination a {
	font-size: 12px;
	margin: 0 5px;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 39px;
	color: #333;
	text-align: center;
	padding: 0;
}

.pagination a:hover {
	color: #fff;
	background: var(--color);
}

.pagination a.nohover {
	font-size: 12px;
}

.pagination a.on {
	border: none;
	background: #2f318b;
	color: #fff;
}

.pagination p {
	font-size: 12px;
	margin: 0 5px;
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 1px solid #2f318b;
	line-height: 39px;
	color: #333;
	text-align: center;
}

.pagination p.pageRemark {
	border-style: none;
	background: none;
	margin-right: 0px;
	padding: 4px 0px;
	color: #666;
}

.pagination p.pageRemark b {
	color: red;
}

.pagination p.pageEllipsis {
	border-style: none;
	background: none;
	padding: 4px 0px;
	color: #808080;
}

.dates li {
	font-size: 14px;
	margin: 20px 0
}

.dates li span {
	float: right
}

@media screen and (max-width: 768px) {
	.nm {
		display: none !important;
	}

	.numbbb {
		display: none !important;
	}
}

.pagehei .pagination p,
.pagehei .pagination a {
	color: #fff;
}

/*  */

.pro_bg2 {
	margin-top: 82px;
}

/*  */

.productdetail {
	margin-top: 85px;
}

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

.productdetail_left {
	width: 35%;
	border-radius: 10px;
}

.productdetail_right {
	width: 57%;
}

.box_li {
	overflow: hidden;
	background: #fff;
	text-align: center;
	padding: 50px 0px;
}

.box_li img {
	width: 60%;
	transition: all 0.3s ease;
}

.productdetail_left:hover .box_li img {
	transform: scale(1.1);
}

.productde_p1 {
	font-size: var(--fs36);
	color: #000;
	font-weight: bold;
	line-height: 1.5;
}

.productde_p2 {
	margin-top: 30px;
}

.productde_p2 a {
	display: inline-block;
	border-radius: 30px;
	margin-right: 15px;
	padding: 6px 35px;
	font-size: 16px;
}

.productde_a1 {
	background: var(--color);
	border: 1px solid var(--color);
	color: #fff;
}

.productde_a1:hover {
	color: #fff;
}

.productde_a2 {
	background: transparent;
	border: 1px solid #dbbb70;
	color: #dbbb70;
}

.productde_a2:hover {
	color: #dbbb70;
}

.productde_a3 {
	background: transparent;
	border: 1px solid #b68b91;
	color: #b68b91;
}

.productde_a3:hover {
	color: #b68b91;
}

.productde_p3 {
	font-size: var(--fs24);
	margin-top: 10px;
	color: var(--color);
}

.zooldepro_cpm ul li {
	position: relative;
	padding-left: 10px;
}

.zooldepro_cpm ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 5px;
	height: 5px;
	background: var(--color);
	border-radius: 50%;
}

.productde_p4 {
	position: relative;
	padding-left: 10px;
}

.productde_p4::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 5px;
	height: 5px;
	background: var(--color);
	border-radius: 50%;
}


.productde_btn1 {
	display: flex;
	justify-content: space-around;
	margin-top: var(--mt45p);
	border-bottom: 1px solid #d2d2d2;
}

.zooldepro_title {
	padding: 5px 10px;
	color: #4c4948;
	font-size: var(--fs24);
}

.zooldepro_title.on {
	border-bottom: 2px solid var(--color);
}

.zooldepro_title:hover {
	color: var(--color);
	cursor: pointer;
}

.zooldepro_cpm {
	display: none;
	margin-top: 20px;
}

.zooldepro_cpm.on {
	display: block;
}

.zooldepro_cpm p {
	font-size: var(--fs18);
}

/*  */

/*  */
.pro_inp_p1 {
	font-size: var(--fs18);
	font-weight: var(--b400);
	position: relative;
	padding-left: 15px;
}

.pro_inp_p1:before {
	content: '*';
	position: absolute;
	left: 0;
	top: 2px;
	color: red;
}

.pro_inp_p2 {
	padding-left: 0;
}

.pro_inp_p2:before {
	display: none;
}

.pro_inp_p3 {
	margin-top: 10px;
}

.pro_input {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
}

.pro_inputli1 {
	width: 32%;
	margin-right: 20px;
}

.pro_inputli1:nth-child(3n) {
	margin-right: 0;
}

.pro_inputli1 input {
	width: 100%;
	padding: 15px 10px;
	border: 1px solid #ccc;
	outline: none;
	margin-top: 10px;
	font-family: normal;
}

.pro_inputli1 textarea {
	width: 100%;
	padding: 15px 10px;
	border: 1px solid #ccc;
	outline: none;
	font-family: normal;
	margin-top: 10px;

}

.pro_inputli2 {
	width: 100%;
	margin-top: 25px;
}

.pro_inputli2 img {
	height: 40px;
	margin-top: 40px;
}

.pro_input2 .pro_inputli1 {
	width: 48.7%;
}

.pro_input2 .pro_inputli1:nth-child(2n) {
	margin-right: 0;
}

.pro_input4 .pro_inputli1 {
	width: 100%;
}

.pro_input5 .pro_inputli1 {
	width: auto;
}

.pro_input5 {
	display: flex;
	flex-direction: column;
}

.pro_inputli2 {
	display: flex;
	gap: 10px;
}

.pro_inputli3 {
	display: flex;
	gap: 20px;
	margin-top: 20px;
}

.pro_inputli3_btn {
	display: inline-block;
	outline: none;
	border: none;
	padding: 10px 40px;
}

.pro_inputli3_btn2 {
	background: var(--color);
	color: #fff;
}

.pro_input6 {
	margin-top: var(--mt45p);
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.pro_input6 .base_item {
	text-align: left;
	padding: 30px 20px;
	width: 48%;
}

.pro_input6 .about_wzp4 {
	font-size: var(--fs18);
}

.contact_bg2{
	margin-top: 82px;
}
/*  */