html {
	font-size: 1px;
	/* font-size: 6.25%; */
	width: 100%;
	height: 100%;
}

*,
html,
body,
p,
span,
div,
h1,
h2,
h3,
h4,
h5,
h6,
li,
td,
th {
	min-height: 0;
	min-font-size: 12px;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;

	/* font-size: 0.16rem; */
}

.pcss5 {
	-webkit-text-size-adjust: none;
}




@font-face {
	font-family: "Noto Sans S Chinese";
	src: url('../font/Noto-Sans-S-Chinese-Bold-Bold-6.otf');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "Noto Sans S Chinese";
	src: url('../font/NotoSansHans-Regular-2_0.ttf');
	font-weight: normal;
	font-style: normal;
}

body {
	padding: 0rem 0rem;
	margin: 0rem 0rem;
	font-family: "Noto Sans S Chinese";
	background-color: #000000;
	/* transform:scale(1.0); */
	/* width: 100vw; */
}

a {
	text-decoration: none;
}

a,
button {
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}

a:hover {
	opacity: 1;
}

/* by Jimo/qxf */
/* contact wechat：qxf800 */

/* 鼠标选中文本样式 */
::selection {
	background-color: #1a1a1a;
	color: #ffffff;
	opacity: 1;
}



video {
	display: inline-block;
	vertical-align: baseline;
	object-fit: contain;
	content: normal;
}


/* 禁用网页 拖拽 */
img,
a,
video,
audio {
	user-drag: none;
	user-select: none;

	-moz-user-drag: none;
	-moz-user-select: none;

	-webkit-user-drag: none;
	-webkit-user-select: none;

	-ms-user-drag: none;
	-ms-user-select: none;
}




/* 鼠标左右滑动样式 */
.cursor_ew_resize {
	cursor: none;
	/* cursor: url('../img/left_right_arrows2.svg'), auto;
	object-fit: cover; */
}

/* .cursor_ew_resize:active {
	cursor: url('../img/left_right_arrows_active2.svg'), auto;
	object-fit: cover;
} */

.cursorblok {
	cursor: unset;
}


/* 新js鼠标左右滑动样式 */
.cursor {
	z-index: 9999;
	position: fixed;
	pointer-events: none;
	width: 3vw;
	height: 3vw;

	margin: -1.5vw 0 0 -1.5vw;

	border-radius: 999rem;
	background-color: rgba(0, 0, 0, 0.15);
	display: flex;
	display: none;
	align-items: center;
	justify-content: center;
	transition: width 0.5s cubic-bezier(0, 0, 0, 1.1),
		margin 0.5s cubic-bezier(0, 0, 0, 1.1);
}

.arrow {
	position: absolute;
	transition: transform 0.5s cubic-bezier(0.02, 0.4, 0, 1.1);
	height: .8vw;
}

.arrow.left {
	transform: translateX(-.6vw);
}

.arrow.right {
	transform: translateX(.6vw);
}

.dot {
	position: absolute;
	width: .35vw;
	height: .35vw;
	border-radius: 999rem;
	background-color: white;
}

.dots {
	width: 0;
	height: .3vw;
	transition: width 0.35s, opacity 0.4s;
	position: absolute;
	top: 50%;
	margin-top: -.12vw;
	z-index: 0;
	opacity: 0;
}

.pressed {
	width: 4.5vw;
	margin: -1.5vw 0 0 -2.25vw;
}

.pressed .arrow.left {
	transform: translateX(-1.25vw);
}

.pressed .arrow.right {
	transform: translateX(1.25vw);
}

.pressed .dots {
	width: 1.8vw;
	opacity: .6;
}








/* 点击返回 页面顶部  返回顶部按钮 */
#btn-top {
	position: fixed;
	bottom: 24rem;
	right: 24rem;
	display: none;
	/* 初始隐藏按钮 */
	z-index: 999999;
	border-radius: 999rem;
	width: 64rem;
	height: 64rem;
	background-color: #00000040;
	border: 0rem;
	padding: 0;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out;

	justify-content: center;
	align-items: center;
}

#btn-top:hover {
	background-color: #000000;
}

#btn-top img {
	width: 20rem;
	height: 14rem;
	height: auto;

	margin-top: -2rem;
}


/* 点击返回 案例 弹窗顶部  返回顶部按钮 */
#case_top {
	position: fixed;
	bottom: 24rem;
	right: 24rem;
	display: none;
	/* 初始隐藏按钮 */
	z-index: 999999;
	border-radius: 999rem;
	width: 64rem;
	height: 64rem;
	background-color: #00000040;
	border: 0rem;
	padding: 0;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out;

	justify-content: center;
	align-items: center;
}

#case_top:hover {
	background-color: #000000;
}

#case_top img {
	width: 20rem;
	height: 14rem;
	height: auto;

	margin-top: -2rem;
}



/* 开屏动画 */
#loading_smile {
	/* display: none; */
	background-color: black;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80rem;
	height: 80rem;
	z-index: 999999999999;
	animation: loading_smile_fadein 3.3s;
	box-shadow: 0rem 0rem 0rem 9999rem #000000;
}

/* 渐入动画 */
@keyframes loading_smile_fadein {
	0% {
		display: block;
		opacity: 1;
	}

	70% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		display: none;
	}
}

.index_loading .zt1 .f72 {
	animation: bigbt_fadein ease-out;
	animation-duration: 3.2s;
	/* animation-delay: 2s; */
}

@keyframes bigbt_fadein {
	0% {
		opacity: 0;
		transform: translateY(40rem);
	}

	79% {
		opacity: 0;
		transform: translateY(40rem);
	}

	100% {}
}

.index_loading .zt1 .f24 {
	animation: smallbt_fadein ease-out;
	animation-duration: 3.2s;
	/* animation-delay: 2.25s; */
}

@keyframes smallbt_fadein {
	0% {
		opacity: 0;
		transform: translateY(20rem);
	}

	88% {
		opacity: 0;
		transform: translateY(20rem);
	}

	100% {}
}






/* 隐藏滚动条 */
::-webkit-scrollbar {
	display: none;
	/* Chrome Safari */
}

/* 隐藏所有滚动条 */
html {
	scrollbar-width: none;
	/* Firefox */
	-ms-overflow-style: none;
	/* IE 10+ */
	overflow: -moz-scrollbars-none;
	/* Firefox */
}

/* 隐藏body元素的滚动条 */
body {
	scrollbar-width: none;
	/* Firefox */
	-ms-overflow-style: none;
	/* IE 10+ */
	overflow: -moz-scrollbars-none;
	/* Firefox */
}

/* 隐藏容器元素的滚动条 */
.container {
	scrollbar-width: none;
	/* Firefox */
	-ms-overflow-style: none;
	/* IE 10+ */
	overflow: -moz-scrollbars-none;
	/* Firefox */
}


/* 设置滚动条的样式 */
::-webkit-scrollbar {
	/* width: 16rem !important; */
	/* 设置滚动条的宽度 */

	/* height: 16rem !important; */
	/* 设置滚动条的高度 */

	/* background-color: #121212; */
	/* 设置滚动条的背景颜色 */
}

/* 设置滑块的样式 */
::-webkit-scrollbar-thumb {
	/* background-color: #6a6a6a; */
	/* 设置滑块的颜色 */

	/* border-radius: 999rem; */
	/* 设置滑块的圆角 */

	/* box-shadow: inset 0 0 5rem rgba(0, 0, 0, 0.2); */
	/* 为滑块添加投影效果 */
}




/* 页面边距适应 */
.ybz {
	padding: 0 160rem;
	position: relative;
}

