/*第一屏*/
.sectionEle1 {
  color: #fff;
  overflow: hidden;
}
.sectionEle1 .section-content {
  position: relative;
  z-index: 2;
}
.hero-bg-pattern {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  top: 0.72rem;
}
.hero-bg-pattern img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  pointer-events: none;
  user-select: none;
}
.fnTopImgIndex{
	height: 100%;
}
.fnTopImgTitIndex{
	font-size: 0.48rem;
	color: #FFFFFF;
	margin-left: 0.2rem;
}
.fnTopImgConIndex{
	font-size: 0.24rem;
	color: #FFFFFF;
	margin:0.24rem 0 0 0.2rem;
}
.fnTopImgIndexCon{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.fnTopImgIndexCon .fnTopImgIndexConTop{
	width: 100%;
	padding: 1.73rem 0 0;
}
.fnTopImgConIndexInfo{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid rgba(255, 255, 255, .2);
	margin-top: 2.67rem;
	padding: 0.4rem 0.06rem;
}
.fnTopImgConIndexInfoItemFir{
	color: #FFFFFF;
}
.fnTopImgConIndexInfoItemFir span{
	font-size: 0.16rem;
	display: block;
	width: 100%;
}
.fnTopImgConIndexInfoItemFir b{
	font-size: 0.24rem;
	line-height: 1.5;
}
/*第二屏*/
.sectionEle2 {
  background: #FFFFFF;
}
.sectionEle2 .section-content {
  position: relative;
  z-index: 2;
}
.indexCommonConSty{
	width: 100%;
	padding-bottom: 0.4rem;
}
.indexTitCommonSty{
	margin:0 auto;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 0.4rem 0 0.37rem;
}
.indexTitCommonStyL{}
.indexTitCommonStyL span{
	display: block;
	font-size: 0.24rem;
	color: #E72222;
	margin-bottom: 0.16rem;
}
.indexTitCommonStyL b{
	font-size: 0.32rem;
	color: #0F172A;
	width: 100%;
	display: block;
	line-height: 1.5;
}
.indexTitCommonStyR{}
.indexTitCommonStyR span{
	font-size: 0.16rem;
	color: #0F172A;
	width: 100%;
	display: block;
	line-height: 2;
}
.bgFFFFFF{
	background: #FFFFFF;
}
.indexServiceBlock{
	border:1px solid #E1E9F1;
	border-right: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto 0.4rem;
}
.indexServiceBlockItem{
	border-right:1px solid #E1E9F1;
	padding: 0.24rem;
}
.indexServiceBlockTop{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.indexServiceBlockTop span{
	font-size: 0.16rem;
	color: #6B7280;
}
.indexServiceBlockTop img{
	display: block;
	width: 0.4rem;
	height: 0.4rem;
}
.indexServiceBlockTit{
	width: 100%;
	font-size: 0.32rem;
	color: #0F172A;
	margin: 0.16rem 0;
}
.indexServiceBlockCon{
	width: 100%;
	font-size: 0.16rem;
	color: #0F172A;
	line-height: 2;
	height: 0.96rem;
}
.indexServiceBlockBot{
	display: block;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 0.93rem;
}
.indexServiceBlockBot span{
	font-size: 0.16rem;
	color: #0F172A;
}
.indexServiceBlockBot img{
	display: inline-block;
	width: 0.16rem;
	height: 0.16rem;
	margin-left: 0.16rem;
}
/*第三屏*/
.sectionEle3{}
.indexCarNumberBlock{
	border: 1px solid #E1E9F1;
	width: 100%;
	margin: 0 auto 0.4rem;
}
.indexCarNumberBlockLP {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0;
}
.indexCarNumberBlockL {
  position: relative;
  width: 100%;
  height: 4.16rem;
  display: flex;
  align-items: center;
  padding: 0;
}
.indexCarNumberBlockLCon{
	display: block;
	width: 100%;
	height: 100%;
}
.indexCarNumberBlockRCon{
	height: 2.22rem;
	overflow: hidden;
	margin-top: 0.24rem;
	overflow-y: scroll;
	scrollbar-width: none;
}

.indexCarNumberBlockL ul {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.indexCarNumberBlockL li {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(0.96);
  transition: opacity 0.5s ease, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  pointer-events: none;
}

.indexCarNumberBlockL li:first-child {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}
.indexCarNumberBlockLImg {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  user-select: none;
  -webkit-user-drag: none;
}
.indexCarNumberBlockL .indexCarNumberBlockLImgActive{
	display: block;
}
.indexCarNumberBlockR{
	width: 100%;
}
.indexCarNumberBlockRItem{
	display: block;
	color: #0F172A;
	padding-left: 0.16rem;
	margin-top: 0.24rem;
	cursor: pointer;
	border-left: 1px solid #F1F5F9;
}
.indexCarNumberBlockRItem:first-child{
	margin-top: 0;
}
.indexCarNumberBlockRItemActive{
	border-left: 1px solid #E1E9F1;
}
.indexCarNumberBlockRItem b{
	font-size: 0.24rem;
	display: block;
	width: 3.42rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.5;
}
.indexCarNumberBlockRItem span{
	font-size: 0.16rem;
	display: block;
	width: 3.42rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.indexCarNumberBlockRBot{
	font-size: 0.16rem;
	color: #0F172A;
	margin-top: 1.02rem;
	line-height: 1.5;
}
.scroll-container {
    width: 2.72rem;
    height: 2.22rem;
    overflow: hidden;
}
.scroll-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.scroll-list li {
    height: 0.58rem;
    padding: 0 0.15rem;
    color: #333;
    transition: background 0.3s;
}
/*第四屏*/
.sectionEle4 {
  background: #FFFFFF;
}
.indexSelDchBlock{
	width: 100%;
	margin: 0.43rem auto 0.4rem;
	border:1px solid #E1E9F1;
	border-right: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.indexSelDchBlockItem{
	padding: 0.24rem 0.24rem 0;
	border-right: 1px solid #E1E9F1;
	height: 3.78rem;
}
.indexSelDchBlockItemImg{
	display: block;
	width: 0.4rem;
	height: 0.4rem;
}
.indexSelDchBlockItemTit{
	font-size: 0.32rem;
	color: #0F172A;
	margin: 0.16rem 0;
}
.indexSelDchBlockItemTxt{
	font-size: 0.16rem;
	color: #0F172A;
	line-height: 2;
}
.indexZzBlock{
	width: 100%;
	background: #2563EB;
	padding:0 0.06rem;
}
.indexZzBlockCon{
	margin: 0.34rem auto 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 0.4rem; 
}
.indexZzBlockConItem{

}
.indexZzBlockConItemTop{
	font-size: 0.32rem;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 0.24rem;
}
.indexZzBlockConItemTopFir img{
	display: inline-block;
	width: 0.32rem;
	height: 0.32rem;
}
.indexZzBlockConItemTopSec img{
	display: inline-block;
	width: 0.56rem;
	height: 0.56rem;
}
.indexZzBlockConItemTopSec .indexZzBlockConItemTopSecImg{
	display: inline-block;
	width: 0.32rem;
	height: 0.32rem;
}
.indexZzBlockConItemTopThir img{
	display: inline-block;
	width: 0.34rem;
	height: 0.28rem;
}
.indexZzBlockConItemTop img{
	margin-right: .08rem;
}
.indexZzBlockConItemTxt{
	font-size: 0.16rem;
	color: #FFFFFF;
	line-height: 1.5;
}
/*第五屏*/
.fnServiceCustomers{
	margin: 0.37rem 0 0.16rem;
}
.fnServiceCustomers.mt0{
	margin-top: 0;
}
.fnServiceCustomers.mb42{
	margin-bottom: 0.42rem;
}
.fnServiceCustomersTit{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.4rem 0 0.48rem;
	color: #0F172A;
}
.fnServiceCustomersTit span{
	font-size: 0.4rem;
}
.fnServiceCustomersTit a{
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	color: #0F172A;
}
.fnServiceCustomersTit a span{
	font-size: 0.18rem;
}
.fnServiceCustomersTit a img{
	display: inline-block;
	width: 0.16rem;
	height: 0.16rem;
	margin-left: 0.2rem;
}
.fnServiceCustomersCon{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:0;
	gap: .16rem;
}
.fnServiceCustomersConItem{
	width: 100%;
}
.fnServiceCustomersConItem img{
	width: 100%;
  aspect-ratio: 192 / 123;
  object-fit: cover;
  object-position: center;
  display: block;
  pointer-events: none;
  user-select: none;
}
.fnServiceCustomersConItem span{
	display: block;
	font-size: 0.18rem;
	color: #0F172A;
	width: 100%;
	text-align: center;
	background: #ffffff;
	padding: 0.16rem 0;
}
/*第六屏*/
.sectionEle6{
	background: #2563EB;
}
.indexConstractBlock{
	width: 100%;
	background: #2563EB;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0.34rem 0 0.4rem;
}
.indexConstractBlockTop{
	width: 100%;
	font-size: 0.32rem;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
.indexConstractBlockCen{
	width: 100%;
	font-size: 0.16rem;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0.24rem 0 0.74rem;
}
.indexConstractBlockBot{
	width: 100%;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
.indexConstractBlockBotL a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.56rem;
	height: 0.56rem;
	border-radius: 0.16rem;
	margin-right: 0.24rem;
	background: #FFFFFF;
}
.indexConstractBlockBotL img{
	display: block;
	width: 0.16rem;
	height: 0.16rem;
	margin-left: 0.16rem;
}
.indexConstractBlockBotL span{
	font-size: 0.2rem;
	color: #000000;
}
.indexConstractBlockBotR{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.56rem;
	height: 0.56rem;
	border-radius: 0.16rem;
	background: #3179FF;
}
.indexConstractBlockBotR img{
	display: block;
	width: 0.24rem;
	height: 0.24rem;
	margin-right: 0.16rem;
}
.indexConstractBlockBotR span{
	font-size: 0.2rem;
	color: #FFFFFF;
}
.fnTopImgConIndexInfoItem{
	color: #FFFFFF;
	text-align: center;
}
.fnTopImgConIndexInfoItem span{
	font-size: 0.16rem;
	display: block;
	width: 100%;
	padding-bottom: 0.24rem;
}
.fnTopImgConIndexInfoItem b{
	font-size: 0.24rem;
	line-height: 1.5;
}
/*第七屏*/
.sectionEle7{
	background: #FFFFFF;
}
.indexNewsBlock{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.indexNewsBlockCon{
	margin: 0.22rem 0 0;
}
.indexNewsBlockConTop{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.indexNewsBlockConTopItem{
	width: 100%;
}
.indexNewsBlockConTopItem a{
	display: block;
	width: 100%;
	overflow: hidden;
}
.indexNewsBlockConTopItem a img{
	display: block;
	width: 100%;
	aspect-ratio: 400 / 278;
	object-fit: cover;
  object-position: center;
  display: block;
  pointer-events: none;
  user-select: none;
}
.indexNewsBlockConTopItem a span{
	font-size: 0.16rem;
	color: #000000;
	width: 100%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 0.16rem;
}
.indexNewsBlockConBot{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0.59rem 0 0.4rem;
}
.indexNewsBlockConBot span{
	font-size: 0.16rem;
	color: #0F172A;
	display: inline-block;
	margin-right: 0.16rem;
}
.indexNewsBlockConBot img{
	display: block;
	width: 0.16rem;
	height: 0.16rem;
	aspect-ratio: 1 / 1;
	object-fit: cover;
  object-position: center;
  display: block;
  pointer-events: none;
  user-select: none;
}
/*第八屏*/
.sectionEle8{
	background: #111827;
}