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;
}

.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;
}

.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: 22px;
}

.sh3banerp0 {
	color: #fff;
	font-size: 22px;
}

.sh3banerp1 span {
	opacity: 0.4;
}

.sh3banerp4,
.sh3banerp5 {
	color: #fff;
	font-size: 20px;
}

.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: 180;
	/*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: 15%;
}

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

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

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


.xxlogo img {
	height: 30px;
}

.xxlogo1 {
	opacity: 0;
}

/**/
.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: 40px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

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

@media screen and (min-width: 1920px) {
	.nav_top2 {
		right: 350px;
	}
}

.nav_top2 .nav_ul1 {
	width: 14%;
}

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

.nav_p1 {
	font-size: 18px;
	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%;
	text-align: center;
}

.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_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: 20px;

}

.make_a1 {
	display: inline-block;
	width: 113px;
	height: 36px;
	line-height: 31px;
	border-radius: 20px;
	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: 25px;
}

.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 15px;
}

.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 .icon_1 {
	display: block;
}

.xxhead .icon_2 {
	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;
}

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

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

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

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

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

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



.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;
}

.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;
}

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

.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: 24px;
	margin-top: 25px;
	font-weight: bold;
}

.xxbanerp3 {
	margin-bottom: 25px;
	font-size: 20px;
	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: 4px;
	overflow: hidden;
	background: #fff;
	box-shadow: 3px 3px 16px #e9e8e8;
}

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

.xxhomeaaul {
	width: 19%;
}

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

.xxhomeaimg {
	overflow: hidden;
}

.xxhomeawz {
	padding: 35px;
	position: relative;
}

.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%;
}

.xxhomeah3 {
	margin-top: 20px;
}

.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: #002caf;
	width: 0;
}

.xxhomeaaul,
.xxhomeaimg img {
	transition: all 0.3s ease;
}

.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.02);
}

.xxhomeaaul:hover .xxhomeap1:before {
	width: 100%;
}

.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: 20px;
	transition: all 0.3s ease;
}

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

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

.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: 20px;
	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: 276;
	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: #4991f2;
}

.mes_li1 img {
	height: 22px;
}

.i1 {
	font-size: 20px;
}

.i3 {
	font-size: 22px;
}

.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: 20px;
}

.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: 18px;
	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: 40px;
	font-weight: bold;
	line-height: 1.2;
}

.banp2 {
	margin-top: 15px;
	font-size: 24px;
}

.banp3 {
	font-size: 48px;
	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: 18px;
	font-weight: normal;
}

.xxbanerp3 {
	font-size: 18px;
	text-align: left;
}

.xxhomeawz {
	padding: 10px 35px 46px;
}

.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: 18px;
	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: #0052d9;
}

.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: 24px;
	font-weight: bold;
}

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

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

.newdzxdesc img {
	width: 100%;
}

.newdzxdesc img {
	margin: 0 auto;
}

.sharelistsub a {
	font-size: 24px;
	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: #0052d9;
}

.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: 24px;
	line-height: 1.4;
	font-weight: bold;
}

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

.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: 32%;
	position: sticky;
	top: 0;
	right: 0;
}

.zxcdbtzwl {
	width: 60%;
}

.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: 18px;
}

.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: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 111;
	width: 1400px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

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

.bbbaner_page2 span {
	width: 15px;
	height: 15px;
	margin: 0 10px;
	background: #fff;
}

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

.bbbaner_page:hover i {
	cursor: pointer;
}


.baner_list {
	position: relative;
}

.baner_list img {
	width: 100%;
}

.baner_item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	/* z-index: 11; */
	padding-top: 10%;
}

.baner_p1 {
	color: #fff;
	/* margin-top: 130px; */
}

.baner_p2 {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
}

.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: 1400px;
	margin: 0 auto;
}

