:root {
	--nav-widths: 90%;
	--widths: 1400px;
	--nav-height: 74px;
	--top-bar-color: #e20a20;
	--b300: 300;
	--b400: 400;
	--b700: 700;
	--color: #0054a3;
	--reds: #e20a20;
	--bgs: #f3f3f3;
	--color2: #6fb92c;
	--borders: 25px;
	--bord5: 15px;
	--border15: 15px;
	--border10: 10px;
	--border5: 5px;
	--ftbg: #07172e;
	--background-aware-gradient-bottom-right: linear-gradient(136.47deg, #fff 35.41%, #fff7f5 58%, #bde3ff 128.14%);

}



.fwb {
	font-weight: 700;
}

.ani_style2,
.ani_style3,
.ani_style22 {
	opacity: 0
}

.ani_style2.is-inview {
	animation: 1s aniStyle2 0.3s;
	animation-fill-mode: forwards
}

.ani_style22.is-inview {
	animation: 1s aniStyle22 0.3s;
	animation-fill-mode: forwards
}

.ani_style3.is-inview {
	animation: 1s aniStyle3 0.3s;
	animation-fill-mode: forwards
}

@keyframes aniStyle1 {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}

}

@keyframes aniStyle2 {
	0% {
		opacity: 0;
		transform: translate3d(0, 40px, 0)
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0px, 0)
	}

}

@keyframes aniStyle22 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100px, 0)
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0px, 0)
	}

}

@keyframes aniStyle3 {
	0% {
		opacity: 0;
		transform: scale(1.3)
	}

	100% {
		opacity: 1;
		transform: scale(1)
	}

}

.ani_4.is-inview {
	animation-delay: 0.4s !important;
}

.ani_5.is-inview {
	animation-delay: 0.5s !important;
}

.ani_6.is-inview {
	animation-delay: 0.6s !important;
}

.ani_7.is-inview {
	animation-delay: 0.7s !important;
}

.ani_8.is-inview {
	animation-delay: 0.8s !important;
}

.ani_9.is-inview {
	animation-delay: 0.9s !important;
}

.ani_10.is-inview {
	animation-delay: 1s !important;
}

.ani_11.is-inview {
	animation-delay: 1.1s !important;
}

.ani_12.is-inview {
	animation-delay: 1.2s !important;
}

.ani_13.is-inview {
	animation-delay: 1.3s !important;
}

.ani_14.is-inview {
	animation-delay: 1.4s !important;
}

.ani_15.is-inview {
	animation-delay: 1.5s !important;
}

.ani_16.is-inview {
	animation-delay: 1.6s !important;
}



.swiper-3d .swiper-slide-shadow-left {
	background-image: none
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: none
}



.text-c {
	text-align: center;
}

input,
body {
	font-family: Arial, Helvetica, sans-serif;
	text-rendering: optimizeSpeed;
	color: #222;
}



.w1400 {
	width: var(--widths);
	margin: 0 auto;
	max-width: 1600px;
}

.w95 {
	width: var(--nav-widths);
	margin: 0 auto;
}



body {
	background-color: #fff;
	color: #222;
}





.tcbg,
.tcimgs {
	display: none;
	position: fixed;
	z-index: 888;
}

.tcbg {
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
}

