:root {
	--bg-f6f7fa:#f6f7fa;
	--split-jx:6px;
	--li-jx:16px;
	--nav-widths: 90%;
	--widths: 1560px;
	--nav-height: 60px;
	--logo-height:178px;
	--nav-height-scroll:60px;
	--logo-height-scroll:36px;
	--nav-font-size:16px;
	--wap-nav-height:64px;
	--h-plr:60px;
	--h-nav-lr:25px;
	--line-bg: linear-gradient(-270deg, rgba(0, 152, 215, 1) 0%, rgba(0, 134, 208, 1) 50%, rgba(0, 95, 193, 1) 100%);
	--line-bg3: linear-gradient(to bottom, #2ca7f7, #5fd7d5);
	--b300: 300;
	--b400: 400;
	--b500: 500;
	--b600: 600;
	--b700: 700;
	--b800: 800;
	--b900: 900;
	--color: #2797b2;
	--reds: #e20a20;
	--colors2: #063166;
	--bgs: #f3f3f3;
	--color2: #6fb92c;
	--borders: 25px;
	--bord5: 15px;
	--border15: 15px;
	--border10: 10px;
	--global-width: 370px;
	--border5: 5px;
	--ftbg: #07172e;
	--plr:80px;
	--plr70: 70px;
	--fsp1: 48px;
	--ptb:90px;
	--ptb2:90px;
	--w14:90%;
	--w15:1500px;
	--w-eg:90%;
	--w-pro:1300px;
	--line-bg2:linear-gradient(90deg, #2797b2 0%, #2797b2 50%, #31c6c5 100%);
	--background-aware-gradient-bottom-right: linear-gradient(136.47deg, #fff 35.41%, #fff7f5 58%, #bde3ff 128.14%);
	--ggjx10:10px;
	--ggjx15:15px;
	--ggjx20:20px;
	--txt-height:62px;
	--txt-height-small:46px;
	--more-height:48px;
	/* 解决方案 */
	--solo-wz-paddingleft:8%;
	--solo-wz-width:43%;
	--sozbwz-width-2-1:40%;
	--sozbwz-width-2-4:50%;
	--solo-2-pd:20px;
	--solo-2-mt-1:20px;
	--solo-2-fs-1:16px;
	/* 解决方案 */
	/* 导航下拉 */
	--dnxl3-w-a:270px;
	--dnxl3-w-prol:280px;
	--dnxl3-jx:100px;
	--dnxl3-jx2:50px;
	--dnxl3-ab-r:150px;
	/* 导航下拉 */
	
	/* 移动导航 */
	--nav-height-ph: 65px;
	--plr5: 4%;
	/* 移动导航 */
	
	--npd:35px;
	
	/* 移动 字号 */
	--fs-wap-baner:22px;
	--fs-wap-tit-22:22px;
	--fs-wap-24:24px;
	--fs-wap-22:22px;
	--fs-wap-20:20px;
	--fs-wap-18:18px;
	--fs-wap-16:16px;
	--fs-wap-14:14px;
	--fs-wap-12:12px;
	/* 移动 字号 */
	
	--swiperpage-num:10px;
	
	--fs80:80px;
	--fs60:60px;
	--fs58:58px;
	--fs56:56px;
	--fs52:52px;
	--fs50:50px;
	--fs45:45px;
	--fs32:32px;
	--fs30:30px;
	--fs22:22px;
	--fs20:20px;
	--fs18:18px;
	--fs24:24px;
	--fs14: 14px;
	--mt70p:70px;
	--mt65p:65px;
	--mt60p:60px;
	--mt55p:55px;
	--mt50p:50px;
	--mt45p:45px;
	--mt40p:40px;
	--mt35p:35px;
	--mt30p:30px;
	--mt25p:25px;
	--mt20p:20px;
	--mt15p:15px;
	--mt10p:10px;
	--mt5p:5px;
	--wwrap:1400px;
	--b400:400;
	--b600:600;
	--b700:700;
	--mount-height:900px;
	
	--new-sticky-width:290px;
	--select-height:48px;
	
	/* 新闻 */
	--new-left-width:380px;
	/* 新闻 */
	
	/* 产品 215*/
	--proazs3g-fs-p1:18px;
	/* 产品 215*/
	
}
.w14{margin:0 auto;width:var(--w14);max-width:1450px;}
.w15{margin:0 auto;width:var(--w15);}
.w-pro{margin:0 auto;width:var(--w-pro);}
.w-eg{margin:0 auto;width:var(--w-eg);max-width:1300px;}


@media screen and (max-width:1600px) {
	:root {
		--widths: 1400px;
		--ptb:80px;
		--mt70p:60px;
		--mt65p:55px;
		--mt60p:55px;
		--mt55p:48px;
		--mt50p:43px;
		--mt45p:38px;
		--mt40p:32px;
		--mt35p:30px;
		--mt30p:25px;
		--mt25p:25px;
		--mt15p:15px;
		--mt10p:10px;
		
	}
}

@media screen and (max-width:1440px) {
	:root {
		--widths: 1200px;
		--ptb:70px;
		--w-eg:100%;
		
		
		--mt70p:50px;
		--mt65p:50px;
		--mt60p:45px;
		--mt55p:40px;
		--mt50p:35px;
		--mt45p:35px;
		--mt40p:30px;
		--mt35p:25px;
		--mt30p:20px;
		--mt25p:18px;
		--mt15p:10px;
		--mt10p:8px;
		
		--solo-2-pd:15px;
		--solo-2-mt-1:10px;
		--solo-2-fs-1:14px;
		
	}
	/* 事件详细页 */
	.w-eg{max-width:100%;}
	.ereg3wz{padding:0 var(--plr)}
	.ereg3fx{padding:0 var(--plr)}
	/* 事件详细页 */
}

@media screen and (max-width:1366px) {
	:root {
		--widths: 90%;
		--ptb:60px;
		
		
		--mt70p:45px;
		--mt65p:45px;
		--mt60p:35px;
		--mt55p:35px;
		--mt50p:30px;
		--mt45p:30px;
		--mt40p:28px;
		--mt35p:25px;
		--mt30p:20px;
		--mt25p:18px;
		--mt15p:10px;
		--mt10p:8px;
	}
}

/* html.lenis,
html.lenis body {
	height: auto;
}

.lenis.lenis-smooth {
	scroll-behavior: auto !important;
 */}


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

.scaleimg {
	overflow: hidden;
	width: 100%;
	padding-top: 50px;
	margin-top: 20px;
}

.scaleimgm {
	position: relative;
}

.scaleimgn {
	width: 100%;
	visibility: hidden;
	opacity: 0;
}

.scaleimgbg {
	position: absolute;
	border-radius: var(--border15);
	overflow: hidden;
	width: 1700px;
	height: 110%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.scaleimgbg {
	animation-name: scale01;
}

@keyframes scale01 {
	0% {}

	to {
		width: var(--widths);
		height: 100%;
	}
}

.fwb {
	font-weight: 700;
}

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

.ani_style2.animated,
.ani_style2.aos-animate {
	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,
.ani_4.aos-animate {
	animation-delay: 0.4s !important;
}

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

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

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

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

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

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

.ani_11.is-inview,
.ani_11.aos-animate {
	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;
}

.ajax_content {
	min-height: 50vh;
}


.js_xialam1 {
	background-color: #fff;
	padding-top: 60px;
	padding-bottom: 80px;
	box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.06);
}

.js_xialamn {
	width: var(--widths);
	margin: 0 auto;
	display: flex;
}

.js_xialamna {
	width: 30%;
}

.js_xialamnb {
	width: 62%;
	display: flex;
	justify-content: space-between;
	margin-left: 8%;
	padding-top: 30px;
}

.js_xialamnbm {
	width: 31.5%;
}

.js_xialamnbimg {
	overflow: hidden;
	border-radius: 0;
}

.js_xialamnbimg img {
	width: 100%;
}

.js_xialamnbp1 {
	padding-top: 20px;
	font-size: 18px;
	line-height: 1.2;
	font-weight: var(--b600);
	color: #3d3d3d;
}

.js_xialamnah4 {
	font-size: 30px;
	font-weight: var(--b600);
	color: #222;
	line-height: 1;
}

.js_xialamnams {
	line-height: 1.4;
	margin-top: 25px;
	color: #555;
}

.js_xialamnamore {
	display: flex;
	margin-top: 35px;
}



.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: 103%;
	height: 103%;
	left: -1.5%;
	top: -1.5%;
}

.site-baner-zw {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	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-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;
}


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

.pg-baner {
	position: relative;
	height: 78vh;
	;
	max-height: 950px;
	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: 60px;
	line-height: 1.2;
	color: #fff;
	text-align: left;
}

.abpen {
	font-size: 18px;
}

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

.abpcn {
	font-size: 60px;
	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: space-between;
}

.site-baner-page span {
	cursor: pointer;
	width: 19%;
	height: 20px;
	position: relative;
	opacity: 1 !important;
	background: none !important;
	border-radius: 0;
	margin: 0 !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: var(--fsp1);
	color: var(--color);
	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: 50%;
	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;
	display: none;
}

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

.xkmsgah span {
	width: 100%;
	padding: 0;
}

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

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

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

.xkmsgaj span {
	transition: all 0.3s ease;
	padding: 0 65px;
	height: 48px;
	line-height: 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%;
}

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

.bo-yybb-a a {
	display: flex;
	align-items: center;
}

.boyybbn {
	display: none;
}

.opennav.bo-head .tbxknavsub {
	top: 400px;
}

.fbdh .bo-head.opennav .tbxknavsub {
	top: 400px !important;
}

.fbdh .bo-head.scroll .tbxknavsub {
	top: 74px !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%;
	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;
	padding-top: 0;
}

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

.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: translateX(-50%) rotateZ(45deg);
		-webkit-transform: translateX(-50%) 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-small {
	width: 50px;
	height: 50px;
}

.playbtn-small i {
	font-size: 16px;
}

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

.hl2xnavm-shao {
	justify-content: flex-start;
}


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

.hl2xnavm-shao a {
	margin-right: 5%;
}

.hl2xnavm-shao a:last-child {
	margin-right: 0;
}

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

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

.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%;
	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);
	border: 1px solid 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: 0.6;
	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);
}

.ftgwjzm1 em:after {
	background-image: url(../img/language_icon_2.gif);
	opacity: 0;
}

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

.ftgwjzm1:hover {
	color: #fff;
}

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

/* 底部 */



/* 首页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;
}

#scroll_down:after {
	display: none;
}

.site-baner-zw {
	text-align: center;
}

.site-baner-p2 {
	margin-top: 65px;
}

.site-baner-p3 {}

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

.hlen1xbp1 i {
	font-style: normal
}

.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:last-child h3 span {
	display: none;
}

.hlen3xa:last-child h3 em {
	left: 0;
}

.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 #fff;
	margin-left: 30px;
	cursor: pointer;
}

.hl6newbtn1 i,
.hl3hswiperbtn1 i {
	position: relative;
	transform: rotateZ(180deg);
}

.hl5solobtnm i {
	color: #fff;
	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: 80px;
	height: 50px;
	line-height: 48px;
	border-radius: 50px;
}

.hl5solobtnm {
	border: 1px solid #ccc;
	margin: 0;
	margin-left: 30px;
	cursor: pointer;
}

.hl5solobtn1 i {
	position: relative;
	transform: rotateZ(180deg);
}

.hl5solobtnm i {
	color: var(--color);
	font-size: 20px;
	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-bg-fff {
	background: #fff;
	border-color: #ddd;
}

.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;
	background: #f5f8ff
}

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

.ani_in2 {
	will-change: transform, opacity;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: paused;
	animation-delay: calc(var(--zindex)* -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: 25px;
	font-size: 14px;
	text-align: right;
	opacity: 0.8;
}

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

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

.tj26bg {
	background-attachment: fixed;
}

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

.tj26bma ul li {
	line-height: 1.4
}

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

.tj26bm {
	background: hsla(0, 0%, 100%, .1);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

/* 首页 金属价格 */
/* 首页 新闻 */
.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: #fff;
	font-size: 14px;
	padding-bottom: 10px;
	opacity: 0.7;
}

.bo-d-p2 {
	font-size: 20px;
	font-weight: var(--b700);
	color: #fff;
}

.bo-d-p2-1 {
	font-size: 24px;
	line-height: 1.4;
}

.bo-d-wz {
	padding: 25px 0;
}

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

.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, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), 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, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), 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: 370px;
	overflow: hidden;
}

.bo-dimg2 {
	height: auto;
	overflow: hidden;
}

.bo-dimg img {
	width: 100%;
}

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

.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,
.fadeInSway.aos-animate span {
	animation-name: fadeInSway;
	visibility: inherit;
}

[aos].fadeInSway span {
	visibility: visible
}

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

.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: 80vh;
	max-height: 1000px;
	min-height: 500px;
}

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

.hl3prosbwz3 {
	padding: 25px;
}

.hl3prosbp13 {
	padding-bottom: 0;
	border: none;
}

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

.hl4pros.bai {
	background-color: #fff;
}

.hl4prosx {
	margin-top: 55px;
}

.hl4prosxm {
	width: 32%;
	background: #fff;
	border-radius: var(--bord5);
	padding: 45px;
}

.hl4prosxm-5 {
	width: 19%;
	padding: 25px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

.hl4prosp1 {
	font-size: 24px;
	line-height: 1.4;
	color: #222;
	margin-top: 20px;
}

.hl4prosp11 {
	margin-top: 10px;
	display: flex;
	width: 100%;
	align-items: center;
}

.hl4prosp1icon {
	margin-left: 5px;
	font-size: 18px;
	line-height: 1;
}

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

.hl4prosp21 {
	font-size: 14px;
	margin-top: 5px;
}

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

.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;
	padding-bottom: 50px;
}

.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: #fff;
}

.h13pa a:last-child {
	color: #fff;
}

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

.h13pbpdown-big,
.h13pbpdown-big i {
	font-size: 16px;
}

.h13pbpdown-big i {
	font-size: 18px;
}

.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: #fff;
	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;
	justify-content: space-between;
}

.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: #fff;
}

.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: 160px;
	background: var(--color);
	display: flex;
	color: #fff;
}

.proInfo_navmb span {
	width: 100%;
	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 10px rgba(0, 0, 0, 0.06);
	transition: all 0.3s;
}

.hl11soslide:hover {
	box-shadow: 5px 15px 15px 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: #222;
	padding: 65px;
}

.proInfo_s1_wzm {
	background: url(../img/proInfo_s1bg.png) center no-repeat var(--color);
	background-size: cover;
}

.proInfo_s1_p1 {
	font-size: 48px;
	line-height: 1.2;
}

.proInfo_s1_p2 {
	margin-top: 20px;
	text-align: justify;
	min-height: inherit;
	color: #444
}

.proInfo_s1_p3 {
	display: flex;
}

.proInfo_s1_wz {
	opacity: 0;
	right: -10%;
}

.proInfo_s9n {
	align-items: center;
	flex-wrap: wrap;
}

.proInfo_s9n {
	background: #fff;
}

.proInfo_s9img {
	width: 50%;
}

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

.proInfo_s3swiper {
	overflow: hidden;
}

.proInfo_s9img {
	width: 55%;
}

.proInfo_s9wz {
	width: 45%;
	padding: 0 5%;
}

.proInfo_s1_wzm {
	padding: 0;
	background: none;
	max-width: 100%;
}

.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_s3 {
	padding-top: 160px;
	padding-bottom: 160px;
}

.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;
	font-size: 18px;
	color: #fff;
}

.proInfo_s3wz-100 {
	width: 100%;
	padding-left: 0;
}

.proInfo_s3slide {
	transition: all 0.4s;
	height: auto;
}

.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;
	width: 100%;
	height: 100%;
}

.proInfo_s3slide:after {
	bottom: 0;
	left: 0;
	width: 2px;
	height: 100%;
}

.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 {
	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 {
	background-color: hsla(0, 0%, 100%, .1);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.proInfo_s3slide:after {
	display: block;
	background-color: #fff;
	opacity: 0.7
}


.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,
.yyff20 {
	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;
}

.yyff20 {
	padding: 5%;
	background: #fafafa;
	font-size: 18px;
}

.yyff20 p {
	position: relative;
	padding-left: 15px;
}

.yyff20 p:before {
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	background: var(--color);
	border-radius: 50%;
	left: 0;
	top: 13px;
}

.proInfo_s5 {
	background: #f6f6f6;
	width: 100%;
	overflow: hidden;
}

.proInfo_s6m {
	margin-top: 45px;
}

.proInfo_s6n {
	margin-top: 45px;
}

.proInfo_s6_b0 {
	padding-bottom: 0;
}

/* 经销商 */
.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;
}

.hl2servmblmn:nth-child(3) {
	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);
}


.hl5faqm {
	border: 1px solid #eee;
	background: #fff;
	padding: 25px 35px;
	transition: all 0.3s ease;
}

.hl5faqm {
	width: 100%;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-top: 25px;
}

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

.hl5faqmp1 {
	font-size: 20px;
	font-weight: var(--b400);
	color: var(--color);
	line-height: 1.4;
}

.hl5faqmp2 {
	color: #666;
	padding: 20px;
	background: #fcfcfc;
	border: 1px solid #eee;
	margin-top: 5px;
}

.hl5faqmp2 {
	padding: 0;
	background: none;
	border: none;
	transition: all 0.4s;
}

.hl5faqmxl {
	display: none;
}

.hl5faqmp1 {
	position: relative;
	padding: 15px 0;
	padding-right: 80px;
	line-height: 1.4;
	color: #222;
}

.hl5faqmp1btn {
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	text-align: right;
	line-height: 50px;
}

.hl5faqmp1btn {
	position: absolute;
	right: 0;
}

.hl5faqmp1btn i {
	transition: al 0.3s ease;
	color: var(--color);
}

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

.hl5faqmp1btn2 {
	opacity: 0;
}

.hl5faq {
	width: 100%;
}

.hl5faqmp1 {
	transition: all 0.3s ease;
	cursor: pointer;
}

.hl5faqmp1.cur {
	color: var(--color);
}

.hl5faqmp1.cur .hl5faqmp1btn2 {
	opacity: 1;
}

.hl5faqmp1.cur .hl5faqmp1btn1 {
	opacity: 0;
}

.hl5faqm:hover .hl5faqmp1 {
	color: var(--color);
}

.hl5faqm:hover {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

.hl5faqm.cur {
	background: var(--color);
}

.hl5faqm.cur .hl5faqmp1.cur {
	color: #fff;
}

.hl5faqm.cur .hl5faqmp2,
.hl5faqm.cur .hl5faqmp1btn i {
	color: #fff;
}


.hl3cpzsm {
	border: 1px solid #eee;
	background: #fff;
	padding: 25px 35px;
	transition: all 0.3s ease;
}

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

.hl3cpzsp1 {
	font-size: 20px;
	font-weight: var(--b400);
	color: var(--color);
	line-height: 1.4;
}

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

.hl3cpzsb,
.hl3cpzsb a {
	color: #666;
	font-size: 18px;
}

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

.hl3cpzsa {
	width: calc(90% - 230px)
}

.hl3cpzsb {
	width: 230px;
	display: flex;
	justify-content: space-between;
}

.hl3cpzsb a {
	display: flex;
	align-items: center;
}

.hl3cpzsb i {
	line-height: 1;
	margin-right: 5px;
}

.hl3cpzsba1 i {
	font-size: 25px;
}

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

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

.hl3cpzsm {
	margin-top: 25px;
}

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

.hl3cpzsm:hover {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

.hl3hyzsa {
	border: 1px solid #eee;
	background: #fff;
	padding: 25px 35px;
	transition: all 0.3s ease;
}

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

.hl3hyzsa {
	margin-top: 25px;
}

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

.hl3hyzsa:hover {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

.hl3cpzsaimg {
	width: 22%;
	overflow: hidden;
}

.hl3cpzsaimg img {
	width: 100%;
}

.hl3hyzsawz {
	width: 78%;
	padding-left: 25px;
}

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

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

.hl3hyzsp3 {
	color: #333;
	margin-top: 10px;
}



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

/* 经销商 */

/* 解决方案内页 */
.sold14 {
	padding-top: 60px;
}

.sold14m {
	justify-content: center;
	border-bottom: 1px solid #ddd;
}

.sold14n {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 5%;
	cursor: pointer;
}

.sold14n {
	position: relative;
	padding-bottom: 10px;
}

.sold14nm {
	width: 100%;
	text-align: center;
}

.sold14n:before {
	position: absolute;
	width: 0;
	left: 50%;
	content: '';
	transition: all 0.4s;
	bottom: -1px;
	height: 2px;
	background: var(--color);
}

.sold14span {
	width: 100%;
	color: #666;
	transition: all 0.4s;
	display: block;
	vertical-align: top;
}

.sold14span {
	margin-top: -10px;
}

.sold14icon {
	width: 140px;
	height: 140px;
	position: relative;
	display: inline-block;
}

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

.sold14n:hover:before,
.sold14n.cur:before {
	width: 100%;
	left: 0;
}

.sold14n.cur .sold14span,
.sold14n:hover .sold14span {
	color: var(--color);
}

.sold14swiper {
	overflow: hidden;
	border-radius: 0;
	padding-bottom: 30px;
}

.sold14swiperimg {
	width: 100%;
	vertical-align: top;
	border-radius: var(--border15)
}

.sold14xf {
	right: 2%;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	transition: all 0.5s
}

.sold14xf {
	position: absolute;
	width: 30%;
	padding: 50px;
	border-radius: var(--border15);
	z-index: 3;
	color: #fff;
}

.sold14xf {
	background-color: hsla(0, 0%, 100%, .7);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.sold14xf-relative {
	background: rgba(255, 255, 255, 0.7)
}

.sold14xf-relative {
	position: relative;
	width: 95%;
	margin: 0 auto;
	top: 0;
	transform: none;
	opacity: 1;
	color: #222;
}

.sold14xf-relative {
	right: 0 !important;
	box-shadow: 0 15px 20px rgba(0, 0, 0, 0.08);
	border-radius: var(--border15);
	margin-top: -116px;
	z-index: 3;
}

.sold14xfp1 {
	font-size: 38px;
	line-height: 1.4;
	color: #222;
	font-weight: var(--b400)
}

.sold14xfp2 {
	margin-top: 25px;
}

/*.sold14xfp2{max-height: 300px;}*/
.pubscroll {
	overflow: hidden;
}

.sold14xfp2 h4 {
	font-size: 20px;
	margin-top: 35px;
	color: #222;
	line-height: 1.2;
	font-weight: var(--b400)
}

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

.sold14xfp2 p:nth-child(1) {
	margin: 0;
}

.sold14slide.swiper-slide-active .sold14xf {
	opacity: 1;
	right: 5%;
}

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

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

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
	display: none !important;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
	background: none !important;
}

.mCSB_scrollTools .mCSB_dragger {
	height: 40px;
}

.mCSB_inside>.mCSB_container {
	margin-right: 5px;
}

.mCSB_scrollTools {
	width: 2px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	margin: 0;
	left: 0;
	background: var(--color) !important;
	opacity: 1 !important;
}

.pubscroll-fff .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff !important;
}

.sold14swiper {
	margin-top: 65px;
}

.sold14swiper {
	animation-name: scrP20;
}

/* .sold14xf{animation-name:scrP21;} */
/* @keyframes scrP20{
					0%{
						-webkit-clip-path:inset(45px 5vw 0 round var(--border15) var(--border15) var(--border15) var(--border15));clip-path:inset(45px 5vw 0 round var(--border15) var(--border15) var(--border15) var(--border15))
					}
					to
					{
						-webkit-clip-path:inset( 0 round var(--border15) var(--border15) var(--border15) var(--border15));clip-path:inset(0 round var(--border15) var(--border15) var(--border15) var(--border15))
					}
				} */
@keyframes scrP20 {
	0% {
		transform: scale(1.1);
	}

	to {
		transform: scale(1);
	}
}

@keyframes scrP21 {
	0% {
		opacity: 0;
	}

	80% {
		opacity: 0;
	}

	83% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

/* 解决方案内页 */

/* 关于 */
.hl2ac2 {
	position: relative;
	overflow: hidden;
}

.hl2ac2m {
	position: relative;
	z-index: 3;
}

.hl2ac2na {
	width: 45%;
}

.timeline-swiper {
	overflow: hidden;
	position: relative;
	width: 560px;
	height: 560px;
	padding-right: 10px;
}

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

.hl2ac2slide {
	display: flex;
	justify-content: flex-end;
	cursor: pointer;
}

.year-wrapper {
	transition: all .4s ease;
	display: flex;
	align-items: center;
}

.year-wrapper {
	opacity: 0;
	transform: translateX(100px);
}

.hl2ac2nyear {
	color: #bebebe;
	line-height: 1;
	font-weight: var(--b400);
	font-size: 45px;
	transform-origin: right;
	-webkit-transform-origin: right;
}

.hl2ac2ndot {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #999;
}

.hl2ac2ndot {
	margin-left: 15px;
}

.hl2ac2swiper .swiper-slide-visible .year-wrapper {
	opacity: 1;
	transform: translateX(10px);
}

.hl2ac2swiper .swiper-slide-visible .hl2ac2nyear {
	transform: scale(0.75);
}

.hl2ac2swiper .swiper-slide-active .year-wrapper {
	transform: translateX(-148px);
}

.hl2ac2swiper .swiper-slide-active .hl2ac2nyear {
	transform: scale(1.2);
}

.hl2ac2swiper .swiper-slide-active .hl2ac2nyear {
	color: var(--color);
}

.hl2ac2swiper .swiper-slide-active .hl2ac2ndot {
	background-color: var(--color);
}

.hl2ac2swiper .swiper-slide-next .year-wrapper,
.hl2ac2swiper .swiper-slide-prev .year-wrapper {
	transform: translateX(-120px);
}

.timeline-halfcircle {
	position: absolute;
	width: 100%;
	height: 460px;
	top: 50%;
	right: -70%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.timeline-halfcircle {
	border: 1px solid #bebebe;
	border-radius: 9999px
}

.timeline-fade {
	pointer-events: none;
	position: absolute;
	width: 25%;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 1;
}

.timeline-fade {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(70%, hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, .85)));
	background-image: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0) 70%, hsla(0, 0%, 100%, .85));
	background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 70%, hsla(0, 0%, 100%, .85))
}

.hl2ac2n {
	align-items: flex-start;
}

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

.hl2ac22bg {
	left: 0;
	top: 0;
}

.hl2ac2wz {
	margin-top: 65px;
}

.hl2ac2wzimg img {
	width: 100%;
}

.hl2ac2wzms {
	font-size: 22px;
	padding: 35px;
	padding-bottom: 0;
}

.hl2ac2wzslide {
	opacity: 0 !important;
	transition: all 0.3s ease;
}

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

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

.hl10abimg img {
	width: 100%;
}

.hl10abp3 {
	margin-top: 55px;
}

.hl10abp2 {
	margin-top: 20px;
}

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

.hl10abwzm {
	padding: 0 10%;
}

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

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

.hl10abm1 {
	padding-top: 120px;
}



.global {
	background: #01398e;
	position: relative;
	z-index: 6;
}

.dqearth {
	position: relative;
	z-index: 5;
}

.dqearthnum {
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
	z-index: 5;
	width: 530px;
}

.dqearthnum {
	padding-bottom: 70px;
}

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

.dqearthp2 span {
	font-size: 100px;
	line-height: 100px;
	font-weight: var(--b400);
}

.dqearthnum ul {
	box-sizing: content-box;
}

.dqearthnum ul:nth-child(1) {
	width: 120px;
	padding-left: 90px;
}

.dqearthnum ul:nth-child(2) {
	width: 120px;
	padding-right: 90px;
}

/* .dqearthnum ul:nth-child(3){width: 100%;} */
.dqearthp2 {
	margin-top: 0;
}

#container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	right: 0;
	bottom: 0;
	margin: auto;
}

.global_tit {
	position: absolute;
	top: 100px;
	z-index: 6;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
}

/* .kbg{height: 30vh;} */
.globalcase {
	margin-top: 2%;
}

.dqearthnum {
	transform: translateX(-50%);
	bottom: 0;
	top: auto;
}

.dqearthp1 {
	text-align: center;
}

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

.globaltits {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 8;
	top: 100px;
}


.xbbf {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 5;
	bottom: 7%;
}

#container {
	position: absolute;
}

.pubp31 {
	font-size: 18px;
}

.dqearthp2 {
	width: 130px;
	position: relative;
}

.dqearthp2 i {
	line-height: 1;
	display: block;
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 24px;
	font-style: normal;
}

.dqeartha {
	padding-bottom: 30px;
}

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

.dqearthc {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}

.globalswiper {
	position: relative;
	height: 150px;
}

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

.globalswiperimg {
	height: 110px;
	width: 110px;
}

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

.globalswiperwz {
	width: calc(100% - 110px);
}

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

.globalcasetit {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	color: #fff;
}

