.autoplay-carousel_wrap {
    overflow: hidden
}

.autoplay-carousel_wrap .autoplay-carousel_lr {
    display: flex
}

.autoplay-carousel_wrap .autoplay-carousel_lr>div {
    flex-shrink: 0
}
.customer-cases{

}
.customer-banner{
	height: 640px;
	background: linear-gradient(180deg,#e4ddff,#fff)
}
.customer-content{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%
}
.customer-left p{
	color: var(--Text-6,#080b19);
	font-size: 48px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%
}
.customer-left p.customer-desc{
	margin-top: 24px;
	color: var(--Text-6,#080b19);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px
}
.customer-register{
	display: flex;
	align-items: center;
	gap: 24px
}
.customer-button{
	width: 168px;
	height: 56px;
	line-height: 56px;
	margin-top: 60px;
	text-align: center;
	background-color: #4c6aff;
	cursor: pointer;
	font-size: 18px;
	font-weight: 500;
	border-radius: 8px;
	color: #fff
}
.customer-button:hover {
	background-color: #7088ff
}
.customer-right{
	float: right;
	overflow-y: hidden;
	padding-top: 64px;
}
.carousel-wrapper{
	display: flex;
	gap: 24px;
	animation: carousel-wrapper_fadeInUp 1s ease-out forwards
}
.autoplay-carousel_wrap{
	overflow: hidden;
	height: 576px;
}
.carousel-item_wrapper{
	width: 200px;
	height: 406px;
}
.carousel-item_carItem{
	background: transparent;
	position: relative;
	cursor: pointer;
}
.carousel-item_img{
	height: 260px;
	width: 100%;
	border-radius: 16px;
}
img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
}
.carousel-item_mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 260px;
	background: rgba(0,0,0,.5);
	opacity: 0;
	transition: opacity .3s ease;
	border-radius: 16px;
	z-index: 10
}
.carousel-item_palyBtn{
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 45px;
	height: 45px;
	background-image: url(../images/play.png);
	background-size: cover;
	z-index: 11;
	opacity: 0;
	transition: all .3s ease-in-out
}
.carousel-item_palyBtn:hover {
    background-image: url(../images/play-active.png)
}
.carousel-item_carItem:hover .carousel-item_mask {
    opacity: .6
}

.carousel-item_carItem:hover .carousel-item_palyBtn {
    opacity: 1
}
.carousel-item_content{
	margin: 24px 0;
	height: 98px;
	background-color: #fff;
	border-radius: 16px;
	padding: 14px 16px;
	display: flex;
	align-items: center
}
.carousel-item_title{
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px
}
.carousel-item_decs {
    color: var(--text-4,#545a6e);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}
.carousel-item_tag{
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	width: 92px;
	height: 28px;
	align-items: center;
	justify-content: center;
	border-radius: 0 16px;
	color: #fff;
	background: linear-gradient(87deg,#5572ff -37.3%,#a297ff 118.29%);
	font-size: 12px
}

@keyframes carousel-wrapper_fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,25%,0)
    }

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

.layui-layer-content video {
    width: 768px;
    height: 430px
}


.page_enterprise {
    height: 796px;
    background: linear-gradient(0deg,#e0e7fe,#fff);
    padding: 100px 0 80px
}

.page_enterprise .page_content {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%
}

.page_enterprise .page_content .page_title {
    color: var(--Text-5,#272e47);
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px
}

.page_enterprise .page_content .page_subTitle {
    color: var(--Text-5,#272e47);
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin-top: 12px;
    margin-bottom: 56px
}


.cases-wrapper {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    position: relative;
    opacity: 1;
    transition: opacity .3s ease;
}

.cases-wrapper.is-initialized {
    opacity: 1;
    transition: opacity .3s ease
}

.cases-wrapper .cases-swiper-wrapper {
    display: flex;
    justify-content: center
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide {
    background-size: cover;
    background-position: 50%;
    background-color: #fff;
    height: 390px;
    transition: opacity .5s ease-in-out;
    border-radius: 16px;
    transform: scale(.974,.949)
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide:not(.swiper-slide-active) {
    margin: 5px 0
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide .industries-item {
    height: 100%;
    width: 100%;
    padding: 32px 32px 0;
    position: relative
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide .industries-item .active-info,.cases-wrapper .cases-swiper-wrapper .swiper-slide .industries-item .active-person {
    opacity: 0;
    visibility: hidden
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide .industries-item .de-active-person {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 34px;
    border-bottom: 1px solid var(--Line-3,#e1e3e8);
    position: absolute;
    left: 32px;
    right: 32px;
    cursor: pointer
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide .industries-item .de-active-person .avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide .industries-item .de-active-person .info {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide .industries-item .de-active-person .info .name {
    color: var(--Text-5,#272e47);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide .industries-item .de-active-person .info .position {
    color: var(--Text-3,#747a8c);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    white-space: pre-line
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide .industries-item .content {
    padding-top: 32px;
    position: absolute;
    top: 141px;
    cursor: pointer
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide .industries-item .content .improve-number {
    color: var(--Text-5,#272e47);
    font-family: LX-numbers;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 2px;
    cursor: pointer
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide .industries-item .content .improve-text-only {
    color: var(--Text-5,#272e47);
    font-family: PingFang SC;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 16px;
    display: block;
    cursor: pointer
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide .industries-item .content .improve-desc {
    color: var(--Text-5,#272e47);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 24px;
    cursor: pointer
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide .industries-item .content .improve-text {
    color: var(--Text-3,#747a8c);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding-right: 36px;
    cursor: pointer
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide-active,.cases-wrapper .cases-swiper-wrapper .swiper-slide-duplicate-active {
    height: 400px;
    transition: opacity .5s ease-in-out;
    transform: scaleX(1.058);
    box-shadow: 0 10px 30px rgba(66,89,153,.25)
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide-active:hover,.cases-wrapper .cases-swiper-wrapper .swiper-slide-duplicate-active:hover {
    box-shadow: inset 0 0 30px rgba(51,112,255,.1),0 4px 8px rgba(31,35,41,.03),0 3px 6px -6px rgba(31,35,41,.05),0 6px 18px 6px rgba(31,35,41,.03)
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide-active .de-active-person,.cases-wrapper .cases-swiper-wrapper .swiper-slide-duplicate-active .de-active-person {
    transition: opacity .5s ease-in-out;
    visibility: hidden;
    opacity: 0
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide-active .industries-item,.cases-wrapper .cases-swiper-wrapper .swiper-slide-duplicate-active .industries-item {
    cursor: pointer
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide-active .industries-item .active-info,.cases-wrapper .cases-swiper-wrapper .swiper-slide-duplicate-active .industries-item .active-info {
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 2
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide-active .industries-item .active-info .info,.cases-wrapper .cases-swiper-wrapper .swiper-slide-duplicate-active .industries-item .active-info .info {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide-active .industries-item .active-info .info .name,.cases-wrapper .cases-swiper-wrapper .swiper-slide-duplicate-active .industries-item .active-info .info .name {
    color: var(--Text-5,#272e47);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 8px
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide-active .industries-item .active-info .info .position,.cases-wrapper .cases-swiper-wrapper .swiper-slide-duplicate-active .industries-item .active-info .info .position {
    color: var(--Text-3,#747a8c);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    white-space: pre-line
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide-active .industries-item .content,.cases-wrapper .cases-swiper-wrapper .swiper-slide-duplicate-active .industries-item .content {
    top: 149px
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide-active .industries-item .de-active-person,.cases-wrapper .cases-swiper-wrapper .swiper-slide-duplicate-active .industries-item .de-active-person {
    border-bottom: none
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide-active .industries-item .active-person,.cases-wrapper .cases-swiper-wrapper .swiper-slide-duplicate-active .industries-item .active-person {
    opacity: 1;
    visibility: visible;
    transition: opacity .5s ease-in-out;
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 440px
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide-prev {
    box-shadow: 20px 20px 30px 0 rgba(176,191,231,.15)
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide-prev:hover {
    box-shadow: inset 0 0 30px rgba(51,112,255,.1),10px 20px 8px rgba(31,35,41,.03),12px 15px 6px -6px rgba(31,35,41,.05),12px 17px 18px 6px rgba(31,35,41,.03)
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide-next {
    box-shadow: -20px 20px 30px 0 rgba(176,191,231,.15)
}

.cases-wrapper .cases-swiper-wrapper .swiper-slide-next:hover {
    box-shadow: inset 0 0 30px rgba(51,112,255,.1),-10px 20px 8px rgba(31,35,41,.03),-11px 18px 6px -6px rgba(31,35,41,.05),-13px 20px 18px 6px rgba(31,35,41,.03)
}

.page_industries {
    min-height: 796px;
    background: linear-gradient(0deg,#e0e7fe,#fff);
    padding: 100px 0
}

.page_industries .page_content {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.page_industries .page_content .page_title {
    color: var(--Text-5,#272e47);
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px
}

.page_industries .page_content .page_subTitle {
    color: var(--Text-5,#272e47);
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin-top: 12px;
    margin-bottom: 56px
}

.page_industries .page_logos {
    width: 1200px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 100px auto 0
}

.page_industries .page_logos .page_title {
    color: var(--Text-5,#272e47);
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px
}

.page_industries .page_logos .page_subTitle {
    color: var(--Text-5,#272e47);
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin-top: 12px;
    margin-bottom: 56px
}

.logo-carousel_logosWrapper {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.logo-carousel_logosWrapper .logo-carousel_logoCarousel1,.logo-carousel_logosWrapper .logo-carousel_logoCarousel2 {
    height: 100px
}

.logo-carousel_logosWrapper .logo-carousel_bottom {
    transform: translateX(-100px);
    width: calc(100% + 100px)
}


.industries-list_industriesList {
    display: flex;
    flex-wrap: wrap;
    gap: 32px
}

.industries-item_industriesItem {
    width: 276px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 12px 0 rgba(47,83,134,.06)
}

.industries-item_industriesItem>img {
    object-fit: cover;
    width: 276px;
    height: 160px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.industries-item_industriesItem .industries-item_content {
    padding: 20px 20px 4px
}

.industries-item_industriesItem .industries-item_content .industries-item_title {
    color: var(--Text-5,#272e47);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.industries-item_industriesItem .industries-item_content .industries-item_subtitle {
    color: var(--Text-3,#747a8c);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-top: 8px
}

.industries-item_industriesItem .industries-item_mainFun {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    align-items: flex-end
}

.industries-item_industriesItem .industries-item_mainFun .industries-item_left {
    display: flex;
    flex-direction: column
}

.industries-item_industriesItem .industries-item_mainFun .industries-item_left .industries-item_value {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin-bottom: 2px;
    height: 28px
}

.industries-item_industriesItem .industries-item_mainFun .industries-item_left .industries-item_value .industries-item_number {
    color: var(--Text-5,#272e47);
    font-family: LX-numbers;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

.industries-item_industriesItem .industries-item_mainFun .industries-item_left .industries-item_value .industries-item_text {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    color: var(--Text-5,#272e47)
}

.industries-item_industriesItem .industries-item_mainFun .industries-item_left .industries-item_title {
    color: var(--text-4,#545a6e);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.industries-item_industriesItem .industries-item_mainFun .industries-item_right {
    display: flex;
    align-items: center
}

.industries-item_industriesItem .industries-item_mainFun .industries-item_right .industries-item_mainFunction {
    line-height: 16px;
    border-radius: 4px;
    border: 1px solid var(--label-12,#83b3f7);
    background: var(--label-11,#deebfd);
    display: inline-flex;
    padding: 4px 8px;
    font-size: 12px;
    color: var(--label-13,#4759b2);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}


@media screen and (max-width: 1200px){
	.customer-content{
		width: 96%;
		flex-wrap: wrap;
	}
	.customer-banner{
		padding-top: 100px;
		height: auto;
	}
	.customer-left p{
		font-size: 32px;
	}
	.customer-left p.customer-desc{
		font-size: 18px;
	}
	.carousel-wrapper{
		gap: 2%;
	}
	.carousel-wrapper_carousel{
		width: 32%;
	}
	.carousel-item_wrapper{
		width: 100%;
		height: auto;
	}
	.layui-layer-content video{
		width: 100%;
		height: auto;
	}
	.carousel-item_img{
		height: auto;
	}
	.carousel-item_content{
		height: auto;
		margin: 12px 0;
	}
	.carousel-item_title{
		font-size: 14px
	}
	.carousel-item_mask{
		height: 100%
	}
	.page_enterprise .page_content,
	.page_industries .page_content,
	.page_industries .page_logos{
		width: 96%;
	}
	.page_industries{
		padding-top: 50px;
	}
	.page_industries .page_logos{
		margin-top: 50px;
	}
	.page_enterprise .page_content .page_subTitle,
	.page_industries .page_content .page_subTitle,
	.page_industries .page_logos .page_subTitle{
		font-size: 30px;
		margin-top: 8px;
		margin-bottom: 28px;
	}
	.industries-item_industriesItem .industries-item_content .industries-item_title{
		font-size: 14px;
		line-height: 22px;
	}
	.industries-item_industriesItem .industries-item_mainFun .industries-item_left .industries-item_title{
		font-size: 14px;
	}
	.active-person {
		object-fit: cover;
		object-position: top;
		border-radius: 16px;
	}
	.cases-wrapper{
		width: 100%;
	}
	.industries-list_industriesList{
		gap: 5%;
	}
	.industries-item_industriesItem{
		width: 30%;
		margin-bottom: 5%;
	}
}
@media screen and (max-width: 768px){
	.industries-item_industriesItem{
		width: 47.5%;
	}
	.industries-item_industriesItem>img{
		width: 100%;
		height: auto;
	}
}