.pd80px {
	padding: 70px 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: 40px;
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.guard_p2 {
	font-size: 24px;
	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: 48px;
	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: 48px;
	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: 40px;
	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_swiper {
	margin-top: 40px;
	position: relative;
	overflow: hidden;
	width: 100%;
}


.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;
}

.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: 20px;
	font-weight: bold;
	position: relative;
}

.centre_name.on span {
	font-size: 20px;
	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: 20px;
	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: 24px;
	font-weight: bold;
}

.centre_p3 {
	text-align: left;
}

.cent_p6 {
	font-size: 20px;
	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: 48px;
	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: 22px;
	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: 22px;
	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: 22px;
	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;
	margin-top: 12px;
}

.sustain_ul1 {
	width: 30%;
}

.sustain_ul2 {
	width: 50%;
}

.down_p5 {
	font-size: 20px;
	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: 22px;
	font-weight: bold;
	margin-top: 20px;
}

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

.sustain2_p3 {
	margin-top: 40px;
}

.service_p4 {
	font-size: 40px;
	font-weight: bold;
	text-align: center;
}

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

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

/**/


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

.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%;
	margin-right: 10px;
}

.cent_ul4 {
	width: 90%;
}

.cent_s1 {
	background: linear-gradient(to right, #2db5aa, #025eac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 24px;
	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_ul5 img {
	max-width: 100px;
}

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

.cent_support {
	margin-top: 40px;
}

.cent_ul6 {
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
	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%;
	max-height: 243px;
}

.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_item {
	display: flex;
	justify-content: space-between;
	padding: 20px 50px;
	background: #fbfbfb;
}

.serv_List {
	display: none;
}

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

.manual_p1 {
	font-size: 18px;
	font-weight: bold;
}

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

.about_ul1 {
	width: 30%;
}

.about_ul2 {
	width: 60%;
}

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

.about_ul3 {
	margin-top: 40px;
	position: relative;
}

.about_ul3 img {
	width: 100%;
}

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

.about_ul42 {
	top: 57%;
}

.about_ul42:hover {
	cursor: pointer;
}

.about_ul2 p {
	line-height: 30px;
}

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

.about_ul6 {
	width: 23%;
	text-align: center;
}



.about_ul6:nth-child(4) {
	width: 30%;
}

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

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

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

.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: 20px;
	margin-top: 30px;
	color: #fff;
}

.miss_p2 {
	font-size: 18px;
	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 {
	background-image: url(../img/about/img3.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.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 {
	display: flex;
	justify-content: space-between;
}

.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: 36px;
	font-weight: bold;
}

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

.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 {
	display: flex;
	align-items: center;
	padding-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
	width: 50%;
	margin-top: 30px;
}

.contact_item_100 {
	width: 100%;
}

.contact_tit {
	margin-left: 15px;
}

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

.contact_p4 {
	font-size: 14px;
	font-weight: bold;
}

.contact_list2 {
	display: flex;
	margin-top: 50px;
}

.contact_item2 {
	text-align: center;
	width: 30%;
}

.contact_item2 img {
	width: 110px;
}

.contact_p5 {
	margin-top: 25px;
	color: rgb(0, 0, 0, 0.5);

}

.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: 40px;
	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: 22px;
	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: 22px;
	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: 20px;
	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;
}

.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;
}

.xxnew_page a.on {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: linear-gradient(to right, #2db5aa, #025eac);
	color: #fff;
	border-radius: 50%;
	margin: 0 5px;
}

.xxnew_page a:hover {
	background: linear-gradient(to right, #2db5aa, #025eac);
	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: 18px;
	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/join/join_bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 650px;
}

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

.join_p1 {
	font-size: 48px;
	font-weight: bold;
	line-height: 1;
}

.join_p2 {
	font-size: 20px;
	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_item:hover {
	cursor: pointer;

}

.join_p5 {
	font-size: 20px;
	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: 18px;
	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: 20px;
	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: 22px;
	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);
}

.jinghun{width: 16px; margin: 2px 2px 0 0;}

.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: 18px;
	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: -20px;
	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%;
	min-height: 520px;
}

.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: 24px;
	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;

}

.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 {
	transform: scale(1.05);
}

.detail_p2 {
	font-size: 20px;
	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: 24px;
	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: 20px;
	border: 1px solid #000;
	font-size: 14px;
}

.pop_title {
	/* width: 1000px; */
	background: #fff;
	border-radius: 20px;
	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: 40px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.prat_nav {
	width: 53%;
	top: 40%;
}

.hot_nav {
	width: 100%;
	top: 40%;
}

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

.prat_swiper {
	margin-top: 40px;
}

.pratner_li1 {
	overflow: hidden;
	padding: 20px;
	border-radius: 15px;
	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: 20px;
	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: 24px;
	font-weight: bold;
	position: relative;
	padding-left: 40px;

}

.pop_item .da_sheng {
	width: 100%;
	border: none;
	border-bottom: 1px solid #000;
	height: 40px;
	outline: none;
}

.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: 20px;
	overflow: hidden;
}

.hot_p1 {
	margin-top: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.hot_p2 {
	margin-top: 10px;
	color: rgb(0, 0, 0, 0.5);
	font-size: 14px;
}

.hot_p3 {
	margin-top: 30px;
}

.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: 24px;
	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: 24px;
	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: 20px;
	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: 24px;
	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);
}