/* 导航 */
/* 固定模型 */
.flex_all {
	width: 100%;
	/* height: auto; */
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
}

.nav {
	height: 80rem;
	position: relative;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: space-between;

	/* background-color: black; */
}

.nav a {
	width: auto;
	height: auto;
	display: flex;
}

/* 导航背景变色 滑动到一定高度时 */
.nav {
	/* background-color: transparent; */
	transition: background-color 0.4s ease-in-out, transform 0.4s ease-in-out;
	;
	transform: translateY(0);
	/* 初始位置 */
}

.nav.active {
	background: rgba(0, 0, 0, 0.9);
	backdrop-filter: blur(5rem);
	-webkit-backdrop-filter: blur(5rem);
	/* 兼容老版本的 Safari */
}

/* 导航滚动粘性 隐藏位置 */
.nav-up {
	transform: translateY(-80rem);
}

.daohang_b {
	background: rgba(0, 0, 0, 0.9);
	backdrop-filter: blur(5rem);
	-webkit-backdrop-filter: blur(5rem);
	/* 兼容老版本的 Safari */
}















.logo {
	/* width: 140rem; */
	width: 160rem;
	height: auto;
}

.case {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0rem;
	gap: 40rem;
	/* height: 100%; */
	height: auto;
}

.case li {
	height: 100%;
	display: flex;
	align-items: center;
}

.case a {
	text-decoration: none;
	/* height: 40%; */
	height: auto;
	display: flex;
}

.case a:hover {
	opacity: 1;
}

.case .nav_active {
	opacity: 1;
	background-image: url("../img/Intersect.svg");
	background-repeat: no-repeat;
	background-position: center bottom 0rem;
	padding: 10rem 0;
	/* background-size: auto; */
	/* background-size: 16rem auto; */
	background-size: 60% auto;
}


ul,
li {
	list-style: none;
}



.nav-item {
	cursor: pointer;
}

.nav-item.selected {
	background-color: #007bff;
	color: #fff;
}

.menu_linkux {
	width: 20rem;
	height: 20rem;
	cursor: pointer;
	display: none;
}

.case_mobile .nav-top .menu_linkux {
	animation: menu_linkux .8s cubic-bezier(0, 0, 0, 1);
}

@keyframes menu_linkux {
	from {
		transform: rotate(-500deg);
	}

	to {
		transform: rotate(0deg);
	}
}

.case_mobile {
	display: flex;
	display: none;
	position: fixed;
	z-index: 999999;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	flex-direction: column;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
	align-items: center;
	background: rgba(0, 0, 0, 1);
	overflow: hidden;
	/* backdrop-filter: blur(5rem);
	-webkit-backdrop-filter: blur(5rem); */
	animation: case_mobile .5s cubic-bezier(0, 0, 0, 1);

	font-weight: unset !important;
}

@keyframes case_mobile {
	from {
		/* height: 64rem; */
		height: 0%;
		/* transform: translateY(-100vh); */
		opacity: 1;
	}

	to {
		height: 100%;
		transform: translateY(0vh);
		opacity: 1;
	}
}

.case_mobile .nav-item {
	width: -webkit-fill-available;
	width: -moz-available;
	text-align: center;
	padding: 24rem 0;
}

.nav-top {
	display: flex;
	justify-content: space-between;
	/* justify-content: flex-end; */
	align-items: center;
	padding: 0 24rem !important;
	height: 64rem;
	margin-bottom: 64rem;
}

.nav-top a {
	height: auto;
	display: flex;
}



















/* 主题内容 */
/* 模块1 */
.content {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

.content_1 {
	align-items: center;
	justify-content: space-between;
	padding: 0rem 0rem;
	margin: 0rem 0rem;
	height: 100vh !important;
	display: flex;
	justify-content: center;
}

.content_1 video {
	/* height: 100%;
	width: 100%; */
	display: block;
	padding: 0rem 0rem;
	margin: 0rem 0rem;
}

.content_1 img {
	position: absolute;
	bottom: 0rem;
	opacity: 0.6;
}

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

.zerbg {
	/* height: 100%; */
	/* width: auto; */
	/* height: auto; */
	/* width: 100%; */
}

.i_row1_video>video {
	width: 100%;
	height: 100%;
	vertical-align: bottom;
	-o-object-fit: cover;
	object-fit: cover;
}

.i_row1_video>img {
	width: 100.5%;
	height: 100.5%;
	vertical-align: bottom;
	-o-object-fit: cover;
	object-fit: cover;
}

.zt1 {
	/* width: 100%; */
	padding: 0 24rem;
	height: auto;
	position: absolute;
	display: flex;
	gap: 8rem;
	top: 42%;
	/* margin-top: 10%; */
	flex-direction: column;
	align-items: center;

	cursor: default;
}

.zt1 p {
	text-align: center;
	margin: 0;
	padding: 0;
}

.zt2 {
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 4%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.scroll-to-section {
	transition: background-color 0.4s ease-in-out;
}


.zt2 p {
	text-align: center;
	margin: 0;
	padding: 0;
	/* line-height: 0.5; */
}

.zt2 img {
	position: relative;
	width: 16rem;
	height: auto;
	opacity: 1;
}

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

	50% {
		opacity: 0.4;
	}

	100% {
		opacity: 1;
	}
}

.zt2 a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8rem;
	animation: tansuogengd 2s ease-in-out infinite;
	transition: scale 0.3s ease-in-out;
}

.zt2 a:hover {
	animation-play-state: paused;
	scale: 1.0;
	opacity: 1 !important;
	--paused: true;
}

.zt2 a[--paused=true] {
	opacity: 1 !important;
}





/* 模块2 */
.content_2 {
	display: flex;
	padding-top: 160rem;
	padding-bottom: 160rem;
	flex-direction: row;
	align-items: center;
	background-color: white;
	/* height: 100vh; */
}

.content_2 img {
	width: 50%;
	height: auto;
}

.content_2 .c2l1 {
	/* width: 50%; */
	height: auto;
}

.smile_video {
	display: flex;
	width: 50%;
	height: auto;
}

.c2l1_l {
	padding-right: 160rem;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	gap: 40rem;
}

.c2l1_l p {
	margin: 0 0;
}





.animate1 {
	/* scroll-margin-top: calc(100vh - 50rem); */
	animation: 3s sbigbt_fadein ease-out;
	/* animation-duration: 3.5s; */
	/* animation-delay: 2s; */
}

@keyframes sbigbt_fadein {
	0% {
		opacity: 0;
		transform: translateY(40rem);
	}

	20% {
		opacity: 0;
		transform: translateY(40rem);
	}

	41% {
		opacity: 1;
		transform: translateY(0rem);
	}

	/* 79% {
		opacity: 0;
		transform: translateY(40rem);
	} */

	100% {}
}

.animate2 {
	animation: 3s ssmallbt_fadein ease-out;
	/* animation-duration: 3.5s; */
	/* animation-delay: 2.25s; */
}

.chupoyuansu {
	display: none !important;
}

@keyframes ssmallbt_fadein {
	0% {
		opacity: 0;
		transform: translateY(20rem);
	}

	29% {
		opacity: 0;
		transform: translateY(20rem);
	}

	41% {
		opacity: .5;
		transform: translateY(0rem);
	}

	/* 88% {
		opacity: 0;
		transform: translateY(20rem);
	} */

	100% {}
}



/* 模块3 */
.content_3 {
	display: flex;
	padding-top: 160rem;
	padding-bottom: 160rem;
	flex-direction: column;
	align-items: flex-start;
	/* background: linear-gradient(95.19deg, #1A1A1A 0%, #000000 100%); */
	background: #0D0D0F;
	gap: 80rem;
}

