.module_banner{
	margin-top: 62px;
}

.index_module_banner{
	background-position: bottom;
	padding: 0 48px;
	background-size: auto 100%;
	display: flex;
	justify-content: center;
	min-width: 750px;
	opacity: 1;
}

.index_module_container{
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 420px;
	justify-content: space-between;
	max-width: 1200px;
}

.index_module_title{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 20px;
    max-width: 580px;
	
}

.index_title{
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    min-width: 580px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    user-select: none;
}

.title_tag{
	justify-content: center; 
	font-size: 32px;
	line-height: 68px; color: rgb(255, 255, 255);
	text-align: left; font-family: PingFangSC-Medium; 
	font-weight: 500;
}


.index_module_subTitle{
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: hsla(0, 0%, 100%, .8);
    display: -webkit-box;
    flex: 1;
    font-family: PingFangSC-Regular;
    font-size: adaptation750_1200(15,18);
    height: 78px;
    letter-spacing: 0;
    line-height: adaptation750_1200(22,26);
    margin-bottom: 28px;
    max-width: 580px;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 18px;
	line-height: 26px;
}

.index_module_btn{
	display: flex;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
}


.point_content{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	max-width: 1920px;
	left: 0px;
	background-position: right top;
	background-size: auto 100%;
	background-image: url('../img/pain_piont_bg.png');
	background-repeat: no-repeat; z-index: 0;
}

.point_contains{
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: 750px;
    width: 100%;
}

.point_title{
	font-family: PingFangSC-Medium;
	min-width: 750px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
	white-space: pre-wrap;
}

.point_box{
	box-sizing: border-box;
	padding-top: 56px;
	width: 100%;
}

.point_box_main{
	background: linear-gradient(26deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, 0) 21%), linear-gradient(30deg, rgba(242, 242, 247, .6) 30%, hsla(0, 0%, 100%, .6) 98%), hsla(0, 0%, 100%, .8);
	border-radius: 16px;
	box-shadow: 0 20px 40px 0 rgba(23, 26, 29, .04), 0 30px 60px 0 rgba(23, 26, 29, .08);
	box-sizing: border-box;
	font-size: 18px;
	margin: 0 auto;
	max-width: 1200px;
	padding: 40px 32px;
}

.point_box_main_item{
    border-right: 1px solid hsla(210, 7%, 53%, .16);
    box-sizing: content-box;
    padding: 0 36px;
    width: 330px;
}


.point_box_main_item:first-child {
    padding-left: 0;
}

.point_box_main_item_icon{
	display: flex;
	height: 48px;
}


.point_box_main_item_list{
	border-right: 1px solid hsla(210, 7%, 53%, .16);
	box-sizing: content-box;
	padding: 0 36px;
	width: 330px;
}