/**/
.guarant {
	margin-top: 80px;
}

.guarant_content tr th {
	width: 25%;
	height: 50px;
	background: #d3ddeb;
	border: 1px solid rgb(0 0 0 / 10%);
}

.guarant_content p {
	text-align: justify;
}

.guarant_content td {
	padding: 10px;
}


.guarant_content table {
	border: 1px solid rgb(0 0 0 / 10%);
	border-collapse: collapse;
	border-spacing: 0;
}

.guarant_content tr:first-child td {
	width: 25%;
}


.detect_tab2 tr th:first-child {
	width: 19%;
}

.cent_ma1 {
	margin-top: 30px;
}


/**/

/**/




@media screen and (max-width: 1440px) {
	.w1400 {
		width: 1200px;
		margin: 0 auto;
	}

	.xxnav li {
		font-size: 14px;
		margin: 0 10px;
	}

	.nav_top2 {
		right: 305px;
	}

	.zxcdbtit {
		padding-left: 50px;
		padding-right: 50px;
	}

	.bbbaner_page,
	.bbbaner_page2 {
		width: 1200px;
	}

	.zxcdbtzw {
		padding: 50px;
	}

	.baner_item {
		padding-top: 7%;
	}

	.pro_ul4 {
		top: 120px;
	}
}

@media screen and (max-width: 1280px) {
	.inheadsearch {
		padding-left: 10px;
	}

	.make_a2 {
		margin-left: 5px;
	}

	.xxnav li {
		margin: 0 5px;
	}

	.xxhead {
		padding: 0 30px;
	}


	.make_a2 {
		width: 53px;
	}
}

/**/
.box_list {
	position: relative;
	list-style: none;
	padding: 10px 0;
	border-bottom: 1px solid #e0e2e5;
}

.box_a1,
.box_a2 {
	display: block;
	width: 100%;
	padding: 5px 0;
}

.box_list .box_item1,
.box_list .box_item2,
.box_list .box_item3 {
	display: none;
}

.box_one,
.box_two {
	position: relative;
	margin: 0px 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_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;
	z-index: -1;
}

.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;
	z-index: -1;
}

.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;
}

@media screen and (max-width: 768px) {
	.box_list {
		font-size: 14px;
	}

	.cent_ul1 {
		width: 100%;
		margin-bottom: 20px;
	}

	.cent_plist {
		padding: 15px;
	}

	.guarant {
		margin-top: 0;
	}

	.guarant p {
		font-size: 14px;
	}

	.guarant h1 {
		font-size: 24px;
	}

	.detect_tab tr th {
		font-size: 14px;
	}

	.cent {
		margin-top: 0;
	}
}

/**/