.header-sate {
	height: 0;
}

#index {
	padding-bottom: 5.94rem;
}

#index .swiper-top {
	height: 100vh;
}

#index .swiper-top .swiper-slide>img,
#index .swiper-top .swiper-slide>video {
	width: 100%;
	height: 100%;
}

#index .swiper-top .keyPointContent {
	position: absolute;
	bottom: 6.8rem;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
	width: 90rem;
	height: 7.38rem;
	background: rgba(255, 255, 255, 0.52);
	box-shadow: 0rem 0rem 2rem 0rem rgba(0, 0, 0, 0.13);
	border-radius: 1.88rem;
}

#index .swiper-top .keyPointContent .item {
	width: 25%;
	height: 100%;
	font-family: Microsoft YaHei;
	color: #333333;
	line-height: 1em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	float: left;
}

#index .swiper-top .keyPointContent .item>div {
	margin-left: 0.69rem;
}

#index .swiper-top .keyPointContent .item img {
	width: 4.38rem;
	height: 3.75rem;
}

#index .swiper-top .keyPointContent .item .title1 {
	font-weight: bold;
	font-size: 1.25rem;
}

#index .swiper-top .keyPointContent .item .title2 {
	margin-top: 0.63rem;
	font-weight: 400;
	font-size: 0.88rem;
}

#index .swiper-top .swiper-pagination {
	margin-bottom: 3.25rem;
}

#index .swiper-top .swiper-pagination .swiper-pagination-bullet {
	width: 1.2rem;
	height: 0.44rem;
	margin: 0 0.8rem;
	opacity: 1;
	transition: all 0.36s;
	border-radius: 0;
	background: #FFFFFF;
}

#index .swiper-top .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 7.69rem;
	height: 0.44rem;
	background-color: #506BF6;
}

#index .sector-box {
	margin-top: 5.56rem;
}

#index .sector-box .title-img {
	width: 100%;
	height: 3.5rem;
	object-fit: contain;
}

#index .sector-box .viewMore {
	margin-top: 1.69rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

#index .sector-box .viewMore a {
	text-decoration: none;
	font-weight: bold;
	font-size: 1rem;
	color: #2939A2;
}

#index .solution-box {
	width: var(--contentWidth);
	margin: 2.88rem auto 0 auto;
	font-size: 0;
}

#index .solution-box .solution-item {
	width: calc(33.33% - 1.46rem);
	height: 37.39rem;
	background: #FFFFFF;
	box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.1);
	border-radius: 1.25rem;
	overflow: hidden;
	display: inline-flex;
	flex-wrap: wrap;
	text-decoration: none;
}

#index .solution-box .solution-item:nth-child(n + 2) {
	margin-top: 2.38rem;
}

#index .solution-box .solution-item:hover .img-box>img {
	transform: scale(1.2);
}

#index .solution-box .solution-item:hover .describe-box .tag>span::before {
	width: 100%;
}

#index .solution-box .solution-item .img-box {
	width: 100%;
	height: 17rem;
	overflow: hidden;
	border-radius: 1.25rem;
}

#index .solution-box .solution-item .img-box img {
	width: 100%;
	height: 100%;
	transition: all 0.36s;
}

#index .solution-box .solution-item .describe-box {
	padding: 2rem;
}

#index .solution-box .solution-item .describe-box .tag>span {
	font-weight: bold;
	font-size: 1.88rem;
	color: #2939A2;
	position: relative;
}

#index .solution-box .solution-item .describe-box .tag>span::before {
	content: '';
	display: block;
	width: 2.81rem;
	height: 0.44rem;
	background-color: #2939A2;
	position: absolute;
	left: 0;
	bottom: -0.75rem;
	transition: all 0.36s;
}

#index .solution-box .solution-item .describe-box .title {
	margin-top: 3.25rem;
	font-weight: bold;
	font-size: 1.75rem;
	color: #333333;
	text-overflow: ellipsis;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