.itme_title{
	color: #171a1d;
	font-family: PingFangSC-Medium;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 46px;
	overflow: hidden;
	padding: 16px 0 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.point_box_main_item div{
	color: rgba(23, 26, 29, .6);
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	text-align: center;
}



/* solve a problem */
.solution {
	min-width: 750px;
	background: linear-gradient(180deg, #E5F2FF 0%, #E4F1FE 100%);
	position: relative;
	overflow: hidden;
}

.solution_background {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 1920px;
	height: 100%;
	background-image: url('../img/solve_problem_bg.png');
	background-size: auto 100%;
	background-position: left top;
	background-repeat: no-repeat;
	z-index: 0;
}

.solution_container {
	min-width: 750px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 20px;
	position: relative;
	z-index: 1;
	text-align: center;
}

.solution_title {
	font-size: 48px;
	line-height: 58px;
	font-weight: 500;
	color: #171A1D;
	margin-bottom: 10px;
	user-select: none;
	white-space: pre-wrap;
}

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

.tabs_nav {
	display: flex;
	justify-content: center;
	gap: 8px;
	padding: 56px 0 40px;
	position: relative;
}

.tabs_nav-item {
	font-size: 16px;
	font-weight: 500;
	color: #171A1D;
	padding: 8px 20px;
	border-radius: 20px;
	cursor: pointer;
	transition: color 0.5s;
	z-index: 1;
}

.tabs_nav-item.active {
	color: #fff;
}

.tabs_nav-indicator {
	position: absolute;
	bottom: 40px;
	height: 40px;
	background-color: #000;
	border-radius: 20px;
	transition: left 0.3s, width 0.3s;
	z-index: 0;
}

.tabs_content {
	width: 100%;
	opacity: 1;
	transition: opacity 1.6s;
}

.tabs_content-item {
	display: none;
	opacity: 0;
	transition: opacity 1.6s;
}

.tabs_content-item.active {
	display: block;
	opacity: 1;
}

.tabs_card {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.tabs_card-text {
	width: 400px;
	padding-top: 64px;
	margin-right: 60px;
	text-align: left;
}

.tabs_card-title {
	font-size: 20px;
	font-weight: 500;
	color: #007FFF;
	line-height: 24px;
	margin-bottom: 32px;
}

.tabs_card-subtitle {
	font-size: 32px;
	font-weight: 500;
	color: #171A1D;
	line-height: 46px;
	margin-bottom: 24px;
}

.tabs_card-description {
	font-size: 18px;
	color: rgba(23, 26, 29, 0.6);
	line-height: 32px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tabs_card-image {
	width: 740px;
	height: auto;
	border-radius: 16px;
	box-shadow: 0 36px 72px rgba(23, 26, 29, 0.08), 0 24px 48px rgba(23, 26, 29, 0.04);
	object-fit: cover;
}

@media (max-width: 1024px) {
	.solution_container {
		padding: 40px 20px;
	}

	.solution_title {
		font-size: 36px;
		line-height: 44px;
	}

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

	.tabs_card-text {
		width: 100%;
		margin-right: 0;
		padding-top: 32px;
		text-align: center;
	}

	.tabs_card-image {
		width: 100%;
		max-width: 740px;
		margin-top: 32px;
	}
}

@media (max-width: 768px) {
	.solution,
	.solution_container {
		min-width: 100%;
	}

	.solution_title {
		font-size: 28px;
		line-height: 36px;
	}

	.tabs_nav {
		flex-wrap: wrap;
		padding: 32px 0 24px;
	}

	.tabs_nav-item {
		font-size: 14px;
		padding: 6px 16px;
	}

	.tabs_card-subtitle {
		font-size: 24px;
		line-height: 34px;
	}

	.tabs_card-image {
		max-width: 100%;
	}
}

/* 客户案例 */ 

.cases {
	background: linear-gradient(180deg, #F7F8FC 0%, #EEEFF3 100%);
	position: relative;
	overflow: hidden;
	padding: 80px 20px;
}

.cases_background {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 1920px;
	height: 100%;
	background-image: url('https://gw.alicdn.com/imgextra/i3/O1CN01D3g3Uc1WAApwIpgPE_!!6000000002747-2-tps-1440-684.png');
	background-size: auto 100%;
	background-position: right top;
	background-repeat: no-repeat;
	z-index: 0;
}

.cases_container {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	text-align: center;
}

.cases_title {
	font-size: 48px;
	line-height: 58px;
	font-weight: 500;
	color: #171A1D;
	margin-bottom: 40px;
	user-select: none;
}

.cases_slider {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch; /* 优化移动端滚动 */
	width: 100%;
	scrollbar-width: none; /* 隐藏滚动条 (Firefox) */
}

.cases_slider::-webkit-scrollbar {
	display: none; /* 隐藏滚动条 (Chrome, Safari) */
}

.cases_slider-item {
	flex: 0 0 33.33%; /* 默认 3 卡片 */
	padding: 16px;
	box-sizing: border-box;
	scroll-snap-align: start; /* 卡片对齐到起点 */
	min-width: 0;
}

.cases_card {
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 8px 24px rgba(23, 26, 29, 0.08);
	overflow: hidden;
	transition: transform 0.3s;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.cases_card:hover {
	transform: translateY(-8px);
}

.cases_card-image {
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}

.cases_card-content {
	padding: 24px;
	text-align: left;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.cases_card-logo {
	width: 100px;
	height: auto;
	margin-bottom: 16px;
}

.cases_card-title {
	font-size: 20px;
	font-weight: 500;
	color: #171A1D;
	line-height: 28px;
	margin-bottom: 12px;
}

.cases_card-details {
	opacity: 1;
	flex: 1;
}

.cases_card-details-title {
	font-size: 18px;
	font-weight: 500;
	color: #007FFF;
	margin-bottom: 8px;
}

.cases_card-details-text {
	font-size: 14px;
	color: #666;
	line-height: 22px;
	margin-bottom: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cases_card-link {
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	color: #007FFF;
	text-decoration: none;
	font-weight: 500;
	margin-top: auto;
}

.cases_card-link:hover {
	text-decoration: underline;
}

.cases_card-link svg {
	margin-left: 4px;
	width: 14px;
	height: 14px;
}

.cases_nav {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-top: 24px;
}

.cases_nav-button {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 50%;
	border: none;
	cursor: pointer;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: background 0.3s;
}

.cases_nav-button:disabled {
	background: #f0f0f0;
	cursor: not-allowed;
}

.cases_nav-button:hover:not(:disabled) {
	background: #007FFF;
}

.cases_nav-button:hover:not(:disabled) svg {
	fill: #fff;
}

.cases_nav-button svg {
	width: 20px;
	height: 20px;
	fill: #171A1D;
}

@media (max-width: 1024px) {
	.cases_slider-item {
		flex: 0 0 50%; /* 平板显示 2 卡片 */
	}
}

@media (max-width: 768px) {
	.cases {
		padding: 40px 16px;
	}

	.cases_title {
		font-size: 28px;
		line-height: 36px;
	}

	.cases_slider-item {
		flex: 0 0 100%; /* 手机显示 1 卡片 */
	}

	.cases_card {
		max-width: 100%;
	}

	.cases_card-title {
		font-size: 18px;
		line-height: 26px;
	}

	.cases_card-details-text {
		font-size: 13px;
		line-height: 20px;
	}

	.cases_card-image {
		height: 160px;
	}
}

@media (max-width: 480px) {
	.cases_card-content {
		padding: 16px;
	}

	.cases_card-logo {
		width: 80px;
	}

	.cases_card-link {
		font-size: 13px;
	}
}


/* growth */

.efficiency-growth {
	background: linear-gradient(rgb(214, 234, 255) 0%, rgb(248, 249, 253) 100%);
	position: relative;
	overflow: hidden;
	padding: 80px 20px;
}

.efficiency-growth_background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	max-width: 1920px;
	left: 0px;
	background-position: right top;
	background-size: auto 100%;
	background-image: url('./img/efficiency_growth_bg.png');
	background-repeat: no-repeat;
	z-index: 0;
}

.efficiency-growth_container {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	text-align: center;
	padding: 40px 0;
}

.efficiency-growth_title {
	font-size: 36px;
	font-weight: 500;
	color: #171A1D;
	line-height: 44px;
	margin-bottom: 24px;
}

.efficiency-growth_subtitle {
	font-size: 16px;
	color: #666;
	line-height: 24px;
	max-width: 800px;
	margin: 0 auto 40px;
}

.efficiency-growth_card {
	/* margin: 0 auto; */
	border-radius: 16px;
	box-shadow: 0 20px 40px 0 rgba(23, 26, 29, .04), 0 30px 60px 0 rgba(23, 26, 29, .08);
	display: flex;
	height: calc(185.62286px + 22.71429vw);
	max-height: 480px;
	max-width: 1200px;
	min-height: 355.98px;
	position: relative;
	width: 100%;
}

.efficiency-growth_card-content {
	flex: 1;
	display: flex;
	padding: 32px;
	padding-left: 32px;
	padding-top: 70px;
	background: linear-gradient(170deg, #007fff 31%, #00ebb6 143%);
	border-radius: 16px 0 0 16px;
	opacity: 1;
	padding-left: calc(3.51648px + 2.1978vw);
	padding-top: calc(20.15385px + 3.84615vw);
	position: relative;
	width: 27.5%;
	flex-flow: column;
}

.efficiency-growth_card-icon {
	width: 56px;
	height: 56px;
	margin-right: 24px;
}

.efficiency-growth_card-text {
	font-size: 26px;
	margin-bottom: 40px;
	color: #fff;
	font-family: PingFangSC-Semibold;
	font-weight: 500;
	line-height: 38px;
	max-width: 192px;
	min-width: 90.3px;
	text-align: left;
	/* white-space: pre-wrap; */
}

.efficiency-growth_card-text div{
	padding: 20px 0;
	
	}
	
.efficiency-growth_card-btn {
	display: inline-block;
	color: #007FFF;
	background-color: #fff;
	border: 1px solid rgba(126, 134, 142, 0.24);
	padding: 9px 22px;
	border-radius: 6px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	margin-top:In 20px;
	transition: background-color 0.3s, color 0.3s;
}

.efficiency-growth_card-btn:hover {
	background-color: #007FFF;
	color: #fff;
}

.efficiency-growth_card-image {
   align-items: center;
   background-color: #fff;
   border-radius: 0 16px 16px 0;
   display: flex;
   overflow: hidden;
   width: 72.5%;
}

.efficiency-growth_card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.growth_icon{
	height: calc(27.51648px + 2.1978vw);
	max-height: 56px;
	max-width: 56px;
	min-height: 44px;
	min-width: 44px;
	width: calc(27.51648px + 2.1978vw);
}

@media (max-width: 1024px) {
	.efficiency-growth_card {
		flex-direction: column;
	}

	.efficiency-growth_card-content {
		padding: 24px;
	}

	.efficiency-growth_card-image {
		max-width: 100%;
		height: 300px;
	}
}

@media (max-width: 768px) {
	.efficiency-growth {
		padding: 40px 16px;
	}

	.efficiency-growth_title {
		font-size: 28px;
		line-height: 36px;
	}

	.efficiency-growth_subtitle {
		font-size: 14px;
		line-height: 22px;
	}

	.efficiency-growth_card-content {
		flex-direction: column;
		text-align: center;
	}

	.efficiency-growth_card-icon {
		margin-right: 0;
		margin-bottom: 16px;
	}

	.efficiency-growth_card-text {
		text-align: center;
	}

	.efficiency-growth_card-image {
		height: 200px;
	}
}

@media (max-width: 480px) {
	.efficiency-growth_card-content {
		padding: 16px;
	}

	.efficiency-growth_card-text div {
		font-size: 18px;
		line-height: 26px;
	}

	.efficiency-growth_card-btn {
		padding: 8px 16px;
		font-size: 13px;
	}
}