:root {
	--liang: #8CF5FF;
	--red: #ff0000;
	--color: #0054a3;
	--nav-lr: 4%;
	--blue: #00143c;
	--w85: 85%;
	--maxw: 1600px;
	--fs16: 16px;
	--fs48: 48px;
	--mt45: 45px;
	/* --line-bg: linear-gradient(90deg, rgba(255, 18, 10, 1) 0%, rgba(255, 52, 28, 1) 50%, rgba(255, 97, 52, 1) 100%); */
	--line-bg: linear-gradient(90deg, #0054a3 0%, #0054a3 50%, #0054a3 100%);
}

.pbmore3 {
	height: 45px;
	display: flex;
	align-items: center;
	padding: 0 20px 0 25px;
	border-radius: 25px;
	position: relative;
	transition: all 0.4s ease;
}

.pbmore3:before {
	content: '';
	width: 100%;
	height: 45px;
	border-radius: 25px;
	background: var(--line-bg);
	transition: all .4s;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	pointer-events: none;
}

.pbmore3 span {
	color: #fff;
	display: inline-block;
	font-size: var(--fs16);
	line-height: 20px;
	position: relative;
	top: -2px;
	transition: all .4s;
}

.pbmore3 i {
	width: 23px;
	height: 23px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 10px;
	transition: all .4s;
	overflow: hidden;
	z-index: 1;
}

.pbmore3 svg {
	width: 40%;
	height: 40%;
	animation: arrowRun 3s infinite;
}

.pbmore3 svg path {
	fill: #fff;
	transition: all .4s;
}

.pbmore3-none {
	width: 45px;
	padding: 0;
}

.pbmore3-none span {
	font-size: 0;
}

.pbmore3-none i {
	margin-left: 11px;
}

.pbmore3:hover::before {
	width: 45px
}

.pbmore3:hover i {
	transform: translateX(9px)
}

.pbmore3:hover i svg path {
	fill: #fff
}

.pbmore3:hover span {
	color: #fff;
}

.pbmore3:hover {
	padding-left: 0;
}

.pbmore3-000:hover span {
	color: #222;
}

@keyframes arrowRun {
	0% {
		transform: translate3d(0%, 0%, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
		transform-style: preserve-3d
	}

	7% {
		transform: translate3d(150%, -150%, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
		transform-style: preserve-3d
	}

	7.1% {
		transform: translate3d(-150%, 150%, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
		transform-style: preserve-3d
	}

	14% {
		transform: translate3d(0%, 0%, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
		transform-style: preserve-3d
	}

}





.w85 {
	width: var(--w85);
	margin: 0 auto;
	max-width: var(--maxw);
}

.yjyya {
	position: relative;
	padding-left: 22px;
	color: #fff;
	display: flex;
	align-items: center;
}

.yjyya em {

	width: 18px;

	height: 18px;

	display: block;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: 0;

}

.yjyya em:after,
.yjyya em:before {

	position: absolute;

	content: '';

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

}

.yjyya em:before {
	background: url(static/img/language_icon_1.gif) center no-repeat;
	background-size: 100% auto;
}

.yjyya em:after {

	background: url(static/img/language_icon_2.gif) center no-repeat;

	background-size: 100% auto;



}

.yjyya em:before {
	opacity: 0;
}

.yjyya i {

	font-size: 12px;

	margin-left: 10px;
	opacity: 0.7;

}

.yjyya:hover .sgp-in-lauge-list {
	opacity: 1;
	visibility: visible;
}

.sgp-in-lauge-list a {
	color: #000 !important;
}

.pubbg {
	position: relative;
	overflow: hidden;
}

.pubbg:before,
.pubbg:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}

.pubbg:before {
	background: var(--line-bg);
	background: #fff;
	opacity: 0.5;
}

.hidehead.scroll .pubbg:before {
	background: var(--line-bg);
	opacity: 1;
}

.yjhead:hover .pubbg:before {
	background: var(--line-bg);
	opacity: 1;
}

.pubbg:after {
	background: var(--color);
	opacity: 0;
}

.yjsearch {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	color: #fff;
}

.yjsearch i {
	position: relative;
	z-index: 3;
	font-size: 20px;
}

.yjhead {
	padding: 0 var(--nav-lr);
	padding-top: 30px;
}

.yjhead {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 60;
}

.yjlogo {
	position: relative;
	height: 55px;
	width: 190px;
}

.yjlogo img {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
}

.yjlogo2 {
	opacity: 0;
}

.yjheadm {
	padding: 15px 30px;
	border-radius: 42px;
}

.yjheadm.yjas {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.yjnav {
	margin-left: 0;
	margin-right: auto;
	width: calc(100% - 190px - 180px);
}

.yjnavm {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.yjnavma {
	display: flex;
	height: 55px;
	line-height: 55px;
	color: #fff;
	font-size: var(--fs16);
	padding: 0 15px;
}

.yjnavli {}

.yjright {
	display: flex;
	width: 180px;
	justify-content: space-between;
	align-items: center;
}

.yjmore {
	width: 170px;
	height: 54px;
	border-radius: 54px;
}



.yjsssub {
	padding-top: 25px;
	display: none;
}

.yjsssub {
	width: calc(100% - var(--nav-lr) - var(--nav-lr));
	position: absolute;
	left: var(--nav-lr);
	top: 115px;
}

.yjsssubm {
	border-radius: 20px;
	overflow: hidden;
}

.yjsssubm {
	width: 100%;
	align-items: flex-start;
	flex-wrap: wrap;
	background: #fff;
	padding: 4%;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.06);
}

.yjsssubm {
	box-shadow: inset 0 15px 30px rgba(0, 0, 0, 0.03);
}

.yjsssubh5 {
	line-height: 1.2;
	overflow: hidden;
	position: relative;
	padding-bottom: 30px;
	font-size: 24px;
	font-weight: var(--b400);
	color: #222;
}

.yjsssubh5:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 130px;
	content: '';
	background: var(--line-bg);
}

.yjsssubh5:before {
	height: 8px;
	transform: skewX(45deg);
	margin-left: -10px;
}

.yjsssubua {
	width: 100%;
	display: flex;
	padding: 50px 0;
	flex-wrap: wrap;
}

.yjsssubua li {
	width: 25%;
	padding: 5px 0;
}

.yjsssuba {
	width: 50%;
}

.yjsssubb {
	width: 528px;
}

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

.yjsssubub li {
	width: 160px;
	line-height: 38px;
	border-radius: 40px;
	text-align: center;
	border: 1px solid #ddd;
}

.yjsssubub li {
	transition: all 0.3s;
}

.yjsssubub2 li {
	width: auto;
	padding: 0 20px;
	margin-right: 3%;
}

.yjsssubub2 {
	justify-content: flex-start;
}

.yjsssubub {
	padding: 50px 0;
}

.yjsssubc {
	width: 100%;
}



.yjnavma,
.yjheadm,
.yjlogo2,
.yjlogo1,
.yjyya {
	transition: all 0.4s;
}



/* 1 */

.yjhead:hover .yjheadm {
	background-color: #fff;
}

.yjhead:hover .yjlogo2 {
	opacity: 1;
}

.yjhead:hover .yjlogo1 {
	opacity: 0;
}

.yjhead:hover .yjnavma {
	color: #222;
}

.yjhead:hover .yjyya {
	color: #333;
}

.yjhead:hover .yjyya em:before {
	opacity: 1;
}

.yjhead:hover .yjyya em:after {
	opacity: 0;
}

.yjhead:hover .yjnavma:hover {
	color: var(--color);
}

/* 1 */

/* 1 */

header.scroll .yjheadm {
	background-color: #fff;
}

header.scroll .yjlogo2 {
	opacity: 1;
}

header.scroll .yjlogo1 {
	opacity: 0;
}

header.scroll .yjnavma {
	color: #222;
}

header.scroll .yjyya {
	color: #333;
}

header.scroll .yjyya em:before {
	opacity: 1;
}

header.scroll .yjyya em:after {
	opacity: 0;
}

header.scroll .yjnavma:hover {
	color: var(--color);
}

/* 变宽 */

.yjsssub {
	transition: width 0.4s;
}

header.scroll .yjhead {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

header.scroll .yjheadm {
	border-radius: 0;
}

header.scroll .yjssn {
	top: 0;
	width: calc(100% - 60px - 220px);
	left: 30px;
}

header.scroll .yjsssub {
	top: 0;
	width: 100%;
	left: 0;
	top: 60px;
}

header.scroll .yjsssubm {
	border-radius: 0;
}

/* 语言展开 */

header.opennav .yjhead {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

header.opennav .yjheadm {
	border-radius: 0;
}

header.opennav .yjssn {
	top: 0;
	width: calc(100% - 60px - 220px);
	left: 30px;
}

header.opennav .yjsssub {
	top: 0;
	width: 100%;
	left: 0;
	top: 60px;
}

header.opennav .yjsssubm {
	border-radius: 0;
}



header.opennav .yjheadm {
	background-color: #fff;
}

header.opennav .yjlogo2 {
	opacity: 1;
}

header.opennav .yjlogo1 {
	opacity: 0;
}

header.opennav .yjnavma {
	color: #222;
}

header.opennav .yjyya {
	color: #333;
}

header.opennav .yjyya em:before {
	opacity: 1;
}

header.opennav .yjyya em:after {
	opacity: 0;
}

header.opennav .yjnavma:hover {
	color: var(--color);
}

/* 语言展开 */

/* 变宽 */

/* 1 */

.yjhead {
	transition: all 0.4s;
}

.hide .yjhead {
	top: -120px
}





.pubmore span {
	z-index: 3;
}

.pubmore-fff {
	border: none;
	line-height: 54px;
}

.pubmore-fff .pwz1,
.pubmore-fff .pwz2 {
	color: #fff;
}

.pubmore-fff .svg-fff,
.pubmore-fff .svg-000 {
	fill: #fff
}

.pubmore-fff:hover:after {
	opacity: 1;
}

.pubmore-fff:hover:before {
	opacity: 0;
}



.yjheadm.cur {
	background: #fff;
}

.yjheadm.cur .yjlogo1 {
	opacity: 0;
}

.yjheadm.cur .yjlogo2 {
	opacity: 1;
}

.yjssn {
	z-index: 6;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all 0.4s;
	border-radius: 84px;
}

.yjssn.cur {
	opacity: 1;
	visibility: visible;
	pointer-events: inherit;
}

.yjssn {
	width: calc(100% - var(--nav-lr) - var(--nav-lr) - 220px);
	margin-left: 220px;
	padding-right: 20px;
	padding-left: 70px;
	position: absolute;
	left: var(--nav-lr);
	background: #fff;
	height: 85px;
	top: 30px;
}

.yjssnm {
	display: flex;
	position: relative;
	height: 85px;
}

.yjssnm {
	align-items: center;
	justify-content: space-between;
}

.yjssntxt {
	outline: none;
	background: none;
	border: none;
	height: 40px;
	line-height: 39px;
	border-bottom: 1px solid #ddd;
	padding-left: 65px;
}

.yjssntxt {
	width: 70%;
}

.yjssnsearch {
	position: absolute;
	width: 20px;
	height: 100%;
	left: 5px;
	top: 0;
	z-index: 3;
}

.yjssnsearch img {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 100%;
}

.yjssnbtn {
	border: 1px solid #eee;
	padding: 18px 30px;
	line-height: 1;
	border-radius: 60px;
	color: #333;
}

.yjheadm {
	position: relative;
}

.yjnavsb {
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	display: none;
	overflow-y: auto;
	/* height: 100vh; */
	border-radius: 42px;
	overflow: hidden;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.yjnavsb2:before {
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	height: 100%;
	background: #fff;
}

.yjnavsb2 {
	/* border-radius: 25px; */
	overflow: hidden;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}


.yjnavsb2:before {
	width: calc(85% + 7.5% - 330px);
	width: 60%;
}

.yjnavsb3 {
	height: auto;
	background: #F6F6F6;
}

.yjnavsbm1 {
	width: 85%;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}

.yjnavsb {
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
}

.yjnavsb2 {
	background: #F6F6F6;
}

/* .yjnavsb{padding-top: 84px;top:42px;} */

.yjnavsbl {
	width: 330px;
	width: 40%;
	padding-left: 10%;
}

.yjnavsbr {
	width: calc(100% - 330px);
	width: 60%;
	/* height: 600px; */
	/* overflow-y: scroll; */
	padding-bottom: 100px;
}


/* 整个滚动条 */
.yjnavsbr::-webkit-scrollbar {
	width: 5px;
	/* 垂直滚动条宽度 */
	height: 6px;
	/* 水平滚动条高度 */
}

/* 滚动条轨道 */
.yjnavsbr::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

/* 滚动条滑块 */
.yjnavsbr::-webkit-scrollbar-thumb {
	background: var(--color);
	border-radius: 10px;
}

/* 滚动条滑块悬停状态 */
.yjnavsbr::-webkit-scrollbar-thumb:hover {
	background: var(--color);
}


.yjnavsblm {
	/* height: 70px; */
	/* line-height: 70px; */
	/* padding-left: 52px; */
	position: relative;
	padding: 10px 0;
}

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

.yjnavsblm2 img {
	width: 60px;
	height: 60px;
}

.yjnavsblm2 a {
	margin: 0 70px;
}

/* 
.yjnavsblm:before {
	width: 3px;
	height: 0;
	top: 50%;
	content: '';
	background: var(--color);
}

.yjnavsblm:before,
.yjnavsblm:after {
	position: absolute;
	content: '';
	z-index: 2;
}

.yjnavsblm:after {
	background: #fff;
	width: 0;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
} */

.yjnavsblm a {
	display: flex;
	width: 100%;
	align-items: center;
	position: relative;
	z-index: 3;
	font-size: 18px;
}

.yjnavsblm.on:before,
.yjnavsblm:hover:before {
	height: 100%;
	top: 0;
}

.yjnavsblm.on:after,
.yjnavsblm:hover:after {
	width: 100%;
}

.yjnavicon {
	width: 65px;
	height: 65px;
	position: relative;
	margin-top: -10px;
}

.yjnavicon img {
	max-width: 80%;
	max-height: 80%;
	margin: auto;
	margin-left: 0;
	inset: 0;
	position: absolute;
	top: 14px;
}

.yjnavsblm:before,
.yjnavsblm:after {
	transition: all 0.4s;
	left: 0;
}

.yjnavsbra {
	display: flex;
	width: 100%;
	padding: 0 5%;
	padding-right: 0;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	display: none;
}

.yjnavsbra.on {
	display: flex;
}

.yjnavsbram {
	width: 33.33%;
	margin-top: 20px;
}

.yjnavsbraimg img {
	max-width: 35%;
}

.yjnavsbraimg {
	position: relative;
	text-align: center;
}

.yjnavsbrap1 {
	text-align: center;
	margin-top: 5px;
	font-size: 18px;
	font-weight: var(--b400);
}





.yjbaner {
	overflow: hidden;
	width: 100%;
	height: 100vh;
}

.yjbanerbg {
	position: absolute;
	width: 106%;
	height: 106%;
	left: -3%;
	top: -3%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	object-fit: cover;
	z-index: 1;
}

.yjbanerwz {
	width: 80%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	color: #fff;
	position: absolute;
}

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

/*  */
.c-round {
	flex-shrink: 0;
	position: relative;
	width: 44px;
	height: 44px;
	margin-right: 0.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.c-yh {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	fill: #dcdcdc;
}

.solut_main {
	background-color: #fff;
}

.c-text {
	position: relative;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70%;
	height: 70%;
	border-radius: 50%;
	box-shadow: 0 2px 3px #bcc1d0;
	color: #b8b8b8;
	background-color: #fff;
}

.circle2 {
	opacity: 0;
	fill: transparent;
	stroke-width: 10;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 162 162;
	stroke-dashoffset: 162;
	stroke: var(--color);
	transition: stroke-dashoffset 0s linear, opacity 0s linear;
}

.solut_item.on .circle2 {
	opacity: 1;
	stroke-dashoffset: 0;
	-webkit-transition: stroke-dashoffset .5s linear, opacity 0s linear;
	transition: stroke-dashoffset .5s linear, opacity 0s linear;
}

.solut_item {
	display: flex;
	display: flex;
	align-items: flex-start;
	background: url(../demo/cd-img2.png) repeat-y left 15px top 48px;
	padding-bottom: 80px;
}

.solut_item:hover {
	cursor: pointer;
}

.solut_item:last-child {
	background: none;
	padding: 0;
}

.solut_item.on .solut_p1 {
	opacity: 1;
}

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

.c-box {
	margin-left: 20px;
}

.solut_left {
	width: 40%;
}

.solut_right {
	width: 55%;
}

.solut_con {
	display: none;
}

.solut_con.on {
	display: block;
}

.solut_con video {
	width: 100%;
}

.solut_con img {
	width: 100%;
}

.solut_p1 {
	font-size: var(--fs48);
	font-weight: var(--b400);
	opacity: 0.3;
	line-height: 1.2;
}

.solut_p2 {
	font-size: 18px;
}

.solut_p3 {
	margin-top: 40px;
	display: flex;
	/* padding-bottom:30px;*/
}

.solut_li1 {
	/* display:none;*/
	transition: all 0.5s ease;
	padding: 0;
	height: 0;
	overflow: hidden;
}

.solut_item.on .solut_li1 {
	display: block;
	padding: 20px 0;
	height: 230px;
}

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

.c-round {
	margin-top: 7px;
}

.solut_main {
	/* min-height: 100vh; */
	display: flex;
	align-items: center;
}

/*  */

/* .yjbanerp1 {
				font-size: 46px;
			} */

.banervideo {
	object-fit: cover;
}

.pg-baner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 5;
}
.pg-baner3::before{
	background: none;
}

.yjbanerwz,
.site-baner-page {
	width: 100% !important;
	padding: 0 calc(var(--nav-lr) + 30px) !important;
}

/* .yjbanerp1 {
				font-weight: 700
			} */
.yjbanerp3 {
	margin-top: 100px;
	display: flex;
}

.site-baner-page {
	justify-content: space-between;
	/* justify-content: center; */
}

.site-baner-page span:before {
	background: var(--line-bg);
}

.site-baner-page {
	width: 80% !important;
}

.site-baner-page span {
	width: 24% !important;
	width: 33% !important;
}

.yj01 {
	position: relative;
}

.yj01a {
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh;
}

.yj01axz {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.yj01abg {
	position: absolute;
	width: 760px;
	height: 350px;
	margin-left: -380px;
	margin-top: -175px;
	left: 50%;
	top: 50%;
	transform: scale(0.9)
}

.yj01abgm {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: var(--red);
	transform: scale3d(1, 1, 1) skew(0, -20deg);
}

/* .yj01abg.oncur{background: var(--blue);} */

.yj01b {
	height: 100vh;
	position: relative;
	overflow: hidden;
	margin-top: 0;
}

.yj01b {
	opacity: 1;
	pointer-events: none;
}

.yj01b {
	opacity: 1;
	pointer-events: initial;
	height: auto;
}

.yj01b-zw {
	position: relative;
	opacity: 1;
	pointer-events: initial;
}

.yj01bwzap1,
.yj01bwzap3,
.yj01bwzap5,
.yj01bwzanm {
	opacity: 1;
	transform: none;
}

.c-icon-circle_icon svg {
	width: 100%;
	height: 100%;
	fill: none;
	stroke-width: 3px;
	stroke: #004ea2;
	stroke-linecap: round;
}

.c-icon-circle_icon {
	width: 300px;
	height: 300px;
	display: block;
}

.yj01atxt1 {
	position: absolute;
	width: 100%;
	text-align: center;
	color: #333;
	font-size: 54px;
	font-weight: var(--b400);
}

.yj01atxt1 {
	line-height: 1;
	top: 50%;
	transform: translateY(-50%);
	z-index: 6;
}

.yj01b-default {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 25;
}

.yj01b-zw {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 101;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

.yj01b-zw-img {
	width: 100%;
	height: 100%;
	position: relative;
}

.x-vid {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}

.x-vid video,
.yj01b-default video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}

.x-vid .x-video1 {
	opacity: 1;
}

.x-vid .x-video2 {
	opacity: 0;
}

.yj01b.on {
	opacity: 1;
	pointer-events: initial;
}

.yj01b-zw-img.on .x-video2 {
	opacity: 1;
}

.yj01b-zw-img.on .x-video1 {
	opacity: 0;
}

.yj01aimg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
}

.yj01b-zw-wz {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 3;
}

.yj01bwza {
	width: 85%;
	margin: 0 auto;
	max-width: 1600px;
}

.c-btn {

	position: absolute;

	top: 26.2%;

	left: 15.5%;

	z-index: 20;

	transform: translate(-50%, -50%);

}

.c-btn:nth-child(2) {
	left: 77%;
	top: 23%;
}

.c-btn:nth-child(3) {
	left: 61%;
	top: 69%;
}

.c-box1 div {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	background-color: #fff;

	animation: round1 3s linear infinite;

	opacity: 0;

}

.c-box1 div:nth-child(2) {

	animation: round1 3s 1s linear infinite;

}

.c-box1 div:nth-child(3) {

	animation: round1 3s 2s linear infinite;

}

.c-box1 .c-ico {

	position: relative;

	z-index: 5;

	width: 38px;

	height: 38px;

	vertical-align: top;

	transition: all 0.3s;

	border-radius: 50%;

}

.c-box2 {

	display: flex;

	align-items: center;

	position: absolute;

	top: 50%;

	left: 0.05rem;

	z-index: 1;

	padding: 0 20px 0 48px;

	height: 50px;

	transform: translateY(-50%);

	white-space: nowrap;

	overflow: hidden;

	pointer-events: none;

}

.c-box2 {

	height: 46px;

	left: 0;

}

.c-box2::before {

	opacity: 0;

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	width: 0;

	height: 100%;

	background-color: #fff;

	transition: all 0.3s;

	border-radius: 30px;

}

.c-box2 span {

	position: relative;

	z-index: 2;

	opacity: 0;

	font-size: 14px;

	transition: all 0.3s 0s;

	color: #475056;

	line-height: 1.14;

	display: inline-block;

	margin-right: 0.2rem;

}

.c-box2 .c-ico {

	margin-left: 0.1rem;

	position: relative;

	z-index: 2;

	width: 16px;

	height: 16px;

	line-height: 16px;

	font-size: var(--fs16);

	display: inline-block;

	vertical-align: top;

	opacity: 0;

	transition: all 0.3s 0s;

	transform: translateX(-0.1rem);

}

.c-btn:hover .c-box2 {

	pointer-events: initial;

}

.c-btn:hover .c-box2::before {

	opacity: 1;

	width: 100%;

}

.c-btn:hover .c-box2 span {

	opacity: 1;

	transition: all 0.3s 0.3s;

}

.c-btn:hover .c-box2 .c-ico {

	opacity: 1;

	transition: all 0.3s 0.2s;

	transform: translateX(0);

}

@keyframes round1 {

	0% {

		opacity: 1;

		transform: scale(0);

	}

	100% {

		opacity: 0;

		transform: scale(1.4);

	}

}


.hgwjzm3 {
	width: 100%;
}

.hgwjzm3 li {
	text-align: center;
}

.wsfxac {
	display: flex;
	width: 100%;
	margin-top: 10px;
	align-items: center;
	padding-bottom: 15px;
	justify-content: space-between;
}

.fxas2 {
	display: flex;
	justify-content: flex-start;
}

.fxas2 li {
	width: auto;
	margin-right: 15px;
}

.fxas2 a {
	font-size: 0;
}

.fxas2 a {
	color: #fff;
}

.fxas2 li:nth-child(1) i {
	font-size: 20px;
}

.fxas2 li:nth-child(2) i {
	font-size: 20px;
}

.fxas2 li:nth-child(3) i {
	font-size: 20px;
}

.fxas2 li:nth-child(4) i {
	font-size: 20px;
}

.fxas2 li:nth-child(5) i {
	font-size: 16px;
}

.fxas2 li:nth-child(6) i {
	font-size: 20px;
}


.yj01bwza {
	margin-top: 10%;
}

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

.yj01bwzap1 {
	line-height: 1;
}

.yj01bwzap2 {
	font-size: var(--fs48);
	font-weight: var(--b400);
	line-height: 1.4;
	margin-top: 15px;
}

.yj01bwzap3 {
	color: rgba(255, 255, 255, 0.7);
	margin-top: 25px;
	text-align: justify;
}

.yj01bwzap3 img {
	width: 60px;
	height: 60px;
	margin-right: 30px;
	margin-top: 40px;
}

.yj01bwzam {
	width: 45%;
	position: relative;
}

.yj01bwzabtn {
	position: absolute;
	right: 0;
	top: 45px;
}

.yj01bwzabtn {
	transition: all 0.4s;
	border: 1px solid rgba(255, 255, 255, 0.5);
	color: #fff;
	text-align: center;
}

.yj01bwzabtn {
	width: 42px;
	height: 42px;
	line-height: 40px;
	border-radius: 50%;
}

.yj01bwzabtn i {
	font-size: 20px;
}

.yj01bwzabtn:hover {
	background: var(--color);
	border-color: var(--color);
}

.yj01bwzan {
	width: 35%;
	position: relative;
}

.yj01bwzanm {
	padding: 40px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);

	opacity: 0;
	transition: 0.5s ease-in-out;
	transform: translateY(150px);
}

.yj01bwzanm:nth-child(1) {
	padding-top: 0;
}

.yj01bwzanmwz {
	width: calc(90% - 80px);
	color: #fff;
}

.yj01bwzanmicon {
	width: 80px;
	height: 80px;
	position: relative;
}

.yj01bwzanmicon img {
	position: absolute;
	margin: auto;
	inset: 0;
	max-width: 90%;
	max-height: 90%;
}

.yj01bwzanp1 {
	line-height: 1;
	display: flex;
	align-items: center;
}

.yj01bwzanp1 span {
	font-size: 70px;
	font-weight: var(--b400);
}

.yj01bwzanp1 i {
	font-style: normal;
	font-size: 50px;
	padding-left: 10px;
}

.yj01bwzanp2 {
	opacity: 0.8;
	margin-top: 10px;
}

.yj01bwzap1 {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.3s ease-in-out;
}

.yj01bwzap2 p {
	overflow: hidden;
}

.yj01bwzap5 {
	display: flex;
	margin-top: 65px;
}

.yj01bwzap2 span {
	display: inline-block;
	opacity: 0;
	transform: translateY(60px);
	transition: 0.4s ease-in-out;
}

.yj01bwzap3,
.yj01bwzap5 {
	opacity: 0;
	transform: translateY(100px);
	transition: 0.5s ease-in-out;
}

.yj01bwzabtn {
	transition: 0.4s ease-in-out;
	opacity: 0;
	transform: translateY(40px);
}

.yj01b-zw-wz.on .yj01bwzap1 {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.3s;
}

.yj01b-zw-wz.on .yj01bwzap2 span {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.5s;
}

.yj01b-zw-wz.on .yj01bwzabtn {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.45s;
}

.yj01b-zw-wz.on .yj01bwzap3 {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.7s;
}

.yj01b-zw-wz.on .yj01bwzap5 {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.7s;
}

.yj01b-zw-wz.on .yj01bwzanm {
	opacity: 1;
	transform: translateY(0);
}

.yj01b-zw-wz.on .yj01bwzanm:nth-child(1) {
	transition-delay: 1.2s;
}

.yj01b-zw-wz.on .yj01bwzanm:nth-child(2) {
	transition-delay: 1.25s;
}

.yj01b-zw-wz.on .yj01bwzanm:nth-child(3) {
	transition-delay: 1.3s;
}





.yj01bwzac {
	width: 85%;
	margin: 0 auto;
	max-width: 1600px;
}

.yj01bwzanp1,
.yj01bwzanp2,
.yj01bwzanp4 {
	position: relative;
	z-index: 3;
}

.yj01bwzac {
	display: flex;
	position: absolute;
	bottom: 5%;
	transform: translateX(-50%);
	left: 150%;
	justify-content: space-between;
}

.yj01bwzanp41 {
	font-size: 14px;
	opacity: 0.6;
	width: 60%;
}

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

.yj01bwzacm {
	width: 32%;
	padding: 2.5%;
}

.yj01bwzacm {
	border: solid 1px rgba(255, 255, 255, 0.15);
	backdrop-filter: saturate(50%) blur(8px);
	-webkit-backdrop-filter: saturate(50%) blur(8px);
	;
}

.yj01bwzacm {
	border-radius: 10px;
	position: relative;
}

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

.yj01bwzacm:before {
	background: url(static/demo/x-ind1.jpg) center no-repeat;
	background-size: cover;
}

.yj01bwzacm:before {
	transition: 0.4s ease-in-out;
	opacity: 0;
}

.yj01bwzacm:hover:before {
	opacity: 1;
}





.tsq {
	width: 100%;
	min-height: 100vh;
	background: #fff;
	position: absolute;
	z-index: 330;
	transform: translateY(100%);
}

.tsq {
	height: 100vh;
	display: flex;
	align-items: center;
}

.yj0am {
	align-items: center;
}

.yj0a {
	padding: 0;
	width: 100%;
}



.cp46,
.cp46n {
	width: 100%;
}



.cp46n {
	margin-top: var(--mt45);
}

.cp46m {
	padding: 50px 0;
	padding-bottom: 20px;
	position: relative;
	overflow: hidden;
}



.cp46img {
	position: relative;
	height: 350px;
	height: 500px;
}

.proimg {
	height: 400px;
	height: 320px;
}

.proimg1 img {
	width: 50px;
	margin-right: 10px;
}

.proimg .cp46p1{
    display: none;
}

.cp46img img {
	position: absolute;
	margin: auto;
	inset: 0;
	max-width: 68%;
	max-height: 85%;
}

.proimg img {
	max-height: 90%;
}

.cp46p1 {
    color: #555;
    line-height: 1.4;
    font-size: 16px;
    /* margin-top: 10px; */
    min-height: 60px;
    /* display: none; */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    padding: 0 20px;
}
.cp46m:hover .cp46p1{
    opacity: 1;
    visibility: visible;
    /*display: block;*/
}
.cp46p2 {
	font-size: 26px;
	line-height: 1.4;
	font-weight: var(--b400);
	min-height: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cp46s1 {
	font-size: var(--fs16);
	padding: 5px 30px;
	border-radius: 30px;
	background: var(--color);
	color: #fff;
	display: inline-block;
	margin-top: 0;
}
.proitem .cp46p2{
    font-size: 22px;
}
.cp46p1,
.cp46p2,
.cp46s1 {
	transition: all 0.3s;
}

.cp46m {
	width: 33%;
	background: #f5f7f9;
}

.cp46wz {
	padding: 0 15px;
	text-align: center;
}

.cp46zz {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1000px;
	height: 1000px;
	margin-top: -450px;
	margin-left: -500px;
	border-radius: 50%;
	background-color: rgb(18, 38, 170);
	transform: scale(0);
}

.cp46zz {
	background: #0753a0;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.cp46bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
}

.cp46bg {
	position: absolute;
	left: 0;
	top: 0;
}

.cp46m:hover .cp46zz {
	transform: scale(1);
	opacity: 1;
}

.cp46m:hover .cp46p1,
.cp46m:hover .cp46p2,
.cp46m:hover .cp46s1 {
	color: #fff;
}

.cp46m:hover .cp46s1 {
	background: #fff;
	color: var(--color)
}

.cp46wz,
.cp46img {
	position: relative;
	z-index: 3;
}

.cp46nswiper {
	overflow: hidden;
}





.pubh2 {
	line-height: 1.2;
	overflow: hidden;
	position: relative;
	padding-bottom: 30px;
	font-size: var(--fs48);
	font-weight: var(--b400);
	color: #222;
}

.pubh2-fff {
	color: #fff;
}

.pubh2:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 130px;
	content: '';
	background: var(--line-bg);
}

.pubh2:before {
	height: 8px;
	transform: skewX(45deg);
	margin-left: -40px;
}

.yj0a {
	background-color: #fff;
}

.yj0ap1 {
	font-size: 30px;
	margin-top: 25px;
	line-height: 1.4;
}

.yj0ap2 {
	margin-top: 55px;
	text-align: justify;
	font-size: 18px;
}

.yj0ap2-fff {
	color: #fff;
}

.yj0ap3 {
	margin-top: 80px;
}

.yj0ama {
	width: 50%;
}

.yj0amb {
	width: 300px;
	position: relative;
}

.yj0amb img {
	vertical-align: top;
}

.yj0amb img {
	max-width: 100%;
	max-height: 85vh;
}

.yj0ambmask {
	position: absolute;
	bottom: 0;
	left: 0;
}

/* .yj0ambmask{transition: all 0.4s; --key: 40%;mask: linear-gradient(45deg, #000 var(--key), transparent var(--key));-webkit-mask: linear-gradient(45deg, #000 var(--key), transparent var(--key));} */

.yj0ambmask {
	animation-name: scr001;
}

/* .yj0amb.is-inview .yj0ambmask{--key: 100%;} */

@keyframes scr001 {

	0% {

		clip-path: polygon(0 75%, 100% 85%, 100% 100%, 0% 100%);

	}

	to {

		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

	}

}





.yjcase9 {
	background: #f8f8f8;
}

.yjcase9,
.yjcase9tit {
	transition: all 0.4s;
}

.yjcase9.hei {
	background: #04143a;
}

.yjcase9.hei .yjcase9tit {
	color: #fff
}

.yjcase9swiper {
	overflow: hidden;
	width: 100%;
	margin-top: var(--mt45);
}

.yjcase9wz {
	position: absolute;
	width: 90%;
	left: 5%;
	padding: 20px 40px;
	z-index: 3;
	color: #fff;
}

.yjcase9wz {
	bottom: 0;
	transition: all 0.4s;
	opacity: 0;
	background: hsla(0, 0%, 100%, .1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.swiper-slide-active .yjcase9wz {
	opacity: 1;
	bottom: 5%;
}

.yjcase9p1 {
	font-size: 14px;
	opacity: 0.9;
	line-height: 1.4;
}

.yjcase9p2 {
	line-height: 1.4;
	margin-top: 5px;
	font-size: 22px;
	font-weight: var(--b400);
}

.yjcase9slide {
	width: 1200px;
	position: relative;
}

.yjcase9slide img {
	width: 100%;
}

.yjcase9p3 {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}



.yjcase9page,
.cp46npage {
	justify-content: center;
	margin: 0 auto;
	margin-top: var(--mt45);
	display: flex;
}

.yjcase9page span:before,
.cp46npage span:before {
	background: var(--line-bg);
}

.yjcase9page,
.cp46npage {
	width: 80% !important;
}

.yjcase9page span,
.cp46npage span {
	width: 70px !important;
	border-radius: 5px !important;
	overflow: hidden;
}

.yjcase9page span,
.cp46npage span {
	cursor: pointer;
	height: 6px;
	position: relative;
	opacity: 1 !important;
	background: none !important;
	margin: 0 5px !important;
}

.yjcase9page span:after,
.cp46npage span:after {
	background: rgb(204, 204, 204, 0.3) !important;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
}

.yjcase9page span:before,
.cp46npage span:before {
	opacity: 0;
	z-index: 2;
	position: absolute;
	content: '';
	width: 0;
	height: 100%;
	left: 0;
	bottom: 0;
	background: var(--line-bg);
	transition: width 4s ease;
}

.yjcase9page span.swiper-pagination-bullet-active,
.cp46npage span.swiper-pagination-bullet-active {
	background: none;
	opacity: 1 !important;
}

.yjcase9page span.swiper-pagination-bullet-active:before,
.cp46npage span.swiper-pagination-bullet-active:before {
	width: 100%;
	opacity: 1;
}

.cp46npage2.swiper-pagination-progressbar {
	top: auto;
	bottom: 0px;
	width: 50% !important;
	/* margin: 0 auto; */
	left: 25% !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--color) !important;
}


.home8b {
	position: relative;
}

.home8b {
	height: 100vh;
}

.home8bswiper {
	overflow: hidden;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.home8bslide {
	overflow: hidden;
}

.inner {
	width: 100%;
	height: 100%;
	position: relative;
}

.home8bbg {
	position: absolute;
	width: 104%;
	height: 104%;
	left: -2%;
	top: -2%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.home8bsticky {
	position: sticky;
	top: 100px;
	z-index: 5;
	padding: 100px 0;
	padding-bottom: 60px;
}

.home8bstickym {
	width: 570px;
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.home8bstickym {
	box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.06);
}

.home8bstickym {
	border-radius: 15px;
	overflow: hidden;
}

.home8bstickymb,
.home8bswp2m,
.home8bp1 {
	padding: 0 48px;
}

.home8bstickymb {
	background: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
}

.home8bstickyma {
	padding-top: 60px;
	padding-bottom: 60px;
}

.home8bswp2p1 {
	font-size: 45px;
	line-height: 1.2;
	font-weight: var(--b400);
}

.home8bswp2p2 {
	margin-top: 10px;
	color: #333;
	font-size: 18px;
	height: 95px;
}

.home8bp1 {
	font-size: 18px;
	line-height: 1.2;
	color: #666;
}

.home8bswp2 {
	margin-top: 20px;
}

.home8bswp2 {
	overflow: hidden;
}

.home8bswp2p3 {
	display: flex;
}

.home8bstickymb {
	display: flex;
	width: 100%;
}

.home8bbtn2 {
	margin-left: 15px;
}

.home8bpagination {
	width: auto !important;
	display: flex;
	margin-left: auto;
	line-height: 58px;
	font-size: 18px;
}

.home8bpagination em {
	padding: 0 8px;
}

.home8b_list {
	display: flex;
	justify-content: center;
	margin-top: var(--mt45);
}

.home8bbtn {
	display: inline-block;
	width: 43px;
	height: 43px;
	line-height: 42px;
	border: 1px solid #efefef;
	background: #f8f8f8;
	transition: all 0.3s ease;
}

.home8bbtn {
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	margin: 0 10px;
	transition: all 0.3s ease;

}

.home8bbtn i {
	color: #959595;
	font-size: 20px;
}

.home8bbtn:hover {
	border-color: var(--color);
}

.home8bbtn:hover i {
	color: var(--color);
}

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

.home8bbtn.on i {
	color: var(--color);
}


.home8c {
	position: relative;
}

.home8cbg2 {
	overflow: hidden;
}

.home8cbg,
.home8cbg2,
.home8cbg2m {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
}

.home8cbg2 {
	height: 100vh;
}

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

.home8cbg2 {
	position: sticky;
	top: 0;
}

.home8cbg {
	background-image: linear-gradient(90deg, rgba(145, 200, 249, 0.7) 0%, rgba(107, 179, 241, 0.9) 45%, rgba(87, 167, 236, 1) 100%);
	;
}

.home8cm {
	align-items: flex-start;
	justify-content: space-between;
}

.home8cmb {
	width: 700px;
}

.home8cma {
	width: calc(80% - 700px);
	position: sticky;
	top: 130px
}

.home8cp1 {
	font-size: var(--fs48);
	line-height: 1.4;
}

.home8cp2 {
	font-size: 18px;
	line-height: 1.4;
	color: #555;
	margin-top: 15px;
}

.home8cp3 {
	display: flex;
	margin-top: var(--mt45);
}

.home8ctop {
	width: 56px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	font-size: 22px;
}

.home8ctop {
	margin-left: 20px;
}

.home8ctop i {
	font-size: 24px;
}

.home8cproces {
	margin-top: 50px;
	height: 220px;
}

.home8cproces {
	width: 4px;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.9);
	position: relative;
	overflow: hidden;
}

.home8cprocesm {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	transform-origin: top;
	transform: scaleY(0);
	background: #000;
}

.home8cmbm {
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	position: sticky;
}

.home8cmbp1 {
	font-size: 28px;
	line-height: 1.2;
	transition: all 0.3s ease;
	color: #333;
	font-weight: var(--b400);
}

.home8cmbp2 {
	color: #888;
	margin-top: 10px;
}

.home8cmbwz {
	padding: 40px;
}

.home8cmbm {
	top: 130px;
	margin-bottom: 40px;
	transition: all 0.3s ease;
}

.home8cmbm:nth-child(2) {
	top: 150px;
}

.home8cmbm:nth-child(3) {
	top: 170px;
}

.home8cmbm:nth-child(4) {
	top: 190px;
}

.home8cmbm:nth-child(5) {
	top: 210px;
}

.home8cmbm:nth-child(6) {
	top: 230px;
}

.home8cmbm:nth-child(7) {
	top: 250px;
}

.home8cmbm:nth-child(8) {
	top: 270px;
}

.home8cmbimg {
	overflow: hidden;
}

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

.home8cmbm:hover .home8cmbp1 {
	color: var(--color);
}

.home8cmbm:hover img {
	transform: scale(1.06);
}

.home8cmbm:hover {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);
}



.home8cm {
	margin-top: -100vh;
}





.yjnewm {
	margin-top: var(--mt45);
}

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

.yjnewmb {
	width: 42%;
	padding: 0 30px;
}

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

.yjnewma {
	width: 29%;
	flex-wrap: wrap;
}

.yjnewma,
.yjnewmb {
	display: flex;
}

.yjnewmam {
	height: 50%;
	width: 100%;
}

.yjnewmam:nth-child(1) {
	padding-bottom: 15px;
}

.yjnewmam:nth-child(2) {
	padding-top: 15px;
}

.yjnewmamimg,
.yjnewmbm {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.yjnewmap1 {
	font-size: 18px;
	font-weight: var(--b400);
	line-height: 1.4;
}

.yjnewmap1-fff {
	color: #fff;
}

.yjnewmap2 {
	font-size: 12px;
	color: #666;
	margin-top: 10px;
}

.yjnewmap2-fff {
	color: #fff;
	opacity: 0.8;
}

.yjnewmamwz {
	padding-top: 15px;
}

.yjnewmamimg img,
.yjnewmbm img,
.yjnewmap1 {
	transition: all 0.4s;
}

.yjnewsub {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 3;
	display: flex;
	justify-content: center;
}

.yjnewsub {
	font-size: 14px;
	padding: 10px 0;
	line-height: 1;
	border-radius: 35px;
	background-color: hsla(0, 0%, 100%, .1);
	backdrop-filter: blur(2.08rem);
	-webkit-backdrop-filter: blur(2.08rem);
	width: 105px;
}

.yjnewsub {
	color: #fff;
}

.yjnewsub2 {
	position: relative;
	left: 0;
	top: 0;
	margin-bottom: 30px;
}

.yjnewmbwz {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 40px;
	z-index: 3;
	transition: all 0.4s;
	transition: all 0.4s;
}

.yjnewmbbg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

.yjnewmbbg {
	background: linear-gradient(-360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 15%, rgba(255, 255, 255, 0) 100%);
}

.yjnewmap22 {
	margin-top: 30px;
}

.yjnew {
	position: relative;
}

.yjnew:before {
	content: "";
	width: 100%;
	height: 82%;
	background: linear-gradient(180deg, #f6f6f6 0%, rgba(255, 255, 255, 0.00) 100%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

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

.yjnewhover:hover .yjnewmamwz .yjnewmap1 {
	color: var(--color);
}

.yjnewhover:hover .yjnewmbwz {
	bottom: 20px;
}

.newd20a img {
	width: 100%;
	height: auto !important;
}

.newd20a {
	text-align: justify;
}

.yjylzz {
	position: relative;
}

.yjylzz:before {
	content: "";
	width: 100%;
	height: 50%;
	background: #00143c;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -2;
}

.yjylzzm {
	width: 100%;
}

.yjylzzbg {
	width: 100%;
}

.yjylzzm {
	animation-name: scrP102;
}

.yjylzzp1 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	padding: 0 6%;
}

.yjylzzp1 {
	color: #fff;
}

.yjylzzp1a {
	font-size: 40px;
	line-height: 1.4;
	font-weight: var(--b400);
}

.yjylzzp1b {
	opacity: 0.8;
	margin-top: 10px;
}

.yjylzzp1c {
	display: flex;
	margin-top: 55px;
}

@keyframes scrP102 {

	0% {

		-webkit-clip-path: inset(0 round 0 0 0 0);
		clip-path: inset(0 round 0 0 0 0)
	}

	to {

		-webkit-clip-path: inset(3vh 7.5vw 3vh 7.5vw round 15px 15px 15px 15px);
		clip-path: inset(3vh 7.5vw 3vh 7.5vw round 15px 15px 15px 15px)
	}

}





.fot14 {
	background: #00143c;
	padding-top: 90px;
	padding-bottom: 0;
}

.css-18pexiu {
	height: 150px;
	position: relative;
	overflow: hidden;
	font-size: 58px;
	color: #8CF5FF;
	width: 500px;
	margin: 0 auto;
}

.css-18pexiu::before {
	background-image: linear-gradient(90deg, rgba(0, 20, 60, 1), rgba(0, 20, 60, 0.4) 30%, rgba(0, 20, 60, 0) 50%, rgba(0, 20, 60, 0.4) 70%, rgba(0, 20, 60, 1));
	position: absolute;
	left: 0px;
	right: 0px;
	content: "";
	height: 100%;
	z-index: 1;
}

.css-il8tms {
	white-space: nowrap;
	position: absolute;
	left: 0;
	top: 0;
}

.investor_m1 {
	margin-top: var(--mt45);
}

@keyframes animation-zk8gpk {
	from {
		-webkit-transform: translate(5%, 0);
		transform: translate(5%, 0);
	}

	to {
		-webkit-transform: translate(-60%, 0);
		transform: translate(-60%, 0);
	}

}

.css-il8tms {
	animation: animation-zk8gpk 10s linear infinite;
}

.fot14b {
	margin-top: 50px;
}

.fot14bap2 input {
	box-sizing: border-box;
}

.fot14bap2 input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #fff;
	font-size: 14px;
	opacity: 0.8;
}

.fot14bap2 input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #fff;
	font-size: 14px;
	opacity: 0.8;
}

.fot14bap2 input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #fff;
	font-size: 14px;
	opacity: 0.8;
}

.fot14bap2 input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #fff;
	font-size: 14px;
	opacity: 0.8;
}

.fot14bap1 {
	font-size: 22px;
	font-size: 200;
	line-height: 1;
	padding-bottom: 20px;
}

.fot14b,
.fot14b a {
	color: #fff;
}

.fot14bap2 {
	background: #334363;
	height: 54px;
	position: relative;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.fot14bap2 {
	display: flex;
	align-items: center;
	overflow: hidden;
	width: 100%;
	padding-right: 0;
}

.fot14bap2 input {
	background: none;
	border: none;
	border-bottom: 2px solid transparent;
}

.fot14bap2 input {
	height: 100%;
	line-height: 54px;
}

.fot14bap2 input {
	width: 100%;
	outline: none;
	padding-right: 118px;
}

.fot14bap2 input {
	padding: 0 20px;
}

.fot14bap2 input:focus {
	border-color: var(--liang);
}

.fot14bap2 span {
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
}

.fot14bap2 span {
	width: 118px;
	color: #fff;
	opacity: 1;
	background: var(--line-bg);
}

.fot14bap2 span {
	font-size: var(--fs16);
	font-weight: 500;
}

.fot14bap2 span {
	position: absolute;
	right: 8px;
	top: 7px;
	z-index: 3;
	transition: all 0.3s ease;
}

.fot14bap2 span:hover {
	opacity: 1;
}

.fot14bap3 {
	margin-top: 35px;
}

.fot14bap3 {
	font-size: 14px;
	display: flex;
	align-items: flex-start;
	font-weight: 200;
}

.fot14bap3 i {
	width: 16px;
	height: 16px;
	border-radius: 5px;
	border: 2px solid #fff;
}

.checks {
	display: inline-block;
	border: 1px solid #fff;
	width: 16px;
	height: 16px;
	border-radius: 3px;
}

.checks.on {
	background: url(../img/checkson.svg) center no-repeat;
	background-size: 100% auto;
	border: 1px solid red;
}

.fot14bap3 p {
	width: calc(100% - 16px);
	padding-left: 10px;
}

.fot14bap3 p a {
	font-weight: 500;
	text-decoration: underline;
}

.fot14bap3 i {
	position: relative;
	top: 4px;
}

.fot14bb h4 {
	transition: all 0.3s ease;
	color: #fff;
	font-weight: var(--b400);
}

.fot14bb h4:hover {
	color: var(--liang);
}

.fot14bb li {
	margin-top: 12px;
	font-size: 14px;
}

.fot14bb li a {
	opacity: 0.9;
	transition: all 0.3s ease;
}

.fot14bb li a:hover {
	opacity: 1;
	color: var(--liang);
}

.fot14ba {
	width: 400px;
}

.fot14bb {
	width: calc(75% - 400px);
}

.fxas li {
	display: flex;
	align-items: center;
	width: 100%;
}

.fxas i {
	margin-right: 10px;
}

.fot14c,
.fot14c a {
	color: #fff;
}

.fot14ca {
	display: flex;
}

.fot14ca a {
	margin-right: 20px;
	font-size: 14px;
}

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

.fot14cb {
	font-size: 12px;
	opacity: 0.7;
}

.fot14cb span {
	margin: 0 10px;
}

.fot14c {
	padding: 90px 0;
	padding-top: 90px;
}

.fot14c {
	padding-bottom: 30px;
	padding-top: 30px;
}


#c-bns button:first-child,
#s-bns button:first-child,
#c-bns button:hover {
	background: var(--blue) !important;
}

/*  */
.hl10abp3 {
	margin-top: 55px;
}

.hl10abp2 {
	margin-top: 20px;
}

.hl10abn {
	align-items: center;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
	border-radius: var(--borders20);
	background: #fff;
	overflow: hidden;
}

.hl10abwzm {
	padding: 0 10%;
}

.hl10abm {
	position: sticky;
	top: 0;
	min-height: inherit;
	width: 100%;
	display: flex;
	align-items: center;
}

.hl10abm2 {
	z-index: 3;
	min-height: inherit;
	padding-top: 0;
}

.hl10abm1 {
	padding-top: 120px;
}

.hl10abimg,
.hl10abwz {
	width: 50%;
}

.hl10abimg img {
	width: 100%;
}

/*  */
.about_left {
	width: 52%;
}

.about_right {
	width: 44%;
	position: relative;
}

.about_bg {
	background: #f8f8f8;
}

.about_bg1 {
	width: 100%;
	position: relative;
}

.esg01m {
	margin-top: var(--mt45);


}

.xyg_li {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.xyg_l12 {
	border-radius: 24px;
	overflow: hidden;
}

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

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

.about_p1 {
	font-size: var(--fs48);
	color: var(--color);
	line-height: 1.2;
	font-weight: 400;
}

.about_p2 {
	font-size: var(--fs48);
	color: #3f3f3f;
	line-height: 1.2;
	font-weight: 400;
	margin-top: 40px;

}

.about_item {
	width: 50%;
	text-align: center;
	margin-top: 100px;
}

.about_list {
	margin-top: var(--mt45);
}

.about_p3 {
	font-size: 60px;
	color: #3f3f3f;
	font-weight: var(--b400);
	margin-top: 10px;
	line-height: 1.2;
}
.about_p3_span1{
    font-size: 14px;
}
.about_p3_span3{
    font-size: 40px;
}
.about_li1 {
	/* min-height: 100px; */
}

.about_li1 img {
	width: 113px;
	height: 113px;
}

.about_p4 {
	font-size: 20px;
	color: #3f3f3f;
}

.about_p5 {
	font-size: var(--fs16);
	color: #000;
	margin-top: 30px;
	text-align: justify;
}

.about_p6 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.about_p7 {
	display: flex;
	margin-top: var(--mt45);
}

.about_h4 {
	font-size: var(--fs48);
	font-weight: var(--b400);
	color: var(--color);
	line-height: 1.2;
}

.honor {
	position: relative;
}

.honor_swiper {
	position: relative;
	padding-bottom: 40px;
}

.honor_swiper .honor_slide:nth-child(2n) {
	margin-top: var(--mt45);
}

.honor_slide {
	background-image: url(../demo/honor_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 500px;
	position: relative;
}

.honor_li1 {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
	width: 100%;
	text-align: center;
}

.honor_li1 img {
	width: 50%;
}

.honor_li2 {
	position: absolute;
	top: 29%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
	width: 65%;
	text-align: center;
}

.honor_p1 {
	font-size: 14px;
	line-height: 1.4;
	color: #000;
	font-weight: var(--b400);
}

.honor_p2 {
	font-size: 18px;
	color: #4c4c4c;
}

.honor_btn {
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    z-index: 9;
    display: flex;
    justify-content: center;
    /* width: 80%*/

}


.honor_btn span {
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 44px;
	text-align: center;
	border: 1px solid #4c4c4c;
	border-radius: 50%;
	transition: all 0.3s ease;
	margin: 0 20px;
}

.honor_btn span:hover {
	border: 1px solid var(--color);
	background: var(--color);
	color: #fff;
	cursor: pointer;
}

/**/
.newtitle_left select {
	width: 140px;
	padding: 10px 10px;
	border-radius: 30px;
	height: 40px !important;
	outline: none;
}

.new_flex {
	display: flex;
	justify-content: flex-end;
}

.newd20bp1 {
	font-weight: var(--b400);
}

.newtitle_right {
	position: relative;
}

.newtitle_right input {
	width: 400px;
	border: 1px solid #b5b5b5;
	padding: 10px 20px;
	border-radius: 30px;
	outline: none;
}

.newtitle_right span {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	padding: 11px 30px;
	background: var(--color);
	color: #fff;
	border-radius: 30px;
}

.new_list {
	margin-top: var(--mt45);
}

.new_left {
	width: 50%;
}

.new_right {
	width: 50%;
	background: #fbfbfb;
	padding: 40px 40px;
}

.new_p1 {
	font-size: var(--fs16);
	color: #999;
}

.new_p2 {
	font-size: 32px;
	font-weight: var(--b400);
	color: #000;
	line-height: 1.2;
	margin-top: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.new_p3 {
	font-size: 18px;
	color: #666;
	margin-top: 40px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.new4_p3 {
	margin-top: 40px;
	display: flex;
}

.new_ul1 {
	width: 50%;
}


.new_ul2 {
	width: 50%;
	display: flex;
	flex-direction: column;
	/* 垂直方向两端对齐 */
	justify-content: space-between;

}

.new_ul3 {
	width: 60%;
}

.new_ul4 {
	width: 35%;
	display: flex;
}

.new_s1 {
	font-size: 54px;
	color: var(--color);
	line-height: 1;
	margin-right: 10px;
}

.new_s2 {
	font-size: var(--fs16);
	color: #4c4c4c;
	margin-top: 4px;
}

.new_li1 {
	overflow: hidden;
}

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

.new_p4 {
	font-size: 24px;
	color: #000;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	font-weight: var(--b400);
}

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

.new_list2 {
	border-bottom: 1px solid #666;
	padding: 40px 0;
}

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

.new_list2:hover .new_s3 {
	background: var(--color);
	border: 1px solid var(--color);
	color: #fff;
}

.new_btn {
	text-align: center;
	margin-top: var(--mt45);
}

.new_btn .new_s3 {
	margin-top: 10px;
}

.new_btn:hover .new_s3 {
	background: var(--color);
	border: 1px solid var(--color);
	color: #fff;
	cursor: pointer;
}

/*  */
.product {
	background: #fff;
}

.product_w {
	padding: 100px 12%;
}

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

.product_left {
	width: 25%;
}

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

.product_right::before {
	position: absolute;
	left: -40px;
	top: 0;
	content: '';
	background-image: url(../demo/hl3prosbbbg.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: 100%;
	width: 40px;
}


.down_item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px 0;
	border-bottom: 1px solid #e2e2e2;
}

.down_item:last-child {
	border-bottom: none;
}

.download {
	background: #fdfdfd;
}

.down_right {
	background: #fff;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
	padding: 30px 40px;
}

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

.down_ul1 i {
	font-size: 26px;
	color: #ea586b;
}

.down_ul1 i {
	background: url(../0424/pdf3.svg) left center no-repeat;
	width: 25px;
	height: 35px;
	display: inline-block;
	background-size: 100% auto;
	margin-right: 10px;
}

.down_ul2 i {
	font-size: 22px;
}

.down_ul2 {
	line-height: 30px;
	display: flex;
	align-items: center;
}

.down_ul2 i.sdyunxiazai_o {
	font-size: 30px;
	position: relative;
	top: 2px;
}

.down_ul2 a {
	margin-left: 10px;
}

.product_sty {
	position: sticky;
	top: 100px;
	/* margin-top: 20px; */
	/* box-shadow: 0 0 25px rgba(0, 0, 0, 0.08); */
}

.down_sty {
	box-shadow: none;
}

.down_sty .faq12ab {
	padding: 20px 0;
}

.down_sty .faq12ab {
	background: #fdfdfd;
}


.faq_js_tab {
	display: none;
	padding-top: 10px;
}

.download_list a {
	display: block;
	padding: 10px 15px 0 15px;
}

.download_list a.on {
	color: var(--color);
}

.faq12ab {
	background: #fff;
	padding: 20px 0px;
}

.faq12abh4 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 25px 0;
	border-bottom: 1px solid #d8d8d8;
	cursor: pointer;
}

.faq12abm:last-child .faq12abh4 {
	border-bottom: none;
}

.faq12abm:last-child .faq12abh41 {
	border-bottom: 1px solid #d8d8d8;
}

.faq12abm:first-child .faq12abh41 {
	border-top: 1px solid #d8d8d8;
}

.faq12abh41.on {
	color: var(--color);
}

.faq12abms p {
	padding: 3px 15px;
	border-bottom: 1px solid #d8d8d8;
}

.faq12abms a {
	border-bottom: 1px solid #d8d8d8;
	border: none;

}

.faq12abms a {
	padding: 5px 15px;
}

.faq12abms p.on {
	color: var(--color);
}

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

.faq12abh4.on i {
	transform: rotate(180deg);
}

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

.pro_p1 {
	font-size: var(--fs48);
	line-height: 1.2;
	font-weight: var(--b400);
}

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

.proitem {
	padding-top: 45px;
	padding-bottom: 45px;
}

.proitem {
	width: 32%;
	margin-right: 14px;
	margin-top: 30px;
	position: relative;
}

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

.prolist_swiper {
	overflow: hidden;
}

.proitemli1 {
	background-image: url(../demo/probg.png);
	background-size: cover;
	background-position: center;
	padding: 30px 20px;
	text-align: center;
	min-height: 170px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.proitemli1 img {
	width: 200px;
}

.proitemli2 {
	background: #fff;
	padding: 20px 20px;
	min-height: 160px;
}

.proitem_p1 {
	font-size: var(--fs16);
	font-weight: var(--b400);
}

.proitemli2 p {
	position: relative;
	font-size: 12px;
	padding-left: 10px;
}

.proitemli2 p::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #5d6063;
}

.proitemli3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #154b80;
	padding: 20px 15px;
	opacity: 0;
	transition: all 0.3s ease;
}

.proitem:hover .proitemli3 {
	opacity: 1;
}


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

.proitem_p3 {
	color: #fff;
	margin-top: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	line-height: 1.4;
}

.proitem_p4 {
	margin-top: 30px;
}

.proitem_p4 span {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	background: #ff2a17;
	color: #fff;
}

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

.pro_left {
	width: 50%;
}

.pro_right {
	width: 48%;
}

.pro_li1 {
	overflow: hidden;
}

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

.pro_con {
	display: flex;
	border-bottom: 1px solid #ddd;
	width: fit-content;
}

.prot_item {
	padding-bottom: 10px;
	margin-right: 100px;
	font-size: 24px;
	color: #333;
	opacity: 0.7;
}

.prot_item.on {
	border-bottom: 2px solid #5e5e5e;
	opacity: 1;
}

.prot_item:last-child {
	margin-right: 0;
}

.prot_cont {
	display: none;
	margin-top: 20px;
}

.prot_put {
	width: 100%;
	position: relative;

}

.prot_put input {
	width: 100%;
	height: 50px;
	border: none;
	border-bottom: 1px solid #ddd;
	padding: 10px 10px;
	box-sizing: border-box;
	padding-left: 20px;
	margin-top: 20px;
}

.prot_put textarea {
	width: 100%;
	height: 100px;
	border: none;
	border-bottom: 1px solid #ddd;
	padding: 10px 10px;
	box-sizing: border-box;
	padding-left: 20px;
}

.pro_li2 img {
	width: 100%;
}

.prot_put textarea:focus {
	outline: none;
}

.prot_put label {
	position: relative;
}

.prot_put label::before {
	content: "*";
	position: absolute;
	left: 1px;
	top: 10px;
	color: #ffb05e;
}

.prot_put .prot_email::before {
	content: "";
}


.prot_put input:focus {
	outline: none;
}

.prot_cont.on {
	display: block;
}

.ban_p1 {
	font-size: 14px;
	color: #1d5184;
}

.ban_p2 {
	color: #1d5184;
	font-size: 32px;
	font-weight: bold;
}

.ban_p3 {
	font-weight: bold;
	color: #1d5184;
	font-size: 20px;
}

.ban_p4 {
	margin-top: 40px;
}

.ban_p4 a {
	margin-right: 20px;
}

.ban_a1 {
	display: inline-block;
	padding: 5px 20px;
	border-radius: 30px;
	border: 1px solid #1d5184;
	color: #154b80;
	transition: all 0.3s ease;
}

.ban_a1:hover {
	background-color: #1d5184;
	color: #fff;
}

.pg-baner-wz1 {
	display: flex;
	justify-content: space-between;
}

.pg-baner2 {
	height: 100vh;
}

.pg-baner-wz2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pro-baner-wz2 {
	align-items: center;
}

.pg_right_img {}

.pg_right_img img {

	width: 100%;
}

.pg_left {
	width: 70%;
}

.pg_right {
	width: 30%;
	padding-right: 5%;
	text-align: center;
}

.pg_right_li1 img {
	width: 100%;
}

.product_nav_wz {
	padding: 30px 0;
}

.product_nav_wz span {
	margin: 0 30px;
}

.product_nav_wz a {
	font-size: 20px;
	font-weight: bold;
}

.product_nav_wz .on {
	color: #1d5184;
}

.description {
	background: #f8f8f8;
}

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

}

.description_left {
	width: 75%;
}

.description_right {
	width: 20%;
}

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

.description_p2 {
	font-size: 14px;
	margin-top: 20px;
}

.description_p3 {
	font-size: 30px;
	font-weight: bold;
	margin-top: 20px;
}

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

.descri_li1 {
	overflow: hidden;
}

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

/*  */
.hl2proasousuo {
	width: 40%;
	/* margin: 0 auto; */
	position: relative;
	height: 50px;
	line-height: 48px;
	display: flex;
	box-sizing: border-box;
}

.hl2proasousuo {
	border-bottom: 2px solid var(--color);
}

.hl2proasub {
	position: absolute;
	width: 100%;
	background: #fff;
	left: 0;
	top: 50px;
}

.hl2proaicon {
	width: 60px;
	text-align: center;
	font-size: 26px;
	color: var(--color);
}

.hl2proatxt {
	width: calc(100% - 60px);
	background: none;
	border: none;
	outline: none;
	font-size: 18px;
}

.hl2proaicon,
.hl2proatxt {
	line-height: 48px;
	height: 48px;
}

/* .hl2proasousuo {
	margin-top: 60px;
} */

.hl2proasub {
	padding: 20px;
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
}

.hl2proasubh3 {
	line-height: 1.4;
	font-weight: 700;
	font-size: 20px;
}

.hl2proasubli li {
	line-height: 40px;
	border-bottom: 1px solid #d9dada;
	padding: 10px 0;
	cursor: pointer;
}

.hl2proasubli li {
	display: flex;
	width: 100%;
}

.hl2proasubli {
	margin: 0 15px;
	margin-top: 5px;
}

.hl2proasousuo,
.hl2proasub {
	z-index: 7;
}

.hl2proasubli span {
	font-size: 18px;
	color: #333;
}

.hl2proasubli i {
	position: relative;
}

.hl2proasubli i {
	width: 40px;
	height: 40px;
}

.hl2proasubli i img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	max-width: 70%;
	max-height: 70%;
}

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

.hl2proasubli li:hover i,
.hl2proasubli li:hover span {
	color: var(--color);
}

.hl2proasub {
	display: none;
}

.descri_sty {
	position: sticky;
	top: 100px;
}

.description_p4 {
	font-size: 30px;
	font-weight: bold;
	margin-top: 60px;
}

.descr_cont {
	display: none;
	background: #ededed;
}

.descr_cont.on {
	display: block;
}

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

.descr_item {
	margin-right: 30px;
	font-size: var(--fs16);
	font-weight: bold;
}

.descr_item.on {
	color: #154b80;
	border-bottom: 2px solid #154b80;
}

.descr_cont_box {
	margin-top: 50px;
}

.descr_li2 {
	display: flex;
	justify-content: space-between;
	background: #fff;
	padding: 30px 10%;
}

.descr_li1 {
	padding: 40px;
}

.descr_li1 img {
	width: 80%;
}

.descr_p1 {
	font-size: 32px;
	font-weight: bold;
}

.descr_p2 {
	font-size: 14px;
	color: #000;
}

.descri_p1 {
	font-size: 14px;
	padding: 0 10px;
	margin-top: 20px;
}

.descri_p2 {
	padding: 0 10px;
}

.descri_p2 i {
	margin-right: 15px;
}

.descri_p3 {
	width: 100%;
	padding: 20px 10px;
	text-align: center;
	color: #fff;
	background: #be0000;
	margin-top: 20px;
}

/**/
.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 #ec923d;
	background: #ec923d;
	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 0px;
	border-bottom: 1px solid #e8e8e8;
}

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

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

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

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

.user_p1 {
	font-size: 14px;
	color: #000;
}


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

.manual_p2 {
	font-size: 24px;
}

.manual_i1 i {
	display: inline-block;
	transition: all 0.3s ease;
}

.manual_li.on .manual_i1 i {
	transform: rotate(180deg);
}


.manual_item30 {
	display: flex;
	justify-content: space-between;
	padding: 20px 0px;
	border-bottom: 1px solid #e8e8e8;
	align-items: center;
}

.manual_item30 em {
	color: #666
}

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

.serv_List30 h3 {
	color: #333;
	padding: 20px 0;
}

.serv_List30 p {
	font-size: 18px;
	color: #555;
}

.user_s30 {
	display: inline-block;
	border: 1px solid #bfbfbf;
	padding: 15px 30px;
	border-radius: 50px;
	width: 600px;
	margin-top: 40px;
	position: relative;
}

.user_s30 .index_more30 {
	position: absolute;
	right: 5px;
	top: 5px;
}

.index_more30 {
	display: inline-block;
	background: var(--line-bg);
	border-radius: 30px;
	padding: 10px 30px;
	color: #fff;
}

.index_more30 i {
	margin-left: 40px;
	transition: all 0.3s ease;
}

.index_more30:hover {
	color: #fff;
}

.manual_p30 {
	font-size: 18px;
	font-weight: var(--b600)
}

.manual_p30 {
	width: calc(100% - 100px)
}



/*  */


.pro_inp {
	margin-top: var(--mt45);
}

.pro_inp input {
	-webkit-appearance: auto;
	margin-top: -5px;
}

.pro_label {
	margin-right: 30px;
}

.pro_label span {
	font-size: var(--fs16);
	font-weight: var(--b400);
}

.pro_label input {
	-webkit-appearance: auto;
}

.pro_inp_p1 {
	font-size: 18px;
	font-weight: var(--b400);
	position: relative;
	padding-left: 10px;
}

.pro_inp_p1:before {
	content: '*';
	position: absolute;
	left: 0;
	top: 5px;
	color: red;
}

.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: 10px 10px;
	border: 1px solid #ccc;
	outline: none;
}

.pro_inputli1 textarea {
	width: 100%;
	padding: 10px 10px;
	border: 1px solid #ccc;
	outline: none;
}

.pro_inputli2 {
	width: 100%;
	margin-top: 25px;
}

.pro_btna {
	margin-top: 30px;
}

/***/
.prode_p1 {
	font-size: 18px;
	color: #000;
	margin-top: 20px;
	text-align: justify;
}

.prode_p2 {
	font-size: 22px;
	margin-top: 30px;
}

.advantage {
	background: #f8f8f8;
}

.advantage_box {
	margin-top: var(--mt45);
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}

.advantage_item {
	/* width: 24%; */
	background: #Fff;
	padding: 50px 10px;
	/* margin-right: 10px; */
	text-align: center;
	height: auto;
}

.advantage_li1 {
	min-height: 80px;
}

.advantage_item img {
	max-width: 30%;
	min-height: 70px;
}

.advantage_swiper {
	margin-top: var(--mt45);
	overflow: hidden;
}

/* .advantage_item:nth-child(4n) {
	margin-right: 0;
} */

.advantage_p1 {
	font-size: 26px;
	line-height: 1.2;
	color: #000;
	margin-top: 10px;
	font-weight: var(--b400);
	min-height: 70px;
}

.advantage_p2 {
	font-size: var(--fs16);
	color: #000;
	margin-top: 10px;
	min-height: 80px;
}

.parameter_item {
	display: flex;
	border-top: 1px solid #ccc;
	padding: 20px 0;
}

.parameter_box {
	margin-top: 30px;
}

.parameter_box table {
	width: 100%;
}

.parameter_box tr {
	display: flex;
	border-top: 1px solid #ccc;
	padding: 20px 0;
}

.parameter_box td {
	width: 50%;
	padding: 0 20px;
}

.parameter_item span {
	display: inline-block;
	width: 50%;
	font-size: 20px;
	font-weight: var(--b400);
	padding: 0 40px;
}

.parameter_box tr:last-child {
	border-bottom: 1px solid #ccc;
}

.parameter_box tr:nth-child(2n) {
	background: #f8f8f8;
}

.product_form {
	background: #f8f8f8;
}

.product_formbg {
	background: #fff;
	padding: 30px 40px;
	margin-top: var(--mt45);
}

.product_formbg2 {
	padding: 0;
}


/**/

.content_main {
	padding-top: 0;
}

.contact_bg {
	margin-top: var(--mt45);
	position: relative;
}

.contact_li1 {
	overflow: hidden;
}

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

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

.contact_p1 {
	color: #fff;
	font-size: 30px;
	font-weight: var(--b400);
}

.contact_p2 {
	font-size: var(--fs16);
	color: #fff;
	margin-top: 20px;
	font-weight: var(--b400);
}

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

.contact_item {
	background: #f8f8f8;
	padding: 30px 30px;
	border-radius: 10px;
	width: 32%;
	margin-right: 20px;
}

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

.contact_p3 {
	font-size: 19px;
	color: #000;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	font-weight: var(--b400);
}

.contact_p4 {
	margin-top: 20px;
	font-size: var(--fs16);
	color: #000;
	opacity: 0.8;
}

.contact_p5 {
	font-size: var(--fs16);
	color: #000;
	opacity: 0.8;
}

/**/
.join_p1 {
	font-size: var(--fs16);
	margin-top: var(--mt45);
	text-align: justify;
}

.join_p2 {
	font-size: var(--fs16);
	margin-top: 20px;
	text-align: justify;
}

.join_bg {
	width: 95%;
	margin: 0 auto;
}

.join_li1 {
	position: relative;
	text-align: center;
}

.join_li1 video {
	width: 60%;
	border-radius: 20px;
	height: 100vh;
	max-height: 80vh;
	object-fit: cover;
	transition: all 0.3s ease;
}

.join_bg.on .join_li1 video {
	width: 85%;
}


.join_li2 {
	position: absolute;
	top: 50%;
	left: 20%;
	transform: translate(-50%, -50%);
	z-index: 11;
	opacity: 0;
	transition: all 0.3s ease;
}

.join_bg.on .join_li2 {
	opacity: 1;
}

.join_li2 div {
	display: inline-block;
	margin-right: 30px;
	margin-top: 30px;
}

.join_li2 p {
	text-align: left;
	font-size: 40px;
	color: #fff;
	line-height: 1.2;
	font-weight: var(--b400);
}

.join_li3 i {
	color: #fff;
	z-index: 1;
}

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

.join_item {
	width: 32%;
	margin-right: 15px;
	box-shadow: 0px 11px 54px 0px rgba(0, 0, 0, 0.07);
	padding: 50px 30px;
	margin-top: 80px;
	position: relative;
}

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

.join_li4 {
	position: absolute;
	top: -40px;
	left: 25px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 50%;
	box-shadow: 0px 11px 54px 0px rgba(0, 0, 0, 0.07);
	background-color: #fff;
}

.join_li4 img {
	width: 50px;
	margin-left: 10px;
}

.join_p3 {
	font-size: 22px;
	font-weight: var(--b400);
	line-height: 1.2;
	text-align: justify;
}

.join_p4 {
	font-size: var(--fs16);
	font-weight: var(--b400);
	margin-top: 15px;
	text-align: justify;
}

.join_main {
	background: #f8f8f8;

}

.joinpage {
	text-align: center;
	margin-top: 20px;
}

.joinpage span {
	background: var(--color) !important;
}

.staffli1 {
	overflow: hidden;
}

.join_swiper {
	margin-top: var(--mt45);
}

.staff_slide {
	background: #fff;
}

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

.staffli2 {
	padding: 30px 20px;
}

.staff_p1 {
	font-size: 22px;
	font-weight: var(--b400);
	color: #000;
}

.staff_p2 {
	font-size: var(--fs16);
	margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	min-height: 120px;
	text-align: justify;
}

.recruit_p1 {
	font-size: 22px;
	font-weight: var(--b400);
}

.recruit_p2 {
	display: inline-block;
	margin-top: 20px;
}

.recruit_ul1 {
	width: 48%;
}

.recruitli1 {
	overflow: hidden;
}

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

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

.recruitli2 {
	background: #fff;
	padding: 30px 30px;
	box-shadow: 0px 11px 54px 0px rgba(0, 0, 0, 0.07);
}

/**/
.case_list {
	display: flex;
	flex-wrap: wrap;
}

.case_item {
	width: 47%;
	margin-right: 3%;
	margin-top: var(--mt45);
	position: relative;
}

.case_item:nth-child(2n) {
	margin-right: 0;
}

.case_item:nth-child(1) {
	margin-top: 0;
}

.case_item:nth-child(2) {
	margin-top: 55px;
}

.case_li1 {
	border-radius: 10px;
	overflow: hidden;
}

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

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

.case_li2 {
	padding: 20px 30px 30px 30px;
	border-bottom: 1px solid #d4d4d4;
}

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


.case_li4 {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 1;
	text-align: center;
}

.case_li4 span {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 59px;
	text-align: center;
	background: var(--color);
	border-radius: 50%;
}

.case_li4 p {
	color: var(--color);
}

.case_li4 img {
	width: 40px;
	height: 40px;
}

.case_s1 {
	font-size: 24px;
	font-weight: var(--b400);
	line-height: 1.4;
}
.case_li3 .case_s1{
    width:90%;
}
.case_s2 {
	display: inline-block;
	width: 44px;
	height: 44px;
	line-height: 43px;
	text-align: center;
	border: 1px solid #d4d4d4;
	transition: all 0.3s ease;
	border-radius: 50%;
}

.case_m1 {
	margin-top: 10px;
	color: var(--color);
}

.case_m1 i {
	display: inline-block;
	margin-right: 10px;
}

.case_item:hover .case_s2 {
	background: var(--color);
	color: #fff;
	border: 1px solid var(--color);
}

.case_item:hover .case_li2 {
	border-bottom: 1px solid var(--color);
}

.esgb_img {
	position: relative;
}

.esgb_img::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

.esgd_p3 {
	justify-content: start;
	margin-top: 35px;
	display: flex;
	color: #fff;
}

.esgd_p2 {
	line-height: 1.2;
}

.newd20ap2 {
	font-size: 32px;
}

/**/
.patent9ap1 {
	font-size: 18px;
	margin-top: 35px;
}

.patent9ap1 p {
	margin-top: 15px;
	text-align: justify;
}

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

.patent9aswiper {
	overflow: hidden;
	margin-top: 70px;
	position: relative
}

.patent9aslide {
	display: flex;
}

.patent9awz {
	width: 42%;
	padding-right: 7%;
	padding-top: 0;
}

.patent9aimg {
	width: 58%;
	overflow: hidden;
	border-radius: 15px;
}

.patent9aimg img {
	width: 100%;
}

.patent9ap2 {
	font-size: 50px;
	line-height: 1;
	color: var(--color);
	font-weight: var(--b400);
}

.patent9ap3 {
	font-weight: var(--b400);
	font-size: 30px;
	line-height: 1.2;
	margin-top: 20px;
}

.patent9ap4 {
	color: #444;
	margin-top: 30px;
	text-align: justify;
	height: 140px;
	min-height: 140px;
	overflow-y: scroll;
	padding-right: 10px;
}

/* 整个滚动条 */
.patent9ap4::-webkit-scrollbar {
	width: 5px;
	/* 垂直滚动条宽度 */
	height: 6px;
	/* 水平滚动条高度 */
}

/* 滚动条轨道 */
.patent9ap4::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

/* 滚动条滑块 */
.patent9ap4::-webkit-scrollbar-thumb {
	background: var(--color);
	border-radius: 10px;
}

/* 滚动条滑块悬停状态 */
.patent9ap4::-webkit-scrollbar-thumb:hover {
	background: var(--color);
}

.patent9aslide {
	opacity: 0 !important;
}

.patent9aslide.swiper-slide-active {
	opacity: 1 !important;
}

.pubscrollbar {
	width: 200px;
	height: 4px;
	border-radius: 4px;
	overflow: hidden;
	background: #f8f8f8;
	margin: 0 auto;
	margin-top: 60px;
}

.pubscrollbar-fff {
	background: #fff;
}

.pubscrollbar .swiper-scrollbar-drag {
	background: var(--color);
	border-radius: 4px;
}

.patent9aswiper-scrollbar {
	position: absolute;
	z-index: 3;
	left: 0;
	bottom: 0;
}

.patent9a,
.patent9b {
	padding-bottom: 50px;
}

.patent9em {
	width: 31%;
	margin-right: 10px;
	box-shadow: 0px 11px 54px 0px rgba(0, 0, 0, 0.07);
	border-radius: 10px;
}

.patent9emli2 {
	padding: 15px 25px;
}

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

.patent9bswiper {
	height: 400px;
	width: 100%;
	overflow: hidden;
	margin-top: var(--mt45);
}

.patent9emli1 {
	overflow: hidden;
	/* border-top-right-radius: 10px;
	border-top-left-radius: 10px; */
}

.patent9e_list {
	margin-top: var(--mt45);
}

.patent9emli1 img {
	width: 100%;
	transition: all 0.3s ease;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

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

.patent9emp1 {
	font-size: 30px;
	font-weight: var(--b400);
	margin-top: 15px;
	line-height: 1.2;
	min-height: 60px;
}

.patent9emp2 {
	font-size: var(--fs16);
	height: 120px;
	overflow-y: scroll;
	margin-top: 15px;
	padding-right: 20px;
	text-align: justify;
}

/* 整个滚动条 */
.patent9emp2::-webkit-scrollbar {
	width: 5px;
	/* 垂直滚动条宽度 */
	height: 6px;
	/* 水平滚动条高度 */
}

/* 滚动条轨道 */
.patent9emp2::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

/* 滚动条滑块 */
.patent9emp2::-webkit-scrollbar-thumb {
	background: var(--color);
	border-radius: 10px;
}

/* 滚动条滑块悬停状态 */
.patent9emp2::-webkit-scrollbar-thumb:hover {
	background: var(--color);
}

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

.patent9bslide {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 300px;
}

.patent9c {
	padding-bottom: 50px;
}

.patent9e {
	padding-bottom: 50px;
}

.patent9cn {
	display: flex;
	flex-wrap: wrap;
	margin-top: var(--mt45);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.patent9cn {
	padding: 50px;
}

.patent9cna {
	width: 410px;
	border-right: 1px solid #eee;
	padding-right: 5%;
}

.patent9cnb {
	width: calc(100% - 410px);
	padding-left: 45px;
}

.patent9cna a {
	display: block;
	font-size: 20px;
	font-weight: var(--b400);
	line-height: 1.4;
	margin-bottom: 20px;
}

.patent9cna .on {
	color: var(--color);
}

.patent9cnblist i {
	background: url(../0424/pdf3.svg) left center no-repeat;
	width: 25px;
	height: 35px;
	display: block;
}



.patent9cnblist i {
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
}

.patent9cnblist a {
	display: block;
	position: relative;
	padding-left: 45px;
	line-height: 35px;
	padding-right: 60px;
}

.patent9cnblist a {
	font-size: 18px;
	margin-bottom: 20px;
}

.patent9cnblist em {
	position: absolute;
	right: 0;
	line-height: 35px;
	display: block;
	top: 0;
	font-size: 20px;
}

.patent9cnblist em,
.patent9cnblist span {
	transition: all 0.3s;
}

.patent9cnblist a:hover em,
.patent9cnblist a:hover span {
	color: var(--color);
}

.patent9cnblist a:last-child {
	margin-bottom: 0;
}

.ggpages {
	display: flex;
	justify-content: center;
}

.ggpages a {
	margin: 0 5px;
	transition: all 0.3s;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
}

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

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

.patent9cnbpage {
	margin-top: 80px;
}

.dains {
	margin-top: var(--mt45);
}

.dains span {
	display: inline-block;
	width: 32%;
	font-size: 20px;
	color: #4c4c4c;
	font-weight: var(--b400);
}

.project_swiper {
	margin-top: var(--mt45);
	overflow: hidden;
}

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

/**/

.solo9ap1 {
	font-size: 18px;
	margin-top: 35px;
	text-align: justify;
}

.solo9ap2 {
	overflow: hidden;
}

.solo9ap2 {
	margin-top: 70px;
	/*padding-bottom: 100px;*/
}

.solo9ap2img {
	overflow: hidden;
}

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

.solo9ap2p1 {
	text-align: center;
	color: var(--color);
	font-size: 20px;
	padding-top: 20px;
	line-height: 1.4;
}

.solo9ap2p1 {
	font-weight: var(--b400);
}

.solo9ap2wrapper,
.solo9ap2slide {
	height: auto;
}

.solo9ap2wrapper .swiper-wrapper {
	flex-wrap: wrap;
}

.solo9ap2slide {
	width: 24%;
	margin-right: 1.33%;
}

.solo9ap2slide:last-child {
	margin: 0;
}

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

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

.solo9ap3icon {
	width: 90px;
	height: 90px;
	position: relative;
	display: inline-block;
}

.solo9ap3icon img {
	position: absolute;
	margin: auto;
	max-width: 80%;
	max-height: 80%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.solo9ap3m {
	text-align: center;
}

.solo9ap3p1 {
	color: var(--color);
	font-size: 20px;
	padding-top: 0;
	line-height: 1.4;
}

.solo9b {
	background: #f8f8f8;
}

.solo9bswiper {
	overflow: hidden;
	margin-top: var(--mt45);
}

.solo9bwz {
	background-color: #fff;
	padding: 50px;
}

.solo9bp1 {
	font-weight: var(--b400);
	line-height: 1.2;
	font-size: 26px;
	min-height: 80px;
}

.solo9bp2 {
	text-align: justify;
}

.solo9bslide {
	display: flex;
	height: auto;
}

.solo9bwz,
.solo9bp1,
.solo9bp2 {
	transition: all 0.3s ease;
}

.solo9bslide:hover .solo9bwz {
	background: var(--color);
}

.solo9bslide:hover .solo9bp1,
.solo9bslide:hover .solo9bp2 {
	color: #fff;
}

.pubscrollbar {
	width: 200px;
	height: 4px;
	border-radius: 4px;
	overflow: hidden;
	background: #f8f8f8;
	margin: 0 auto;
	margin-top: 60px;
}

.pubscrollbar-fff {
	background: #fff;
}

.pubscrollbar .swiper-scrollbar-drag {
	background: var(--color);
	border-radius: 4px;
}

.solo9c {
	background-color: #fff;
}

.solo9cswiper {
	overflow: hidden;
	margin-top: var(--mt45);
}

.solo9cslide {
	display: flex;
}

.solo9cwz {
	width: 42%;
	padding-right: 10%;
	padding-top: 4%;
}

.solo9cimg {
	width: 58%;
	overflow: hidden;
	border-radius: 15px;
}

.solo9cimg img {
	width: 100%;
}

.solo9cp1 {
	font-size: 50px;
	line-height: 1;
	color: var(--color);
	font-weight: var(--b400);
}

.solo9cp2 {
	font-weight: var(--b400);
	font-size: 30px;
	line-height: 1.2;
	margin-top: 20px;
}

.solo9cp3 {
	color: #444;
	margin-top: 30px;
}

.solo9cslide {
	opacity: 0 !important;
}

.solo9cslide.swiper-slide-active {
	opacity: 1 !important;
}

.solo9cswiper-scrollbar {
	position: relative;
	z-index: 3;
	margin-top: -40px;
	margin-left: 0;
}

.solo9d {
	background-color: #f8f8f8;
}

.solo9dwz {
	margin-top: var(--mt45);
}

.solo9dwz img {
	width: 100%;
}

.solo9eswiper {
	box-sizing: content-box;
	padding: 15px 20px;
}

.solo9eswiper {
	margin-top: 30px;
}

.solo9ewrapper,
.solo9eslide {
	height: auto;
}

.solo9eswiper {
	overflow: hidden;
}

.solo9eimg {
	overflow: hidden;
}

.solo9eimg img {
	width: 100%;
}

.solo9eslide {
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}

.solo9ep1 {
	font-size: 30px;
	font-weight: var(--b400);
	line-height: 1.2;
	min-height: 95px;
}

.solo9ep2 {
	color: #444;
	text-align: justify;
}

.solo9ewz {
	padding: 10%;
}

.solo9eslide,
.solo9eimg img {
	transition: all 0.3s ease;
}

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

.solo9eslide:hover {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

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

.solo9ftopr {
	padding-top: 12px;
}

.solo9f {
	background: #f8f8f8;
}

.solo9flinkimg img {
	width: 100%;
}

.solo9flinkimg {
	border-radius: 15px;
	overflow: hidden;
}

.solo9flinkwz {
	padding-top: 30px;
}

.solo9fp1 {
	font-size: 20px;
	font-weight: var(--b400);
	line-height: 1.2;
}

.solo9fp2 {
	color: #555;
	margin-top: 15px;
}

.solo9flink {
	margin-top: var(--mt45);
	display: flex;
	flex-wrap: wrap;
}

.solo9flinkm {
	width: calc((100% - 50px) / 3);
	margin-right: 25px;
}

.solo9flinkm:last-child {
	margin-right: 0;
}

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

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

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

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

.more9 i {
	margin-left: 8px;
}

.more9:hover {
	color: var(--color);
}

.yj01b {
	opacity: 1;
	pointer-events: initial;
	height: auto;
}

.yj01b-zw {
	position: relative;
	opacity: 1;
	pointer-events: initial;
}

.yj01bwzap1,
.yj01bwzap3,
.yj01bwzap5,
.yj01bwzanm {
	opacity: 1;
	transform: none;
}

/* 
.htfootsharea {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	color: #0a60fb;
	text-align: center;
	position: relative;
	transition: all 0.2s ease;
} */

/* .htfootsharea {
	border-radius: 50%;
	margin-right: 30px;
} */
.htfootsharea {
	position: relative;
}

.htfootsharea:hover {
	/* background: var(--color); */
}


.indexicon1 {
	display: none;
}

.indexicon2 {
	display: block;
}

.htfootsharea:hover .indexicon1 {
	display: block;
}

.htfootsharea:hover .indexicon2 {
	display: none;
}

.htfootshare {
	display: flex;
	justify-content: flex-start;
}

.hficn1 i {
	font-size: 20px;
}

.hficn2 i {
	font-size: 18px;
}

.hficn3 i {
	font-size: 16px;
}

.hficn4 i {
	font-size: 20px;
}

.htftssub {
	position: absolute;
	width: 100px;
	left: 50%;
	margin-left: -50px;
	bottom: 35px;
	padding-bottom: 15px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.htftssub ul {
	padding: 5px;
}

.htftssub ul {
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
}

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

.htftssub p {
	font-size: 12px;
	color: #333;
	line-height: 1;
	padding-bottom: 10px;
	text-align: center;
	margin-top: 10px;
}

.htfootsharea:hover .htftssub {
	opacity: 1;
	visibility: visible;
}

.t7fb_p1 {
	font-size: 14px;
	color: #fff;
	margin-bottom: 10px;
}

.htftssub-two {
	width: 250px;
	display: flex;
}

.htftssub-two ul {
	display: flex;
}

.htftssub-two li {
	width: 50%;
	display: block;
	margin-right: 0;
}

.fot14bb {
	width: 45% !important;
}

/*  */

/*  */

.search-result-main {
	display: block;
	margin-top: 120px !important;
	padding-top: 20px;
	padding-bottom: 100px;
}

.search-result-main-p {
	font-size: 12px;
	color: #9d9d9c;
	margin-top: 0;
}

.search-result-main .input-warp {
	position: relative;
	width: 434px;
	margin: 60px auto;
	border: 1px solid #bfbfbf;
	border-radius: 10px;
	background: url(../temp/search2.png) 13px 13px no-repeat;
	background-size: 20px auto;
}

.search-result-main .input-warp input {
	width: 78%;
	height: 46px;
	line-height: 46px;
	margin-left: 43px;
	border-color: transparent;
	background-color: transparent;
	outline: none;
	color: #666;
}

.searchtab {
	min-height: 400px;
}

.search-class-list {
	border-bottom: 1px solid #ddd;
}

.search-class-list li {
	float: left;
	font-size: 16px;
}

.search-class-list li.on a {
	color: #000;
}

.search-class-list li a {
	padding: 0 26px;
	padding-left: 0;
	color: #999;
	line-height: 45px;
	position: relative;
}

.search-class-list li.on a span:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #3071b7;
}

.search-result-main a {
	display: block;
}

.search-result-title {
	color: #999;
	padding-top: 20px;
}

.result-list {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}

.result-list li {
	width: 49%;
	margin-right: 2%;
	margin: 5px 2% 5px 0;
}

.result-list li:nth-child(2n) {
	margin-right: 0;
}

.result-item {
	width: 48%;
	margin-right: 4%;
	border-bottom: 1px solid #e7e7e7;
	float: left;
}

.result-item:nth-child(2n) {
	margin-right: 0;
}

.result-item .dot {
	display: inline-block;
	width: 4px;
	height: 4px;
	margin: 0 10px;
	background: #828282;
	border-radius: 50%;
	vertical-align: middle;
}

.result-item p {
	display: inline-block;
	vertical-align: middle;
	word-break: normal;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.search-result-main a {
	display: block;
}

.result-item a {
	display: block;
	width: 100%;
	padding: 28px 0;
	color: #696969;
}

.result-item a:hover {
	color: #3071b7;
}

.result-item a:hover .dot {
	background: #3071b7;
}

/**/

.sgp-in-lauge-list {
	position: absolute;
	left: 50%;
	/* width: 140px; */
	margin-left: -35px;
	/* padding-top: 10px; */
	top: 95%;
	/* display: none; */
	opacity: 0;
	text-align: center;
	visibility: hidden;
	transition: all 0.3s ease;
	padding: 0px 40px;
	/* border-radius: 20px; */
	z-index: 111;
	background: #fff;
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.sgp-in-lauge-list a {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: 16px;
}

.sgp-in-lauge:hover .sgp-in-lauge-list {
	/* display: block; */
	opacity: 1;
	visibility: visible;
}

.proj_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: var(--mt45p);
}

.proj_item {
	width: 25%;
	text-align: center;
	padding: 40px 0;
	transition: all 0.3s ease;
}

.proj_item img {
	max-width: 55%;
}

.proj_p1 {
	font-size: var(--fs24);
	font-weight: var(--b700);
	margin-top: 10px;
}

.proj_line {
	width: 100%;
	height: 1px;
	background: #c7c7c7;
	position: relative;
	margin: 25px 0;
}

.proj_line::before {
	content: "";
	position: absolute;
	top: -8px;
	left: 46%;
	width: 14px;
	height: 14px;
	background: #fff;
	border: 1px solid #d0d0d0;
	border-radius: 50%;
}

.proj_p2 {
	color: #666;
	padding: 0 40px;
}

.proj_item li {
	width: 140px;
	height: 140px;
	line-height: 140px;
	display: inline-block;

}

.proj_item:hover {
	background: #005aff;
	border-radius: var(--border10);
}

.proj_item:hover li {
	border-radius: 50%;
	background: #fff;
	width: 140px;
	height: 140px;
	line-height: 140px;
	text-align: center;
	display: inline-block;
}

.proj_item:hover .proj_p1,
.proj_item:hover .proj_p2 {
	color: #fff;
}

.proj_item:hover .proj_p1 {
	margin-top: 20px;
}

.proj_item:hover .proj_line {
	display: none;
}

.i2kec_text {
	text-align: center;
}

.i2kec_p1 {
	font-size: var(--fs18);
	color: #666;
}

.i2kec_p2 {
	font-size: var(--fs24);
	color: #333;
	margin-top: 20px;
}

.i2kec_p3 {
	font-size: var(--fs36);
	color: var(--color);
}

.i2kec_btn {
	width: 693px;
	height: 1px;
	background: #ccc;
	margin: 10px auto;
}

/*  */

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

	:root {
		/* --mt45p: 45px; */
		--fs14: 14px;
		--fs18: 16px;
		--fs20: 16px;
		--fs22: 18px;
		--fs24: 20px;
		--fs30: 20px;
		--fs32: 24px;
		--fs36: 32px;
		--fs40: 34px;
		--fs46: 38px;
		--fs48: 38px;
		--b700: 700;
	}
	.about_p3{
	    font-size: 48px;
	}
	
    .about_p3_span3{
        font-size: 32px;
    }

	.w1400 {
		width: 1200px;
	}
.proitem .cp46p2{
    font-size: 18px;
}
	.yjnavma {
		padding: 0 8px;
	}

	.cp46p2 {
		font-size: 18px;
		min-height: 70px;
		margin-top: 20px;
	}

	/* .pubh2 {
		font-size: 36px;
	} */

	.join_bg.on .join_li1 video {
		width: 100%;
	}

	.product_w {
		padding: 100px 8%;
	}

	.cp46img {
		height: 250px;
		height: 320px;
	}

	.proimg {
		height: 250px;
	}

	.proimg img {
		max-height: 90%;
	}

	.proitem {
		padding: 25px 0;
	}
    .esgc_bgimg1{
        height: 73vh;
    }
    

}

.pc {
	display: block;
}

.phone {
	display: none;
}

.sgp-in-lauge-list {
	position: absolute;
	left: 50%;
	margin-left: -35px;
	top: 55px;
	opacity: 0;
	text-align: center;
	visibility: hidden;
	transition: all 0.3s ease;
	padding: 5px 40px;
	z-index: 111;
	background: #fff;
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
	border-radius: 10px;
}

.sgp-in-lauge-list a {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: var(--fs16);
}

.sgp-in-lauge:hover .sgp-in-lauge-list {
	/* display: block; */
	opacity: 1;
	visibility: visible;
}
.modules {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.modules_left {
	width: 50%;
	position: relative;
}

.modules_right {
	width: 50%;
	position: relative;
}
.modules_li2{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	font-weight: 400;
}

.modules_p1{
	font-size: 46px;
	color: #fff;
	line-height: 1.2;
	margin-top: 40px;
}

.modules_p2{
	display: inline-block;
	margin-top: 40px;
}


.modules_li1 img {
    width: 100%;
    transition: all 0.3s ease;
    /*height: 320px;*/
    object-fit: cover;
}

.esgc_p4 {
	min-height: 250px;
	height: 250px;
	overflow-y: scroll;
	padding-right: 10px;
}

.esgc_p4::-webkit-scrollbar {
	width: 6px;
	/* 垂直滚动条宽度 */
	height: 12px;
	/* 水平滚动条高度 */
}

/* 滚动条滑块 */
.esgc_p4::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 6px;
}

/*.pubh3{*/
.esgd_item2 {
	padding: 20px;
	background: #fff;
	border-radius: 8px;
	margin-top: var(--mt45);
}

.case_list {
	margin-top: var(--mt45);
}

.case_btn1 {
	padding: 8px 30px;
	border-radius: 25px;
	background: #f8f8f8;
	margin-right: 20px;
}

.case_btn1.on {
	background: var(--line-bg);
	color: #fff;
}

.case_box {
	margin-top: var(--mt45);
}

.case_btn2 {
	margin-right: 30px;
}

.case_btn2.on {
	color: var(--color);
}

.patent9aswiperpage span{
	background: var(--color);
	width: 30px;
	border-radius: 0;
}
.gotop{
	position: fixed;
	bottom: 100px;
	right: 50px;
	width: 50px;
	height: 50px;
	color: #fff;
	background: var(--color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	cursor: pointer;
	transition: all .3s ease;
	z-index: 11;
	opacity: 0;
	visibility: hidden;
}
.gotop.on{
	opacity: 1;
	visibility: visible;
}
/*    min-height: 100px;*/
/*}*/

@media screen and (max-width:768px) {
	:root {
		--mt45p: 25px;
		--fs14: 14px;
		--fs16: 14px;
		--fs18: 14px;
		--fs20: 14px;
		--fs22: 14px;
		--fs24: 16px;
		--fs30: 16px;
		--fs32: 18px;
		--fs36: 20px;
		--fs40: 22px;
		--fs46: 24px;
		--fs48: 20px;
		--mt45: 25px;
		--b700: 700;
	}

	.pc {
		display: none;
	}

	.phone {
		display: block;
	}

	.w1400 {
		width: 90%;
		margin: 0 auto;
	}

	.ptb100p {
		padding: 40px 0;
	}

	.pro-baner-wz2 {
		align-items: flex-start
	}

	.manual_p30 {
		font-size: var(--fs14)
	}

	.serv_List30 {
		padding: 20px;
		border-radius: 10px;
	}

	.user_s30 {
		display: none;
	}

	/**/

	.cp46p2 {
		min-height: inherit;
		padding-bottom: 20px;
	}

	.sthand_nav {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 5;
		background: #f8fafb;
		margin-top: 80px;
		padding: 0 20px;
	}

	.xxmenu {
		width: 100%;
		height: 64px;
		/* background: linear-gradient(to right, #00b7ab, #0063b1); */
		background: #fff;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1190;
		transition: all 0.5s ease;
		padding: 0 20px;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	}

	.menu_logo {
		width: 35%;
		/* margin-left: 10px; */
	}


	.menu_ul3 {
		position: relative;
	}

	.menu_li3 img {
		width: 25px;
	}

	.menu_ul3:hover .sgp-in-lauge-list {
		opacity: 1;
		visibility: visible;
	}

	.sgp-in-lauge-list {
		left: 50%;
		width: 70px;
		margin-left: -38px;
		top: 43px;
		padding: 10px 0;
	}

	.make_a1 {
		border: 1px solid #000;
		margin-right: 0;
		color: #000;
		font-size: 12px;
		height: 30px;
		line-height: 27px;
	}

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

	.menu_a1 {
		position: absolute;
		top: 23px;
		right: 68px;
		/* border: 1px solid red; */
		margin-right: 20px;
		line-height: 1.3;
	}

	/* .menu_msp {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 25px 15px;
	}

	.menu_msp.on {
		padding: 25px 20px;
	} */

	.mlogo1 {
		display: block;

	}

	.mlogo2 {
		display: none;
	}

	.li1 {
		width: 20%;
		display: flex;
		align-items: center;
	}

	.li3 span {
		width: 24px;
		height: 2px;
		background: #333;
		/* background: #fff; */
		display: block;
		margin: 5px;
		opacity: 0.8;
		transition: all 0.5s ease;
	}

	.mmeauom .msp1 {
		transform: rotate(45deg);
		margin: -2px;
	}

	.mmeauom .msp2 {
		opacity: 0;
		margin: 0;
	}

	.mmeauom .msp3 {
		margin: -2px;
		transform: rotate(-45deg);
	}

	.xxlist {
		width: 100vw;
		height: 100%;
		background: var(--color);
		position: fixed;
		top: 0;
		right: -100vw;
		z-index: 1180;
		transition: all 0.5s ease;
	}

	.xxlistss {
		position: fixed;
		right: 0vw;
		top: 0;
		width: 100vw;
		height: 100%;
		overflow-y: scroll;
	}

	.xxlist_ul {
		padding: 20px 0px 60px 0;
		margin-top: 64px;
		position: relative;
	}



	.xxinput input::placeholder {
		color: #fff;
	}

	.xxinput input {
		width: 100%;
		border: none;
		outline: none;
		background: none;
		padding-left: 55px;
		border-radius: 5px;
		border-bottom: 1px solid #fff;
		color: #fff;
		padding: 15px 0 15px 55px;
	}

	.xxinput .ic_img1 {
		position: absolute;
		top: 28px;
		left: 28px;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
	}

	.menu_ul2 {
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

	.ic_img1 {
		width: 20px;
		height: 20px;
	}

	.menu_ul2 a {
		font-size: 14px;
		margin-top: 10px;
		color: #fff;
	}

	.xxlist_ul2 {
		padding: 0;
	}

	.bBor2 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		/* border-bottom: 1px solid #bbbbbb; */
	}

	.bBor,
	.twoa,
	.twob {
		position: relative;
		list-style: unset;
		padding: 0 15px;
	}

	.bBor .menu_span1,
	.twoa .menu_span1 {
		width: 25px;
		height: 49px;
		position: absolute;
		right: 20px;
		top: 0;
		background: url(../temp/jia_black1.svg) no-repeat center;
		background-size: 16px;
	}

	.bBor .menu_span3,
	.twoa .menu_span3 {
		width: 25px;
		height: 49px;
		position: absolute;
		right: 0;
		top: 0;
		background: url(../img/pbtyuyan4.png) no-repeat center;
		background-size: 16px;
		transition: all 0.3s ease;
	}

	.bBor .menu_span3.on,
	.twoa .menu_span3.on {
		transform: rotatex(180deg);
	}

	.bBor .menu_span2,
	.twoa .menu_span2,
	.twob .menu_span6 {
		width: 25px;
		height: 34px;
		position: absolute;
		right: 15px;
		top: 3px;
		background: url(../temp/jia_black1.svg) no-repeat center;
		background-size: 16px;
	}

	.bBor a,
	.twoa a,
	.twob a {
		padding: 10px 20px;
		color: #fff;
		font-size: 14px;
		display: block;
		width: 100%;
	}

	.bBor .proList,
	.twoa .proList {
		display: none;
		/* padding-left: 20px; */
	}

	.twob .proList4 {
		display: none;
	}

	.bBor .proList li a,
	.twoa .proList li a,
	.twob .proList li a {
		font-size: 13px;
		padding: 10px 15px;
	}

	.bBor.on .menu_span1 {
		background-image: url(../temp/jian_black.svg);
		background-size: 15px;
	}

	.twoa.on .menu_span2 {
		background-image: url(../temp/jian_black.svg);
		background-size: 15px;
	}


	.twob.on .menu_span6 {
		background-image: url(../temp/jian_black.svg);
		background-size: 15px;
	}

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

	.menu_liplex i {
		color: #fff;
	}

	.menu_ul2 {
		margin: 0 20px;
	}

	.menu_ul2 img {
		width: 26px;
		margin: 0 auto;
	}

	.bBor span {
		color: #fff;
		padding-right: 10px;
	}

	.bBor,
	.twoa,
	.subtwo li {
		border-bottom: 1px solid #d2d7d9;
	}

	.subtwo li:last-child,
	.twoa:last-child {
		border: none;
	}


	/**/
	.css-18pexiu {
		width: 100% !important;
		height: 60px;
		font-size: 28px;
	}

	.fot14 {
		padding-top: 40px;
	}

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

	.fot14bb {
		width: 100% !important;
		margin-top: 10px;
	}

	.fot14bb ul {
		width: 100%;
	}

	.fot14bb li {
		display: none;
	}

	.fot14ca a {
		font-size: 12px;
	}

	.wsfxac {
		display: flex;
		flex-wrap: wrap;
		margin-top: 30px;
		padding-bottom: 0;
	}

	.ftgwjz {
		margin-top: 20px;
	}

	.fot14bap3 p {
		font-size: 12px;
	}

	.fot14bap3 {
		margin-top: 15px;
	}

	.fot14bb h4 {
		font-size: 14px;
	}

	.pg-baner {
		height: 210px;
		margin-top: 64px;
	}

	.pg-baner-h3 {
		font-size: 24px;
	}

	.pubh2 {
		padding-bottom: 20px;
	}

	.join_li5 img {
		width: 100%;
	}

	.join_li2 {
		opacity: 1;
		width: 90%;
		text-align: left;
		left: 50%;

	}

	.join_li2 p {
		font-size: 20px;
	}

	.pbmore3 {
		font-size: 14px;
	}

	.join_li2 div {
		margin-right: 15px;
		margin-top: 20px;
	}

	.join_item {
		width: 100%;
		margin-right: 0;
		padding: 40px 20px 20px 20px;
		margin-top: 60px;
		/* box-shadow: none; */
		min-height: 380px;
	}

	.join_p3 {
		font-size: 18px;
	}

	.join_li4 img {
		width: 36px;
	}

	.join_li4 {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}

	.staffli2 {
		padding: 15px 20px;
	}

	.staff_p1 {
		font-size: 18px;
	}

	.recruit_ul1 {
		width: 100%;
	}

	.recruit_ul2 {
		width: 100%;
		margin-top: 20px;
	}

	.recruit_p1 {
		font-size: 18px;
	}

	.pbmore3 {
		height: 40px;
	}

	.pbmore3:before {
		height: 40px;
	}

	.product_left {
		width: 100%;
	}

	.product_right {
		width: 100%;
	}

	.faq12abh4 {
		padding: 15px 0;
	}

	.down_sty .faq12ab {
		padding-top: 0;
	}

	.down_right {
		margin-top: 0px;
		padding: 0;
		box-shadow: none;
	}

	.product_right::before {
		background-image: none;
	}

	.down_ul1 span {
		line-height: 1.2;
		font-size: 14px;
	}

	.down_item {
		padding: 15px 0;
	}

	/*.down_ul1 i {*/
	/*	width: 45px;*/
	/*}*/

	.down_ul2 {
		width: 20%;
	}

	.down_ul1 {
		width: 80%;
	}

	.fot14b {
		margin-top: 30px;
	}

	.faq12abh4 {
		font-size: 14px;
	}

	.faq12abms {
		font-size: 14px;
	}

	.pro_inputli1 {
		width: 100%;
		margin-right: 0;
		margin-top: 10px;
	}

	.pro_inp_p1 {
		font-size: 14px;
	}

	.pro_label {
		margin-right: 0;
	}

	.pro_input {
		margin-top: 10px;
	}

	.pro_inputli2 {
		margin-top: 10px;
	}

	.pro_inputli1 textarea {
		height: 100px;
	}

	.contact_li2 {
		left: 50%;
		width: 90%;
	}

	.contact_p1 {
		font-size: 20px;
	}

	.contact_li1 img {
		/* height: 260px; */
	}

	.contact_item {
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
		padding: 20px 30px;
	}

	.contact_p3 {
		font-size: 16px;
		padding-bottom: 10px;
	}

	.contact_p4 {
		margin-top: 10px;
	}

	.newtitle_left {
		width: 100%;
	}

	.newtitle_right {
		width: 100%;
		margin-top: 20px;
	}

	.newtitle_right input {
		width: 100%;
		padding: 5px 20px;
		font-size: 14px;
	}

	.newtitle_right span {
		padding: 4px 30px;
	}

	.new_left {
		width: 100%;
	}

	.new_right {
		width: 100%;
		padding: 20px 20px;
	}

	.new_p2 {
		font-size: 20px;
	}

	.new_p3 {
		font-size: 14px;
		margin-top: 20px;
	}

	.new4_p3 {
		margin-top: 20px;
	}

	.new_ul1 {
		width: 100%;
	}

	.new_ul2 {
		width: 100%;
	}

	.new_ul4 {
		flex-direction: column;
	}

	.new_s1 {
		font-size: 40px;
	}

	.new_p4 {
		font-size: 16px;
		margin-top: 20px;
		line-height: 1.4;
	}

	.new_s3 {
		width: 40px;
		height: 40px;
		line-height: 39px;
		margin-top: 20px;
	}

	.new_list2 {
		padding: 30px 0;
		border-bottom: 1px solid rgb(102 102 102 / 30%);
	}

	.newd20a {
		width: 100%;
		font-size: 14px;

	}

	.newd20ap2 {
		font-size: 24px;
	}

	.newd20gd {
		margin-top: 20px;
		padding: 15px 0;
	}

	.newd20bp1 {
		font-size: 18px;
		padding-top: 20px;
	}

	.wyfsa {
		margin-top: 20px;
	}

	.hl2newladp1-18 {
		font-size: 14px;
	}

	.wyfsa a {
		width: 35px;
		height: 35px;
		line-height: 33px;
	}

	.wyfsa a:nth-child(1) i {
		font-size: 16px;
	}

	.wyfsa a:nth-child(2) i {
		font-size: 16px;
	}

	.about_left {
		width: 100%;
	}

	.about_right {
		width: 100%;
	}

	.about_p5con {
		height: 300px;
		overflow: scroll;
		padding-right: 10px;
	}

	.about_p5 {
		margin-top: 20px;
	}

	.about_item {
		margin-top: 20px;
	}

	.about_li1 img {
		width: 63px;
		height: 63px;
	}

	.about_p3 {
		font-size: 32px;
	}

    .about_p3_span3{
        font-size: 20px;
    }
	.about_p4 {
		font-size: 14px;
	}

	.xyg_li img {
		width: 40px;
	}

	.xyg_l12 {
		border-radius: 10px;
	}

	.ab7kp2 {
		display: block;
		font-size: 14px;
		margin-top: 10px;
	}

	.m529h2 {
		font-size: 18px;
	}

	.hl10abimg,
	.hl10abwz {
		width: 100%;
	}

	.hl10abwzm {
		padding: 30px;
	}

	.about_p6 {
		font-size: 14px;
	}

	.ab7ep12 {
		font-size: 20px;
	}

	.ab7esubm.on .ab7ep2 {
		margin-top: 25px;
	}

	.ab7eslide {
		border-radius: 10px;
	}

	.honor_p1 {
		font-size: 12px;
	}

	.case_item {
		width: 100%;
		margin-right: 0;
	}

	.case_li2 {
		padding: 20px;
	}

	.case_s1 {
		font-size: 16px;
	}

	.case_s2 {
		width: 34px;
		height: 34px;
		line-height: 33px;
	}

	.case_li4 img {
		width: 20px;
		height: 20px;
	}

	.case_li4 span {
		width: 40px;
		height: 40px;
		line-height: 39px;
	}

	.solo9ap1 {
		font-size: 14px;
		margin-top: 25px;
	}

	.proitem {
		width: 100%;
		margin-right: 0;
		margin-top: 15px;
	}

	.product_formbg {
		padding: 20px;
		padding: 0;
		background: transparent;
	}


	.dains span {
		width: 100%;
		font-size: 14px;
	}

	.proitem {
		padding-top: 10px;
		padding-bottom: 25px;
	}

	.proimg {
		height: 260px;
	}

	.proimg img {
		max-height: 55%;
	}

	.solo9ap2p1 {
		font-size: 16px;
		padding-bottom: 15px;
	}

	.solo9ap2 {
		margin-top: 25px;
		padding-bottom: 0;
	}

	.solo9ap3 {
		margin-top: 25px;
		margin-top: 0;
		padding-bottom: 0px;
	}

	.solo9ap3p1 {
		font-size: 14px;
		margin-top: -15px;
	}

	.solo9ap3m {
		width: 50%;
		margin-top: 20px;
	}

	.solo9ap3icon {
		width: 60px;
		height: 60px;
	}

	.patent9aslide {
		flex-wrap: wrap;
	}

	.patent9awz {
		width: 100%;
		padding-right: 0;
	}

	.patent9aimg {
		width: 100%;
		margin-top: 30px;
		border-radius: 10px;
	}

	.patent9ap3 {
		font-size: 18px;
	}

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

	.patent9aswiper {
		margin-top: 25px;
	}

	.patent9ap4 {
		font-size: 14px;
		margin-top: 15px;
	}

	.pubscrollbar {
		display: flex;
		justify-content: center;
		margin-top: 40px;

	}

	.patent9aswiper-scrollbar {
		position: relative;
	}

	.patent9ap2 {
		font-size: 32px;
	}

	.patent9cna {
		width: 100%;
		padding-right: 0;
		border-right: none;
	}

	.patent9cna a {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.patent9cnb {
		width: 100%;
		padding-left: 0;
	}

	.patent9cn {
		padding: 20px 30px;
	}

	.patent9cnblist a {
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 10px;
	}

	.patent9cnbpage {
		margin-top: 30px;
	}

	.solo9bwz {
		padding: 20px 20px;
	}

	.solo9bp2 {
		font-size: 14px;
	}

	.solo9bp1 {
		font-size: 20px;
		min-height: 60px;
	}

	.solo9cslide {
		flex-wrap: wrap;
	}

	.solo9cwz {
		width: 100%;
		padding-right: 0;
	}

	.solo9cp2 {
		font-size: 18px;
		margin-top: 10px;
	}

	.solo9cimg {
		width: 100%;
		margin-top: 15px;
		border-radius: 10px;
	}

	.solo9cp1 {
		font-size: 32px;
	}

	.solo9cp3 {
		margin-top: 10px;
	}

	.solo9cswiper-scrollbar {
		margin-left: auto;
	}

	.solo9eswiper-pagination {
		text-align: center;
	}

	.solo9ep1 {
		font-size: 18px;
		min-height: 60px;
	}

	.solo9ep2 {
		font-size: 14px;
	}

	.solo9ewz {
		padding: 5% 7%;
	}

	.solo9eswiper-pagination span {
		background: var(--color);
	}

	.solo9flinkm {
		width: 100%;
		margin-right: 0;
		margin-top: 25px;

	}

	.solo9ftopr {
		padding-top: 0;
	}

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

	.solo9fp1 {
		font-size: 18px;
	}

	.solo9flinkwz {
		padding-top: 15px;
	}

	.solo9fp2 {
		font-size: 14px;
	}

	.advantage_p1 {
		font-size: 18px;
		min-height: 30px;
	}

	.parameter_box td {
		font-size: 14px;
		padding: 0 10px;
	}

	.parameter_box tr {
		padding: 10px 0;
	}

	.prolist {
		margin-top: 25px;
	}

	.prode_p1 {
		font-size: 14px;
	}

	.prode_p2 {
		font-size: 14px;
	}

	.pg_right {
		width: 100%;
		margin-top: 20px;
		padding-right: 0;
	}

	.esgb_p3 {
		margin-top: 25px;
	}

	.pg_left {
		width: 100%;
		margin-top: -60px;
	}

	.product {
		width: 90%;
		margin: 0 auto;
	}

	.product_top {
		flex-wrap: wrap;
	}

	.hl2proasousuo {
		width: 100%;
		margin-top: 20px;
	}

	.faq12abh4 {
		padding: 10px 0;
	}

	.inv12br {
		width: 100%;
		min-width: 0;
	}

	.inv12ams {
		margin-top: -25px;
		padding: 25px 20px;
	}

	.inv12aimg {
		border-radius: 10px;
		margin-top: 25px;
	}

	.inv12al {
		width: 100%;
	}

	.inv12ar {
		width: 100%;
		padding-top: 15px;
		font-size: 14px;
		text-align: justify;
	}

	.abpcn {
		font-size: 24px;
	}

	.inv12bp2 {
		font-size: 32px;
	}

	.inv12bp3 {
		margin-top: 25px;
	}

	.inv12bp3 {
		margin-top: 20px;
		padding: 10px 0;
	}

	.inv12bp3m ul {
		padding: 5px 0;
	}

	.inv12bp4 {
		margin-top: 25px;
	}

	.faq12ab {
		padding-top: 0;
	}

	.cp46bg {
		background-size: 75% auto !important;
	}

	.inv12dm {
		margin-top: 25px;
	}

	.inv12dma {
		padding: 20px;
	}

	.inv12cp1 {
		font-size: 16px;
		font-weight: var(--b400);
	}

	.inv12cli {
		width: 100%;
		padding: 10px 0;
		margin-right: 0;
	}

	.inv12cp3 {
		font-size: 12px;
	}

	.inv12cp42 a {
		font-size: 14px;
	}

	.inv12cdown {
		font-size: 12px;
		border-radius: 5px;
	}

	.inv12cdown {
		width: 32px;
		line-height: 30px;
	}

	.inv12dm {
		border-radius: 10px;
	}

	.esg01mp1 {
		font-size: 14px;
		text-align: justify;
	}

	.esgb_p1 {
		font-size: 14px;
	}

	.esgb_main img {
		border-radius: 10px;
	}

	.esgc_p3 {
		font-size: 20px;
	}

	.esgc_p4 {
		font-size: 14px;
	}

	.esgc_ul1 {
		padding: 20px;
		width: 100%;
	}

	.esgc_po {
		display: none;
	}

	.esgc_bgimg1 {
		height: 76vh;
	}

	.esgd_ul1 {
		width: 100%;
	}

	.esgd_ul2 {
		width: 100%;
		margin-top: 20px;
		padding: 0 10px;
	}

	.esgd_po {
		display: none;
	}

	.esgd_p2 {
		font-size: 18px;
	}

	.esgd_item {
		flex-wrap: wrap;
	}

	.esgd_swiper {
		overflow: hidden;
		margin-top: 25px;
	}

	.esgd_p3 {
		margin-top: 15px;
	}

	.solut_left {
		width: 100%;
	}

	.solut_list {
		flex-wrap: wrap;
	}

	.solut_right {
		width: 100%;
		margin-top: 20px;
	}

	.solut_p2 {
		font-size: 14px;
	}

	.solut_item {
		padding-bottom: 30px;
	}

	.solut_item.on .solut_li1 {
		height: 160px;
	}

	.solut_p3 {
		margin-top: 20px;
	}

	.solut_main {
		min-height: auto;
	}

	.cp46img img {
		max-height: 80%;
	}

	.cp46img {
		height: 260px;
	}

	.cp46m {
		padding: 25px 0 0 0;
	}

	.proitem {
		padding-bottom: 25px;
	}

	.w85 {
		width: 90%;
		margin: 0 auto;
	}

	.yjcase9p2 {
		font-size: 16px;
	}

	.yjcase9wz {
		padding: 10px 20px;
	}

	.i2kehn1_list {
		width: 90%;
		margin: 0 auto;
	}

	.yjbanerwz,
	.site-baner-page {
		padding: 0 5% !important;
	}

	.yjylzzp1a {
		font-size: 22px;
	}

	.yjylzzp1b {
		font-size: 14px;
	}

	.yjylzzp1c {
		margin-top: 20px;
	}

	.yjylzzbg {
		height: 260px;
	}

	.patent9bswiper img {
		width: 70%;
	}

	.patent9bswiper-scrollbar {
		margin-top: 0;
	}

	.patent9em {
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}

	.patent9emp1 {
		font-size: 20px;
		min-height: 40px;
	}

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

	.cp46npage_btn {
		display: flex;
		justify-content: center;
		margin-top: 20px;
	}

	.cp46npage_btn span {
		display: inline-block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		border: 1px solid #ccc;
		margin: 0 10px;
		cursor: pointer;
		border-radius: 50%;
	}

	.yjcase9swiper {
		width: 90%;
		margin: 0 auto;
		margin-top: 25px;
	}

	.pubh2:before {
		width: 100px;
	}

	.yjcase9slide img {
		height: 240px;
	}

	.i2kehnm li {
		width: 130px;
		margin: 0 10px;
		height: 45px;
	}

	.i2kehn {
		padding: 10px 0;
	}

	.yjnewmap1 {
		font-size: 16px;
	}

	.xyg_l12 img {
		height: 200px;
	}

	.hl10abimg img {
		height: 160px;
		object-fit: cover;
	}

	.honor_slide {
		height: 430px;
		background-size: 95% 100%;
		background-image: url(../demo/honor_bgph.png);
	}

	.honor_swiper .honor_slide:nth-child(2n) {
		margin-top: 0;
	}

	.honor_li2 {
		top: 16%;
	}

	.honor_li1 {
		top: 52%;
	}

	.i2kehn1 {
		margin-top: 25px;
	}

	.pg_right_img img {
		width: 30%;
	}

	.pg_right_img img {
		width: 60%;
	}

	.advantage_li1 {
		min-height: 60px;
	}

	.advantage_item img {
		width: 20%;
		max-width: initial;
		min-height: auto;
	}

	.advantage_item {
		padding: 20px 20px;
		min-height: 220px;
	}

	.ab7ksub {
		flex-wrap: wrap;
	}

	.ab7ksubm {
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}

	.ab7k {
		padding-bottom: 100%;
	}

	.new_s3 {
		display: none;
	}

	.esg01m {
		margin-top: 25px !important;
	}

	.esgb {
		padding-top: 0 !important;
	}

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

	.content_main {
		padding-top: 0 !important;
	}

	.fot14c {
		padding: 20px 0;
	}

	.fxas2 {
		margin-top: 20px;
	}

	/* .fxas3{
		width: 100%;
	} 
	.fxas2 li{
		width: auto;
	} */

	.yj01bwza {
		flex-wrap: wrap;
	}

	.yj01bwza {
		width: 100%;
	}

	.yj01bwzan {
		width: 90%;
		margin: 0 auto;
	}

	.yj01bwzam {
		width: 90%;
		margin: 0 auto;
	}

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

	.yj01bwzap3 img {
		margin-top: 20px;
	}

	.yj01bwzanp1 span {
		font-size: 40px;
	}

	.yj01bwzanm {
		padding: 20px 0;
	}

	.yj01b-zw {
		height: 130vh;
	}

	.yj01bwzanp2 {
		font-size: 14px;
	}

	.yj01bwzap5 {
		margin-top: 35px;
	}

	.yj01bwzanm:nth-child(1) {
		padding-top: 30px;
	}

	.solo9ap2slide {
		width: 100%;
		margin-top: 20px;
	}

	.joinlistpage {
		text-align: center;
		margin-top: 20px;
	}

	.patent9emli2 {
		padding: 0;
	}

	.cp46p2 {
		font-size: 18px;
	}

	.joinlist_swiper {
		padding-bottom: 20px;
	}



	.x-vid img {
		width: 100%;
		height: 1050px;
	}

	.search-result-main .input-warp {
		width: 100%;
		margin: 20px auto;
	}

	.search-result-main {
		padding-bottom: 40px;
	}

	.search-result-main {
		margin-top: 80px !important;
	}

	.search-result-main a {
		font-size: 14px;
	}

	.result-list li {
		width: 100%;
		margin-right: 0;
	}

	.join_p1,
	.join_p4,
	.staff_p2,
	.about_p5,
	.solo9ap1,
	.solo9bp2,
	.newd20a,
	.inv12ar,
	.yj01bwzap3,
	.patent9ap1 p,
	.patent9ap4,
	.patent9emp2,
	.solo9ep2 {
		text-align: left;
	}
.solo9ap2slide:last-child{
    margin-top: 20px;
}
.solo9bswiper-scrollbar .swiper-scrollbar-drag{
    left: -80px;
}
.pubscrollbar .swiper-scrollbar-drag{
   left: -80px; 
}
.case_s2 {
    margin-top: 15px;
}
	.modules {
		margin-top: 64px;
	}

	.modules_left {
		width: 100%;
	}
	.modules_right{
		width: 100%;
	}
	.modules_p1{
		font-size: 24px;
	}
	.modules_p2{
		margin-top: 20px;
	}
	.modules_li1 img {
	    height: 320px;
	}
	/*  */
}