.tcimgs {
	z-index: 999;
	width: 380px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

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



.site-baner {
	position: relative;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}

.site-baner {
	height: calc(100vh - 106px);
	margin-top: 106px;
}

.site-baner-bg {
	position: absolute;
	object-fit: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.site-baner-bg {
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
}

.site-baner-zw {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 85%;
	max-width: 1600px;
	min-width: 1200px;
	z-index: 3;
}



.cta-btn-redesign,
.ggbtm {
	box-sizing: border-box;
	border: 1px solid var(--color);
}

.cta-btn-redesign,
.ggbtm {
	color: #fff;
	font-size: 16px;
	padding: 12px 35px;
	background-color: var(--color);
	border-radius: 50px;
	text-decoration: none;
	display: inline-block;
	position: relative;
	overflow: hidden;
}

/* 		.ggbtm{text-transform:none;} */

.ggbtm {
	cursor: pointer;
}

.ggbtm .tile {
	display: flex;
	align-items: center;
}

.ggbtm .tile img {
	margin-right: 10px;
}

.cta-btn-redesign .tile {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	display: block;
	font-weight: 400;
}

.cta-btn-redesign .arrow-wrapper {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	position: absolute;
	right: -15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
}

.cta-btn-redesign .arrow-wrapper span {
	background-color: #fff;
	height: 2px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	width: 10px;
	display: block;
}

.cta-btn-redesign:hover .tile {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}

.cta-btn-redesign:hover .arrow-wrapper {
	right: 15px;
}

.cta-btn-redesign:hover .arrow-wrapper span:first-of-type {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 9px 1px;
	transform-origin: 9px 1px;
}

.cta-btn-redesign:hover .arrow-wrapper span:last-of-type {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 7px 0;
	transform-origin: 7px 0;
}

.cta-btn-redesign {
	transition: all .3s ease;
}



.cta-btn-redesign-fff {
	border-color: #fff;
	background: #fff;
	color: var(--color);
}

/* .cta-btn-redesign-fff .arrow-wrapper span{background: var(--color);} */

.cta-btn-redesign-fff:hover {
	background: var(--color);
	color: #fff;
	border-color: var(--color);
}



.cta-btn-redesign-line-fff {
	border-color: #fff;
	background: transparent;
}

.cta-btn-redesign-line-fff:hover {
	background: #fff;
	color: var(--color);
}

.cta-btn-redesign-line-fff .arrow-wrapper span {
	background: var(--color);
}



.cta-btn-redesign {
	background: none;
	color: var(--color);
}

.cta-btn-redesign .arrow-wrapper span {
	background: var(--color);
}

.cta-btn-redesign:hover {
	background: var(--color);
	color: #fff;
}

.cta-btn-redesign:hover .arrow-wrapper span {
	background: #fff;
}



.cta-btn-redesign-fff {
	border-color: #fff;
	background: transparent;
	color: #fff;
}

.cta-btn-redesign-fff:hover {
	background: var(--color);
	color: #fff;
	border-color: var(--color);
}

.cta-btn-redesign-fff .arrow-wrapper span {
	background: #fff;
}



.cta-btn-redesign-color {
	border-color: var(--color);
	background: var(--color);
	color: #fff;
}

.cta-btn-redesign-color:hover {
	background: #fff;
	color: #222;
	border-color: #fff;
}

.cta-btn-redesign-color .arrow-wrapper span {
	background: var(--color);
}

.cta-btn-redesign-color:hover .arrow-wrapper span {
	background: #222
}



.site-baner-p1 {
	font-size: 58px;
	line-height: 1.4;
	margin-bottom: 80px;
	color: #fff;
	font-weight: var(--b400);
}

.site-baner-three {
	display: flex;
	width: 100%;
	margin-top: 50px;
}

.site-baner-three li {
	width: 33.33%;
	padding: 50px 35px;
	transition: all 0.25s ease;
	border-radius: 7px;
	position: relative;
	color: #fff;
}

.site-baner-three li {
	overflow: hidden;
	font-size: 24px;
}

.site-baner-three li a {
	position: relative;
	z-index: 3;
	display: block;
}

.site-baner-three li:after {
	background-image: linear-gradient(150deg, rgba(67, 53, 139, 0.83), rgba(57, 115, 185, 0.83));
}

.site-baner-three li:nth-child(2):after {
	background-image: linear-gradient(150deg, rgba(54, 99, 15, 0.72), rgba(241, 228, 0, 0.81));
}

.site-baner-three li:nth-child(3):after {
	background-image: linear-gradient(150deg, rgba(46, 36, 122, 0.83), rgba(131, 31, 130, 0.85));
}

.site-baner-three li:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
}

.site-baner-three li:last-child:before {
	display: none;
}

.site-baner-three li:before {
	content: '';
	position: absolute;
	bottom: auto;
	top: 7px;
	right: 0;
	height: 150px;
	width: 1px;
	background: #ffffff;
	opacity: 0.3;
}

.site-baner-jt {
	position: absolute;
	right: 30px;
	top: 30px;
	color: #fff;
	font-size: 24px;
}

.site-baner-three .description {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	margin: 10px 0 30px 0;
	display: block;
}

.site-baner-three li a {
	color: #fff;
}

.site-baner-three li:hover:before,
.site-baner-three li:hover .site-baner-jt {
	opacity: 0;
}

.site-baner-three li:hover:after,
.site-baner-three li:hover .site-baner-p3,
.site-baner-three li:hover .site-baner-p4 {
	opacity: 1;
}

.site-baner-three .description,
.site-baner-three .cta-btn-redesign,
.site-baner-three li:after {
	opacity: 0;
	transition: all 0.25s ease;
}



.site-baner .swiper-slide {
	opacity: 0 !important;
	transition: all 0.8s ease;
}

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


.pg-baner {
	margin-top: 0;
}

.pg-baner {
	position: relative;
	height: 650px;
	max-height: 950px;
	max-height: 100vh;
	overflow: hidden;
}

.pg-baner-wz {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 6;
	color: #fff;
}

.pg-baner-h3 {
	font-size: 48px;
	line-height: 1.2;
	color: #fff;
	text-align: left;
	font-weight: var(--b400);
	/* font-weight: 700; */
}


.abpen {
	font-size: 18px;
}

.abpsmall {
	font-size: 24px;
	line-height: 1;
}

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

.flags-united-states {
	background: url(../img/glos_3.svg) center no-repeat;
	background-size: 100% auto;
}

.flags-united-states {
	border-radius: 50%;
	background: none;
}

.flags-united-states {
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.flags-united-states:after,
.flags-united-states:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.flags-united-states:after {
	background: url(../img/language_icon_2.gif) center no-repeat;
	background-size: 100% auto;
	opacity: 0;
}

.flags-united-states:before {
	background: url(../img/language_icon_1.gif) center no-repeat;
	background-size: 100% auto;
	opacity: 1;
}

.site-baner-page {
	z-index: 3;
}

.site-baner-page {
	width: 1400px !important;
}

.site-baner-page {
	position: absolute;
	left: 50% !important;
	top: auto !important;
	transform: translateX(-50%);
	bottom: 50px !important;
	z-index: 3;
}

.site-baner-page {
	display: flex;
	align-items: center;
	justify-content: center;
}

.site-baner-page span {
	cursor: pointer;
	width: 160px;
	height: 20px;
	position: relative;
	opacity: 1 !important;
	background: none !important;
	border-radius: 0;
	margin: 0 5px !important;
}

.site-baner-page span:after {
	background: rgba(255, 255, 255, 0.5) !important;
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	left: 0;
	bottom: 0;
}

.site-baner-page span:before {
	opacity: 0;
	z-index: 2;
	position: absolute;
	content: '';
	width: 0;
	height: 2px;
	left: 0;
	bottom: 0;
	background: #fff;
	transition: width 4s ease;
}

.site-baner-page span.swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1 !important;
}

.site-baner-page span.swiper-pagination-bullet-active:before {
	width: 100%;
	opacity: 1;
}

.site-baner-page {
	top: auto;
}

.site-baner-zw {
	bottom: 15%;
}

/* .site-baner-zw{top: 50%;transform: translate(-50%,-50%);} */









.site-foot {
	background: #081f63;
}

.site-foot-a {
	padding-top: 80px;
}

.site-foot-am {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.site-foot-amb a {
	display: block;
	font-size: 14px;
	color: #555;
	margin-top: 10px;
}

.site-foot-amb a {
	transition: all 0.3s ease;
	color: #fff;
	opacity: 0.8;
}

.site-foot-amb a:hover {
	opacity: 1;
}

.site-foot-p4 {
	font-size: 14px;
	color: #666
}

.site-foot-p5 {
	font-weight: 700;
	line-height: 1;
	font-size: 40px;
	color: #222;
	padding: 10px 0;
}

.site-foot-p6 {
	color: #333;
}

.site-foot-amb h6 {
	font-weight: 700;
	font-size: 18px;
	color: #fff;
	padding-bottom: 6px;
}

.site-foot-amc {
	text-align: right;
}

.site-foot-am {
	padding-bottom: 40px;
}

.site-foot-amb {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.site-foot-w0 {
	width: 550px;
}

.site-foot-w1 {
	width: calc(85% - 550px);
}

.site-foot-w0 {
	display: flex;
	justify-content: flex-end;
}

.site-foot-bm {
	display: flex;
	justify-content: space-between;
}

.site-foot-b {
	padding-bottom: 40px;
}



.site-foot-ba {
	font-size: 14px;
	color: #666;
}

.site-foot-fx a {
	color: #fff;
	margin-right: 35px;
}

.site-foot-fx {
	display: flex;
}

.site-foot-fx a {
	display: block;
	line-height: 60px;
}

.site-foot-fx a:nth-of-type(1) i {
	font-size: 22px;
}

.site-foot-fx a:nth-of-type(2) i {
	font-size: 20px;
}

.site-foot-fx a:nth-of-type(3) i {
	font-size: 21px;
}

.site-foot-fx a:nth-of-type(4) i {
	font-size: 16px;
}

.site-foot-fx a:nth-of-type(5) i {
	font-size: 20px;
}





.site-foot-search {
	background: #fff;
	height: 60px;
	border-radius: 60px;
	position: relative;
	width: 100%;
}

.site-foot-search input {
	background: none;
	border: none;
	padding: 15px 30px;
	width: 100%;
	height: 100%;
	line-height: 30px;
	box-sizing: border-box;
}

.site-foot-search input {
	outline: none;
}

.site-foot-search i {
	height: 60px;
	line-height: 60px;
	right: 30px;
	top: 0;
	font-size: 30px;
	position: absolute;
}

.site-foot-search i {
	color: #000;
}

.site-foot-copy,
.site-foot-b-qt {
	padding-top: 40px;
}

.site-foot-bb {
	display: flex;
	flex-wrap: wrap;
}

.site-foot-copy {
	color: #fff;
}

.site-foot-b-p1 {
	font-weight: 700;
}

.site-foot-b-p2 em {
	padding: 0 15px;
}

.site-foot-b-p2 {
	margin-top: 10px;
	font-size: 12px;
	color: #fff;
}

.site-foot-b-p2,
.site-foot-b-p2 a {
	color: rgba(255, 255, 255, 0.7);
}

.site-foot-b-p2 a:hover {
	color: rgba(255, 255, 255, 1);
}

.site-foot-b-lauge span {
	font-weight: 700;
	position: relative;
	padding-left: 30px;
	color: #fff;
}

.site-foot-b-lauge i {
	font-weight: normal;
	font-size: 22px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1;
}

.site-foot-ama {
	display: flex;
	flex-wrap: wrap;
	color: #fff;
	align-items: flex-start;
}

.site-foot-ama p {
	width: 100%;
	margin-top: 15px;
	text-align: right;
}



.site-foot-cm {
	display: flex;
	font-size: 12px;
	justify-content: space-between;
}

.site-foot-c {
	background: #fff;
	color: #666;
	padding: 40px 0;
}

.site-foot-w2 {
	width: 24%;
}

.site-foot-w3 {
	width: 64%;
}



.site-foot {
	background: var(--background-aware-gradient-bottom-right);
}

.site-foot-c {
	background: none;
}

.site-foot-amb a {
	display: none;
}

.site-foot-amb h6 {
	color: #444;
	font-weight: 300;
}

.site-foot-amb {
	display: block;
}

.site-foot-ama p,
.site-foot-amb {
	width: auto;
}

.site-foot-amab {
	justify-content: space-between;
}

.site-foot-b-p1,
.site-foot-search,
.site-foot-b-qt {
	display: none;
}

.site-foot-fx a,
.site-foot-b-p2,
.site-foot-b-p2 a {
	color: #666;
}

.site-foot-b-p2 {
	margin-top: 0;
}

.site-foot-copy {
	padding-top: 0;
}

.site-foot-bm {
	align-items: center;
}

.site-foot-b-p2 a:hover {
	color: var(--color);
}

.site-foot-xsm li {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.site-foot-xsm li a {
	display: block;
	position: relative;
	font-size: 18px;
	color: #444;
}

.site-foot-xsm li a i {
	position: absolute;
	right: 0;
	top: 1px;
	font-size: 18px;
}

.site-foot-xsm li,
.site-foot-xsm li a,
.site-foot-xsm li i,
.site-foot-amb h6 {
	transition: all 0.3s ease;
	cursor: pointer;
}

.site-foot-xsm li:hover a,
.site-foot-xsm li:hover a i,
.site-foot-amb h6:hover {
	color: var(--color);
}

.site-foot-xsm li:hover {
	border-color: var(--color);
}

.site-foot-amb h6 {
	margin-bottom: 15px;
}

.site-foot-ama {
	justify-content: space-between;
}



.site-foot-510 {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.top510,
.family {
	height: 48px;
	line-height: 46px;
	color: #fff;
	border: 1px solid #fff;
	cursor: pointer;
}

.top510 {
	border-radius: 50%;
	text-align: center;
	width: 48px;
	margin-left: 20px;
}

.top510 i {
	font-weight: 400;
	font-size: 20px;
}

.top510,
.top510 i,
.top510:before,
.family,
.family i {
	transition: all 0.3s ease;
}

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

.top510 i {
	position: relative;
	z-index: 3;
}

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

.top510:hover {
	border-color: #fff;
}

.top510:hover {
	color: var(--color);
}

.top510:hover:before {
	top: 0;
}

.family:hover {
	border-color: #fff;
	background-color: #fff;
	color: var(--color);
}

.family {
	padding: 0 30px;
	border-radius: 56px;
}

.family span {
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	padding-right: 60px;
	position: relative;
}

.family span {
	display: block;
}

.family span i {
	position: absolute;
	right: 0;
	top: 16px;
	display: block;
	line-height: 1;
}



body,
button,
input {
	font-family: 'alph', "PingFang SC", "HanHei SC", "Microsoft Yahei", "Arial", "Helvetica", "STHeitiSC-Light", sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.8;
}

.home_prot_tit {
	width: 45%;
}

.scpp1 {
	font-size: 36px;
	color: #333;
	font-weight: bold;
}

.scpp2 {
	font-size: 56px;
	color: #222;
	font-weight: bold;
	margin-top: 20px;
}

.scpp3 {
	font-size: 22px;
	color: #666666;
	margin-top: 20px;
	line-height: 1.6;
}

.scpline {
	position: relative;
	width: 200px;
	height: 8px;
	margin-top: 60px;
}

.scpline:before,
.scpline:after {
	position: absolute;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;
}

.scpline:before {
	background: #0b579f;
	left: 0;
}

.scpline:after {
	background: #2cadb2;
	left: 50%;
}



.proxf1,
.proxf2,
.proxf3,
.proxf4 {
	position: relative;
	z-index: 3;
}

.proxf1 {
	display: inline-block;
	font-size: 14px;
	color: #2cadb2;
	border: 1px solid #2cadb2;
	padding: 8px 15px;
	line-height: 1;
}

.proxf1 {
	border-radius: 25px;
}

.proxf2 {
	font-size: 36px;
	font-weight: 700;
	margin-top: 15px;
}

.proxf3 {
	font-size: 18px;
	color: #666;
	line-height: 1.6;
	margin-top: 15px;
}

.proxf4 {
	margin-top: 40px;
}







.tb-navsub {
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	background: #fff;
}

.tb-navsub {
	display: none;
}

.tb-nav2 {
	width: 100%;
	display: flex;
	height: 100%;
}

.tb-nav2r {
	background: linear-gradient(90deg, rgba(0, 87, 137, 1) 0%, rgba(0, 126, 182, 1) 50%, rgba(5, 161, 223, 1) 100%);
}

.tb-nav2l,
.tb-nav2r {
	box-sizing: border-box;
}

.tb-nav2r {
	box-sizing: content-box;
	padding-left: 30px;
}

.tb-nav2l-2-left {
	padding-left: 8.8vw;
}

.tb-nav2l-2 {
	width: calc(100% - 290px - 30px);
}

.tb-nav2r-2 {
	width: calc(290px + 8.8vw);
	width: 290px;
	padding-right: 8.8vw;
}

.tb-nav2l-sub {
	font-weight: 700;
	font-size: 18px;
	position: relative;
	color: #222;
	display: flex;
	box-sizing: border-box;
}

.tb-nav2l-sub {
	background: #eeeeee;
}

.tb-nav2l-sub {
	padding-right: calc(15% + 200px);
	justify-content: space-between;
}

.tb-nav2l-sub a {
	line-height: 40px;
	height: 100px;
	padding: 30px 0;
	position: relative;
	box-sizing: border-box;
	position: relative;
}

.tb-nav2l-sub a:before {
	position: absolute;
	width: 100%;
	height: 2px;
	background: var(--color);
	content: '';
}

.tb-nav2l-sub a:before {
	left: 0;
	bottom: 0;
	height: 0;
	transition: all 0.3s ease;
	opacity: 0;
}

.tb-nav2l-sub a.on:before {
	height: 2px;
	opacity: 1;
}

.tb-nav2l,
.tb-nav2r {
	height: 100%;
}

.tb-nav2otxt {
	background: none;
	border: none;
	height: 40px;
	line-height: 40px;
}

.nav2l-search {
	position: absolute;
	width: 200px;
	border-radius: 40px;
	background: #fff;
	padding: 0 20px;
	box-sizing: border-box;
}

.nav2l-search {
	right: 5%;
	top: 30px
}

.tb-nav2otxt {
	width: 100%;
}

.tb-nav2otxt:focus {
	outline: none;
}

.nav2l-search i {
	position: absolute;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	color: #444;
	right: 15px;
}

.sub30a {
	display: inline-block;
	padding: 4px 10px;
	line-height: 1.2;
	border-radius: 5px;
	font-size: 16px;
	color: #555;
}

.sub30a {
	position: relative;
	left: -10px;
}

.sub30a:hover {
	background: #eee;
}

.sub30h4 {
	font-size: 20px;
}

.sub30li {
	margin-top: 15px;
}

.sub-pt-45p {
	padding-top: 50px;
}

.sub30h4-pb-25p {
	padding-bottom: 15px;
}

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

.cyjqsubma {
	box-sizing: border-box;
	padding-right: 8%;
}

.cyjqsubma ul {}

.sub30h4,
.sub30li {
	width: 100%;
}

.cyjqsubma-ul-3 {
	width: 45%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.cyjqsubma-ul-3 li {
	width: 50%;
}



.tb-nav2rdesc {}

.tb-nav2rdesc-2 {
	padding: 50px 20px;
	padding-bottom: 0;
}

.tb-nav2rp1 {
	font-size: 20px;
}

.tb-nav2rp2 {
	font-size: 14px;
	line-height: 1.4;
	margin-top: 10px;
}

.tb-nav2rp3 {
	margin-top: 20px;
}

.tb-nav2rimg-b-15 {
	border-radius: 10px;
}

.tb-nav2rimg {
	overflow: hidden;
	margin-top: 50px;
}

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

.tb-nav2rp1,
.tb-nav2rp2 {
	color: #fff;
}

.cyjqsubm {
	display: none;
}

.cyjqsubm:nth-child(1) {
	display: block;
}



.cyjqsubm:nth-child(3) .cyjqsubma,
.cyjqsubm:nth-child(4) .cyjqsubma {
	justify-content: flex-start;
}

.cyjqsubm:nth-child(3) .cyjqsubma ul,
.cyjqsubm:nth-child(4) .cyjqsubma ul {
	margin-right: 6%;
}



.tb-nav2l-1 {
	width: 40%;
}

.tb-nav2l-1 .cyjqsubma {
	padding-right: 0;
	justify-content: center;
}

.tb-nav2l-1 .cyjqsubma ul {
	margin: 0 10%;
}

.tb-nav2l-1 .cyjqsubma ul:nth-child(1) {
	margin-left: 0;
}

.tb-nav2l-1 .cyjqsubma ul:last-child {
	margin-right: 0;
}

.tb-nav2l-1-m {}

.tb-nav2r-1 {
	width: 60%;
	padding-left: 0;
}

.tb-nav2r-1-m {
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding: 0 10px;
	box-sizing: border-box;
}

.tb-nav2r-1-m ul {
	width: 33.33%;
	box-sizing: border-box;
	padding: 0 10px;
}

.tb-nav2rdesc-1 {
	padding: 30px 15px;
	padding-bottom: 0;
}



.tb-nav2r-1 {
	width: 35%;
}

.tb-nav2l-1 {
	width: 65%;
	padding-left: 380px;
}

.tb-nav2l-1 .cyjqsubma {
	justify-content: flex-start;
}



.tb-navsub .pubmore29-small {
	font-size: 12px;
	width: 110px;
	height: 30px;
	line-height: 28px;
}





.tb-nav2l-4 {
	width: calc(100% - 290px - 30px);
}

.tb-nav2l-4 .cyjqsubma {
	padding-right: 0;
	justify-content: center;
}

.tb-nav2l-4 .cyjqsubma ul {
	margin: 0 12%;
}

.tb-nav2l-4 .cyjqsubma ul:nth-child(1) {
	margin-left: 0;
}

.tb-nav2l-4 .cyjqsubma ul:last-child {
	margin-right: 0;
}

.tb-nav2r-4 {
	width: calc(290px + 8.8vw);
	width: 290px;
	padding-right: 8.8vw;
	padding-left: 0;
}

.tb-nav2r-4-m {
	display: flex;
	width: 100%;
	justify-content: space-between;
	box-sizing: border-box;
	padding-left: 30px;
}

.tb-nav2r-4-m ul {
	width: 100%;
	box-sizing: border-box;
}

.tb-nav2l-4-m ul:last-child {
	width: 350px;
}

.tb-nav2l-4-m .cyjqsubma ul:last-child {
	display: flex;
	flex-wrap: wrap;
}

.tb-nav2l-4-m .cyjqsubma ul:last-child li {
	width: 50%;
}

.tb-nav2l-4-m .cyjqsubma ul:last-child .sub30h4 {
	width: 100%;
}

.tb-nav2l-4 .cyjqsubma ul {
	margin: 0 8%;
}





.tb-nav2r-4 {
	width: 40%;
}

.tb-nav2l-4 {
	width: 60%;
	padding-left: 380px;
}

.tb-nav2l-4 .cyjqsubma {
	justify-content: flex-start;
	width: 100%;
}

.tb-nav2r-4 .tb-nav2r-4-m {
	width: 290px;
}



.tb-nav2rimg-4 {
	width: 290px;
}

.tb-nav2r-4 .tb-nav2r-4-m {
	width: 600px;
	padding-left: 60px;
}

.tb-nav2r-4-m-n {
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.tb-nav2r-4-m-n {
	display: flex;
}

.tb-nav2rdesc-4 {
	padding-top: 50px;
}

.tb-nav2rdesc-4 {
	width: 190px;
}







.tb-nav2l-6 {
	width: 50%;
}

.tb-nav2l-6 .cyjqsubma {
	padding-right: 0;
	justify-content: center;
	width: 65%;
	margin: 0 auto;
}

.tb-nav2r-6 {
	width: 50%;
	padding-left: 0;
}

.tb-nav2r-6-m {
	display: flex;
	width: 100%;
	justify-content: space-between;
	box-sizing: border-box;
	padding-left: 60px;
}

.tb-nav2l-6-m ul {
	width: 70%;
	box-sizing: border-box;
}

.tb-nav2l-6-m .cyjqsubma ul {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.tb-nav2l-6-m .cyjqsubma li {
	width: 50%;
}

.tb-nav2l-6-m .cyjqsubma .sub30h4 {
	width: 100%;
}

.tb-nav2r-6-m-n {
	width: 458px;
	display: flex;
	align-items: flex-end;
}

.tb-nav2rdesc-6 {
	width: 190px;
}

.tb-nav2rimg-6 {
	width: calc(100% - 190px);
}





.tb-nav2r-6 {
	width: 50%;
}

.tb-nav2l-6 {
	width: 50%;
	padding-left: 380px;
}

.tb-nav2l-6 .cyjqsubma {
	justify-content: flex-start;
	width: 100%;
}



.tb-nav2rimg-6 {
	width: 290px;
}

.tb-nav2r-6-m-n {
	width: 540px;
	justify-content: space-between;
	align-items: center;
}

.tb-nav2rdesc-6 {
	padding-top: 50px;
}





.tb-nav2l-7 {
	width: 50%;
}

.tb-nav2l-7 .cyjqsubma {
	padding-right: 0;
	justify-content: center;
	width: 75%;
	margin: 0 auto;
}

.tb-nav2r-7 {
	width: 50%;
	padding-left: 0;
}

.tb-nav2r-7-m {
	display: flex;
	width: 100%;
	justify-content: space-between;
	box-sizing: border-box;
	padding-left: 60px;
}

.tb-nav2l-7-m ul {
	width: 70%;
	box-sizing: border-box;
}

.tb-nav2l-7-m .cyjqsubma .sub30h4 {
	width: 100%;
}

.tb-nav2r-7-m-n {
	width: 458px;
	display: flex;
	align-items: flex-end;
}

.tb-nav2rdesc-7 {
	width: 190px;
}

.tb-nav2rimg-7 {
	width: calc(100% - 190px);
}







.tb-nav2l-40 {
	width: calc(100% - 290px - 30px);
}

.tb-nav2l-40 .cyjqsubma {
	padding-right: 0;
	justify-content: space-between;
	box-sizing: border-box;
	padding-left: 10%;
	padding-right: 12%;
}



.tb-nav2r-40 {
	width: calc(290px + 8.8vw);
	width: 290px;
	padding-right: 8.8vw;
	padding-left: 0;
}

.tb-nav2r-40-m {
	display: flex;
	width: 100%;
	justify-content: space-between;
	box-sizing: border-box;
	padding-left: 30px;
}

.tb-nav2r-40-m ul {
	width: 100%;
	box-sizing: border-box;
}







.tb-navsub-1 {
	height: 530px;
}

.tb-navsub-0 {
	height: 400px;
}

.tb-navsub-4 {
	height: 375px;
}

.tb-navsub-40 {
	height: 375px;
}

.tb-navsub-6 {
	height: 310px;
}

.tb-navsub-7 {
	height: 310px;
}





.tb-navsub {
	background: #f5f5f5;
}

.tb-nav2l-40 .cyjqsubma {
	padding-left: 100px;
	padding-right: 100px;
}

.tb-nav2r-40 {
	width: 440px;
	padding-right: 100px;
}

.tb-nav2l-40 {
	width: calc(100% - 440px);
}

.tb-nav2r-40-m {
	padding-left: 0;
}

.tb-nav2r {
	background: none;
}

.tb-navsub-40 {
	height: 450px;
}







.tb-nav2rp1 {
	color: #222;
}

.tb-nav2rp2 {
	color: #333;
}

.cyjqsubm-w-33 .cyjqsubma li {
	width: 33.33%;
}

.cyjqsubm-w-50 .cyjqsubma li {
	width: 50%;
}

.tb-navsub-6 {
	background: #fff;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);
}

.tb-nav2r-6 {
	background: url(../img/subbg4.jpg) right bottom no-repeat #fcfafa;
}

.tb-navsub .pubmore29 {
	display: flex;
	align-items: center;
	line-height: inherit;
	justify-content: center;
}

.tb-nav2 .tb-navsub .pubmore29:hover {
	background: var(--color);
	color: #fff;
	border-color: var(--color);
}

.tb-nav2r-6-m-n {
	width: 580px;
}

.tb-nav2rdesc-6 {
	width: calc(90% - 290px);
}



.tb-navsub .pubmore29 {
	background: var(--color);
	border-color: var(--color);
	color: #fff;
}







* {
	box-sizing: border-box;
}

:root {

	--br-2: 1.3021vw;

}

.msbg {

	background: rgba(255, 255, 255, 0.7);

	backdrop-filter: blur(3px);

	-webkit-backdrop-filter: blur(3px);

}

/* .bo-head{position: fixed;width: 100%;left:0;top:0;z-index: 999;transition: all 0.3s ease;}

				 .bo-heada a{color:#222;}

				 .bo-heada,.bo-headb{padding-left: 70px;padding-right:70px;width: 100%;}

				 .bo-heada{display: flex;justify-content: space-between;height: 40px;line-height: 40px;transition: all .5s ease-in-out;}

				 .bo-heada{background: #f5f5f5;font-size: 14px;}

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

				 .bo-heada-a{transform: scale(1);transform-origin: 100% 0;transition: all .5s ease-in-out;}

				 .bo-heada-a a{font-size: 12px;position: relative;}

				 .bo-heada-a a{margin-left:0;}

				 .bo-heada-1{width: 50%;}

				 .bo-heada-2{width: 50%;display: flex;justify-content: flex-end;}

				 .bo-heada-2 a{margin-left: 35px;}

				 .investors i{font-size: 12px;margin-left: 5px;}

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

				 .bo-headb-left{display: flex;width:calc(100% - 255px);align-items: center;}

				 .bo-head-logo{height: 35px;position: relative;width: 179px;}

				 .bo-head-logo img{position: absolute;left:0;top:0;height: 100%;transition: all 0.3s ease;}

				 .logo2{opacity: 0;}

				 .bo-head-nav{width: calc(100% - 220px);display: flex;justify-content: center;}

				 .bo-head-navli>a,.bo-head-search{line-height: 70px;color:#222;}

				 .bo-head-navli>a{font-size: 18px;position: relative;display: block;line-height: 70px;}

				 .bo-head-navli.has-sub>a{padding-right: 24px;}

				 .bo-head-navli>a:before,.bo-head-navli>a:after{position: absolute;content: '';bottom: 0;height: 2px;background: var(--color);opacity: 0;transition: all 0.5s ease;width: 0;}

				 .bo-head-navli>a i{position: absolute;right: 0;display: block;line-height: 1;top:50%;transform: translateY(-50%);}

				 .bo-head-navli{margin:0 3%;padding: 0;height: 70px;}

				 .bo-head-navli>a i{display: none;}

				 .bo-head-navli.has-sub>a{padding: 0;}

				 .bo-head-search{position: relative;top:0;}

				 .bo-head-search span{padding-right: 10px;}

				 .bo-head-search i{position: relative;top:0;}

				 .bo-headb{padding-top: 0;padding-bottom: 0;background: #fff;}

				 .bo-headb-link{padding:0 35px;font-size: 16px;}

				 .bo-headb-link{height: 44px;line-height: 42px;border-radius: 42px;text-transform: uppercase;}

				 .bo-head-search{border: 1px solid #e4e4e4;border-radius: 50%;width: 44px;}

				 .bo-head-search,.bo-headb-link{height: 44px;line-height: 42px;background: #e4e4e4;color: #222;border-color: #e4e4e4;text-align: center;}

				 .bo-headb-right i,.bo-headb-right span{}

				 .bo-headb-link:hover{background: var(--color);border-color: var(--color);color: #fff;}

				 .yya{position: relative;padding-right: 20px;padding-left: 22px;}

				 .bo-headb-right{display: flex;width: 220px;justify-content: space-between;}

				 

				 .bo-head.white{background: #fff;}

				 .bo-head.white .logo1{opacity: 1;}

				 .bo-head.white .logo2{opacity: 0;}

				 .bo-head.white .bo-head-navli>a,.bo-head.white .bo-head-search,.bo-head.white .bo-heada a{color: #222;}

				 

				 .bo-head.scroll{background: #fff;box-shadow: 0 5px 25px rgba(0,0,0,0.08);}

				 .bo-head.scroll .logo1{opacity: 1;}

				 .bo-head.scroll .logo2{opacity: 0;}

				 .bo-head.scroll .bo-head-navli>a,.bo-head.scroll .bo-head-search,.bo-head.scroll .bo-heada a{color: #222;}

				 .bo-head.scroll{top:-40px}

				 

				 

				 .bo-head-navli:hover>a:before,.bo-head-navli:hover>a:after{width: 20%;opacity: 1;}

				 .bo-head-navli>a:before{left: 50%;}

				 .bo-head-navli>a:after{right: 50%;}

				 */







.foot3 {
	padding: 40px 0;
	background: var(--ftbg);
}

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

.foot3ar {
	width: 280px;
	display: flex;
	justify-content: space-between;
}

.foot3,
.foot3 a {
	color: rgba(255, 255, 255, 0.6);
}

.foot3bp2 {
	text-transform: uppercase;
}

.foot3b {
	padding-top: 30px;
	font-size: 14px;
}

.foot3bp3 {
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
}

.foot3bp3 a {
	display: inline-block;
	margin-right: 0;
}

.foot3bp3 em {
	padding: 0 10px;
}

.foot3bp2 {
	margin-top: 5px;
}

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

.foot3c {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding-top: 20px;
	font-size: 12px;
	margin-top: 20px;
}

.foot3c a {
	display: inline-block;
	margin-right: 10px;
}

.foot3ca {
	color: var(--color) !important;
}

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



.isgf {
	background: #000;
	position: relative;
}

.bo-d {
	position: relative;
}

.bo-dm {
	position: relative;
	z-index: 3;
}

.bo-i:before,
.bo-d:before {
	position: absolute;
	top: 0;
	height: 100%;
	background: #fff;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	z-index: 2;
}

.bo-i:before,
.bo-d:before {
	transition: 600ms ease;
}

.bo-in {
	position: relative;
	z-index: 3;
}

.foot3 {
	position: sticky;
	bottom: 0;
	width: 100%;
}

.isgf.active .bo-i:before,
.isgf.active .bo-d:before {
	width: 96%;
}

.isgf.active .bo-i:before {
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}

.bo-d {
	background: #fff;
	position: relative;
	z-index: 3;
}





.pro1a {
	padding-top: 150px;
	position: relative;
	margin-top: 127px;
}

.pro1abg,
.pro1abg2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.pro1abg {
	background: url(../img/e0.jpg) center top no-repeat #fff;
	z-index: 3;
}

.pro1abg {
	background-size: 100% auto;
}

.pro1abg2 {
	background: #fff;
	z-index: 2;
}

.pro1a1,
.pro1a2 {
	display: flex;
	justify-content: space-between;
}

.pro1ap2 {
	font-size: 120px;
	line-height: 1;
	color: var(--color);
	font-weight: 700;
}

.pro1ap1 {
	font-size: 48px;
	line-height: 1;
	font-weight: 700;
}

.pro1a1 {
	align-items: center;
}

.pro1a2p1 {
	line-height: 1.8;
	max-width: 600px;
}

.pro1a2 {
	margin-top: 45px;
	align-items: flex-end;
}

.pro1am {
	position: relative;
	z-index: 6;
}



.pro1bg000 {
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 35%;
	transform: translateX(-50%);
	width: 100%;
}

.pro1abg2 {
	transform: translateX(-50%);
	left: 50%;
}

.pro1abg,
.pro1abg2 {
	transition: all 0.5s ease;
}

.pro1abg {
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
}

.pro1abg2.on,
.pro1abg.on {
	width: 98%;
}

.pro1abg2.on {
	border-radius: 20px;
}



/* .yya i{font-size: 12px;color: #555;margin-left: 5px;}

				 .bo-heada-c{display: flex;}

				 .bo-heada-a a,.bo-heada-a {font-size: 14px;}

				 .bo-heada-ca span,.bo-heada-ca b{padding-left: 12px;}

				 .bo-heada-ca b{font-weight: 400;color: #ff0000;}

				 .bo-heada-cb em{padding: 0 10px;font-size: 12px;}

				 .bo-heada-cb{padding-left: 20px;}

				 

				 

				 .bo-head-nav{justify-content: flex-end;}

				 .bo-head-navli{margin: 0;margin-left: 0;}

				 .bo-head-navli>a{font-size: 22px;}

				 .bo-head-navli>a i{margin-top: 2px;} */



.qqzpp {
	height: 74px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.qqzppspan {
	font-size: 14px;
}

.qqzppspan:before,
.qqzppspan:after {
	position: absolute;
	content: '';
	width: 15px;
	height: 20px;
	left: 0;
	top: 50%;
	margin-top: -11px;
}

.qqzppspan:before,
.qqzppspan:after {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	transition: all 0.3s ease;
}

.qqzppspan:before {
	background-image: url(../img/dq002.svg);
}

.qqzppspan:after {
	background-image: url(../img/dq001.svg);
	opacity: 0;
}

.qqzppi {
	padding-left: 8px;
	font-size: 12px;
	display: inline-block;
	line-height: 1;
	position: relative;
	top: -1px;
}

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

.qqzppspan,
.qqzppi {
	color: #222;
}

.qqline {
	width: 1px;
	height: 14px;
	background: #ddd;
	transition: all 0.3s ease;
	opacity: 1;
	margin: 0 25px;
}

.ssex {
	background: url(../img/ssex.svg) center no-repeat;
	height: 32px;
	opacity: 0.8;
	background-size: 100% auto;
	line-height: 32px;
}

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

.ssex span {
	display: none;
	margin-left: 5px;
	font-size: 14px;
}

.ssex i {
	font-size: 19px;
}

/* .bo-headb-left2{display: flex;align-items: center;} */




.pubh1 {
	font-size: 36px;
	color: #0054a3;
	line-height: 1.2;
	font-weight: var(--b400);
	overflow: hidden;
}

.pubp1 {
	font-size: 18px;
	margin-top: 15px;
}

.pubh1-fff {
	color: #fff;
}

.pubh1-000 {
	color: #000;
}

.pubh1 em {
	padding-left: 30px;
}

.pubp3 {
	margin-top: 45px;
}



.pubmore {
	overflow: hidden;
}

.pubmore {
	border: 1px solid #f5f5f5;
	background: #f5f5f5;
	box-sizing: border-box;
	color: #333;
}

.pubmore:hover {
	background: #f5f5f5;
}

.pubmore-15p {
	margin-left: 20px;
}



.pubmore-fff {
	background: #fff;
	border-color: #fff;
}

.pubmore-fff:hover {
	background: #fff;
	border: #fff;
}

.pubmore-fff .pwz1 {
	color: #333;
}

.pubmore-fff .pwz2 {
	color: var(--color);
}

.pubmore-fff .svg-fff {
	fill: var(--color);
}

.pubmore-fff .svg-000 {
	fill: var(--color);
}



.pubmore-line-fff {
	background: none;
	border-color: #fff;
}

.pubmore-line-fff:hover {
	background: #fff;
	border-color: #fff;
}

.pubmore-line-fff .pwz1 {
	color: #fff;
}

.pubmore-line-fff .pwz2 {
	color: var(--color);
}

.pubmore-line-fff .svg-fff {
	fill: #fff;
}

.pubmore-line-fff .svg-000 {
	fill: var(--color);
}



.pubmore-line-333 {
	background: none;
	border-color: #666;
}

.pubmore-line-333:hover {
	background: var(--color);
	;
	border-color: var(--color);
}

.pubmore-line-333 .pwz1 {
	color: #666;
}

.pubmore-line-333 .pwz2 {
	color: #fff;
}

.pubmore-line-333 .svg-fff {
	fill: #666;
}

.pubmore-line-333 .svg-000 {
	fill: #fff;
}



.pubmore-none-icon .pwz1 {
	left: 24px;
}

.pubmore-none-icon .psvg {
	opacity: 0;
}



.pubmore-none-icon:hover .psvg {
	opacity: 1;
}





.pubmore-000 {
	background: none;
	border-color: #000;
}

.pubmore-000:hover {
	background: var(--green);
	border-color: var(--green);
}

.pubmore-000 .pwz1 {
	color: #000;
}

.pubmore-000 .pwz2 {
	color: #fff;
}

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

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

.pubmore-yellow {
	background: var(--line-bg);
}

.pubmore-yellow .pwz1 {
	color: #fff;
}

.pubmore-yellow .pwz2 {
	color: #fff;
}

.pubmore-yellow .svg-fff {
	fill: #fff;
}

.pubmore-yellow .svg-000 {
	fill: #fff;
}

.pubmore-green {
	background: #f37200;
	border-color: #f37200;
}

.pubmore-green .pwz1 {
	color: #fff;
}

.pubmore-green .pwz2 {
	color: #fff;
}

.pubmore-green .svg-fff {
	fill: #fff;
}

.pubmore-green .svg-000 {
	fill: #fff;
}

.pwz {
	position: relative;
}

.pwz1,
.pwz2 {
	position: relative;
	transition: transform 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93), opacity 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93)
}

.pubmore,
.hl3carrplay {
	padding: 0 25px;
	font-size: 16px;
}

.pubmore,
.hl3carrplay {
	display: flex;
	height: 50px;
	line-height: 46px;
	border-radius: 50px;
	width: 164px;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}

.pubmore,
.hl3carrplay {
	border-radius: 0;
	border-bottom-left-radius: 0;
	color: #222;
}

.pubmore-small {
	height: 45px;
	line-height: 43px;
	border-width: 1px;
	width: 150px;
}

.pubmore svg {
	width: 10px;
	height: 10px;
}

.pubmore span {
	display: inline-block;
	height: calc(100% - 0px);
	vertical-align: top;
}

.svg-fff {
	fill: #222;
}

.svg-000 {
	fill: var(--color);
}

.pwz1 {
	position: relative;
	transition: transform 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93), opacity 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93)
}

.pwz2 {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(200%);
	opacity: 0;
}

.pubmore .psvg {
	width: 10px;
	height: 10px;
	position: relative;
	overflow: hidden;
}

.dad .psvg {
	width: 10px;
	height: 10px;
	position: absolute;
	overflow: hidden;
	display: block;
}

.svg-1,
.svg-2 {
	transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
}

.svg-1 {
	position: relative;
	top: 0;
	transform: translate(0, 0);
}

.svg-2 {
	opacity: 0;
	transform: translate(-100%, 0);
	position: absolute;
	left: 0;
	top: 100%;
	transition: transform 0.3s, opacity 0.3s;
}

.pubmore {
	transition: all 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93)
}

.pubmore:hover .svg-1 {
	opacity: 0;
	transform: translate(100%, -100%);
	transition: transform 0.3s, opacity 0.3s;
}

.pubmore:hover .svg-2 {
	transition: transform 0.3s, opacity 0.3s;
}

.pubmore:hover .svg-2 {
	opacity: 1;
	transform: translate(0, -100%);
	transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
}

.pubmore:hover .pwz1 {
	transform: translateY(-200%);
	opacity: 0;
}

.pubmore:hover .pwz2 {
	transform: translateY(-50%);
	opacity: 1;
}





.hl10ta {
	color: #fff;
	margin-left: auto;
	padding-right: 40px;
	line-height: 40px;
}

.hl10ta span {
	padding-left: 10px;
}

.hl10ta span:last-child {
	color: #ff0000;
	font-weight: 700;
	position: relative;
	top: 2px;
}



.tbxktopar,
.tbxktopar i,
.bo-heada a,
.yya i,
.qqzppspan,
.qqzppi {
	color: #222;
}

.qqzppspan:after {
	opacity: 0;
}

.qqzppspan:before {
	opacity: 0.6;
}

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

.tbxktopar i {
	font-size: 20px;
	margin-left: 10px;
}

/* .bo-heada{background: #000000;}

				.bo-head-navli{margin-left:30px;}

				.bo-head-logo {height: 34px;width: 168px;}

				.bo-heada, .bo-headb{padding-left: 0;padding-right: 0;}

				.bo-heada-a,.bo-headb{width: var(--widths);margin: 0 auto;}

				.bo-headb{background: none;}

				.bo-head{background: #fff;}

				 .bo-head{background: rgba(255,255,255,0.8);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}*/

.site-baner-zw {
	bottom: auto;
	top: 20%;
	transform: translateX(-50%);
}









.pubmore29 {
	display: inline-block;
	box-sizing: border-box;
}

.pubmore29 {
	border: 1px solid transparent;
	border-image: linear-gradient(to bottom, #7ef2ec, #21bfd4) 1 stretch;
}

.pubmore29 {
	border-radius: 56px;
	height: 56px;
	line-height: 54px;
	padding: 0 56px;
}

.pubmore29 {
	border: 1px solid var(--color);
	border-radius: 56px;
	font-size: 18px;
	color: #fff;
	transition: all 0.3s ease;
}



.pubmore29-fff {
	border-color: #fff;
}

.pubmore29-000 {
	color: #333;
}

.pubmore29-small {
	width: 130px;
	padding: 0;
	height: 36px;
	line-height: 34px;
	font-size: 14px;
	text-align: center;
}

.pubmore29-small {
	border-width: 1px !important;
}

.pubmore29-bgfff {
	background: #fff;
	color: #000;
}

.pubmore29:hover,
.pubmore29-bgfff:hover {
	background: linear-gradient(90deg, var(--theme-color-8) 0%, var(--theme-color-9) 100%);
	color: #fff;
	border-color: transparent;
}











.xkmsga {
	padding: 100px 0;
}

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

.xkmsgam {
	display: flex;
	justify-content: flex-end;
	position: relative;
	z-index: 3;
}

.xkmsgama {
	width: 680px;
	background: #fff;
	padding: 45px 30px;
}

.xkmsgatxt {
	background: none;
	border: none;
	height: 52px;
	line-height: 20px;
	padding-bottom: 5px;
	padding-top: 25px;
	transition: all 0.3s ease;
}

.xkmsgatxt {
	background: #f8f8f8;
	border: 1px solid #eee;
	border-radius: 0;
	outline: none;
	width: 100%;
	padding-left: 20px;
}

.xkmsgatext {
	height: 112px;
}

.xkmsgaxv {
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-top: 20px;
}

.xkmsgaxvn {
	width: calc(50% - 10px);
	position: relative;
}

.xkmsgaxvn label {
	padding-left: 20px;
	display: inline-block;
	line-height: 20px;
	color: #999;
	z-index: 3;
	left: 0;
	top: 16px;
	position: absolute;
	transition: all 0.3s ease;
}

.xkmsgaxvn i {
	padding-left: 5px;
	color: #ff0000;
}

.xkmsgaxvn-100 {
	width: 100%;
}

.xkmsgaxvn label.on {
	top: 5px;
	font-size: 14px;
}

.xkmsgatxt:focus {
	border-color: var(--color);
}

.xkmsgah {
	display: flex;
}

.xkmsgah {
	color: #999;
}

.xkmsgah i {
	width: 16px;
	height: 16px;
	border-radius: 5px;
	border: 1px solid #000;
	opacity: 0.3;
}

.xkmsgah i {
	margin-top: 7px;
}

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

.xkmsgah a {
	color: #666;
	text-decoration: underline;
}

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

.xkmsgaj span {
	font-size: 18px;
}

.xkmsgaj span {
	transition: all 0.3s ease;
	padding: 0 50px;
	height: 48px;
	line-height: 48px;
	border-radius: 48px;
	background: var(--color);
	color: #fff;
}



.rfixed.open .rfixedicon {
	height: 290px;
}

.rfixediconm7 i {
	font-size: 30px;
}

.rfixediconm8 i {
	font-size: 30px;
}



.site-foot-xsm {
	width: 370px;
}

.site-foot-xsm li {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.site-foot-xsm li a {
	display: block;
	position: relative;
	font-size: 18px;
	color: #444;
}

.site-foot-xsm li a i {
	position: absolute;
	right: 0;
	top: 1px;
	font-size: 18px;
}

.site-foot-xsm li,
.site-foot-xsm li a,
.site-foot-xsm li i {
	transition: all 0.3s ease;
	cursor: pointer;
}

.site-foot-xsm li:hover a,
.site-foot-xsm li:hover a i {
	color: var(--color);
}

.site-foot-xsm li:hover {
	border-color: var(--color);
}



.hlfot3 {
	padding-top: 50px;
	background: #f2f2f2;
	position: relative;
	z-index: 8;
}



.hlfot3aa {
	width: calc(82% - 370px);
}

.hlfot3aa h6 {
	font-weight: 700;
	font-size: 18px;
	color: var(--color)
}

.hlfot3aa a {
	color: #999;
	font-size: 14px;
}

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

.hlfot3aa dd {
	margin-top: 6px;
}

.hlfot3aa dl {
	margin-top: 15px;
}

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





.hlfot3a {
	padding-top: 50px;
}

.hlfot3b {}

.hlfot3b.pubflex {
	display: none;
}

.hlfot3c {
	border-top: 1px solid #f9f9f9;
	display: flex;
	justify-content: space-between;
}

.hlfot3bap2 {
	font-weight: 700;
	font-size: 18px;
	color: var(--color)
}

.hlfot3bap3 {
	display: flex;
	height: 42px;
	align-items: center;
}

.hlfot3bap3 {
	margin-top: 10px;
}

.hlfot3bap3 a {
	width: auto;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
}

.hlfot3bap3 a {
	margin-right: 35px;
}

.hlfot3bap3 a {
	color: #151515;
	transition: all 0.3s ease;
}

.hlfot3bap3 a i {
	font-size: 22px;
}

.hlfot3bap3 a:last-child i {
	font-size: 20px;
	position: relative;
}

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

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





.hlfot3bb {
	display: flex;
	padding-top: 40px;
}

.top510,
.family {
	height: 44px;
	line-height: 42px;
	color: #222;
	border: 1px solid #a0a0a0;
	cursor: pointer;
}

.top510 {
	border-radius: 50%;
	text-align: center;
	width: 44px;
	margin-left: 20px;
}

.top510 i {
	font-weight: 700;
	font-size: 24px;
}

.top510,
.top510 i,
.top510:before,
.family,
.family i {
	transition: all 0.3s ease;
}

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

.top510 i {
	position: relative;
	z-index: 3;
	font-weight: normal;
}

.top510:before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	left: 0;
	top: 100%;
	background: var(--color);
}

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

.top510:hover {
	color: #fff;
}

.top510:hover:before {
	top: 0;
}

.family:hover {
	border-color: var(--color);
	background-color: var(--color);
	color: #fff;
}

.family {
	padding: 0 30px;
	border-radius: 56px;
	font-weight: normal;
	background: #eeeeee;
}

.family span {
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	padding-right: 40px;
	position: relative;
}

.family span i {
	position: absolute;
	right: 0;
	top: 13px;
	display: block;
	line-height: 1;
	font-weight: normal;
}



.hlfot3c {
	background: #fff;
	border-top: 1px solid #c9c9c9;
}

.hlfot3c {
	font-size: 14px;
	color: #a3a3a3;
	padding: 20px 0;
}

.hlfot3cm {}

.hlfot3cb {
	display: flex;
}

.hlfot3cb a {
	margin: 0 10px;
}

.hlfot3cc {
	padding-right: 25px;
	position: relative;
}

.hlfot3cc i {
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	right: 0;
	top: 0;
	opacity: 0.4;
}

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

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



.hlfot3d {
	padding: 25px 0;
}

.hlfot3dm {
	justify-content: flex-end;
}

.hlfot3dp1 {
	font-weight: 700;
	font-size: 18px;
	color: var(--color);
}

.hlfot3dp2 {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #babcbd;
	background: #fff;
}

.hlfot3dp2 {
	display: flex;
}

.hlfot3dtxt,
.hlfot3dp2i {
	height: 40px;
	line-height: 40px;
	outline: none;
}

.hlfot3dtxt {
	padding: 0 15px;
	width: calc(100% - 60px);
	background: none;
	border: none;
}

.hlfot3dp2i {
	width: 60px;
	text-align: center;
	font-size: 20px;
}

.hlfot3dp2 {
	margin-top: 10px;
}

.xkmsgamap1 {
	color: var(--color);
	font-weight: var(--b400);
	font-size: 30px;
	line-height: 1.2;
	padding-bottom: 10px;
}

/* .hlfot3{position: sticky;bottom: 0;} */

.xkmsga {
	position: relative;
	z-index: 9;
}



.bo-head:hover {
	background: #fff;
}

/* .bo-head:hover .bo-head-navli>a{color: #fff;}

	.bo-head:hover .logo2{opacity: 1;}

	.bo-head:hover .logo1{opacity: 0;} */

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

.tbxknavsub {
	display: none;
}

.tbxknavsub {
	position: absolute;
	width: 100%;
	left: 0;
	background: #fff;
}

.tbxknavsub {
	background: none;
	top: var(--nav-height);
	border-top: 1px solid #eee;
}

.tbxknavsubx {
	padding-top: 30px;
	padding-bottom: 50px;
}

.tbxknavsubm {
	display: flex;
}

.tbxknavla {
	display: block;
	line-height: 20px;
	padding: 20px 25px;
	text-align: right;
}

.tbxknavla {
	font-size: 18px;
	color: #7f7f7f;
	font-weight: 700;
	transition: all 0.3s ease;
}

.tbxknavla:hover {
	color: #fff;
}

.tbxknavla.on {
	background: #2a2a2a;
	color: #fff;
}

.tbxknavleft {
	width: 20%;
}

.tbxknavright {
	display: flex;
	width: calc(100% - 20%);
	padding-left: 50px;
}

.tbxknavrightm {
	display: none;
	width: 100%;
}

.tbxknavrightm.on {
	display: block;
}



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

.tbxknavr-pro-left {
	width: 360px;
}

.tbxknavr-pro-right {
	width: 435px;
}

.tbxknavr-proltab {
	display: none;
}

.tbxknavsubx2 {
	padding: 15px 0;
	margin-top: 50px;
	background: #2a2a2a;
	display: none;
}

.tbxknavsubm1 {
	justify-content: space-between;
}

.tbxknavsubmc {
	width: 49%;
	display: flex;
	align-items: center;
	background: #dedede;
	transition: all 0.3s ease;
}

.tbxknavsubmc img {
	width: 158px;
}

.tbxknavsubmcr {
	width: calc(100% - 158px);
	display: flex;
	align-items: center;
	justify-content: center;
}

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

.tbxknavsubmc:hover {
	background: #fff;
}

.tbxknavsubmc:hover .tbxknavsubmcr {
	color: var(--color);
}

.tbxknavsubmcr i {
	opacity: 0.8;
	display: inline-block;
	line-height: 1;
	margin-left: 20px;
}



.tbxknavr-proltab {
	display: none;
}





.tbxknavrslidems {
	transition: all 0.3s ease;
}

.tbxknavr-pror-swiperm,
.tbxknavrslidems {
	background: #2a2a2a;
}

.tbxknavrslidems {
	padding-bottom: 40px;
	padding-top: 20px;
	opacity: 0 !important;
}

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

.tbxknavrproimg {
	position: relative;
	height: 325px;
}

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

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

.tbxknavrprop2 {
	height: 80px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 1.4;
}

.tbxknavrprop1 {
	font-size: 14px;
	color: #c8c8c8;
	line-height: 1.4;
	height: 60px;
	text-align: center;
	padding: 0 30px;
}

.tbxknavrprop1 {
	display: none;
}

.tbxknavrprop3 {
	text-align: center;
	display: flex;
	justify-content: center;
}



.tbxknavr-pro-tit {
	font-size: 16px;
	color: #fff;
	transition: all 0.3s ease;
}

.tbxknavr-pro-tit,
.tbxknavr-pro-tit:hover {
	color: #fff;
}

.tbxknavr-pro-tit {
	display: block;
	line-height: 20px;
	padding: 20px 0;
	text-align: left;
	border-bottom: 1px solid #313131;
}

.tbxknavr-pro-tit i {
	font-weight: normal;
	line-height: 1;
}

.tbxknavr-pro-tit {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tbxknavr-pro-fl {
	display: flex;
	flex-wrap: wrap;
}

.tbxknavr-pro-fl a {
	font-size: 16px;
	transition: all 0.3s ease;
}

.tbxknavr-pro-fl dl {
	margin-top: 15px;
	width: 100%;
}

.tbxknavr-pro-fl dd:nth-child(2) {
	margin-top: 5px;
}

.tbxknavr-pro-fl dt a {
	color: #fff;
}

.tbxknavr-pro-fl .tbxknavr-dl-50 {
	width: 50%;
}

.tbxknavr-pro-fl dd a {
	color: #7b7b7b;
	display: flex;
	transition: all 0.3s ease;
	padding-right: 15px;
}

.tbxknavr-pro-fl dd {
	padding: 5px 0;
}

.tbxknavr-pro-fl dd a i {
	color: #fff;
	position: relative;
	display: block;
	line-height: 1;
	left: 10px;
	top: 5px;
	font-weight: normal;
	font-size: 14px;
}

.tbxknavr-pro-fl dd a i {
	transition: all 0.3s ease;
	opacity: 0;
}

.tbxknavr-pro-fl dt a {
	display: flex;
}

.tbxknavr-pro-fl dt a i {
	transition: all 0.3s ease;
	opacity: 0;
}

.tbxknavr-pro-fl dt a i {
	position: relative;
	display: block;
	line-height: 1;
	left: 10px;
	top: 8px;
	font-weight: normal;
	font-size: 14px;
}



.tbxknavr-pro-fl dt a i {
	display: none;
	color: #fff;
}

.tbxknavr-pro-fl dt.none a i {
	display: block;
}

.tbxknavr-pro-fl dt:hover a i,
.tbxknavr-pro-fl dt.none a i {
	opacity: 1;
	left: 15px;
}

.tbxknavr-pro-fl dt:hover a {
	color: #fff;
}

.tbxknavr-pro-fl dt:hover a i {
	left: 20px;
	color: #fff;
}



.tbxknavr-pro-fl dd:hover a {
	color: #fff;
}

.tbxknavr-pro-fl dd:hover a i {
	opacity: 1;
	left: 15px;
}





/* .tbxknavr-pro-fl dl:hover a{color: #7b7b7b;}

	.tbxknavr-pro-fl dl:hover dt a{color: #0380d5;}

	.tbxknavr-pro-fl dl dd:hover a{color:#fff;} */







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

.xprobaner {
	height: 350px;
}

.xprobanernav {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 130px;
}

.xprobanerp1 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.xprobanernav,
.xprobanerp1 {
	z-index: 4;
}

.xprobanerp1,
.xprobanernav,
.xprobanernav a {
	color: #fff;
}

.xprobanernav em {
	padding: 0 10px;
}

.xprobanerp1 {
	font-size: 60px;
	line-height: 1.2;
}

.xprobanerp1 {
	bottom: 50px;
}

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



.xkpro2a {
	background: #f1f1f1;
}

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

.xkpro2aa {
	border-bottom: 1px solid #c4c4c4;
}

.xkpro2aam {
	position: relative;
	padding: 32px 20px;
	text-align: center;
	margin: 0 30px;
}

.xkpro2aam:after {
	position: absolute;
	left: 0;
	bottom: 0;
}

.xkpro2aam:after {
	opacity: 1;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: var(--color);
	transform: scaleX(0);
	transform-origin: right center;
	transition: transform .3s;
}

.xkpro2aam:hover:after,
.xkpro2aam.on:after {
	transform: scaleX(1);
	transform-origin: left center;
}

.xkpro2aap1 {
	font-size: 18px;
	font-weight: 700;
	transition: all 0.3s ease;
	margin-top: 10px;
}

.xkpro2aaicon {
	display: inline-block;
	width: 65px;
	height: 65px;
	position: relative;
}

.xkpro2aaicon img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.3s ease;
}

.xkpro2aaicon img {
	max-width: 80%;
	max-height: 80%;
}

.xkpro2aaicon02 {
	opacity: 0;
}

.xkpro2aam.on .xkpro2aap1 {
	color: var(--color)
}



.sh6nsub {
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	background: var(--color);
}

.sh6nsub .sh6nsubmna {
	color: #fff;
	display: block;
	line-height: 24px;
	margin-top: 25px;
	transition: all 0.5s ease;
	font-size: 18px;
}

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

.sh6nsubmn {
	padding: 50px 0;
	padding-left: 20px;
	padding-bottom: 120px;
}

.sh6nsubm {
	position: relative;
}

.has-sub:hover .sh6nsubm:before {
	left: 0;
	top: 0;
	content: "";
	width: 1px;
	display: block;
	height: 0;
	background-image: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff);
	position: absolute;
	animation-name: animateGradientBorder100;
	animation-duration: .35s;
	animation-fill-mode: both;
	animation-timing-function: ease-in-out
}

@keyframes animateGradientBorder100 {
	0% {
		height: 1px
	}

	to {
		height: 100%
	}
}

.sh6nsubmn:hover .sh6nsubmna {
	opacity: 0.5;
}

.sh6nsubmn:hover .sh6nsubmna:hover {
	opacity: 1;
}

.sh6nsub {
	display: none;
}

.has-sub:hover .sh6nsubmna {
	animation-name: navigationItem2AnimateIn;
	animation-duration: .35s;
	animation-delay: 0.1s;
	animation-fill-mode: backwards;
	animation-timing-function: ease-in-out
}

.has-sub:hover .sh6nsubmna:nth-child(1) {
	animation-delay: 0.1s;
}

.has-sub:hover .sh6nsubmna:nth-child(2) {
	animation-delay: 0.2s;
}

.has-sub:hover .sh6nsubmna:nth-child(3) {
	animation-delay: 0.3s;
}

.has-sub:hover .sh6nsubmna:nth-child(4) {
	animation-delay: 0.4s;
}

.has-sub:hover .sh6nsubmna:nth-child(5) {
	animation-delay: 0.5s;
}

.has-sub:hover .sh6nsubmna:nth-child(6) {
	animation-delay: 0.6s;
}

@keyframes navigationItem2AnimateIn {
	0% {
		transform: translateX(40px);
		opacity: 0
	}

	to {
		transform: translateX(0);
		opacity: 1
	}
}







.wszgs_sub {
	position: absolute;
	width: 100%;
	background: #fff;
	left: 0;
	top: 100%;
	text-align: center;
	padding: 40px 0
}

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

.wszgs_sub {
	border-top: 1px solid #f7f7f7;
}

.wszgs_sub {
	display: none;
	padding-left: 70px;
	padding-right: 70px;
}

.wszgs_subm {
	width: 100%;
	padding-left: 215px;
	max-width: inherit;
	padding-right: 90px;
}







/* 右侧 */

.familyPopup {
	position: fixed;
	z-index: 10000;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
	z-index: -6;
	opacity: 0;
	transition: all 0.3s ease;
}

.familyPopupBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	background: rgba(0, 0, 0, 0.8);
	transition: all .5s ease-out;
}

.linkFamily_popup_content {
	position: absolute;
	top: 0;
	left: 100%;
	width: 532px;
	height: 100%;
	font-size: 0;
	background: #111;
	transition: left .5s;
}

.familyPopupOn .linkFamily_popup_content {
	left: calc(100% - 532px);
	overflow-y: scroll;
}

.linkFamily_closeBtn {
	display: inline-block;
	width: 60px;
	height: 55px;
	color: #fff;
	line-height: 55px;
	text-align: center;
}

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

.linkFamily_tabNav_wrap {
	width: 100%;
	font-size: 0;
}

.linkFamily_tabNav {
	display: inline-block;
	background: none;
	border: none;
	outline: none;
	width: 35%;
	padding: 23px 0;
	border: none;
	font-size: 17px;
	line-height: 1;
	font-weight: 500;
	text-align: center;
	color: #fff;
	background: #111;
	transition: width .3s ease;
}

.linkFamily_tabNav.tabOn {
	width: 65%;
	padding: 22px 0 23px;
	color: #000;
	background: #fff;
}

.linkFamily_tabContent.tabOn {
	display: block;
}

.linkFamily_tabContent {
	display: none;
}

.linkFamily_search_wrap {
	position: relative;
	width: 100%;
	height: 71px;
	border-bottom: 1px solid #111;
	font-size: 0;
	background: #fff;
	display: flex;
	align-items: center;
}

.linkFamily_searchBtn {
	font-size: 24px;
	padding-right: 20px;
}

.blind {
	position: absolute;
	display: inline-block;
	width: 0;
	height: 0;
	font-size: 0;
	color: rgba(0, 0, 0, 0);
	overflow: hidden;
}

.linkFamily_searchInput {
	background: none;
	border: none;
	outline: none;
	display: inline-block;
	float: left;
	width: 100%;
	padding: 25px 60px 24px 24px;
	border: none;
	font-size: 15px;
	line-height: 1;
	color: #111;
	background: none;
}

.linkFamily_li {
	display: block;
	position: relative;
	top: 0;
	width: 100%;
	height: 110px;
	vertical-align: top;
	opacity: 0;
	transition: opacity .3s, top .3s ease;
	overflow: hidden;
}

.linkFamily_empty {
	padding: 85px 0;
	width: 100%;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	color: #c2c2c2;
	opacity: 1;
}

@-webkit-keyframes topAni {
	0% {
		top: 110px;
		opacity: 0;
	}

	100% {
		top: 0;
		opacity: 1;
	}

}

@keyframes topAni {
	0% {
		top: 110px;
		opacity: 0;
	}

	100% {
		top: 0;
		opacity: 1;
	}

}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(1) {
	animation: topAni 0.5s ease-out 0.5s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(2) {
	animation: topAni 0.5s ease-out 0.6s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(3) {
	animation: topAni 0.5s ease-out 0.7s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(4) {
	animation: topAni 0.5s ease-out 0.8s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(5) {
	animation: topAni 0.5s ease-out 0.9s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(6) {
	animation: topAni 0.5s ease-out 1.0s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(7) {
	animation: topAni 0.5s ease-out 1.1s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(8) {
	animation: topAni 0.5s ease-out 1.2s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(9) {
	animation: topAni 0.5s ease-out 1.3s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(10) {
	animation: topAni 0.5s ease-out 1.4s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(11) {
	animation: topAni 0.5s ease-out 1.5s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(12) {
	animation: topAni 0.5s ease-out 1.6s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(13) {
	animation: topAni 0.5s ease-out 1.7s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(14) {
	animation: topAni 0.5s ease-out 1.8s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(15) {
	animation: topAni 0.5s ease-out 1.9s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(16) {
	animation: topAni 0.5s ease-out 2.0s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(17) {
	animation: topAni 0.5s ease-out 2.1s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(18) {
	animation: topAni 0.5s ease-out 2.2s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(19) {
	animation: topAni 0.5s ease-out 2.3s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(20) {
	animation: topAni 0.5s ease-out 2.4s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(21) {
	animation: topAni 0.5s ease-out 2.5s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(22) {
	animation: topAni 0.5s ease-out 2.6s 1 forwards;
}

.familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(23) {
	animation: topAni 0.5s ease-out 2.7s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(24) {
	animation: topAni 0.5s ease-out 2.8s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(25) {
	animation: topAni 0.5s ease-out 2.9s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(26) {
	animation: topAni 0.5s ease-out 3.0s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(27) {
	animation: topAni 0.5s ease-out 3.1s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(28) {
	animation: topAni 0.5s ease-out 3.2s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(29) {
	animation: topAni 0.5s ease-out 3.3s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(30) {
	animation: topAni 0.5s ease-out 3.4s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(31) {
	animation: topAni 0.5s ease-out 3.5s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(32) {
	animation: topAni 0.5s ease-out 3.6s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(33) {
	animation: topAni 0.5s ease-out 3.7s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(34) {
	animation: topAni 0.5s ease-out 3.8s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(35) {
	animation: topAni 0.5s ease-out 3.9s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(36) {
	animation: topAni 0.5s ease-out 4.0s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(37) {
	animation: topAni 0.5s ease-out 4.1s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(38) {
	animation: topAni 0.5s ease-out 4.2s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(39) {
	animation: topAni 0.5s ease-out 4.3s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(40) {
	animation: topAni 0.5s ease-out 4.4s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(41) {
	animation: topAni 0.5s ease-out 4.5s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(42) {
	animation: topAni 0.5s ease-out 4.6s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(43) {
	animation: topAni 0.5s ease-out 4.7s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(44) {
	animation: topAni 0.5s ease-out 4.8s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(45) {
	animation: topAni 0.5s ease-out 4.9s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(46) {
	animation: topAni 0.5s ease-out 5.0s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(47) {
	animation: topAni 0.5s ease-out 5.1s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(48) {
	animation: topAni 0.5s ease-out 5.2s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(49) {
	animation: topAni 0.5s ease-out 5.3s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(50) {
	animation: topAni 0.5s ease-out 5.5s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(51) {
	animation: topAni 0.5s ease-out 5.5s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(52) {
	animation: topAni 0.5s ease-out 5.6s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(53) {
	animation: topAni 0.5s ease-out 5.7s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(54) {
	animation: topAni 0.5s ease-out 5.8s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(55) {
	animation: topAni 0.5s ease-out 5.9s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(56) {
	animation: topAni 0.5s ease-out 6.0s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(57) {
	animation: topAni 0.5s ease-out 6.1s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(58) {
	animation: topAni 0.5s ease-out 6.2s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(59) {
	animation: topAni 0.5s ease-out 6.3s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(50) {
	animation: topAni 0.5s ease-out 6.4s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(61) {
	animation: topAni 0.5s ease-out 6.5s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(62) {
	animation: topAni 0.5s ease-out 6.6s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(63) {
	animation: topAni 0.5s ease-out 6.7s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(64) {
	animation: topAni 0.5s ease-out 6.8s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(65) {
	animation: topAni 0.5s ease-out 6.9s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(66) {
	animation: topAni 0.5s ease-out 7.0s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(67) {
	animation: topAni 0.5s ease-out 7.1s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(68) {
	animation: topAni 0.5s ease-out 7.2s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(69) {
	animation: topAni 0.5s ease-out 7.3s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(70) {
	animation: topAni 0.5s ease-out 7.5s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(71) {
	animation: topAni 0.5s ease-out 7.5s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(72) {
	animation: topAni 0.5s ease-out 7.6s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(73) {
	animation: topAni 0.5s ease-out 7.7s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(74) {
	animation: topAni 0.5s ease-out 7.8s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(75) {
	animation: topAni 0.5s ease-out 7.9s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(76) {
	animation: topAni 0.5s ease-out 8.0s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(77) {
	animation: topAni 0.5s ease-out 8.1s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(78) {
	animation: topAni 0.5s ease-out 8.2s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(79) {
	animation: topAni 0.5s ease-out 8.3s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(80) {
	animation: topAni 0.5s ease-out 8.5s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(81) {
	animation: topAni 0.5s ease-out 8.6s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(82) {
	animation: topAni 0.5s ease-out 8.7s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(83) {
	animation: topAni 0.5s ease-out 8.8s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(84) {
	animation: topAni 0.5s ease-out 8.9s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(85) {
	animation: topAni 0.5s ease-out 9.0s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(86) {
	animation: topAni 0.5s ease-out 9.1s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(87) {
	animation: topAni 0.5s ease-out 9.1s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(88) {
	animation: topAni 0.5s ease-out 9.3s 1 forwards;
}

.linkFamily_li.linkAni:nth-child(89) {
	animation: topAni 0.5s ease-out 9.4s 1 forwards;
}

.linkFamily_a {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px 10px 10px 10px;
	font-size: 20px;
	text-align: left;
	color: #fff;
	background: url(../images/desktop/linkFamily_default.jpg) no-repeat;
	background-size: cover;
}

.linkFamily_a::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.6);
	opacity: 1;
	transition: background .3s;
}

.linkFamily_default .linkFamily_a::before {
	display: none;
}

.linkFamily_aafter {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 23px;
	margin-right: 24px;
	opacity: 0;
	transform: translateY(-50%);
}

.linkFamily_aafter {
	font-size: 24px;
}

.linkFamily_a:focus::before,
.linkFamily_a:hover::before {
	border: 10px solid #fff;
	background: rgba(0, 0, 0, 0.4);
}

.linkFamily_default .linkFamily_a:focus::before,
.linkFamily_default .linkFamily_a:hover::before {
	border: none;
}

.linkFamilySubOn .linkFamily_a::before,
.linkFamilySubOn .linkFamily_a::before {
	border-color: rgba(0, 0, 0, 0);
	transition: border-color .3s;
}

.linkFamily_a:focus .linkFamily_aafter,
.linkFamily_a:hover .linkFamily_aafter {
	opacity: 1;
	transition: all 0.5s;
	right: 0;
}

.linkFamily_a_text {
	position: absolute;
	top: 50%;
	left: 24px;
	white-space: nowrap;
	transform: translateY(-50%);
}

.linkFamilySub_none::after {
	display: none;
}

.familyPopup.familyPopupOn {
	visibility: visible;
	opacity: 1;
	z-index: 66666;
}

body.displayFamilyPopup {
	overflow: hidden;
}



.linkFamily_tabContent .linkFamily_ul {
	height: calc(100vh - 63px - 55px - 71px);
}

.linkFamily_tabContent.secondTabCont .linkFamily_ul {
	height: calc(100vh - 63px - 55px);
}

.linkFamily_tabContent .linkFamily_li {
	height: 16.66%;
}

/* 右侧 */





.bo-head {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	transition: all 0.3s ease;
}

.bo-heada a {
	color: #222;
}

.bo-heada,
.bo-headb {
	padding-left: 70px;
	padding-right: 70px;
	width: 100%;
}

.bo-heada {
	display: flex;
	justify-content: space-between;
	height: 32px;
	line-height: 32px;
	transition: all .5s ease-in-out;
}

.bo-heada {
	background: #f5f5f5;
	font-size: 14px;
}

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

.bo-heada-a {
	transform: scale(1);
	transform-origin: 100% 0;
	transition: all .5s ease-in-out;
}

.bo-heada-a a {
	font-size: 12px;
	position: relative;
}

.bo-heada-a a {
	margin-left: 0;
}

.bo-heada-1 {
	width: 50%;
}

.bo-heada-2 {
	width: 50%;
	display: flex;
	justify-content: flex-end;
}

.bo-heada-2 a {
	margin-left: 35px;
}

.investors i {
	font-size: 12px;
	margin-left: 5px;
}

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

.bo-headb-left {
	display: flex;
	width: calc(100% - 155px);
	align-items: center;
}

.bo-head-logo {
	height: 30px;
	position: relative;
	width: 182px;
}

.bo-head-logo img {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	transition: all 0.3s ease;
}

.logo2 {
	opacity: 0;
}

.bo-head-nav {
	width: calc(100% - 220px);
	display: flex;
	justify-content: center;
}

.bo-head-navli>a,
.bo-head-search {
	line-height: 74px;
	color: #222;
}

.bo-head-navli>a {
	font-size: 16px;
	position: relative;
	padding-right: 24px;
	display: block;
	line-height: 74px;
}

.bo-head-navli>a:before,
.bo-head-navli>a:after {
	position: absolute;
	content: '';
	bottom: 0;
	height: 2px;
	background: var(--color);
	opacity: 0;
	transition: all 0.5s ease;
	width: 0;
}

.bo-head-navli>a i {
	position: absolute;
	right: 0;
	display: block;
	line-height: 1;
	top: 50%;
	transform: translateY(-50%);
}

.bo-head-navli>a i {
	opacity: 0.5;
}

.bo-head-navli {
	margin: 0 3%;
	padding: 0;
	height: 74px;
}

.bo-head-search {
	position: relative;
	top: 0;
}

.bo-head-search span {
	padding-right: 10px;
}

.bo-head-search i {
	position: relative;
	top: 0;
}

.bo-headb {
	padding-top: 0;
	padding-bottom: 0;
	background: #fff;
}

.bo-headb-link {
	padding: 0 35px;
	font-size: 16px;
}

.bo-headb-link {
	height: 44px;
	line-height: 42px;
	border-radius: 42px;
	text-transform: uppercase;
}

.bo-head-search {
	border: 1px solid #e4e4e4;
	border-radius: 50%;
	width: 44px;
}

.bo-head-search,
.bo-headb-link {
	height: 44px;
	line-height: 42px;
	background: #e4e4e4;
	color: #222;
	border-color: #e4e4e4;
	text-align: center;
}

.bo-headb-right i,
.bo-headb-right span {}

.bo-headb-link:hover {
	background: var(--color);
	border-color: var(--color);
	color: #fff;
}

.yya {
	position: relative;
	padding-right: 0;
	padding-left: 22px;
}

.bo-headb-right {
	display: flex;
	width: 220px;
	justify-content: space-between;
}



/* bo-yybb */

.bo-yybb {
	background: #f5f5f5;
}

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

.boyybbn {
	width: 100%;
	padding: 0 70px;
	border-top: 1px solid #eee
}

.boyybbm {
	padding: 35px 0;
	height: 300px;
}

.boyybbm {
	position: relative;
}

.boyybbmn2 {
	border-top: 1px solid #ddd;
	margin-top: 30px;
	padding-top: 30px;
}

.boyybbmclose {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
}

.boyybbmclose {
	width: 40px;
	height: 60px;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
	color: #666;
	transition: all 0.3s ease;
}

.boyybbmclose {
	cursor: pointer;
}

.boyybbmclose:hover {
	color: var(--color);
}

.bo-yybb-a h5 {
	font-size: 18px;
	color: #333;
}

.bo-yybb-a a {
	font-size: 16px;
	color: #666;
}

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

.bo-yybb-a li {
	margin-top: 5px;
}

.bo-yybb-a li a:nth-child(3) {
	margin-left: 15px;
}

.bo-yybb-a img {
	width: 20px;
	margin-right: 5px;
}

.boyybbn {
	display: none;
}

.opennav.bo-head .tbxknavsub {
	top: 400px;
}



.fbdh .bo-head.opennav .tbxknavsub {
	top: 400px !important;
}

.fbdh .bo-head.scroll .tbxknavsub {
	top: 80px !important;
}

.fbdh .bo-head.scroll.opennav .tbxknavsub {
	top: 380px !important;
}

.bo-head.opennav .tbxknavsub {
	top: 374px !important;
}



.bo-head-navli>a {
	padding-right: 0;
}

.bo-head-navli>a i {
	display: none;
}

/* bo-yybb */



.bo-head.white {
	background: #fff;
}

.bo-head.white .logo1 {
	opacity: 1;
}

.bo-head.white .logo2 {
	opacity: 0;
}

.bo-head.white .bo-head-navli>a,
.bo-head.white .bo-head-search,
.bo-head.white .bo-heada a {
	color: #222;
}



.bo-head.scroll {
	background: #fff;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
}

.bo-head.scroll .logo1 {
	opacity: 1;
}

.bo-head.scroll .logo2 {
	opacity: 0;
}

.bo-head.scroll .bo-head-navli>a,
.bo-head.scroll .bo-head-search,
.bo-head.scroll .bo-heada a {
	color: #222;
}

.bo-head.scroll {
	top: -32px
}

.bo-head.scroll {
	top: 0
}



.bo-head-navli:hover>a:before,
.bo-head-navli:hover>a:after {
	width: 50%;
	opacity: 1;
}

.bo-head-navli>a:before {
	left: 50%;
}

.bo-head-navli>a:after {
	right: 50%;
}



.bo-heada-c {
	display: flex;
}

.bo-heada-a a,
.bo-heada-a {
	font-size: 14px;
}

.bo-heada-ca span,
.bo-heada-ca b {
	padding-left: 12px;
}

.bo-heada-ca b {
	font-weight: 400;
	color: #ff0000;
}

.bo-heada-cb em {
	padding: 0 10px;
	font-size: 12px;
}

.bo-heada-cb {
	padding-left: 20px;
}

.bo-heada-cb a {
	font-size: 12px;
}

.yya i {
	font-size: 12px;
	color: #555;
	margin-left: 5px;
}



.bo-head-nav {
	justify-content: flex-start;
}

.bo-head-navli {
	margin: 0;
	margin-left: 30px;
	margin: 0 2%;
}



.bo-head-navli>a i {
	margin-top: 0;
}



.bo-headb-left2 {
	display: flex;
	align-items: center;
	width: 155px;
	justify-content: space-between;
}



.bo-heada,
.yya {
	position: relative;
	z-index: 6;
}

.yyasub {
	position: absolute;
	width: 150px;
	left: 0;
	top: 100%;
	z-index: 6;
	padding-top: 10px;
	display: none;
}

.yyasub img {
	width: 100%;
}

.yyasub ul {
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}



.wsdwzz {
	position: relative;
}

.wsdwzzm {
	position: absolute;
	left: 0;
	top: -74px;
}

.sgplisub {
	border-top: 1px solid #e7e7e7;
}

.sgplia {
	display: block;
	height: 80px;
	line-height: 85px;
	font-weight: 700;
	font-size: 18px;
	margin-left: 50px;
	color: #fff;
	position: relative;
}

.sgplia i {
	position: absolute;
	display: none;
	line-height: 1;
	right: 0;
	top: 37px;
	font-size: 14px;
}

.hasnavs .sgplia i {
	display: block;
}

.hasnavs .sgplia {
	padding-right: 25px;
}

.sgplisub {
	display: none;
}

.sgplisubx {
	width: calc(100% - 100px - 360px - 100px);
	display: flex;
	margin: 0 auto;
}

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

.sgplisubxb {
	width: calc(100% - 220px);
	border-left: 1px solid #e7e7e7;
	display: flex;
}

.sgplisubxa {
	width: 220px;
	padding-top: 40px;
	border-left: 1px solid #e7e7e7;
	height: 700px;
}

.sgplisubxba {
	width: calc(100% - 330px);
}

.sgplisubxbb {
	width: 330px;
	border-left: 1px solid #e7e7e7;
}

.sgplisubxam a {
	line-height: 48px;
	margin-top: 10px;
	height: 48px;
}

.sgplisubxam a:first-child {
	margin-top: 0;
}

.sgplisubxam a {
	font-size: 18px;
	font-weight: 700;
	color: var(--color);
	display: block;
	text-align: right;
	padding: 0 20px
}

.sgplisubxam a {
	position: relative;
}

.sgplisubxam a:before {
	position: absolute;
	width: 0;
	height: 100%;
	background: #e9e9e9;
	content: '';
	left: 0;
}

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

.sgplisubxam a.on:before {
	width: 100%;
}

.sgplisubxam a span {
	position: relative;
	z-index: 3;
}

.sgplisubxbam .sgplisubxbamtop {
	display: flex;
	position: relative;
	color: #222;
	font-size: 18px;
	font-weight: 700;
}

.sgplisubxbamtop {
	display: flex;
	color: #222;
	align-items: center;
	padding: 0 !important;
	line-height: 47px !important;
	height: 48px;
	border-bottom: 1px solid #eaeaea;
	margin: 0 30px;
	margin-right: 15px;
}

.sgplisubxbamtop i {
	margin-left: 10px;
	font-size: 20px;
	position: relative !important;
	top: 0 !important;
	right: 0 !important;
}

.sgplisubxbam {
	padding-top: 40px;
	width: 55%;
}

.sgplisubxbam {
	display: none;
	border-right: 1px solid #e7e7e7;
	height: 100%;
}

.sgplisubxba {
	position: relative;
}

.sgplisubxbamsub a {
	line-height: 1.2;
	padding: 8px 30px;
	padding-top: 10px;
	padding-right: 15px;
	font-size: 16px;
	display: block;
	position: relative;
}

.sgplisubxbamsub dt a {
	font-weight: 700;
	color: #333;
}

.sgplisubxbamsub dd a {
	color: #555;
	position: relative;
}

.sgplisubxbamsub dd a:before {
	position: absolute;
	width: 0;
	top: 0;
	height: 100%;
	background: #e9e9e9;
	content: '';
	left: 0;
	transition: all 0.3s ease;
}

.sgplisubxbamsub dd a span {
	position: relative;
	z-index: 3;
}

.sgplisubxbamsub a i {
	position: absolute;
	line-height: 1;
	right: 15px;
	top: 11px;
	opacity: 0;
}

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

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

.sgplisubxbamsub dd a:hover i {
	opacity: 1;
	color: var(--color);
}

.sgplisubxbamsub dd a:hover:before {
	width: 100%;
}

.sgplisubxbamsub dd {
	margin-top: 3px;
}

.sgplisubxbamsub dd:nth-child(2) {
	margin-top: 0;
}

.sgplisubxbamsub dt {
	margin-top: 15px;
}

.sgplisubxbamsub dt.none i {
	top: 10px;
}

.sgplisubxbamsub dt.none:hover i {
	opacity: 1;
}

.sgplisubxbamsub2 {
	padding-top: 40px;
	height: 100%;
	border-left: 1px solid #e7e7e7;
}

.sgplisubxbamsub2 {
	border: none;
}

.sgplisubxbamsub2 {
	position: absolute;
	width: 45%;
	left: 55%;
	top: 0;
}

.sgplisubxbamsub2 .sgplisubxbamtop {
	padding-left: 0;
	padding-right: 0;
}

.sgplisubxbamsub2 .sgplisubxbamtop:hover {
	background: none;
}

.sgplisubxbamsub2 .sgplisubxbamtop i {
	opacity: 1;
}

.sgplisubxbamsub3 {
	margin-top: 18px;
}

.sgplisubxbamsub2 {
	display: none;
	background: #fff;
}

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

.smallhover.on>a>i {
	opacity: 1;
	color: var(--color);
}

.sgplisubxbb {
	padding-top: 40px;
}

.sgplisubxbb .sgplisubxbamtop {
	font-weight: normal;
	font-size: 16px;
	color: #999;
}

.sgplisubxbbp0 {
	padding-left: 30px;
}

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

.sgplisubxbbp1 {
	padding: 20px 0;
}

.sgplisubxbbp1 i {
	color: var(--color);
}

.sgp-in-head-b {
	transition: all 0.3s ease;
}

.sgp-in-head:hover .sgp-in-head-b {
	background: var(--color)
}

.sub3ca a {
	font-weight: 700;
}

.sub3ca a:before {
	display: none;
}

.sub3ca a i {
	font-weight: normal;
	font-size: 14px;
	opacity: 0 !important;
	line-height: 14px;
	display: block;
	top: 13px;
}

.sub3ca a i:last-child {
	opacity: 1 !important;
}

.sub3casub a {
	font-size: 14px;
}

.sub3cahas.on a i {
	opacity: 1 !important;
}

.sub3cahas.on a i:last-child {
	opacity: 0 !important;
}

.sub3casub {
	display: none;
}

.sub3casub a i {
	font-size: 12px;
	top: 13px;
}

.sub3ca.sub3canone a i {
	opacity: 0 !important;
}

.on.smallhovera:before {
	width: 100%;
}

.on.smallhovera i {
	opacity: 1;
	color: var(--color);
}

.sgplisubxbamtop:before {
	display: none;
}

.wsuser i {
	font-weight: 700;
	font-size: 16px;
	padding-right: 5px;
}







/* .lenis.lenis-smooth {

				    -webkit-transform-style: preserve-3d !important;

				    -webkit-backface-visibility: hidden !important;

				} */





/* .hl2bg,.h100p_js{transition: all 0.3s ease;}
				.ups .h100p_js{height: 74px;}

				.ups .hl2bg{top: 74px;} */
.h100p {
	height: 106px;
}

.hl2bg,
.hl2baner {
	height: 75vh;
	min-height: 550px;
	max-height: 1000px;
	padding-top: var(--nav-height);
}

.hl2bg,
.hl2baner {
	height: 540px;
	min-height: inherit;
}

.hl2baner {
	padding: 0;
	margin-top: var(--nav-height);
}

.hl2baner {
	position: relative;
	overflow: hidden;
	z-index: 6;
}

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

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

.hl2banerzz2 {
	z-index: 2;
	background: url(../img/hl2banerzz2.png) center no-repeat;
	background-size: cover;
}

.hl2banerzz {
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 38%, rgba(255, 255, 255, 0) 100%);
}

/* .hl2banerbg{background-attachment: fixed;} */
.hl2banerbg {
	object-fit: cover;
}

.hl2banerbg2 {
	position: relative;
	width: 104%;
	height: 104%;
	left: -2%;
	top: -2%;
	object-fit: cover;
}

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

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

.hl2banerwz {
	margin-top: 0;
}

.case_banner_con_title {
	height: 70px;
	font-size: 24px;
}

.case_banner_con_title {
	height: auto;
	line-height: 1.2;
}

.case_banner_con_des {
	font-size: 60px;
	font-weight: var(--b400);
	height: 250px;
	line-height: 1.4;
}

.case_banner_con_des {
	height: auto;
	line-height: 1.3;
	font-size: 54px;
	margin-top: 0;
}

.cursor_addtext {
	display: inline-block;
	width: auto;
	height: auto;
}

.case_banner_con_arr svg {
	height: 80px;
}

.hl2banerwz-center {
	top: 50%;
	transform: translate(-50%, -50%);
}

.hl2bg {
	position: fixed;
	width: 100%;
	left: 0;
	z-index: 2;
}

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

.m529h2 {
	font-size: 42px;
	font-weight: var(--b400);
	line-height: 1.4;
	color: #222;
}

.m529h2-fff {
	color: #fff;
}

.m529h2 {
	/* letter-spacing: 3px; */
}

@keyframes scrP0 {

	0% {

		transform: scale(1) translateY(0)
	}

	to {

		transform: scale(1.3) translateY(30%)
	}

}

@keyframes scrP00 {

	0% {

		opacity: 0;

	}

	to {

		opacity: 1;

	}

}

.hl2banerbg2 {
	animation-name: scrP0
}

.hl2banerzz {
	animation-name: scrP00
}

.hl2aa {
	position: relative;
	z-index: 8;
	margin-top: -50px;
}

.hl2aa {
	background: #fff;
	border-top-right-radius: 50px;
	border-top-left-radius: 50px;
}

.hl2aamr {
	width: 55%;
	line-height: 1.8;
	text-align: justify;
	font-size: 18px;
}

.hl2aaml {
	width: 35%;
}

.hl2aa {
	margin-top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.hl2ab {
	position: relative;
	z-index: 6;
	width: 100%;
	display: flex;
	overflow: hidden;
	justify-content: space-between;
}

.hl2abzz {
	z-index: 2;
}

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

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

.hl2abbg {
	object-fit: cover;
}

.hl2aba {
	width: 50%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.hl2abb {
	width: 50%;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.hl2abbicon {
	display: block;
	width: 80px;
	height: 80px;
	position: relative;
}

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

.hl2abbmli {
	align-items: center;
	padding: 50px 10%;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff;
}

.hl2abbmli:first-child {
	border: none;
}

.hl2abbp1 {
	line-height: 1;
	display: flex;
	font-weight: var(--b400);
	align-items: center;
}

.hl2abbp1 span {
	font-size: 52px;
}

.hl2abbp1 i {
	padding-left: 10px;
	font-size: 52px;
	font-style: normal;
	font-weight: normal;
}

.hl2abbp2 {
	font-size: 18px;
	margin-top: 15px;
}

.hl2aba,
.hl2abb {
	position: relative;
	z-index: 6;
}

.hl2abbmli {
	transition: all 0.3s ease;
}

.hl2abbmli:hover {
	background: hsla(0, 0%, 50%, .1);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.hl2aba {
	width: calc(100% - (770px + ((100% - 1400px) / 2)));
}

.hl2abb {
	width: calc(770px + ((100% - 1400px) / 2));
}

.hl2ababtns {
	position: relative;
	width: 0;
	height: 0;
}

.hl2ac {
	background-color: #fff;
	position: relative;
	z-index: 6;
	overflow: hidden;
}

.hl2acm {
	position: relative;
	z-index: 6;
}

.pro1abg {
	position: absolute;
	width: 100%;
	left: 0;
	top: -280px;
	height: 100%;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
}

.hl2acli {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 8vw;
	overflow: hidden;
}

.hl2aclim {
	margin-bottom: 8vw;
	display: flex;
}

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

.hl2aclim:last-child {
	padding-bottom: 5vw;
}

.hl2aclidate,
.hl2aclims {
	width: 50%;
	box-sizing: border-box;
}

.hl2aclidate {
	font-size: 80px;
	line-height: 80px;
	font-weight: var(--b400);
	color: var(--color);
	text-align: right;
	height: 80px;
}

.hl2aclidate {
	padding-right: 10%;
}

.hl2aclidate span {
	line-height: 1;
}

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

.hl2aclims {
	padding-left: 10%;
	position: relative;
	font-size: 18px;
	line-height: 1.6;
}

.hl2aclims:before {
	position: absolute;
	width: 3px;
	height: 3px;
	background: #000;
	opacity: 0.3;
	content: '';
}

.hl2aclims:before {
	border-radius: 50%;
	left: 0;
	top: 39px;
}

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

.hl2aclims p:nth-child(1) {
	margin-top: 0;
	margin-top: 28px;
}

.hl2acli {
	padding-top: 20px;
}

.hl2acline,
.hl2acline2 {
	left: 0;
	right: 0;
	margin: 0 auto;
}

.hl2acline,
.hl2acline2 {
	background: rgba(28, 80, 156, .2);
	position: absolute;
	width: 1px;
	height: calc(100% - 20px);
	top: 20px;
}

.hl2acline {
	margin-top: -5vw;
}

.hl2acline2 {
	z-index: 3;
	background: var(--color);
	height: 0;
}

.hl2acline2 {
	top: -5vw
}

.hailianga2 {
	display: flex;
	justify-content: center;
	margin-top: 80px;
}

.hailianga2-t-0 {
	margin-top: -4vw;
}

.islettering span {
	opacity: 0;
	display: inline-block;
}

.islettering .char2 {
	animation-delay: 0.1s !important;
}

.islettering .char3 {
	animation-delay: 0.15s !important;
}

.islettering .char4 {
	animation-delay: 0.2s !important;
}

.is-inview .hl2aclims {
	animation-delay: 0.3s !important;
}

.is-inview.hl2aclims:before {
	background: var(--color);
}

.anislideDown {
	opacity: 0;
}

.is-inview.hl2aclim .anislideDown,
.is-inview.hl2aclim .islettering span {
	animation: anislideDown 1.3s cubic-bezier(.165, .84, .44, 1) forwards
}

@keyframes anislideDown {
	0% {
		opacity: 0;
		transform: translate(0px, 50px) skew(0deg, 3deg)
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0px, 0)
	}
}

.hl2adn {
	margin-top: 30px;
}

.hl2ad {
	background: #fff;
	position: relative;
	z-index: 6;
}

.i2kehn {
	overflow: hidden;
	width: 100%;
	padding: 20px 0;
}

.i2kehn:last-child {
	padding-bottom: 0;
}

.i2kehna {
	display: flex;
	width: 10000px;
}

.i2kehnm {
	display: flex;
}

.hpbr_run_ul1 {
	animation: donghua1 80s linear infinite;
}

.i2kehnm2 {
	transform: translateX(100%);
}

.hpbr_run_ul2 {
	animation: donghua 80s linear infinite;
}

@keyframes donghua {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}

@keyframes donghua1 {
	from {
		transform: translateX(-100%);
	}

	to {
		transform: translateX(0);
	}
}

.more_m1.more_m1-0 {
	margin-top: 45px;
}

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

.ab7k {
	position: relative;
	padding-bottom: 50%;
	overflow: hidden;
	z-index: 6;
	background: #fff;
}

.ab7kswiperm {
	width: 100% !important;
	transform: none !important;
	transition: all 0.3s ease;
}

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

.ab7kimg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: all 2s ease;
	transform: scale(1.1);
}

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

.ab7kswiper {
	width: 104%;
	height: 104%;
	left: -2%;
	top: -2%;
}

.ab7kswiperm {
	opacity: 0 !important;
}

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

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

.ab7ksub {
	position: absolute;
	width: 100%;
	display: flex;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 6;
}

.ab7ksubm {
	width: 33.33%;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	box-sizing: border-box;
}

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

.ab7ksubm {
	position: relative;
}

.ab7kp1,
.ab7kp2 {
	position: absolute;
	width: 100%;
	left: 0;
	text-align: center;
	transition: all 0.5s ease;
}

.ab7kp2 {
	opacity: 0;
	-webkit-opacity: 0;
	visibility: hidden;
	top: 55%;
	color: #fff;
	transition-delay: 0.2s;
	padding: 0 5%;
	box-sizing: border-box;
}

.ab7kp2 {
	font-size: 24px;
	line-height: 1.4;
}

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

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


@media screen and (max-width:1600px) {
	.ab7kp2 span {
		display: block;
	}
}

.ab7kp1 {
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.ab7ksubm.on .ab7kp1 {
	top: 40%
}

.ab7ksubm.on .ab7kp2 {
	top: 50%;
	opacity: 1;
	-webkit-opacity: 1;
	visibility: visible;
}


.hl2ag {
	position: relative;
	z-index: 6;
	background: #fff
}





.ab7e {
	background: none;
}

.hl2ag-bg {
	background: var(--bgs);
}

.ab7em {
	margin-top: 45px;
}

.ab7em {
	transition: width 0.3s ease;
}



.ab7eslidem {
	position: relative;
	overflow: hidden;
	width: 100% !important;
	transition: all 0.3s ease;
}

/* .ab7eslidem {position:absolute;left:0;top:0;} */

.ab7eslidem img {
	width: 100%;
	vertical-align: top;
	transition: all 2s ease;
	transform: scale(1.1);
}

.ab7eslidem {
	opacity: 0 !important;
}

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

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

.ab7esub {
	position: absolute;
	width: 100%;
	display: flex;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 6;
}

.ab7esubm {
	width: 50%;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.ab7esubm {
	position: relative;
}

.ab7ep1,
.ab7ep2 {
	width: 100%;
	position: absolute;
	left: 0;
}

.ab7ep1 {
	top: 50%;
	text-align: center;
	transition: all .5s ease;
	transform: translateY(-50%);
	margin-top: -40px;
}

.ab7ep2 {
	top: 50%;
	display: flex;
	justify-content: center;
	transform: translateY(-50%);
	margin-top: 50px;
	transition: all 0.3s ease;
}

.ab7ep12 {
	font-size: 38px;
}

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

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

.ab7ep2 {
	opacity: 0;
}

.ab7esubm.on .ab7ep1 {
	margin-top: -45px;
}

.ab7esubm.on .ab7ep2 {
	margin-top: 65px;
	opacity: 1;
}

.ab7esubm.on .pubmore-fff {
	border-color: var(--green);
	background: var(--green);
}

.ab7esubm.on .svg-1 {
	opacity: 0;
	transform: translate(100%, -100%);
	transition: transform 0.3s, opacity 0.3s;
}

.ab7esubm.on .svg-2 {
	transition: transform 0.3s, opacity 0.3s;
}

.ab7esubm.on .svg-2 {
	opacity: 1;
	transform: translate(0, -100%);
	transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
}

.ab7esubm.on .pwz1 {
	transform: translateY(-200%);
	opacity: 0;
}

.ab7esubm.on .pwz2 {
	transform: translateY(-50%);
	opacity: 1;
}

.ab7esubm.on .pubmore29:hover {
	background: #fff;
	color: #333;
}


.ab7eslide {
	position: relative;
	border-radius: 35px;
	overflow: hidden;
}

.ab7esub {
	position: absolute;
	width: 100%;
	display: flex;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 6;
}

.ab7esubm {
	position: relative;
}

.ab7esubm {
	width: 50%;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.ab7ep1,
.ab7ep2 {
	width: 100%;
	position: absolute;
	left: 0;
}


.site-foot {
	position: relative;
	z-index: 9;
}

.laybg {
	background: #000;
	opacity: 0.5;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 766;
	width: 100%;
	height: 100vh;
}

.layvideo {
	position: fixed;
	z-index: 799;
	max-width: 1100px;
	width: 80%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.layvideo {
	max-height: 75vh;
	text-align: center;
}

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

.laybg,
.layvideo {
	display: none;
}

.layclose {
	position: absolute;
	right: -40px;
	top: 0;
	color: #fff;
	font-size: 24px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.layclose {
	transform: rotateZ(45deg);
}

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

.layclose i,
.js_video_play i {
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}


@media screen and (max-width: 768px) {
	.layvideo {
		width: 100%;
	}

	.layclose {
		right: auto;
		left: 50%;
		transform: rotateZ(45deg);
		-webkit-transform: rotateZ(45deg);
	}

	.layclose {
		bottom: -40px;
		top: auto;
	}
}

.playbtn {
	position: absolute;
	width: 70px;
	height: 70px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

.playbtn {
	background: rgba(255, 255, 255, 0.2);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	z-index: 3;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.playbtn {
	border-radius: 50%;
	cursor: pointer;
}

.playbtn {
	transition: all .2s cubic-bezier(.165, .84, .44, 1);
}

.playbtn-bg-fff {
	background: #fff;
}

.playbtn-bg-fff i {
	color: var(--color);
}

/* .playbtn:hover{background: var(--color);}
				.playbtn:hover i{color: #fff;}
				.playbtn:hover{border-color: var(--color);} */
.playbtn:hover {
	width: 100px;
	height: 100px;
	background: #fff;
	line-height: 170px;
}

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

.vrbtn {
	background: rgba(255, 255, 255, 0);
}

.vrbtn i {
	font-size: 28px;
}

.playbtn,
.playbtn i,
.xs2appdavideo img {
	transition: all 0.3s ease;
}

.m529d {
	padding-bottom: 150px;
}


/* .hl2xnavm{justify-content: flex-start;} */

.hl2xnav {
	background-color: #f7f7f7;
	position: sticky;
	z-index: 9;
	top: 74px
}

.hl2xnav a {
	line-height: 1.2;
	padding: 25px 0;
	padding-right: 30px;
	margin-right: 30px;
}

.hl2xnav a:last-child {
	margin-right: 0;
}

.hl2xnav a:last-child {
	padding-right: 0;
}

.hl2xnav a:last-child em {
	display: none;
}

.hl2xnav a {
	position: relative;
}

.hl2xnav em {
	width: 1px;
	height: 16px;
	display: block;
	background: #222;
	right: 0;
	top: 50%;
	margin-top: -8px;
	position: absolute;
}

.hl2xnav a {
	color: #222;
}

.hl2xnavm a.cur,
.hl2xnavm a:hover {
	color: var(--color);
}



.hl2xnav2 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	border-top: 3px solid rgba(255, 255, 255, 0.1);
}

.hl2xnav2 {
	top: auto;
	width: 100%;
	background-color: hsla(0, 0%, 100%, .1);
	backdrop-filter: blur(2.08rem);
	-webkit-backdrop-filter: blur(2.08rem);
}

.hl2xnav2 em {
	display: none;
}

.hl2xnav2 a:before {
	position: absolute;
	top: -3px;
	left: 50%;
	width: 0;
	height: 2px;
	background-color: #fff;
	content: "";
	transition: all 0.5s ease;
	opacity: 0;
}

.hl2xnav2 a,
.hl2xnav2 a:hover,
.hl2xnav2 a.cur {
	color: #fff;
}

.hl2xnav2 a {
	padding: 0;
	height: 60px;
	line-height: 60px;
	margin-right: 3%;
	position: relative;
}

.hl2xnav2 a {
	margin: 0;
}

.hl2xnav2 a:hover:before,
.hl2xnavm a.cur:before {
	width: 100%;
	margin-left: -50%;
	opacity: 1;
}



.hlnyban {
	height: 540px;
	position: relative;
	overflow: hidden;
	margin-top: 106px;
}

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

.hlnybanm {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}

.hlnybanbg {
	background-size: cover;
}

.hlnybanp1 {
	color: #fff;
	font-size: 50px;
	font-weight: 300;
}



.pre-z-8 {
	position: relative;
	z-index: 8;
}



.inv12a {
	background: var(--bgs);
}

.inv12aimg {
	border-top-left-radius: var(--borders20);
	border-top-right-radius: var(--borders20);
	overflow: hidden;
	position: relative;
	border-radius: var(--borders20);
}

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

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

.inv12ams {
	/*padding:65px 10%;*/
	padding: 55px 60px;
	box-sizing: border-box;
	/*border-top-left-radius:10px;*/
	/*border-top-right-radius:10px;*/
	border-radius: var(--borders20);
}

.inv12ams {
	margin-top: -65px;
	position: relative;
	z-index: 3;
	display: flex;
	flex-wrap: wrap;
}

.inv12al {
	width: 40%;
}

.inv12ar {
	width: 60%;
	padding-top: 30px;
}

.inv12b {
	/* padding-top:120px;*/
	/* padding-bottom:120px;*/
	padding-top: 120px;
	padding-bottom: 120px;
	position: relative;
	overflow: hidden;
}

.inv12bbg {
	position: absolute;
	width: 106%;
	height: 106%;
	left: -3%;
	top: -3%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.inv12bp2 {
	color: #c90f0f;
	font-size: 70px;
	font-weight: 700;
	line-height: 1;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
}

.inv12bp2 {
	margin-top: 10px;
}

.inv12bn {
	padding: 0;
	display: flex;
	box-sizing: border-box;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.inv12bl {
	width: 475px;
	position: relative;
}

.inv12br {
	width: calc(82% - 475px);
	min-width: 550px;
}

.inv12bl {
	font-size: 14px;
	color: #fff;
}

.inv12bp3 {
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding: 20px 0;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.inv12bp3 {
	border-left: none;
	border-right: none;
	margin-top: 80px;
}

.inv12bp3m1 {
	width: 158px;
}

.inv12bp3m2 {
	width: 120px;
}

.inv12bp3m3 {
	width: 100px;
}

.inv12bp4 {
	margin-top: 65px;
	font-size: 12px;
	opacity: 0.5;
}

.inv12bp3m ul {
	padding: 10px 0;
}

.inv12br img {
	width: 100%;
}

.inv12bm {
	position: relative;
	z-index: 3;
}

.inv12bc {
	width: 100%;
}

.inv12bc {
	width: 100%;
}

.inv12c {
	background: #eef0f7;
}

.inv12cm {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.inv12ca,
.inv12cb {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	padding: 50px;
	box-sizing: border-box;
}

.inv12ca {
	width: 62%;
}

.inv12cb {
	width: 36%;
	margin-left: 2%;
}

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

.inv12cp1 {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
}

.inv12cp2 {
	font-size: 14px;
	position: relative;
	padding-right: 20px;
	cursor: pointer;
}

.inv12cp2 i {
	position: absolute;
	right: 0;
	top: 2px;
	line-height: 1;
	font-size: 18px;
}

.inv12cp2,
.inv12cp2 i {
	color: #fff;
	transition: all 0.3s ease;
}

.inv12cp2:hover,
.inv12cp2:hover i {
	color: var(--top-bar-color);
}

.inv12cp2:hover {
	padding-right: 25px;
}

.inv12cp2:hover i {
	right: -2px;
}

.inv12cp5 {
	font-size: 14px;
	margin-top: 15px;
}

.inv12cp3 {
	color: #555;
	opacity: 0.6;
}

.inv12cp3,
.inv12cp5 {
	line-height: 1;
}

.inv12cp4 {
	position: relative;
	margin-top: 10px;
}

.inv12cp4 a {
	font-size: 22px;
	color: var(--blue);
	display: block;
	width: 90%;
	transition: all 0.3s ease;
	line-height: 1.4;
	z-index: 11;
	padding-right: 15%;
	position: relative;
}

.inv12cp42 a {
	font-size: 18px;
}

.inv12cdown {
	width: 42px;
	line-height: 40px;
	box-sizing: border-box;
	border: 1px solid var(--blue);
	text-align: center;
}

.inv12cdown {
	display: block;
	color: var(--blue);
	border-radius: 10px;
	font-size: 20px;
}

.inv12cdown {
	position: absolute;
	right: 0;
	top: 3px;
	transition: all 0.3s ease;
}

.inv12cli {
	padding-top: 20px;
	padding-bottom: 25px;
	border-bottom: 1px solid #eee;
	position: relative;
	width: 48%;
	margin-right: 2%;
}

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

.inv12cli:before {
	position: absolute;
	content: '';
	width: 0;
	height: 1px;
	background: var(--top-bar-color);
	left: 0;
	bottom: 0;
	opacity: 0;
}

.inv12cli:before {
	transition: all 0.7s ease;
}

.inv12cli:hover:before {
	width: 100%;
	opacity: 1;
}

.inv12cli:hover .inv12cp4 a {
	color: var(--top-bar-color);
}

.inv12cli:hover .inv12cdown {
	background: var(--top-bar-color);
	color: #fff;
	border-color: var(--top-bar-color);
}

.inv12cul {
	padding-top: 10px;
	display: flex;
	flex-wrap: wrap;
}

.inv12cm,
.inv12dm,
.inv12fm,
.inv12en {
	margin-top: 45px;
}

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

.inv12d {
	background: #fff;
}

.inv12dm {
	border-radius: 20px;
}

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

.inv12dma {
	width: 50%;
	width: 100%;
	box-sizing: border-box;
	padding: 65px 60px;
}

.inv12dma:last-child {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.inv12dm {
	display: flex;
}

.inv12cli1 {
	border-color: rgba(255, 255, 255, 0.1);
	padding-top: 40px;
}

.inv12cp3-fff {
	color: #fff;
}

.inv12cp4-fff a {
	color: #fff;
}

.inv12cdown-fff {
	border-color: #fff;
	color: #fff;
	top: -8px
}





.hl2newm {
	display: flex;
	align-items: flex-start;
}

.hl2new {
	background: #fff;
}

.hl2newl {
	width: calc(95% - 400px);
}

.hl2newr {
	width: 400px;
}

.pubbtns {
	background: none;
	border: none;
	outline: none;
}

.hl2newlap1 {
	color: #666;
	padding-bottom: 5px;
}

.hl2newlaatxt,
.hl2newla .layui-form-select .layui-input {
	background: #f8f8f8;
	border: 1px solid #d3d3d2;
	height: 46px;
	line-height: 44px;
}

.hl2newlaatxt {
	padding: 0 15px;
	width: 100%;
}

.hl2newlabm {
	width: 49%;
}

.hl2newlab {
	margin-top: 25px;
}

.hl2newla .layui-form-select .layui-input {
	padding-left: 15px;
	width: 100%;
}

.hl2newla .layui-form-select .layui-input:hover {
	border: 1px solid #d3d3d2 !important;
}

.hl2newla .layui-form-select dl dd.layui-this {
	background: var(--color);
}

.hl2newla .layui-form-select dl {
	padding-top: 10px;
	padding-bottom: 10px;
}

.hl2newla .layui-form-select dl dd {
	padding: 5px 20px;
}

.layui-form-select dl dd:first-child {
	display: none;
}

.hl2newlaatxt::-webkit-input-placeholder,
.hl2newla .layui-form-select .layui-input::-webkit-input-placeholder {
	color: #999;
	font-size: 16px;
}

.hl2newlaatxt::-moz-input-placeholder,
.hl2newla .layui-form-select .layui-input::-moz-input-placeholder {
	color: #999;
	font-size: 16px;
}

.hl2newlacbtn {
	background: var(--color);
	color: #fff;
	text-align: center;
	width: 49%;
}

.hl2newlacbtn {
	height: 50px;
	line-height: 48px;
	cursor: pointer;
}

.hl2newlac {
	margin-top: 50px;
}

.hl2newla {
	padding-top: 50px;
	border-top: 2px solid var(--color);
	margin-top: 25px;
}

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

.hl2newladp2 {
	color: #666;
}

.hl2newladp3 {
	color: #333;
	margin-top: 12px;
}

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

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

.hl2newladwz {
	width: 65%;
	padding-left: 5%;
	padding-top: 25px;
}

.hl2newladm {
	position: relative;
	padding: 70px 0;
	border-bottom: 1px solid #ddd;
}

.hl2newladm:before {
	position: absolute;
	width: 100%;
	height: 1px;
	background: var(--color);
	content: '';
	z-index: 1;
	left: 0;
	bottom: 0;
}

.hl2newladm:before {
	transform: scaleX(0);
	transform-origin: right center;
	transition: transform .6s;
}

.hl2newladbtn {
	position: absolute;
	z-index: 3;
	bottom: 50px;
	right: 0;
}

.hl2newladbtn {
	width: 50%;
	display: flex;
	justify-content: flex-end;
}

.hl2newladbtna i,
.hl2newladbtnb i {
	font-size: 22px;
	color: #666;
}

.hl2newladbtna,
.hl2newladbtnb {
	margin-left: 25px;
	cursor: pointer;
}

.hl2newladp1 {
	color: #222;
}

.hl2newladp1,
.hl2newladicon {
	transition: all 0.3s ease;
}

.hl2newladm:hover .hl2newladp1,
.hl2newladicon:hover {
	color: var(--color);
}

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

.hl2newladm:hover:before {
	transform: scaleX(1);
	transform-origin: left center;
}

.hl2newlae {
	justify-content: center;
	margin-top: 50px;
}



.hl2newr {
	margin-top: 80px;
	position: sticky;
	top: 90px;
}

.hl2newra {
	border: 1px solid #eee;
	color: #333;
}

.hl2newr-45 {
	margin-top: 45px;
}

.hl2newrh4 {
	line-height: 1.4;
	padding: 20px 25px;
	background-color: #f8f8f8;
	color: var(--color);
	font-size: 24px;
	font-weight: 500;
}

.hl2newrp1 {
	padding: 30px 25px;
}

.hl2newrp1 p {
	margin-top: 12px;
}

.hl2newrp1 p:first-child {
	margin: 0;
}



.hl2newrdy {
	border: 1px solid #ddd;
	padding: 8px;
	display: flex;
	margin-top: 12px;
}

.hl2newrdym {
	height: 48px;
	line-height: 48px;
}

.hl2newrawz {
	padding: 0 10px;
	width: calc(100% - 90px);
}

.hl2newraobj {
	width: 90px;
	background: var(--color);
	color: #fff;
	border-radius: 5px;
}



.hl2newrb {
	position: relative;
}

.hl2newrb img {
	width: 100%;
}

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

.hl2newrbicon {
	border: 1px solid #fff;
	border-radius: 50%;
	line-height: 54px;
	text-align: center;
}

.hl2newrbicon {
	font-size: 26px;
	color: #fff;
}

.hl2newrbicon {
	transition: all 0.3s ease;
}

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

.hl2newrh4 {
	color: var(--color);
}

.hl2newrh41 {
	padding: 0;
	background: none;
	margin-top: 35px;
}



.pgfoot .xkmsga {
	display: none;
}

.anuma {
	margin: 0 25px;
}

.anuma {
	width: 86px;
	height: 46px;
	line-height: 44px;
	border: 1px solid var(--color);
	border-radius: 25px;
	padding: 0 30px;
}

.anuma i {
	color: var(--color);
	font-size: 24px;
	display: inline-block;
	position: relative;
}

.aprev i {
	transform: rotateZ(180deg);
}

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

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

.anuma:hover i {
	color: #fff;
}





/* 底部 */

.foot26 {
	background: url(../img/foot26bg.png) center no-repeat #25272f;
	background-size: cover;
	font-size: 14px;
	position: relative;
	z-index: 6;
}

.foot26a {
	padding: 65px 0;
	padding-top: 80px;
}

.foot26aa img {
	height: 38px;
}

.foot26ab {
	display: flex;
}

.foot26ab dd {
	margin-top: 12px;
}

.foot26ab h6,
.foot26ab a {
	color: #fff;
}

.foot26ab h6 {
	font-size: 20px;
}

.foot26ab a {
	opacity: 0.8;
	transition: all 0.3s ease;
}

.foot26ab a:hover {
	opacity: 1;
}

.foot26ab {
	width: 58%;
	justify-content: space-between;
}

.guanzhu1 {
	width: 170px;
}

.guanzhu2 {
	width: 98px;
}

.foot26bap2 {
	text-align: center;
	margin-top: 5px;
}

.foot26b {
	color: rgba(255, 255, 255, 0.5);
}

.foot26b {
	padding: 50px 0;
	align-items: center;
	padding-right: 0;
}

.foot26c {
	padding: 20px 0;
}

.foot26c,
.foot26c a {
	color: rgba(255, 255, 255, 0.5);
	transition: all 0.3s ease;
}

.foot26c a:hover {
	color: rgba(255, 255, 255, 1);
}

.foot26b,
.foot26c {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.foot26cr {
	display: flex;
}

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

.foot26c {
	position: relative;
	border: none;
}

.foot26c:before {
	position: absolute;
	content: '';
	width: 0;
	height: 1px;
	background: rgba(255, 255, 255, 0.4);
}

.foot26c:before {
	left: 0;
	top: 0;
	transition: all 3.5s ease;
}

.foot26c.is-inview:before {
	width: 100%;
}



.foot26b {
	padding-top: 0;
	padding-bottom: 20px;
	border: none;
}

.foot26sjmt {
	display: flex;
}

.foot26sjmta {
	position: relative;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin-right: 20px;
}

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

.foot26sjmicon {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
	color: rgba(255, 255, 255, 0.5);
}

.foot26sjmicon2 {
	top: 0;
	color: var(--color);
	opacity: 0;
}

.foot26sjmicon1 {
	color: #fff;
}

.foot26sjmta {
	background-color: var(--color);
	border-radius: 50%;
}

.foot26sjmta {}

.foot26sjmta:hover {
	background: #fff;
}

.foot26sjmta:hover .foot26sjmicon2 {
	top: 0;
	opacity: 1;
}

.foot26sjmta:hover .foot26sjmicon1 {
	opacity: 0;
}

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

.foot26sjmta_wb i {
	font-size: 19px;
}

.foot26sjmta_dy i {
	font-size: 17px;
}

.foot26sjmta_sph i {
	font-size: 17px;
}

.foot26sjmtsub {
	position: absolute;
	display: none;
}

.foot26sjmtsub {
	left: 50%;
	transform: translateX(-50%);
	bottom: 35px;
	padding-bottom: 10px;
}

.foot26sjmtsubm {
	background: #fff;
	border-radius: 10px;
	text-align: center;
	padding: 3px;
	padding-bottom: 10px;
}

.foot26sjmtsubm {
	color: #666;
	font-size: 12px;
	line-height: 1.2;
}

.foot26sjmtsubm img {
	margin-bottom: 5px;
}



.js_xiala2 {
	position: relative;
	cursor: pointer;
}

.hgwjzm {
	position: absolute;
}

.hgwjzm ul {
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	padding: 10px 0;
}

.hgwjzm li a {
	display: block;
	padding: 7px;
	line-height: 1.2;
	font-size: 14px;
}

.hgwjzm li a {
	transition: all 0.3s ease;
	color: #333;
}

.hgwjzm li a:hover {
	background: var(--color);
	color: #fff;
}

.hgwjzm2 li a {
	padding: 5px 0;
}

.hgwjz i {
	background: none;
}

.hgwjz span {
	padding-right: 20px;
}

.hgwjz i {
	width: auto;
}

.hgwjz {
	padding: 6px 20px;
	border: 1px solid #fff;
	border-radius: 20px;
}

.hgwjz {
	transition: all 0.3s ease;
}

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

.hgwjzm3 {
	display: none;
	width: 200px;
	top: auto;
	bottom: 35px;
	padding-bottom: 10px;
	padding-top: 0;
	right: 0;
}



.ftgwjz {
	display: inline-block;
}



.ftgwjzm {
	background: var(--color);
	color: #fff;
	display: flex;
	line-height: 35px;
	border-radius: 35px;
	width: 150px;
}

.ftgwjzm-line {
	background: none;
	border-color: rgba(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);
}

.ftgwjzm {
	justify-content: center;
}

.ftgwjzm {
	align-items: center;
	overflow: hidden;
	font-size: 14px;
}

.ftgwjzm i {
	color: #fff;
	font-size: 12px;
	margin-left: 10px;
	transition: all 0.3s ease;
}

.ftgwjzm1 {
	transition: all 0.3s ease;
	width: auto;
	padding: 0 15px;
}

.ftgwjzm1 em {
	width: 18px;
	height: 18px;
	position: relative;
	opacity: 1;
	margin-right: 8px;
}

.ftgwjzm1 em:before,
.ftgwjzm1 em:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.ftgwjzm1 em:before {
	background-image: url(../img/language_icon_1.gif);
	opacity: 0;
}

.ftgwjzm1 em:after {
	background-image: url(../img/language_icon_2.gif);
}

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

.ftgwjzm1:hover {
	color: #fff;
}

.ftgwjzm-bg-line-bg {
	background: var(--line-bg);
}

.ftgwjzm-bg-line-bg:hover {
	background: var(--line-bg);
	border: none;
}

.ftgwjzm-bg-fff {
	background: #fff;
	color: #333;
}

.ftgwjzm-bg-fff i {
	color: #333;
}

.ftgwjzm-bg-fff:hover em:after {
	opacity: 1;
}

.ftgwjzm-bg-fff:hover em:before {
	opacity: 0;
}

.ftgwjzm-bg-fff:hover i {
	color: #fff;
}



/* 底部 */



.nav__toggle-button {
	transform: scale(0.85);
	-webkit-transform: scale(0.85);
}

.nav__toggle-button {
	align-items: center;
	background-color: #fff;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	justify-content: center;
	position: absolute;
	transition: transform 0.3s;
}

.nav__toggle-button {
	height: 43px;
	width: 43px;
	position: relative;
	z-index: 99999;
}

.nav__toggle-button * {
	transition: 0.15s ease-in-out;
}

.nav__toggle-button #hamburger {
	position: absolute;
	height: 100%;
	width: 100%;
}

.nav__toggle-button span {
	display: block;
	background: #000;
	border-radius: 4px;
}

.nav__toggle-button #hamburger span {
	width: 23px;
	height: 2px;
	position: relative;
	top: 11px;
	left: 10px;
	margin: 4px 0;
}

.nav__toggle-button #hamburger span:nth-child(1) {
	transition-delay: 0.3s;
}

.nav__toggle-button #hamburger span:nth-child(2) {
	transition-delay: 0.35s;
}

.nav__toggle-button #hamburger span:nth-child(3) {
	transition-delay: 0.4s;
}

.nav__toggle-button #cross {
	position: absolute;
	height: 32px;
	width: 32px;
	transform: rotate(45deg);
	left: 6px;
	top: 6px;
}

.nav__toggle-button #cross span:nth-child(1) {
	height: 0%;
	width: 2px;
	position: absolute;
	top: 3px;
	left: calc(50% - 1px);
	transition-delay: 0s;
}

.nav__toggle-button #cross span:nth-child(2) {
	width: 0%;
	height: 2px;
	position: absolute;
	left: 3px;
	top: calc(50% - 1px);
	transition-delay: 0.15s;
}

.nav--open.nav__toggle-button #hamburger span {
	width: 0;
}

.nav--open.nav__toggle-button #hamburger span:nth-child(1) {
	transition-delay: 0s;
}

.nav--open.nav__toggle-button #hamburger span:nth-child(2) {
	transition-delay: 0.1s;
}

.nav--open.nav__toggle-button #hamburger span:nth-child(3) {
	transition-delay: 0.15s;
}

.nav--open.nav__toggle-button #cross span:nth-child(1) {
	height: 80%;
	transition-delay: 0.2s;
}

.nav--open.nav__toggle-button #cross span:nth-child(2) {
	width: 80%;
	transition-delay: 0.3s;
}

/* 线框 */
.nav__toggle-button {
	background: none;
	box-sizing: content-box;
}

.nav__toggle-button {
	border: 1px solid #fff;
	border: none;
}

/* .nav__toggle-button span {background:#fff;}

				*/
/* .msnav .nav__toggle-button {background:#fff}

				*/
.msnav .nav__toggle-button span {
	background: #333;
}

/* .dan .nav__toggle-button {background:#fff}

				*/
.nav__toggle-button #hamburger span {
	width: 29px;
	left: 7px;
	margin: 6px 0;
	top: 8px;
}

.dan .nav__toggle-button span {
	background: #333;
}





/* 首页baner */

.site-baner-linebg {
	display: none;
}

.site-baner {
	height: calc(100vh - 106px);
	margin: 0 auto;
	margin-top: 106px;
}

.site-baner {
	border-radius: 0;
}

.site-baner-linebg {
	width: 100%;
	height: 120px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 12;
}

.site-baner-linebg {
	background: linear-gradient(180deg, rgba(16, 22, 60, 1) 0%, rgba(16, 22, 60, 0.5) 40%, rgba(16, 22, 60, 0) 100%);
}

.swiper-slide.swiper-slide-active .ani_style2 {
	animation: 1s aniStyle2 0.3s;
	animation-fill-mode: forwards;
}

.swiper-slide.swiper-slide-active .ani_5 {
	animation-delay: 0.5s !important;
}

#scroll_down {
	position: absolute;
	bottom: 0;
	left: 70px;
	transform: translateX(0);
	z-index: 20;
}

#scroll_down:after {
	display: block;
	content: "";
	width: 1px;
	height: 50px;
	position: absolute;
	top: 100%;
	left: 50%;
	background: rgba(0, 0, 0, 0.4);
	margin-left: -1px;
}

#scroll_down a {
	position: relative;
	display: block;
	padding-bottom: 35px;
}

#scroll_down a:before {
	display: block;
	content: "";
	width: 1px;
	height: 60px;
	position: absolute;
	bottom: 0;
	left: 50%;
	background: rgba(255, 255, 255, 0.5);
	margin-left: -1px;
}

#scroll_down a:after {
	display: inline-block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: 60px;
	background: #fff;
	transform: scaleY(0);
	animation: lineActiveAnimation 1.9s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
	margin-left: -1px;
}

#scroll_down .txt {
	font-size: 1.2rem;
	color: #fff;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	line-height: 1em;
	margin-bottom: 17px;
	display: block;
}

#scroll_down .fig {
	width: 25px;
	height: 38px;
	border: 1px solid #fff;
	border-radius: 25px;
	margin: 0 auto;
}

@keyframes lineActiveAnimation {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: center top;
		transform-origin: center bottom
	}

	49% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: center top;
		transform-origin: center bottom
	}

	50% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: center bottom;
		transform-origin: center top
	}

	99% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: center bottom;
		transform-origin: center top
	}

	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: center bottom;
		transform-origin: center top
	}

}



.site-baner {
	width: 100%;
}

#scroll_down {
	display: flex;
	min-width: inherit;
	bottom: 0;
	padding: 0;
	width: 25px;
}

.site-baner-zw {
	min-width: inherit;
	width: 1400px;
	padding-top: 0;
}

#scroll_down:after {
	display: none;
}

.site-baner-zw {
	text-align: center;
}

.site-baner-p2 {
	color: #fff;
	font-size: 16px;
	opacity: 0.5;
	margin-top: 0;
	padding-bottom: 10px;
	line-height: 1.4;
}

.site-baner-p3 {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}

.site-baner-p3-left {
	justify-content: flex-start;
}

.site-baner-zw {
	top: 50%;
	transform: translate(-50%, -50%);
}

.site-baner-zw {
	bottom: auto;
	top: 20%;
	transform: translateX(-50%);
}

.site-baner-wz-left {
	text-align: left;
}

/* 首页baner */



/* 首页关于 */

.hlen1 {
	padding-top: 150px;
	padding-bottom: 190px;
	overflow: hidden;
}

.hlen1p1 p {
	margin-top: 20px;
}

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

.hlen1p1 {
	margin-top: 60px;
	height: 320px;
}

.hlen1p2 {
	margin-top: 0;
}

.hlen1x {
	position: relative;
	z-index: 3;
}

.hlen1xa {
	width: 750px;
	padding-top: 30px;
}

.hlen1xb {
	text-align: right;
}

.hlen1xbp1 {
	color: var(--color);
}

.hlen1xbp2 {
	color: #555;
	line-height: 1.4;
}

.hlen1xbp1 {
	font-size: 80px;
	font-weight: var(--b400);
	line-height: 90px;
	display: flex;
}

.hlen1xbp1 {
	justify-content: flex-end;
}

.hlen1xbm {
	margin-top: 50px;
}

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

.hlen1 {
	position: relative;
}

.hlen1bg,
.hlen1bgm,
.earth {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	object-fit: cover;
}

.hlen1bgm {
	z-index: 1;
}

.hlen1bg2 {
	display: none;
}

/* 首页关于 */



/* 首页我们的产品 */

.hlen3x {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-top: 60px;
}

.hlen3xa {
	overflow: hidden;
	position: relative;
	width: 32%;
	margin-right: 2%;
	margin-top: 4%;
}

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

.hlen3xa:nth-child(-n+3) {
	margin-top: 0;
}

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

.hl3overlay {
	background: linear-gradient(180deg, transparent 50%, rgba(83, 85, 90, .85));
	display: flex;
	height: 100%;
	left: 0;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .3s ease-in-out;
}

.hl3content {
	bottom: 0;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	left: 0;
	padding: 20px 30px;
	position: absolute;
	right: 0;
	text-align: center;
	text-decoration: none;
	top: calc(100% - 85px) !important;
	transition: all .3s ease-in-out;
	z-index: 10;
}

.hl3content h3 {
	font-weight: var(--b400);
	color: #fff;
	margin-bottom: 0;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 24px;
	transition: all .2s ease-in-out;
	width: 100%;
}

.hl3content h3 {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}

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

.hl3content h3 span {
	padding-right: 0;
	width: 35px;
	opacity: 0;
	transition: all 0.3s ease;
	height: 30px;
	position: relative;
}

.hl3content h3 em {
	position: relative;
	left: -15px;
}



.hl3morea {
	text-align: center;
	width: 100%;
	margin-top: 12px;
}

.hl3morea span {
	display: inline-block;
	font-size: 14px;
	padding: 10px 40px;
	border: 1px solid #fff;
}

.hl3morea span {
	transition: all 0.3s ease;
}

.hl3morea span:hover {
	background: #fff;
	color: #333;
}

.hl3text {
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
	margin-top: 40px;
}

.hlen3xa:hover .hl3overlay {
	background: var(--color);
}

.hlen3xa:hover .hl3content h3 {
	margin-bottom: 0;
	min-height: unset;
	transition: all .2s ease-in-out;
}

.hlen3xa:hover .hl3text {
	margin-top: 0;
}

.hlen3xa:hover .hl3content {
	align-content: space-evenly;
	top: 0 !important;
	transition: all .3s ease-in-out;
}

.hlen3xa:hover .hl3content h3 span {
	opacity: 1;
}

.hlen3xa:hover .hl3content h3 em {
	left: 0;
}

.hlen3xa {
	height: 290px;
}

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

.hlen3xa.hlen3xa-last {
	width: 66%;
	margin-right: 0;
}

.hl3content-last {
	top: 108px !important
}

.hl3content-last .hl3text,
.hl3content-last .hl3morea {
	opacity: 0;
}

.hlen3xa:hover .hl3content-last .hl3text {
	opacity: 1;
}

.hlen3xa:hover .hl3content-last .hl3morea {
	opacity: 1;
}

/* 首页我们的产品 */



/* 首页解决方案 */

.hl5solobtnm {
	text-align: center;
	width: 70px;
	height: 50px;
	line-height: 48px;
	border-radius: 30px;
}

.hl5solobtnm {
	border: 1px solid #666;
	margin-left: 30px;
	cursor: pointer;
}

.hl5solobtn1 i,
.hl6newbtn1 i,
.hl3hswiperbtn1 i {
	position: relative;
	transform: rotateZ(180deg);
}

.hl5solobtnm i {
	color: #666;
	font-size: 24px;
	display: inline-block;
}

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

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

.hl5solobtnm:hover i {
	color: #fff;
}

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

.xkpro .hl5solobtnm {
	margin-left: 30px !important;
	margin-right: 0 !important;
}

.xkpro.hei .hl5solobtnm {
	border-color: #fff;
}

.xkpro.hei .hl5solobtnm i {
	color: #fff;
}

.xkpro.hei .hl5solobtnm:hover {
	background: #fff;
}

.xkpro.hei .hl5solobtnm:hover i {
	color: #333;
}

.solo26 {
	transition: all 0.3s ease;
}

.solo26.hei {
	background: var(--color);
}

.solo26.hei .pubh1 {
	color: #fff;
}

.solo26.hei .solopg span {
	opacity: 0.5 !important;
}

.solo26.hei .solopg span.swiper-pagination-bullet-active {
	background: #fff !important;
	border-color: #fff;
	opacity: 1 !important;
}

.solo26.hei .hl5solobtnm {
	border-color: #fff;
}

.solo26.hei .hl5solobtnm i {
	color: #fff;
}

.solo26.hei .hl5solobtnm:hover {
	background: #fff;
}

.solo26.hei .hl5solobtnm:hover i {
	color: var(--color);
}

.solo26swiper {
	overflow: hidden;
	margin-top: 45px;
}

.solo26slide {
	background: #f6f7f9;
}

.solo26wz {
	padding: 35px;
}

.solo26p1 {
	font-weight: 400;
	font-size: 24px;
	line-height: 1.4;
}

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

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

.solo26img {
	overflow: hidden;
}

.solo26img img,
.solo26p1 {
	transition: all 0.3s ease;
}

.solo26slide:hover .solo26p1 {
	color: var(--color);
}

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

.hl5solopg {
	display: flex;
	justify-content: space-between;
	margin-top: 0;
	width: 100%;
}

.solopg {
	width: auto !important;
}

.solopg span {
	width: 15px;
	height: 2px;
	box-sizing: border-box;
	margin: 0 5px;
	border-radius: 0;
}

.solopg span {
	border: 1px solid #ccc;
}

.solopg span.swiper-pagination-bullet-active {
	background: var(--color);
	border-color: var(--color);
}

.solopg span {
	background: #ddd;
	border-color: #ddd;
	opacity: 1 !important;
}

.hl5solopg {
	display: flex;
	margin-top: 45px;
}



.hl5solobtnm {
	text-align: center;
	width: 70px;
	height: 50px;
	line-height: 48px;
	border-radius: 30px;
}

.hl5solobtnm {
	border: 1px solid #666;
	margin: 0;
	margin-left: 30px;
	cursor: pointer;
}

.hl5solobtn1 i {
	position: relative;
	transform: rotateZ(180deg);
}

.hl5solobtnm i {
	color: #666;
	font-size: 24px;
	display: inline-block;
}

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

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

.hl5solobtnm:hover i {
	color: #fff;
}

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

.hl6newbtn1 {
	margin-left: auto;
}

.hl5solobtnm.left i {
	transform: rotateZ(180deg);
}

.hl5solobtnm-line-fff {
	border-color: #fff;
}

.hl5solobtnm-line-fff i {
	color: #fff;
}

.xkpro.hei .hl5solobtnm {
	border-color: #fff;
}

.xkpro.hei .hl5solobtnm i {
	color: #fff;
}

.xkpro.hei .hl5solobtnm:hover {
	background: #fff;
}

.xkpro.hei .hl5solobtnm:hover i {
	color: #333;
}

/* 首页解决方案 */

/* 首页合作伙伴 */

.hl3hx {
	position: relative;
	padding-top: 25px;
}

.hl3hswiper {
	margin-left: 360px;
	padding: 70px 0;
	background: #f6f6f6;
}

.hl3hp1 {
	padding: 25px 10%;
}

.hl3hp1 {
	display: flex;
	justify-content: space-between;
	line-height: 1.4;
	font-size: 20px;
	font-weight: 700;
	align-items: center;
}

.hl3hp1 i {
	background: #ccc;
	width: 1px;
	height: 30px;
}

.hl3hp1p1 {
	line-height: 1.4;
	max-width: 330px;
}

.hl3hswiper {
	overflow: hidden;
}

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

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

.hl3hswiper2bg,
.hl3hswiper2bg1 {
	position: absolute;
	width: 100%;
	height: 100%;
}

.hl3hswiper2bg1 {
	z-index: 1;
	background: var(--color);
}

.hl3hswiper2wz {
	color: #fff;
	padding: 70px 45px;
	position: relative;
	z-index: 3;
	height: 100%;
}

.hl3hswiper2bg1 {
	opacity: 0.7;
	display: none;
}

.hl3hswiper2p1 {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
}

.hl3hswiper2m {
	position: relative;
}

.hl3hswiper2 {
	position: absolute;
	width: 400px;
	z-index: 3;
	height: 100%;
	left: 0;
	top: 0;
}

.hl3hswiper2p2 {
	margin-top: 10px;
}

.hl3hswiper2p3 {
	margin-top: 35px;
}

.hl3hx {
	margin-top: 60px;
}

.hl3hswiper2 {
	overflow: hidden;
	top: 10px;
}

.hl3himgicon {
	height: 40px;
	width: 180px;
	position: relative;
}

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

/* 首页合作伙伴 */

.wsylinea span {
	display: inline;
	position: relative;
	line-height: 1.6;
}

.wsylinea span {
	background: linear-gradient(to right, white, white), linear-gradient(to right, #b1b1b1, #b1b1b1, #b1b1b1);
	background-size: 100% 2px, 0 2px;
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	transition: background-size 400ms;
	padding-bottom: 4px;
}

.sh6newbslidem:hover .wsylinea span {
	background-size: 0 2px, 100% 2px;
}

.sh6newbp1 {
	font-size: 22px;
	font-weight: 700;
}

.sh6newbp2 {
	color: #666;
	margin-top: 20px;
}

.sh6newb {
	width: calc(100% - ((100% - 1400px) / 2));
	margin-left: calc((100% - 1400px) / 2);
	margin-top: 45px;
}

.sh6newb {
	overflow: hidden;
}

.sh6newc {
	display: flex;
	justify-content: flex-start;
	margin-top: 45px;
}

.sh6newc .hl5solobtnm {
	margin-left: 0;
	margin-right: 30px;
}

.sh6new {
	background: #f3f3f3;
}

.sh6newbslidem {
	background: #fff;
	width: 650px;
}

.sh6newbimg img {
	width: 100%;
}

.sh6newbimg {
	overflow: hidden;
}

.sh6newbwz {
	padding: 35px;
}

.sh6newbimg img,
.sh6newbp1 {
	transition: all 0.3s ease;
}

.sh6newbslidem:hover .sh6newbp1 {
	color: var(--color);
}

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

.sh6newa {
	display: flex;
}

.sh6newa span {
	font-size: 48px;
	color: #bfbfbf;
	margin-right: 0;
	cursor: pointer;
	transition: all 0.3s ease;
	width: 330px;
	font-weight: 300;
}

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

.sh6newtabm {
	display: none;
}

.sh6new {
	padding-top: 60px;
}





.i2kehn {
	overflow: hidden;
	width: 100%;
	padding: 20px 0;
}

.i2kehn:last-child {
	padding-bottom: 0;
}

.i2kehna {
	display: flex;
	width: 10000px;
}

.i2kehnm {
	display: flex;
}

.i2kehnm li {
	width: 210px;
	margin: 0 20px;
	height: 95px;
	position: relative;
}

.i2kehnm li {
	border: 1px solid #ddd;
}

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

.hpbr_run_ul1 {
	animation: donghua1 50s linear infinite;
}

.i2kehnm2 {
	transform: translateX(100%);
}

.hpbr_run_ul2 {
	animation: donghua 50s linear infinite;
}

@keyframes donghua {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}

}

@keyframes donghua1 {
	from {
		transform: translateX(-100%);
	}

	to {
		transform: translateX(0);
	}

}

.i2kehn1 {
	margin-top: 50px;
}





/* 首页合作伙伴 */



/* 首页3*/

.pubmore-noneicon .psvg {
	display: none;
}

.pubmore-noneicon {
	width: 150px;
	justify-content: center;
	border-color: #fff;
	background: rgba(255, 255, 255, 0);
}

.pubmore-noneicon .pwz1 {
	color: #fff;
}

.pubmore-noneicon .pwz2 {
	color: #333;
}

.sh6esgx {
	margin-top: 45px;
}

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

.sh6esgxxf {
	position: absolute;
	width: 100%;
	padding: 50px 40px;
	z-index: 6;
}

.sh6esgxa img {
	width: 100%;
	vertical-align: top;
	transition: all 0.6s ease;
}

.sh6esgxxf {
	left: 0;
	bottom: 0;
}

.sh6esgxxfm {
	height: auto;
	overflow: hidden;
	max-height: 0;
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.sh6esgxp1,
.sh6esgxp2 {
	color: #fff;
}

.sh6esgxp2 {
	opacity: 0.7;
	margin-top: 10px;
}

.sh6esgxp3 {
	position: relative;
	opacity: 0;
	transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform: translateY(100%);
}

.sh6esgxp3 {
	transition-delay: 0.2s;
}

.sh6esgxp1 {
	font-size: 30px;
	line-height: 1.4;
	font-weight: 700;
}

.sh6esgxp3 {
	margin-top: 45px;
}

.sh6esgxbg {
	position: absolute;
	width: 100%;
	height: 70%;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, black 100%);
	opacity: 0.6;
	transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1000ms;
	will-change: top, opacity;
}

.sh6esgxa:hover .sh6esgxbg {
	height: 100%;
}

.sh6esgxa:hover .sh6esgxxfm {
	max-height: 230px;
}

.sh6esgxa:hover .sh6esgxp3 {
	opacity: 1;
	transform: translateY(0);
}

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

.sh6esgxa2 {
	width: calc(25% - 8px);
}

.sh6esgxa3 {
	width: calc(75% - 8px);
}

.sh6esgx2 {
	margin-top: 16px;
}

.hlqqbj {
	background: #f8f8f8;
	position: relative;
	z-index: 9;
	margin-top: -150px;
}

.hlqqbjm {
	margin-top: 30px;
}

.hlqqbj {
	will-change: opacity, clip-path;
	animation-name: scrP1
}

@keyframes scrP1 {

	0% {

		opacity: 1;
		-webkit-clip-path: inset(1.5rem 10vw 0 round 1.64583vw 1.64583vw 0 0);
		clip-path: inset(1.5rem 10vw 0 round 1.64583vw 1.64583vw 0 0)
	}

	to {
		opacity: 1;
		-webkit-clip-path: inset(0 round 1.64583vw 1.64583vw 0 0);
		clip-path: inset(0 round 1.64583vw 1.64583vw 0 0)
	}

}

@keyframes scrP2 {

	0% {

		opacity: 1;
		-webkit-clip-path: inset(2rem 10vw 0 round 0 0 0 0);
		clip-path: inset(2rem 10vw 0 0 0 0)
	}

	to {
		opacity: 1;
		-webkit-clip-path: inset(0 round 0 0 0 0);
		clip-path: inset(0 round 0 0 0 0)
	}

}

.ani_in {
	will-change: transform, opacity;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: paused;
	animation-delay: calc(var(--progress)* -1s);
	animation-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.xkmsga {
	display: none;
}

/* .sl26tree{padding-bottom: 100px;} */

.bgf8 {
	background: #f8f8f8;
}

.sl26treeswiper {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
}

.sl26treeswiper-t45p {
	margin-top: 45px;
}

.sl26treetab {
	position: absolute;
	width: 100%;
	z-index: 3;
	left: 0;
	top: 0;
	display: flex;
	justify-content: space-between;
}

.sl26treetab {
	top: 50%;
	transform: translateY(-50%);
	padding: 0 10%;
	height: 100%;
}

.sl26treetab0 {
	padding: 0;
}

.sl26treep1,
.sl26treep2 {
	color: #fff;
}

.sl26treep1 {
	font-size: 30px;
	font-weight: var(--b400);
	line-height: 1.4;
	margin-top: 10px;
}

.sl26treep2 {
	margin-top: 0;
}

.sl26treetabm {
	text-align: center;
	display: flex;
	align-items: center;
}

.sl26treetabm2 {
	width: 49%;
}

.sl26treetabmn {
	width: 100%;
}

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

.sl26treeline {
	height: 100%;
	width: 1px;
	background: #fff;
	opacity: 0.4;
}

.sl26treeslide {
	opacity: 0 !important;
	transition: all 0.3s ease;
}

.sl26treeslide img {
	width: 100%;
}

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

.sl26treep0,
.sl26treep3 {
	transition: all 0.3s ease;
	top: 0;
	position: relative;
}

.sl26treep0 {
	top: 25px;
}

.sl26treep3 {
	opacity: 0;
	top: 30px;
}

.js_3_tab:hover .sl26treep0 {
	top: -25px;
}

.js_3_tab:hover .sl26treep3 {
	opacity: 1;
	top: 10px;
}



/* 首页3 */

/* 首页 金属价格 */

.tj26 {
	position: relative;
	overflow: hidden;
	padding-bottom: 260px;
}

.tj26m {
	position: relative;
	z-index: 3;
}

.tj26d {
	color: #fff;
	margin-top: 45px;
	font-size: 14px;
	text-align: right;
	opacity: 0.8;
}

.tj26bg {
	position: absolute;
	width: 105%;
	height: 105%;
	left: -2.5%;
	top: -2.5%;
}

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

.tj26bma h5,
.tj26bmc h5 {
	font-size: 20px;
	color: #222;
	font-weight: var(--b400);
}

.tj26bma ul {
	color: #444;
	padding-top: 10px;
}

.tj26bma ul li {
	margin-top: 5px;
}

.tj26a {
	width: 280px;
}

.tj26b {
	width: calc(100% - 280px);
}

.tj26bma {
	width: 50%;
}

.tj26bm {
	padding: 50px;
	border-radius: 20px;
	overflow: hidden;
	padding-right: 30px;
}

.tj26bmc {
	width: 130px;
}

.tj26bmc span {
	width: 34px;
	height: 34px;
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
	line-height: 34px;
}

.tj26bmc span {
	border-radius: 5px;
	transition: all 0.3s ease;
	margin-right: 8px;
	margin-top: 8px;
}

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

.tj26bmc ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.tj26bmd {
	width: calc(92% - 130px);
}

.tj26bmd img {
	width: 100%;
}

.tj26bmcp2 {
	margin-top: 30px;
}

.tj26bm2 {
	margin-top: 25px;
}

.tj26bm {
	background: rgba(0, 108, 184, 0.9);
}

.tj26bma h5,
.tj26bmc h5 {
	color: #fff;
}

.tj26bma ul {
	color: rgba(255, 255, 255, 0.9);
}

.tj26bmc span.on {
	background: var(--reds);
}

/* 首页 金属价格 */

/* 首页 新闻 */

.bo-d-n {
	display: flex;
	width: 100%;
	margin-top: 45px;
}

.bo-d-link {
	width: 25.5%;
	margin-right: 2%;
}

.bo-d-link1 {
	width: 45%;
}

.bo-d-link:last-child {
	margin: 0;
}

.bo-d-p1 {
	color: #666;
	font-size: 14px;
	padding-bottom: 10px;
}

.bo-d-p2 {
	font-size: 20px;
	font-weight: var(--b400);
}

.bo-d-p2-1 {
	font-size: 24px;
	line-height: 1.4;
}

.bo-d-wz {
	padding: 25px 0;
}

.bo-dimg {
	overflow: hidden;
}

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

.bo-d-link,
.bo-dimg img {
	transition: all 0.3s ease;
}

.bo-dimg img {
	transition: all 1s ease;
}

.bo-d-link:hover img {
	transform: scale(1.1);
}

.bo-d-p2 span {
	display: inline;
	position: relative;
	line-height: 1.6;
}

.bo-d-p2 span {
	background: linear-gradient(to right, #f8f8f8, #f8f8f8), linear-gradient(to right, var(--color), var(--color), var(--color));
	background-size: 100% 2px, 0 2px;
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	transition: background-size 400ms;
	padding-bottom: 4px;
}

.bo-d-p2 span {
	padding-bottom: 2px;
}

.bo-d-link:hover .bo-d-p2 span {
	background-size: 0 2px, 100% 2px;
}

.bo-d-p4,
.bo-d-p3 {
	margin-top: 20px;
}

.bo-d-p2-ccc span {
	background: linear-gradient(to right, #f8f8f8, #f8f8f8), linear-gradient(to right, var(--color), var(--color), var(--color));
	background-size: 100% 2px, 0 2px;
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
}

.bo-d-link2 {
	background: none
}

.bo-d-n {
	align-items: flex-start;
}

.bo-dimg1,
.bo-d-link2 {
	height: 420px;
	overflow: hidden;
}

.bo-dimg2 {
	height: 250px;
	overflow: hidden;
}

.bo-dimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

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

.bo-d-p4.needmorep3 {
	padding-left: 25px;
	margin: 0;
	bottom: 15px;
}

.ctabtn {
	display: flex;
}

.ctabtn i {
	margin-left: 5px;
	position: relative;
	top: 1px;
}

.sh6new,
.wskhbg {
	background: #fff;
}

.bo-d {
	background: #f8f8f8;
}

.bo-i:before,
.bo-d:before {
	display: none;
}

/* 首页 新闻 */



.ssex {
	background: none;
	line-height: 32px;
	opacity: 1;
	color: #222;
	font-size: 18px;
}

.qqzpp {
	display: none;
}

/* 反白导航 */

/* 1 */

.fbdh .bo-heada,
.fbdh .bo-headb {
	background: none;
	transition: all 0.3s ease;
}

.fbdh .site-baner {
	height: 100vh;
	margin: 0;
}

.fbdh .bo-heada,
.fbdh .bo-headb {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.fbdh .bo-heada a {
	color: #fff;
}

.fbdh .bo-heada-c {
	color: #fff;
}

.fbdh .yya {
	color: #fff;
}

.fbdh .yya i {
	color: #fff;
}

.fbdh .logo2 {
	opacity: 1;
}

.fbdh .logo1 {
	opacity: 0;
}

.fbdh .bo-head-navli>a {
	color: #fff;
}

.fbdh .qqzppspan,
.fbdh .qqzppi {
	color: #fff;
}

.fbdh .qqzppspan:after {
	opacity: 1;
}

.fbdh .qqzppspan:before {
	opacity: 0;
}

.fbdh .ssex {
	color: #fff;
}

.fbdh .qqline {
	background-color: #fff;
	opacity: 0.6;
}

.fbdh .site-baner-zw {
	top: 25%;
}

.fbdh .tbxknavsub {
	top: 331px;
}

/* 1 */

/* 1 */

.fbdh .bo-head:hover .bo-heada,
.fbdh .bo-head:hover .bo-headb {
	background: #fff;
}

.fbdh .bo-head:hover .bo-heada a {
	color: #222;
}

.fbdh .bo-head:hover .bo-heada-c {
	color: #222;
}

.fbdh .bo-head:hover .yya i {
	color: #222;
}

.fbdh .bo-head:hover .logo2 {
	opacity: 0;
}

.fbdh .bo-head:hover .logo1 {
	opacity: 1;
}

.fbdh .bo-head:hover .bo-head-navli>a {
	color: #222;
}

.fbdh .bo-head:hover .qqzppspan,
.fbdh .bo-head:hover .qqzppi {
	color: #222;
}

.fbdh .bo-head:hover .qqzppspan:after {
	opacity: 0;
}

.fbdh .bo-head:hover .qqzppspan:before {
	opacity: 0.6;
}

.fbdh .bo-head:hover .ssex {
	color: #222;
}

.fbdh .bo-head:hover .qqline {
	background-color: #222;
	opacity: 0.3;
}

.fbdh .bo-head:hover .site-baner-zw {
	top: 25%;
}

.fbdh .bo-head:hover .bo-headb {
	background: #fff;
}

.fbdh .bo-head:hover .bo-heada {
	border-color: #fff;
}

.fbdh .bo-head:hover .flags-united-states:before {
	opacity: 1;
}

.fbdh .bo-head:hover .flags-united-states:after {
	opacity: 0;
}



.fbdh .bo-head.opennav .bo-heada,
.fbdh .bo-head:hover .bo-headb {
	background: #fff;
}

.fbdh .bo-head.opennav .bo-heada a {
	color: #222;
}

.fbdh .bo-head.opennav .bo-heada-c {
	color: #222;
}

.fbdh .bo-head.opennav .yya i {
	color: #222;
}

.fbdh .bo-head.opennav .logo2 {
	opacity: 0;
}

.fbdh .bo-head.opennav .logo1 {
	opacity: 1;
}

.fbdh .bo-head.opennav .bo-head-navli>a {
	color: #222;
}

.fbdh .bo-head.opennav .qqzppspan,
.fbdh .bo-head:hover .qqzppi {
	color: #222;
}

.fbdh .bo-head.opennav .qqzppspan:after {
	opacity: 0;
}

.fbdh .bo-head.opennav .qqzppspan:before {
	opacity: 0.6;
}

.fbdh .bo-head.opennav .ssex {
	color: #222;
}

.fbdh .bo-head.opennav .qqline {
	background-color: #222;
	opacity: 0.3;
}

.fbdh .bo-head.opennav .site-baner-zw {
	top: 25%;
}

.fbdh .bo-head.opennav .bo-headb {
	background: #fff;
}

.fbdh .bo-head.opennav .bo-heada {
	border-color: #f5f5f5;
}

.fbdh .bo-head.opennav .flags-united-states:before {
	opacity: 1;
}

.fbdh .bo-head.opennav .flags-united-states:after {
	opacity: 0;
}



.fbdh .bo-head.opennav .yya {
	color: #333;
}





/* 1 */





.fbdh .bo-head.scroll .qqzppspan,
.fbdh .bo-head.scroll .qqzppi {
	color: #222;
}

.fbdh .bo-head.scroll .qqzppspan:after {
	opacity: 0;
}

.fbdh .bo-head.scroll .qqzppspan:before {
	opacity: 0.6;
}

.fbdh .bo-head.scroll .ssex {
	color: #222;
}

.fbdh .bo-head.scroll .qqline {
	background-color: #222;
	opacity: 0.3;
}

/* 反白导航 */



/* 反白导航  简化*/



.bo-heada {
	display: none;
}

.fbdh .bo-heada {
	display: none;
}

.fbdh .bo-headb {
	border: none;
}

.bofb_yy,
.hide_line {
	display: none;
}

.bofb_yy {
	display: block;
}

.bofb_yy {
	font-size: 14px;
	color: #333;
}

.fbdh .bo-head-navli>a,
.fbdh .bo-head-navli {
	padding-right: 0;
	transition: all 0.3s ease;
}

.fbdh .bo-head-navli>a i {
	display: none;
}

.fbdh .bo-head-navli {
	margin: 0 2%;
}

.fbdh .bo-headb-left2 {
	width: 360px;
	justify-content: space-between;
}

.fbdh .bo-headb-left {
	width: calc(100% - 360px);
}

.fbdh .bofb_yy {
	display: block;
}

.fbdh .hide_line {
	display: block;
}

.fbdh .ssex span {
	display: block;
}

.fbdh .bo-head-nav,
.bo-head-nav {
	width: calc(100% - 182px);
	justify-content: center;
}



.fbdh .yya,
.fbdh .qqzpp,
.fbdh .bo-head-navli>a,
.fbdh .bo-head-navli,
.fbdh .ssex {
	height: 74px;
	line-height: 74px;
}

.fbdh .yya {
	padding-right: 0;
	display: block;
}

.fbdh .bo-head:hover .yya,
.fbdh .bo-head.scroll .yya,
.fbdh .bo-head.scroll .yya i {
	color: #222;
}

.fbdh .tbxknavsub {
	top: var(--nav-height);
}

.fbdh .tbxknavsub {
	top: 74px;
}

.fbdh .bo-head.scroll .tbxknavsub {
	top: var(--nav-height);
}

.fbdh .bo-head.scroll {
	top: 0;
}

.fbdh .bo-head.scroll .qqzpp,
.fbdh .bo-head.scroll .bo-head-navli>a,
.fbdh .bo-head.scroll .bo-head-navli,
.fbdh .bo-head.scroll .yya,
.fbdh .bo-head.scroll .ssex {
	height: 74px;
	line-height: 74px;
}

.yya_jssub {
	background: #fff;
}

.yya_jssub .boyybbm {
	padding: 0 70px;
	padding-top: 50px;
}

.yya_jssub .boyybbmclose {
	display: none;
}

.tbxknavsub img {
	margin-top: -1px;
}

.tbxknavsub {
	overflow: hidden;
}





.nav__toggle-button {
	display: none;
	top: -1px;
}

.nav__toggle-button span {
	background-color: #fff;
}

.fbdh .nav__toggle-button {
	display: none;
}

.fbdh .qqzpp,
.fbdh .ssex {
	display: none;
}

.fbdh .ssex span {
	display: none;
}

.fbdh .ssex {
	display: block;
}

.fbdh .qqline:nth-child(5) {
	display: none;
}

.fbdh .bo-head.scroll .nav__toggle-button span,
.fbdh .bo-head:hover .nav__toggle-button span {
	background-color: #333;
}

.fbdh .bo-headb-left2 {
	width: 180px;
}

.fbdh .bo-headb-left {
	width: calc(100% - 180px);
}

.fbdh .flags-united-states:before {
	opacity: 0;
}

.fbdh .flags-united-states:after {
	opacity: 1;
}

.fbdh .bo-head.scroll .flags-united-states:before {
	opacity: 1;
}

.fbdh .bo-head.scroll .flags-united-states:after {
	opacity: 0;
}



/* 反白导航  简化*/



/* .yya i{transform: rotateZ(180deg);display: block;position: relative;}

				.yya,.fbdh .yya{display: flex;} */

body.bhide .bo-head,
body.bhide .bo-head.scroll {
	top: -74px
}



@keyframes fadeInSway {
	0% {
		opacity: 0;
		transform: translateY(100%)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInSway span {
	visibility: hidden;
	animation-delay: 0.2s;
	animation-duration: 1.2s;
	animation-fill-mode: both;
	display: block;
}

.fadeInSway.is-inview span {
	animation-name: fadeInSway;
	visibility: inherit;
}

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

	.bo-head-navli {
		margin-left: 20px;
	}

}

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

	.bo-head-navli {
		margin-left: 15px;
	}

}



.hl2carra {
	margin-top: 55px !important;
}

.hl2carraimg {
	width: 114%;
	height: 114%;
	left: -7%;
	top: -7%;
	object-fit: cover;
	position: absolute;
}

.hl2carrawrapper,
.hl2carraslide {
	height: auto;
}

.hl2carraslide {
	overflow: hidden;
	border-radius: var(--border5);
	height: 600px;
	position: relative;
}

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

.hl2carraslide {
	width: 31%;
	position: relative;
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.08);
}

.hl2carraslide:nth-child(2) {
	margin-top: 65px;
}

.hl2carrawz,
.hl2carrawz2 {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 3;
	height: 100%;
}

.hl2carrawz2 {
	z-index: 4;
	background: var(--color);
	opacity: 0;
	transition: all 0.3s ease;
	padding: 45px;
	color: #fff;
}

.hl2carrawz2 {
	top: 45px;
}

.hl2carrawzm {
	width: 100%;
	padding: 35px 0;
}

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

.hl2carrabg {
	background: linear-gradient(360deg, rgba(0, 108, 184, 1) 0%, rgba(0, 108, 184, 0.5) 28%, rgba(255, 255, 255, 0) 100%);
}

.hl2carrabg {
	opacity: 0;
}

.hl2carrabg,
.hl2carraimg,
.hl2carrah5,
.hl2carrap1,
.hl2carrawz {
	transition: all 0.3s ease;
}

.hl2carrawz {
	color: #fff;
	text-align: center;
	display: flex;
	align-items: flex-end;
}

.hl2carrah5,
.hl2carrap1 {
	position: relative;
	top: 0;
}

.hl2carrap1 {
	margin-top: 0;
	opacity: 0;
	top: 20px;
	transition-delay: 0.2s;
}

.hl2carrah5 {
	font-size: 24px;
	line-height: 1.4;
	height: 85px;
	top: 20px;
}

.hl2carrawz {
	top: 0;
}

.hl2carraico {
	width: 60px;
	height: 60px;
	position: relative;
	margin-bottom: 35px;
}

.hl2carraico img {
	position: absolute;
	inset: 0;
	margin: auto;
	margin-left: 0;
	max-width: 80%;
	max-height: 80%;
}

.hl2carraslide {
	transition: box-shadow 0.3s ease;
}

.hl2carraslide:hover {
	box-shadow: 0 25px 35px rgba(0, 0, 0, 0.1);
}

.hl2carraslide:hover .hl2carrabg,
.hl2carraslide:hover .hl2carrap1 {
	opacity: 1;
}

.hl2carraslide:hover .hl2carraimg {
	transform: scale(1.1);
}

.hl2carraslide:hover .hl2carrabg {
	opacity: 1;
}

.hl2carraslide:hover .hl2carrawz {
	top: 0;
}

.hl2carraslide:hover .hl2carrah5 {
	top: 0;
}

.hl2carraslide:hover .hl2carrap1 {
	top: 0;
}

.hl2carraslide:hover .hl2carrawz2 {
	opacity: 1;
	top: 0;
}



.hl3carr {
	background: #f8f8f8;
}

.hl3carr {
	padding-bottom: 0;
}

.hl3carrm {
	padding-top: 100px;
	position: relative;
	padding-left: 70px;
	padding-right: 70px;
	padding-top: 0;
}

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

.hl3carrzw {
	width: 100%;
	position: relative;
	z-index: 2;
}

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

.hl3carrzw {
	overflow: hidden;
	border-radius: var(--borders);
}

.hl3carrbg {
	object-fit: cover;
	max-height: 80vh;
}

.hl3carrzwm {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	color: #fff;
	z-index: 3;
}

@keyframes scrP3 {

	0% {

		top: 65px;
		opacity: 1;
		-webkit-clip-path: inset(2rem 20vw 0 round 25px 25px 25px 25px);
		clip-path: inset(2rem 20vw 25px 25px 25px 25px)
	}

	to {
		top: 0;
		opacity: 1;
		-webkit-clip-path: inset(0 round 25px 25px 25px 25px);
		clip-path: inset(0 round 25px 25px 25px 25px)
	}

}

.hl3carrzw {
	will-change: opacity, clip-path;
	animation-name: scrP3;
	margin-top: 45px;
}

.hl3carrzwm {
	padding: 0 10%;
	top: 50%;
	transform: translateY(-50%);
}

.hl3carrp2 {
	font-size: 32px;
	line-height: 1.4;
}

.hl3carrp3 {
	margin-top: 70px;
	display: flex;
}

.hl3carrplay-ml30p {
	margin-left: 30px;
}

.hl3carrplay {
	transition: all 0.3s ease;
}

.hl3carrplay {
	color: #fff;
	border: 1px solid #fff;
	justify-content: center;
}

.hl3carrplay i {
	font-size: 6px;
	width: 18px;
	border: 1px solid #fff;
	border-radius: 50%;
	margin-right: 15px;
}

.hl3carrplay i {
	height: 18px;
	line-height: 17px;
	text-align: center;
	display: block;
	transition: all 0.3s ease;
}

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

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



.hl4carr {
	background: #f8f8f8;
}

.hl4carrp1 {
	font-size: 24px;
	line-height: 1.4;
	margin-top: 30px;
}

.hl4carrp2 {
	color: #555;
	margin-top: 15px;
}

.hl4carricon {
	width: 100px;
	height: 100px;
	background: #fff;
	position: relative;
	border-radius: 50%;
}

.hl4carricon {
	margin-top: -100px;
}

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

.hl4carrawrapper,
.hl4carraslide {
	height: auto;
}

.hl4carrawrapper {
	justify-content: space-between;
}

.hl4carraslide {
	width: 30%;
	background: #fff;
	border-radius: var(--border5);
	padding: 50px 45px;
	text-align: justify;
}

.hl4carra {
	margin-top: 100px;
}

.hl4carraslide,
.hl4carrp1,
.hl4carrp2 {
	transition: all 0.3s ease;
}

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

.hl4carraslide:hover .hl4carrp1,
.hl4carraslide:hover .hl4carrp2 {
	color: #fff;
}



.hl5carr {
	position: relative;
	overflow: hidden;
	height: 88vh;
	max-height: 1000px;
	min-height: 550px;
}

.hl5carrbg {
	position: absolute;
	width: 105%;
	height: 105%;
	left: -2.5%;
	top: -2.5%;
}

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

.hl5carrwz {
	position: absolute;
	width: 100%;
	z-index: 2;
	text-align: center;
	left: 0;
	bottom: 0;
}

.hl5carrp2 {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}

.hl5carrp2 a {
	margin: 0 15px;
}

.hl5carrwz {
	padding-bottom: 220px;
}



.hl3pros {
	background: #fff;
}

.hl3prosm {
	align-items: flex-start;
}

/* .hl3prosm{width: 90%;} */

.hl3prosp1 {
	font-size: 36px;
	color: var(--color);
	line-height: 1.4;
}

.hl3prosa {
	width: 210px;
}

.hl3prosam {}

.hl3prosb {
	width: calc(95% - 210px);
	padding-left: 5%;
}

.hl3prosbss input {
	background: none;
	border: none;
	outline: none;
	width: 100%;
	height: 45px;
	line-height: 44px;
	border-bottom: 1px solid #ddd;
}

.hl3prosbss input {
	padding-left: 40px;
}

.hl3prosbss input {
	border-color: var(--color);
}

.hl3prosbss i {
	position: absolute;
	left: 10px;
	height: 44px;
	line-height: 44px;
	display: block;
	font-size: 18px;
	color: #999;
	z-index: 3;
}

.hl3prosbss input::-webkit-input-placeholder {
	color: #999;
	font-size: 14px;
}

.hl3prosbss input::-moz-placeholder {
	color: #999;
	font-size: 14px;
}

.hl3prosbss input {
	transition: all 0.3s ease;
}

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

.hl3prosbss {
	position: relative;
}

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

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

.hl3prosah6 {
	font-size: 20px;
	line-height: 45px;
	position: relative;
	padding-left: 32px;
	cursor: pointer;
}

.hl3prosicon {
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
}

.hl3prosicon img {
	position: absolute;
	inset: 0;
	margin: 0 auto;
	margin-left: 0;
	max-width: 75%;
	max-height: 65%;
}

.hl3prosicon2 {
	opacity: 0;
}

.hl3prosicon img,
.hl3prosah6 span,
.hl3prosjt {
	transition: all 0.3s ease;
}

.hl3prosjt {
	display: block;
	line-height: 45px;
	right: 0;
	top: 0;
	font-size: 16px;
	position: absolute;
}

.hl3prosasub {
	padding: 15px 0;
	padding-left: 32px;
}

.hl3prosasub a {
	color: #666;
	transition: all 0.3s ease;
}

.hl3prosasub a:hover,
.hl3prosasub a.cur,
.hl3prosah6.cur {
	color: var(--color);
}

.hl3prosasub li {
	padding-top: 6px;
}

.hl3prosasub li:first-child {
	padding-top: 0;
}

.hl3prosah6.cur .hl3prosjt {
	transform: rotateZ(180deg);
}

.hl3prosah6.cur .hl3prosicon2 {
	opacity: 1;
}

.hl3prosah6.cur .hl3prosicon1 {
	opacity: 0;
}

.hl3prosasub {
	display: none;
}

.hl3prosb {
	background: url(../img/hl3prosbbbg.jpg) left top repeat-y;
}

.hl3prosb {
	min-height: 100vh;
}

.hl3prosa,
.hl3prosb {
	padding-top: 80px;
}

.hl3prosa {
	position: sticky;
	top: 20px;
	padding-bottom: 80px;
}



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

.hl3prosbb {
	margin-top: 0;
	padding-bottom: 80px;
}



.hl4pros {
	background: #f7f8f8;
}

.hl3prosbp1 {
	color: #222;
	font-size: 20px;
}

.hl3prosbp2 {
	color: #666;
	font-size: 14px;
	margin-top: 15px;
	padding-right: 80px;
}

.hl3prosbp2 {
	height: 44px;
	line-height: 22px;
}

.hl3prosbp1,
.hl3prosbp2,
.hl3prosblink,
.hl3prosbimg,
.hl3prosbimg img,
.hl3prosbimg i {
	transition: all 0.3s ease;
}

.hl3prosbimg {
	overflow: hidden;
	position: relative;
	background-color: #f8f8f8;
}

.hl3prosbimgi {
	position: absolute;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 1px solid #999;
	text-align: center;
	line-height: 33px;
}

.hl3prosbimgi {
	z-index: 3;
	right: 30px;
	bottom: 30px;
	color: #999;
}

.hl3prosbimgi-bg-fff {
	background: #fff;
	color: var(--color);
	border-color: #fff;
}

.hl3prosbimg img {
	width: 100%;
}

.hl3prosbimgi1 {
	display: none;
}

.hl3prosbimgi2 {
	display: block;
	position: relative;
	right: 0;
	bottom: 0;
}

.hl3prosbb {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}



.hl3prosblink {
	width: 49%;
	margin-top: 40px;
	margin-right: 2%;
}

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

.hl3prosbwz {
	padding: 35px 45px;
	position: relative;
	transition: all 0.4s;
	padding-bottom: 60px;
}

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

.hl3prosbp1,
.hl3prosbp2 {
	top: 0;
}

.hl3prosbp1,
.hl3prosbp2,
.hl3prosbp3 {
	position: relative;
	z-index: 2;
	transition: all 0.4s;
}

.hl3prosbp3 {
	right: 45px;
	opacity: 0;
	bottom: 25px;
	transition: all 0.4s;
	position: absolute;
}

.hl3prosbwz:before {
	position: absolute;
	content: '';
	width: 100%;
	background: var(--color);
	height: 100%;
	bottom: 0;
	left: 0;
	transition: all 0.4s;
}

.hl3prosbwz:before {
	opacity: 0;
}

/* .hl3prosblink:hover{background: var(--color);} */

.hl3prosblink:hover .hl3prosbp1 {
	color: #fff;
	border-color: #fff;
}

.hl3prosblink:hover .hl3prosbp2 {
	color: #fff;
}

.hl3prosblink:hover .hl3prosbimg {
	border-color: var(--color);
	border-top-right-radius: var(--border5);
	border-top-left-radius: var(--border5);
}

.hl3prosblink:hover {
	border-radius: var(--border5);
}

.hl3prosblink:hover img {
	transform: scale(1.13);
}

.hl3prosblink:hover .hl3prosbimg i {
	background: var(--color);
	border-color: var(--color);
	color: #fff;
}

.hl3prosblink:hover .hl3prosbwz:before {
	opacity: 1;
	height: calc(100% + 60px);
	height: 100%;
}

.hl3prosblink:hover .hl3prosbp3 {
	opacity: 1;
}

.hl3prosblink {
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.06);
}

.hl3prosblink:hover {
	box-shadow: 0 25px 35px rgba(0, 0, 0, 0.08);
}

/* .hl3prosblink:hover .hl3prosbp1,.hl3prosblink:hover .hl3prosbp2{top: -60px;} */



.hl4prosx {
	margin-top: 55px;
}

.hl4prosxm {
	width: 32%;
	background: #fff;
	border-radius: var(--bord5);
	padding: 45px;
}

.hl4prosp1 {
	font-size: 24px;
	line-height: 1.4;
	color: #222;
	margin-top: 20px;
}

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

.hl4prosicon {
	width: 70px;
	height: 70px;
	text-align: left;
	line-height: 70px;
	position: relative;
}

.hl4prosicon img {
	position: absolute;
	inset: 0;
	margin: auto;
	margin-left: 0;
	max-width: 58%;
	max-height: 58%;
	transition: all 0.4s;
}

.hl4prosicon1 {
	opacity: 1;
}

.hl4prosicon2 {
	opacity: 0;
}

.hl4prosicon i {
	color: #000;
}

.hl4prosp3 {
	display: flex;
	justify-content: flex-end;
	margin-top: 10px;
}

.hl4prosicon i,
.hl4prosp1,
.hl4prosp2,
.hl4prosxm,
.hl4prosjt {
	transition: all 0.3s ease;
}

.hl4prosjt {
	position: relative;
	bottom: 0;
	right: 0;
}

/* .hl4prosicon1 i{font-size: 35px;}

				.hl4prosicon2 i{font-size: 45px;}

				.hl4prosicon3 i{font-size: 32px;} */

.hl4prosxm:hover {
	background: var(--color);
	transform: scale(1.03);
}

.hl4prosxm:hover .hl4prosp1 {
	color: #fff;
}

.hl4prosxm:hover .hl4prosp2 {
	color: #fff;
}

.hl4prosxm:hover .hl4prosicon i {
	color: #fff;
}

.hl4prosxm:hover .hl4prosicon1 {
	opacity: 0;
}

.hl4prosxm:hover .hl4prosicon2 {
	opacity: 1;
}

.hl4prosxm:hover .hl4prosjt {
	color: var(--color);
	opacity: 1;
	background: #fff;
	border-color: #fff;
}



.hl6carrjt {
	position: absolute;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 1px solid #999;
	text-align: center;
	line-height: 33px;
}

.hl6carrjt {
	z-index: 3;
	right: 0;
	color: #999;
	bottom: 35px;
}

.hl6carrul {
	width: 100%;
	flex-wrap: wrap;
}

.hl6carrlink {
	position: relative;
}

.hl6carrlink {
	padding-top: 55px;
	padding-bottom: 20px;
	position: relative;
	padding-right: 55px;
}

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

.hl6carrlink:before {
	position: absolute;
	width: 0;
	height: 1px;
	background: var(--color);
	content: '';
	transition: all 0.3s ease;
}

.hl6carrlink:before {
	left: 0;
	bottom: 0;
}

.hl6carrlink:nth-child(-n+2) {
	padding-top: 0;
}

.hl6carrp1 {
	font-size: 22px;
	color: #222;
	line-height: 1.4;
}

.hl6carrp2 {
	color: #333;
	margin-top: 5px;
}

.hl6carrlink {
	width: 46%;
	margin-right: 8%;
}

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

.hl6carrul {
	padding-bottom: 30px;
}

.hl6carrp1,
.hl6carrjt {
	transition: all 0.3s ease;
}

.hl6carrlink:hover:before {
	width: 100%;
}

.hl6carrlink:hover .hl6carrp1 {
	color: var(--color);
}

.hl6carrlink:hover .hl6carrjt {
	color: #fff;
	background: var(--color);
	border-color: var(--color);
}





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

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

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

.hl2proasubh3 {
	line-height: 1.4;
	font-size: 16px;
}

.hl2proasubli a {
	line-height: 20px;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	cursor: pointer;
}

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

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

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

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

.hl2proasubli i {
	position: relative;
	display: none;
}

.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 a:hover i,
.hl2proasubli a:hover span {
	color: var(--color);
}

.hl2proasub {
	display: none;
}





/* 下拉 */

.xl11a {
	min-height: 300px;
}

.xl11 {
	display: flex;
	justify-content: space-between;
	background: #fff;
}

.xl11a {
	width: 27%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}

.xl11-280 {
	width: 280px;
}

.xl11ap1 {
	color: #333;
	line-height: 1;
}

.xl11btabm .xl11ap1 {
	margin-top: 10px;
	line-height: 1;
}

.xl11ap2 {
	font-size: 24px;
	color: #222;
	line-height: 1.4;
	margin-top: 10px;
}

.xl11ap3 {
	margin-top: 40px;
}

.xl11aa {
	padding-top: 55px;
}

.xl11bsub {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.xl11bsub a {
	display: block;
	position: relative;
	color: #666;
	line-height: 1.4;
}

.xl11bsub a i {
	display: block;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 3px;
}

.xl11bsub ul {
	width: 28%;
}

.xl11bsub ul {
	margin-right: 8%;
	margin-top: 30px;
}

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

.xl11bsub1 {
	padding-top: 5px;
}

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



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

.xl11ca ul {
	width: 100%;
}

.xl11ca ul:last-child a {
	border: none;
}

.xl11ca a {
	display: block;
	border-bottom: 1px solid #ddd;
	color: #666;
	position: relative;
	display: block;
	transition: all 0.4s;
}

.xl11ca a {
	padding: 10px 0;
	line-height: 30px;
	padding-left: 30px;
	font-size: 14px;
}

.xl11ca i {
	font-size: 14px;
	position: absolute;
	display: block;
	line-height: 20px;
	right: 0;
	top: 50%;
	margin-top: -8px;
}

.xlicon {
	position: absolute;
	width: 30px;
	left: 0;
	top: 10px;
}

.xlicon {
	height: 30px;
}

.xl11ca img {
	position: absolute;
	inset: 0;
	margin: auto;
	margin-left: 0;
}

.xl11ca img {
	max-width: 65%;
	max-height: 65%;
	transition: all 0.4s;
}

.xl11ca3 {
	padding: 0 15px;
	padding-bottom: 55px;
}

.xl11ca4 {
	padding-top: 25px;
}

.xlicon2 {
	opacity: 0;
}

.xlicon1 {
	opacity: 0.7;
}

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

/* .xl11ca a:hover .xlicon2{opacity: 1;}

				.xl11ca a:hover .xlicon1{opacity: 0;} */



.xl11b {
	width: calc(46% - 65px);
	padding: 0 65px;
	padding-top: 55px;
}

.xl11b {
	border: 1px solid #ddd;
	border-top: none;
	border-bottom: none;
}

.xl11c {
	width: calc(27% + 65px);
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding-top: 55px;
}

.xl11cm {
	padding-left: 65px;
}

.xl11cimg {
	overflow: hidden;
	position: relative;
	border-radius: var(--border5);
	margin-bottom: 15px;
}

.xl11cimg img {
	width: 100%;
}

.xl11cbtn {
	position: absolute;
	width: 44px;
	height: 44px;
	left: 50%;
	top: 50%;
	margin-left: -22px;
	margin-top: -22px;
}

.xl11cbtn {
	color: #fff;
	text-align: center;
	line-height: 44px;
	z-index: 3;
	border-radius: 50%;
}

.xl11cbtn {
	background-color: hsla(0, 0%, 100%, .1);
	backdrop-filter: blur(2.08rem);
	-webkit-backdrop-filter: blur(2.08rem);
}



.xl11a2 {
	background: #f6f7f9;
	overflow: hidden;
	padding-bottom: 50px;
}

.xl11ab {
	padding-top: 55px;
}

.xl11abm {
	height: 50px;
	line-height: 50px;
	display: flex;
	position: relative;
}

.xl11abm a {
	width: 100%;
	position: relative;
	z-index: 3;
	color: #222;
	transition: all 0.4s;
}

.xl11abm i {
	position: absolute;
	right: 50px;
	display: block;
	line-height: 20px;
	font-size: 18px;
	top: 50%;
	margin-top: -10px;
	transition: all 0.3s ease;
}

.xl11abm:before {
	position: absolute;
	height: 100%;
	width: 0;
	left: -100%;
	top: 0;
	transition: all 0.4s;
	background: #fff;
	content: '';
}

.xl11abm.cur:before,
.xl11abm:hover:before {
	width: 300%;
}

.xl11abm.cur a,
.xl11abm:hover a {
	color: var(--color);
}

.xl11abm.cur a i,
.xl11abm:hover a i {
	transform: rotateZ(-45deg);
}

.xl11btabm {
	display: none;
}

.xl11btabm:nth-child(1) {
	display: block;
}









.prohead .bo-head.scroll {
	top: -100px;
}



.h13pa,
.h13pb {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 30px;
	z-index: 3;
}

.h13pa,
.h13pa a {
	color: #666;
}

.h13pa a:last-child {
	color: #222;
}

.h13pb {
	top: 35%;
}

.h13pbpdown {
	display: flex;
	align-items: center;
	width: 150px;
	height: 50px;
	line-height: 48px;
	transition: all 0.4s;
}

.h13pbpdown {
	justify-content: space-between;
	border: 1px solid #666;
	color: #666;
	font-size: 14px;
}

.h13pbpdown {
	padding: 0 15px;
}

.h13pbpmsg {
	margin-left: 20px;
}

.h13pbpmsg {
	height: 50px;
	width: 50px;
	border: 1px solid #888;
	line-height: 48px;
	text-align: center;
}

.h13pbpmsg,
.h13pbpmsg i {
	transition: all 0.4s;
	color: #666;
}

.h13pbpmsg i {
	font-size: 18px;
}

.h13pbpdown:hover,
.h13pbpmsg:hover {
	border-color: var(--color);
}

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

.h13pbpdown-fff {
	color: #fff;
	border-color: #fff;
}

.h13pbpdown-fff:hover {
	border-color: #fff;
	background: #fff;
	color: var(--color);
}

.h13pbpmsg-fff {
	color: #fff;
	border-color: #fff;
}

.h13pbpmsg-fff i {
	color: #fff;
}

.h13pbpmsg-fff:hover {
	border-color: #fff;
	background: #fff;
	color: var(--color);
}

.h13pbp1 {
	font-size: 40px;
	color: #222;
	line-height: 1.4;
}

.h13pbp3 {
	font-size: 40px;
	color: var(--color);
	line-height: 1.4;
	max-width: 460px;
	font-weight: var(--b400);
}

.h13pbp2 {
	margin-top: 30px;
}



.proInfo_nav {
	position: sticky;
	top: 0;
	z-index: 19;
	transition: all 0.4s;
	height: 60px;
	line-height: 60px;
}

.proInfo_navm {
	margin-top: -60px;
	display: flex;
	background: #fff;
	transition: all 0.4s;
}

.proInfo_navm {
	background-color: hsla(0, 0%, 100%, .1);
	backdrop-filter: blur(2.08rem);
	-webkit-backdrop-filter: blur(2.08rem);
}

.proInfo_navma {
	width: calc(100% - 330px);
	padding: 0 50px;
	display: flex;
}

.proInfo_navma a {
	position: relative;
	cursor: pointer;
	margin-right: 50px;
	color: #333;
}

.proInfo_navma a:before {
	position: absolute;
	content: '';
	width: 0;
	height: 2px;
	bottom: 0;
	opacity: 0;
}

.proInfo_navma a:before {
	transition: all 0.4s;
}

.proInfo_navmb {
	width: 330px;
	background: var(--color);
	display: flex;
	color: #fff;
}

.proInfo_navmb span {
	width: 50%;
	text-align: center;
	display: flex;
	justify-content: center;
}

.proInfo_navmb span:first-child {
	background: #093993;
}

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

.proInfo_nav.on .proInfo_navm {
	width: 100%;
	max-width: inherit;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.proInfo_nav.on .proInfo_navm a {
	color: #333;
}



.hl10soswiper {
	margin-top: 45px;
	width: 100%;
	overflow: hidden;
}

.hl10sop1 {
	max-width: 55%;
	color: #333;
	margin-top: 30px;
}

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

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

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

.hl10sosw {
	position: absolute;
	z-index: 3;
	width: 100%;
	left: 0;
	top: 0;
	padding: 8% 9%;
	height: 100%;
}

.hl10sosw:before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: var(--color);
	content: '';
	z-index: 1;
	opacity: 0;
}

.hl10sosw:before {
	transition: all 0.4s;
}

.hl10soswp1,
.hl10soswp2 {
	color: #fff;
	position: relative;
	z-index: 2;
}

.hl10soswp1 {
	position: relative;
	font-size: 32px;
	font-weight: 400;
	padding-top: 25px;
	line-height: 1.4;
}

.hl10soswp1:before,
.hl10soswp1:after {
	position: absolute;
	width: 60px;
	left: 0;
	top: 0;
	height: 8px;
	background: var(--color);
}

.hl10soswp1:before,
.hl10soswp1:after {
	content: '';
	transition: all 0.4s;
}

.hl10soswp1:after {
	background: #fff;
	width: 0;
	z-index: 3;
	opacity: 0;
	transition-delay: 0.2s;
}

.hl10sosw {
	top: 75%;
	transition: all 0.4s;
}

.hl10soswp2 {
	opacity: 0;
	top: 50px;
	transition: all 0.4s;
	margin-top: 30px;
}

.hl10soswp2 p {
	margin-top: 5px;
}

.hl10soswbtn {
	background: #fff;
	color: var(--color);
	width: 55px;
	height: 55px;
	background: #fff;
	position: absolute;
	z-index: 5;
}

.hl10soswbtn {
	text-align: center;
	line-height: 55px;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: all 0.4s;
}

.hl10soswbtn i {
	display: inline-block;
	position: relative;
	left: -5px;
	font-size: 18px;
	transition: all 0.3s;
}

.hl10soswp2 {
	transition-delay: 0.3s;
}

.hl10soslide:hover .hl10sosw:before {
	opacity: 0.8;
}

.hl10soslide:hover .hl10sosw {
	top: 0
}

.hl10soslide:hover .hl10soswp2 {
	top: 0;
	opacity: 1;
}

.hl10soslide:hover .hl10soswp1:after {
	opacity: 1;
	width: 60px;
}

.hl10soslide:hover .hl10soswbtn {
	opacity: 1;
}

.hl10soslide:hover .hl10soswbtn i {
	left: 0;
}



.hl10sopg {
	display: flex;
	justify-content: flex-end;
	margin-top: 45px;
}

.hl10sobtn1 i {
	transform: rotateZ(180deg);
}



.hl11so {
	width: 100%;
	overflow: hidden;
}

.hl11so {
	padding-top: 50px;
}

.hl3prosbss-big {
	width: 100%;
	margin-top: 35px;
}

.hl3prosbss-big i {
	color: var(--color);
}

.hl3prosbsssearcg-big {
	border-width: 2px !important;
}



.hl11soswiper {
	width: calc(100% - ((100% - 1400px) / 2));
	margin-left: calc((100% - 1400px) / 2);
	margin-top: 55px;
}

.hl11sobtn1 i {
	transform: rotateZ(180deg);
}

.hl3prosblink-slide {
	width: 100%;
	box-shadow: none;
	margin: 0;
	display: block;
	background-color: #fff;
}

.hl11soslide {
	width: 580px;
}

.hl11soslide {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
	transition: all 0.3s;
}

.hl11soslide:hover {
	box-shadow: 5px 20px 20px rgba(0, 0, 0, 0.08);
}

.hl11soslide:hover .hl3prosblink-slide {
	box-shadow: none;
}



.hl11soswiper2 {
	overflow: hidden;
	margin-top: 15px;
	padding: 35px 15px;
	box-sizing: content-box;
}

.hl3prosblink2-slide {
	width: auto;
	box-shadow: none !important;
	margin: 0;
}

.hl112sobtn1 i {
	transform: rotateZ(180deg);
}







.proInfo_s0 {
	padding-bottom: 60px;
}

.proInfo_s1,
.proInfo_s0 {
	background: #f6f6f6;
	position: relative;
}

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

.proInfo_s1_1 {
	height: 100vh;
	min-height: 650px;
	position: sticky;
	top: 0;
	z-index: 10;
}

.proInfo_s1_2 {
	height: 100vh;
}

.proInfo_s1_img {
	width: 50%;
	position: absolute;
	top: 5%;
	left: 25%;
	height: 90%;
}

.proInfo_s1_imgm {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

.proInfo_s1_wz {
	width: 40%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.proInfo_s1_wzm {
	max-width: 500px;
	background: var(--color);
	color: #fff;
	padding: 65px;
}

.proInfo_s1_wzm {
	background: url(../img/proInfo_s1bg.png) center no-repeat var(--color);
	background-size: cover;
}

.proInfo_s1_p1 {
	font-size: 24px;
	line-height: 1.4;
}

.proInfo_s1_p2 {
	margin-top: 20px;
	text-align: justify;
	min-height: 300px;
}

.proInfo_s1_p3 {
	display: flex;
}

.proInfo_s1_wz {
	opacity: 0;
	right: -10%;
}



.proInfo_s1_img {}

.proInfo_s1_img {
	animation-name: scrs1
}

.proInfo_s1_wz {
	animation-name: scrs2
}

@keyframes scrs1 {

	0% {

		transform: scale(1.7);

		left: 25%;

	}

	50% {

		transform: scale(1);

		left: 25%;

	}

	100% {

		transform: scale(0.9);

		left: 8%;

	}

}

@keyframes scrs2 {

	0% {}

	60% {

		opacity: 0;
		right: -10%;

	}

	100% {

		opacity: 1;
		right: 0;

	}

}



.proInfo_s3icon {
	width: 120px;
	height: 120px;
	position: relative;
}

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

.proInfo_s3a {
	display: flex;
	width: 100%;
	align-items: center;
	position: relative;
}

.proInfo_s3a {
	padding: 45px;
}

.proInfo_s3wz {
	width: calc(100% - 120px);
	padding-left: 30px;
}

.proInfo_s3slide {
	background: #f5f7f9;
	transition: all 0.4s;
}

.proInfo_s3swiper {
	margin-top: 45px;
}

.proInfo_s3slide:before,
.proInfo_s3slide:after,
.proInfo_s3a:before,
.proInfo_s3a:after {
	position: absolute;
	content: '';
	background: var(--color);
	transition: all 0.4s;
}

.proInfo_s3slide:before,
.proInfo_s3slide:after {
	width: 0;
	height: 1px;
}

.proInfo_s3slide:before {
	top: 0;
	left: 0;
}

.proInfo_s3slide:after {
	bottom: 0;
	right: 0;
}

.proInfo_s3a:before,
.proInfo_s3a:after {
	width: 1px;
	height: 0;
}

.proInfo_s3a:before {
	left: 0;
	bottom: 0;
}

.proInfo_s3a:after {
	right: 0;
	top: 0;
}

.proInfo_s3slide:hover:before,
.proInfo_s3slide:hover:after {
	width: 100%;
}

.proInfo_s3slide:hover .proInfo_s3a:before,
.proInfo_s3slide:hover .proInfo_s3a:after {
	height: 100%;
}

.proInfo_s3slide:hover {
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.08);
}

.proInfo_s3a:before,
.proInfo_s3a:after,
.proInfo_s3slide:after {
	display: none;
}

.proInfo_s3slide:before {
	width: 100%;
	height: 2px;
}





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

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

.proInfo_s4bg {
	background-attachment: fixed;
}

.proInfo_s4x {
	position: relative;
	z-index: 3;
}

.proInfo_s4m {
	margin-top: 45px;
}

.proInfo_s4mn {
	flex-wrap: wrap;
	padding: 0 5%;
}

.proInfo_s4mnul {
	width: 25%;
	text-align: center;
	padding: 30px 0;
}

.proInfo_s4mnp1 {
	color: #fff
}

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

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





.proInfo_s5 {
	background: #f6f6f6;
}



.proInfo_s6m {
	margin-top: 45px;
}

.proInfo_s6n {
	margin-top: 45px;
}



/* 经销商 */

.hl2serv {
	background: #f8f8f8;
}

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

.hl2servmbl {
	width: 320px;
	position: sticky;
	top: 94px;
}

.hl2servmbr {
	width: calc(97% - 320px);
}

.hl2servmbrp2 {
	padding-top: 10px;
}

.hl2servmbrp2 p {
	position: relative;
	line-height: 1.4;
	margin-top: 8px;
	padding-left: 30px;
}

.hl2servmbrp2 i {
	position: absolute;
	left: 0;
	top: -2px;
}

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

.hl2servmbrm,
.hl2servmbrp1,
.hl2servmbrp2,
.hl2servicon6 {
	transition: all 0.4s;
}

.hl2servmbrm {
	background-color: #fff;
	padding: 35px;
	position: relative;
}

.hl2servmbrm {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
}

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

.hl2servmbrm:nth-last-child(-n+2) {
	margin-bottom: 0;
}

.hl2servmbrp1 {
	font-size: 24px;
	color: var(--color);
	line-height: 1.4;
}

.hl2servmbrp2 {
	color: #333;
}

.hl2servicon1 {
	font-size: 20px;
}

.hl2servicon2 {
	font-size: 18px;
}

.hl2servicon3 {
	font-size: 18px;
}

.hl2servicon6 {
	width: 35px;
	height: 30px;
	width: 30px;
	line-height: 30px;
}

.hl2servicon6 {
	color: var(--color);
	background: #fff;
	border-radius: 50%;
	display: block;
	text-align: center;
}

.hl2servicon6 {
	position: absolute;
	right: 20px;
	bottom: 20px;
	opacity: 0;
}

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

.hl2servmbrm:hover .hl2servmbrp1 {
	color: #fff;
}

.hl2servmbrm:hover .hl2servmbrp2 {
	color: #fff;
}

.hl2servmbrm:hover .hl2servicon6 {
	opacity: 1;
}

.hl2servmbrm:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.hl2servdl dd {
	line-height: 35px;
}

.hl2servdl dd a {
	display: block;
	padding-left: 20px;
	position: relative;
}

.hl2servdl dd i {
	position: absolute;
	left: 0;
	top: 10px;
	width: 14px;
	height: 14px;
	line-height: 12px;
	text-align: center;
	border: 1px solid #999;
	border-radius: 3px;
}

.hl2servdl dd i {
	color: #e6e6e6;
	font-size: 10px;
	background: #e6e6e6;
}

.hl2servdl dd a {
	color: #333;
}

.hl2servdl dd a,
.hl2servdl dd i {
	transition: all 0.3s;
}

.hl2servdl dd a:hover,
.hl2servdl dd a.cur {
	color: var(--color);
}

.hl2servdl dd a:hover i,
.hl2servdl dd a.cur i {
	border-color: var(--color);
}

.hl2servdl dd a.cur i {
	color: #fff;
	background: var(--color);
}

.hl2servli {
	padding: 20px 10px;
	display: none;
	padding-right: 0;
	padding-bottom: 0;
}

.hl2servh5 {
	cursor: pointer;
}

.hl2servh5 {
	font-size: 24px;
	line-height: 1;
	color: var(--color);
	position: relative;
}

.hl2servh5 i {
	position: absolute;
	display: block;
	line-height: 1;
	color: #333;
	width: 30px;
	height: 30px;
	text-align: right;
	line-height: 30px;
}

.hl2servh5 i {
	right: 0;
	top: -2px;
	font-size: 16px;
	transition: all 0.4s;
}

.hl2servh5icon2 {
	opacity: 0;
}

.hl2servh5.cur .hl2servh5icon2 {
	opacity: 1;
}

.hl2servh5.cur .hl2servh5icon1 {
	opacity: 0;
}

.hl2servm {
	margin-top: 45px;
}

.hl2servmblm {
	padding: 35px;
	padding-bottom: 30px;
}

.hl2servmbl {
	background-color: #fff;
}

.hl2servmblmn {
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
}

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

.hl2servmblmn:nth-child(2) {
	margin-top: 30px;
}

.hl2servdt {
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 5px;
	position: relative;
}

.hl2servdt a {
	display: block;
	position: relative;
	height: 30px;
	line-height: 30px;
}

.hl2servdt i {
	transition: all 0.3s;
	position: absolute;
	height: 30px;
	line-height: 30px;
	width: 50px;
	text-align: right;
	display: block;
	right: 0;
	top: 2px;
	font-size: 14px;
	right: 2px;
}

.hl2servdt em {
	position: absolute;
	left: 0;
	top: 8px;
	width: 14px;
	z-index: 3;
	height: 14px;
	line-height: 12px;
	text-align: center;
	border: 1px solid #999;
	border-radius: 3px;
}

.hl2servdt em {
	color: #e6e6e6;
	font-size: 10px;
	background: #e6e6e6;
}

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

.hl2servdt.cur em {
	background: var(--color);
	color: #fff;
	border-color: var(--color);
}

.hl2servdt i.cur {
	transform: rotateX(180deg);
}

.hl2servdl2 dd {
	padding-left: 20px;
}

.hl2servul {
	display: none;
}

.hl2servli2 {
	padding-top: 0;
}

.hl2servli2 {
	padding-top: 15px;
}

.hl2servli2:nth-child(1) {
	padding-top: 20px;
}

.hl2servh5_jsm {
	display: none;
}

.hl3prosbss-48 {
	width: calc((97% - 320px) * 0.48);
}





.hl3downmn {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.hl3downa {
	padding: 35px;
	background: #fff;
	border: 1px solid #eeeeee;
	width: 32%;
	margin-right: 2%;
	margin-top: 2%;
	position: relative;
}

.hl3downa:nth-child(-n+3) {
	margin-top: 0;
}

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

.hl3downaimg {
	width: 100%;
	position: relative;
	height: 235px;
}

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

.hl3downawz {
	margin-top: 30px;
	padding-top: 25px;
	border-top: 1px solid #ddd;
	position: relative;
}

.hl3downawz {
	padding-bottom: 30px;
}

.hl3downawz:before {
	position: absolute;
	width: 0;
	height: 1px;
	background: var(--color);
	content: '';
	top: -1px;
}

.hl3downap1 {
	font-size: 20px;
	color: var(--color);
}

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

.hl3downaicon {
	font-size: 40px;
	position: absolute;
	display: block;
	line-height: 1;
	right: 35px;
	bottom: 30px;
}

.hl3downaicon,
.hl3downa,
.hl3downap1,
.hl3downawz:before {
	transition: all 0.4s;
}

.hl3downa:hover .hl3downawz:before {
	width: 100%;
}

/* .hl3downa:hover {border-color: var(--color);} */

.hl3downa:hover {
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.08);
}

.hl3downa:hover .hl3downaicon {
	color: var(--color);
}

.hl3prosbss-32 {
	width: calc((97% - 320px) * 0.32);
}



.hl2servdl-city {
	max-height: 280px;
	max-height: 30vh;
}

.pubscroll-blue .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: var(--color);
}



.hl5jxsm {
	width: 100%;
}

.hl5jxsmap3 {
	color: #333;
}

.hl5jxsmap3 p {
	padding-left: 25px;
	position: relative;
	line-height: 1.4;
	margin-top: 10px;
}

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

.hl5jxsmap3 i {
	position: absolute;
	left: 0;
	top: 1px;
	display: block;
	line-height: 1;
}

.hl5jxsmap1,
.hl5jxsmap2 {
	color: var(--color);
}

.hl5jxsmap1 {
	font-size: 22px;
	line-height: 1.2;
}

.hl5jxsmap2 {
	line-height: 1.4;
	margin-top: 10px;
	min-height: 50px;
}

.hl5jxsmap4 {
	margin-top: 0;
	display: flex;
	justify-content: flex-end;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 35px;
}

.hl5jxsmalx {
	padding: 20px 0;
	border: 1px solid #ddd;
	border-left: none;
	border-right: none;
}

.hl5jxsma {
	background: #fff;
}

.hl5jxsma {
	width: 48%;
	margin-right: 4%;
	margin-top: 4%;
	padding: 40px;
	position: relative;
	padding-bottom: 115px;
}

.hl5jxsma:nth-child(-n+2) {
	margin-top: 0;
}

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

.hl5jxsmbtn {
	display: block;
	width: 145px;
	height: 45px;
	line-height: 43px;
	text-align: center;
	background: #fff;
	color: var(--color);
	border: 1px solid var(--color);
}

.hl5jxsmbtn i {
	font-size: 18px;
	padding-right: 5px;
	display: inline-block;
	line-height: 1;
	position: relative;
}

.hl5jxsmbtn,
.hl5jxsma,
.hl5jxsmap3,
.hl5jxsmap2,
.hl5jxsmap1,
.hl5jxsmalx {
	transition: all 0.4s;
}

.hl5jxsmap1,
.hl5jxsmap2,
.hl5jxsmap3,
.hl5jxsmap4 {
	padding-left: 10px;
	padding-right: 10px;
}

.hl5jxsmap4 {
	padding-right: 40px;
}

.hl5jxsma:hover {
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.08);
	background: var(--color);
}

.hl5jxsma:hover .hl5jxsmap1,
.hl5jxsma:hover .hl5jxsmap2,
.hl5jxsma:hover .hl5jxsmap3 {
	color: #fff;
}

.hl5jxsma:hover .hl5jxsmalx {
	border-color: rgba(255, 255, 255, 0.3);
}

.hl5jxsma:hover .hl5jxsmbtn {
	border-color: #fff;
	color: #fff;
	background: var(--color);
}

.hl5jxsma:hover .hl5jxsmbtn:hover {
	color: var(--color);
	background: #fff;
}



.hl2page {
	display: flex;
	justify-content: center;
	margin-top: 80px;
	width: 100%;
}

.hl2pagemore {
	background: var(--color);
	color: #fff;
	border: 1px solid var(--color);
	transition: all 0.4s;
	text-align: center;
	width: 200px;
	height: 60px;
	line-height: 58px;
}

.hl2pagemore i {
	padding-left: 8px;
}

.hl2pagemore:hover {
	color: var(--color);
	background: #fff;
	border-color: #fff;
}

.ishides {
	display: none;
}



.hl2servx {
	align-items: center;
}

/* 经销商 */



/* 投资者 */

.inv18am {
	align-items: center;
}

.inv18al {
	width: 40%;
}

.inv18ap2 {
	font-size: 18px;
	line-height: 1.4;
	margin-top: 45px;
}

.inv18ap3 {
	line-height: 60px;
	margin-top: 15px;
}

.inv18ap3 span {
	font-size: 60px;
	color: #ff0000;
	font-weight: var(--b400);
}

.inv18ap3 i {
	padding-left: 10px;
	font-style: normal;
}

.inv18ap4 span {
	font-size: 26px;
	color: #ff0000;
	font-weight: var(--b400);
}

.inv18ap4 {
	line-height: 30px;
	margin-top: 45px;
}

.inv18ar {
	width: 50%;
}

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



.inv18b {
	background: #f8f8f8;
}

.inv18btit {
	align-items: flex-end;
}

.inv18bdqgg {
	width: 100%;
}

.inv18bdqgga {
	background: #fff;
	padding: 25px;
	border-radius: var(--border5);
	overflow: hidden;
}

.inv18bdqgga-3 {
	width: 32%;
	margin-right: 2%;
	margin-top: 2%;
}

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

.inv18bdqgga-3:nth-child(-n+3) {
	margin-top: 0;
}

.inv18bdqggp1 {
	display: inline-block;
	color: var(--color);
	border: 1px solid var(--color);
	margin-left: -40px;
}

.inv18bdqggp1 {
	padding: 8px 0;
	padding-left: 40px;
	padding-right: 30px;
	line-height: 1;
}

.inv18bdqggp1 {
	transform: skewX(40deg);
}

.inv18bdqggp1 span {
	transform: skewX(-40deg);
	display: inline-block;
}

.inv18bdqggp2 {
	font-size: 20px;
	font-weight: var(--b400);
}

.inv18bdqggp2 {
	margin-top: 20px;
}

.inv18bdqggp3 {
	width: 50px;
	height: 50px;
	border: 1px solid var(--color);
	text-align: center;
	border-radius: 50%;
	color: var(--color);
}

.inv18bdqggp3 {
	padding-top: 5px;
}

.inv18bdqggp3-30 {
	margin-top: 30px;
}

.inv18bdqggp3 em {
	font-size: 12px;
	display: block;
	vertical-align: top;
	line-height: 1;
	transform: scale(0.9);
	margin-top: 4px;
}

.inv18bdqggp3 i {
	display: block;
	line-height: 1;
	vertical-align: top;
	font-size: 18px;
}

.inv18bdqgga,
.inv18bdqggp1,
.inv18bdqggp2,
.inv18bdqggp3 {
	transition: all 0.4s;
}

.inv18bdqgga:hover {
	background: var(--color);
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.08);
}

.inv18bdqgga:hover .inv18bdqggp1 {
	color: #fff;
	border-color: #fff;
}

.inv18bdqgga:hover .inv18bdqggp2 {
	color: #fff;
}

.inv18bdqgga:hover .inv18bdqggp3 {
	color: #fff;
	border-color: #fff;
}

.inv18bdqgg,
.inv18blsgg {
	margin-top: 45px;
}

.inv18bdqgga-2 {
	width: 49%;
	margin-right: 2%;
	margin-top: 2%;
	position: relative;
	padding-top: 35px;
	padding-bottom: 35px;
}

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

.inv18bdqgga-2:nth-child(-n+2) {
	margin-top: 0;
}

.inv18bdqggp3-r {
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
}

.inv18bdqggp2-2 {
	padding-right: 20%;
}

.inv18bma:last-child {
	padding-bottom: 0;
}



.inv11 {
	width: 100%;
	overflow: hidden;
}

.inv11swiper {
	width: calc(100% - ((100% - 1400px) / 2));
	margin-left: calc((100% - 1400px) / 2);
	margin-top: 45px;
}

/* .inv11swiper{overflow: hidden;} */

.inv11slide {
	width: 550px;
	overflow: hidden;
	border-radius: var(--border10);
}

.inv11img {
	overflow: hidden;
}

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

.inv11wz {
	padding: 35px 50px;
	border: 1px solid #eee;
	position: relative;
	border-top: none;
}

.inv11wz:before {
	position: absolute;
	width: calc(100% + 2px);
	left: -1px;
	bottom: 0;
	content: '';
	height: 100%;
	background: var(--color);
	opacity: 0;
}

.inv11p1,
.inv11p2 {
	position: relative;
	top: 0;
	line-height: 1.4;
}

.inv11p1 {
	color: #666;
}

.inv11p3,
.inv11p1,
.inv11p2,
.inv11wz:before,
.inv11img img {
	transition: all 0.4s;
	z-index: 2;
}

.inv11p2 {
	font-size: 20px;
	color: #222;
	margin-top: 10px;
}

.inv11p3 {
	bottom: 10px;
	opacity: 0;
	border-color: #fff;
	color: var(--color);
	background: #fff;
}

.inv11slide:hover .inv11p3 {
	bottom: 35px;
	opacity: 1;
}

.inv11slide:hover .inv11wz:before {
	opacity: 1;
	height: calc(100% + 70px);
}

.inv11slide:hover .inv11p1,
.inv11slide:hover .inv11p2 {
	color: #fff;
	top: -70px;
}

.inv11slide:hover .inv11img img {
	transform: scale(1.2);
}

.inv11pg {
	display: flex;
	justify-content: flex-end;
	margin-top: 45px;
}

.inv11btn1 i {
	transform: rotateZ(180deg);
}

.inv18cx {
	position: relative;
}

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

.inv18cxbg {
	width: 114%;
	height: 110%;
	left: -7%;
	top: -5%;
	position: absolute;
}

.inv18cm {
	justify-content: space-between;
	width: 100%;
	position: relative;
	z-index: 3;
}

.inv18cmn {
	width: 500px;
	padding: 30px 50px;
	background-color: hsla(0, 0%, 30%, .1);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.inv18cp2 {
	color: #fff;
	margin-top: 10px;
	opacity: 0.9;
}

.inv18cp2p {
	padding-left: 30px;
	position: relative;
	font-size: 18px;
}

.inv18cp2 i {
	position: absolute;
	display: block;
	line-height: 1;
	left: 0;
}

.inv18cp2icon2 {
	font-size: 19px;
	top: 6px;
}

.inv18cp2icon1 {
	font-size: 18px;
	top: 4px;
}

.xkmsgaxvn-fff .xkmsgatxt {
	background: none;
	border-color: rgba(255, 255, 255, 0.3);
	color: #fff;
}

.xkmsgaxvn-fff .xkmsgatxt:focus {
	border-color: #fff;
}

.xkmsgaxvn-fff label,
.xkmsgaxvn-fff label i {
	color: rgba(255, 255, 255, 0.6);
}

.inv18cmsgm {
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
}

.xkmsgaj-fff span {
	background: #fff;
	color: var(--color);
}

.xkmsgaj-gphd span {
	border-radius: 0;
	width: 180px;
	text-align: center;
}

.inv18cm {
	padding: 5% 80px;
	padding-left: 8%;
}

.inv18cmnp1 {
	color: #fff;
	font-size: 24px;
}

.inv18cmsgb {
	margin-top: 45px;
	display: flex;
	justify-content: flex-end
}

.inv18cxbg {
	animation-name: scrP189
}

/* .inv18c{padding-bottom: 50px;} */

/* @keyframes scrP189{

					0%{

						-webkit-clip-path:inset(10vh 10vw 0 round 0 0 0 0);clip-path:inset(10vh 10vw 0 round  0 0 0 0)

					}

					to

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

				} */

@keyframes scrP189 {

	0% {
		-webkit-clip-path: inset(0 round 10px 10px 10px 10px);
		clip-path: inset(0 round 10px 10px 10px 10px)
	}

	to {

		-webkit-clip-path: inset(5% 7% 5% 7% round 10px 10px 10px 10px);
		clip-path: inset(5% 7% 5% 7% round 10px 10px 10px 10px)
	}

}

.inv19a {
	background: #f8f8f8;
}

.hlpage2 {
	display: flex;
	width: 100%;
	justify-content: center;
	margin-top: 60px;
}

.hlpage2 a {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin: 0 5px;
	transition: all 0.4s;
}

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

.hlpage2 a:hover {
	color: var(--color);
	text-decoration: underline;
}

.apnm {
	background: #fff;
	border-radius: 50%;
	color: var(--color);
	border-radius: 50%;
}

.hlpage2 .apnm:hover {
	background: var(--color);
	color: #fff;
	text-decoration: none;
}



.inv19atopb {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.inv19atopb-32 {
	width: 32%;
}

.inv19atopb-49 {
	width: 49%;
}

.inv19ayear {
	position: relative;
}

.inv19atopbm {
	width: 48%;
}

.inv19ayearclose {
	position: absolute;
	color: #333;
	display: block;
	line-height: 1;
}

.inv19ayearclose {
	right: 0;
	top: 16px;
}

.yearPicker {
	width: 100%;
	background: none;
	border: none;
	outline: none;
	border-bottom: 1px solid var(--color);
	height: 45px;
	line-height: 44px;
}

.inv19atopb .yearpicker-container {
	width: 100%;
	font-size: 14px;
}

.inv19atopb .yearpicker-items:hover {
	font-weight: normal;
}

/* 投资者 */













.esg01 {
	background: var(--bgs);
}

.esg01mp1 {
	/* padding: 0 15%; */
	text-align: left;
}



.esgb {
	background: var(--bgs);
	padding-top: 0;
}

.esgb_main {
	position: relative;
}

.esgb_main img {
	width: 100%;
	border-radius: 20px;
}

.esgb_title {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	width: 100%;
	padding: 0 10%;
	box-sizing: border-box;
}

.esgb_p1 {
	/* margin-top:10px;*/
	color: #fff;
	font-size: 16px;
}

.esgb_p1:last-child {
	margin-bottom: 20px;
}

.esgb_h2 {
	margin-top: 20px;
	font-size: 50px;
	margin-bottom: 70px;
	text-align: left;
	color: #fff;
	line-height: 1.2;
}

.esgb_p2 {
	margin-top: 30px;
}

.esgb_p3 {
	justify-content: start;
	margin-top: 45px;
}

.esgb_p3 svg {
	transform: rotate(135deg);
	top: -3px;
}

.esgb_p3 .pubmore-fff:hover svg {
	transform: rotate(135deg);
	top: -3px;
}





.esgc {
	background: #eef0f7;
}

.esgc_swiper {
	position: relative;
}

.esgc_bgimg1 {
	height: 100%;
	height: 72vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/* margin-top:60px;*/
}



.esgc_con {}

.esgc_p1 {
	color: #fff;
	line-height: 1.4;
	font-size: 50px;
	font-weight: var(--b400);
}

.esgc_ul1 {
	width: 670px;
	background: rgb(255, 255, 255, 0.89);
	border-radius: 20px;
	padding: 30px;
	margin-top: 35px;
	box-shadow: 0px 1px 87.12px 0.88px rgba(168, 168, 168, 0.25);
	background: rgba(255, 255, 255, 0.8);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	position: relative;
}

.esgc_ul2 {
	width: 484px;
	margin-top: 110px;
	padding: 50px;
}

.esga_p4 {
	width: 80%;
	height: 180px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.esgc_p2 {
	color: #000;
	font-size: 16px;
	line-height: 1;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	/* font-weight:100;*/
}

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

.esgc_p4 {
	margin-top: 15px;
	padding-bottom: 10px;
}

.esgc_img3 {
	display: inline-block;
	margin-right: 10px;
	margin-top: 10px;
	background: var(--blue);
}

.esgc_img3 img {
	height: 105px;
	transition: all 0.3s ease;
}

.esgc_img3:hover img {
	transform: translate(10px, -10px);
}

.esgc_click {
	text-align: center;
}

.esgc_click span {
	margin: 0 5px;
	background: #fff;
	opacity: 1;
}

.esgc_click .swiper-pagination-bullet-active {
	background: var(--color);
}

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

.esgc_po2 {
	left: 185.5%;
}

/* .esgc_tit {position:absolute;top:90%;left:141.5%;transform:translate(-50%,-50%);text-align:center;background:#fff;border-radius:30px;width:240px;}

						*/
.esgc_page {
	display: flex;
	justify-content: space-between;
	width: 300px;
	border-radius: 50px;
	background: #fff;
}

.esgc_prev {
	width: 70px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	border-radius: 50%;
	position: relative;
	z-index: 1;
}

.esgc_next {
	width: 70px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	border-radius: 50%;
	position: relative;
	z-index: 1;
}

.esgc_page i {
	font-size: 30px;
}

.esgc_prev::before {
	content: "";
	width: 00px;
	height: 70px;
	border-radius: 50%;
	background: var(--color);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all 0.3s ease;
	opacity: 0;
}

.esgc_next::before {
	content: "";
	width: 00px;
	height: 70px;
	border-radius: 50%;
	background: var(--color);
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	transition: all 0.3s ease;
	opacity: 0;
}

.esgc_next:hover:before,
.esgc_prev:hover:before {
	opacity: 1;
	width: 70px;
	cursor: pointer;
}

.esgc_m {
	padding-top: 24px;
	line-height: 1.2;
}

.esgc_m2 {
	line-height: 70px;
}

.esgc_next:hover i,
.esgc_prev:hover i {
	color: #fff;
}







.esgd {
	background: var(--bgs);
}

.esgd_swiper {
	margin-top: 45px;
	padding: 20px;
	box-shadow: var(--boxshadow);
	position: relative;
	background: #fff;
	border-radius: 20px;
}

.esgd_po {
	position: absolute;
	bottom: 40px;
	right: 40px;
	z-index: 11;
}

.esgd_click {
	position: absolute;
	top: 6px;
	left: 0;
	display: flex;
	width: 100%;
	justify-content: center;
	bottom: auto !important;
}

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

.esgd_page {
	display: flex;
	justify-content: space-between;
	width: 100px;
}

.esgd_click span {
	margin: 0 5px;
}

.esgd_click .swiper-pagination-bullet-active {
	background: var(--green);
}

.esgd_ul1 {
	width: 50%;
}

.esgd_ul1 img {
	width: 100%;
}

.esgd_ul2 {
	width: 50%;
	padding: 0 60px;
}

.esgd_p1 {
	font-size: 30px;
	font-weight: bold;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	font-weight: 100;
}

.esgd_p2 {
	font-size: 34px;
	line-height: 1.4;
}

.esgd_p3 {
	justify-content: start;
	margin-top: 35px;
}

.esgd_p3 .pubmore {
	border: 1px solid rgb(0, 0, 0, 0.6);
}

.esgd_p3:hover .pubmore {
	border: 1px solid var(--green);
}

.esgd_p3 .pubmore-fff .pwz1 {
	color: #000;
}

.esgd_p3 .pubmore-fff .svg-fff {
	fill: #000;
	top: -3px;
}

.esgd_p3 svg {
	transform: rotate(135deg);
}

.esgd_p33 svg {
	transform: rotate(0deg);
}

.esgd_p3 .pubmore svg {
	height: 14px;
}

.esgd_p3 .pubmore-fff:hover svg {
	transform: rotate(135deg);
	top: -3px;
}

.esgd_p33 .pubmore-fff:hover svg {
	transform: rotate(0deg);
	top: 0px;
}

.esgd_p33 .pubmore-fff .svg-fff {
	top: 0;
}

.esgd_p31 .pubmore-fff .svg-fff {
	top: 0;
}

.esgd_p31 svg {
	transform: rotate(0deg);
}

.esgd_p31 .pubmore-fff:hover svg {
	transform: rotate(0deg);
	top: 0px;
}

.esgd_p4 .pubmore-fff .svg-fff {
	fill: #000;
	top: 0px;
}

.esgd_p4 svg {
	transform: rotate(0deg);
}

.esgd_p4 .pubmore svg {
	height: 16px;
}

.esgd_p4 .pubmore-fff:hover svg {
	transform: rotate(0);
	top: 0px;
}

.esgd_p4 svg {
	width: 16px !important;
	height: 16px !important;
}





.pg .bo-head {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}

.newd20,
.newd19dh {
	width: 1300px;
}

.newd20 {
	align-items: flex-start;
}

.newd19 {
	padding-top: 110px;
}

.newd19dh {
	position: relative;
	transform: none;
	left: 0;
	top: 0;
}

.newd20a {
	width: calc(90% - 400px);
}

.newd20b {
	width: 400px;
	position: sticky;
	top: 90px;
}

.newd20ap4 img, .newd20ap4 video, .newd20ap4 table{
	max-width: 100%;
}

.newd20ap1 {
	color: #666;
}

.newd20ap2 {
	font-weight: var(--b400);
	font-size: 42px;
	color: #222;
	line-height: 1.2;
}

.newd20ap4 {
	margin-top: 45px;
	padding-bottom: 45px;
}

.hl2newladp1-18 {
	font-size: 18px;
}

.hl2newladp22 {
	font-size: 14px;
}

.hl2newlada2 {
	align-items: center;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}

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

.hl2newlada2:hover .hl2newladp1 {
	color: var(--color)
}

.hl2newladwz2 {
	padding-top: 0;
}

.hl2newladimg2 {
	border-radius: 5px;
	overflow: hidden;
}

.newd20bp1 {
	font-size: 32px;
	position: relative;
	line-height: 1.4;
	padding-bottom: 12px;
	padding-top: 38px;
}

.newd20bp1:before {
	position: absolute;
	width: 55px;
	height: 2px;
	background: var(--color);
	content: '';
	left: 0;
	bottom: 0;
}

.newd20bp2 {
	margin-top: 15px;
}

.wyfsa {
	justify-content: flex-start;
	margin-top: 30px;
}

.wyfsa a {
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 43px;
	border: 1px solid #ddd;
	border-radius: 50%;
}

.wyfsa a {
	transition: all 0.4s;
	margin-right: 30px;
}

.wyfsa a:hover {
	color: #fff;
	background: var(--color);
	border-color: var(--color);
}

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

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

.wyfsa a:nth-child(3) i {
	font-size: 13px;
}



.newd20gd {
	padding: 30px 0;
	border: 1px solid #eee;
	border-left: none;
	border-right: none;
	margin-top: 30px;
}

.newd20gd a {
	display: flex;
	line-height: 20px;
	align-items: center;
}

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

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

.newd20gda2 i {
	margin-left: 10px;
}





.hl3prosa {
	top: 20px;
}

body.bhide .hl3prosa {
	top: -70px;
}





.hl2servmbl {
	top: 90px;
}

body.bhide .hl2servmbl {
	top: 20px;
}

.hl2newr {
	top: 90px;
}

body.bhide .hl2newr {
	top: 20px;
}



.newd20b {
	transition: all 0.3s;
}

body.bhide .newd20b {
	top: 10px;
}