.c3l1_l {
	padding-right: 80rem;
	display: flex;
	flex-direction: row;
	width: 100%;
	/* gap: 40rem; */
	align-content: space-between;
	align-items: center;
	justify-content: space-between;
}

.c3l1_l p {
	margin: 0;
	cursor: default;
}

.more {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8rem;
	opacity: 0.6;
	/* transition: 1s; */
	cursor: pointer;

	white-space: nowrap;
}

.more:hover {
	/* gap: 16rem; */
}

.more img,
.viewjob_bt img {
	transition: .2s;
	width: 20rem;
	height: 20rem;
}

.more:hover img,
.viewjob_bt:hover img {
	margin-left: 4rem;
	margin-right: -4rem;
}



.fw_bcs {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 24rem;
}

.fw_cs {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 24rem;
}

.fw_content {
	width: 100%;
	/* height: 240rem; */
	display: flex;
	flex-direction: row;
	/* gap: 40rem; */
	/* padding: 40rem; */
	/* background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%); */
	background-color: #18181b;
	border-radius: 16rem;
	overflow: hidden;
	align-items: stretch;
	align-items: center;

	/* cursor: default; */
}

.fw_content spline-viewer {
	display: flex;
	/* width: auto; */
	object-fit: cover;
	height: -webkit-fill-available;
	height: -moz-available;
	/* padding: 40rem; */
	width: 200rem;
	height: 200rem;
}

.fw_content video {
	display: flex;
	/* width: auto; */
	object-fit: cover;
	height: -webkit-fill-available;
	height: -moz-available;
	background-color: #18181b;
	padding: 40rem;
	height: 160rem;
	/* height: 80%; */

}