#index .solution-box .solution-item .describe-box .text {
	margin-top: 1.81rem;
	font-weight: 400;
	font-size: 1rem;
	color: #333333;
	line-height: 2.25rem;
	height: 6.75rem;
	text-overflow: ellipsis;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

#index .solution-box .solution-item:nth-child(3n),
#index .solution-box .solution-item:nth-child(3n + 4) {
	margin-left: 2.19rem;
}

#index .solution-box .solution-item:first-child {
	width: 100%;
	height: 21.38rem;
}

#index .solution-box .solution-item:first-child .img-box {
	width: 33.13rem;
	height: 100%;
	border-radius: 1.25rem 0 0 1.25rem;
}

#index .solution-box .solution-item:first-child .describe-box {
	flex: 1;
	padding: 2.69rem 3rem;
}

#index .solution-box .solution-item:first-child .tag {
	text-align: right;
}

#index .solution-box .solution-item:first-child .tag>span::before {
	left: inherit;
	right: 0;
}

#index .solution-box .solution-item:first-child .title {
	margin-top: 3.88rem;
}

#index .solution-box .solution-item:first-child .text {
	margin-top: 2.44rem;
	height: 4.5rem;
	-webkit-line-clamp: 2;
}

#index .product-box {
	width: var(--contentWidth);
	margin: 2.88rem auto 0 auto;
	position: relative;
	font-size: 0;
}

#index .product-box .product-item {
	display: inline-block;
	width: calc(50% - 11.38rem);
	height: 19.5rem;
	padding: 2.5rem 1.75rem;
	background: linear-gradient(0deg, #ECEDEF, #F9F9FA);
	border-radius: 1.25rem;
	overflow: hidden;
}

#index .product-box .product-item:nth-child(2n) {
	margin-left: 0.75rem;
}

#index .product-box .product-item:nth-child(n + 3) {
	margin-top: 0.75rem;
}

#index .product-box .product-item:last-child {
	margin-left: 0.75rem;
	width: 21.25rem;
	height: 100%;
	align-self: stretch;
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 0;
}

#index .product-box .product-item:last-child:hover .content-box .img-box img {
	transform: scale(1.1);
}

#index .product-box .product-item:last-child .content-box {
	flex-direction: column-reverse;
}

#index .product-box .product-item:last-child .content-box .img-box {
	margin: 0 auto;
	width: 17.75rem;
	height: 9.99rem;
}

#index .product-box .product-item:last-child .content-box ul {
	margin-top: 3.56rem;
}

#index .product-box .product-item:hover {
	background: linear-gradient(90deg, #4C74EF, #89B2F9);
}

#index .product-box .product-item:hover .title,
#index .product-box .product-item:hover .content-box ul>li,
#index .product-box .product-item:hover .content-box ul>li>a {
	color: #FFFFFF;
}

#index .product-box .product-item:hover .content-box .img-box img {
	transform: scale(1.2);
}

#index .product-box .product-item .title {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.75rem;
	color: #333333;
	text-overflow: ellipsis;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

#index .product-box .product-item .content-box {
	margin-top: 1.44rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

#index .product-box .product-item .content-box .img-box {
	width: 9.38rem;
	height: 9.38rem;
}

#index .product-box .product-item .content-box .img-box img {
	width: 100%;
	height: 100%;
	transition: all 0.36s;
}

#index .product-box .product-item .content-box ul {
	margin-top: 0.5rem;
	flex: 1;
	padding-left: 1.5rem;
	font-weight: 400;
	font-size: 0.88rem;
	line-height: 1em;
}

#index .product-box .product-item .content-box ul li {
	color: #333333;
}

#index .product-box .product-item .content-box ul li+li {
	margin-top: 1.56rem;
}

#index .product-box .product-item .content-box ul a {
	color: #333333;
	text-decoration: none;
}

