[v-clock] {
	display: none;
}
.mob-fx-ac {
	display: flex;
	align-items: center;
}
.mob-fx-jc-ac {
	display: flex;
	align-items: center;
	justify-content: center;
}
.new-home-top{
	height: 690px;
	background: url('../../../static/image/home/new-home/new-home-top-img.png') no-repeat;
	background-size: cover;
	background-position: 50%;
	position: relative;
	background-color: #F0F3FB;
}
.new-home-top .cont-text{
	width: 1200px;
	top: 140px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
}
.new-home-top .bot-cont{
	width: 100%;
	height: 134px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	background: url('../../../static/image/home/new-home/top-img-bot/bot-img.png') no-repeat;
	background-size: cover;
	background-position: 50%;
	padding-top: 20px;
}
.new-home-top .bot-cont .bot-in{
	width: 1200px;
	margin: 0 auto;
	height: 114px;
	display: flex;
	align-items: center;
}
.new-home-top .bot-cont .bot-in .bot-in-left{
	display: flex;
	align-items: center;
}
.new-home-top .bot-cont .bot-in .left-img{
	width: 288px;
	height: 60px;
	margin-right: 45px;
}
.new-home-top .bot-cont .bot-in .rjt-img{
	width: 24px;
	height: 24px;
}
.new-home-top .bot-cont .bot-in .img-one-cont{
	display: flex;
	align-items: center;
	margin-left: 39px;
	flex: 1;
	justify-content: space-between;
}
.new-home-top .bot-cont .bot-in .img-one .img{
	width: 56px;
	height: 56px;
	display: block;
	margin: 0 auto;
}
.new-home-top .bot-cont .bot-in .img-one .tit{
	color: #3a4559;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-top: 4px;
}
.new-home-top  .ai-img{
	width: 401px;
	height: 44px;
	display: block;
	margin-bottom: 24px;
}
.new-home-top .title{
	width: 1200px;
	margin: 0 auto;
	color: #242933;
	font-family: "HarmonyOS Sans SC";
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 48px;
}
.new-home-top .title span{
	color: #2475fc;
	margin-right: 12px;
}
.new-home-top .desc{
	color: #595959;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	margin-top: 24px;
}
.new-home-top .use-wrap {
	margin-top: 62px;
}
.new-home-top .use-wrap .use-btn{
 	width: 200px;
 	height: 52px;
	border-radius: 12px;
	background-color: #2475FC;
	color: #ffffff;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	cursor: pointer;
}
.new-home-top .use-wrap .use-btn:hover{
	opacity: .8;
}
.new-home-top .use-wrap .use-btn img{
	width: 24px;
	height: 24px;
	margin-right: 8px;
}
.new-home-top .use-wrap .btns{
	margin-top: 50px;
}
.new-home-top .use-wrap .btns .b-one{
	height: 40px;
	padding: 8px 16px;
	border-radius: 8px;
	border: 1px solid #A1C4FF;
	background: #FFF;
	color: #2475fc;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-right: 12px;
}
.new-home-top .use-wrap .btns .b-one img{
	width: 16px;
	height: 16px;
	margin-right: 8px;
}
.new-cont-one{
	margin: 0 auto;
	padding: 60px 0;
}
.all-product-wrap{
	background: url('../../../static/image/home/new-home/a-pro/bgc.png') no-repeat;
	background-size: cover;
	background-position: 50%;
	height: 786px;
}
.list-color-1{
	background: #FFF;
}
.list-color-2{
	background: #F7F9FC;
}
.new-cont-one .b-tit{
	color: #242933;
	font-size: 32px;
	text-align: center;
	font-style: normal;
	font-weight: 900;
	line-height: 40px;
}
.new-cont-one .b-desc{
	color: #595959;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	margin-top: 8px;
}
.new-cont-one .view-cont{
	width: 1200px;
	margin: 0 auto;
}
.new-cont-one .view-cont .tabs{
	margin-top: 16px;
	justify-content: space-between;
}
.new-cont-one .view-cont .tabs .o-tab{
	height: 56px;
	line-height: 56px;
	width: 214px;
	margin-right: 24px;
	color: #262626;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.new-cont-one .view-cont .tabs .o-tab:hover{
	color: #2475fc;
}
.new-cont-one .view-cont .tabs .act {
	font-weight: 600;
	color: #2475fc;
}
.new-cont-one .view-cont .tabs .act::after{
	content: '';
	clear: both;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #2475fc;
	left: 0;
	bottom: 2px;
}
.new-cont-one .view-cont .a-tabs {
	justify-content: space-between;
	width: 886px;
	padding: 2px;
	border-radius: 6px;
	background: #E4E6EB;
	margin: 0 auto;
	margin-top: 16px;
}
.new-cont-one .view-cont .a-tabs .o-tab{
	height: 36px;
	flex: 1;
	color: #595959;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
}
.new-cont-one .view-cont .a-tabs .o-tab:hover{
	color: #2475fc;
}
.new-cont-one .view-cont .a-tabs .act{
	border-radius: 6px;
	background-color: #fff;
	color: #2475fc;
}
.new-cont-one .view-cont .conts{
	margin-top: 62px;
}
.new-cont-one .view-cont .conts .l-detail {
	color: #2475fc;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	margin-top: 24px;
	padding-left: 12px;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.new-cont-one .view-cont .conts .l-detail img{
	width: 18px;
	height: 18px;
	margin-left: 4px;
}
.new-cont-one .view-cont .conts  .cont-one{
	justify-content: space-between;
	min-height: 440px;
}
.new-cont-one .view-cont .conts  .cont-one.row-reverse{
	flex-direction: row-reverse;
}
.new-cont-one .view-cont .conts .cont-one .left-cont{
	
}
.new-cont-one .view-cont .conts .cont-one .left-cont .l-one{
	margin-top: 24px;
	padding-left: 12px;
	position: relative;
}
.new-cont-one .view-cont .conts .cont-one .left-cont .l-one::after{
	position: absolute;
	left: 0;
	top: 3px;
	content: '';
	clear: both;
	background-color: #2475fc;
	width: 2px;
	height: 16px;
	border-radius: 4px;
}
.new-cont-one .view-cont .conts .cont-one .left-cont .l-one:first-child{
	margin-top: 0;
}
.new-cont-one .view-cont .conts .cont-one .left-cont .l-one .l-tit{
	color: #262626;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px;
}
.new-cont-one .view-cont .conts .cont-one .left-cont .l-one .l-desc{
	width: 438px;
	color: #595959;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	margin-top: 4px;
}
.new-cont-one .view-cont .conts .cont-one .left-cont .l-one .l-desc-arr{
	width: 438px;
	color: #595959;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	margin-top: 4px;
}
.new-cont-one .view-cont .conts .cont-one .left-cont .l-one .l-desc-arr .idesc-one.flex{
	display: flex;
}
.new-cont-one .view-cont .conts .cont-one .r-img{
	width: 704px;
	height: auto;
}
.new-cont-one .view-cont .a-conts {
	margin-top: 48px;
}
.new-cont-one .view-cont .a-cont-one {
	justify-content: space-between;
}
.new-cont-one .view-cont .a-cont-one .left-cont{
	height: 492px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .l-top{
	margin-top: 2px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .l-top img{
	width: 62px;
	height: 62px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .l-top .l-top-r{
	color: #242933;
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
	margin-left: 12px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .l-top .l-top-r .tit{
	color: #242933;
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .l-top .l-top-r .desc{
	color: #3a4559;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-top: 4px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .l-conts-tab{
	display: flex;
	flex-wrap: wrap;
	margin-top: 8px;
	margin-left: -16px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .l-conts-tab .line-tab{
	width: 498px;
	height: 194px;
	border-radius: 40px 12px;
	border: 1px solid var(--10, #FFF);
	background: linear-gradient(180deg, #F0F5FF 0%, #FFF 8.14%);
	box-shadow: 0 4px 24px 0 #0000000f;
	margin-left: 16px;
	margin-top: 16px;
	padding: 0 24px
}
.new-cont-one .view-cont .a-cont-one .left-cont .l-conts-tab .line-tab .tit{
	margin-top: 24px;
	color: #000000;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .l-conts-tab .line-tab .desc{
	margin-top: 8px;
	color: #3a4559;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .l-conts-tab .line-tab .t-wrap{
	margin-top: 26px;
	margin-left: -56px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .l-conts-tab .line-tab .t-wrap .t-one{
	margin-left: 56px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .l-conts-tab .line-tab .t-wrap .t-one img{
	width: 40px;
	height: 40px;
	display: block;
	/* margin: 0 auto; */
}
.new-cont-one .view-cont .a-cont-one .left-cont .l-conts-tab .line-tab .t-wrap .t-one div{
	margin-top: 4px;
	color: #595959;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .l-conts-tab .tab-one{
	width: 241px;
	height: 194px;
	margin-left: 16px;
	margin-top: 16px;
	border-radius: 40px 12px;
	border: 1px solid var(--10, #FFF);
	background: linear-gradient(180deg, #F0F5FF 0%, #FFF 8.14%);
	box-shadow: 0 4px 24px 0 #0000000f;
	padding: 0 24px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .gzh-conts-tab {
	
}
.new-cont-one .view-cont .a-cont-one .left-cont .gzh-conts-tab .line-tab{
	height: 124px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .gzh-conts-tab .line-tab .tit{
	margin-top: 48px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .gzh-conts-tab .tab-one{
	height: 124px;
	padding-top: 24px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .l-conts-tab .tab-one .num {
	color: #d6e6ff;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 38px;
	margin-top: 50px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .l-conts-tab .tab-one .tit {
	color: #000000;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	margin-top: 6px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .gzh-conts-tab .tab-one .tit {
	margin-top: 0;
}
.new-cont-one .view-cont .a-cont-one .left-cont .gzh-conts-tab .tab-one .tit .ai{
	border-radius: 6px 6px 6px 2px;
	background: linear-gradient(94deg, #2475FC 0.65%, #3C01FF 53.2%, #C20CFF 100%);
	padding: 0 6px;
	color: #ffffff;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px;
	margin-left: 6px;
}
.new-cont-one .view-cont .a-cont-one .left-cont .l-conts-tab .tab-one .desc {
	color: #3a4559;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	margin-top: 8px;
}
.new-cont-one .view-cont .a-cont-one .r-img{
	width: 672px;
	height: 492px;
}
.more-trade-wrap{
	padding-top: 60px;
	padding-bottom: 50px;
	background-color: #fff;
}
.more-trade-wrap .b-tit{
	color: #242933;
	text-align: center;
	font-size: 32px;
	font-style: normal;
	font-weight: 900;
	line-height: 40px;
}
.more-trade-wrap .view-cont{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	margin-top: 48px;
	min-height: 460px;
}
.more-trade-wrap .view-cont .left-cont{
	flex: 1;
}
.more-trade-wrap .view-cont .left-cont .tabs{
	display: flex;
	align-items: center;
	margin-left: 24px;
}
.more-trade-wrap .view-cont .left-cont .tabs .t-one{
	height: 56px;
	color: #595959;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	line-height: 56px;
	margin-right: 32px;
	cursor: pointer;
}
.more-trade-wrap .view-cont .left-cont .tabs .t-one:hover{
	color: #2475fc;
}
.more-trade-wrap .view-cont .left-cont .tabs .act{
	font-weight: 600;
	color: #2475fc;
	position: relative;
}
.more-trade-wrap .view-cont .left-cont .tabs .act::after{
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	content: '';
	clear: both;
	height: 2px;
	background-color: #2475fc;
	z-index: 100;
}
.more-trade-wrap .view-cont .left-cont .cont {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 380px;
	border-radius: 16px;
	background: #F5F9FF;
	padding-left: 48px;
}
.more-trade-wrap .view-cont .left-cont .cont .tit{
	color: #262626;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
}
.more-trade-wrap .view-cont .left-cont .cont .desc{
	width: 627px;
	color: #3a4559;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	margin-top: 8px;
}
.more-trade-wrap .view-cont .left-cont .cont .goto{
	color: #2475fc;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	margin-top: 16px;
	cursor: pointer;
}
.more-trade-wrap .view-cont .left-cont .cont .img{
	width: 14px;
	height: 14px;
	margin-left: 6px;
	margin-top: 1px;
}
.more-trade-wrap .view-cont .right-img{
	width: 460px;
	height: 460px;
}
.use-list {
	width: 100%;
	background: #F7F8FC;
	padding-top: 80px;
	padding-bottom: 68px;
	height: auto !important;
}

.use-list .title {
	font-size: 28px;
	font-weight: 600;
	color: #000000;
	line-height: 36px;
	text-align: center;
}

.use-list .use-list-cont {
	flex-wrap: wrap;
	margin-top: 48px;
}

.use-list .use-list-cont img {
	width: 259px;
	height: 126px;
	margin-top: -16px;
	margin-right: -20px;
}
.qy-about{
	padding: 60px 0;
	background-color: #fff;
}
.qy-about .b-tit{
	color: #242933;
	text-align: center;
	font-size: 32px;
	font-style: normal;
	font-weight: 900;
	line-height: 40px;
	margin-bottom: 48px;
}
.qy-about .cont-wrap{
	width: 1200px;
	margin: 0 auto;
	justify-content: space-between;
}
.qy-about .c-one{
	display: flex;
	cursor: pointer;
	transition: width .3s ease-out;
}

.qy-about .c-one .text-big{
	width: 392px;
	height: 206px;
	background: linear-gradient(180deg, #12143e00 0%, #12143E 23.9%);
	margin-top: -28px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 0 24px;
}
.qy-about .c-one .text-big .tit{
	color: #ffffff;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	margin-top: 40px;
}
.qy-about .c-one .text-big .desc{
	color: #f0f0f0;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	margin-top: 16px;
}
.qy-about .c-one .text-big-bgc-1 {
	background: linear-gradient(180deg, #ffffff00 0%, #FFF 13.84%);
	box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);
}
.qy-about .c-one .text-big-bgc-1 .tit {
	color: #262626;
}
.qy-about .c-one .text-big-bgc-1 .desc {
	color: #595959;
}

.qy-about .c-one .text-sma{
	width: 260px;
	height: 438px;
	background:  #2475FC;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	padding: 0 24px;
}
.qy-about .c-one .text-sma .t-img{
	width: 40px;
	height: 40px;
	margin-top: 48px;
}
.qy-about .c-one .text-sma .tit{
	color: #ffffff;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	margin-top: 16px;
}
.qy-about .c-one .text-sma .desc{
	color: #d6e6ff;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	margin-top: 16px;
}


.qy-about .c-one .img-big{
	width: 520px;
	height: 438px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.qy-about .c-one .img-big-1{
	box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);
}
.qy-about .c-one .img-sma{
	width: 392px;
	height: 260px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}


.home-announcement-box {
  position: absolute;
  top: 0;
  height: 70px;
  width: 100%;
  background-color: #ddecff;
  box-shadow: 0 -6px 16px 0 #3363c314;
  /* border-top: 1px solid var(--10, #fff); */
  backdrop-filter: blur(5px);
  padding: 24px 0;
  display: flex;
  align-items: center;
}

.home-announcement-box .announcement-content {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.home-announcement-box .announcement-title {
  color: #262626;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
}

.home-announcement-box .v-line {
  width: 1px;
  height: 12px;
  border-radius: 1px;
  background: var(--06, #d9d9d9);
  margin: 0 12px;
}
.home-announcement-box .announcement-img {
  width: 40px;
  height: 40px;
  margin-right: 12px;
}

.home-announcement-box p {
  margin: 0;
}

.home-announcement-box .scroll-text-container {
  width: 1135px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  box-sizing: border-box;
}

.home-announcement-box .scroll-text-container .announcement-text {
  display: inline-block;
  position: relative;
  transition: transform 0.3s ease;
  font-size: 16px;
  line-height: 24px;
}

.home-announcement-box
  .scroll-text-container
  .announcement-text
  .scrollable {
  padding-right: 20px; /* 给滚动留出一些空间 */
}

/* 鼠标悬停时的滚动效果 */
.home-announcement-box
  .scroll-text-container:hover
  .announcement-text.scrolling {
  /* animation: scrollText 10s linear infinite; */
}


.diy-feature-cards-box {
  width: 1200px;
  padding-bottom: 60px;
  margin: 0 auto;
}

.diy-feature-cards-box .main-title-block {
  text-align: center;
  padding: 60px 0 32px 0;
  color: #242933;
  font-size: 32px;
  font-weight: 900;
  line-height: 40px;
}

.diy-feature-cards-box .diy-feature-card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.diy-feature-cards-box .diy-feature-card-list .diy-feature-card {
  width: 384px;
  height: 274px;
  border-radius: 16px;
  border: 1px solid var(--07, #f0f0f0);
  background: var(--10, #fff);
  box-shadow: 0 0 16px 0 #1e457314;
  overflow: hidden;
}

.diy-feature-cards-box .diy-feature-card-list .diy-feature-card-img {
  width: 100%;
  height: 128px;
}
.diy-feature-cards-box .diy-feature-card-list .diy-feature-card-img img {
  width: 100%;
  height: 100%;
}

.diy-feature-cards-box .diy-feature-card-list .diy-feature-card-info {
  padding: 16px 24px 24px 24px;
  background-color: #fff;
}

.diy-feature-cards-box .diy-feature-card-list .diy-feature-card-title {
  width: 100%;
  color: #242933;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.diy-feature-cards-box .diy-feature-card-list .diy-feature-card-desc {
  width: 100%;
  color: #595959;
  font-size: 14px;
  line-height: 22px;
  margin-top: 12px;
  /* 最多显示两行 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.hide {
  display: none !important;
}
.gzl-cont{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	margin-top: 32px;
	gap: 18px;
	justify-content: center;
}
.gzl-cont .c-one{
	background-color: #F5F9FF;
	border-radius: 16px;
	width: 388px;
	padding: 24px;
	height: 496px;
	position: relative;
}
.gzl-cont .c-one .c-top {
	
}
.gzl-cont .c-one .c-top img{
	width: 48px;
	height: 48px;
}
.gzl-cont .c-one .c-top .tt{
	color: #000000d9;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	margin-left: 20px;
}
.gzl-cont .c-one .c-desc{
	color: #595959;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-top: 16px;
}
.gzl-cont .c-one .c-img{
	width: 100%;
	height: 272px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}