.fw_content .c33l1_l {
	padding: 24rem 0;
	padding-right: 24rem;
	height: 100%;
	display: flex;
	/* background: linear-gradient(90deg, #1A1A1A 0%, rgba(26, 26, 26, 0) 100%); */
	background: linear-gradient(90deg, #18181b 0%, #0D0D0F 100%);
	flex-direction: column;
	justify-content: center;

	width: -webkit-fill-available;
	width: -moz-available;
}

.spinebt {
	width: 160rem !important;
	height: 160rem;
	overflow: hidden;
	/* border-radius: 999rem; */
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.soosdins {
	width: 1920rem;
	height: 1920rem;
	scale: 0.3;
}

.c33l1_l {
	display: flex;
	flex-direction: column;
	gap: 8rem;
	align-items: flex-start;
}

.c33l1_l p {
	margin: 0;
}

.c33l1_l .w1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

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




/* 模块4 */
.content_4 {
	display: flex;
	padding-top: 160rem;
	padding-bottom: 80rem;
	flex-direction: column;
	align-items: flex-start;
	background: white;
	gap: 80rem;
}





.swiper {
	width: 100%;
	height: 100%;
	overflow: unset !important;
	/* cursor: pointer; */
}

.swiper-slide {
	text-align: center;
	font-size: 18rem;
	background: #cfcfcf;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	/* width: 788rem !important; */
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-slide {
	width: 60%;
}

/* .swiper-slide:nth-child(2n) {
	width: 40%;
}

.swiper-slide:nth-child(3n) {
	width: 20%;
} */

.swiper-wrapper {
	height: 394rem !important;
	width: 788rem !important;
	margin: 0 !important;
}


.algs {
	/* 	width: 788rem !important;
	height: 394rem !important; */
	overflow: hidden;
	border-radius: 16rem;
	display: flex;
	position: relative;

}

.algs img {
	position: absolute;
	width: 100%;
	height: auto;
}

.show_case_detail {
	transform: ;
	cursor: pointer;
}

.case_detail {
	z-index: 999999;

	display: none;

	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	/* background-color: rgba(0, 0, 0, 60%); */
	/* backdrop-filter: blur(5rem); */
	position: fixed;
	right: 0;
	top: 0;
	/* animation: case_detail_motion .15s; */

	/* cursor: pointer; */
}

@keyframes case_detail_motion {
	from {
		background-color: rgba(0, 0, 0, 0%);
	}

	to {
		background-color: rgba(0, 0, 0, 60%);
	}
}

.case_detail_contents {
	animation: case_detail_contentsyidon .4s cubic-bezier(0, 0.2, 0, 1);
	/* box-shadow: 0rem 0rem 0rem 20000rem rgb(0 0 0 / 60%); */
}

@keyframes case_detail_contentsyidon {
	from {
		opacity: 0;
		transform: translateX(80%);
	}

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

.case_detail_contents_bg {
	animation: case_detail_contents_bg .4s cubic-bezier(0, 0.2, 0, 1);
	box-shadow: 0rem 0rem 0rem 20000rem rgb(0 0 0 / 60%);
}

@keyframes case_detail_contents_bg {
	from {
		opacity: 0;
		transform: translateX(80%);
	}

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

.cscont_topbar {
	animation: cscont_topbar .4s cubic-bezier(0, 0.2, 0, 1);
}

@keyframes cscont_topbar {
	from {
		background: none;
		opacity: 0;
		backdrop-filter: blur(0rem);
		transform: translateX(80%);
	}

	to {
		/* background: none; */
		/* opacity: 1; */
		/* backdrop-filter: blur(0rem); */
		transform: translateX(0);
	}
}


.case_detail_contents,
.cscont_topbar,
.case_detail_contents_bg {
	width: 83.35%;
}

.case_detail_contents_bg {
	height: 100%;
	background-color: #ffffff;
	position: fixed;
	right: 0;
	top: 0;
}

.case_detail_contents {
	display: flex;
	/* height: 100%; */
	min-height: 100%;
	/* overflow: hidden; */
	background-color: #ffffff;
	position: absolute;
	right: 0;
	top: 0;
	flex-direction: column;
}


.quesdet {
	/* width: 40%; */
}


.cscont_topbar {
	height: 80rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	/* padding: 0 40rem; */

	position: fixed;
	top: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(5rem);
	-webkit-backdrop-filter: blur(5rem);
	/* border-bottom: 1rem solid rgba(0, 0, 0, 0.08); */
	z-index: 999999;
}

.cscont_topbar_leicons {
	margin-left: 40rem;
	display: flex;

	flex-direction: row;
	align-items: center;
	gap: 24rem;
}

.cscont_topbar {
	/* padding: 24rem 0;
	height: 32rem; */
}

.cscont_topbar_leicons {
	height: 48rem;
	/* height: -webkit-fill-available;
	padding: 24rem 0; */
}

.leftrightanli {
	height: -webkit-fill-available;
	height: -moz-available;
	border-radius: 99rem;
	border: 1rem solid rgba(26, 26, 26, 0.40);
	display: flex;
	gap: 12rem;
	padding: 0rem 16rem;

	flex-direction: row;
	align-items: center;
}

.leftrightanli1 {
	width: 24rem;
	height: 24rem;
	cursor: pointer;
}

.leftrightanli3 {
	width: 1rem;
	height: -webkit-fill-available;
	height: -moz-available;
}

.close_icon {
	width: 24rem;
	height: 24rem;
	cursor: pointer;
	margin-right: 40rem;
}

.casecontntop {
	margin-top: 80rem;
	/* width: 100%; */
	height: 480rem;
	display: flex;
	position: relative;

	align-items: center;
}

.casecontntop_contents_top {
	display: flex;
	flex-direction: column;
	gap: 8rem;
}

.contopss {
	height: auto !important;
}

.casecontntop_contents_top p {
	margin: 0;
	/* text-shadow: 0rem 0vh 16vh rgba(0, 0, 0, 0.8); */
}

.casecontntop_contents_bottom {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: fit-content;
	/* height: 48rem; */
	padding: 12rem 24rem;

	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(5rem);
	-webkit-backdrop-filter: blur(5rem);
	/* border: 1rem solid #FFFFFF; */
	border: 1rem solid rgba(255, 255, 255, 0.40);
	border-radius: 999rem;

	cursor: pointer;
}

.casecontntop img {
	width: 100%;
	height: 100%;
	object-position: right;
	/* display: flex; */

}

.casecontntop_contents {
	width: auto;
	height: auto;
	display: flex;
	position: absolute;
	left: 80rem;
	/* bottom: 80rem; */
	z-index: 99;
	flex-direction: column;
	gap: 40rem;
}

.case_detail_cont {
	display: flex;
	padding: 80rem;
	gap: 80rem;
	flex-direction: column;
}

.case_detail_cont_top {
	display: flex;
	background-color: #F4F4F4;
	padding: 40rem;
	gap: 24rem;
	border-radius: 16rem;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.case_detail_cont_top_conts {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8rem;
	width: -webkit-fill-available;
	width: -moz-available;
}

.case_detail_cont_top_conts p {
	margin: 0;
	text-align: center;
}

.case_detail_cont_top_conts img {
	width: 24rem;
	height: 24rem;
	/* display: none; */
}

.line_shu {
	width: 1rem;
	/* height: -webkit-fill-available; */
}

.line_shu:last-of-type {
	display: none;
}

.case_detail_cont_top_img {
	display: flex;
	flex-direction: column;
}

.case_detail_cont_top_img img {
	width: 100%;
	height: auto;
}

.endthanks {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	overflow: hidden;
	/* width: 100%; */

	align-items: center;
	gap: 24rem;
}

.ensline {
	display: flex;
	width: -webkit-fill-available;
	width: -moz-available;
	height: 1rem;
	background-color: #1A1A1A;
	opacity: .1;
}

.endthanks span {
	display: flex;
	margin: 0;
	/* width: -webkit-fill-available;
	width: -moz-available; */
	text-align: center;
	white-space: nowrap;
}

.endthanks img {
	height: 1rem;
	width: ;
	display: flex;
}

.moreanli .c5cons .anlineirs {
	/* width: calc(16.66% - 20rem); */
	/* width: -webkit-fill-available; */
	/* height: 110rem; */
	height: unset;
}

.moreanli .threeanli_bigbox {
	flex-direction: row;
	flex-wrap: nowrap;
}

.moreanli .c5cons .anlineirs .fuwcont_bt {
	justify-content: center;
	flex-direction: row;
	align-items: center;

	cursor: pointer;
}

.moreanli .c5cons .anlineirs .fuwcont_bt .c4cont {
	margin: 0rem;
}








.fuwcont_bt {
	display: flex;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	justify-content: space-between;
	flex-direction: row;
	align-items: flex-start;
	/* padding: 40rem 40rem; */

	z-index: 9;
}

.c4cont {
	width: auto;
	height: auto;
	display: flex;
	/* padding: 0 40rem; */
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	/* position: absolute; */
	gap: 8rem;
}

.c4cont p {
	padding: 0;
	margin: 0;
}

.fuwcont_bt img {
	width: 48rem;
	height: 48rem;
	position: relative;
	display: block;
}

.c4cont,
.fuwcont_bt img {
	margin: 40rem;
}

.fuwcont_bt a {
	transition: scale 0.3s ease-in-out;
	cursor: pointer;
}

.fuwcont_bt a:hover {
	/* scale: 1.3; */
}






/* 模块5 */
.content_5 {
	display: flex;
	padding-top: 80rem;
	padding-bottom: 80rem;
	flex-direction: column;
	align-items: flex-start;
	background: white;
	gap: 80rem;
}

.c5cons {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	justify-content: flex-start;

	/* 间距24rem */
	/* margin: -12rem; */
}

.c5cons .wefrirdn {
	display: flex;


	/* border-radius: 8rem; */

	/* 一行6个 */
	/* width: calc(16.666% - 0rem); */

	/* 一行5个 */
	width: calc(20% - 0rem);

	/* 间距24rem */
	/* width: calc(16.666% - 24rem); */
	/* margin: 12rem; */


	/* height: 120rem; */
	height: auto;
	overflow: hidden;
	/* height: 123rem; */
	align-items: center;
	justify-content: center;
	/* background-color: #00000008; */

	transition: .3s ease-in-out;
}

.c5cons .wefrirdn:hover {
	background: #FFF;
	/* box-shadow: 0rem 24rem 32rem -16rem rgba(0, 0, 0, 0.24); */
	z-index: 9;
}

/* .c5cons .wefrirdn img {
	display: flex;
	width: 100%;
	padding: 0 80rem;
	height: auto;
} */






/* 模块6 联系我们 */
#footer {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

.content_6 {
	display: flex;
	padding-top: 80rem;
	padding-bottom: 160rem;
	flex-direction: row;
	align-items: flex-start;
	background: white;
}

.c6kls {
	width: 50%;
	padding-right: 160rem;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	gap: 40rem;
	align-items: flex-start;
}

.c6cons {
	/* width: 50%; */
	height: auto;
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0rem;
	gap: 40rem;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
	align-items: center;
	flex-wrap: nowrap;
}

.aInt {
	border: none;
	border-radius: 0rem;
	border-bottom: 1rem solid rgba(0, 0, 0, 0.2);
	outline: none;
	background: none;
	color: #1a1a1a;
	display: block;
	width: 100%;
	position: relative;
}

.aInt::placeholder {
	font-weight: 400;
	color: rgb(0 0 0 / 40%);
}

.aInt:focus {
	border-bottom: 1rem solid rgba(0, 0, 0, 1);
}

.atjbtn {
	width: 100%;
	height: auto;
	padding: 16rem 0;
	background-color: rgba(255, 255, 255, .1);
	color: #000000;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 8rem;
	/* border: 1rem solid #1a1a1a; */
	border: 1rem solid rgba(26, 26, 26, 0.40);
	background: #FFF;

	IconLinkSmlie Component instance border-radius: 999rem;
	position: relative;


	cursor: pointer;
}

.atjbtn img {
	width: 20rem;
}




.content_7 {
	display: flex;
	padding-top: 160rem;
	padding-bottom: 40rem;
	flex-direction: row;
	align-items: flex-start;
	background: #000000;
}


.c7kls {
	/* width: 100%;
	padding-right: 0rem;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	gap: 80rem;
	align-items: flex-start; */

	width: 100%;
	padding-right: 0rem;
	display: flex;
	justify-content: space-between;
	gap: 80rem;
	align-items: flex-start;
	flex-direction: row;

	z-index: 9;
}

/* by Jimo/qxf */

.leyson {
	width: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0rem;
	gap: 40rem;

	height: auto;


	/* Inside auto layout */

	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}

.topsh {
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40rem;
}

.topsh p {
	width: auto;
	height: auto;
	word-wrap: break-word;
	word-break: break-all;
}

.topsh a img {
	height: 32rem;
	width: auto;
}

.yopcosn {
	display: flex;
	flex-direction: column;
	gap: 40rem;
}

.yopcosn a {
	width: auto;
	/* height: 18rem; */
	position: relative;
	display: flex;

	white-space: nowrap;
}

.c7kls .yopcosn,
.c7kls .btclsicon {
	width: auto;
	width: -webkit-fill-available;
	width: -moz-available;
	height: auto;
}

.yopshhs {
	width: auto;
	height: auto;
}

.xiangsifon {
	display: flex;
	flex-direction: column;
	gap: 8rem;
}

.xiangsifon p {
	width: auto;
	word-wrap: break-word;
	word-break: break-all;
}

.yopcosn div {
	width: auto;
}

.btclsicon {
	display: flex;
	flex-direction: row;
	gap: 24rem;
}

.btclsicon a {
	width: auto;
	height: auto;
	display: flex;
}

.btclsicon img {
	width: 24rem;
	height: 24rem;
}

.topskoy {
	width: 50%;
	height: auto;
	display: flex;
	flex-direction: row;
	/* gap: 160rem; */
	justify-content: space-between;
}

.jiabits {
	display: flex;
	flex-direction: column;
	gap: 8rem;
}

.jirsbot {
	font-weight: 400;
}

.viewjob_bt {
	display: flex;
	color: #FFFFFF;

	flex-direction: row;
	gap: 8rem;

	/* justify-content: center;
	align-items: center;
	height: 48rem;
	border: 1rem solid #FFFFFF;
	border-radius: 56rem;
	flex: none;
	order: 2;
	flex-grow: 0; */
}

.viewjob_bt img {
	width: 16rem;
	height: auto;
}

.contenbotm_smile {
	position: absolute;
	/* width: 720rem; */
	/* height: 720rem; */
	right: 0rem;
	bottom: 0rem;
}

.copyright {
	width: 100%;
	height: auto;
	padding-top: 40rem;
	border-top: solid 1rem #ffffff40;
	font-weight: 400;
}

.btnocio {
	display: flex;
	flex-direction: column;
	gap: 160rem;
	align-items: flex-start;
}














/* 我们 页面 样式 */
/* 我们的团队 */
.team,
.wefengcai,
.temslicbo {
	padding-top: 80rem;
	padding-bottom: 80rem;
}

.lichenghenz {
	flex-direction: row;
}

.teamverybox {
	/* column-gap: 24rem !important;
	row-gap: 40rem !important; */
}

.teamlist {
	width: calc(25% - 18rem);
	/* height: 480rem; */

	border-radius: 999999rem;
	overflow: hidden;
	position: relative;

	display: flex;
	justify-content: center;
	align-items: center;

	cursor: default;
}

.teamlist .man_contents {
	/* width: 100%; */
	padding: 1vw 0;
}

.teamlist img {
	scale: 1;
	transition: scale 0.5s cubic-bezier(0, 0, 0, 1);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.teamlist .man_contents .bottom_man_contents {
	height: 0;
	/* display: none; */
	padding: 0rem 64rem 0rem 64rem;
}

.teamlist:hover .man_contents {
	padding-bottom: 3vw;
	text-align: center;
	background-color: #FF7733;
	transition: padding 0.5s cubic-bezier(0, 0, 0, 1),
		background-color 0.1s ease;
}

.teamlist:hover .man_contents .bottom_man_contents {
	padding: 0rem 3vw;
	display: flex;
	height: auto;
	transform: scaleY(1);
	opacity: 1 !important;
	transition: height 0.5s cubic-bezier(0, 0, 0, 1),
		opacity 0.5s;
}





.teamlist .man_contents {
	padding: 2vw 0;
}

.teamlist .man_contents .bottom_man_contents,
.teamlist:hover .man_contents .bottom_man_contents {
	display: none;
}




.teamlist:hover img {
	scale: 1.1;
	transition: scale 0.5s cubic-bezier(0, 0, 0, 1);
}


.teamp {
	width: 400rem !important;
	height: 560rem !important;
}

.teamp .swiper-slide {
	border-radius: 9999rem !important;
	/* border-radius: 16rem !important; */
	overflow: hidden !important;
}

.man_contents {
	width: -webkit-fill-available;
	width: -moz-available;
	height: auto;
	display: flex;
	position: absolute;
	bottom: 0;
	flex-direction: column;
	align-items: center;
	gap: 1.5vw;
	/* padding: 24rem 64rem 96rem 64rem; */
	padding: 24rem 64rem 24rem 64rem;
	background-color: rgb(0 0 0 / 40%);
	transition: padding 1.2s cubic-bezier(0, 0, 0, 1.21),
		background-color 0.1s ease;

	flex: none;
	order: 0;
	flex-grow: 0;
	align-self: stretch;
}

/* by Jimo/qxf */

.top_man_contents {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4rem;
}

.man_contents_names {
	width: 100%;
	height: auto;
	display: flex;
	text-align: center;
	flex-direction: column;
}

.man_contents_zw {
	width: 100%;
	height: auto;
	display: flex;
	text-align: center;
	flex-direction: column;
}

.bottom_man_contents {
	/* width: 100%; */
	display: flex;
	overflow: hidden;
	height: 0;
	transform: scaleY(1);
	opacity: 0 !important;
	transition: height 0.5s cubic-bezier(0, 0, 0, 1),
		opacity 0.2s;
}

.teamp .swiper-slide:hover .man_contents {
	padding: 24rem 64rem 80rem 64rem;
	background-color: #FF7733;
	transition: padding 0.5s cubic-bezier(0, 0, 0, 1),
		background-color 0.1s ease;
}

.teamp .swiper-slide:hover .man_contents .bottom_man_contents {
	height: auto;
	transform: scaleY(1);
	opacity: 1 !important;
	transition: height 0.5s cubic-bezier(0, 0, 0, 1),
		opacity 0.5s;
}

.teamp .swiper-slide img {
	scale: 1;
	transition: scale 0.5s cubic-bezier(0, 0, 0, 1);
}

.teamp .swiper-slide:hover img {
	scale: 1.1;
	transition: scale 0.5s cubic-bezier(0, 0, 0, 1);
}

/* 我们的风采 */
.fcbg {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 24rem;
}

.fcbg_list {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 24rem;
}

.fcbg_list img {
	background: #D9D9D9;

	flex: none;
	order: 0;
	flex-grow: 1;

	display: flex;
	border-radius: 16rem;
	width: calc(25% - 18rem);
	/* width: calc(16.666% - 24rem); */
	/* margin: 12rem; */

	height: 258rem;
	overflow: hidden;
	align-items: center;
	justify-content: center;

	object-fit: cover;
}


/* 团队历程 */
.ttlc {
	width: 100%;
	padding: 0;
}

.teamtime_bt {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0rem 40rem;
	gap: 8rem;
	color: #000000;
	/* width: 136rem; */
	height: 48rem;
	border: 1rem solid #333333;
	border-radius: 56rem;
	flex: none;
	order: 2;
	flex-grow: 0;
	margin-top: 40rem;
	cursor: pointer;
}

.teamtime_bt:hover {
	border: 1rem solid #FF7733;
	background-color: #FF7733;
	color: #ffffff;
}

.teamtime_bt:hover img {
	fill: #ffffff;
	stroke: #ffffff;
	filter: invert(99);
}

.liczhanshi {
	height: auto;
	position: relative;
	flex: none;
	order: 1;
	overflow: hidden;
	display: flex;
}

.ttlcdstn {
	/* width: 50%; */
	height: 1104rem;
	padding-left: 28rem !important;
}

.tdlcddber .swiper-scrollbar-drag {
	width: 100% !important;
}


.teamlic {
	width: 100% !important;
	height: 258rem !important;
	display: flex;
	gap: 24rem;

	justify-content: space-between;
	align-items: center;
}

.licbiaobox {
	display: flex;
	align-items: flex-start;
	background: none;
	gap: 24rem;
	margin: 0 !important;

	cursor: pointer;
}

.licbiaobox img {
	border-radius: 16rem;
	width: 70%;
	/* width: 517rem;
	height: 258rem; */
}

.licjieshao {
	/* width: 100%; */
	/* width: 218rem; */
	width: unset;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	gap: 16rem;
}

.licjies_time {
	width: 100%;
	height: auto;
}

.licjies_content,
.licjies_biaoti,
.licjies_wihsconts {
	width: 100%;
	height: auto;
}

.licjies_content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8rem;
}

.tizhishu {
	background-color: #00000010 !important;
}

.tizhishu .swiper-pagination-progressbar-fill {
	background-color: #1A1A1A !important;
}




.join_us_dbt {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24rem;
}


.join_us_big_box {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	overflow: hidden;
	flex: 1;
}

.join_us_box {
	display: flex;
	width: calc(50% - 24rem);
	overflow: hidden;
	height: auto;
	border-radius: 16rem;
	position: relative;
	flex-direction: row;
	align-items: center;
	gap: 24rem;

	flex: none;
	order: 0;
	flex-grow: 1;
}

/* by Jimo/qxf */

.leftheds {
	width: auto;
	height: auto;
	display: flex;

}

.bosissb {
	width: 160rem;
	height: 160rem;
	position: absolute;
	border-radius: 9999rem;
	box-shadow: inset 0 0 0 8rem rgba(255, 255, 255, 0.4);
}

.join_head {
	width: 160rem;
	height: 160rem;
	border-radius: 9999rem;

	object-fit: cover;
	/* border: 8rem solid rgba(255, 255, 255, 0.4); */

}

.join_us_contents {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.join_us_contents img {
	width: 20rem;
}

.join_us_small_contents {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8rem;
	width: 100%;

	background-color: #F3F3F8;
	border-radius: 16rem;
	padding: 40rem;
}

.join_us_small_contents p {
	margin: 0;
}










/* 我们 模块1 轮播 文字+图片轮播+进度条+进度序号/进度数字 */
.carousel {
	display: flex;
	position: relative;
	/* width: 100%; */
	overflow: hidden;
	background-color: white;
	padding-top: 160rem;
	padding-bottom: 80rem;
	height: auto;
}

.carousel-inner {
	display: flex;
	width: 100%;
	height: auto;
	transition: transform 0.5s ease-in-out;
	/* overflow: hidden; */
}

.carousel-item {
	display: flex;
	flex-basis: 100%;
	height: auto;
	flex-shrink: 0;
	align-items: flex-start;
	flex-direction: row;
}

.carousel-text {
	/* flex: 1; */
	width: 50%;
	/* padding: 0 160rem; */
	padding-left: 160rem;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	gap: 40rem;
	height: auto;
}

.carousel-text p {
	padding: 0rem;
	margin: 0rem;
	padding-right: 160rem;
}

.carousel-progress p {
	font-size: 16rem;
	font-weight: 400;
	color: #1A1A1A60;
	margin: 0;
	padding: 0;
}

.carousel-progress p::first-letter {
	font-size: 32rem;
	font-weight: bold;
	color: #1A1A1A;
}

.carousel-img {
	width: 50%;
	height: auto;
	padding-right: 160rem;
	object-fit: cover;
	/* border-radius: 16rem; */
	overflow: hidden;
}

.carousel-img img {
	/* flex: 1; */
	width: 100%;
	height: 394rem;
	object-fit: cover;
	/* height: auto; */
	border-radius: 16rem;
}

.carousel-controls {
	position: absolute;
	bottom: 80rem;
	left: 160rem;
	width: 12.5%;
}

.carousel-progress-bar {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 4rem;
	background: #1A1A1A10;
	outline: none;
	/* overflow: hidden; */
}

.carousel-progress-bar::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25%;
	height: 4rem;
	/* padding: 8rem; */
	background: #000;
	cursor: pointer;
	transition: scale 0.2s ease-in-out;
}

.carousel-progress-bar::-webkit-slider-thumb:hover {
	scale: 1;
}

.carousel-progress-bar::-moz-range-thumb {
	width: 10rem;
	height: 10rem;
	background: #000;
	cursor: pointer;
}







/* 案例内容 轮播 */
.content_casefour {
	display: flex;
	padding-top: 80rem;
	padding-bottom: 80rem;
	flex-direction: column;
	align-items: flex-start;
	background: white;
	gap: 40rem;
}

.slide-contents {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.slider-slides {
	display: flex;
	width: 400%;
	height: auto;
	transition: transform 0.5s ease;
}

.slider-slide {
	flex: 1;
	height: 100%;
}

.slider-nav {
	width: 100%;
	height: 61rem;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	border-bottom: solid 1rem #1a1a1a10;
	gap: 24rem;
}


.slider-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0rem;
	width: 25%;
	/* height: 69rem; */
	text-align: center;
	opacity: 0.6;
	font-weight: 400 !important;
	border-bottom: solid 4rem #1a1a1a00;
	height: 100%;
}

.slider-title.active {
	/* text-decoration: underline; */
	border-bottom: solid 4rem #1a1a1a;
	/* box-shadow: 0rem 4rem 0rem 4rem #1a1a1a; */
	opacity: 1;
	font-weight: bold !important;
}




.slider-title a {
	text-align: center;
	width: 100%;
	display: flex;
}



.slider-slide {
	height: 0rem;
	overflow: hidden;
}

.slider-slide.active {
	/* display: block; */
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 24rem;
}


.anlineirs {
	display: flex;
	/* border-radius: 8rem; */
	width: calc(25% - 18rem);
	/* margin: 12rem; */
	/* height: 120rem; */
	height: auto;
	overflow: hidden;
	height: 191rem;
	align-items: center;
	justify-content: center;
	/* margin: -12rem; */

}

.threeanli_bigbox {
	width: 100%;
	gap: 24rem;
}

.threeanli {
	/* width: calc(33.33% - 16rem); */
	width: calc(50% - 12rem);
	/* height: 258.5rem; */
	height: unset;
}

.anlineirs:hover>.fuwcont_bt {
	opacity: 1;
	transition: opacity 0.2s ease-in-out;
	cursor: pointer;
}

.anligushibox {
	background-color: #0D0D0F;
}

.newcase_gap{
	gap: 80rem 24rem;
}

.teamverybox {
	gap: 24rem;
}

.case_newlist {
	height: unset;
	/* height: calc(100% - 20rem); */
	/* padding-top: calc(100% - 2rem); */
}

.case_newlist>.aniubg {
	filter: grayscale(100%);

	position: relative;
	margin-top: 80rem;
	top: 0;
	left: 0;
	height: auto;

	/* position: unset !important; */
	/* height: 118% !important; */
	background-color: rgba(255, 255, 255, 0.1);
}

.case_newlist>.aniubg,
.anlineirs>.aniubg {
	will-change: transform;
	transition: .5s cubic-bezier(0, 0.1, 0, 1);
}



.anlineirs:hover>.aniubg {
	filter: grayscale(0%);

	scale: 1.1;
	transition: 1s cubic-bezier(0, 0.1, 0, 1);
}

.case_contact_box {
	padding-top: unset !important;
}

.anlineirs .fuwcont_bt {
	position: absolute;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	cursor: default;

	justify-content: center;
	align-items: center;

	transition: 0.5s cubic-bezier(0.02, 0.4, 0, 1.1);
}

.aniubg {
	width: 100% !important;
	/* height: unset !important; */
	object-fit: cover;
}

.more_case .anlineirs .aniubg {
	position: unset !important;
	/* height: 258.5rem; */
}

.anlineirs .fuwcont_bt .c4cont {
	padding: 0;
	/* margin: 24rem 0 0 24rem; */

	align-items: center;
}

.anlineirs .fuwcont_bt img {
	margin: 24rem 24rem 0 0;

	display: none;
}

.anlineirs .fuwcont_bt a,
.anlineirs .fuwcont_bt a:hover {
	user-select: none;
}

.anlineirs .fuwcont_bt a:hover {
	scale: 1 !important;
}

















/* 累计经验 */
.conten_leiji {
	padding-top: 160rem;
}

.seishdhsjhj {
	align-items: stretch;
}

.leibigbox {
	/* width: 100%; */
	height: auto;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: flex-start; */
	justify-content: space-between;
	/* gap: 24rem; */
	/* gap: 64rem; */

	padding: 0rem 2%;

	align-items: flex-start;
}

.leijijymok {
	display: flex;
	border-radius: 16rem;

	width: calc(25% - 48rem);
	width: 20%;
	/* padding: 0 56rem; */


	height: auto;
	overflow: hidden;
	justify-content: center;
	/* background-color: #00000008; */
	align-items: center;
	flex-direction: column;
	gap: 16rem;
	cursor: default;
}

.leijijymok img {
	width: 120rem;
	height: 120rem;
	transform: rotateY(0deg);
	transition: transform 0.5s cubic-bezier(0, 0, 0, 1);
}

.leijijymok:hover img {
	transform: rotateY(180deg);
	transition: transform 0.5s;
}

.experience_contents {
	width: 100%;
	height: auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24rem;
}

.experience_contents p {
	margin: 0;
	/* display: flex; */
	width: 100%;
	height: auto;
	text-align: center;
}

.question_box {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 24rem;
}

.tanchua_padding {
	width: auto;
	padding: 120rem 40rem 40rem 40rem;
}

.question_smallbox {
	display: flex;
	border-radius: 16rem;
	width: calc(50% - 92rem);
	/* width: calc(16.666% - 24rem); */
	/* margin: 12rem; */
	height: auto;
	padding: 40rem;
	gap: 24rem;
	overflow: hidden;
	align-items: center;
	justify-content: space-between;
	background-color: #F4F4F4;
}

.ques_contents {
	display: flex;
	flex-direction: column;
	gap: 8rem;
}

.ques_contents p {
	margin: 0;
}

.ques_contents_top,
.ques_contents_bottom {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ques_contents a {
	width: auto;
	height: auto;
}

.ques_contents a img {
	width: 40rem;
	height: 40rem;
}






/* 关于我们 模块一滑动改动 */

.tiobss .swiper-wrapper {
	width: 100% !important;
	/* height: 394rem !important; */
	height: auto !important;
	margin: 0 !important;
}


.cisys {
	width: 16% !important;
	height: auto;
	display: flex;
	flex-direction: column;
	gap: 8rem;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 99;
	padding-left: 160rem;
}

.swiper-num {
	width: auto;
	height: auto;
	display: flex;
	position: relative;
	font-size: 16rem;
	font-weight: 400;
	color: #1A1A1A60;
	flex-direction: row;
	align-items: flex-end;
}

.swiper-num p {
	padding: 0;
	margin: 0;
	line-height: 1;
}

.swiper-num .actives {
	/* font-size: 32rem;
	font-weight: bold; */
	color: #1A1A1A;
}


.jsdjtioa {
	width: 100% !important;
	display: flex;
	position: relative !important;
	background-color: rgba(26, 26, 26, 0.1) !important;
}

.jsdjtioa .swiper-pagination-progressbar-fill {
	background-color: #1a1a1a !important;
}

.tiobss .swiper-wrapper .swiper-slide .carousel-text {
	/* padding: 0 !important; */
	padding: 0;
	text-align: left;
	margin-left: 160rem;
}

.tiobss .swiper-wrapper .swiper-slide .carousel-img {
	/* padding: 0 !important; */
	padding: 0;
	height: 100%;
	margin-right: 160rem;
}

.tiobss .swiper-wrapper .swiper-slide .carousel-img img {
	padding: 0 !important;
	height: 100%;
}

.tiobss .swiper-wrapper .swiper-slide {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	background: none;
	/* background-color: white; */
	/* 	width: fit-content !important;
	padding: 0 160rem !important; */
	margin: 0rem !important;
}

.yfwt .swiper-wrapper .swiper-slide .carousel-img img {
	height: 394rem;
}

.usbox .swiper-wrapper .swiper-slide {
	background-color: white;
}

.yesjj {
	/* padding: 160rem 0rem 80rem 0rem; */
	padding-left: 0rem !important;
	padding-right: 0rem !important;
}








/* 服务 模块1 */
.sebstio {
	background-color: #0a0a0c;
	/* padding: 160rem 0 !important; */
}

.servi_content .swiper-wrapper .swiper-slide .carousel-text {
	text-align: center;
}

.sebstio .swiper-wrapper {
	height: auto !important;
}

.servelf {
	/* padding: 0 !important;
	padding-right: 160rem !important; */
}

.lefibecont {
	padding-right: 160rem;
	display: flex;
	gap: 8rem;
	flex-direction: column;
	align-items: center;
}

.lefibecont p {
	padding-right: 0rem;
	width: 100%;
}

.letopvido {
	/* width: 100%; */
	height: auto;
	padding-right: 160rem;
}

.letopvido video {
	width: 280rem;
	height: 280rem;
}

.leostiob1 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

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

.sevrring {
	display: flex;
	gap: 40rem;
	flex-direction: column;
	align-items: stretch;
	/* padding: 24rem !important; */
}

.seringcon {
	background: none !important;
	padding: 0 !important;
	text-align: left;
}

.seringcon p {
	display: -webkit-box !important;
	-webkit-line-clamp: unset !important;
	-webkit-box-orient: unset !important;
	overflow: auto !important;
}

.seconsmll {
	height: auto !important;
	/* height: fit-content !important; */
	padding: 40rem 24rem !important;
	background: linear-gradient(90deg, #171719 0%, rgba(23, 23, 25, 0) 100%);
	cursor: unset;
}

.topsebs {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 24rem;
}

.serintio {
	width: 100%;
	height: auto;
	display: flex;
	gap: 24rem;
	flex-direction: column;
	align-items: stretch;
}

.botconsu {
	width: 100%;
	height: auto;
	display: flex;
	gap: 24rem;
	flex-direction: column;
	align-items: stretch;
}

.botconsu_bt {
	width: 100%;
	height: auto;
	display: flex;
}

.botconsu_contents {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	gap: 24rem;
}

.botconsu_contents a {
	width: auto;
	height: auto;
	cursor: pointer;
}

.botconsu_anli {
	width: 245rem !important;
	height: 122rem !important;
}

.anlijndut {
	background-color: #ffffff10 !important;
}

.anlijndut .swiper-pagination-progressbar-fill {
	background-color: #ffffff !important;
}

.seibsjindu {
	/* padding-left: 17%; */
	width: 50% !important;
	padding: unset !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fuwtiao {
	width: 24% !important;
	height: 4rem !important;
}





.swiper-scrollbar {
	background: rgb(0 0 0 / 20%) !important;
}

.swiper-scrollbar-drag {
	background: rgb(0 0 0 / 60%) !important;
}





.service_topss {
	display: flex;
	flex-direction: column !important;
	align-items: center;
}

.sebcotop {
	display: flex;
	flex-direction: column;
	align-items: center;

	gap: 24rem !important;
}

.bsises {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.tiosebito {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;

	border-radius: 999rem;
	background: linear-gradient(90deg, rgba(255, 119, 51, 0.10) 0%, rgba(51, 51, 255, 0.10) 100%);

	padding: 16rem 40rem !important;
	gap: 8rem !important;

	width: auto !important;
}

.sebrsmail {
	width: 24rem !important;
	height: 24rem !important;
}

.sebsvids {
	width: 100%;
}





/* 联系页面 */
.contact_box {
	padding-top: 80rem;
}

.contact_box .content .content_6 {
	padding-top: 160rem;
	padding-bottom: 160rem;
}



/* 提交需求 表单抖动样式 */
.shake {
	animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000rem;
}

@keyframes shake {

	10%,
	90% {
		transform: translate3d(-1rem, 0, 0);
	}

	20%,
	80% {
		transform: translate3d(2rem, 0, 0);
	}

	30%,
	50%,
	70% {
		transform: translate3d(-4rem, 0, 0);
	}

	40%,
	60% {
		transform: translate3d(4rem, 0, 0);
	}
}


/* 自定义验证消息的样式 */
input:valid {
	/* border-bottom-color: #1a1a1a; */
}

.aInt::placeholder {
	font-weight: 400;
	color: rgb(0 0 0 / 40%);
	opacity: 0;
}

.aInt {
	padding: 0;
	min-height: 42rem;
	height: 42rem;
	line-height: 42rem !important;
}

.form .form_list label {
	position: absolute;
	color: rgb(0 0 0 / 40%);
	pointer-events: none;
	transition: .4s cubic-bezier(0, 0, 0, 1);

	transform: scale(1);
	transform-origin: left;

	top: 28%;
}



.form_list .aInt:focus~label,
.form_list .aInt:valid~label {
	/* color: #1a1a1a; */

	top: -12rem;
	/* margin-top: -52rem; */
	transform: scale(0.75);
	transform-origin: left;

	width: 200%;
	background-color: white;
}

.form_list {
	position: relative;
	display: flex;
	align-items: center;
	width: -webkit-fill-available;
	width: -moz-available;
}

.form_list #question {
	transition: .4s cubic-bezier(0, 0, 0, 1);
	padding-bottom: 0rem;
}

.form_list #question:focus {
	height: 84rem;
	resize: vertical;
}



input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input[type=number] {
	-webkit-appearance: none;
	-moz-appearance: textfield;
	/* Firefox */
}

textarea {
	/* 清除默认边框 */
	border: none;
	outline: none;
	/* 清除默认内边距 */
	padding: 0;
	/* 清除默认字体和字号 */
	font-family: inherit;
	font-size: inherit;
	/* 设置文本框自动换行 */
	white-space: pre-wrap;
	word-wrap: break-word;

	resize: none;
}




.case_type {
	display: none;
}



.anliggus {
	flex-direction: column;
	gap: 80rem;
}

.anliggus .c3l1_l {
	padding-right: unset;
}

#case_list_x {
	gap: 0rem !important;
}

.c4cont {
	gap: 8rem !important;
}





.fc_list {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.fc_list,
.join_us_big_box,
.join_us_box {
	gap: 24rem;
}

.fc_list .fengcainewboxsc {
	flex: none;
	order: 0;
	flex-grow: 1;

	display: flex;
	border-radius: 16rem;
	width: calc(33.33% - 16rem);

	height: auto;
	overflow: hidden;
	align-items: center;
	justify-content: center;

	object-fit: cover;
}

.fc_list .fengcainewboxsc:nth-of-type(4),
.fc_list .fengcainewboxsc:nth-of-type(5),
.fc_list .fengcainewboxsc:nth-of-type(10),
.fc_list .fengcainewboxsc:nth-of-type(11),
.fc_list .fengcainewboxsc:nth-of-type(16),
.fc_list .fengcainewboxsc:nth-of-type(17) {
	width: calc(50% - 12rem);
}

.fengcainewboxsc img{
	width: 100%;
	position: relative;
	margin-top: 80rem;
}




.swiper-slide:last-of-type .servicebms {
	display: none;
}




.zhehananli {
	position: absolute;
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.00) 100%);
	z-index: 1;
}


.serbsksxx {
	justify-content: flex-start !important;
}

.newfus .fw_content video {
	border-radius: 16rem 0 0 16rem;
}

.newfus .fw_content {
	/* background: unset; */
}

#service_logo_list {
	width: 100%;
}

.indexbotom {
	padding-bottom: 80rem;
}

.idnextopbotm {
	padding-top: 80rem;
	padding-bottom: 80rem;
}




.about_swiper {
	display: none;
}


.case_newlist {
	border-radius: 0rem;
}


.nav-item:last-of-type {
	display: none;
}

/* .zt1 .f72 {
	font-size: 3.8vw !important;
}

.zt1 .f24 {
	font-size: 1.4vw !important;
} */


.womdliche {
	display: none;
}


/* 动画 */
/* .case_title_show {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .4);
	padding: 8rem 16rem;

	transition: 0.5s cubic-bezier(0.02, 0.4, 0, 1);
}

.anlineirs:hover>.case_title_show {
	transform: translateX(-100%);
} */

.case_title_show {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .4);
	padding: 8rem 16rem;

	transition: 0.5s cubic-bezier(0.02, 0.4, 0, 1);
}




/* @media only screen and (min-width: 1920rem) {
	.zt1 .f72 {
		font-size: 80rem !important;
	}

	.zt1 .f24 {
		font-size: 24rem !important;
	}
} */


.bordernone,
.seconsmll,
.case_detail_cont_top,
.casecontntop_contents_bottom {
	border-radius: 0rem !important;
}

.case_detail_cont_top_img img,
.case_detail_cont_top_img video,
.casecontntop img,
.fc_list img,
.teamlist img,
.case_card_img {
	background-color: rgba(0, 0, 0, .05);
}


.service_conss {
	display: none;
}



.newlinkbt {
	white-space: nowrap;
}

.newsjeoitoj {
	gap: 80rem;
}

.anlineiwzhezhoa {
	top: unset;
	left: 0;
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 100%);
	bottom: 0;
}



.btomcoan {
	height: 88rem !important;
}

.btomicon {
	display: none;
}



.servnumberfff {
	color: #ffffff !important;
}

.numlunbjianju {
	gap: 16rem;
}


.anlibisinew {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
}

.case_title_show {
	display: none;
}


.newanskbotm {
	top: unset;
	bottom: 0;
	align-items: flex-end;
}

.zhehananli {
	top: unset;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.20) 100%);
}

.indexnewtt,
.anlibisinew,
.newmossnaljs {
	gap: 4rem !important;
}

#case_list_x .case_newlist {
	cursor: none;
}