#index .case-box {
	display: flex;
	text-decoration: none;
	width: var(--contentWidth);
	height: 18.75rem;
	margin: 2.88rem auto 0 auto;
	box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.1);
	border-radius: 1.25rem;
	overflow: hidden;
	color: #FFFFFF;
}

#index .case-box:hover .img-box img {
	transform: scale(1.2);
}

#index .case-box .img-box {
	width: 50%;
	overflow: hidden;
}

#index .case-box .img-box img {
	width: 100%;
	height: 100%;
	transition: all 0.36s;
}

#index .case-box .text-box {
	background: #2939A2;
	flex: 1;
	padding: 3rem;
}

#index .case-box .text-box .title {
	margin-top: 0.69rem;
	font-weight: bold;
	font-size: 1.63rem;
	text-overflow: ellipsis;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

#index .case-box .text-box .content {
	margin-top: 2.31rem;
	font-weight: 400;
	font-size: 1.13rem;
	line-height: 3rem;
	height: 9rem;
	text-overflow: ellipsis;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

#index .scroll-container {
	width: var(--contentWidth);
	margin: 4.31rem auto 0 auto;
	overflow: hidden;
}

#index .scroll-wrapper-animation {
	animation: scroll 20s linear infinite;
}

#index .scroll-wrapper-animation:hover {
	animation-play-state: paused;
}

#index .scroll-wrapper {
	display: inline-flex;
}

#index .scroll-wrapper:hover {
	animation-play-state: paused !important;
}

#index .scroll-wrapper .sw-content {
	display: inline-flex;
	width: auto;
	min-width: var(--contentWidth);
	justify-content: center;
}

#index .scroll-wrapper a img {
	height: 3.94rem;
	object-fit: contain;
}

#index .scroll-wrapper a {
	margin-right: 3.56rem;
}

#index .support-box {
	width: var(--contentWidth);
	height: 18.75rem;
	margin: 2.88rem auto 0 auto;
	display: flex;
	align-items: stretch;
}

#index .support-box .img-box {
	position: absolute;
	width: 100%;
	height: 100%;
	top: -1px;
	left: -1px;
	z-index: -1;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

#index .support-box .img-box img {
	width: calc(100% + 1px);
	height: calc(100% + 1px);
	transition: all 0.36s;
}

#index .support-box .sb-left {
	width: calc(50% - 0.52rem);
	flex-shrink: 0;
	position: relative;
	color: #FFFFFF;
	text-decoration: none;
	border-radius: 1.25rem 0 0 1.25rem;
	overflow: hidden;
	padding: 4.25rem 3.88rem;
}

#index .support-box .sb-left:hover img {
	transform: scale(1.2);
}

#index .support-box .sb-right {
	width: calc(50% - 0.52rem);
	flex-shrink: 0;
	position: relative;
	color: #FFFFFF;
	margin-left: 1.06rem;
	display: flex;
	flex-direction: column;
}

#index .support-box .sb-right .sbr-bottom {
	margin-top: 1.25rem;
}

#index .support-box .sb-right .sbr-top,
#index .support-box .sb-right .sbr-bottom {
	flex: 1;
	display: block;
	position: relative;
	color: #FFFFFF;
	text-decoration: none;
	border-radius: 0 1.25rem 1.25rem 0;
	overflow: hidden;
	padding: 2.06rem 2.19rem;
}

#index .support-box .sb-right .sbr-top:hover img,
#index .support-box .sb-right .sbr-bottom:hover img {
	transform: scale(1.2);
}

#index .support-box .sb-right .content {
	height: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#index .support-box .title {
	font-weight: bold;
	font-size: 1.88rem;
	line-height: 1;
}

#index .support-box .content {
	margin-top: 1.38rem;
	font-weight: 400;
	font-size: 1.13rem;
	line-height: 2rem;
	height: 8rem;
	text-overflow: ellipsis;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}