.globalcasetit {
	padding-bottom: 25px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.globalcasetitl {
	font-size: 16px;
	line-height: 1;
}

.globalcasetitl span {
	padding: 8px 25px;
	border: 1px solid rgba(255, 255, 255, 0.8);
	border-radius: 30px;
	margin-right: 20px;
}

.globalcasetitl span {
	cursor: pointer;
	transition: all 0.3s ease;
}

.globalcasetitl span.on {
	background: #fff;
	color: #000;
}

.globalcasebtn {
	display: flex;
	justify-content: flex-end;
	margin-top: 45px;
}

.globalcasebtnm {
	cursor: pointer;
	border: 1px solid rgba(255, 255, 255, 1);
	transition: all 0.3s ease;
}

.globalcasebtnm.swiper-button-disabled {
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.globalcasebtnm {
	height: 42px;
	line-height: 40px;
	width: 50%;
	box-sizing: border-box;
}

/* .globalcasebtnm1{border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
						.globalcasebtnm2{border-top-right-radius: 5px;border-bottom-right-radius: 5px;} */
.globalcasebtnm {
	color: #fff;
	text-align: center;
}

.globalswiper {
	margin-top: 40px;
}

.globalswiperm {
	position: relative;
}

.globalswipermn {
	overflow: hidden;
	height: 100%;
	width: 100%;
}

.globalswipermna {
	padding: 20px;
	box-sizing: border-box;
	background: hsla(0, 0%, 50%, .1);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.globalswipermna {
	display: block;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
}

/* .globalswipermn{transform: translateX(150%);visibility: hidden;opacity: 0;transition: cubic-bezier(0.23, 1, 0.32, 1) 1s;
				transition-property: transform, opacity;} */
/* .active  .globalswipermn {transform: translateX(0%);visibility: visible;opacity: 1;} */
/* .globalswiperm:nth-child(1) .globalswipermn{transition-delay: calc(0.1s* 1);}
						.globalswiperm:nth-child(2) .globalswipermn{transition-delay: calc(0.1s* 2);}
						.globalswiperm:nth-child(3) .globalswipermn{transition-delay: calc(0.1s* 3);}
						.globalswiperm:nth-child(4) .globalswipermn{transition-delay: calc(0.1s* 4);}
						.globalswiperm:nth-child(5) .globalswipermn{transition-delay: calc(0.1s* 5);} */
.globalswiperimg {
	width: 30%;
	border-radius: 10px;
	overflow: hidden;
}

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

.globalswiperwz {
	width: 70%;
	padding: 3% 30px;
	color: #fff;
	padding-right: 0;
}

.globalswiperwz {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.globalswipermna {
	display: flex;
}

.globalcasep1 {
	font-size: 20px;
	line-height: 1.4
}

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

.globalcasep2 i {
	width: 40px;
	height: 40px;
	text-align: center;
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
	line-height: 40px;
}

.globalcasep2 i {
	border-radius: 50%;
}

.globalswiperm:hover .globalswipermna {
	background: #002e6d;
	transition: 600ms ease;
}

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

.globalswiperm {
	display: flex;
}

.global {
	height: 100vh;
	min-height: 850px;
	padding: 0;
	overflow: hidden;
}

/* #container{height: 108%;width: 108%;left: -4%;top:-4%} */

.global {
	height: 100vh;
	background: #fff;
}

.globalx {
	top: 100px;
	will-change: opacity, clip-path;
	animation-name: scrP9
}

.globaltits {
	animation-name: scrP11;
	color: var(--color);
}

.globaltits .pubh1 {
	color: inherit;
}

.xbbf {
	margin-top: 30px;
}

@keyframes scrP11 {
	0% {
		color: var(--color)
	}

	to {
		color: #fff
	}
}

@keyframes scrP9 {
	0% {
		top: 100px;
		opacity: 1;
		-webkit-clip-path: inset(10vh 10vw 0 round 1.64583vw 1.64583vw 0 0);
		clip-path: inset(10vh 10vw 0 round 1.64583vw 1.64583vw 0 0)
	}

	to {
		opacity: 1;
		top: 0;
		-webkit-clip-path: inset(0 round 0 0 0 0);
		clip-path: inset(0 round 0 0 0 0)
	}
}

.xbbf {
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
}

.dqearthnum {
	position: relative;
	transform: none;
	left: 0;
}

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

/* 1211 */
.xbbf {}

/* 关于 */

.gl27 {
	flex-wrap: wrap;
	width: 100%;
	justify-content: flex-start;
}

.gl27a {
	width: 31.33%;
	margin-right: 3%;
	margin-top: 3%;
	transition: all 0.4s;
}

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

.gl27img {
	overflow: hidden;
}

.gl27img img {
	width: 100%;
	vertical-align: top;
	transition: all 0.4s;
}

.gl27a {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.gl27p1 {
	color: #666;
}

.gl27p2 {
	color: var(--color);
	font-weight: var(--b400);
	font-size: 20px;
}

.gl27wz {
	padding: 25px;
}

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

.gl27a:hover {
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.08);
}

/* 投资者 */
.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%;
	justify-content: flex-start;
}

.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);
	line-height: 1.4;
}

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

/* 投资者 */

.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 {
	max-width: 100%;
}

.newd20ap1 {
	color: #666;
}

.newd20ap2 {
	font-weight: var(--b400);
	font-size: 26px;
	color: #222;
	line-height: 1.4
}

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

.hl23newm {
	border-top: 2px solid var(--color);
	margin-top: 25px;
	padding-top: 50px;
}

.hl23new,
.hl23newm {
	width: 100%;
}

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

.hl23newmimg img {
	width: 100%;
	transition: all 0.4s;
}

.hl23newm {
	flex-wrap: wrap;
	justify-content: flex-start;
}

.hl23newma {
	width: 31%;
	margin-right: 3%;
	margin-top: 3%;
}

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

.hl23newma:nth-child(-n+3) {
	margin-top: 0;
}

.hl23newmwz {
	border: 1px solid #eee;
	border-top: none;
	padding: 25px;
	transition: all 0.4s;
}

.hl23newmwz {
	position: relative;
	padding-right: 80px;
}

.hl23newmwz i {
	position: absolute;
	right: 20px;
	bottom: 20px;
	text-align: center;
	transition: all 0.3s ease;
	font-size: 14px;
}

.hl23newmwz i {
	border: 1px solid #eee;
	color: var(--color);
	display: block;
	width: 40px;
	height: 40px;
	line-height: 38px;
	border-radius: 50%;
}

.hl23newmp1 {
	color: #888;
}

.hl23newmp2 {
	font-size: 20px;
	font-weight: var(--b400);
	line-height: 1.4;
	margin-top: 5px;
	transition: all 0.4s;
}

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

.hl23newma:hover .hl23newmp2 {
	color: var(--color);
}

.hl23newma:hover .playbtn {
	width: 60px;
	height: 60px;
	background: #fff;
}

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

.hl23newma:hover .hl23newmwz i {
	background: var(--color);
	border-color: var(--color);
	color: #fff;
}

.hl23llgc {
	flex-wrap: wrap;
	justify-content: flex-start;
}

.hl23llgca {
	width: 31%;
	margin-right: 3%;
	margin-top: 3%;
}

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

.hl23llgca:nth-child(-n+3) {
	margin-top: 0;
}

.hl23llgcaimg {
	overflow: hidden;
}

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

.hl23llgcawz {
	padding: 35px;
	border: 1px solid #eee;
	position: relative;
	border-top: none;
}

.hl23llgcawz:before {
	position: absolute;
	width: calc(100% + 2px);
	left: -1px;
	bottom: 0;
	content: '';
	height: 100%;
	background: var(--color);
	opacity: 0;
}

.hl23llgcawz:before {
	background: linear-gradient(90deg, rgba(0, 108, 184, 1) 0%, rgba(2, 121, 204, 1) 50%, rgba(14, 133, 217, 1) 100%);
}

.hl23llgcp1,
.hl23llgcp2 {
	position: relative;
	top: 0;
	line-height: 1.4;
}

.hl23llgcp1 {
	color: var(--color);
	font-size: 14px;
}

.inv11p3,
.hl23llgcp1,
.hl23llgcp2,
.hl23llgcawz:before,
.hl23llgcaimg img {
	transition: all 0.4s;
	z-index: 2;
}

.hl23llgcp2 {
	font-size: 20px;
	color: #222;
	margin-top: 10px;
}

.hl23llgcp3 {
	bottom: 10px;
	opacity: 0;
	border-color: #fff;
	color: var(--color);
	background: #fff;
}

.hl23llgca:hover .hl23llgcp3 {
	bottom: 35px;
	opacity: 1;
}

.hl23llgca:hover .hl23llgcawz:before {
	opacity: 1;
	height: calc(100% + 70px);
}

.hl23llgca:hover .hl23llgcp1,
.hl23llgca:hover .hl23llgcp2 {
	color: #fff;
	top: -70px;
}

.hl23llgca:hover .hl23llgcaimg img {
	transform: scale(1.2);
}

.hl23llgc {
	margin-top: 0;
	padding-top: 50px;
}

.hl23hdzh {
	flex-wrap: wrap;
}

.hl23hdzha {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ddd;
}

.hl23hdzha {
	padding: 50px 0;
	position: relative;
}

.hl23hdzha:before {}

.hl23hdzhimg {
	width: 30%;
	overflow: hidden;
}

.hl23hdzhimg img {
	max-width: 100%;
	transition: all 0.4s;
}

.hl23hdzhwz {
	width: 70%;
	padding-left: 8%;
}

.hl23hdzhp1 {
	font-size: 24px;
	font-weight: var(--b400);
	padding-bottom: 10px;
	color: #222;
	line-height: 1.4
}

.hl23hdzhp0 {
	position: relative;
	padding-left: 25px;
	color: #555;
	margin-top: 10px;
	line-height: 1.4;
}

.hl23hdzhp0 i {
	position: absolute;
	left: 0;
	top: 0px;
}

.hl23hdzha:before {
	position: absolute;
	width: 100%;
	height: 1px;
	background: var(--color);
	content: '';
	z-index: 1;
	left: 0;
	bottom: 0;
}

.hl23hdzha:before {
	transform: scaleX(0);
	transform-origin: right center;
	transition: transform .6s;
}

.hl23hdzha:hover .hl23hdzhp1 {
	color: var(--color);
}

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

.hl23hdzha:hover:before {
	transform: scaleX(1);
	transform-origin: left center;
}

.hl23hdzha:last-child {}

.hl23order {
	display: inline-block;
	padding: 8px 30px;
	background: var(--color);
	color: #fff;
	margin-top: 35px;
}

.hl23order0 {
	margin-top: 0;
}

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

.consmsga i {
	width: 45px;
	height: 45px;
	position: relative;
	margin-right: 5%;
}

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

.consuctk {
	color: #666;
}

.consuctk a {
	text-decoration: underline;
}

.consua {
	padding-bottom: 0;
}

.consuctxt {
	background: none;
	border: none;
}

.consucxlm {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-bottom: 1px solid #ddd;
}

.consucxlm {
	align-items: center;
	padding: 30px 0;
}

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

.laymsgamxn:first-child {
	padding-top: 15px;
}

.consuclabel {
	font-size: 24px;
	width: 75px;
	line-height: 30px;
	height: 30px;
	color: #333;
}

.consuctxt {
	line-height: 30px;
	box-sizing: border-box;
	color: #555;
	height: 30px;
}

.consuctxt:focus {
	border: none;
}

.consuclabel i {
	color: var(--color);
	font-size: 16px;
	vertical-align: text-top;
	padding-left: 5px;
	font-style: normal;
}

.consucxl,
.consucxr {
	width: 47%;
}

.consucity .layui-unselect,
.consuctxt {
	border: none;
	width: calc(100% - 75px);
}

.consucityicon {
	position: absolute;
	right: 0;
	z-index: 3;
	top: 50%;
	height: 30px;
	line-height: 30px;
	margin-top: -15px;
}

.consucity {
	position: relative;
}

.consucxr {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.consucxr .consuclabel {
	width: auto;
}

.consuctext {
	width: 100%;
	border: none;
	background: none;
	outline: none;
	background: #fff;
}

.consuctext {
	height: calc(100% - 50px);
	margin-top: 20px;
	padding: 20px;
	box-sizing: border-box;
}

.consuctext:focus {
	border: none;
}

.consuctext,
.consuctxt,
.consucity .layui-form-select .layui-input {
	font-size: 16px;
	color: #555;
}

.consucx {
	margin-top: 45px;
}

.consucity .layui-form-select .layui-input {
	padding-left: 0;
	width: 100%;
}

.consucity .layui-form-select dl dd.layui-this {
	background: var(--color);
}

.consucity .layui-form-select dl {
	padding-top: 10px;
	padding-bottom: 10px;
}

.consucity .layui-form-select dl dd {
	padding: 5px 20px;
}

.consucity .layui-form-select dl {
	max-height: 490px;
	overflow-y: auto;
}

.layui-form-select dl dd:first-child {
	display: none;
}

.consuctk {
	margin-top: 25px;
}

.consucbtn {
	margin-top: 45px;
	display: flex;
}

.laymsga {
	position: fixed;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	top: 50%;
	transform: translateY(-50%);
}

.laymsga {
	background: #fff;
	z-index: 7999;
}

.laymsgam {
	padding: 35px 60px;
}

.laymsgap1 {
	font-size: 30px;
	padding-bottom: 30px;
}

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

.laymsgamxn,
.laymsgamx2m {
	width: 49%;
}

.consuclabel-1 {
	width: 90px;
	font-size: 16px;
}

.consuctxt-1,
.laymsga .layui-unselect {
	width: calc(100% - 90px);
}

.consuclabel-2 {
	width: 135px;
	font-size: 16px;
}

.consuctxt-2 {
	width: calc(100% - 135px);
}

.laymsgamxn {
	padding-top: 15px;
	padding-bottom: 15px;
}

.laymsgamt {
	display: flex;
	justify-content: center;
	margin-top: 45px;
}

.laymsgaclose {
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	cursor: pointer;
	font-size: 20px;
}

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

.laymsga .layui-form-select .layui-input,
.consuctxt-1 {
	font-size: 16px;
}

.laymsga {
	display: none;
}

.laymsgamx2m .consucxlm {
	padding-top: 15px;
}

@media only screen and (max-width:1024px) {
	.laymsgam {
		padding: 25px;
	}

	.laymsgap1 {
		font-size: 20px;
	}

	.laymsga {}

	.consucxl,
	.consucxr {
		width: 100%;
	}

	.consucxlm {
		padding: 15px 0;
	}

	.consuclabel {
		width: 60px;
	}

	.consuclabel-2 {
		width: 135px;
	}

	.consuctxt,
	.consucity .layui-unselect {
		width: calc(100% - 60px);
	}

	.consuctxt-2 {
		width: calc(100% - 135px)
	}

	.consuctext {
		width: 100%;
		margin-top: 10px;
	}

	.consucxr {
		margin-top: 15px;
	}

	.consuctext {
		padding: 15px;
		line-height: 25px;
		height: 130px;
	}

	.wylyambbtn {
		height: 45px;
		line-height: 45px;
		padding: 0 40px;
	}

	.laymsga {
		width: 100%;
		left: 0;
		margin-left: 0;
	}

	.laymsgam {
		padding: 20px;
	}

	.laymsgamxn {
		width: 100%;
		padding-bottom: 10px;
	}

	.laymsgamxn:first-child {
		padding-top: 10px;
	}

	.laymsgap1 {
		padding-bottom: 5px;
	}
}

/* esg */
.esg24ap2 {
	margin-top: 30px;
}

.esg24ap2 p {
	margin-top: 5px;
}

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

.esg24ap3 {
	flex-wrap: wrap;
	width: 100%;
	margin-top: 60px;
}

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

.esg24ap3a {
	line-height: 1.2;
	color: var(--color);
	margin-top: 0;
}

.esg24ap3b {
	font-size: 20px;
}

.esg24ap3m {
	text-align: center;
}

.esg24ap3icon {
	display: inline-block;
	width: 145px;
	height: 145px;
	border-radius: 50%;
	position: relative;
}

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



.esg24cswiper {
	overflow: hidden;
	padding: 45px 0;
	position: relative;
}

.esg24c {
	position: relative;
}

.esg24c:before {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	content: '';
	height: 75%;
	background: #f8f8f8;
	z-index: -1;
}

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

.esg24cp2 {
	color: #444;
	margin-top: 15px;
}

.esg24cp3 {
	margin-top: 45px;
}

.esg24cimg {
	width: 405px;
	transition: all 0.4s;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.06);
	display: block;
}

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

.esg24cwz {
	width: calc(100% - 405px);
	padding-left: 7%;
	padding-top: 20px;
}

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

.esg24csub {
	position: absolute;
	width: 42%;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

.esg24csub {
	position: absolute;
	bottom: 45px;
	z-index: 3;
}

.esg24csub img {
	width: 100%;
}

.esg24csubm {
	width: 32%;
}

.esg24cslide {
	opacity: 0 !important;
}

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

.esg24csub .esg24csubm {
	cursor: pointer;
	pointer-events: inherit
}

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

.esg24dtit {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	top: 100px;
}

.esg24dp1 {
	font-weight: var(--b400);
	font-size: 32px;
	line-height: 1.4;
	color: #fff;
}

.esg24dp2 {
	color: #fff;
	text-align: justify;
	margin-top: 10px;
}

.esg24dp3 {
	padding-top: 20px;
}

.esg24dp3 {
	display: flex;
	width: 335px;
	flex-wrap: wrap;
}

.esg24dp3m {
	width: 105px;
	margin-right: 10px;
	margin-top: 10px;
	background: var(--color);
}

.esg24dp3m img {
	width: 100%;
	transition: all 0.4s;
}

.esg24dp3m:nth-child(2) {
	margin-right: 5%;
}

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

.esg24dp3m:hover img {
	transform: translate(10px, -10px);
}

.esg24dwz {
	border-radius: var(--border15);
	padding: 45px;
	width: 50%;
	position: relative;
	z-index: 3;
}

.esg24dwz {
	background-color: hsla(0, 0%, 100%, .1);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.esg24dswiperbg {
	position: absolute;
	width: 108%;
	height: 108%;
	left: -4%;
	top: -4%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.esg24dslide {
	padding-top: 280px;
}

.esg24dswiper {
	overflow: hidden;
}

.esg24dbtn {
	position: absolute;
	width: 230px;
	z-index: 5;
	right: 0;
	bottom: 100px;
}

.esg24dbtn {
	right: calc((100% - var(--widths)) / 2);
}

.esg24dbtnx {
	background: #fff;
	height: 50px;
	border-radius: 50px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.esg24dbtnm {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	position: absolute;
	top: 0;
	z-index: 4;
}

.esg24dbtnm i {
	position: relative;
	z-index: 3;
	font-size: 18px;
}

.esg24dbtnm:before {
	position: absolute;
	width: 0;
	height: 100%;
	border-radius: 50%;
	background: var(--color2);
	content: '';
	position: absolute;
	top: 0;
}

.esg24dbtnm:before,
.esg24dbtnm i {
	transition: all 0.4s;
}

.esg24dbtnm.left {
	left: 0;
}

.esg24dbtnm.left:before {
	left: 0;
}

.esg24dbtnm.right {
	right: 0;
}

.esg24dbtnm.right:before {
	right: 0;
}

.esg24dbtnm:hover:before {
	width: 100%;
}

.esg24dbtnm:hover i {
	color: #fff;
}

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

.esg24dbtntxt span {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	transition: all 0.4s;
}

.esg24dbtntxt span {
	opacity: 0;
	height: 100%;
}

.esg24dbtntxt span.cur {
	opacity: 1;
}

.esg24dpage {
	position: relative;
	width: 100%;
	left: 0 !important;
	bottom: 0 !important;
	display: flex;
	justify-content: center;
	margin-top: 15px;
}

.esg24dpage span {
	width: 10px;
	height: 10px;
	background: #fff;
	opacity: 0.5 !important;
}

.esg24dpage span.swiper-pagination-bullet-active {
	opacity: 1 !important;
	background: var(--color);
}

/* esg24d */

.esg24e {
	background-color: #f8f8f8;
}

.esg24ep1a {
	font-size: 28px;
	line-height: 1.4;
}

.esg24ep1b {
	margin-top: 10px;
}

.esg24ep1 {
	padding: 45px 0;
	padding-bottom: 20px;
}

.esg24eswiper {
	overflow: hidden;
	margin-top: 15px;
	padding: 35px 0;
	box-sizing: content-box;
}

.esg24eslidep3i {
	position: relative;
	right: 0;
	bottom: 0;
}

.esg24eslidep3 {
	display: flex;
	width: 100%;
	justify-content: flex-end;
}

.esg24eimg {
	overflow: hidden;
}

.esg24eimg img {
	width: 100%;
	vertical-align: top;
	transition: all 0.4s;
}

.esg24eslide {
	background-color: #fff;
	transition: all .4s;
	width: 20%;
	height: auto;
}

.esg24eswz {
	padding: 25px;
}

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

.esg24eslidep2 {
	margin-top: 10px;
	color: #444;
	padding-right: 12%;
	min-height: 100px;
}

.esg24eslidep1,
.esg24eslidep2 {
	transition: all 0.4s;
}

.esg24eswiperbtn1 i {
	transform: rotateZ(180deg);
}

.esg24eslide:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
	background: var(--color);
}

.esg24eslide:hover .esg24eslidep1 {
	color: #fff;
}

.esg24eslide:hover .esg24eslidep2 {
	color: #fff;
}

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

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

.esg24f {
	position: relative;
}

.esg24fp2 {
	color: #fff;
	margin-top: 25px;
}

.esg24f {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.esg24fl {
	width: 40%;
}

.esg24fm {
	align-items: flex-start;
	position: relative;
	z-index: 3;
	justify-content: flex-end;
}

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

.esg24fr {
	width: 630px;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.esg24frx {
	width: 48.5%;
}

.esg24frm {
	width: 100%;
	padding: 30px;
	border-radius: var(--border15);
	margin-top: 30px;
}

.esg24frm {
	background-color: hsla(0, 0%, 100%, .5);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.esg24fimg img {
	width: 100%;
}

.esg24fbg {
	position: sticky;
	top: 0;
	background-attachment: fixed;
}

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

.esg24fwz {
	color: #fff;
	text-align: center;
	padding: 20px;
	padding-bottom: 0;
	line-height: 1.4;
}


/* 售后1 */
.sh25amx {
	flex-wrap: wrap;
	width: 100%;
}

.sh25ab {
	width: 58%;
	text-align: justify;
	font-size: 18px;
}

.sh25bm {
	position: relative;
	overflow: hidden;
	border-radius: var(--border15);
}

.sh25bm img {
	width: 100%;
}

.sh25bma {
	position: absolute;
	width: 100%;
	display: flex;
	left: 0;
	bottom: 50px;
	z-index: 3;
	justify-content: center;
}

.sh25bmam {
	width: 33.33%;
	text-align: center;
	color: #fff;
}

.sh25bmaicon {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	transition: all 0.6s ease;
}

.sh25bmaicon {
	position: relative;
}

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

.sh25bm {
	margin-top: 45px;
}

.sh25bmaicon1 {
	font-size: 22px;
}

.sh25bmaicon2 {
	font-size: 22px;
}

.sh25bmaicon3 {
	font-size: 22px;
}

.sh25bmap1 {
	line-height: 1.4;
	margin-top: 10px;
}

.sh25bmam:hover .sh25bmaicon {
	transform: rotateY(360deg)
}

.sh25c {
	background: #f8f8f8;
	overflow: hidden;
}

.sh25cicon {
	width: 100px;
	height: 100px;
	display: inline-block;
	position: relative;
}

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

.sh25cp1 {
	font-size: 28px;
	font-weight: var(--b400);
	color: var(--color);
	line-height: 1.4;
}

.sh25cp1 span {
	display: block;
	font-size: 18px;
}

.sh25cp2 {
	margin-top: 15px;
	color: #333;
}

.sh25cslide {
	background: #fff;
	transition: all 0.4s;
	padding: 4%;
	width: 32%;
	text-align: center;
	height: auto;
}

.sh25cswiper {
	margin-top: 45px;
}

/* 		.sh25cslide:hover{background: var(--color);transform: scale(1.03);}
				.sh25cslide:hover .sh25cp1{color: #fff;}
				.sh25cslide:hover .sh25cp2{color: #fff;}
				.sh25cslide:hover .sh25cicon1{opacity: 0;}
				.sh25cslide:hover .sh25cicon2{opacity: 1;} */
.sh25cslide:hover {
	transform: scale(1.03);
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.08);
}

.man28a {
	padding-top: 0;
}

.man28abg {
	height: 600px;
	overflow: hidden;
	position: relative;
}

.man28abgm {
	position: absolute;
	width: 108%;
	height: 108%;
	left: -4%;
	top: -4%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.man28atit {
	position: absolute;
	width: 100%;
	z-index: 3;
	left: 0;
	bottom: 60px;
}

.man28am {
	flex-wrap: wrap;
}

.man28amm {
	width: 45%;
	margin-right: 10%;
	margin-top: 45px;
}

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


.sh25dap2 {
	margin-top: 5px;
}

.sh25da {
	flex-wrap: wrap;
	align-items: flex-end;
}

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

.sh25dn {
	margin-top: 45px;
}

.sh25dn {
	width: 100%;
	flex-wrap: wrap;
}

.sh25dn {
	background: #f8f8f8;
	padding: 65px;
}

.sh25dtxt,
.sh25dselect .layui-form-select .layui-input {
	background: #fff;
	border: 1px solid #d3d3d2;
	height: 50px;
	line-height: 48px;
}

.sh25dtxt {
	padding: 0 15px;
	width: 100%;
}

.sh25dnam {
	width: 48.5%;
}

.sh25dnax {
	margin-top: 35px;
}

.sh25dselect .layui-form-select .layui-input {
	padding-left: 15px;
	width: 100%;
}

.sh25dselect .layui-form-select .layui-input:hover {
	border: 1px solid #d3d3d2 !important;
}

.sh25dselect .layui-form-select dl dd.layui-this {
	background: var(--color);
}

.sh25dselect .layui-form-select dl {
	padding-top: 10px;
	padding-bottom: 10px;
}

.sh25dselect .layui-form-select dl dd {
	padding: 5px 20px;
}

.sh25dtext {
	width: 100%;
	height: 100px;
}

.layui-form-select dl dd:first-child {
	display: none;
}

.sh25dtxt::-webkit-input-placeholder,
.sh25dselect .layui-form-select .layui-input::-webkit-input-placeholder {
	color: #999;
	font-size: 16px;
}

.sh25dtxt::-moz-input-placeholder,
.sh25dselect .layui-form-select .layui-input::-moz-input-placeholder {
	color: #999;
	font-size: 16px;
}

.sh25dtxt {
	transition: all 0.3s ease;
}

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

.sh25dm {
	position: relative;
}

.sh25dnb {
	width: 260px;
	padding-top: 15px;
	position: absolute;
	right: 30px;
	top: 65px;
}

.sh25dna {
	width: calc(95% - 260px);
}

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

.sh25dnaxa {
	width: 70px;
	height: 70px;
	text-align: center;
	line-height: 68px;
	border: 1px dotted #d3d3d2;
}

.sh25dnaxa {
	position: relative;
}

.sh25dnaxa i {
	font-size: 22px;
	color: #555
}

.sh25dnaxa input,
.sh25dnaxa button {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}

.sh25dnaxa input,
.sh25dnaxa button {
	width: 100%;
	height: 100%;
	display: block;
	background: none;
	border: none;
	opacity: 0;
	-webkit-opacity: 0;
}

.sh25dnaxb {
	width: 60%;
	padding-left: 20px;
}

.sh25dnaxc {
	padding-top: 12px;
}

.sh25dnaxb {
	line-height: 1.4;
}

.sh25dnaxb span {
	color: #666;
	font-size: 14px;
}

.sh25dnax2 {
	align-items: center;
	justify-content: space-between;
	margin-top: 45px;
}

.sh25dnaxb {
	margin-right: auto;
}

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


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

.sh25dnbcheck .layui-form-checkbox {
	font-size: 14px;
	display: flex;
	align-items: center;
}

.conscheckm {
	padding: 25px 0;
	border-top: 1px solid #ccc;
	display: inline-block;
	margin-left: 3%;
	width: 70%;
}

.sh25dnbcheck .conscheck {
	justify-content: flex-start;
	display: block;
}

.sh25dnbcheck .layui-form-checkbox {
	margin-right: 5% !important;
}

.sh25dnbcheck .layui-form-checkbox:last-child {
	margin-right: 0 !important;
}

.sh25dnbcheck .layui-form-checkbox span {
	font-size: var(--fs18);
	color: #555;
	padding-right: 0 !important;
}

.sh25dnbcheck .layui-form-checked[lay-skin=primary] i {
	width: 18px;
	height: 18px;
	border-color: var(--color) !important;
	background-color: var(--color);
}

.sh25dnbcheck .layui-form-checkbox[lay-skin=primary]:hover i {
	border-color: var(--color) !important;
}

.sh25dnbcheck .layui-form-checkbox[lay-skin=primary] i {
	width: 18px;
	height: 18px;
}


/* 研究院 */
.ins2p1 {
	margin-top: 35px;
}

.ins2p2 {
	color: var(--color);
	flex-wrap: wrap;
	font-size: 22px;
	justify-content: space-between;
}

.ins2p2p1 {
	font-size: 42px;
	line-height: 1;
}

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

.ins2p2p1 em {
	font-size: 20px;
	padding-left: 5px;
}

.ins2p2m {
	text-align: center;
	min-width: 230px;
}

.ins2p2 {
	margin-top: 70px;
}

.ins2p2p2 {
	margin-top: 15px;
}

.ins2img img {
	width: 100%;
}

.ins2img {
	border-radius: var(--border15);
	overflow: hidden;
}

.ins3 {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.ins3p1 {
	color: #fff;
	margin-top: 25px;
	max-width: 50%;
	text-align: justify;
}

.ins3p2 {
	margin-top: 55px;
	width: 575px;
}

.ins3p2 {
	overflow: hidden;
}

.ins3p2wrapper {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.ins3p2wrapper,
.ins3p2slide {
	height: auto;
}

.ins3p2slide {
	background-color: hsla(0, 0%, 100%, .1);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.ins3p2slide {
	width: 48.5%;
	margin-right: 3%;
	margin-bottom: 3%;
}

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

.ins3p2slide {
	padding: 15px;
	overflow: hidden;
}

.ins3p2slide img {
	width: 100%;
}

.ins3p2slide,
.ins3p2slide img {
	border-radius: var(--border5);
}

.ins4m {
	border-radius: var(--border15);
	position: relative;
	overflow: hidden;
	position: relative;
}

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

.ins4wz {
	border-radius: var(--border15);
	overflow: hidden;
	position: absolute;
	z-index: 3;
	width: 390px;
	padding: 50px;
	min-height: 75%;
	padding-top: 4%;
}

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

.ins4wz {
	background-color: hsla(0, 0%, 100%, .1);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

/* .ins4 {animation-name:scr009} */
.ins4m {
	animation-name: scrPi4m;
}

@keyframes scrPi4m {
	0% {
		transform: scale(1.2);
	}

	to {
		transform: scale(1);
	}
}

@keyframes scr009 {
	0% {
		-webkit-clip-path: inset(100px 5vw 0 round 1.64583vw 1.64583vw 0 0);
		clip-path: inset(100px 5vw 0 round 1.64583vw 1.64583vw 0 0)
	}

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

.ins4p2 {
	margin-top: 20px;
	text-align: justify;
}



.qqbj5 {
	background: #f5f8ff;
}

/* 联系我们 */
.abu1 {
	background: #f8f8f8;
}

.abu1a {
	align-items: center;
	flex-wrap: wrap;
	margin-top: 45px;
	background-color: #fff;
}

.abu1al {
	width: 52%;
}

.abu1al img {
	width: 100%;
}

.abu1ar {
	width: 48%;
	padding-left: 5%;
	padding-right: 2%;
}

.abu1arp1 {
	font-size: 30px;
	line-height: 1.4;
	color: var(--color);
	padding-bottom: 20px;
}

.abu1arp2 {
	margin-top: 10px;
}

.abu1arp2 {
	position: relative;
	padding-left: 33px;
	font-size: 18px;
	line-height: 1.4;
}

.abu1arp2 i {
	display: block;
	line-height: 20px;
	position: absolute;
	left: 0;
	top: 0;
}

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

.abu1arp22 i {
	font-size: 20px;
	left: 2px;
}

.abu1b {
	margin-top: 60px;
}

.abu1c {
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 45px;
}

.abu1ca {
	width: 32%;
	margin-right: 2%;
	margin-top: 2%;
}

.abu1ca:nth-child(-n+3) {
	margin-top: 0;
}

.abu1ca {
	background: #fff;
	padding: 35px;
}

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

.abu1cp1 {
	font-size: 30px;
	line-height: 1.4;
	color: var(--color);
	padding-bottom: 25px;
}

.abu1arp1 {
	font-size: 30px;
	line-height: 1.4;
	color: var(--color);
	padding-bottom: 20px;
}

.abu1cp2 {
	margin-top: 10px;
}

.abu1cp2 {
	position: relative;
	padding-left: 33px;
	line-height: 1.4;
}

.abu1cp2 i {
	display: block;
	line-height: 20px;
	position: absolute;
	left: 0;
	top: 0;
}

.abu1cp21 i {
	font-size: 18px;
}

.abu1cp22 i {
	font-size: 16px;
	left: 2px;
}

.abu1cp23 i {
	font-size: 18px;
	top: 2px;
	left: 1px;
}

.abu1ca {
	transition: all 0.3s ease;
}

.abu1ca:hover {
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.06);
	transform: scale(1.03);
}

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


.lx25a {
	background: #f8f8f8;
}

.lx25ax {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-top: 45px;
}

.lx25axa {
	width: 23%;
	margin-right: 2.66%;
	position: relative;
}

.lx25axawx {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 3;
	opacity: 0;
	transition: all 0.3s ease
}

.lx25axawx {
	background: #fff;
}

.lx25axawx img {
	margin: auto;
	inset: 0;
	position: absolute;
	max-height: 80%;
}

.lx25axa:hover .lx25axawx {
	opacity: 1;
}

.lx25axa {
	transition: all 0.3s ease
}

.lx25axa:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.lx25axa {
	background: #fff;
	padding: 25px;
	text-align: center;
}

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

.lx25axp1 {
	display: inline-block;
	width: 70px;
	height: 70px;
	position: relative;
}

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

.lx25axp2 {
	font-size: 24px;
	line-height: 1.2;
	color: #222;
}

.lx25axp3 {
	font-size: 18px;
	line-height: 1.2;
	margin-top: 5px;
	color: #444;
}

.lx25axp4 {
	font-size: 14px;
	color: #888;
	line-height: 1.2;
}




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

.yjyya em {
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	left: -30px;
}

.yjyya em:after,
.yjyya em:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

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

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

.yjyya em:before {
	opacity: 0;
}

.yjyya i {
	font-size: 12px;
	margin-left: 10px;
	opacity: 0.7;
}



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

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

.site-baner-bg {
	width: 105%;
	height: 105%;
	left: -2.5%;
	top: -2.5%;
}

.site-baner-zw {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	top: 50%;
}

.site-baner-zw {
	text-align: left;
}

.site-baner-p1 {
	color: rgba(255, 255, 255, 0.7);
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 15px;
	color: #fff;
}

.site-baner-p3 {
	color: rgba(255, 255, 255, 1);
	font-size: 52px;
	line-height: 1.4;
	font-weight: var(--b700);
}

.site-baner-p2 {
	display: flex;
	justify-content: flex-start;
}

.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 {
	background: hsla(0, 0%, 30%, .4);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.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 .site-baner-slide {
	opacity: 0 !important;
	transition: all 0.8s ease;
}

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

.swiper-slide-active .scales {
	animation: image-zoom-out 6s 0s forwards;
}

@keyframes image-zoom-out {
	from {
		transform: scale(1.08, 1.08)
	}

	to {
		transform: scale(1.0, 1.0)
	}
}

.swiper-slide-active .main-visual-txt1,
.swiper-slide-active .main-visual-txt2,
.swiper-slide-active .main-visual-txt3 {
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.swiper-slide-active .main-visual-txt1 {
	animation-delay: 0.1s;
}

.swiper-slide-active .main-visual-txt2 {
	animation-delay: 0.3s;
}

.swiper-slide-active .main-visual-txt3 {
	animation-delay: 0.5s;
}

.cm-word-split-JS.splitting .char {
	animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.swiper-slide-active .cm-word-split-JS.splitting .char {
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}

@keyframes text-active-animation {
	from {
		opacity: 0;
		filter: Alpha(opacity=0);
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
	}

	to {
		opacity: 1.0;
		filter: Alpha(opacity=100);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes text-active-animation02 {
	from {
		opacity: 0;
		filter: Alpha(opacity=0);
		-webkit-transform: translateY(80px);
		transform: translateY(80px);
	}

	to {
		opacity: 1.0;
		filter: Alpha(opacity=100);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes text-fade-out {
	from {
		opacity: 1.0;
		filter: Alpha(opacity=100);
	}

	to {
		opacity: 0;
		filter: Alpha(opacity=0);
	}
}

.more22 {
	display: flex;
	align-items: flex-start;
	height: 50px;
	line-height: 50px;
	padding: 0 30px;
	border-radius: 999px;
	overflow: hidden;
	position: relative;
}

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

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

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

.more22 i {
	line-height: 50px;
	position: relative;
	margin-left: 8px;
	transform: translateX(0);
}

.more22:hover {
	background: #fff;
}

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

.more22:hover i {
	transform: translateX(5px);
}

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

.more22-color:hover,
.more22-color:hover i {
	color: #fff;
}

.lp-btn_cta {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 50px;
	position: relative;
	height: 50px;
	transform: translateZ(0);
}

.lp-btn_cta {
	border-radius: 52px;
	overflow: hidden;
	padding: 0 25px;
}

.lp-btn_cta-ripple {
	display: block;
	position: absolute;
	top: -.2px;
	left: -.2px;
	right: -.2px;
	bottom: -.2px;
	z-index: 1;
	border-radius: inherit;
}

.lp-btn_cta-ripple span {
	display: block;
	width: 100%;
	height: 100%;
	transform: translateY(101%);
	background: #fff;
	border-radius: 50% 50% 0 0;
	transition: transform .5s cubic-bezier(.4, 0, 0, 1), border-radius .5s cubic-bezier(.4, 0, 0, 1);
}

.lp-btn_cta-title {
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.lp-btn_cta-title span {
	display: block;
	transition: transform .8s cubic-bezier(.16, 1, .3, 1);
}

.lp-btn_cta-title span:after {
	content: attr(data-text);
	display: block;
	position: absolute;
	top: 120%;
	left: 0;
	color: #fff;
}

.lp-btn_cta-icon {
	position: relative;
	margin-left: 5px;
	z-index: 2;
	line-height: 1;
	transition: color .4s, transform .4s;
}

.lp-btn_cta-30 {
	margin-left: 30px;
}

.lp-btn_cta-icon i {
	color: #fff;
}

.lp-btn_cta.noicon .lp-btn_cta-icon {
	display: none;
}

.lp-btn_cta.-color {
	background: var(--color);
	color: #fff;
}

.lp-btn_cta.-bai .lp-btn_cta-ripple span {
	background: var(--blue);
}

.lp-btn_cta.-bai .lp-btn_cta-title span:after,
.lp-btn_cta.-bai .lp-btn_cta-icon i {
	color: #fff;
}

.lp-btn_cta.-outline {
	color: #fff;
	background: 0 0;
}

.lp-btn_cta.-outline:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #fff;
	border-radius: inherit;
	transition: transform .5s;
}

.lp-btn_cta.-outline:after {
	opacity: 1;
}

.lp-btn_cta:hover .lp-btn_cta-ripple span {
	border-radius: 0;
	transform: translateY(0);
	transition-duration: .5s, .9s
}

.lp-btn_cta:hover .lp-btn_cta-title span {
	transform: translateY(-120%)
}

.lp-btn_cta:hover .lp-btn_cta-icon {
	transform: translateX(20%)
}

.lp-btn_cta:hover .lp-btn_cta-icon i,
.lp-btn_cta:hover .lp-btn_cta-title span:after {
	color: var(--color);
}

.lp-btn_cta.-bai:hover .lp-btn_cta-icon i,
.lp-btn_cta.-bai:hover .lp-btn_cta-title span:after {
	color: #fff;
}

.lp-btn_cta:hover:after {
	transform: scale(0.99);
}


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

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

.pbmore3 span {
	color: #fff;
	display: inline-block;
	font-size: 16px;
	line-height: 1;
	position: relative;
	top: 0;
	transition: all .4s;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


.mainbg {
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
	object-fit: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

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

.sgheadm {
	align-items: flex-start;
}

.sgnav {
	display: flex;
}

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

.sgnavli {
	height: 60px;
	line-height: 55px;
	margin: 0;
	margin-right: 6%;
	padding-bottom: 5px;
}

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

.sgright {
	display: flex;
	align-items: center;
	position: relative;
	top: 3px;
}

.sgrightsearch {
	color: #fff;
	font-size: 25px;
	position: relative;
	right: -3px;
}

.aim {
	color: #fff;
	position: relative;
}

.yjyya,
.sgrightsearch,
.aim {
	line-height: 30px;
}

.sgrightline {
	background: #fff;
	margin: 0 40px;
	opacity: 0.3;
	width: 1px;
	height: 15px;
}

.sglogo {
	height: 50px;
}

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

.sglogo1 {
	opacity: 0;
}

.sghead {
	padding-top: 12px;
	padding-bottom: 0;
}

.sglogo {
	margin-top: 28px;
	position: relative;
}

.sglogo1,
.sglogo2 {
	position: absolute;
	left: 0;
	bottom: 0;
}

.sgheadr {
	width: calc(90% - 150px);
}

.sgheadrb {
	border-top: 1px solid #fff;
}

.sgheadra {
	padding-bottom: 10px;
}

.sgheadra,
.sgheadrb {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.aim em {
	padding-right: 50px;
}

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

.aim em,
.aim i {
	line-height: 1;
}

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

.zongxla,
.js_xialam {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	top: 113px;
	display: none;
}

.bhide .sghead {
	top: -151px
}

/* 反白 */

.sghead.scroll {
	background: #fff;
}

.sghead.scroll .sglogo1 {
	opacity: 1;
}

.sghead.scroll .sglogo2 {
	opacity: 0;
}

.sghead.scroll .yjyya,
.sghead.scroll .aim {
	color: #333;
}

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

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

.sghead.scroll .sgheadrb {
	border-color: #ddd;
}

.sghead.scroll .sgnava,
.sghead.scroll .sgrightsearch {
	color: #222;
}

.sghead.scroll .nav__toggle-button span {
	background: #333;
}

.sghead.scroll .sgnavli:hover .sgnava {
	color: var(--color);
}


.sghead.white {
	background: #fff;
}

.sghead.white .sglogo1 {
	opacity: 1;
}

.sghead.white .sglogo2 {
	opacity: 0;
}

.sghead.white .yjyya,
.sghead.white .aim {
	color: #333;
}

.sghead.white .yjyya em:after {
	opacity: 0;
}

.sghead.white .yjyya em:before {
	opacity: 1;
}

.sghead.white .sgheadrb {
	border-color: #ddd;
}

.sghead.white .sgnava,
.sghead.white .sgrightsearch {
	color: #222;
}

.sghead.white .nav__toggle-button span {
	background: #333;
}

.sghead.white .sgnavli:hover .sgnava {
	color: var(--color);
}

.white .sghead {
	background: #fff;
}

.white .sghead .sglogo1 {
	opacity: 1;
}

.white .sghead .sglogo2 {
	opacity: 0;
}

.white .sghead .yjyya,
.white .sghead .aim {
	color: #333;
}

.white .sghead .yjyya em:after {
	opacity: 0;
}

.white .sghead .yjyya em:before {
	opacity: 1;
}

.white .sghead .sgheadrb {
	border-color: #ddd;
}

.white .sghead .sgnava,
.white .sghead .sgrightsearch {
	color: #222;
}

.white .sghead .nav__toggle-button span {
	background: #333;
}

.white .sghead .sgnavli:hover .sgnava {
	color: var(--color);
}

/* 反白 */



.visfoot {
	background-color: #fafafa;
	position: relative;
	z-index: 6;
}

.visfootab,
.visfootaa {
	line-height: 120px;
	width: 120px;
	height: 120px;
	background: #fff;
	text-align: center;
}

.visfootab {}

.visfoota {
	color: var(--color);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

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

.visfootaa {
	padding: 0;
	background: none;
}

.visfootb {
	padding: 60px 0;
	border-top: 1px solid #efefef;
}

.visfootblogo img {
	height: 90px;
}

.visfootbnav h4 {
	font-weight: var(--b600);
	font-size: var(--fs24);
	color: #222;
	padding-bottom: 20px;
}

.visfootbnav a {
	color: #666;
	transition: all 0.3s ease;
}

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

.visfootbnav li {
	margin-top: 12px;
}

.visfootbnav {
	display: flex;
	justify-content: space-between;
	width: calc(80% - 360px);
}

.visfootc {
	background-color: #fff;
	padding: 35px 0;
}

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

.visfootc {
	color: #999;
}

.visfootc a {
	padding-left: 15px;
}

.visfootbleftp2 {
	cursor: pointer;
}

.visfootblefta {
	margin-top: 100px;
	position: relative;
	display: none;
}

.visfootbleftp2sub {
	position: absolute;
	width: 240px;
	text-align: center;
	padding-bottom: 10px;
	display: none;
}

.visfootbleftp2subm {
	background: #fff;
	border-radius: 10px;
	padding: 10px 0;
}

.visfootbleftp2subm a {
	display: block;
	padding: 10px 0;
	line-height: 1.4;
	height: auto;
}

.visfootbleftp2sub {
	right: 0;
	bottom: 100%;
}

.visfootbleftp1 {
	font-size: var(--fs24);
	font-weight: var(--b600);
	line-height: 1;
}

.visfootbleftp2b {
	width: 240px;
	margin-left: 20px;
	position: relative;
	text-align: center;
	font-weight: var(--b600);
	font-size: 18px;
}

.visfootbleftp2b.cur {
	color: var(--color);
}

.visfootbleftp2 {
	display: flex;
	border-bottom: 1px solid #bdbdbd;
	line-height: 50px;
	padding-bottom: 10px;
}

.visfootbleftp2 {
	margin-top: 45px;
	position: relative;
}

.sdicons {
	transition: all 0.3s;
}

.sdicons.cur {
	transform: rotateZ(180deg);
	color: var(--color);
}


.wisoncheckala {
	display: flex;
}

.wisonchecka {
	margin-top: 100px;
}

.wisoncheck {
	background-color: #fff;
	position: relative;
	z-index: 6;
	padding: 200px 0;
}

.wisoncheck {}

.wisoncheck .wish1 {
	color: #fff;
}

.wisoncheck .wisoncheckalb,
.wisoncheck .wisoncheckarb,
.wisoncheck .wisoncheckara {
	color: #fff;
	font-size: 24px;
}

.wisoncheckala i {
	color: #fff;
}

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

.wisoncheckala a,
.wisoncheckara {
	height: 70px;
	line-height: 70px;
}

.wisoncheckala a:nth-child(1) i {
	font-size: 38px;
}

.wisoncheckala a:nth-child(2) i {
	font-size: 36px;
}

.wisoncheckala a:nth-child(3) i {
	font-size: 24px;
}

.wisoncheckala a:nth-child(4) i {
	font-size: 38px;
}

.wisoncheckala a:nth-child(5) i {
	font-size: 32px;
}

.wisoncheckara {
	line-height: 69px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	position: relative;
}

.wisoncheckara i {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1;
	display: block;
	margin-top: 2px;
}

.wisoncheckalb,
.wisoncheckarb {
	margin-top: 30px;
}

.wisoncheckac {
	width: 1px;
	background-color: rgba(255, 255, 255, 0.5);
}

.wisoncheckara {
	border-color: rgba(255, 255, 255, 0.4);
	color: #fff;
}

.wisoncheckal,
.wisoncheckar {
	padding: 20px 0;
}

.wisoncheckarb,
.wisoncheckalb {
	font-size: 24px;
}



.site-baner {
	margin-top: 0;
	position: fixed;
	left: 0;
	top: 0;
}

@keyframes scrP001 {
	0% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.sitehide {
	animation-name: scrP001
}

.sgmore {
	display: flex;
	position: relative;
	height: 42px;
	align-items: center;
	border-radius: 999px;
	overflow: hidden;
	padding: 0 30px;
}

.sgmore {
	border: 1px solid transparent;
}

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

.sgmore:before {
	background: var(--line-bg);
	position: absolute;
	left: 0;
	top: 0;
}

.sgmore span,
.sgmore em {
	position: relative;
	z-index: 3;
}

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

.sgmore i {
	position: relative;
	left: 0;
	margin-left: 8px;
	font-size: 14px;
	line-height: 1;
	top: 1px;
}

.sgmore-line:before {
	opacity: 0;
}

.sgmore-line {
	border-color: #fff;
}

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

.sgmore-fff:before {
	background: #fff;
}

/* .sgmore-fff span{background: linear-gradient(to right, #005fc1, #0098d7);-webkit-background-clip: text; -webkit-text-fill-color: transparent;} */
.sgmore-fff span {
	color: #333;
}

.sgmore-fff i {
	color: #333;
}

.sgmore:hover {
	color: #fff;
}

.sgmore-line:hover:before {
	opacity: 1;
}

.sgmore-line:hover {
	border-color: transparent;
}

.site-baner-page2 {
	z-index: 3;
	width: var(--widths) !important;
}

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

.site-baner-page2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.site-baner-page2 span {
	cursor: pointer;
	width: 30%;
	height: 2px;
	position: relative;
	margin: 0 !important;
	opacity: 1 !important;
	background: none !important;
	border-radius: 0;
	margin: 0 5px !important;
}

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

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

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

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

.site-baner-page2 span:nth-child(1).swiper-pagination-bullet-active:before {
	transition: width 10s ease;
}

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


.site-baner-bg:before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: '';
	z-index: 1;
}

.site-baner-bg:before {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.5) 100%);
}

.site-baner-bg:before {
	opacity: 0.3
}

.site-baner-bgm {
	object-fit: cover;
}

.site-baner-bgm {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}



.more9,
.more9 i {
	/* color: var(--color); */
}

.more9 {
	color: #555;
	font-size: 14px;
}

.more9 {
	display: inline-block;
	line-height: 30px;
	position: relative;
	padding-right: 30px;
}

.more9 i {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	line-height: 30px;
}

.more9 i {
	font-size: 14px;
	display: block;
}

.more9 i {
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	right: 0;
	/* margin-top: 2px; */
}

.more9 i:before {
	position: relative;
	z-index: 1;
}

.more9 i:after {
	width: 100%;
	height: 100%;
	/* background: var(--color); */
	position: absolute;
	content: '';
	inset: 0;
}

.more9 i:after {
	transform: scale(0);
	opacity: 0;
	border-radius: 50%;
}

.more9 i,
.more9 i:after {
	transition: all 0.5s ease;
}

.more9-fff {
	color: #fff;
}

/* .wisalista:hover .more9 i:after{transform: scale(1);opacity: 1;}
			.wisalista:hover .more9 i{right: -10px;color: #fff;} */

.wisap1 {
	font-size: 20px;
	line-height: 1;
	color: #767676;
}

.wisaimg img {
	width: 100%;
}

.wisaimg {
	overflow: hidden;
	border-radius: var(--border10);
}

.wisap2 {
	color: #1b365d;
	margin-top: 30px;
	max-width: 100%;
	line-height: 1.2;
	font-weight: var(--b700);
}

.wisap2 {
	font-size: var(--fs45);
}

.wisawz {
	padding-top: 25px;
}

.wisa {
	position: relative;
	z-index: 6;
	background-color: #fff;
}

.wisalp1 {
	font-size: var(--fs32);
	color: #1b365d;
	font-weight: var(--b700);
	line-height: 1.2;
}

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

.wisalista {
	width: 31%;
	margin-right: 3.5%;
	margin-top: 3.5%;
}

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

.wisalista:nth-child(-n+3) {
	margin-top: 0;
}

.wisalist {
	margin-top: 80px;
}

.wisalp1 span,
.wisaimg img {
	transition: all 0.4s ease;
}


.ggtit span {
	display: inline;
	position: relative;
	line-height: 1.6;
}

.ggtit span {
	background: linear-gradient(to right, #ffffff, #ffffff), 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;
}

.ggtit span {
	padding-bottom: 2px;
}

/* .ggtit_hover:hover .ggtit span {background-size:0 2px,100% 2px;} */
.ggtit_hover:hover .ggtit {
	color: var(--color);
}

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

.ggtit_hover:hover .more9 i:after {
	transform: scale(1);
	opacity: 1;
}

.ggtit_hover:hover .more9 i {
	right: -10px;
	/* color: #fff; */
}

.wisa {
	margin-top: 100vh;
}

.wisalista:hover .wisaimg {
	opacity: 0.7;
	transition: all 0.3s;
}

.heise {
	background: #f9f9f9;
	position: relative;
	z-index: 6;
	transition: all 0.3s ease;
}

.heise.hei {
	background: #01143e;
}

.wisuse,
.wisoncheck {
	background: none !important;
}



.yjylzz {
	position: relative;
}

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

.yjylzzm {
	width: 100%;
}

.yjylzzbg {
	width: 100%;
	min-height: 450px;
	object-fit: cover;
}

.yjylzzbg {
	animation-name: scrP102;
}

.yjylzzp1 {
	animation-name: yjylzzp1s;
}

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

.yjylzzp1 {
	color: #fff;
}

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

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

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

@keyframes scrP102 {
	0% {
		-webkit-clip-path: inset(0 round 0 0 0 0);
		clip-path: inset(0 round 0 0 0 0)
	}

	to {
		-webkit-clip-path: inset(3vh calc((100vw - 1400px) / 2) 0 calc((100vw - 1400px) / 2) round 15px 15px 15px 15px);
		clip-path: inset(3vhcalc((100vw - 1400px) / 2) 0 calc((100vw - 1400px) / 2) round 15px 15px 15px 15px)
	}
}

@keyframes yjylzzp1s {
	0% {
		padding-left: 0;
	}

	to {
		padding-left: 6%;
	}
}

.acaip4 ul img {
	width: 155px !important;
}

.fot14 {
	background: #00143c;
	padding-top: 80px;
	padding-bottom: 0;
	position: relative;
	z-index: 3;
}

.fotgdwz {
	background: #010a0f;
}

.css-18pexiu {
	height: 150px;
	position: relative;
	overflow: hidden;
	font-size: 80px;
	color: var(--color);
	width: 1100px;
	margin: 0 auto;
}

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

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

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

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

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

.fot14b {
	margin-top: 50px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.fot14bap2 input {
	padding: 0 20px;
}

/* .fot14bap2 input:focus {border-color:var(--liang);}
			*/
.fot14bap2 span {
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
}

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

.fot14bap2 span {
	font-size: 16px;
	font-weight: 500;
}

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

.fot14bap2 span:hover {
	opacity: 1;
}

.fot14bap2 {
	background-color: #fff;
	border-radius: 5px;
}

.fot14bap2 span {
	width: 44px;
	height: 44px;
	line-height: 1;
	text-align: center;
	background-color: var(--color);
	color: #fff;
	right: 5px;
	top: 5px;
}

.fot14bap2 span {
	font-size: 18px;
	line-height: 44px;
}

.fot14bap3 {
	margin-top: 35px;
}

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

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

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

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

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

.fot14bb h4 {
	transition: all 0.3s ease;
	color: #fff;
	font-size: 20px;
}

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

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

.fot14bb li a {
	opacity: 0.8;
	transition: all 0.3s ease;
	font-size: 14px;
}

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

.fot14ba {
	width: 400px;
}

.fot14bb {
	width: calc(70% - 260px);
}

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

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

.fot14c,
.fot14c a {
	color: rgba(255, 255, 255, 0.5);
}

.fot14ca {
	display: flex;
}

.fot14ca a {
	margin-right: 20px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
}

.fot14ca a:hover {
	color: #fff;
}

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

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

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

.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;
	position: relative;
}

.ftgwjzm {
	background: var(--color);
	color: #fff;
	display: flex;
	line-height: 35px;
	border-radius: 35px;
	width: 150px;
}

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

.ftgwjzm1 em {
	width: 18px;
	height: 18px;
	position: relative;
	opacity: 1;
	margin-right: 15px;
}

.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);
	opacity: 1;
}

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

.ftgwjzm-line-fff {
	background: none;
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);
}


.yjylzz {
	position: relative;
}

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

.yjylzzm {
	width: 100%;
}

.yjylzzbg {
	width: 100%;
}

.yjylzzm {
	animation-name: scrP102;
}

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

.yjylzzp1 {
	color: #fff;
}

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

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

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

@keyframes scrP102 {
	0% {
		-webkit-clip-path: inset(0 round 0 0 0 0);
		clip-path: inset(0 round 0 0 0 0)
	}

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

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

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

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

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

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

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

.is-inview .css-il8tms,
.aos-animate .css-il8tms {
	animation: animation-zk8gpk 10s linear infinite;
}

.fot14b {
	margin-top: 50px;
}

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

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

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

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

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

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

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

.fot14bap2put::placeholder {
	color: #999 !important;
	opacity: 1 !important;
	/* Firefox默认会降低透明度，需要重置 */
}



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

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

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

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

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

.fot14bap2 input {
	padding: 0 20px;
}

/* .fot14bap2 input:focus {border-color:var(--color);}
			*/
.fot14bap2 span {
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	overflow: hidden;
	text-align: center;
}

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

.fot14bap2 span {
	font-size: 16px;
	font-weight: 500;
}

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

.fot14bap2 span:hover {
	opacity: 1;
}

.fot14bap3 {
	margin-top: 35px;
}

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

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

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

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

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

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

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

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

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

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

.fot14ba {
	width: 400px;
}

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

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

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

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

.fot14ca {
	display: flex;
}

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

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

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

.fot14cb span {
	margin: 0 10px;
}

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

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

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

.fotgdwz,
.fot14,
.fot14,
.yjylzz:before {
	background: #fafafa;
}

.css-18pexiu::before {
	background-image: linear-gradient(90deg, rgba(0, 20, 60, 1), rgba(0, 20, 60, 0.4) 30%, rgba(0, 20, 60, 0) 50%, rgba(0, 20, 60, 0.4) 70%, rgba(0, 20, 60, 1));
}

.css-18pexiu {
	color: #b5b5b5;
}

.hgwjzm3 {
	width: 100%;
}

.hgwjzm3 li {
	text-align: center;
}

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

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

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

.fxas2 a {
	font-size: 0;
}

.fxas2 a {
	color: #fff;
}

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

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

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

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

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

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

.hgwjzm3 {
	width: 100%;
}

.hgwjzm3 li {
	text-align: center;
}

.wsfxac {
	display: flex;
	width: 100%;
	margin-top: 70px;
	align-items: center;
	padding: 35px 0;
	justify-content: space-between;
	align-items: flex-end;
}

.wsfxac {
	position: relative;
}

.wsfxac:before,
.wsfxac:after {
	position: absolute;
	width: 0;
	height: 1px;
	background: var(--color);
	content: '';
	left: 0;
	transition: all 4s ease;
}

.wsfxac:before {
	top: 0;
}

.wsfxac:after {
	bottom: 0;
}

.wsfxac:before,
.wsfxac:after {
	background: #fff;
	opacity: 0.2;
}

.wsfxac.is-inview:before,
.wsfxac.is-inview:after,
.wsfxac.aos-animate:before,
.wsfxac.aos-animate:after {
	width: 100%;
}

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

.fxas2 span {
	color: #fff;
	width: 100%;
	padding-bottom: 15px;
}

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

.fxas2 li {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.3);
	text-align: center;
	justify-content: center;
}

.fxas2 a {
	font-size: 0;
}

.fxas2 a {
	color: #fff;
}

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

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

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

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

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

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

.fxas2 li {
	background: var(--color);
}

.fxas i {
	margin-right: 0;
}

.fxas2 li {
	background: none;
	width: auto;
	margin-left: 0;
	margin-right: 40px;
}

.fxas i {
	color: #fff;
}



@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,
.fadeInSway.aos-animate span {
	animation-name: fadeInSway;
	visibility: inherit;
}

[aos].fadeInSway span {
	visibility: visible
}




.head25{position: fixed;width: 100%;left:0;top:0;z-index: 66;transition: all 0.3s ease;}
		.head25m{padding: 0 var(--h-plr);display: flex;align-items: center;justify-content: space-between;}
		.head25lauge{display: flex;align-items: center;color: #fff;}
		.head25lauge span{margin-left: 10px;cursor: pointer;}
		.head25lauge>i{font-size:12px;padding-left:10px;}
		.fwdq {position:relative;width:22px;height: 22px;}
		.head25lauge:hover .yyxz7 {opacity:1;opacity: 1;visibility: visible;transition: all 0.3s ease;}
		.fwdq:before,.fwdq:after {position:absolute;width:100%;height:100%;left:0;top:0;content:'';}
		.fwdq:before {background:url(../img/language_icon_2.gif) center no-repeat;background-size:100% auto;}
		.fwdq:after {background:url(../img/language_icon_1.gif) center no-repeat;background-size:100% auto;opacity:0;}
		.head25logo{position: relative;width:var(--logo-height)}
		.logo2{position: absolute;left: 0;top:0;}
		.head25logo img{width: 100%;transition: all 0.3s ease;}
		.logo2{opacity: 0;}
		.head25m{display: flex;}
		.head25mnav{display: flex;margin-right: auto;padding-left: var(--h-nav-lr);}
		.head25mnav>li{padding:0 var(--h-nav-lr);}
		.head25mnava{display: flex;color:#fff;height: var(--nav-height);align-items: center;transition: all 0.3s ease;}
		.head25mnava{font-size: var(--nav-font-size);position:relative;}
		.head25mnava:before,.head25mnava:after{position:absolute;width:0;height:2px;content:'';bottom:0;opacity:0;transition: all 0.3s ease;}
		.head25mnava:before,.head25mnava:after{background:#fff;}
		.head25mnava:before{left:50%;}
		.head25mnava:after{right:50%;}
		.head25mnava:hover{color:#fff;}
		.head25search{margin-left:25px;height:var(--nav-height);line-height:var(--nav-height)}
		.head25searchi{color: #fff;transition: all 0.3s ease;font-size: 22px;transition: all 0.3s ease;}
		.head25r{display: flex;}
		.head25mnava{cursor: pointer;}
		/* .head25mnava:hover:before,.head25mnava:hover:after{width:15px;opacity:1;} */
		
		.head25.scroll{background-color: #fff;box-shadow: 0 3px 5px rgba(0,0,0,0.08);}
		.head25.scroll .logo2,.head25.scroll .fwdq:after{opacity:1;visibility: visible;}
		.head25.scroll .logo1,.head25.scroll .fwdq:before{opacity:0;visibility: hidden;}
		.head25.scroll .head25mnava,.head25.scroll .head25lauge,.head25.scroll .head25searchi{color:#222;}
		.head25.scroll .head25mnava:hover{color: var(--color);}
		.head25.scroll .head25mnava{height: var(--nav-height-scroll);}
		.head25.scroll .head25logo img{height: var(--logo-height-scroll);}
		.head25.scroll .head25mnava:before,.head25.scroll .head25mnava:after{background:var(--color)}
		
		.head25:hover{background-color: #fff;box-shadow: 0 3px 5px rgba(0,0,0,0.08);}
		.head25:hover .logo2,.head25:hover .fwdq:after{opacity:1;visibility: visible;}
		.head25:hover .logo1,.head25:hover .fwdq:before{opacity:0;visibility: hidden;}
		.head25:hover .head25mnava,.head25:hover .head25lauge,.head25:hover .head25searchi{color:#222;}
		.head25:hover .head25mnava:hover{color: var(--color);}
		.head25:hover .head25mnava{height: var(--nav-height-scroll);}
		.head25:hover .head25logo img{height: var(--logo-height-scroll);}
		.head25:hover .head25mnava:before,.head25:hover .head25mnava:after{background:var(--color)}
		
		.white .head25{background-color: #fff;box-shadow: 0 3px 5px rgba(0,0,0,0.08);}
		.white .head25 .logo2,.white .head25 .fwdq:after{opacity:1;visibility: visible;}
		.white .head25 .logo1,.white .head25 .fwdq:before{opacity:0;visibility: hidden;}
		.white .head25 .head25mnava,.white .head25 .head25lauge,.white .head25 .head25searchi{color:#222;}
		.white .head25 .head25mnava:hover{color: var(--color);}
		.white .head25 .head25mnava{height: var(--nav-height-scroll);}
		.white .head25 .head25mnava:before,.white .head25 .head25mnava:after{background:var(--color)}
		
		/* 下拉 */
		.dnxl3{display:none}
		.dnxl3{position:absolute;width:100%;left:0;background:#fff;box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.08);}
		.dnxl3{}
		.dnxl3m{padding: 0;display:flex;justify-content: space-between;}
		.dnxl3m{padding:50px calc(var(--h-nav-lr) + var(--h-nav-lr) + var(--h-plr) + var(--logo-height))}
		.dnxl3ma{width:var(--dnxl3-w-a)}
		.dnxl3mb{width:calc(85% - var(--dnxl3-w-a))}
		.dnxl3mprol{width:var(--dnxl3-w-prol)}
		.dnxl3mpror{width:calc(100% - var(--dnxl3-w-prol) - var(--dnxl3-jx2));}
		.dnxl3mpror{padding-left:var(--dnxl3-jx2);margin-left:var(--dnxl3-jx2);}
		.dnxl3h4{font-size:var(--fs20);font-weight:var(--b600);line-height:1.2;color:#000}
		.dnxl3p1{color:#333;line-height:1.4;margin-top:20px;}
		.dnxl3mba{display:flex;flex-wrap:wrap;justify-content: flex-start;}
		.dnxl3mba li{width:31.33%;margin-right:3%;padding-bottom:25px;}
		.dnxl3mba li:nth-child(3n){margin-right:0;}
		.dnxl3mba a{cursor: pointer;}
		.dnxl3mba2{padding-top:25px;border-top:1px solid #ddd}
		.dnxl3mc{width:calc(100% - var(--dnxl3-w-a) - var(--dnxl3-jx));display:flex;}
		.dnxl3mc{padding-left:var(--dnxl3-jx);margin-left:var(--dnxl3-jx);}
		.dnxl3mch6{font-size:14px;color:#a1a0a0;line-height:1;padding-top:15px;width:100%;}
		.dnxl3mch6-pl{padding-left:20px;}
		.dnxl3mch6-pro{padding-left:calc(var(--dnxl3-jx2) * 0.7)}
		.dnxl3m{padding-top:0;padding-bottom:0;}
		.dnxl3mcm{display:flex;width:100%;flex-wrap: wrap;}
		.dnxl3mcm li{margin-top:15px;line-height:1.2}
		.dnxl3mcm li{width:33.33%;}
		.dnxl3mcm22{width:calc(var(--dnxl3-jx) + var(--dnxl3-ab-r));padding-left:var(--dnxl3-jx)}
		.dnxl3mcm22{box-sizing: content-box;}
		.dnxl3mcm21{width:calc(100% - var(--dnxl3-ab-r) - var(--dnxl3-jx))}
		.dnxl3mcm21 li{width:50%;}
		.dnxl3mcm22 li{width:100%;}
		.dnxl3mc,.dnxl3mcm22,.dnxl3mpror{border-left:1px solid #eee}
		.dnxl3mprola a{position:relative;display:block;line-height:20px;padding:10px 0;font-weight:var(--b600)}
		.dnxl3mprola i{top:10px;}
		.dnxl3mprola i{font-size:14px;display:block;line-height:20px;position:absolute;right:0;}
		.dnxl3mprola{margin-bottom:8px;}
		.dnxl3mprola:last-child{margin-bottom:0;}
		.dnxl3mprola.on{color:var(--color)}
		.dnxl3mprortabm{display:none;}
		.dnxl3mprortabm.on{display:block;}
		.dnxl3mprortabn{display:flex;}
		.dnxl3mprortabna{width:20%;}
		.dnxl3mprorimg{overflow: hidden;text-align: center;}
		.dnxl3mprortab{margin-top:20px;}
		.dnxl3mprorimg img{max-width:85%;margin:0 auto;max-height:95px;}
		.dnxl3mprorwz{text-align: center;padding-top:10px;font-size:14px;}
		.dnxl3soloa{border-left: 1px solid #eee;border-right: 1px solid #eee;flex-grow: 1;}
		.dnxl3soloa{padding:0 var(--dnxl3-jx2)}
		.dnxl3soloa{margin:0 var(--dnxl3-jx2)}
		.dnxl3soloam{display:flex;flex-wrap:wrap;margin-top: 20px;}
		.dnxl3soloalink{width:30%;margin-right:5%;margin-bottom:2%;}
		.dnxl3soloalink:nth-child(3n){margin-right:0;}
		.dnxl3solobm a{display:flex;display:block;line-height:1.2;margin-top:15px;}
		.dnxl3solob{max-width:180px;}
		.dnxl3msolorwz{margin-top:5px;text-align:center;}
		.dnxl3solobm{padding-top:10px;}
		.dnxl3more{display:flex;margin-top:var(--mt45p)}
		.dnxl3soloa,.dnxl3solob,.dnxl3ma,.dnxl3mcm,.dnxl3mprol,.dnxl3mpror{padding-top:50px;padding-bottom:100px;}
		/* .dnxl3mprola{border-bottom:1px solid #eee} */
		
		/* 下拉 */		
		.bhide .head25{top:-100%;}
		.bhide .ever .head25{top:0;}
		
		.progressbar {position:fixed;top:0;left:0;right:auto;height:5px;width:100%;z-index:9999;overflow:hidden;}
		.progressbar-value {background:var(--line-bg2);}
		.progressbar-value {position:absolute;width:100%;height:100%;left:0;top:0;transform:translateX(-100%);}
		.progressbar-value {animation-name:progressbas}
		@keyframes progressbas {0% {transform:translateX(-100%);}
		100% {transform:translateX(0);}
		}

	.ismts {margin-top:15px;}
	@media only screen and (max-width:1650px) {
		.dnxl3m{padding-left:var(--h-plr);padding-right:var(--h-plr)}
	}
	@media only screen and (max-width:1440px) {
		.ismts {margin-top:10px;}
	}
	body,button,input,table,td,textarea {font-family:'Poppins','Rubik',"Arial","Helvetica","STHeitiSC-Light",sans-serif;font-weight:400;font-size:16px;line-height:1.8;}
	
	
	
	/* 语言下拉 */
						.yyxz7{position: absolute;z-index: 999999;left: 0;top:0;}
						.yyxz7{padding-top: 90px;padding-bottom: 120px;padding:30px}
						.yyxz7{padding:0;height:auto;}
						.yyxz7m{width: 100%;background-color: #fff;border-radius: 20px;padding: 60px 30px;padding-right: 0;}
						.yyxz7m{height: 100%;padding:3% 0;padding-bottom: 0;padding-left: 30px;}
						.yyxz7m-scroll{overflow-y: auto;height: 100%;padding-right: 20px;}
						.yyxz7m{box-shadow: 0 15px 30px rgba(0,0,0,0.08);}
						.yyxz7xx{margin-top: 30px;}
						.yyxz7pxx{display: flex; justify-content: space-between;align-items: center;}
						.yyxz7pxxa{color:#000;font-size:24px;font-weight:var(--b600)}
						.yyxz7pxxa{line-height: 1;border-bottom: 1px solid var(--color);padding-bottom: 5px;}
						.yyxz7mss{display: flex;width: 50%;border: 1px solid #ddd;border-radius: 5px;position: relative;}
						.yyxz7msstxt{width: 100%;background: none;border: none;outline: none;}
						.yyxz7msstxt{padding: 0 50px;line-height: 44px;}
						.yyxz7mssicon{position: absolute;left: 15px;font-size: 22px;line-height: 1;display: block;}
						.yyxz7mssicon{top:50%;transform: translateY(-50%);z-index: 3;}
						.yyxz7mh2{text-align: left;font-size: 40px;font-weight: var(--b600);line-height: 1;color: #000;}
						.yyxz7pxx{margin-top: 50px;padding-bottom:50px;}
						.yyxz7mn li{display: flex;align-items: center;justify-content: space-between;height: 40px;background: #f7f8fa;border-radius: 5px;transition: all 0.3s ease;}
						.yyxz7mn img{width: 20px;position: absolute;left: 10px;top:50%;transform: translateY(-50%);}
						.yyxz7mn em{font-style: normal;color: #999;font-size: 12px;}
						.yyxz7mn span{font-size: 14px;color: #333;line-height:1.2}
						.yyxz7mn{display: flex;width: 100%;}
						.yyxz7mn li{width: calc(16.66% - 8px);margin-right: 8px;margin-top: 8px; padding: 0 10px;padding-left: 40px;position: relative;}
						.yyxz7mn li:nth-child(6n){margin-right: 0;}
						.yyxz7mn li:hover{background: #f0f1f2;}
						.yyxz7m{position: relative;}
						.yyxz7mn{margin-bottom: 40px;flex-wrap: wrap;}
						.yyxz7h4{line-height:1;font-weight: var(--b600);font-size: 24px;color: #000;margin-bottom: 12px;}
						.yyxz7btn{position: absolute;right: 20px;top:10px;cursor: pointer;font-size: 30px;color: #666;}
						/* 针对整个滚动条 */
						.yyxz7m-scroll::-webkit-scrollbar {
						    width: 5px; /* 滚动条宽度 */
						}
						/* 针对滚动条轨道 */
						.yyxz7m-scroll::-webkit-scrollbar-track {
						    background: none; /* 轨道颜色 */
						/* 针对滚动条滑块 */
						}
						.yyxz7m-scroll::-webkit-scrollbar-thumb {
						    background: #ddd; /* 滑块颜色 */
						    border-radius: 5px; /* 滑块圆角 */
							
							
						}
						.yyxz7btn{display:none;}
						.yyxz7{height: auto;background: none;top:var(--nav-height);z-index:-4;opacity: 0;visibility: hidden;}
						.yyxz7m{border-radius: 0;padding:50px var(--h-plr);}
						.yyxz7m,.yyxz7m-scroll{height:auto;}
						.yyxz7m{border-top:1px solid #eee}
						
						
						/* 语言下拉 */
	
	
	.foot27{background: #060606;padding: 0;}
	.foot27a{padding:var(--ptb)  var(--plr);display: flex;justify-content: space-between;background: #111111;}
	.foot27a h4 a{color: #fff;font-weight: var(--b600);font-size: 18px;}
	.foot27a h4{padding-bottom: 5px;}
	.foot27a li a{opacity: 0.6;color: #fff;transition: all 0.3s ease;}
	.foot27a li a:hover{opacity: 1;}
	.foot27a li{margin-top: 6px;}
	.foot27b{display: flex;justify-content: space-between;align-items: center;padding:0 var(--plr);background: #111111;}
	.foot27b{padding-bottom: 30px;}
	.foot27bb{display: flex;gap:20px;}
	.foot27bb a{width: 35px;height: 35px;text-align: center;line-height:35px;background: #fff;border-radius: 50%;}
	.foot27bb a{color: #222;transition: all 0.3s ease;}
	.foot27bb a:hover{background: var(--color);color: #fff;}
	.foot27ba img{height: 45px;}
	.foot27bbicon1{font-size: 20px;}
	.foot27bbicon2{font-size: 20px;}
	.foot27bbicon3{font-size: 20px;}
	.foot27bbicon4{font-size: 18px;}
	.foot27bbicon5{font-size: 17px;}
	.foot27c{padding: 20px var(--plr);display: flex;justify-content: space-between;font-size: 14px;}
	.foot27c,.foot27c a{color:rgba(255,255,255,0.6)}
	.foot27c a{transition: all 0.3s ease;}
	.foot27cb{display: flex;gap:20px}
	
	
	.more25{display: flex;width: 206px;height: 48px;align-items: center;border: 1px solid #fff;transition: all 0.3s ease;}
	.more25{justify-content: center;}
	.more25 span {color: #222;transform: translateX(8px);transition: all 0.3s ease;}
	.more25 i {opacity: 0;transform: translateX(-20px);transition: all 0.3s ease;font-size: 14px;margin-left: 10px;line-height: 1;top:1px;position: relative;}
	.more25 i,.more25 span{line-height: 20px;}
	.more25{background-color: #fff;border-radius: 5px;color: #222;font-size: 14px;align-items: center;justify-content: center;}
	.more25:hover span,.more25:hover i {transform: translateX(0);opacity: 1;}
	.more25-line-fff{color: #fff;background: none;}
	.more25-line-fff span,.more25-line-fff i{color: #fff;}
	.more25:hover{background: var(--color);border-color: var(--color);}
	.more25:hover span,.more25:hover i{color: #fff;}
	.more25-line-fff:hover{background: var(--color);border-color: var(--color);color: #fff;}
	.more26{display: flex;align-items: center;font-size: 14px; line-height: 1;align-items: center;color: #333;}
	.more26,.more26 i{transition: all 0.3s ease;}
	.more26 i{transform: translateX(5px);font-size: 14px;}
	.more26-fff{color: #fff;}
	.more25-line-b2{color: #333;border-color: #b2b2b2;background:none;}
	.more25-bg-color{background: var(--color);border-color: var(--color);}
	.more25-bg-color span{color: #fff;}
	.more25-line-b2b2b2{background: none;border-color: #b2b2b2;}
	.more25-line-b2b2b2 span{color: #222;}
	
	
	.split1 {--delay:0.08s;--duration:.6s;}
	.split1 {display:flex;align-items:flex-start;justify-content:center;}
	.split1>div {display:inline-block;position:relative;overflow:hidden;padding:0 var(--split-jx);}
	.split1>div>div {opacity:0;transition:transform linear,opacity linear,color .4s ease-in-out;display:inline-block;transform:translateY(100%);}
	
	.split1.aos-animate>div {transition:transform var(--duration) cubic-bezier(.21,1,.4,.98),opacity var(--duration) cubic-bezier(.21,1,.4,.98);opacity:1;transform:none;}
	.split1.aos-animate>div>div {transition:transform var(--duration) cubic-bezier(.21,1,.4,.98),opacity var(--duration) cubic-bezier(.21,1,.4,.98),color .4s ease-in-out;opacity:1;transform:none;}
	.split1.aos-animate>div:nth-of-type(1)>div {transition-delay:calc(var(--delay) * 1);}
	.split1.aos-animate>div:nth-of-type(2)>div {transition-delay:calc(var(--delay) * 2);}
	.split1.aos-animate>div:nth-of-type(3)>div {transition-delay:calc(var(--delay) * 3);}
	.split1.aos-animate>div:nth-of-type(4)>div {transition-delay:calc(var(--delay) * 4);}
	.split1.aos-animate>div:nth-of-type(5)>div {transition-delay:calc(var(--delay) * 5);}
	.split1.aos-animate>div:nth-of-type(6)>div {transition-delay:calc(var(--delay) * 6);}
	.split1.aos-animate>div:nth-of-type(7)>div {transition-delay:calc(var(--delay) * 7);}
	.split1.aos-animate>div:nth-of-type(8)>div {transition-delay:calc(var(--delay) * 8);}
	.split1.aos-animate>div:nth-of-type(9)>div {transition-delay:calc(var(--delay) * 9);}
	
	
	.split2 {--delay:0.08s;--duration:.6s;}
	.split2 {display:flex;align-items:flex-start;justify-content:center;}
	.split2>div {display:inline-block;position:relative;overflow:hidden;padding:0 8px;}
	.split2>div>div {opacity:0;transition:transform linear,opacity linear,color .4s ease-in-out;display:inline-block;transform:translateY(100%);}
	.split2.aos-animate>div {transition:transform var(--duration) cubic-bezier(.21,1,.4,.98),opacity var(--duration) cubic-bezier(.21,1,.4,.98);opacity:1;transform:none;}
	.split2.aos-animate>div>div {transition:transform var(--duration) cubic-bezier(.21,1,.4,.98),opacity var(--duration) cubic-bezier(.21,1,.4,.98),color .4s ease-in-out;opacity:1;transform:none;}
	.split2.aos-animate>div:nth-of-type(1)>div {transition-delay:calc(var(--delay) * 1);}
	.split2.aos-animate>div:nth-of-type(2)>div {transition-delay:calc(var(--delay) * 2);}
	.split2.aos-animate>div:nth-of-type(3)>div {transition-delay:calc(var(--delay) * 3);}
	.split2.aos-animate>div:nth-of-type(4)>div {transition-delay:calc(var(--delay) * 4);}
	.split2.aos-animate>div:nth-of-type(5)>div {transition-delay:calc(var(--delay) * 5);}
	.split2.aos-animate>div:nth-of-type(6)>div {transition-delay:calc(var(--delay) * 6);}
	.split2.aos-animate>div:nth-of-type(7)>div {transition-delay:calc(var(--delay) * 7);}
	.split2.aos-animate>div:nth-of-type(8)>div {transition-delay:calc(var(--delay) * 8);}
	.split2.aos-animate>div:nth-of-type(9)>div {transition-delay:calc(var(--delay) * 9);}

	
	.pub2h1{line-height: 1.2;color:#000;font-size: var(--fs52);font-weight: var(--b700);overflow: hidden;}
	.pub2h1{display: flex;align-items: flex-start;justify-content: center;flex-wrap:wrap;text-align: center;}
	.pub2h1-left{justify-content: flex-start;text-align:left;}
	.pub2h1-left>div{padding-left:0;padding-right:calc(var(--split-jx) * 2)}
	.why18p1{font-size: 20px;line-height: 1.4;color:#333;margin-top: 15px;}
	.pub2h1-fff,.why18p1-fff{color: #fff;}
	
	.topBtn{opacity: 0; visibility: hidden; position: absolute;right: 20px; z-index: 1999;transition: opacity .2s;line-height:1;}
	
	.topBtn{position: fixed;bottom: 40px;cursor: pointer;width:50px;}
	.topBtn.scroll { opacity: 1; visibility: visible;}
	.topBtnz .button {position: relative;width: min(3.333vw, 50px); height: min(3.333vw, 50px);background-color: #fff;background: rgba(170, 170, 170, .3); }
	.topBtnz .button{width:100%;background:none;height:auto;}
	.topBtnz .button{display: flex;justify-content: center;align-items: center;color:var(--color);}
	.topBtnz .button{padding:20px 0;position:relative;}
	.topBtnz .button:before{position: absolute;width:20px;height:1px;background:rgba(255,255,255,0.6);left:50%;margin-left:-10px;bottom:0;content:'';}
	.topBtnz .button:last-child:before{display:none;}
	.topBtn{border-radius:0}
	.topBtnt{width:100%;margin-top:10px;}
	.topBtnz{background:var(--color);}
	.topBtnz{box-shadow:0 0 5px rgba(62, 85, 90, 0.59)}
	.topBtnz,.topBtnt .button{border-radius:5px;}
	.topBtnt .button{display:flex;width:50px;height:50px;}
	.topBtnz i{color:#fff;}
	.topBtnt .button{align-items: center;justify-content: center;background:rgba(170, 170, 170, .3);backdrop-filter: blur(15px);}
	.topBtnt i{color:#fff;}
	.topBtnicon1{font-size:24px;}
	.topBtnicon2{font-size:22px;}
	.topBtnicon3{font-size:19px;}
	.topBtnicon5{font-size:19px;}
	.topBtnicon4{font-size:16px;}
	
	.banban{position: relative;}
	.banbanimg{width: 100%;vertical-align: top;}
	
	.dnpage{display:flex;justify-content: center;}
	.dnpage a,.dnpage span{line-height:40px;width:42px;height:42px;border:1px solid var(--color);display:flex;align-items: center;justify-content: center;}
	.dnpage a,.dnpage span{border-radius:5px;}
	.dnpage a,.dnpage span{margin:0 8px;}
	.dnpage span{border-color:transparent;width:auto;}
	.dnpage a{transition: all 0.3s ease;}
	.dnpage a.on,.dnpage a:hover{background:var(--color);color:#fff;}
	
	/* 视频按钮 */
	.proavideobtn{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);z-index: 6;}
	.proavideobtn i{color: #fff;font-size: 65px;}
	.proavideobtn{cursor: pointer;}
	/* 视频按钮 */
	/* 首页数据 */
	.why18{background: #fff;}
	.why18-sticky{position: sticky;width: 100%;height: 100vh;left:0;top:0;overflow: hidden;}
	.why18hs{height: 250vh;}
	.why18-stickym{position: relative;width: 100%;height: 100%;}
	.why18-stickym-a,.why18-stickym-b{position: absolute;width: 100%;height: 100%;}
	.why18-stickym-a{z-index: 10;}
	.why18p0,.why18p1{text-align: center;}
	.why18p1 b{font-weight: var(--b600);font-size: 30px;}
	.why18p2{display: flex;justify-content: space-between;}
	.why18p2m {color:#fff;line-height:1;}
	.why18p2m-000{color:#222;}
	.why18p2m{width: 23%;text-align: center;}
	.why18p2m-width-auto{width:auto;min-width:200px;}
	/* .why18p2m{background: rgba(255,255,255,0.1);backdrop-filter: blur(10px);}
	.why18p2m{padding: 100px 0;} */
	.why18p2p0{position:relative;width:90px;height:90px;margin:0 auto}
	.why18p2p0 img{max-width:80%;max-height:80%;position:absolute;inset: 0;margin: auto;}
	.why18p2p1 {color:var(--color);position:relative;display:inline-block;margin-top:10px;}
	.why18p2p11 {font-size:var(--fs80);font-weight:var(--b700);}
	.why18p2p12 {font-size:30px;font-weight:var(--b400);font-style:normal;padding-left:8px;position:absolute;left:100%;top:0;}
	.why18p2p13 {font-size:20px;position:relative;transform:translateY(40px);}
	.why18p2p2 {margin-top:15px;}
	.why18wz{position: absolute;left: 50%;transform: translate(-50%,-50%);top:50%;z-index: 3;}
	.why18p2{margin-top: 8%;}
	.why18p2-center{padding-left:8%;padding-right:8%;}
	.why18-stickym-b{display: flex;align-items: center;z-index:9;}
	.why18bg{position: absolute;width: 100%;height: 100%;left:0;top:0;}
	.why18bg{object-fit: cover;}
	
	.why18wz1{position: absolute;width: 100%;left:0;top:60px}
		
	.why18wz2{position: absolute;width: 100%;left: 0;bottom: 15%;}
	.why18-sticky{}
	.why18wz2{bottom: 35%;padding: 0 6%;}
	.why18bg{animation-name:scrP20;}
	.titcolor1{animation-name:titcolor1;}
	.titcolor2{animation-name:titcolor2;}
	.why18wz1{animation-name:why18wz1;}
	.why18wz2{animation-name:why18wz2;}
	@keyframes scrP20 {
		0% {-webkit-clip-path:inset(300px 80px 0 80px round 0 0 0 0);clip-path:inset(300px 80px 0 80px 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 why18wz1 {
		0% {transform: translateY(0);}
		to {transform: translateY(50px);}
	}
	@keyframes why18wz2 {
		0% {transform: translateY(50%);opacity: 0;}
		to {transform: translateY(0);opacity: 1;}
	}
	
	@keyframes titcolor1 {
		0% {color:#222}
		to {color:#fff}
	}
	@keyframes titcolor2 {
		0% {color:#444}
		to {color:#fff}
	}
	.why18{margin-top: 0;}
	/* 首页数据 */
	
	
	
	/* 首页最终 */
	.baner25more {display:flex;align-items:center;margin-top:30px;gap:20px;justify-content:center;}
	.baner25p1 {color:#fff;text-align:center;font-size:var(--fs60);font-weight:var(--b600);line-height:1.2;}
	.baner25wz {position:absolute;width:100%;left:0;top:40%;transform:translateY(-50%);z-index:6;}
	.baner25wz {padding:0 var(--plr);}
	.baner25 {overflow:hidden;height:100vh;}
	.baner25bg {background-position:center;background-repeat:no-repeat;background-size:cover;}
	.baner25bg {position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;}
	.baner25page {position:absolute;width:100%;left:0;bottom:5% !important;z-index:6;}
	.baner25page {display:flex;justify-content:center;}
	.baner25page span {width:80px;height:6px;border-radius:6px;background:#fff;cursor:pointer;transition:all 0.3s ease;}
	.baner25wz-left {top:50%}
	.baner25wz-left .baner25p1 {text-align:left;}
	.baner25wz-left .baner25more {justify-content:start;}
	.baner25wz-2 {top:calc(var(--nav-height) + 10%);transform:translateY(0);}
	.baner25wz-2 .baner25p1 {font-size:var(--fs45);}
	.baner25p1,.baner25more {opacity:0;transform:translateY(-60px);}
	.baner25 .swiper-slide-active .baner25p1 {transform:translateY(0) translateZ(0);opacity:1;transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s}
	.baner25 .swiper-slide-active .baner25more {transform:translateY(0) translateZ(0);opacity:1;transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s}
	.zza {position:absolute;width:100%;height:100%;left:0;top:0;background:#000;opacity:0.1;z-index:1;}
	
	.dn25a{padding:var(--ptb2) 0;background: #fff;}
	
	.sections {display:flex;justify-content:center;align-items:center;position:relative;}
	.section-inner {max-width:2800px;width:100%;position:relative;}
	.side-nav {z-index:10;position:absolute;height:100%;top:0;right:0;}
	.section-item {height:250vh;background-color:#000000;/* position:sticky;*/}
	.section-item--content {width:100%;height:100vh;position:sticky;top:0;}
	.section-item--scroll-bx {position:sticky;left:0;top:0;width:100%;height:100vh;overflow:hidden;}
	.section-item__info {padding-left:170px;padding-right:200px;box-sizing:border-box;position:absolute;width:100%;height:100%;z-index:2;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;}
	.section-item--sheet {width:100%;position:relative;}
	.section-item--sheet--bx {position:relative;width:100%;height:100vh;overflow:hidden;left:50%;transform:translateX(-50%);}
	.section-item--sheet--bx video {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;display:none;}
	.section-item--sheet--bx canvas {width:100%;height:100%;object-fit:cover;}
	.parallaxbg {position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;background-repeat:no-repeat;background-position:center;}
	.parallaxbg03,.parallaxbg04 {opacity:0;}
	.parallaxbg01,.parallaxbg02 {opacity:1;}
	.parallaxbg img {width:100%;height:100%;object-fit:cover;}
	.parallaxbg04 img {position:absolute;width:23%;height:auto;left:10%;bottom:calc(12% + 120px);}
	.side-nav {display:none;}
	.sections_info1,.sections_info2 {position:absolute;left:0;top:0;width:100%;height:100%;z-index:66;}
	.sections_info3 {height:auto;top:auto;}
	.sections_info2 img {width:100%;height:100%;object-fit:cover;}
	.dn25bmlast {position:absolute;width:100%;z-index:6;left:0;top:8%;opacity:0;visibility:hidden;}
	.dn25bmlast {top:calc(var(--nav-height) + 10px);}
	.dn25bmlast {transform:translateY(5%);}

.dn25bm {position:relative;height:100vh;}
.dn25bmbg {position:absolute;inset:0;margin:auto;}
.dn25bmbg {width:100%;height:100%;top:-50%}
.dn25bmbgm {position:absolute;inset:0;margin:auto;width:100%;height:100%;}
.dn25bmbgm {background-position:center;background-repeat:no-repeat;background-size:cover;}
.dn25bmh4 {color:#fff;font-size:56px;font-weight:var(--b600);line-height:1.2;}
.dn25bmp2 {margin-top:0;}
/* .dn25bmtit,.dn25bmms {position:absolute;width:100%;z-index:6;left:0;transform:translateY(-50%);}
*//* .dn25bmtit {bottom:30%;}
.dn25bmms {top:30%;}
*/.dn25bmbottom,.dn25bmtop {position:absolute;width:100%;z-index:6;left:0;top:8%;}
.dn25bmmore {display:flex;justify-content:center;gap:20px;margin-top:25px;}
/* .dn25bmmore {opacity:0;transform:translateY(30px);}
*/.dn25bm {margin-top:0;}
.dn25bm:nth-child(1) {margin-top:0;}
.dn25bmlast {position:absolute;width:100%;z-index:6;left:0;top:8%;opacity:0;visibility:hidden;}
.dn25bmlast {top:calc(var(--nav-height) + 10px);}
.dn25bmlast {transform:translateY(5%);}
/* .dn25bmtop {top:20%;top:auto;bottom:85%;}
*//* .dn25bmbg {transform:translateY(-10%);top:0;}
*/.dn25bmbottom {bottom:auto;top:65%;}
.dn25bmstayic {position:sticky;width:100%;height:100vh;left:0;top:0;overflow:hidden;}
.dn25bm {height:200vh;}
.dn25bmtit {padding-bottom:10px;}
.dn25bmms {padding-top:10px;}
/* .dn25bmbg,.dn25bmtop,.dn25bmbottom {position:relative;top:auto;bottom:auto;}
*/.dn25bmbgm1 {z-index:3;}
.dn25bmbgm2 {z-index:2;}
.dn25bmbgm3 {z-index:1;}
.dn25bimg2 {overflow:hidden;margin-left:auto;margin-right:auto;width:75.5%;height:25vw;position:relative;}
.dn25bimg2 {transform:translateY(80px);}
.dn25bimg2img {object-fit:cover;object-position:50% 0%;width:100%;height:100%;position:absolute;inset:0%;}
.dn25bmlast {top:calc(var(--nav-height) + 10px);}
.dn25bimg2 {transform:translateY(230px);}
.dn25bmlast {opacity:1;visibility:visible;}
.dn25bmmore {opacity:0;visibility:hidden;}
.dn25bimg2img1 {z-index:3;}
.dn25bmbg {clip-path:inset(0);top:0;}
.dn25bmmore {opacity:1;visibility:visible;}
.dn25bmsub {width:1050px;width:80%;}
.dn25bmsub {opacity:0;}
.dn25bmsub {position:absolute;left:50%;transform:translateX(-50%);bottom:5%;z-index:3;}
.dn25bmsubp1 {color:#fff;font-size:20px;}
.dn25bmsubp2 {margin-top:var(--solo-2-mt-1);}
.dn25bmsubp2 {display:flex;font-weight:var(--b600);color:#fff;line-height:1.4;justify-content:space-between;}
.dn25bmsubp2 ul {padding:var(--solo-2-pd) 0;font-size:var(--solo-2-fs-1);width:23.5%;text-align:center;}
.dn25bmsubp2 ul {border:1px solid rgba(255,255,255,0.2);}
.dn25bmsubp2 ul {background:rgba(50,56,55,0.2);backdrop-filter:blur(5px);border-radius:var(--border5);}


.pin_wrap {min-height:100vh;display:flex;width:100%;align-items:center;flex-wrap:wrap;justify-content:center;}
.pin_wrap {position:sticky;top:0;left:0;}
.horizontal_scrolling {margin:0 auto;width:calc(100vw - var(--plr) * 2);margin-top:45px;}
.pin_wrapm {width:calc(var(--wwrap) * 6);display:flex;}
.pin_panel {width:var(--wwrap);padding-right:15px;}
.pin_panelm {position:relative;}
.pin_panelm img {width:100%;}
.pin_wrap_tit {width:100%;}
.pin_hs {height:200vh;}
.pin_wrapm {backface-visibility:hidden;will-change:transform;}


.gganiu2 {position:absolute;width:60px;height:60px;text-align:center;line-height:60px;background-color:rgba(0,0,0,0.2);opacity:0;transition:all 0.3s ease;z-index:6;}
.gganiu2 {border-radius:50%;top:50%;transform:translateY(-50%);cursor:pointer;}
.gganiu2 i {color:#fff;font-size:22px;font-weight:var(--b600);transition:all 0.3s ease;}
.gganiu2:hover i {color:#fff;}
.gganiu2:hover {background:rgba(0,0,0,0.5);}
.gganiu2r {right:7%;}
.gganiu2l {left:7%;}
.gganiu2.swiper-button-lock {display:block;}
.xflqh {display:flex;margin:0 auto;margin-top:35px;justify-content:center;}
.xflqh {position:relative;}
.xflqhm {border-radius:15px;background-color:#f7f7f6;padding:0 60px;display:flex;gap:45px}
.xflqh span {line-height:60px;font-size:20px;color:#222;transition:all 0.3s ease;cursor:pointer;font-weight:600;}
.xflqh span.cur {color:var(--color);}
.xflqh {width:auto;}


.jl8b {background-color:#fff;position:relative;}
.jl8b {padding:var(--ptb) 0;}
.jl8bswiper {overflow:hidden;}
.jl8bswiper2 .swiper-button-lock {display:none;}
.jl8bswiper:hover .gganiu2 {opacity:1;}
.jl8bbig {margin-top:45px;}
.jl8bp1,.jl8bp2 {color:#fff;}
.jl8bp1 {font-size:var(--fs45);font-weight:var(--b600);line-height:1.2;}
.jl8bp2 {font-size:18px;margin-top:10px;}
.jl8bimg {width:100%;vertical-align:top;}
.jl8bslide {position:relative;width:90%;}
.jl8bslide {border-radius:0;overflow:hidden;}
.jl8bwz {position:absolute;z-index:3;left:0;top:50%;transform:translateY(-50%);}
.jl8bwz {padding-left:10%;}
.jl8bp3 {display:flex;gap:20px;margin-top:60px;}
.jl8bbig {width:100%;overflow:hidden;}
.jl8bbigslide {opacity:0 !important;}
.jl8bbigslide.swiper-slide-active {opacity:1 !important;}
.jl8bbig .more10 {width:180px;padding-left:0;padding-right:0;justify-content:center;}

.case18 {margin-top:0;}
.case18-sticky {position:sticky;width:100%;height:100vh;left:0;top:0;}
.case18-stickym-b {padding:0 var(--plr);}
.case18-hs {height:250vh;}
.case18-stickym {position:relative;height:100%;}
.case18-stickym-a,.case18-stickym-b {position:absolute;width:100%;left:0;top:0;height:100%;}
.case18-stickym-b {display:flex;align-items:center;z-index:9;}
.case18-stickym-a {z-index:10;}
.case18-bg {position:absolute;width:100%;height:100%;left:0;top:0;}
.case18-bg {object-fit:cover;}
.case18-tit1 {position:absolute;width:100%;z-index:3;top:10%;left:0;}
.case18-stickym-a-p1 {color:#fff;}
.case18-stickym-a-p2 {color:#fff;}
.case18-stickym-b {display:flex;align-items:center;justify-content:center;}
.case18-stickym-bm {width:100%;}
.case18-stickym-bx {display:flex;}
.case18-1x {display:flex;flex-wrap:wrap;}
.case18-stickym-a-more {display:flex;justify-content:center;margin-top:55px;}
.isopacity {opacity:0;}


.case18-1x img {width:100%;object-fit:cover;height:100%;vertical-align:top;}
.case18-1x img {height:100%;}
.case18-1x2 {margin-top:15px;}
.case18-1x2:nth-child(1) {margin-top:0;}
.case18-1x {width:30%;}
.case18-1x2 {width:100%;}
.case18-1x2 {height:calc(50% - 7.5px);}
.case18-1x2-100 {height:100%;}
.case18-2x {width:calc(40% - 30px);}
.case18-stickym-bx {justify-content:space-between;}
.case18-stickym-bx {margin-top:var(--mt55p);}
.case18-1x {height:calc(100vh - 155px - var(--mt55p) - var(--ptb) * 2);}
@media only screen and (max-width:1600px) {.case18-1x {height:calc(100vh - 145px - var(--mt55p) - var(--ptb) * 1.5);}
}


.dn25new {padding:var(--ptb) calc(var(--plr) - 20px);padding-bottom:calc(var(--ptb) - 15px);}
.dn25new {overflow:hidden;}
.dn25newswiper {padding:15px 10px;margin-top:30px;overflow:hidden;}
.dn25newimg {overflow:hidden;}
.dn25newimg img {width:100%;transition:all 0.6s ease;}
.dn25newp1 {color:#666;font-size:14px;line-height:1;}
.dn25newp1 span {color:var(--color);padding-right:15px;}
.dn25newp2 {font-weight:var(--b600);font-size:var(--fs20);line-height:1.4;margin-top:20px;}
.dn25newp2 {transition:all 0.3s ease;}
.dn25newslide {box-shadow:0 5px 10px rgba(0,0,0,0.08);transition:all 0.3s ease;position:relative;padding-bottom:45px;height:auto;}
.dn25newp3 {margin-top:0;display:flex;line-height:1;}
.dn25newp3 {position:absolute;left:6%;width:94%;bottom:6%;}
.dn25newwz {padding:6%;}
.dn25newslide:hover .dn25newp2 {color:var(--color);}
.dn25newslide:hover .dn25newimg img {transform:scale(1.1);}
.dn25newslide:hover .more26 {color:var(--color);}
.dn25newslide:hover {box-shadow:0 5px 10px rgba(0,0,0,0.1);}


.dn25ser {padding:var(--ptb) var(--plr);padding-top:0;}
.dn25serm {margin-top:40px;}
.dn25serm,.dn25sermm {gap:15px;display:flex;flex-wrap:wrap;}
.dn25sermm {width:calc(50% - 7.5px);}
.dn25serimg {overflow:hidden;}
.dn25serimg img {width:100%;transition:all 0.3s ease;}
.dn25serma {position:relative;width:100%;}
.dn25serwz {position:absolute;width:100%;padding:30px;z-index:5;left:0;bottom:0;transform:translateY(15px);transition:all 0.3s ease;}
.dn25serp1 {font-size:var(--fs24);font-weight:var(--b600);line-height:1.2;}
.dn25serp2,.dn25serp1 {color:#fff;}
.dn25serp2 {margin-top:5px;}
.dn25serp3 {height:0;display:flex;margin-top:15px;transition:all 0.3s ease;overflow:hidden;}
.dn25serma:hover .dn25serimg img {transform:scale(1.1);}
.dn25serma:hover .dn25serp3 {height:16px;}
.dn25serma:hover .dn25serwz {transform:translateY(0);}
.dn25serma .more26:hover {color:var(--color);}


.dn25touch {position:relative;height:80vh;min-height:600px;max-height:800px;overflow:hidden;}
.dn25touchbg {position:absolute;width:100%;height:100%;left:0;top:0;background-position:center;background-repeat:no-repeat;background-size:cover;}
.dn25touchbg {background-attachment:fixed;}
.dn25touchwz {z-index:3;position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);}
.dn25touchmore {display:flex;margin-top:35px;justify-content:center;}


.why18p2p1-fff {color:#fff;}
@media only screen and (max-width:1440px) {.why18p2p11 {font-size:50px;}
.why18p1 {font-size:16px;}
.why18p1 b {font-size:20px;}
.gganiu2 {width:46px;height:46px;line-height:46px;}
.gganiu2 i {font-size:18px;}
}


	/* 首页最终 */
	
	
	/* fincar */
	.fincar{background-color:var(--bg-f6f7fa);padding: var(--ptb) 0;}
	.fincartit{width: 100%;}
	.fincarslide{position: relative;overflow: hidden;}
	.fincarmimg{width: 100%;vertical-align: top;}
	.fincarwz{position: absolute;width: 100%;bottom: 0;z-index: 6;}
	.fincarwz{padding: 30px;}
	.fincarp1{color: #fff;line-height: 1.2;font-size: var(--fs20);font-weight: var(--b600);}
	.fincarp2{margin-top: 10px;display: flex;}
	.fincarm{padding:0 4.53%;overflow: hidden;width: 100%;margin-top:var(--mt45p)}
	.fincarslide{width: 45%;}
	.fincarslide{width: 45%;width: calc((100% - (var(--ggjx15) * 2)) / 2);}
	.fincarp2{opacity:0;transform: translateY(20px);}
	.fincarwz{transform: translateY(30px);}
	.fincarwz,.fincarp2,.fincarmimg{transition: all 0.6s ease;}
	.fincarslide:hover .fincarwz{transform: translateY(0);}
	.fincarslide:hover .fincarp2{transform: translateY(0);opacity: 1;transition-delay: 0.2s;}
	.fincarslide:hover .fincarmimg{transform: scale(1.02);}
	/* fincar */
	
	/* jishu2 */
	.jishu2 {padding:var(--ptb) var(--plr);background:var(--bg-f6f7fa);overflow: hidden;}
	.jishu2m {display:flex;justify-content:space-between;}
	.jishu2p2 {line-height:1.4;color:#fff;width:80%;max-width:550px;text-align:center;margin:0 auto;}
	.jishu2p2 {margin-top:25px;}
	.jishu2p3 {margin-top:55px;display:flex;justify-content:center;}
	.jishu2link {width:calc(50% - 8px);position:relative;}
	.jishu2link {padding-bottom:45%;overflow:hidden;}
	.jishu2img {overflow:hidden;position:absolute;width:100%;height:100%;left:0;top:0;}
	.jishu2img img {width:100%;vertical-align:top;transition:all 0.6s ease;height:100%;object-fit:cover;}
	.jishu2wz {position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);z-index:3;}
	.jishu2link:hover .jishu2img img {transform:scale(1.1);}
	.jishu2m-t-55{margin-top:var(--mt40p) }
	.xgffswiper{padding:0 var(--plr)}
	/* jishu2 */
	
	/* 产品 */
	
	.dpro9a{margin-top: var(--nav-height-scroll);background:var(--bg-f6f7fa);padding: var(--ptb) var(--plr);}
	/* .dpro9{padding-top: calc(var(--ptb) / 2);} */
	.dpro9p1{font-size: var(--fs18);}
	.dpro9ass{width: 100%;max-width: 540px;background: #fff;margin: 0 auto;margin-top: var(--mt25p);border-radius: var(--border5);position: relative;}
	.dpro9ass-440{width:440px;}
	.dpro9ass-mg-0{margin:0;}
	.dpro9ass-bg-f7f7f7{background:#f7f7f7;}
	.dpro9assp1{padding: 10px;line-height: 25px;}
	.dpro9assp1{background: none;border: none;outline: none;width: 100%;padding-left: 35px;}
	.dpro9assp2{position: absolute;line-height: 1;left: 15px;font-size: 18px;top:50%;transform: translateY(-50%);}
	
	.dpro9ab{margin-top: var(--mt60p);}
	.dpro9ab{display:flex;width: 100%;align-items:flex-start;justify-content: space-between;}
	.dpro9abl{width: 250px;position: sticky;top:calc(var(--nav-height-scroll) + 20px)}
	.dpro9asuba{padding: 10px 0;display: flex;transition: all 0.3s ease;}
	.dpro9asuba{color: #222;font-size: var(--fs20);font-weight: var(--b600);}
	.dpro9asuba.active{color: var(--color);}
	.dpro9abr{width: calc(95% - 250px);display: flex;flex-wrap: wrap;}
	.dpro9abrtit{color: #222;font-size: var(--fs20);font-weight: var(--b600);line-height: 1.4;}
	.dpro9abrms{color: #666;line-height: 1.4;min-height: 100px;margin-top: 5px;}
	.dpro9abrgd{display: flex;justify-content: center;}
	.dpro9abrwz{text-align: center;}
	.dpro9abra{width:calc(33.33% - 13.33px);margin-right: 20px;margin-bottom: 20px;}
	.dpro9abra{background: #fff;padding: 50px 0;}
	.dpro9abra:nth-child(3n){margin-right: 0;}
	.dpro9abrimg img{width: 100%;}
	.dpro9abrimg{overflow: hidden;}
	.dpro9abrwz{text-align: center;margin-top: var(--mt25p);}
	.dpro9abra,.dpro9abrimg img,.dpro9abrtit{transition: all 0.3s ease;}
	.dpro9abra:hover .dpro9abrimg img{transform: scale(1.1);}
	.dpro9abra:hover .dpro9abrtit{color: var(--color);}
	.dpro9abra:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.08);}
	@media only screen and (max-width:1366px) {
		.dpro9abra{width:calc(50% - 15px);margin-right: 15px;margin-bottom: 15px;}
		.dpro9abra:nth-child(2n){margin-right: 0;}
		.dpro9abra:nth-child(3n){margin-right: 15px;}
	}
	/* 产品 */
	
	/* jishu3 */
	.jishu3 {padding:var(--ptb) var(--plr);background:#fff;overflow:hidden;}
	.jishu3m {display:flex;justify-content:space-between;}
	.jishu3p1{color: #fff;font-size: var(--fs24);line-height: 1.4;font-weight: var(--b600);}
	.jishu3p2 {line-height:1.4;color:#fff;}
	.jishu3p2 {margin-top:5px;}
	.jishu3p3 {height: 0;display: flex;margin-top: 15px;transition: all 0.3s ease;overflow: hidden;}
	.jishu3link {width:calc(33.33% - 10px);position:relative;margin-right: 15px;}
	.jishu3link {padding-bottom:35%;overflow:hidden;}
	.jishu3link:nth-child(3n){margin-right: 0;}
	.jishu3img {overflow:hidden;position:absolute;width:100%;height:100%;left:0;top:0;}
	.jishu3img img {width:100%;vertical-align:top;transition:all 0.6s ease;height:100%;object-fit:cover;}
	.jishu3wz{position: absolute;width: 100%;padding: 30px;z-index: 5;left: 0;bottom: 0;transform: translateY(15px);transition: all 0.3s ease;}
	.jishu3link:hover .jishu3img img {transform:scale(1.02);}
	.jishu3link:hover .jishu3wz{transform: translateY(0);}
	.jishu3link:hover .jishu3p3{height: 16px;}
	.jishu3link .more26:hover{color: var(--color);}
	.jishu3m{margin-top:var(--mt40p) }
	/* jishu3 */
	
	/* c&i */
	.sobanh5{color: #fff;line-height: 1.4;font-size: var(--fs52);font-weight: var(--b600);}
	.soban{position: relative;overflow: hidden;padding-bottom:40.52%}
	.sobanimg{width: 100%;position: absolute;left:0;top:0;object-fit: cover;height:100%;}
	.sobanwz{position: absolute;width: 100%;text-align: center;z-index: 6;left:0;}
	.sobanwz{top:calc(var(--nav-height) + 8%);}
	.sobanwz-center{top:50%;transform: translateY(-50%);}
	.soza{padding:var(--ptb2) 0;background: #fff;}
	
	.sozb{position: relative;overflow: hidden;padding-bottom:46%;}
	.sozbbg,.sozbbgm{position: absolute;width: 100%;height: 100%;left:0;top:0;background-position: center;background-size: cover;background-repeat: no-repeat;}
	.sozbbg{width:106%;height:106%;left:-3%;top:-3%;}
	.sozbnum{display: flex;justify-content: space-between;margin-top: var(--mt65p);}
	.sozbnumn{max-width:28%}
	.sozbzw{position: absolute;width: 100%;z-index: 6;left:0;top:50%;transform: translateY(-50%);padding:0 var(--solo-wz-paddingleft);}
	.sozbzw{display: flex;justify-content: flex-start;}
	.sozbwz{width: var(--solo-wz-width);}
	.sozbwz-2-1{width: var(--sozbwz-width-2-1);}
	.sozbwz-2-4{width: var(--sozbwz-width-2-4);}
	.sozbh6{color: #fff;font-size: var(--fs52);line-height: 1.2;font-weight: var(--b600);overflow: hidden;}
	.sozbh6{justify-content: flex-start;flex-wrap:wrap;}
	
	.sozbh6.split2 div{padding:0;}
	.sozbh6.split1>div{padding-left:0;padding-right:calc(var(--split-jx) * 2);}
	.sozbh6-center{justify-content: center;}
	.sozbms{line-height: 1.6;margin-top: var(--mt30p);color: #fff;}
	.sozbnump1{display: flex;line-height: 1;color: #fff;}
	.sozbnump1 span{font-size: var(--fs45);font-weight: var(--b600);}
	.sozbnump1 i{font-size: var(--fs20);font-style: normal;padding-left: 5px;}
	.sozbnump2{line-height: 1.4;color: #fff;margin-top: var(--mt15p);}
	
	.sozb-right .sozbzw{justify-content: flex-end;}
	.sozb{margin-top:var(--ggjx10);}
	.sozb1,.sozb{margin-top: 0;}
	
	
	.sozbbgswiper{overflow: hidden;}
	.sozbzwsub{position: absolute;bottom: -8%;right:calc(var(--solo-wz-paddingleft) + 4%);z-index: 3;width: 38%;}
	@media only screen and (max-width:3200px) {
		.sozbzwsub{bottom: -15%;}
	}
	@media only screen and (max-width:1920px) {
		.sozbzwsub{bottom: -8%;}
	}
	@media only screen and (max-width:1600px) {
		.sozbzwsub{bottom: -5%;}
	}
	.sozbzwsub span{color: #fff;position: relative;padding-bottom: 10px;cursor: pointer;}
	.sozbzwsub span:before{position: absolute;width: 100%;height: 2px;background: #fff;content:'';}
	.sozbzwsub span:before{bottom: -1px;opacity: 0;transition: all 0.5s ease;}
	.sozbzwsub span.on:before{opacity: 1;}
	.sozbzwsub span{margin: 0 5%;}
	.sozbzwsub span:first-child{margin-left: 0;}
	.sozbzwsub span:last-child{margin-right: 0;}
	.sozbzwsub{display: flex;justify-content: center;font-size: var(--fs18);}
	.sozbzwsub{border-bottom: 1px solid rgba(255,255,255,0.2);}
	
	
	.sozc{margin-top: var(--ggjx10);margin-top:0;}
	.sozc{display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between;}
	.sozcm{width: calc(50% - (var(--ggjx10) / 2));position: relative;padding-bottom: 40%;overflow: hidden;width:50%;}
	.sozcmwz{position: absolute;width: 100%;left:0;top:0;text-align: center;z-index: 3;}
	.sozcmwz{top:10%;}
	.sozcp2{margin-left: auto;margin-right: auto;max-width: 60%;}
	
	.sozbzw100{justify-content: center;transform: translateY(0);top:10%;}
	.sozbwz-center{text-align: center;width: 100%;}
	.sozbwz-100{width:100%;}
	.sozbms2{max-width: 700px;margin-left: auto;margin-right: auto;}
	.sozbnum2{margin-left: 0;max-width: 700px;}
	.sozbnum2-center{margin-left:auto;margin-right:auto;}
	
	.findpro{padding: var(--ptb) var(--plr);}
	.findprox{display: flex;flex-wrap: wrap;width: 100%;margin-top: var(--mt45p);overflow: hidden;}
	.findprolink{background:var(--bg-f6f7fa);}
	.findprolink{width: calc((100% - (var(--ggjx15) * 2)) / 3);}
	.findprolink{margin-right:var(--ggjx15);margin-top: 0;}
	.findproimg{text-align: center;}
	.findproimg img{max-width: 550px;}
	.findpro-bg000 .findprolink{background:#191919;}
	.findpro-bg000 .dpro9abrtit{color:#fff;}
	.findpro-bg000 .dpro9abrms{color:#fff;opacity:0.8}
	.findpro-bg000 .more26{color:#fff;}
	.findpro-bg000{background-color: #000;}
	.findpro-cp{padding: var(--ptb2) 0; padding-left:0;padding-right: 0;}
	.findpro-pt2{padding-top:calc(var(--ptb) / 2);}
	
	/* c&i */
	
	/* about */
	.pgban{height: 100vh;min-height: 600px;position: relative;}
	.pgbanbg{width: 100%;height: 100%;object-fit: cover;}
	.pgbanms{font-size: var(--fs18);margin-top: var(--mt40p);}
	.pgbanms-fff{color: #fff;}
	.pgbanwz-width-1{max-width: 1100px;width: 90%;}
	.pgbanwz{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);text-align: center;z-index: 6;}
	
	@keyframes slideInDown {0% {-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);opacity:0;}
	100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}
	}
	.scrill {position:absolute;bottom:5%;z-index:333;display:flex;width:20px;justify-content:center;flex-wrap:wrap;}
	
	.scrill{left:50%;}
	.scrill{left:var(--plr)}
	.scrillm {width:100%;height:30px;border-radius:50px;border:2px solid rgba(255,255,255,0.8);display:flex;justify-content:center;}
	.scrillm span {width:2px;height:5px;background:#fff;margin-top:8px;}
	.scrillm span {animation:slideInDown 1.9s cubic-bezier(0.445,0.05,0.55,0.95) infinite}
	.scrillwz {font-size:12px;line-height:1.4;margin-top:10px;width:100%;color:#fff;text-align:center;}
	.scrillwz {position:absolute;left:0;width:60px;top:50%;-webkit-transform:translateY(-50%);}
	.scrillwz {text-align:left;left:calc(100% + 10px);margin-top:0;}
	.scrillwz{display: none;}
	
	.ggdw{position: relative;}
	.ggdwm{position: absolute;left: 0;top:calc(-1 * var(--nav-height-scroll))}
	.pgbanwz2{padding:0 var(--plr);position: absolute;width: 100%;left:0;top:50%;transform: translateY(-50%);z-index: 3;}
	.pgbanwz2-top{top:calc(22% + var(--nav-height));transform: translateY(0);}
	.pgbanwz2p1{text-align: left;justify-content: flex-start;}
	
	.ab19a{padding:var(--ptb) var(--plr);}
	.ab19ams{text-align: center;margin-top: 30px;}
	.why18p21{margin-top: var(--mt60p);}
	
	/* .global2ta{display: none !important;} */
	.qqbj5 {background:#f4f7fe;}
	.mppiont {box-sizing:content-box;position:absolute;width:2px;height:2px;cursor:pointer;z-index:3;}
	.mppiont .dot {position:absolute;left:0;top:0;border-radius:50%;background:var(--color);left:50%;top:50%;}
	.mppiont .dot {width:4px;height:4px;margin-left:-2px;margin-top:-2px;}
	.mppiont .pulse {border-color:var(--color);top:-19px;left:-19px;height:40px;width:40px;box-shadow:0 0 12px var(--color),inset 0 0 20px var(--color);}
	.mppiont .pulse {position:absolute;border:2px solid #b7b7b7;border-radius:50%;opacity:.12;background:0 0;}
	.mppiont .pulse{opacity:0;}
	.mppiont.warnani .pulse{-webkit-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
	.mppiont.xuxian .pulse{opacity:1;border:1px dashed var(--color);box-shadow:none;width:26px;height:26px;top: -12px;left: -12px;}
	.mppiont.xuxian .dot:before{content:''; position:absolute;border-radius:50%;background:var(--color);opacity:0.3;left:50%;top:50%;}
	.mppiont.xuxian .dot:before{width:16px;height:16px;margin-left:-8px;margin-top:-8px;}
	@-webkit-keyframes warn {0% {transform:scale(0);opacity:1}
	to {transform:scale(1);opacity:0}
	}
	@keyframes warn {0% {transform:scale(0);opacity:1}
	to {transform:scale(1);opacity:0}
	}
	.mppiont_js_xs  .dot,.mppiont_js_xs  .pulse {background:#FF0000}
	.mppiont_js_xs  .pulse {box-shadow:0 0 12px rgba(255,0,0,0.7),inset 0 0 20px rgba(255,0,0,0.7)}
	.mppiont .delay-02 {-webkit-animation-delay:.4s;animation-delay:.4s;}
	.mppiont .delay-03 {-webkit-animation-delay:.8s;animation-delay:.8s;}
	.mppiont .delay-04 {-webkit-animation-delay:1.2s;animation-delay:1.2s;}
	.mppiont .delay-05 {-webkit-animation-delay:1.6s;animation-delay:1.6s;}
	.mppiont .delay-06 {-webkit-animation-delay:2s;animation-delay:2s;}
	.global2a {height:655px;position:relative;background:#f4f7fe;}
	.global2amap {position:absolute;height:100%;right:0;}
	.global2amaph3 {position:absolute;left:0;top:-30px;z-index:3;width:100%;}
	.global2aindex .global2ms {left:5%;}
	.global2aindex .global2tab {padding-top:calc(5% + 60px);}
	.wzns {position:absolute;width:max-content;padding:0 25px;font-size:16px;color:#666;line-height:1.4;}
	.wzns {top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
	.mppiont:hover .wzns,.mppiont.on .wzns {color:var(--color);}
	.mppiont1 {right:24.5%;top:51.3%;}
	.mppiont2 {right:45.75%;top:38.52%;}
	.mppiont3 {right:48.75%;top:32.05%;}
	.mppiont3 .wzns {top:-30px;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
	.mppiont4 {right:49.60%;top:38.65%;}
	/* .mppiont4 .wzns {bottom:-50px;transform:translateX(-50%);-webkit-transform:translateX(-50%);top:auto}
	*/.mppiont5 {right:50.39%;top:34.6%;}
	.mppiont5 .wzns {transform:translateY(-50%) translateX(-100%);-webkit-transform:translateY(-50%) translateX(-100%);}
	.mppiont6 {right:69.40%;top:45.7%;}
	.mppiont7 {right:65.40%;top:53.1%;}
	.mppiont7 .wzns {transform:translateY(-50%) translateX(-100%);-webkit-transform:translateY(-50%) translateX(-100%);}
	/* .global2aindex .mppiont1 {right:21.5%;top:52.3%;}
	.global2aindex .mppiont2 {right:41.75%;top:42.82%;}
	.global2aindex .mppiont3 {right:44.75%;top:39.05%;}
	.global2aindex .mppiont4 {right:45.60%;top:43.65%;}
	.global2aindex .mppiont5 {right:47.10%;top:41.45%;}
	.global2aindex .mppiont6 {right:66.40%;top:49.7%;}
	*/.global2aindex {padding-top:80px;}
	.global2ms {position:absolute;left:5%;height:100%;z-index:3;align-items:center;width:400px;}
	.global2tab {display:flex;position:absolute;height:100%;width:100%;left:0;top:0;align-items:center;}
	.global2amap img {height:100%;}
	.global2msm {width:100%;}
	.global2ali {display:block;position:relative;font-weight: var(--b600);}
	.global2ali:first-child {padding-top:0;}
	.global2ali:last-child {padding-bottom:0;border:none;}
	.global2ap1 {font-size:var(--fs18);line-height:1.2;}
	.global2ap2 {color:#555;margin-top:5px;}
	.global2ali {padding:12px 0;border-bottom:1px solid #eee;}
	.global2aul {padding:25px;background:#fff;}
	.global2ap2 {line-height:1.4;}
	.global2tab {z-index:-3;visibility:hidden;opacity:0;transition:all 0.5s ease;top:50px;}
	.global2tab.on {opacity:1;visibility:visible;z-index:3;top:0;}
	.global2amap {position:relative;width:95%;height:auto;margin-left:0;}
	.global2amap img {width:100%;height:auto;}
	.global2a {height:auto;}
	.global2b {padding-top:70px;}
	.global2bsub {display:flex;align-items:center;}
	.global2bsubm {width:70px;border-bottom:1px solid #ddd;}
	.global2bsubms {line-height:38px;}
	.global2bsubms2 {margin-left:30px;}
	.global2bsubm .layui-form-select .layui-input {color:var(--color);}
	.global2bsubm .layui-form-select .layui-input {background:none;border:none;font-size:16px;padding-left:0;padding-right:20px;}
	.global2bsubm .layui-form-select dl dd.layui-this {background:var(--color);}
	.global2bsubm .layui-form-select .layui-edge {display:block;border:none !important;margin:0;right:0;width:16px;height:16px;line-height:16px;margin-top:-8px;}
	.global2bsubm .layui-form-select .layui-edge {opacity:0.7;font-family:"sdicon" !important;font-size:12px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
	.global2bsubm .layui-edge:before {content:"\e626";}
	.global2aul2 {position:absolute;left:95%;top:-30px;padding-left:45px;visibility:hidden;opacity:0;-webkit-opacity:0;transition:all 0.3s ease;}
	.global2aul2m {position:relative;background:#fff;width:290px;padding:20px;}
	.global2ali:hover .global2aul2 {opacity:1;-webkit-opacity:1;visibility:visible;left:100%;}
	.global2ali:nth-child(3) .global2aul2 {top:-60px}
	.global2ta {width:var(--global-width);position:absolute;}
	.global2msm {position:relative;}
	.global2msm:before {position:absolute;content:'';width:0;height:0;}
	.mppiont.on {z-index:5;}
	.global2ms {display:none;}
	.global2ta {display:none;}
	.global2ta {display:block;visibility:hidden;opacity:0;-webkit-opacity:0;}
	.mppiont_js.on .global2ta {opacity:1;-webkit-opacity:1;visibility:visible;transition:all 0.3s ease;}
	.mppiont_js.on,.mppiont_js.on .global2ta {z-index:8;}
	/* 閸氭垳绗傞惃鍕瑏鐟欐帒鑸� */.triangle-up {border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;}
	/* 閸氭垳绗呴惃鍕瑏鐟欐帒鑸� */.triangle-down {border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;}
	/* 閸氭垵涔忛惃鍕瑏鐟欐帒鑸� */.triangle-left {border-top:10px solid transparent;border-right:10px solid #fff;border-bottom:10px solid transparent;}
	/* 閸氭垵褰搁惃鍕瑏鐟欐帒鑸� */.triangle-right {border-top:10px solid transparent;border-left:10px solid #fff;border-bottom:10px solid transparent;}
	#China {padding-right:30px;right:0;top:50%;transform:translateY(-50%);}
	#China .global2msm:before {border-top:10px solid transparent;border-left:10px solid #fff;border-bottom:10px solid transparent;}
	#China .global2msm:before {top:50%;transform:translateY(-50%);right:-10px;}
	#NewJersey,#America {padding-right:30px;right:0;top:50%;transform:translateY(-50%);}
	#NewJersey .global2msm:before,#America .global2msm:before {border-top:10px solid transparent;border-left:10px solid #fff;border-bottom:10px solid transparent;}
	#NewJersey .global2msm:before,#America .global2msm:before {top:50%;transform:translateY(-50%);right:-10px;}
	/* #Italy {padding-top:60px;top:0;left:50%;transform:translateX(-50%);width:220px;}
	#Italy .global2msm:before {border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;}
	#Italy .global2msm:before {left:50%;transform:translateX(-50%);top:-10px;}
	*/#Slovenia {padding-left:130px;left:0;top:50%;transform:translateY(-50%);}
	#Slovenia .global2msm:before {border-top:10px solid transparent;border-right:10px solid #fff;border-bottom:10px solid transparent;}
	#Slovenia .global2msm:before {top:50%;transform:translateY(-50%);left:-10px;}
	#Germany {padding-left:50px;left:0;top:50%;transform:translateY(-50%);}
	#Germany .global2msm:before {border-top:10px solid transparent;border-right:10px solid #fff;border-bottom:10px solid transparent;}
	#Germany .global2msm:before {top:50%;transform:translateY(-50%);left:-10px;}
	#Belgium {padding-right:115px;right:0;top:50%;transform:translateY(-50%);}
	#Belgium .global2msm:before {border-top:10px solid transparent;border-left:10px solid #fff;border-bottom:10px solid transparent;}
	#Belgium .global2msm:before {top:50%;transform:translateY(-50%);right:-10px;}
	#Thailand {padding-right:30px;right:0;top:50%;transform:translateY(-50%);}
	#Thailand .global2msm:before {border-top:10px solid transparent;border-left:10px solid #fff;border-bottom:10px solid transparent;}
	#Thailand .global2msm:before {top:50%;transform:translateY(-50%);right:-10px;}
	/* 瓒婂崡 *//*.mppiont2 .wzns {bottom:-32px;transform:translateX(-50%);-webkit-transform:translateX(-50%);top:auto}
	*/.mppiont2 .wzns {padding-left:10px;}
	#Vietnam {padding-top:30px;top:0;left:50%;transform:translateX(-50%);width:220px;}
	#Vietnam .global2msm:before {border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;}
	#Vietnam .global2msm:before {left:50%;transform:translateX(-50%);top:-10px;}
	/* 瓒婂崡 *//* 瑗跨彮鐗� */#Spain {right:auto;left:0;padding-right:0;padding-left:25px;top:50%;transform:translateY(-50%);}
	#Spain .global2msm:before {border-top:10px solid transparent;border-right:10px solid #fff;border-bottom:10px solid transparent;}
	#Spain .global2msm:before {right:auto;left:-10px;border-left:none;}
	#Spain .global2msm:before {top:50%;transform:translateY(-50%);}
	/* 苏州� */.mppiont1 {right:27.3%;top:46.3%;}
	.mppiont2 {right:81.75%;top:36.52%;}
	/* Germany */
	.mppiont3 {right:50.35%;top:37.05%;}
	/* Poland*/.mppiont4 {right:47.6%;top:35.65%;}
	.mppiont4 .wzns {padding-left:20px;}
	#Italy {right:auto;left:0;padding-right:0;padding-left:85px;top:50%;transform:translateY(-50%);}
	#Italy .global2msm:before {border-top:10px solid transparent;border-right:10px solid #fff;border-bottom:10px solid transparent;}
	#Italy .global2msm:before {right:auto;left:-10px;border-left:none;}
	#Italy .global2msm:before {top:50%;transform:translateY(-50%);}
	/* 鎰忓ぇ鍒� *//* uk*/.mppiont5 {right:52.82%;top:33.3%;}
	/* 瑗跨彮鐗� */.mppiont6 {right:30.4%;top:38.7%;}
	/* 娉曞浗 */.mppiont8 {right:86.6%;top:34.25%;}
	.mppiont8 .wzns {left:-70px;}
	#France {left:0;padding-left:30px;right:auto;top:50%;transform:translateY(-50%);}
	#France .global2msm:before {border-top:10px solid transparent;border-right:10px solid #fff;border-bottom:10px solid transparent;}
	#France .global2msm:before {right:auto;left:-10px;border-left:none;}
	#France .global2msm:before {top:50%;transform:translateY(-50%);}
	/* 娉曞浗 *//* 鍗板凹 */.mppiont9 {right:59.6%;top:62.25%;}
	.mppiont9 .wzns {top:-30px;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
	#Indonesia {left:0;padding-left:30px;right:auto;top:50%;transform:translateY(-50%);}
	#Indonesia .global2msm:before {border-top:10px solid transparent;border-right:10px solid #fff;border-bottom:10px solid transparent;}
	#Indonesia .global2msm:before {right:auto;left:-10px;border-left:none;}
	#Indonesia .global2msm:before {top:50%;transform:translateY(-50%);}
	/* 鍗板凹 *//* 鎽╂礇鍝� */.mppiont10 {right:87.82%;top:45.3%;}
	#Morocco {right:auto;left:0;padding-right:0;padding-left:25px;top:50%;transform:translateY(-50%);}
	#Morocco .global2msm:before {border-top:10px solid transparent;border-right:10px solid #fff;border-bottom:10px solid transparent;}
	#Morocco .global2msm:before {right:auto;left:-10px;border-left:none;}
	#Morocco .global2msm:before {top:50%;transform:translateY(-50%);}
	/* 鎽╂礇鍝� */.mppiont2 {right:64.70%;top:54.6%;}
	#China {right:auto;left:0;padding-right:0;padding-left:30px;}
	#China .global2msm:before {border-top:10px solid transparent;border-right:10px solid #fff;border-bottom:10px solid transparent;}
	#China .global2msm:before {right:auto;left:-10px;border-left:none;}
	#Belgium {padding-left:30px;right:auto;top:50%;transform:translateY(-50%);padding-right:0;left:0;}
	#Belgium .global2msm:before {border-top:10px solid transparent;border-right:10px solid #fff;border-bottom:10px solid transparent;}
	#Belgium .global2msm:before {top:50%;transform:translateY(-50%);left:-10px;}
	#Belgium .global2msm:before {border-left:none;}
	/*涓浗*/.mppiont1 .wzns {right:0;padding-right:15px;}
	/*Netherland*/.mppiont_217_1 {right:51.45%;top:36.35%;}
	.mppiont_217_1 .wzns {right:0;margin-top:0;}
	/*Romania*/.mppiont_217_2 {right:47.15%;top:39.15%;}
	.mppiont_217_2 .wzns {padding-left:15px;}
	/*Pakistan*/
	.mppiont_217_3 {right:39.25%;top:46.15%;}
	.mppiont_217_3 .wzns {right:0;}
	/*涓浗棣欐腐*/.mppiont_217_4 {right:75.5%;top:40.15%;}
	.mppiont_217_4 .wzns {padding-left:15px;}
	/*涓浗鍙版咕*/.mppiont_217_5 {right:73.4%;top:33.5%;}
	.mppiont_217_5 .wzns {padding-left:15px;margin-top:-2px;}
	/*鏂板姞鍧�*/.mppiont_217_6 {right:31.3%;top:59.5%;}
	.mppiont_217_6 .wzns {right:0;}
	/*鍗板凹涓滅埅鍝囩渷*/.mppiont_217_7 {right:33.5%;top:28.7%;}
	.mppiont_217_7 .wzns {right:0;}
	/*闊╁浗*/.mppiont_217_8 {right:61.8%;top:40.7%;}
	.mppiont_217_8 .wzns {right:0;padding-right:15px;}
	/*鏃ユ湰*/.mppiont_217_9 {right:59.5%;top:40.3%;}
	.mppiont_217_9 .wzns {padding-left:15px;}
	/*婢冲ぇ鍒╀簹*/.mppiont_217_10 {right:55.5%;top:79.3%;}
	.mppiont_217_10 .wzns {padding-left:15px;}
	/*鍔犳嬁澶�*/.mppiont_217_11 {right:30.5%;top:30.3%;}
	.mppiont_217_11 .wzns {padding-left:15px;}
	/*缇庡浗*/.mppiont6 {right:30.5%;top:43.3%;}
	.mppiont6 .wzns {right:auto}
	/*缇庡浗2閿€鍞�*/.mppiont_217_12 {right:29.5%;top:39.3%;}
	.mppiont_217_12 .wzns {right:0}
	/*.mppiont_217_12 .wzns {right:0}
	*//*澧ㄨタ鍝�*/.mppiont_217_13 {right:34.5%;top:54.3%;}
	.mppiont_217_13 .wzns {padding-left:15px;}
	/*宸磋タ*/.mppiont_217_14 {right:27.5%;top:66.3%;}
	.mppiont_217_14 .wzns {padding-left:15px;}
	.global2ams {position:absolute;width:100%;padding-left:0;display:flex;left:0;bottom:0;z-index:3;line-height:19px;}
	.global2ams{justify-content: center;}
	.global2ams span {padding-left:18px;position:relative;margin:0 20px;}
	.global2ams span:before,.global2ams span:after {position:absolute;content:'';border-radius:50%;}
	.global2ams span:before {width:5px;height:5px;left:4px;top:7px;background:var(--color)}
	.global2ams span:after {width:11px;height:11px;top:3px;left:0;border:1px solid var(--color)}
	.global2ams span:last-child:before {background-color:#ff0000}
	.global2ams span:last-child:after {border-color:#ff0000}
	
	.global2alxfs{line-height: 1.4;font-size: 14px;color: #555;margin-top: 15px;}
	.global2alxfsp{position: relative;padding-left: 25px;margin-bottom: 5px;}
	.global2alxfsp i{position: absolute;left:0;display: block;line-height: 1;}
	.global2alxfsicon1{font-size: 14px;top:2px;}
	.global2alxfsicon2{font-size: 14px;top:3px;}
	.global2aulimg{margin-bottom: 15px;}
	.global2aulimg img{width:100%;}
	
	.progressive-scrill{width:2px;height: 80px;background: rgba(255,255,255,0.2);}
	.progressive-scrill .scrillm{background: none;height: 100%;border: none;align-items: center;}
	.progressive-scrill .scrillm span{height: 20px;}
	
	.js-history-main {position:relative;background:#fff;}
	.js-slick-path {margin-top:0;}
	.about-devlpment__bg {position:absolute;top:50%;left:50%;width:80%;transform:translate(-50%,-50% );}
	.about-devlpment__bg::before {content:"";display:block;padding-top:100%;}
	.about-devlpment__bg span {position:absolute;top:0;right:0;bottom:0;left:0;background:no-repeat url(../img/circle2.png) center center;background-size:contain;-webkit-transition:transform 1s;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;}
	.path-item {padding:0 100px;color:#fff;opacity:.5;}
	.path-item__year {color:#222;font-size:var(--fs50);font-weight:var(--b400);line-height:1;}
	.path-item__desc {margin-top:10px;line-height:1.4;color:#666;min-height:50px;}
	.path-item__desc p {margin-top:5px;}
	.path-item__desc p:nth-child(1) {margin:0;}
	.path-item__img {margin-top:20px;-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0);}
	.path-item__img img{width: 100%;}
	.img-box {-webkit-transition:all .5s ease .3s;transition:all .5s ease .3s;}
	.slick-current .path-item__img {clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);}
	.slick-current  .path-item {opacity:1;}
	.path-item__wrap {width:375px;}
	.history-main {position:relative;padding:5px 70px 0;margin-top:90px;}
	.btn-history-arrow {position:absolute;top:0;width:30px;height:30px;font-size:16px;line-height:30px;text-align:center;color:#fff;cursor:pointer;}
	.btn-history-arrow.left {left:0;}
	.btn-history-arrow.right {right:0;}
	.history-body {overflow:hidden;padding-top:5px;}
	.history-list {font-size:0;white-space:nowrap;}
	.history-list {position:relative;-webkit-transition:transform .5s;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;}
	.history-list::before {content:"";position:absolute;top:4px;right:0;left:0;height:1px;background-color:rgba(255,255,255,.2);}
	.history-progress {position:absolute;top:4px;left:0;height:1px;background-color:#fff;}
	.history-progress,.history-line {-webkit-transition:width .3s cubic-bezier(0.215,0.61,0.355,1);transition:width .3s cubic-bezier(0.215,0.61,0.355,1);}
	.history-item {position:relative;display:inline-block;vertical-align:top;width:180px;cursor:pointer;text-align:center;}
	.history-item::before {content:"";position:absolute;top:2px;left:50%;margin-left:-3px;width:6px;height:6px;border-radius:6px;background-color:#fff;}
	.history-item__circle {position:absolute;top:0;left:50%;margin-left:-5px;width:10px;height:10px;border-radius:50%;background-color:#fff;-webkit-transform:scale(0);transform:scale(0);}
	.history-item__circle::before {content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:rgba(255,255,255,.34);}
	.history-item__year {margin-top:30px;font-size:20px;display:block;color:#fff;opacity:.3;transition:opacity .3s cubic-bezier(0.215,0.61,0.355,1);}
	.history-item.current .history-item__year {opacity:1;}
	.history-item.current .history-item__circle {-webkit-transform:scale(1);transform:scale(1);}
	
	/* .abt22be{padding: 130px 0;padding-top: 30%;overflow: hidden;}
	.abt22bem1{position: relative;z-index: 6;transform: scale(12);opacity: 0;text-align: center;}
	.abt22bem2{opacity: 0;transform: translateY(100px);padding: 0 var(--plr120);min-height: 100vh;max-height: 1000px;}
	.abt22bem2{display: flex;align-items: center;flex-wrap: wrap;} */
	.js-slick-path,.history-main{width: 100%;margin-top: var(--ptb);}
	.js-slick-path{}
	.history-main{}
	.abt22be{padding: var(--ptb) var(--plr);overflow: hidden;}
	
	.ab19b{height: 300vh;position: relative;}
	.ab19bsticky{position:sticky;height: 100vh;overflow: hidden;left:0;top:0;width: 100%;}
	.ab19bstickym,.ab19bstickybg{position: absolute;width: 100%;height: 100%;left:0;top:0;overflow: hidden;}
	.ab19bstickybg{background-position: center;background-repeat: no-repeat;background-size: cover;}
	.ab19bstickym{ transform: translateY(100%);}
	.ab19bstickybg{transform: translateY(-100%);}
	.ab19bstickym1,.ab19bstickym1 .ab19bstickybg{transform: translateY(0);}
	/* .ab19bsticky {will-change:clip-path;animation-name:ab19bsticky;} */
	@keyframes ab19bsticky {0% {-webkit-clip-path:inset(calc(var(--ptb) * 1.2) var(--plr)  calc(var(--ptb) * 1.2) var(--plr) round 0 0 0 0);clip-path:inset(calc(var(--ptb) * 1.2) var(--plr)  calc(var(--ptb) * 1.2) var(--plr) 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)}
	}
	.itemtxt{position: absolute;width: 100%;left:0;top:0;z-index: 66;height: 100%;}
	.itemtxtm{position: absolute;width: 100%;left: 0;top:50%;transform: translateY(-50%);z-index: 66;}
	.itemtxtm{opacity: 0;visibility: hidden;}
	.itemtxtm1{opacity: 1;visibility: visible;}
	.itemtxtp2{font-size: var(--fs22);max-width: 1200px;margin: 0 auto; margin-top: var(--mt45p);color: #fff;text-align: center;}
	.itemtxtp1{width: 100%;}
	
	.ab19g{padding:var(--ptb) var(--plr);background: #fff;}
	.dn25touch{position:relative;height: 75vh;min-height: 600px;max-height: 800px;overflow: hidden;}
	.dn25touchbg{position: absolute;width: 100%;height: 100%;left:0;top:0;background-position: center;background-repeat: no-repeat;background-size: cover;}
	/* .dn25touchbg{background-attachment: fixed;} */
	.dn25touchwz{z-index: 3;position: absolute;width: 100%;left: 0;top:50%;transform: translateY(-50%);}
	.dn25touchmore{display: flex;margin-top: 35px;justify-content: center;}
	
	
	.ab4rt{padding: calc(var(--ptb) * 0.7) var(--plr);}
	.ab4rtm{margin-top: var(--ptb);}
	.ab4rtm:nth-child(1){margin-top: 0;}
	.ab4rtm{display: flex;width: 100%;flex-wrap: wrap;align-items: center;}
	.ab4rtmimg{width: 52%;}
	.ab4rtmwz{width: 48%;padding-left:5%;}
	.ab4rtmimgm{width: 100%;vertical-align: top;}
	.ab4rtm:nth-child(even) .ab4rtmwz{padding-right: 5%;padding-left: 0;}
	.ab4rtms{margin-top: var(--mt25p);}
	.ab4rtmore{margin-top:calc(var(--mt25p) * 2);display: flex;}
	.ab4rtmimg2{display: none;}
	.ab4rtm:nth-child(even) .ab4rtmimg2{display: block;}
	.ab4rtm:nth-child(even) .ab4rtmimg1{display: none;}
	
	
	.khkz{padding:var(--ptb) 0;background: #fff;}
	
	.case28a{padding:0 var(--plr)}
	.case28a {display:flex;justify-content:center;border-bottom:1px solid #eee;}
	.case28a a {line-height:1.2;padding:20px 15px;position:relative;font-size:var(--fs18);transition:all 0.3s ease;}
	.case28a a {margin:0 3%;}
	.case28a a:before {height:2px;background:var(--color);content:'';width:100%;bottom:-2px;left:0;transition:all 0.3s ease;}
	.case28a a:before {opacity:0;visibility:hidden;position:absolute;}
	.case28a a.on:before {opacity:1;visibility:visible;}
	.case28a a.on {color:var(--color);font-weight:var(--b600)}
	.case28a a:first-child{margin-left:0;}
	.case28a a:last-child{margin-right:0;}
	.case28a-bg{background:var(--bg-f6f7fa)}
	/* .case28a-six a{margin:0;}
	.case28a-six{justify-content: space-between;} */
	/* 案例 */
	
	.case28b {padding:var(--ptb) var(--plr);background:#fff;padding-bottom:0;}
	.case28badd {position:absolute;z-index:3;right:20px;bottom:10px;}
	.case28badd {color:#fff;padding-left:25px;}
	.case28badd i {position:absolute;left:0;top:5px;line-height:1;}
	.case28bimg {overflow:hidden;position:relative;}
	.case28bimg img {width:100%;vertical-align:top;transition:all 0.3s ease;}
	.case28blink {width:calc(33.33% - 13.33px);margin-right:20px;margin-bottom:20px;}
	.case28blink:nth-child(3n) {margin-right:0;}
	.case28ba {display:flex;flex-wrap:wrap;}
	.case28bp1 {font-size:var(--fs20);font-weight:var(--b600);line-height:1.4;}
	.case28bwz {text-align:center;padding:20px;}
	.case28blink:hover .case28bimg img {transform:scale(1.03);}
	
	/* 全球布局 */
	.malaysia {right:31.3%;top:59.5%;}
	.malaysia .wzns {right:0;margin-top:0;}
	.singapore {right:31%;top:61.5%;}
	.singapore .wzns {top:auto;bottom:-30px;transform:translateX(-52%);-webkit-transform:translateX(-52%);}
	.philippines {right:27.1%;top:54.6%;}
	.philippines .wzns {right:0;margin-top:0;}
	.nigeria {right:53.1%;top:58.6%;}
	.poland {right:47.6%;top:35.65%;}
	.russia {right:33.5%;top:28.7%;}
	.romania {right:47.15%;top:39.15%;}
	.uk {right:52.82%;top:33.3%;}
	.britain {right:51.15%;top:34.3%;}
	.britain .wzns {top:-30px;transform:translateX(-30%);-webkit-transform:translateX(-30%);}
	.uk .wzns {right:0;margin-top:0;}
	.usa {right:75.5%;top:40.15%;}
	.brazil {left:35.5%;top:66.15%;}
	.xiamen {right:27.8%;top:50%;}
	.xiamen .wzns {right:0;margin-top:0;}
	.suzou {right:27.4%;top:46.5%;}
	.suzou .wzns {top:-30px;transform:translateX(-62%);-webkit-transform:translateX(-62%);}
	
	.about-devlpment__bg span {opacity:0.5;}
	.abt22bem2qx {position:relative;}
	.btn-history-arrow {top:50%;transform:translateY(-50%);color:#333;z-index:12;font-size:40px;}
	.btn-history-arrow.left {left:32%;}
	.btn-history-arrow.right {right:32%;}
	.history-list::before {background:#ccc;}
	.history-item::before {background:#ccc}
	.history-item__year {color:#333;}
	.history-progress,.history-item__circle {background:var(--color);}
	.history-item.current .history-item__year {color:var(--color);}
	.path-item__img{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);}
	.path-item__img img{vertical-align: top;}
	


	/* 全球布局 */

	/* 新闻 */
	.event2 {background:var(--bg-f6f7fa);padding:var(--ptb) var(--plr);}
	.event2aimg {width:50%;}
	.event2aimg {overflow:hidden;}
	.event2aimg img {width:100%;}
	.event2aslide {background-color:#fff;flex-wrap:wrap;}
	.event2awz {width:50%;padding:0 5.5%;}
	.event2aslide {display:flex;align-items:center;}
	.event2ah5 {font-size:var(--fs30);font-weight:var(--b600);line-height:1.4;}
	.event2ah5 {padding-bottom:10px;}
	.event2ap {color:#444;font-size:var(--fs14);margin-top:10px;}
	.event2ap {display:flex;align-items:flex-start;line-height:20px;}
	.event2ap i {width:20px;height:20px;color:var(--color)}
	.event2ams {margin-top:var(--mt25p);}
	.event2amore {display:flex;margin-top:8%;}
	.event2ah5,.event2aimg img {transition:all 0.3s ease;}
	.event2ah5 {color:#222;}
	
	.event2dy {margin-top:var(--ptb);}
	.event2dym {display:flex;align-items:flex-start;background:#fff;padding:3.5% 2.5%;flex-wrap:wrap;}
	.event2dym {justify-content:space-between;}
	.event2dya {width:42%;position:relative;padding-left:100px;}
	.event2dyaicon {position:absolute;color:var(--color);font-size:55px;}
	.event2dyaicon {left:0;top:0;display:block;line-height:1;}
	.event2dyb {width:48%;}
	.event2dyp1 {font-size:var(--fs30);font-weight:var(--b600);line-height:1.4;}
	.event2dyba {display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--mt15p)}
	.event2dybam {display:flex;align-items:center;}
	.event2dybam {height:48px;border:1px solid #ddd;border-radius:var(--border5);}
	.event2dybbtn {background:var(--color);color:#fff;font-weight:var(--b600);}
	.event2dybbtn {width:178px;text-align:center;justify-content:center;}
	.event2dybtxt {width:calc(100% - 178px - 10px);background:none;border:none;outline:none;}
	.event2dybtxt {border:1px solid #aaaaaa;padding:0 20px;}
	.event2dybb {display:flex;margin-bottom:var(--mt15p);line-height:16px;}
	.event2dybb {justify-content:space-between;color:#666;}
	.event2dybb i {width:14px;height:14px;border:1px solid #aaaaaa;border-radius:5px;}
	.event2dybb i{display:flex;align-items: center;justify-content: center;}
	.event2dybb i em{font-size:12px;opacity:0;color:var(--color);visibility: hidden;}
	.event2dybb i.on{border-color:var(--color);}
	.event2dybb i.on em{opacity:1;visibility: visible;}
	.event2dybb span {width:calc(100% - 25px);}

	.event2b {padding-top:var(--ptb);}
	.event2bm {display:flex;width:100%;flex-wrap:wrap;}
	.event2blink {width:calc(33.33% - (var(--li-jx) * 2 / 3));}
	.event2blink {margin-right:var(--li-jx);background:#fff;}
	.event2blink:nth-child(3n) {margin-right:0;}
	.event2bwz {padding:5.5% 5%;padding-bottom:7%;}
	.event2bimg img {width:100%;}
	.event2bimg {overflow:hidden;}
	.event2bh5 {font-size:var(--fs20);font-weight:var(--b600);line-height:1.4;}
	.event2bh5 {padding-bottom:5px;}
	.event2blink:hover .event2bimg img {transform:scale(1.03);}
	.event2bimg img,.event2bh5,.event2blink {transition:all 0.3s ease;}
	.event2blink:hover .event2bh5 {color:var(--color);}
	.event2blink {margin-bottom:calc(var(--li-jx) * 3);}
	
	.event3a {display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;}
	.event3ah5 {font-size:var(--fs24);line-height:1.4;font-weight:var(--b600);}
	.event3ah5 {color:#222;}
	.event3date {color:var(--color);font-size:var(--fs14);font-weight:var(--b600);}
	.event3date i {color:#666666;font-weight:normal;font-style:normal;padding-left:10px;font-size:12px;}
	.event3al {width:48%;}
	.event3alswiper,.event2aswiper{overflow:hidden;}
	.event3alslide,.event2aslide{visibility: hidden;opacity:0 !important;}
	.event3alslide.swiper-slide-active,.event2aslide.swiper-slide-active{visibility: visible;opacity:1 !important;}
	.event3ar {width:49%;}
	.event3alimg img {width:100%;}
	.event3alimg {overflow:hidden;display:block;}
	.event3alimg img,.event3ah5 a {transition:all 0.3s ease;}
	.event3ah5 a:hover {color:var(--color);}
	.event3alimg:hover img {transform:scale(1.03);}
	.event3ams {color:#333;margin-top:10px;}
	.event3ah5 {margin-top:10px;}
	.event3alwz {padding:30px;}
	.event3ara {display:flex;width:100%;flex-wrap:wrap;}
	.event3arimg {overflow:hidden;}
	.event3arimg img {width:100%;}
	.event3arimg img,.event3arh5 {transition:all 0.3s ease;}
	.event3arimg {width:35.2%;}
	.event3arwz {width:64.8%;padding-right:5%;padding-top:10px;}
	.event3arh5 {font-size:var(--fs20);line-height:1.4;font-weight:var(--b600);color:#222;}
	.event3arh5 {margin-top:10px;}
	.event3ara:hover .event3arh5 {color:var(--color);}
	.event3ara:hover img {transform:scale(1.03);}
	.event3ara {padding:40px 0;border-bottom:1px solid #c5c6c8;}
	.event3ara:nth-child(1) {padding-top:0;}
	.event3ara:last-child {border-bottom:none;}
	
	.event3blinkm {display:flex;width:100%;flex-wrap:wrap;align-items:center;}
	.event3bimg {overflow:hidden;}
	.event3bimg img {width:100%;}
	.event3bimg img {transition:all 0.3s ease;}
	.event3bimg {width:var(--new-left-width);}
	.event3bwz {width:calc(100% - var(--new-left-width));padding-left:2.5%;}
	.event3bms {color:#333;margin-top:15px;}
	.event3blinkm:hover .event3arh5 {color:var(--color);}
	.event3blinkm:hover .event3bimg img {transform:scale(1.03);}
	.event3blink {margin-bottom:30px;}
	.event3arh5-mt5 {margin-top:5px;}
	.event3b {padding-top:var(--ptb);}

	
	.event4alink {display:flex;width:100%;flex-wrap:wrap;background-color:#fff;position:relative;}
	.event4aimg2 {display:none;}
	.event4aimg {width:48%;overflow:hidden;}
	.event4aimg img {width:100%;}
	.event4awz {}
	.event4ah5 {font-size:var(--fs24);line-height:1.4;font-weight:var(--b600);color:#222;}
	.event4ah5 {margin-top:5px;}
	.event4ams {color:#333;margin-top:20px;}
	.event4amore {position:absolute;right:0;bottom:0;width:100%;display:flex;}
	.event4awz,.event4amore {width:52%;padding:3% 5%;}
	.event4awz {padding-bottom:0;}
	.event4amore {padding-bottom:4%;padding-top:0;}
	.event4am:nth-child(even) .event4aimg1 {display:none;}
	.event4am:nth-child(even) .event4aimg2 {display:block;}
	.event4am:nth-child(even) .event4amore {right:auto;left:0;}
	.event4am:hover .event4aimg img {transform:scale(1.03);}
	.event4am:hover .event4ah5 {color:var(--color);}
	.event4am {margin-bottom:50px;}
	.event4ah5,.event4aimg img {transition:all 0.3s ease;}

	
	.event5a {padding-left:0;padding-right:0;}
	.event5am {width:90%;max-width:1280px;margin:0 auto;}
	.event5alink {display:flex;width:100%;flex-wrap:wrap;background-color:#fff;position:relative;}
	.event5aimg2 {display:none;}
	.event5aimg {width:45.7%;overflow:hidden;}
	.event5aimg img {width:100%;}
	.event5awz {}
	.event5ah5 {font-size:var(--fs30);line-height:1.4;font-weight:var(--b600);color:#222;}
	.event5ah5 {margin-top:15px;}
	.event5ams {color:#333;margin-top:20px;}
	.event5amore {position:absolute;right:0;bottom:0;width:100%;display:flex;}
	.event5awz,.event5amore {width:54.3%;padding:7% 7%;}
	.event5awz {padding-bottom:0;}
	.event5amore {padding-bottom:7%;padding-top:0;}
	.event5amn:nth-child(even) .event5aimg1 {display:none;}
	.event5amn:nth-child(even) .event5aimg2 {display:block;}
	.event5amn:nth-child(even) .event5amore {right:auto;left:0;}
	.event5am:hover .event5aimg img {transform:scale(1.03);}
	.event5am:hover .event5ah5 {color:var(--color);}
	.event5amn {margin-bottom:50px;}
	.event5ah5,.event5aimg img {transition:all 0.3s ease;}
	
	
	.ereg3ban {margin-top:var(--nav-height);}
	.ereg3banimg {width:100%;min-height:400px;object-fit:cover;}
	.ereg3ban {position:relative;}
	.ereg3wz {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;}
	.ereg3ms {font-size:var(--fs18);margin-top:var(--mt15p);}
	.ereg3more {display:flex;margin-top:calc(var(--mt15p) * 2.5);}
	.ereg3fx {position:absolute;left:50%;transform:translateX(-50%);z-index:3;bottom:20px;display:flex;justify-content:flex-end;}
	.ereg3fxa {display:flex;align-items:center;justify-content:center;background:var(--color);color:#fff;}
	.ereg3fxa {border-radius:50%;width:30px;height:30px;transition:all 0.4s ease;margin-left:15px;}
	.ereg3fxa i {line-height:1;transition:all 0.3s ease;opacity:0.8;color:#fff;}
	.ereg3fxa1 i {font-size:16px;}
	.ereg3fxa2 i {font-size:16px;}
	.ereg3fxa3 i {font-size:14px;}
	.ereg3fxa:hover i {opacity:1;}
	.ereg5{padding: var(--ptb) var(--plr);padding-bottom:calc(var(--ptb) / 2);}
	.ereg5ms{margin-top: var(--mt45p);}
	.ereg6{padding: var(--ptb) var(--plr);padding-bottom:calc(var(--ptb) / 2);}
	.ereg6ms{margin-top: var(--mt45p);}
	.ereg6msa{display: flex;border-bottom: 1px solid #e5e5e5;line-height: 1;justify-content: space-between;}
	.ereg6msa{padding:0 15%;}
	.ereg6msam{text-align: center;position: relative;padding-bottom: 15px;cursor: pointer;color: #535353;}
	.ereg6msam:before{position: absolute;width: 100%;height: 3px;background: var(--color);content: '';left:0;bottom:-1px;}
	.ereg6msam:before{transition: all 0.5s ease;opacity: 0;}
	.ereg6msam span{display: block;line-height: 1;padding-bottom: 10px;}
	.ereg6msam p{font-size: var(--fs30);font-weight: var(--b600);line-height: 1;}
	.ereg6msam.on:before{opacity: 1;}
	.ereg6msam.on{color: var(--color);}
	.ereg6msb{width:78%;margin: 0 auto;margin-top: var(--mt45p);padding: 30px 0;}
	.ereg6msb{border: 1px solid #e5e5e5;border-left: none;border-right: none;}
	.ereg6msbmx{display: flex;align-items: center;}
	.ereg6msbmxa{width: 50%;color: var(--color);font-size: var(--fs20);}
	.ereg6msbmxa{display: flex;align-items: center;}
	.ereg6msbmxa i{margin-right:10px;line-height: 1;}
	.ereg6msbmxa i{font-size: var(--fs24);position: relative;top:-1px;}
	.ereg6msbm{display: none;}
	.ereg6msbm.on{display: block;}
	.ereg7{position: relative;padding: var(--ptb) var(--plr);}
	.ereg7dw{position: absolute;left:0;top:0}
	.ereg7msg{margin-top: var(--mt45p);}


	/* 新闻 */
	
	
	/* 新闻内页 */
	.new25xx {background:#f5f5f7;}
	.new25xx {padding-top:calc(var(--ptb) + var(--nav-height-scroll))}
	.new25xxm {width:90%;max-width:1500px;margin:0 auto;}
	.new25xxm {padding-bottom:var(--ptb);}
	.new25xxm {display:flex;justify-content:space-between;align-items:flex-start;}
	.new25xxp1 {display:flex;justify-content:space-between;padding:20px 0;}
	.new25xxp1 {border:1px solid #dcdcde;}
	.new25xxp1 {border-left:none;border-right:none;}
	.new25xxp1b {display:flex;}
	.new25xxp1ba {width:32px;height:32px;border-radius:50%;background:#000;display:flex;}
	.new25xxp1ba {align-items:center;justify-content:center;margin-left:15px;}
	.new25xxp1ba i {color:#fff;}
	.new25xxp1ba i,.new25xxp1ba {transition:all 0.3s ease;}
	.facebookiconf i {font-size:18px;}
	.twittericonf i {font-size:17px;}
	.linkediniconf i {font-size:18px;}
	.new25xxp1ba:hover {background:var(--color);}
	.new25xxp1ba:hover i {color:#fff;}
	.new25xxp1 {margin-top:60px;}
	.new25xxh5 {margin-top:30px;}
	.new25xxh2 {color:#222;font-size:var(--fs32);line-height:1.4;font-weight:var(--b600);}
	.new25xxh5 {color:#222;font-size:var(--fs22);line-height:1.4;}
	.new25xxzw {margin-top:60px;}
	.new25xxzw img {max-width:100%;}
	.new25xxleft {width:calc(92% - var(--new-sticky-width));}
	.new25xxright {width:var(--new-sticky-width);}
	.new25xxleft-100{width:100%;}
	.new25xxp6{color:#999;margin-top:5px;padding-bottom:60px;border-bottom:1px solid #dcdcde;}
	.new25xxzw h2,.new25xxzw h3{color:#222;}
	.new25xxzw strong{font-weight:600;}
	
	.new25xxqt {display:flex;justify-content:space-between;}
	.new25xxqt {padding:25px 0;border:1px solid #e5e5e7;border-left:none;border-right:none;}
	.new25xxqta {display:flex;align-items: center;line-height: 20px;}
	.new25xxqta.prev i {margin-right:8px;}
	.new25xxqta.next i {margin-left:8px;}
	.new25xxqt a {transition:all 0.3s ease;}
	.new25xxqt {margin-top:var(--ptb);}
	
	
	
	.new25h6 {font-size:var(--fs22);line-height:1.2;font-weight:var(--b600);color:#222;}
	.new25recentlink {display:block;width:100%;margin-top:var(--mt25p);}
	.new25recentimg {overflow:hidden;border-radius:0;}
	.new25recentimg img {width:100%;vertical-align:top;}
	.new25recentimg img,.new25recentp1 {transition:all 0.4s ease;}
	.new25recentp1 {font-size:var(--fs18);font-weight:var(--b600);line-height:1.4;}
	.new25recentp1 {margin-top:15px;}
	.new25recentap2 {color:#666;margin-top:10px;}
	.new25recentlink:hover .new25recentp1 {color:var(--color);}
	.new25recentlink:hover .new25recentimg img {transform:scale(1.03);}
	.new25xxright {position:sticky;top:calc(var(--nav-height-scroll) + 20px);}
	.new25dyimg {overflow:hidden;border-radius:var(--border10);}
	.new25dyimg img {width:100%;vertical-align:top;}
	.new25dy-t-90 {margin-top:90px;}
	.new25dyp1 {padding:25px 0;}
	
	
	
	
	/* 新闻内页 */
	
	.ggpage2{margin-top:20px;}
	.ggpage2m{display:flex;justify-content: center;}
	.ggpage2m span{width:8px;height:8px;}
	.ggpage2m-fff span{background:#fff;}
	.ggpage2m .swiper-pagination-bullet-active{background:var(--color)}
	
	/* 加入 */
	.join28a {padding:var(--ptb) var(--plr);background:#fff;position:relative;}
	.join28a {padding-bottom:0;}
	.join28a_w {position:absolute;width:100%;height:1px;opacity:0;left:0;top:0;overflow:hidden;}
	.join28asticky {position:sticky;width:100%;height:100vh;height:100dvh;top:0;display:flex;overflow:hidden;align-items:flex-start;}
	.join28asticky {top:calc(var(--nav-height-scroll) + 50px);min-height:550px;top:0;}
	.join28aimgm {position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;}
	.join28aimg {position:relative;overflow:hidden;width:100%;}
	.join28aimg {height:80%;}
	.join28aimg {width:100%;position:absolute;left:0;top:0;}
	.join28azw {margin-top:var(--mt55p);}
	.join28astickym {display:flex;align-items:center;flex-wrap:wrap;}
	.join28ar {width:38%;position:absolute;left:100%;transform:translateY(-50%);top:50%;padding-left:5%;}
	.join28azwhs {height:600px;}
	.join28ap1 {margin-top:20px;}
	.join28aimgwz {position:absolute;width:100%;text-align:center;z-index:3;top:8%;font-size:var(--fs20);}
	.join28ams {width:90%;margin:0 auto;max-width:1000px;}
	.join28ams {text-align:center;margin-top:var(--mt25p);}
	
	.life2 {padding:var(--ptb) 0;background:var(--bg-f6f7fa);}
	.life2 {width:100%;overflow:hidden;}
	.life2swiper {overflow:hidden;}
	.life2img {position:relative;width:100%;overflow:hidden;}
	.life2img:before {position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;content:'';}
	.life2img:before {background:linear-gradient(0deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.24) 30%,rgba(0,0,0,0) 100%);}
	.life2img:before {transition:all 0.3s ease;}
	.life2wz {width:90%;transform:translateX(-50%);left:50%;bottom:40px;color:#fff;text-align:center;z-index:3;}
	.life2wz {position:absolute;max-width:720px;}
	.life2imgm {width:100%;vertical-align:top;transition:all 0.5s ease;transform:scale(1.1);transition-delay:0.3s;}
	.life2slide {width:80%;max-width:1310px;}
	.life2swiper {margin-top:var(--mt55p);}
	.life2wz {opacity:0;transform:translate(-50%,20px);transition:all 0.5s ease;transition-delay:0.3s;}
	.swiper-slide-active .life2wz {opacity:1;transform:translate(-50%,0);}
	.swiper-slide-active .life2imgm {transform:scale(1);}
	.swiper-slide-active .life2img:before {opacity:1;}
	
	.whyus2 {padding:var(--ptb) var(--plr);overflow: hidden;}
	.whyus2icon {width:60px;height:60px;position:relative;}
	.whyus2icon img {position:absolute;inset:0;margin:auto;max-width:80%;max-height:80%;margin-left:0;}
	.whyus2p1 {font-size:var(--fs20);font-weight:var(--b600);line-height:1.4;color:#222;}
	.whyus2ms {color:#666;}
	.whyus2p1 {margin-top:10px;}
	.whyus2ms {margin-top:15px;}
	.whyus2slide {padding:3% 3%;background-color:#fff;}
	.whyus2slide {box-shadow:0 0 15px rgba(0,0,0,0.06);}
	.whyus2slide {width:calc(33.33% - (var(--li-jx) * 2 / 3));}
	.whyus2slide {margin-right:var(--li-jx);margin-bottom:var(--li-jx);}
	.whyus2slide:nth-child(3n) {margin-right:0;}
	.whyus2wrapper {flex-wrap:wrap;}
	.whyus2slide {height:auto;}
	.whyus2swiper {margin-top:var(--mt55p);}
	
    .whyus2slide,.whyus2p1{transition: all 0.5s ease;}
    .whyus2slide:hover{transform: translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.08);}
    .whyus2slide:hover .whyus2p1{color:var(--color)}
	
	.zhiwei2 {background:var(--bg-f6f7fa);padding:var(--ptb) var(--plr);}
	.zhiwei2ms {color:#fff;margin-top:var(--mt15p);}
	.zhiwei2more {margin-top:var(--mt55p);display:flex;}
	.zhiwei2p2 span {color:#fff;opacity:0.6;font-size:12px;line-height:1.2;position:relative;}
	.zhiwei2p2 span {padding-right:11px;margin-right:10px;}
	.zhiwei2p2 span:before {position:absolute;width:1px;height:8px;background:#fff;content:'';right:0;top:50%;margin-top:-4px;}
	.zhiwei2tit {color:#fff;line-height:1.4;margin-top:2px;}
	.zhiwei2link {position:relative;display:block;width:100%;padding:15px 30px;}
	.zhiwei2p2jt {position:absolute;display:block;line-height:1;right:30px;top:50%;transform:translateY(-50%);color:#fff;}
	.zhiwei2p2jt {transition:all 0.5s ease;opacity:0.8;font-size:18px;}
	.zhiwei2m {position:relative;padding:6.5% 5.5%;display:flex;flex-wrap:wrap;justify-content:space-between;}
	.zhiwei2bg {position:absolute;width:100%;height:100%;left:0;top:0;background-position:center;background-repeat:no-repeat;background-size:cover;}
	.zhiwei2mwz,.zhiwei2mimg {z-index:3;position:relative;}
	.zhiwei2mwz,.zhiwei2mimg {width:535px;}
	.zhiwei2link:hover .zhiwei2p2jt {opacity:1;right:20px;}
	.zhiwei2link {background:rgba(0,0,0,0.2);backdrop-filter:blur(15px);}
	.zhiwei2link {margin-bottom:var(--li-jx);}
	.zhiwei2link:last-child {margin:0;}
	
	.jus7 {margin-top:var(--nav-height-scroll);background:var(--bg-f6f7fa);padding:var(--ptb) var(--plr);}
	
	
	
	/* 加入 */
	/* 加入 下载 赛选+列表 */
	.jus7sx {display:flex;justify-content:space-between;align-items:center;margin-top:var(--mt45p);position:relative;z-index:10;}
	.jus7sx {background:#fff;padding:40px;border-radius:var(--border10);flex-wrap:wrap;}
	.jus7sxr {width:25%;position:relative;max-width:480px;}
	.jus7sxrtxt {height:var(--select-height);background:none;border:none;background:#f7f8fb;padding:0 20px;}
	.jus7sxrtxt {padding-left:50px;width:100%;border-radius:5px;}
	.jus7sxricon {display:block;line-height:1;font-size:20px;color:#555;left:20px;top:50%;transform:translateY(-50%);}
	.jus7sxricon {position:absolute;z-index:3;}
	.jus7sxlselect .jus7sxlselectm .layui-input {background:#fff;border:1px solid #ddd;border-radius:5px;}
	.jus7sxlselect .jus7sxlselectm .layui-input {height:var(--select-height);line-height:calc(var(--select-height) - 2px);padding-left:20px;padding-right:20px;}
	.jus7sxlselect .jus7sxlselectm .layui-input {font-size:16px;}
	.jus7sxlselect .jus7sxlselectm .layui-edge {right:20px;}
	.jus7sxlselect .layui-form-selected{z-index:10;}
	.jus7sxlselect .layui-form-selected .layui-input {background:var(--color);border-color:var(--color);color:#fff;}
	.jus7sxlselect .layui-form-selected .layui-edge {border-top-color:#fff;}
	.jus7sxlselect .layui-form-select dl {top:var(--select-height);background:#fff;z-index:10;}
	.jus7sxlselect .layui-form-selectup dl{botom:var(--select-height);top:auto;}
	.jus7sxlselect .layui-form-select dl dd {padding:0 20px;}
	.jus7sxlselect .layui-form-select dl dd.layui-this{background:var(--color);color:#fff;}
	.jus7sxl {display:flex;flex-wrap:wrap;}
	.jus7sxlm {min-width:200px;margin-right:30px;}
	.jus7sxlm-marketing{min-width:270px;}
	.jus7sxlm:last-child {margin-right:0;}
	
	.jus7xx {margin-top:var(--mt55p);padding-bottom:0;}
	.jus7xxp1 b {padding-right:5px;font-weight:var(--b400);color:var(--color);}
	.jus7xxp1 {padding-left:40px;}
	.jus7xxm {margin-top:var(--mt25p);}
	.jus7xxmn {display:flex;line-height:1.4;}
	.jus7xxmn span {padding:25px 10px;transition:all 0.3s ease;display:flex;}
	.jus7xxmn span:nth-child(1) {padding-left:40px;}
	.jus7xxmn-w1 {width:22%;}
	.jus7xxmn-w2 {width:22%;}
	.jus7xxmn-w3 {width:33%;}
	.jus7xxmn-w4 {width:13%;}
	.jus7xxmn-w5 {width:10%;position:relative;}
	.jus7xxmn-w6 {width:calc(30% - 67px);}
	.jus7xxmn-w7 {width:calc(25% - 67px);}
	.jus7xxmn-w8 {width:calc(25% - 67px);}
	.jus7xxmn-w81 {width:calc(20% - 67px);}
	.jus7xxmn-w10 {width:calc(40% - 135px);}
	.jus7xxmn-w11 {width:calc(60% - 135px);}
	/* .jus7xxmn-w7.color666,.jus7xxmn-w8.color666{color:#666} */
	.jus7xxmn-w9 {width:268px;justify-content: space-between;}
	.jus7xxmn .jus7xxmn-w9{padding-right:30px;}
	.jus7xxmntop {font-size:var(--fs18);font-weight:var(--b600);color:var(--color);background:#f6f7fa;}
	.jus7xxmli {border-bottom:1px solid #e5e5e5;}
	.jus7xxmli:last-child {border:none;}
	.jus7xxmntop {background:#fafafa;}
	.jus7xxm {background:#fff;border-radius:var(--border10);}
	.jus7xxicons {width:12px;height:12px;position:absolute;right:30px;top:50%;transform:translateY(-50%);display:block;}
	.jus7xxicons:before,.jus7xxicons:after {position:absolute;content:'';background:#000;transition:all .4s;}
	.jus7xxicons:before {height:2px;}
	.jus7xxicons:before {left:0;top:50%;transform:translateY(-50%);width:100%;height:1px;}
	.jus7xxicons:after {width:2px;}
	.jus7xxicons:after {left:50%;top:0;transform:translateX(-50%);width:1px;height:100%;}
	.jus7xxmnh5 {line-height:1;font-size:var(--fs24);color:#222;}
	.jus7xxmnp2 {color:#666;padding-top:5px;}
	.jus7xxmnp5 a {color:var(--color);}
	.jus7xxmnp3 {color:#666;margin-top:var(--mt35p);display:flex;justify-content: space-between;flex-wrap: wrap;}
	.jus7xxmnp3a{width:47%;}
	.jus7xxmntj{position:absolute;right:40px;top:50px;}
	.jus7xxms{position:relative;}
	.jus7xxms {padding:50px 40px;border-bottom:1px solid #e5e5e5;}
	.jus7xx_jsm {display:none;}
	.jus7xx_js {cursor:pointer;}
	.jus7xx_js.on {background:var(--color);}
	.jus7xx_js.on span {color:#fff;}
	.jus7xx_js.on .jus7xxicons:before,.jus7xx_js.on .jus7xxicons:after {background:#fff;}
	.jus7xx_js.on .jus7xxicons:after {transform:translateX(-50%) rotate(90deg);}

	
	/* 公用 */
	.cosection{position: relative;}
	.cosectionm{position: relative;left: 0;top:calc(-1.2 * var(--nav-height-scroll));height:0;}
	/* 公用 */
	/* 弹窗 */
	.pulinelayswiper {padding:60px;}
	.pulinelaytxt {padding:60px 100px;}
	.pulinelayswiper,.pulinelaytxt,.pulinelayjoin {background:#fff;border-radius:var(--border5);box-shadow:0 15px 30px rgba(0,0,0,0.06);}
	.pulinelayvideo,.pulinelayswiper,.pulinelaytxt {position:relative;}
	.pulinelayvideo {max-width:90%;margin:0 auto;}
	.pulinelayvideo video {width:100%;}
	.pulinelayclose {background:var(--color);z-index:3;}
	.pulinelayclose {width:40px;height:40px;color:#fff;display:flex;align-items:center;justify-content:center;}
	.pulinelayclose {position:absolute;right:0;top:0;z-index:6;border-top-right-radius:var(--border5);cursor:pointer;}
	.pulinelayclose1 {right:-40px;border-bottom-right-radius:var(--border5);}
	.pulinelayswiperm img{width:100%;}
	.pulinelayswiperm{overflow: hidden;}
	.pulinelayswiperx{display: flex;flex-wrap: wrap;width: 100%;}
	.pulinelayswiperl{width: 58%;}
	.pulinelayswiperr{width: 42%;padding-left: 5%;padding-top: 5%;}
	.pulayswipp1{line-height: 1.4;font-weight: var(--b600);color: #222;font-size: var(--fs24);}
	.pulayswipp2{margin-top: var(--mt15p);}
	.pulinelayswiperpage span{width: 30px;height: 4px;border-radius: 4px;margin-left: 0 !important;}
	.pulinelayswiperpage span.swiper-pagination-bullet-active{background: var(--color);}
	.pulinelayjoin{width:1100px;padding:60px;position: relative;margin:0 auto;}
	.pulinelayjointt{font-size: var(--fs32);line-height: 1;font-weight: var(--b600);color:#222;}
	.pulinelayjoinmsg{margin-top:var(--mt45p)}
	@media only screen and (max-width:768px) {
		.pulinelay-close i {font-size: 14px;}
		.pulinelay-close {width: 30px; height: 30px;line-height: 28px;}
		.pulinelay-close { right: 20px;}
		.pulinelay-wrapper { width: 100%;max-width: 100vw;}
		.pulinelayvideo{max-width:100%;}
		.pulinelayclose{right:0;border-radius:0;}
		.pulinelayswiper{padding:0}
		.pulinelayswiperr{padding:var(--npd);}
		.pulinelayswiperl{position:relative;}
		.pulinelayswiperpage{position:absolute;left:0;bottom:0;z-index:2;display: flex;justify-content: center;}
		.pulinelayswiperpage span{background:#fff;}
		.pulinelayswiperl,.pulinelayswiperr{width:100%;}
	}
	
	
	/* 弹窗 */
	
	/* 加入 下载  赛选+列表 */
	/* support */
	.supp7{padding:var(--ptb) var(--plr);}
	.supp7downbtn{line-height:1;display:flex;align-items: center;}
	.supp7downbtn i{margin-right:8px;}
	.supp7downbtn1 i{font-size:20px;}
	.supp7downbtn2 i{font-size:18px;}
	
	
	/*  *//* 服务支持-安装视频 */
	.suppot_v {padding:var(--ptb) var(--plr);}
	.suppot_form {display:flex;justify-content:center;flex-wrap:wrap;margin-top:var(--mt30p);}
	.suppot_input {border-radius:var(--border5);border:none;outline:none;background:var(--bg-f6f7fa);padding:0px 30px;height:45px;width:440px;color:#666;font-size:16px;}
	.suppot_label {position:relative;}
	.suppot_label i {position:absolute;left:10px;top:9px;}
	.suppot_select {border-radius:var(--border5);border:none;outline:none;background:var(--bg-f6f7fa);padding:0px 0px 0 10px;height:45px !important;width:210px;color:#666;font-size:16px;}
	.suppot_select option {color:#666;}
	.suppot_selectbox {margin-left:20px;position:relative;}
	.suppot_selectbox i {position:absolute;right:10px;top:10px;}
	.suppot_vlist {display:flex;flex-wrap:wrap;margin-top:var(--mt55p)}
	.suppot_vitem {box-shadow:0 5px 20px rgba(220,220,220,0.32);background:#fff;width:calc(33.33% - var(--li-jx) * 3 / 2);margin-right:var(--li-jx);margin-bottom:calc(var(--li-jx) * 2.5);}
	.suppot_vitem:nth-child(3n) {margin-right:0;}
	.vitem_li1 {overflow:hidden;}
	.vitem_li1 img {width:100%;transition: all 0.3s ease;}
	.vitem_li2 {padding:30px 40px;}
	.vitem_p1 {color:#767676;}
	.vitem_p2 {font-size:var(--fs18);color:#222;font-weight:var(--b600);transition: all 0.3s ease;}
	.serv_li1{position:relative;width:42px;height:42px;}
	.serv_li1 img{position:absolute;inset:0;margin: auto;transition:all 0.3s ease}
	.serv_li1_cion2{opacity:0;-webkit-opacity:0;}
	.dnpage {margin-top:45px;}
	.suppot_services {padding:var(--ptb) var(--plr);padding-top:calc(var(--ptb) * 0.5);}
	.suppot_services_box {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:var(--mt40p);}
	.suppot_services_item {width:calc(20% - var(--li-jx) * 0.8);margin-right:var(--li-jx);background-color:#fff;box-shadow:0 5px 20px rgba(220,220,220,0.41);transition:all 0.3s ease;}
	.suppot_services_item{padding:2% 30px;}
	.suppot_services_item i {transition:all 0.3s ease;}
	.suppot_services_item:nth-child(5n) {margin-right:0;}
	.services_p1 {font-size:var(--fs18);margin-top:10px;font-weight:var(--b600);line-height: 1.3;}
	.services_p2 {margin-top:10px;color:#333;line-height:1.4;font-size:14px;}
	.services_p3 {margin-top:20px;}
	.services_more{position:absolute;left: 30px;bottom:30px;}
	.services_more .more26{color:#666}
	.suppot_services_item{padding-bottom:80px;position: relative;}
	.suppot_services_item:hover .services_more .more26{color:var(--color)}
	.suppot_services_item:hover .services_more .more26 i{transform: translateX(10px);}
	.suppot_services_item:hover .serv_li1_cion1{opacity:0;-webkit-opacity:0;}
	.suppot_services_item:hover .serv_li1_cion2{opacity:1;-webkit-opacity:1;}
	.suppot_vitem:hover .vitem_li1 img{transform: scale(1.03);}
	.suppot_vitem:hover .vitem_p2{color:var(--color)}
	/* support-安装视频 */
	/* 服务支持-售后服务 */
	.js_qh_fxmx {display:none;}
	.js_qh_fxmx:nth-child(1) {display:block;}
	.salesa {padding:var(--ptb) var(--plr);}
	.salesap1 {text-align:center;max-width:1130px;margin:0 auto;margin-top:var(--mt25p);width:80%;}
	.salesbm {position:sticky;top:0;}
	.salesbm {background:var(--bg-f6f7fa);padding:var(--ptb) var(--plr);display:flex;align-items:center;}
	.salesbm {padding-top:0;top:calc(var(--nav-height-scroll) + 30px);}
	.salesbm:nth-child(1) {padding-top:var(--ptb);top:var(--nav-height-scroll);}
	.salesbma {width:48.5%;padding-right:8%;}
	.salesbmb {width:51.5%;}
	.salesbmb img {width:100%;}
	.salesbpp1 {font-size:var(--fs24);font-weight:var(--b600);margin-top:7%;}
	.salesbpp2 {margin-top:var(--mt45p);}
	.sales_list {padding:var(--ptb) var(--plr);display:flex;flex-wrap:wrap;padding-top:0;margin-top:var(--mt55p)}
	.sales_item {background:#Fff;box-shadow:0 5px 20px rgba(220,220,220,0.32);padding:40px 30px;}
	.sales_item{width:calc(25% - var(--li-jx) * 0.75);padding:2.5% 2%;margin-right:var(--li-jx);}
	.sales_item:nth-child(4n) {margin-right:0;}
	.sales_p1 {color:#222;font-size:var(--fs20);font-weight:var(--b600);line-height:1.4;}
	.sales_p1{min-height:50px;transition: all 0.3s ease;}
	.suppot_crightmain:hover .sales_p1{color:var(--color);}
	.sales_p2 {color:#666;margin-top:10px;display:flex;gap:10px;}
	.sales_faq {padding:var(--ptb) var(--plr);}
	.faq_nav {display:flex;justify-content:center;width:40%;margin:0 auto;margin-top:var(--mt45p);border-bottom:1px solid #e4e4e4;}
	.faq_item {text-align:center;padding:0 20px;font-size:var(--fs18);font-weight:var(--b600);}
	.faq_item{margin:0 4%;}
	.faq_item.on {border-bottom:1px solid var(--color);color:var(--color);}
	.faq_item:hover {cursor:pointer;}
	.faq_com {display:none;margin-top:var(--mt45p);box-shadow:-2.163px 6.657px 120px 0px rgba(220,220,220,0.41);}
	.faq_com.on {display:block;}
	.manual {padding:3% 5%;}
	.manual_item {display:flex;align-items:center;justify-content:space-between;padding:20px 0px;}
	.manual_item3 {background:#fff;margin-top:20px;border-bottom:1px solid #d9d9d9;}
	.manual li:last-child .manual_item3,.manual .on .manual_item3 {border-bottom:none;}
	.manualm0 {margin-top:0;}
	.manual_p2 {font-size:var(--fs18);color:#222;}
	.manual_item:hover {cursor:pointer;}
	.serv_List {display:none;padding-bottom:30px;}
	.serv_List {color:#666;margin-top:10px;}
	.manual .on .manual_s2,.manual .on .manual_p2 {display:inline-block;color:var(--color);}
	.manual .on .manual_s1,.manual_s2 {display:none;}
	.manual .on .serv_List {border-bottom:1px solid #d9d9d9;}
	/* support-售后服务 */
	/* support-联系我们 */
	.suppotsub {padding:var(--ptb) var(--plr);padding-bottom:0;}
	.suppotsuba {display:flex;justify-content:center;margin-top:var(--mt25p);}
	.suppotsuba a {border:1px solid #b2b2b2;height:48px;display:flex;align-items:center;transition:all 0.3s ease;justify-content:center;}
	.suppotsuba a{padding:0 10px;min-width:220px;}
	.suppotsuba1 a {border-radius:var(--border5);margin:0 15px;}
	.suppotsuba1 a.on {background:var(--color);color:#fff;border-color:var(--color);}
	.suppotsuba1 a.on:hover {color:#fff;}
	.suppotsuba1 a:hover {border-color:var(--color);color:var(--color);}
	.suppot_cont {padding:var(--ptb) var(--plr);display:flex;flex-wrap:wrap;}
	.suppot_clabel {width:49%;margin-top:var(--mt25p);margin-right:2%;}
	.suppot_clabel:nth-child(2n) {margin-right:0;}
	.suppot_clabel:nth-child(1),.suppot_clabel:nth-child(2) {margin-top:0;}
	.suppot_cinput {border:none;outline:none;background:var(--bg-f6f7fa);padding:0px 30px;height:60px;width:100%;color:#000;}
	.suppot_cinput::placeholder {color:#000;}
	.suppot_label {position:relative;}
	.suppot_label i {position:absolute;left:10px;top:9px;}
	.suppot_cselect {border-radius:var(--border5);border:none;outline:none;background:var(--bg-f6f7fa);padding:0px 30px;height:60px !important;width:100%;color:#000;font-size:16px;}
	.suppot_cselect option {color:#000;}
	.suppot_contbox {position:relative;}
	.suppot_contbox i {position:absolute;right:30px;top:15px;}
	.suppot_text {width:100%;}
	.suppot_text textarea {width:100%;height:100px;border:none;outline:none;background:var(--bg-f6f7fa);padding:30px;color:#000;font-size:16px;margin-top:var(--mt25p);font-family:none;resize:none;}
	.suppot_text textarea::placeholder {color:#000;}
	.suppot_btn {display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:var(--mt45p);}
	.ge4msgmbmp1 {font-size:16px;width:100%;line-height:1.2;padding-left:20px;position:relative;margin-top:10px;color:#666;}
	.ge4msgmbmp1 i {position:absolute;left:0;top:0px;}
	.checks {display:inline-block;border:1px solid #000;width:16px;height:16px;border-radius:3px;}
	.checks.on {background:url(../demo/suppot/checkson.svg) center no-repeat;background-size:100% auto;border:1px solid red;}
	.suppot_btnr span {display:inline-block;width:200px;border-radius:5px;border:1px solid #b2b2b2;height:48px;line-height:48px;display:flex;align-items:center;transition:all 0.3s ease;justify-content:center;background:var(--color);color:#Fff;}
	.suppot_center {display:flex;justify-content:space-between;flex-wrap:wrap;padding:var(--ptb) var(--plr);}
	.suppot_cleft {width:18%;}
	.suppot_cright {width:80%;}
	.suppot_crightitem {margin-bottom:var(--mt65p);}
	.suppot_crightitem:last-child {margin-bottom:0;}
	.suppot_crightmain {background-color:rgb(255,255,255);box-shadow:0 5px 15px rgba(220,220,220,0.41);}
	.suppot_crightmain{width:calc(25% - var(--li-jx) * 0.75);padding:3% 2.5%;margin-right:var(--li-jx);margin-top:var(--mt35p)}
	.suppot_crightmain:nth-child(4n) {margin-right:0;}
	.suppot_crightmain{transition:all 0.3s ease}
	.suppot_crightmain:hover{box-shadow:0 15px 25px rgba(220,220,220,0.41);}
	.suppot_crightmain{box-shadow: 0 0 15px rgba(0,0,0,0.06);transition:all 0.5s ease}
	.suppot_crightmain:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.08);transform:translateY(-5px);background:var(--color)}
	.suppot_crightmain:hover .sales_p1{color:#fff} 
	.suppot_crightmain:hover .sales_qtm,.suppot_crightmain:hover .sales_qtm a{color:#fff} 
	
	
	.sales_p5 {font-size:var(--fs30);font-weight:var(--b600);color:#222;line-height:1.4}
	.sales_qt{margin-top:var(--mt25p)}
	.sales_qtm{display:flex;line-height:20px;}
	.sales_qtm i{line-height:20px;position:absolute;display:block;}
	.sales_qtm{padding-left:30px;position:relative;}
	.sales_qtm {color:#222;margin-top:var(--mt15p);}
	.sales_qtm:nth-child(1){margin-top:0;}
	.sales_qtm_tel{font-size:24px;left:0;top:0;}
	.sales_qtm_email{font-size:20px;left:2px;top:0;}
	.sales_qtm_world{font-size:18px;left:2px;top:0;}
	.sales_qtm_date{font-size:20px;left:2px;top:0;}
	.suppot_crightitema {display:flex;flex-wrap:wrap;}
	.suppot_cleftitle {position:sticky;top:calc(var(--nav-height-scroll) + 20px);}
	.suppot_cleftitle::before {content:"";position:absolute;width:1px;height:100%;background-color:#e5e5e8;left:6px;}
	.suppot_cleftitle a {display:block;color:#000;padding:10px 0 10px 20px;position:relative;}
	.suppot_cleftitle a:first-child {margin-top:0;}
	.suppot_cleftitle a.active {color:var(--color);}
	.suppot_cleftitle a.active::before {content:'';width:13px;height:13px;background-color:var(--color);position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:50%;}
	.suppot_cleftitle a.active::after{content:'';width:5px;z-index:3; height:5px;background-color:#fff;position:absolute;left:4px;top:50%;transform:translateY(-50%);border-radius:50%;}
	.spp-msg{padding: var(--ptb) var(--plr);}
	
	.suppot_form{position:relative;z-index:10;}
	.faq2sx{margin-left:15px;}
	.faq2sx .layui-form-select .layui-input {border:none;background:none;height:45px;line-height:43px;background:#f7f7f7;}
	.faq2sx .layui-form-select .layui-edge {font-family:"sdicon" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;}
	.faq2sx .layui-form-select .layui-edge {border:none;width:auto;height:12px;line-height:12px;margin-top:-6px;}
	.faq2sx .layui-form-select .layui-edge:before {content:"\e610";}
	.faq2sx .layui-input:focus,.faq2sx.layui-textarea:focus {border-color:#b2b2b2 !important;box-shadow:none;}
	.faq2sx .layui-form-select dl dd.layui-this {color:var(--color)}
	
	
	
	.supwar5m{padding:var(--ptb) var(--plr);padding-top: 0;}
	.supwar5mn{box-shadow: 0 0 30px rgba(220,220,220,0.3);}
	.supwar5m{margin-top: var(--mt55p);}
	
	.supwar5ba,.supwar5bc,.ggshadow{box-shadow: 0 0 30px rgba(220,220,220,0.3);}
	.supwar5bc {margin-top:var(--mt55p);}
	.supwar5bca {display:flex;justify-content:space-between;flex-wrap:wrap;}
	.supwar5bca {padding:25px 4%;align-items:center;border-bottom:1px solid #eee;}
	.spr5bcp1 {font-size:var(--fs18);color:var(--color);font-weight:var(--b600);}
	.spr5bcp1 i {font-style:normal;}
	.spr5bcp2 {display:flex;}
	.spr5bcp1btn {display:flex;height:var(--more-height);padding:0 30px;background:#f7f7f7;align-items:center;border-radius:var(--border5);}
	.spr5bcp1btn2 {margin-left:25px;}
	.spr5bcp1btn {cursor:pointer;transition:all 0.3s ease;}
	.spr5bcp1btn:hover {background:var(--color);color:#fff;}
	.spr5bczs {position:relative;height:65vh;min-height:500px;}
	.supwar5bcicon {position:absolute;inset:0;margin:auto;height:150px;}
	
	.supwar5bp3btn {display:flex;height:var(--more-height);justify-content:center;align-items:center;}
	.supwar5bp3btn {cursor:pointer;}
	.supwar5bp3btn {border-radius:var(--border5);min-width:200px;}
	.supwar5bp3btn1 {background:var(--color);color:#fff;}
	.supwar5bp3btn2 {background:#f7f7f7;color:#222;}
	.supwar5bp3 {display:flex;justify-content:flex-end;}
	.supwar5bp3btn1 {margin-left:25px;}
	.supwar5ba {padding:3.5% 4%;background:#fff;padding-bottom:4.5%;}
	.supwar5bp1 {font-size:var(--fs18);font-weight:var(--b600);}
	.supwar5br {width:45%;padding-top:calc(var(--mt10p) + 22px);}
	.supwar5bl {width:50%;}
	.supwar5ba {display:flex;justify-content:space-between;flex-wrap:wrap;line-height:1.6;color:#333;}
	.supwar5brms p {margin-top:var(--mt15p);}
	.supwar5btext {background:none;border:none;resize:none;outline:none;}
	.supwar5btext {padding:15px;border-radius:var(--border5);border:1px solid #ddd;}
	.supwar5btext {line-height:20px;height:230px;}
	.supwar5btext {width:100%;margin-top:var(--mt10p);}
	.supwar5btext:focus {border-color:var(--color);}
	.supwar5bp2txt {background:none;border:none;resize:none;outline:none;}
	.supwar5bp2txt {padding:0 20px;flex-grow:1;padding-left:10px;}
	.supwar5btext::-webkit-input-placeholder,.supwar5btxt::-webkit-input-placeholder {color:#555;font-size:16px;}
	.supwar5btext::-moz-input-placeholder,.supwar5btxt::-moz-input-placeholder {color:#555;font-size:16px;}
	.supwar5bp2 {display:flex;width:100%;padding:5px 15px;border-radius:var(--border5);border:1px solid #ddd;align-items:center;}
	.supwar5bp2icon {padding-right:10px;border-right:1px solid #ddd;height:20px;line-height:20px;}
	.supwar5bp2icon i {font-size:20px;}
	.supwar5bp3,.supwar5bp2 {margin-top:var(--mt45p);}
    .supwar5bcode{width:130px;}
	
	.faq3a{padding:var(--ptb) var(--plr);}
	.faq3ab{padding-top: var(--ptb);display: flex;flex-wrap: wrap;width: 100%;align-items: flex-start;}
	.faq3abl{width: 310px;}
	.faq3abr{width: calc(100% - 310px);padding-left: 6%;}
	
	.faq3abh5 i{line-height: 20px;}
	.faq3abh5 a{font-size: 16px;color: #222;position: relative;line-height: 20px;display: block;font-weight: var(--b600);}
	.faq3abh6{padding: 8px 0;}
	.faq3abh6 a{font-size: 16px;color: #222;position: relative;line-height: 20px;display: block;}
	.faq3abh5 a:hover,.pal3anlim:hover,.faq3abh6 a:hover{color: var(--color);}
	.faq3abh5 i{font-size: 12px;display: none;position: absolute;left:-20px;top:-1px;}
	.faq3abh6 i{font-size: 12px;display: none;position: absolute;left:-20px;top:-1px;}
	.hassub.faq3abh5 i,.hassub.faq3abh6 i{display: block;}
	.faq3abli2{padding: 10px 15px;}
	.faq3abli2 a{font-size: 14px;display: block;line-height: 1.2;color:#333;padding: 5px 0;}
	.faq3abli2 a:hover{color: var(--color);}
	.faq3ablim{padding: 5px 0;color: #444;cursor: pointer;display: block;}
	.faq3absubm a{transition: all 0.5s ease;}
	.faq3ablim.active,.faq3absubm a.on{color:var(--color)}
	.faq3absubm{margin-bottom: 25px;}
	.faq3absubm:last-child{margin: 0;}
	.faq3abl{position: sticky;top:calc(var(--nav-height-scroll) + 25px)}
	.faq3absub2{padding: 12px 20px;padding-bottom: 0;}
	.pal3anrm img{width: 100%;}
	.pal3anrm h2{font-weight: var(--b600);color: var(--color);}
	.pal3anrm{margin-bottom: var(--ptb);}
	.pal3anrm:last-child{margin-bottom: 0;}
	.faq3abli2{display: none;}
	.faq3absub2{display: none;}
	.open .faq3absub2{display: block;}
	
	.faq3abrmmn{padding:20px 40px;box-shadow: 0 0 30px rgba(220,220,220,0.2);}
	.faq3abrmmn{margin-top: var(--mt25p);}
	.faq3abrh6 span{font-size: var(--fs18);color: #222;line-height: 1.4;padding: 30px 0;}
	.faq3abrh6{display: flex;position: relative;padding-right: 40px;}
	.faq3abrh6 i{position: absolute;right: 0;display: block;top:35px;font-size: 20px;color: #222;line-height: 1;}
	.faq3abrh6.on span,.faq3abrh6.on i{color:var(--color)}
	.faq3abrh6.on i.sdjiahao1:before{content: "\e729";}
	.faq3abrh6{cursor: pointer;}
	.faq3abrms{margin-top:0;display: none;padding-bottom: 60px;color: #444;}
	.faq3abrmmul{border-bottom: 1px solid #e8e8e8;}
	.faq3abrmmul:last-child{border: none;}
	.faq3abrmm{margin-bottom: var(--mt65p);position: relative;}
	.faq3abrmm:last-child{margin-bottom: 0;}
	.faq3abrmmdw{position: absolute;left: 0;top:calc(var(--nav-height-scroll) * -1.5)}
	
	.sales16mx{overflow: hidden;padding-bottom: var(--ptb);}
	.salesswiper{margin-top: var(--mt35p);position: relative;}
	.salesswiper:before,.salesswiper:after{z-index: 3;position: absolute;width:5px;background: #fff;height: 100%;top:0;content: '';}
	.salesswiper:before{left: 0;}
	.salesswiper:after{right: 0;}
	.salesswiper{overflow: hidden;width:calc(100% - var(--plr) - var(--plr) + var(--li-jx)  + var(--li-jx));margin: 0 auto;}
	.salesswiper{padding:25px var(--li-jx);}
	.salesslide{box-shadow: 0 0 15px rgba(0,0,0,0.06);padding: 2.5% 2%;transition:all 0.5s ease}
	.salesslide:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.08);transform:translateY(-5px);background:var(--color)}
	.salesslide:hover .sales_p1{color:var(--color)}
	.salesslide:hover .sales_p1{color:#fff} 
	.salesslide:hover .sales_qtm{color:#fff} 
	.sales_p1,.sales_qtm,.sales_qtm a{transition:all 0.5s ease}
	
	.jus7sx-ddwoload-top{padding:40px;box-shadow:none;margin-top:0;padding-bottom:0;}
	 .jus7sx-ddwoload{margin-top:var(--mt45p);padding-bottom:var(--ptb)}
			        
	/* support */
	
	
	/* Partner */
	
	.partd1ms {text-align:center;max-width:1300px;margin:0 auto;}
	.partd1ms {margin-top:var(--mt25p);}
	.partd1ms p {margin-top:var(--mt15p);}
	.partd1ms p:nth-child(1) {margin-top:0;}
	.partd1 {padding:var(--ptb) var(--plr);}
	.partd1omore {display:flex;}
	.partd1omore {margin-top:var(--mt70p);}
	.partd1om {display:flex;align-items: center;}
	.partd1oimg2 {display:none;}
	.partd1oimg,.partd1owz {width:50%;}
	.partd1owz {padding:0 5%;padding-bottom:0;}
	.partd1omorem {margin-right:20px;}
	.partd1omorem:last-child {margin-right:0;}
	.partd1oms {margin-top:var(--mt10p);}
	.partd1oms p {margin-top:10px;}
	.partd1oms p:nth-child(1) {margin-top:0;}
	.partd1oimgm {width:100%;vertical-align:top;}
	.partd1om:nth-child(2n) .partd1oimg2 {display:block;}
	.partd1om:nth-child(2n) .partd1oimg1 {display:none;}
	.partd1om:nth-child(2n) .partd1owz {padding-left:0;}
	.partd1om {margin-top:var(--mt70p);}
	
	.partd2 {padding:var(--ptb) var(--plr);overflow: hidden;}
	.partd2 {background:var(--bg-f6f7fa);}
	.partd2icon {display:block;width:81px;height:81px;position:relative;}
	.partd2icon img {position:absolute;inset:0;margin:auto;max-width:70%;max-height:70%;margin-left:0;}
	.partd2p1 {font-weight:var(--b600);font-size:var(--fs20);margin-top:var(--mt10p);transition: all 0.3s ease;}
	.partd2p2 {margin-top:var(--mt15p);}
	.partd2swiper {margin-top:var(--mt55p);}
	.partd2slide {background:#fff;padding:2.5% 2%;height:auto;padding-bottom:5%;}
	.partd2slide {width:20%;transition:all 0.5s ease;}
	.partd2slide { width: calc(25% - (var(--li-jx) * 0.75));margin-right: var(--li-jx);}
	.partd2slide:hover {transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.08)}
	.partd2slide:hover .partd2p1{color:var(--color)}

	
	.partd3 {padding:var(--ptb) var(--plr);}
	.partd3p1 {max-width:540px;}
	.partd3m {position:relative;padding-bottom:40%;overflow:hidden;}
	.partd3mbg {background-position:center;background-repeat:no-repeat;background-size:cover;}
	.partd3mbg {width:100%;height:100%;}
	.partd3mbg {position:absolute;left:0;top:0;}
	.partd3wz {position:absolute;width:80%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;}
	.partd3more {display:flex;justify-content:center;margin-top:var(--mt55p);}
	.partd3p1 {margin:0 auto;}

	
	.partd4 {padding:var(--ptb) var(--plr);background:#03021c;}
	.partd4p2 {color:#fff;text-align:center;margin-top:var(--mt15p);}
	.partd4p3 {display:flex;justify-content:center;margin-top:var(--mt25p);}
	.partd4mb {max-width:1400px;margin:0 auto;position:relative;text-align: center;}
	.partd4mbimg {width:100%;vertical-align:top;margin-left:auto;margin-right:auto;}

	
	.mapitem {position:absolute;cursor:pointer;-webkit-transition:all .4s;transition:all .4s;}
	.mapitem .dot {width:4px;height:4px;margin-left:-2px;margin-top:-2px;display:block;}
	.mapitem .cycle {position:absolute;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;}
	.mapitem .cycle {border:1px solid #fff;width:24px;height:24px;}
	.mapitem .dot {position:absolute;left:0;top:0;left:50%;top:50%;}
	.mapitem .dot:before,.mapitem .dot:after {content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;}
	.mapitem .dot:after {background:var(--color);width:4px;height:4px;z-index:2;}
	.mapitem .dot:before {width:10px;height:10px;background:#fff;opacity:1;}
	.mapitem .pulse {position:absolute;border:2px solid var(--color);border-radius:50%;opacity:.12;background:0 0;}
	.mapitem.warnani .pulse {-webkit-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
	.mapitem.item1 {left:46%;top:10%;}
	.mapitem.item2 {left:47.7%;top:20%;}
	.mapitem.item3 {left:49.6%;top:19.5%;}
	.mapitem.item4 {left:52%;top:18%;}
	.mapitem.item5 {left:79.5%;top:52.8%;}
	.mapitem.item6 {left:51.8%;top:13%}
	.mapitem.item7 {left:48.3%;top:13%;}
	.mapitem.item8 {left:50.3%;top:14.5%;}
	.mapitem.item9 {left:50.8%;top:19.5%;}
	.mapitem.item10 {left:53.8%;top:22.5%;}
	.mapitem.item11 {left:47%;top:15%;}
	.mapitem.item12 {left:68.8%;top:29.5%;}
	.mapitem {width:1.48%;}
	.mapitemimg {width:100%;}
	.mapitemimg2 {position:absolute;left:0;top:0;opacity:0;}
	.mapitem.active {transform:scale(1.35) translateY(-10%);}
	.mapitem.active .mapitemimg2 {opacity:1;}
	.mapitem.active .mapitemimg1 {opacity:0;}
	/*.partd4mcslide.swiper-slide-active .partd4mcslidem {background:rgba(255,2555,255,0.2);}*/

	
	.partd4mcswiper {overflow:hidden;margin-top:-8%;z-index:3;position:relative;}
	
	.partd4mcwzp1 a,.partd4mcwzp1 {color:rgba(255,255,255,0.9);}
	.partd4mcwzicon {color:#fff;position:absolute;left:0;top:0;display:block;line-height:20px;}
	.partd4mcwzm {position:relative;padding-left:30px;line-height:20px;}
	.partd4mctop {display:flex;width:100%;align-items:center;justify-content:flex-start;}
	.partd4mclogo {height:50px;filter:brightness(0) invert(1);}
	.partd4mctit {color:#fff;padding-left:10px;font-size:var(--fs18);font-weight:var(--b600);}
	.partd4mcslidem {display:flex;width:100%;background:rgba(255,255,255,0.1);backdrop-filter:blur(15px);}
	.partd4mcslidemn {width:100%;padding:25px;}
	.partd4mcwzicon.i_tel {font-size:18px;}
	.partd4mcwzicon.i_email {font-size:17px;}
	.partd4mcwzicon.i_add {font-size:18px;}
	.partd4mcwzicon.i_link {font-size:18px;}
	.partd4mcwzm {margin-top:15px;}
	.partd4mcwzm:nth-child(1) {margin-top:0;}
	.partd4mcwz {margin-top:var(--mt15p);}
	.partd4mcslide {height:auto;display:flex}
	.partd4mcslide{transition:all 0.5s ease}
	.partd4mcslide:hover{transform:translateY(-5px)}
    .partd4mcswiper{padding-top:5px;}
	
	.partd6 {padding:var(--ptb) var(--plr);}
	.partd6m {display:flex;flex-wrap:wrap;}
	.partd6mwz {width:45%;}
	.partd6mimg {width:55%;}
	.partd6mimg1 {display:none;}
	.partd6mimgm {width:100%;}
	.partd6mwz {padding-top:5%;padding-right:5%;}
	
	
	.ptfi2 {padding:var(--ptb) var(--plr);}
	.ptfi2sx {max-width:380px;margin:0 auto;width:100%;position:relative;z-index:9;}
	.ptfi2sx {margin-top:30px;}
	.ptfi2sx .layui-form-select .layui-input {border:none;background:none;border-bottom:1px solid #b2b2b2;height:42px;line-height:40px;}
	.ptfi2sx .layui-form-select .layui-edge {font-family:"sdicon" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;}
	.ptfi2sx .layui-form-select .layui-edge {border:none;width:auto;height:12px;line-height:12px;margin-top:-6px;}
	.ptfi2sx .layui-form-select .layui-edge:before {content:"\e610";}
	.ptfi2sx .layui-input:focus,.ptfi2sx.layui-textarea:focus {border-color:#b2b2b2 !important;box-shadow:none;}
	.ptfi2sx .layui-form-select dl dd.layui-this {color:var(--color)}


	.ptfi2list {margin-top:var(--mt65p);}
	.ptfi2p2wz {font-size:var(--fs20);font-weight:var(--b600);color:#222}
	.ptfi2p2wz-fff {color:#fff;}
	.ptfi2p2img {padding:30px 0;}
	.ptfi2p2img img {height:70px;}
	@media screen and (max-width:1600px) {
		.ptfi2p2img img {height:60px;}
	}
	.ptfi2listm {box-shadow:0 0 20px rgba(0,0,0,0.05);position:relative;}
	.ptfi2p1 {display:flex;height:90px;padding:0 25px;padding-right:5px;align-items:center;}
	.ptfi2p1 p {padding-left:30px;position:relative;width:100%;}
	.ptfi2p1 i {position:absolute;line-height:1;display:block;left:0;top:2px;font-size:22px;}
	.ptfi2p2 {padding:0 30px;border-top:1px solid #e5e5e5;}
	.ptfi2p3 {display:flex;align-items:center;height:90px;}
	.ptfi2p3,.ptfi2p4 {padding:0 30px;}
	.ptfi2p4 {padding-top:40px;padding-bottom:80px;border-top:1px solid rgba(255,255,255,0.1);}
	.ptfi2p3 img {height:45px;filter:brightness(0) invert(1);}
	.ptfi2listb {background:var(--color);transition:all 0.3s ease;width:100%;}
	.ptfi2lista {position:absolute;z-index:6;background:#fff;width:100%;height:100%;left:0;top:0;}
	.ptfi2list {display:flex;flex-wrap:wrap;width:100%;}
	.ptfi2listm {width:calc(25% - var(--li-jx) * 0.75);margin-right:var(--li-jx);margin-bottom:var(--li-jx);display:flex;}
	.ptfi2listm:nth-child(4n) {margin-right:0;}
	.ptfi2listm:hover {box-shadow:0 10px 20px rgba(0,0,0,0.08);transition:all 0.5s ease;}
	.ptfi2listb {opacity:0;visibility:hidden;}
	.ptfi2listm:hover .ptfi2listb {opacity:1;visibility:visible;transition:all 0.5s ease;}
	.ptfi2listm:hover .ptfi2lista {opacity:0;visibility:hidden;transition:all 0.5s ease;}

	
	.partp1m {margin-top:var(--mt55p);}
	.partp1 {padding:var(--ptb) var(--plr);}
	.msgm {display:flex;width:100%;justify-content:space-between;margin-top:25px;flex-wrap:wrap;}
	.msgm:nth-child(1) {margin-top:0;}
	.msgmm {width:calc(50% - 10px);position:relative;}
	.msgmm label {padding-left:20px;display:inline-block;line-height:20px;color:#333;z-index:3;left:0;top:50%;transform:translateY(-50%);position:absolute;transition:all 0.3s ease;}
	.msgmm .labeltext {top:20px;transform:translateY(0);}
	.msgmm label i {color:#ff0000;padding-left:5px;}
	.msgmtxt {background:none;border:none;height:var(--txt-height);line-height:calc(var(--txt-height) - 32px);padding-bottom:5px;padding-top:25px;transition:all 0.3s ease;}
	.msgmtxt {background:#f6f7fa;border:1px solid #f6f7fa;border-radius:0;outline:none;width:100%;padding-left:20px;}
	.msgmm .layui-input {height:var(--txt-height);line-height:calc(var(--txt-height) - 32px);background:#f6f7fa;border:1px solid #f6f7fa;}
	.msgmm .layui-input {padding-bottom:5px;padding-top:25px;}
	.msgmtext {height:112px;}
	.msgmm label.on {top:32%;color:#666;font-size:12px;}
	.msgmm .labeltext.on {top:10px;transform:translateY(0);}
	.msgmm-100 {width:100%;}
	.msgmtxt:focus {border-color:var(--color);box-shadow:0 0 0 3px rgba(22,183,119,.08);}
	.msgmm .layui-form-selected dl {top:var(--txt-height);bottom:auto;}
	.msgmm .layui-form-selectup dl {bottom:var(--txt-height);top:auto;}
	.msgmtxt-small{height: var(--txt-height-small);line-height: calc(var(--txt-height-small) - 27px);padding-bottom: 5px;padding-top: 20px;}
	.msgm-small{margin-top:15px;}
	.msgmm .layui-form-select .layui-input {padding-left:20px;}
	.msgmm .layui-form-select.layui-form-selected .layui-input {border-color:var(--color) !important;}
	.msgmm .layui-form-select dl dd.layui-this {color:var(--color);}
	.msgmtj {display:flex;justify-content:space-between;width:100%;margin-top:var(--mt60p);flex-wrap:wrap;}
	.msgmtjl {width:70%;}
	.msgmmsubmit {height:var(--more-height);display:flex;align-items:center;justify-content:center;border-radius:5px;color:#fff;}
	.msgmmsubmit {min-width:160px;padding:0 20px;cursor:pointer;}
	.msgmmsubmit {background:var(--color);}
	
	.msgmfile{display:flex;width:150px;height:150px;background:#f6f7fa;position:relative;justify-content: center;align-items: center;}
	.msgmfile-file{position:absolute;width:100%;left:0;top:10px;text-align:center}
	.msgmfileicon{font-size:30px;line-height:1;color:#999}
	.msgmfile-input{width:100%;height:100%;left:0;top:0;opacity:0;-webkit-opacity: 0;position:absolute;z-index:3;}
	.msgmfile-small{width:100px;height:100px;}
	.msgmfile-small .msgmfile-file{display:none;}
	
	
	/* partner-learning */
	.pal3a {padding:var(--ptb) var(--plr);}
	.pal3an {display:flex;width:100%;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
	.pal3anh5,.pal3anh5 i {line-height:20px;}
	.pal3anh5{color:#222;}
	.pal3anh5 a {font-size:var(--fs18);color:#222;position:relative;line-height:1.2;}
	.pal3anh5 a:hover,.pal3anlim:hover {color:var(--color);}
	.pal3anh5 i {font-size:14px;display:none;position:absolute;left:-25px;top:-1px;}
	.hassub.pal3anh5 i {display:block;}
	.pal3anli {padding:10px 20px;padding-bottom:10px;}
	.pal3anlim {padding:5px 0;color:#444;cursor:pointer;display:block;}
	.pal3anlim {transition:all 0.5s ease;}
	.pal3anlim.active {color:var(--color)}
	.pal3ansubm {margin-bottom:20px;}
	.pal3ansubm:last-child {margin:0;}
	.pal3an {padding-top:var(--ptb);}
	.pal3ansub {max-width:25%;position:sticky;top:calc(var(--nav-height-scroll) + 15px)}
	.pal3anr {width:75%;}
	.pal3anrm img {width:100%;}
	.pal3anrm h2 {font-weight:var(--b600);color:var(--color);}
	.pal3anrm {margin-bottom:var(--ptb);}
	.pal3anrm:last-child {margin-bottom:0;}
	/* partner-learning */

	/* Partner */
	
	/* rd */
	.mau6a {padding:var(--ptb) var(--plr);}
	.mau6amvideo {position:relative;margin-top:var(--mt55p);}
	.mau6amvideom {width:100%;vertical-align:top;}
	.proavideobtn {cursor:pointer;}
	.proavideobtn i {transition:all 0.5s ease;}
	.proavideobtn:hover i {color:var(--color);}
	
	.mau6b {padding:var(--ptb) 0;background:var(--bg-f6f7fa);}
	.mau6bh5 {font-size:var(--fs30);color:#222;font-weight:var(--b600);line-height:1.2;}
	.mau6bms {margin-top:var(--mt35p);}
	.mau6bmm {display:flex;align-items:center;flex-wrap:wrap;}
	.mau6bmimg {width:50%;}
	.mau6bmimg img{width:100%;}
	.mau6bmwz {width:50%;padding-left:5%;}
	.mau6bmm:nth-child(even) .mau6bmwz {padding-right:5%;padding-left:0;}
	.mau6bmimg2 {display:none;}
	.mau6bmm:nth-child(even) .mau6bmimg2 {display:block;}
	.mau6bmm:nth-child(even) .mau6bmimg1 {display:none;}
	.mau6bmx {margin-top:var(--mt60p);}
	.mau6bmm {margin-top:var(--mt70p);}
	.mau6bmm:nth-child(1) {margin-top:0;}
	
	.mau6c {padding:var(--ptb) 0;overflow:hidden;}
	.mau6cswiper {margin-top:var(--mt45p);overflow:hidden;}
	.mau6cimg {width:100%;vertical-align:top;}

	
	.mau6e{padding: var(--ptb) 0;background: var(--bg-f6f7fa);}
	.mau6eimg img{width: 100%;}
	.mau6eimg{margin-top: var(--mt45p);}
	.mau6eqt{display:flex;justify-content: center;margin-top: var(--mt45p);}
	.mau6eqtm{text-align: center;position: relative;padding: 0 80px;}
	.mau6eqtm{margin: 0 3%;}
	.mau6eqtmicon{display: block;position: absolute;top:50%;transform: translateY(-50%);}
	.mau6eqtmicon{width: 30px;}
	.mau6eqtmicon img{width: 100%;vertical-align: top;}
	.mau6eqtmicon1{left:0;}
	.mau6eqtmicon2{right:0;}
	.mau6eqtp1 span{font-weight: var(--b600);font-size: var(--fs60);line-height: 1;color: var(--color);}
	
	/* rd */
	
	
	/* 移动端首页baner */
	.wap_index .head3,.wap_index .fot14{display: none;}
	.wap_index .hd-ph,.wap_index .wap2fot{display: block;}
	.wap_index .plr5{padding-left: 4%;padding-right: 4%;}
	.wapbanerbg{
	    width: 100%;
	    height: 100%;
	    left: 0;
	    top: 0;
	}
	.wapbanerbg{
	    position: absolute;
	    object-fit: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	}
	.wapbanerbgm{
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    left: 0;
	    top: 0;
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	}
	.wapbanerwz{position: absolute;left: 50%;transform: translateX(-50%);z-index: 3;width: 100%;}
	.wapbanerwz{top:15%;}
	.wapbanerp1{font-size: var(--fs-wap-baner);}
	.wapbanerp1{color:#fff;line-height: 1.4;font-weight: var(--b600);text-align: center;}
	.wapbanerp1 br{display: none;}
	.wapbanerp2{margin-top: var(--mt35p);display: flex;justify-content: center;}
	.wapbanerp2p2{margin-left: 15px;}
	.wapbanerpage{width: 100% !important;position: absolute;left:0 !important;bottom: 6% !important;}
	.wapbanerpage{display: flex;z-index: 5;justify-content: center;}
	.wapbanerpage span{background: #fff;position: relative;width: 15px;height: 4px;border-radius: 4px;transition: all 0.3s ease;}
	.wapbanerpage span.swiper-pagination-bullet-active{width: 30px;}
	.wapbanerp2,.wapbanerp1{opacity: 0;}
	.wapbaner{overflow: hidden;height: 100vh;min-height: 500px;}
	.wapbanerp2more{margin-left:15px;}
	
	
	
	/* 移动端首页baner */
	
	
	/* 产品 详细*/
	
	.proban {position:relative;padding-bottom:40.52%;}
	.probanimg {position:absolute;left:0;top:0;width:100%;object-fit:cover;height:100%;}
	.probanwz {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;}
	.probanp0,.probanp1 {color:#fff;}
	.probanp1 {line-height:1.2;font-size:var(--fs50);font-weight:var(--b600);}
	.probanp1 {max-width:60%;}
	.probanp0 {padding-bottom:5px;font-size:var(--fs22)}
	.probanp2 {margin-top:var(--mt45p);display:flex;}
	.probanp2 a:nth-child(2){margin-left:20px;}
	
	/* 描点 */
	.pro8cb2a {padding:var(--ptb) 0;}
	.pro8j {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:var(--mt45p);}
	.pro8jm {width:calc(50% - var(--li-jx) * 0.5);position:relative;}
	.pro8jboximg {width:100%;vertical-align:top;transition:all 0.3s ease;}
	.pro8jbox {position:relative;overflow:hidden;cursor:pointer;}
	.pro8jbox:hover .pro8jboximg {transform:scale(1.03);}
	.pro8jtit {position:absolute;width:100%;z-index:3;left:0;bottom:0;color:#fff;font-size:var(--fs18);font-weight:var(--b600);}
	.pro8jtit {line-height:1.2;display:flex;height:40px;align-items:center;}
	.pro8jtit {padding:0 25px;bottom:20px;}
	.pro8jtit i {height:40px;width:40px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;}
	.pro8jtit i {position:absolute;right:25px;top:50%;transform:translateY(-50%);}
	
	/* 4 ge */
	.pro8j-4 .pro8jbox:nth-child(2) {margin-top:var(--li-jx);}
	/* 4 ge */
	/* 5 ge */
	.pro8j-5m{width: 100%;display: flex;flex-wrap: wrap;}
	.pro8jbox-5-1,.pro8jbox-5-2{width:calc(50% - var(--li-jx) * 0.5);}
	.pro8jbox-5-1,.pro8jbox-5-3,.pro8jbox-5-4{margin-right: var(--li-jx);}
	.pro8jbox-5-3,.pro8jbox-5-4,.pro8jbox-5-5{margin-top: var(--li-jx);width:calc(33.33% - var(--li-jx) * 2 / 3);}
	/* 5 ge */
	/* 描点 */
	
	/* dulink */
	.dulinka {padding:calc(var(--ptb) * 1.5) 0;}
	.dulinkan {display:flex;flex-wrap:wrap;width:100%;align-items:center;justify-content:space-between;}
	.dulinkaimg {width:55%;}
	.dulinkaimg img {width:100%;}
	.dulinkawz {width:39%;}
	.dulinkams {margin-top:var(--mt45p);}
	.dulinkaimg2 {display:none;}
	/*.dulinkan:nth-child(even) .dulinkaimg1 {display:none;}*/
	/*.dulinkan:nth-child(even) .dulinkaimg2 {display:block;}*/
	.right .dulinkaimg1{display:none;}
	.right .dulinkaimg2{display:block;}
	.dulinkan {margin-top:var(--ptb);}
	.dulinkan-mt-0{margin-top:0;}
	
	.dulinkb {position:relative;}
	.dulinkbimg {width:100%;vertical-align:top;}
	.dulinkbwz {position:absolute;width:100%;left:0;top:8%;z-index:3;}
	.dulinkbms {max-width:820px;margin:0 auto;text-align:center;margin-top:var(--mt15p);color:#fff;}
	
	.dulinkc {position:relative;background:#f6f7fb;padding:var(--ptb) 0;}
	.dulinkcwz {width:100%;left:0;top:8%;z-index:3;}
	.dulinkcms {max-width:820px;margin:0 auto;text-align:center;margin-top:var(--mt15p);}
	.dulinkcvideo {position:relative;max-width:1100px;width:85%;margin:0 auto;margin-top:var(--mt45p);}
	.dulinkcbg {width:100%;vertical-align:top;position:relative;z-index:5;}
	.dulinkcxx {position:absolute;width:74%;z-index:3;left:50%;transform:translateX(-50%);top:4.5%;}

	
	/* 定位 */
	.prodw{position: absolute;top:calc(-1 * var(--nav-height-scroll))}
	.prodw-2{top:0;}
	/* 定位 */
	
	/* dulink */
	/* 文字 ICON 通用 */
	.pro8cb2bms {margin-top:var(--mt30p);color:#333;}
	.pro8cb2bms-fff {color:#fff;}
	.pro8cb2bsj {display:flex;justify-content:space-between;margin-top:var(--mt45p);}
	.pro8cb2bsjm {max-width:35%}
	.pro8cb2bsjp2 {line-height:1.4;color:#333;margin-top:var(--mt15p);}
	.pro8cb2bsjp2-fff {color:#fff;}
	.pro8cb2bsjico {width:50px;height:50px;position:relative;display:inline-block;vertical-align:top;}
	.pro8cb2bsjico img {position:absolute;max-width:70%;max-height:70%;inset:0;position:absolute;margin:auto;}
	.pro8cb2bsjico img{margin-left:0;}
	/* 文字 ICON 通用 */

	/* 左右结构 白底*/
	/* 默认图片左边 .right 图片居右*/
	.pro8cb2c {padding:calc(var(--ptb) * 1) 0;}
	.pro8cb2cm {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
	.pro8cb2cwz {width:42%;}
	.pro8cb2cimg {width:53%;}
	.pro8cb2cimgm {width:100%;vertical-align:top;}
	.pro8cb2cimg2{display:none;}
	.right .pro8cb2cimg2{display:block;}
	.right .pro8cb2cimg1{display:none;}
	.pro8cb2c{padding:calc(var(--ptb) * 1.4) 0};
	/* 左右结构 白底*/


	/* 背景叠字 上-居中*/
	.pro8cb2d {position:relative;overflow:hidden;padding-bottom:48%;}
	.pro8cb2dbg {width:106%;height:106%;left:-3%;top:-3%;background-position:center;background-size:cover;background-repeat:no-repeat;}
	.pro8cb2dm,.pro8cb2dbg {position:absolute;}
	.pro8cb2bms-max-900-center {max-width:960px;margin-left:auto;margin-right:auto;text-align:center;}
	.pro8cb2bsj-center {margin-left:auto;margin-right:auto;justify-content:center;text-align:center;}
	.pro8cb2bsj-center .pro8cb2bsjm {margin:0 3%;}
	.pro8cb2dm {left:50%;transform:translateX(-50%);top:10%;}
	/* 背景叠字 上-居中*/
	
	/* 产品 详细*/
	
	/* 背景 + 文字 右边 */
	.pro8cb2b{position: relative;}
	.pro8cb2bbg{width: 100%;vertical-align: top;}
	.pro8cb2bwz1{position: absolute;left: 50%;top:50%; transform: translate(-50%,-50%);z-index: 3;}
	.pro8cb2bwz1{display: flex;justify-content: flex-end;}
	.pro8cb2bwz1m{width: 42%;}
	/* 背景 + 文字 右边 */
	
	/* dn3hh3 */
	.pro8cb2bwz1m-dn3hh3{width:50%;}
	.pro8cb2bsj-dn3hh3{margin-top:20%}
	.pro8cb2bsj-dn3hh3{justify-content: flex-start;}
	.pro8cb2bsj-dn3hh3 .pro8cb2bsjm{min-width:33.33%}
	/* dn3hh3 */
	
	/* 产品 全黑色 */
	/* 01 */
	.proa{padding:var(--ptb2) 0;overflow: hidden;}
	.proabg-000{background: #000;}
	.proams-fff{color: #fff;}
	.proams-max-width{margin: 0 auto;width: 92%;}
	.proams{margin-top: var(--mt25p);}
	.proavideom{width: 100%;object-fit: cover;height: 100%;}
	.proavideom2{max-height: 90vh;}
	.proavideom3{max-height: 100vh;}
	.proavideom-auto{max-height: inherit;min-height: inherit;}
	.proavideom-full{width: 100%;height: 100%;object-fit: cover;}
	.proavideo{position: relative;}
	.proa-pb{padding-bottom: var(--ptb);}
	.proa-pb-0{padding-bottom: 0;}
	.proavideo_js {animation-name: scrP102;}
	.proavideo_js {margin-left: auto;margin-right: auto;}
	@keyframes scrP102 {
		100% {
			-webkit-clip-path: inset(5vh calc((100v - var(--w15)) / 2) 0 calc((100% - var(--w15)) / 2) round 0 0 0 0);
			clip-path: inset(5vh calc((100% - var(--w15)) / 2) 0 calc((100% - var(--w15)) / 2) round 0 0 0 0)
		}
	
		0% {
			-webkit-clip-path: inset(0 round 0 0 0 0);
			clip-path: inset(0 round 0 0 0 0)
		}
	}
	
	.proazsd {position:relative;}
	.proazsdm {position:absolute;left:50%;top:0;right:0;margin:auto;width:100vw;transform:translateX(-50%);}
	.proazsdm {height:100%;}
	.proazsdm_js {animation-name:scrP103;}
	.proazsdm.on {width:var(--w15);width:100%;}
	@keyframes scrP103 {0% {width:100vw;}
	100% {width:var(--w-pro);}
	}
	.proavideo {margin-top:0;}
	.promt55 {margin-top:var(--mt35p);}
	.proazsdn {width:100%;height:100%;}
	.proazsdnx {width:100%;height:100%;object-fit:cover;min-height:inherit;max-height:inherit;}
	
	
	.proasub {display:flex;margin-top:var(--mt35p);}
	.proasub span {width:32%;margin-right:2%;position:relative;line-height:1.4;padding-bottom:10px;color:#fff;font-size:14px;}
	.proasub span {padding-right:0;cursor:pointer;}
	.proasub span:before,.proasub span:after {position:absolute;width:0;height:2px;background:var(--color);content:'';}
	.proasub span:after {width:80px;background:#fff;left:0;bottom:0;height:1px;}
	.proasub span:before {bottom:0;z-index:1;opacity:0.3;}
	.proasub span.on:before {width:80px;transition:all 0.5s ease;opacity:1;}
	.proasub span.on:after {opacity:0;}
	.proasub span:last-child {margin-right:0;}
	/* 只有2个 */
	.proasub-two{justify-content: center;}
	/* 只有2个 */
	.proavideo_tabm {display:none;}
	.proavideo_tabm.on {display:block;}
	
	.proa2lr{display: flex;justify-content: space-between;align-items: center;}
	.proa2lra{width: 40%;}
	.proa2lrb{width: 55%;}
	.proa-full{padding: 0 var(--plr120);}
	
	.ideoswiper {width:100%;height:100%;overflow:hidden;}
	.ideosslide {opacity:0;z-index:1;}
	.ideosslide.swiper-slide-active {opacity:1;z-index:2;}
	.ideosbtn {position:absolute;width:50px;height:50px;display:flex;align-items:center;justify-content:center;z-index:4;}
	.ideosbtn {border-radius:50%;}
	.ideosbtn {top:50%;transform:translateY(-50%);}
	.ideosbtn {cursor:pointer;border:1px solid #fff;}
	.ideosbtn:hover {background:var(--color);transition:all 0.3s ease;border-color:var(--color);}
	.ideosbtn:hover i {color:#fff;}
	.ideosbtn i {color:#fff;font-size:22px;transition:all 0.3s ease;}
	.ideosbtn.left {left:-7%;}
	.ideosbtn.right {right:-7%;}
	
	/* 5m */
	/* .proazslf{display: flex;flex-wrap: wrap;justify-content: space-between;} */
	.proazslfm{width: calc(50% - var(--li-jx) / 2);position: relative;}
	.proazslwz{position: absolute;z-index: 3;left: 0;bottom: 0;padding: 35px;color: #fff;}
	.proazslfp1,.proazslfp2{line-height: 1;}
	.proazslfp1{font-size: var(--fs30);font-weight: var(--b600);}
	.proazslfp2{margin-top: var(--mt10p);}
	.proazslf{overflow: hidden;}
	.proazslfmimg{width:100%;}
	/* 5m */
	
	.prosmpeo1mp0{background-image: linear-gradient(to bottom, #2ca7f7, #5fd7d5);-webkit-background-clip: text;color: transparent;}
	.prosmpeo1mp0{display: inline-block;font-size: 40px;font-weight: var(--b600);line-height: 1.1;}
	.prosmpeo1mp1{color: #fff;padding-top: 12px;}
	.prosmpeo1{display: flex;justify-content:space-between;padding: 0 8%;}
	.prosmpeo1m{max-width: 35%;text-align: center;}
	.prosmpeo1-mt{margin-top: var(--mt45p);}
	
	.prosmpeo2 img{max-width: 100%;}
	.prosmpeo2{text-align: center;margin-top: var(--mt45p);}
	

	.pro215bg{position: relative;}
	.bg000{background:#000}
	.pro215bg-pb2{padding-bottom:var(--ptb2)}
	.pro215bgtop{position: absolute;left: 50%;transform: translateX(-50%);width: 100%;top:8%;z-index: 3;}
	.pro215bgm{width: 100%;vertical-align: top;}
	.pro215bgbottom{position: absolute;left: 50%;transform: translateX(-50%);width: 100%;bottom:calc(8.5% + var(--ptb2));z-index: 3;}
	
	.pro215bgright{position: absolute;z-index: 3;right:16%;bottom:20%;}
	.pro215bgright{display: flex;flex-wrap: wrap;}
	.pro215bgr2m{width: 100%;text-align: right;color:#fff;}
	.pro215bgr2mspan{background-image: linear-gradient(to bottom, #2ca7f7, #5fd7d5);-webkit-background-clip: text;color: transparent;}
	.pro215bgr2mspan{display: inline-block;font-size: 40px;font-weight: var(--b600);line-height: 1.1;}
	.pro215bgr2mp0{position: relative;display: flex;justify-content: flex-end;}
	.pro215bgr2micon{height: 40px;margin-left: 15px;}
	.pro215bgr2m{margin-top: var(--mt25p);}
	
	.proazs3g{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.proazs3gimg img{max-width: 100%;}
	.proazs3gm{max-width: 30%;}
	.proazs3gwz{color: #fff;font-size: var(--proazs3g-fs-p1);font-weight: var(--b600);margin-top: var(--mt10p);}
	@media only screen and (max-width:1600px) {
		.proasub span{padding-right:0;}
		.ideosbtn{width: 45px;height: 45px;}
		.ideosbtn.right {right: -6.5%;}
		.ideosbtn.left {left: -6.5%;}
	}
	@media only screen and (max-width:1440px) {
		.proams-max-width{max-width: 100%;width: 100%;}
		.proasub span{font-size: 12px;}
		.proasub span{padding-bottom: 10px;}
	}
	
	
	.ispaxbg{position: relative;padding-bottom: 46%;overflow:hidden;}
	.ispaxbgm{position: absolute;width: 106%;height:106%;left: -3%;top:-3%;background-position: center;background-repeat: no-repeat;background-size: cover;}
	
	/*产品参数*/
	.cpsepnaswiper{overflow:hidden;}
	/*产品参数*/
	/*esg*/
	.esg10a{padding: var(--ptb) var(--plr);}
	.esg10am{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
	.esg10ams{margin-top: var(--mt45p);}
	.esg10amimg{width:50%;}
	.esg10amwz{width:50%;padding-left: 4.5%;}
	.esg10amimgm{width: 100%;}
	.esg10bwz{padding: 0 var(--plr);position: absolute;z-index: 6;left: 0;top:50%;transform: translateY(-50%);}
		.esg10bms{color: #fff;margin-top: var(--mt45p);max-width: 700px;}
		.esg10bswiper{overflow: hidden;}
		.esg10bpage{position: absolute;z-index: 10;width: 200px;flex-wrap: wrap;display: flex;align-items: flex-start;}
		.esg10bpage:before{position: absolute;width: 1px;height: 150%;background: #fff;content: '';opacity: 0.3;}
		.esg10bpage:before{right: 0;top:50%;transform: translateY(-50%);}
		.esg10bpage span{color: #fff;position: relative;line-height: 1.2;font-size: var(--fs18);width: 100%;}
		.esg10bpage span{text-align: right;padding-right: 60px;margin: 20px 0;cursor: pointer;}
		.esg10bpage i{position: absolute;width: 11px;height: 11px;background: #fff;background: #fff;border-radius: 50%;}
		.esg10bpage i{top:50%;transform: translateY(-50%);right: -5px;}
		.esg10bpage i:before{width: 200%;height: 200%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);border: 1px solid #fff;border-radius: 50%;content: '';}
		.esg10bpage i:before{transition: all 0.5s ease;}
		.esg10bpage i:before{opacity: 0;transform: translate(-50%,-50%) scale(0);}
		.esg10bswiper{overflow: hidden;height: 100vh;min-height: 500px;position: relative;}
		.esg10bslide{position: relative;}
		.esg10bbg{position: absolute;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
		.esg10bpage{right: var(--plr);top:50%;transform: translateY(-50%);}
		.esg10bpage span{}
		.esg10bpage span.on i:before{opacity: 1;transform: translate(-50%,-50%) scale(1);}
		.esg10bp1{opacity: 0;transform: translateY(50px);}
		.esg10bms{opacity: 0;transform: translateY(70px);}
		.esg10bp1,.esg10bms{transition: all 0.6s ease;opacity: 0;}
		.swiper-slide-active .esg10bp1,.swiper-slide-active .esg10bms{opacity: 1;transform: translateY(0);transition-delay: 0.2s;}
		.swiper-slide-active .esg10bms{transition-delay: 0.4s;}
		
		.esg10c{overflow: hidden;width: 100%;padding: var(--ptb) 0;}
		.esg10cswiper{padding-left: var(--plr);padding-right:var(--plr); overflow: hidden;}
		.esg10cswiper{margin-top: var(--mt45p);}
		.esg10cslide{height: auto;}
		.esg10cslide{width: 830px;}
		.esg10cwz{padding: 25px;}
		.esg10cimg img{width:100%;}
		
		.esg10d{padding: var(--ptb) var(--plr);background: var(--bg-f6f7fa);}
		.esg10dswiper{margin-top: var(--mt45p);overflow: hidden;}
		.esg10dwz{position: relative;margin:0 35px;padding-bottom: 35px;}
		.esg10dp1{min-height: 60px;font-size: var(--fs20);line-height: 1.4;padding-right: 30px;position: relative;}
		.esg10dwz{padding-top: 35px;border-top: 1px solid #eee;}
		.esg10dp1 i{position: absolute;display: block;line-height: 1;bottom: 0;right: 0;}
		.esg10dp1 i{font-size: 23px;}
		.esg10dp1,.esg10dp1 i{transition: all 0.3s ease;}
		.esg10dimg{overflow: hidden;}
		.esg10dimgm{width: 100%;}
		.esg10dslide{background: #fff;height: auto;}
		.esg10dslide{width: calc(25% - var(--li-jx) * 0.75);}
		.esg10dslide:hover .esg10dp1,.esg10dslide:hover .esg10dp1 i{color: var(--color);}
		.esg10dpage{margin-top: var(--mt45p);}
		@media screen and (max-width:1280px) {
			.esg10dslide{width: calc(33.33% - var(--li-jx) * 0.666);}
		}
		@media screen and (max-width:768px) {
			.esg10dslide{width: 80%;}
		}
		.esg10bswiperpage{position:absolute;z-index:3;display:flex;width:100%;padding:0 var(--plr);}
		.esg10bswiperpage span{margin:0 !important;margin-right:10px !important;}
	/*esg*/
	
    .layui-form-select .layui-input{font-family:"HanHei SC", "Arial", "Helvetica", "STHeitiSC-Light", sans-serif !important}
	/* 01 */
	
	.proavideom-height-1{height: calc(var(--w-pro) * 600 / 1300);min-height: 400px;}
	.proavideom-height-2{height: calc(var(--w-pro) * 550 / 1300);min-height: 400px;}
	
	/* 产品 全黑色 */
	
	/*产品表格*/
	.cpsepn1{display:flex;flex-wrap:wrap;width:100%;align-items: center;}
	    .cpsepn{box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);padding:50px;margin-top:var(--mt55p);padding-left:0;}
	    .cpsepna{width:38.6%}
	    .cpsepnb{width:61.4%}
	    .cpsepnslide{text-align: center;}
	    .cpsepnslide img{max-width:100%}
	    .cpsepnbxx table{width:100%;}
	    .cpsepnbxx td{padding:12px 5px;line-height:1.3;color:#222;}
	     .cpsepnbxx td:nth-child(1){font-weight:var(--b600)}
	      .cpsepnbxx td:nth-child(1){width:40%}
	      .cpsepnbxx td:nth-child(2){width:60%}
	      .cpsepnbxx td:nth-child(2){padding-left:8%;border-left:1px solid #eee}
	      .cpsepnslide{opacity:0 !important;-webkit-opacity:0 !important;}
	      .cpsepnslide.swiper-slide-active{opacity:1 !important;-webkit-opacity:1 !important;}
	      .cpsepn2{margin-top:25px;}
	      .cpsepn2x{padding-left:40%;display:flex;}
			.cpsepn2{display:flex;margin-left:38.6%;}
			    .cpsepn2 a{display:flex;height:48px;width: 180px;height: 48px;align-items: center;font-size:14px;justify-content: center;}
			    .cpsepn2 a{border:1px solid #ccc;border-radius:5px;color:#333;}
			    .cpsepn2 a{margin-right:20px;transition: all 0.3s ease;}
			    .cpsepn2 a:last-child{margin-right:0;}
			    .cpsepn2x i{line-height:1;margin-left:10px;top: -2px;position:relative;}
			    .cpsepn2x .sdxiazai1{font-size:16px;}
			    .cpsepn2x .sddianhua3{font-size:20px;}
			    .cpsepn2 a:hover{border-color:var(--color);background:var(--color);color:#fff;}
			    @media only screen and (max-width:1440px) {
	          .cpsepnbxx td{font-size:14px;}
	      }
	      
	      
	       .cpsep-bg-000{background:#000;padding-top:var(--ptb)}
	    .cpsep-bg-000 .cpsepnbxx td{color:rgba(255,255,255,0.8);}
	    .cpsep-bg-000 .cpsepnbxx td:nth-child(1){color:#fff;}
	    .cpsep-bg-000 .cpsepnbxx td:nth-child(2){border-color:rgba(255,255,255,0.2)}
	   .cpsep-bg-000 .cpsepn2 a{border-color:rgba(255,255,255,0.5);color:#fff;}
	   .cpsep-bg-000 .cpsepn2 a:hover{border-color:var(--color)}
	    .cpsep-bg-000 .cpsepn {background:#191919}
	    
	      /*产品表格*/