.hidemouse {
	cursor: pointer;
}

.serbjsknkjl {
	background-color: #0a0a0c !important;
}

.liansmowmnew {
	padding-right: unset;
}


.anlitouiocboxnew {
	height: 48rem;
}

.newanlitopcion {
	padding: 0;
	border: unset;
	gap: 8rem;
}

.nespiconner {
	width: 48rem;
	height: 48rem;
	/* height: -webkit-fill-available;
	height: -moz-available;
	width: auto; */
}



.mannosabjnew {
	display: none;
}

.carousel-img img {
	background-color: rgba(255, 255, 255, 0.1);
}


.copyright:hover {
	opacity: .4;
}



.jobheadnew,
.jiajiaonew {
	display: none;
}

.contactlow {
	/* width: -webkit-fill-available !important; */
	/* width: -moz-available; */
}

.contactlow p,
.contactlow a {
	white-space: unset;
}

.topskoy {
	gap: 80rem;
}

.join_us_box,
.join_us_contents {
	align-items: stretch;
}


.case_detail_cont_top_img p,
.join_us_small_contents p {
	white-space: pre-wrap;
}


.fuwu_moreanli,
.fuwu_qiehuan {
	display: none;
}


.c4cont p {
	text-align: center;
}

.indexnewtt p {
	text-align: left;
	/* white-space: nowrap; */
}