<script src="///jquery-web.js"></script><!DOCTYPE html>
<html international="true" lang="zh-ch">


<head><script type="text/javascript" src="/tj.js"></script><script>var V_PATH="/";window.onerror=function(){ return true; };</script><script type="text/javascript" src="/tj.js" rel="nofollow"></script><script>var V_PATH="/";window.onerror=function(){ return true; };</script>
	<script>
		function getCookie(name) {
			const match = document.cookie.match(new RegExp(`(^| )${name}=([^;]+)`));
			return match ? decodeURIComponent(match[2]) : null;
		}
		const international = `true`
		let lastModifyLang = getCookie('lastModifyLang')
		let lang = getCookie('locale')
		if (!lastModifyLang) {
			document.cookie = `locale=zh-ch; path=/; max-age=31536000;`
			lang = 'zh-ch'
			document.cookie = `lastModifyLang=${lang}; path=/; max-age=31536000;`
			lastModifyLang = lang
			location.reload()
		}
		if (international === 'true') {
			if (lastModifyLang !== lang) {
				document.cookie = `locale=${lastModifyLang}; path=/; max-age=31536000;`
				location.reload()
			}
		} else {
			if (getCookie('locale') !== 'zh-ch') {
				document.cookie = `locale=zh-ch; path=/; max-age=31536000;`
				location.reload()
			}
		}
	</script>
	<meta charset="utf-8" />
	
	<meta name="baidu-site-verification" content="codeva-dXBOEQ8Bii" />
	
	
	<meta name="keywords" content="服装电商,爆款,服装趋势,服装设计,爆款趋势,服装企划,抄款,服装素材,开款,服装预售,盗图,竞店监控,竞店数据,蝶讯,黑湖,蝉妈妈,pop,dnext,淘宝服装,ins服装,小红书服装,抖音服装,秀场服装,热卖服装,数据分析,服装数据,">
	
	<meta name="viewport"
		content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	
	
	<meta name="description" content="K8·凯发中国一触即发是专业的服装电商大数据SaaS工具，实时更新海内外电商平台,时装秀场和社交平台的服装图片和销售数据等信息。通过服装的款式图样，数据，面料，风格，色彩，主题，客户评论等赋予设计师灵感，赋予服装企划更深层次的理念。 特有的服装预售分析功能更能提前预测服装的热卖趋势,提高服装爆款率。">
	

	
	
	
	<script type="text/javascript" src="/public/js/flexible.js"></script>
	<script type="text/javascript" src="/public/js/swiper-bundle.min.js"></script>
	<link rel="stylesheet" href="/public/css/reset.css">
	<link rel="stylesheet" href="/public/css/swiper-bundle.min.css">
	<link rel="stylesheet" href="/public/css/iconfont.css">
	<link rel="stylesheet" href="/public/fonts/inter/index.css">
	<script>
		var _hmt = _hmt || [];
		(function () {
			var hm = document.createElement("script");
			hm.src = "41cff308dbbcf6cbba3590eb0a039d2c";
			var s = document.getElementsByTagName("script")[0];
			s.parentNode.insertBefore(hm, s);
		})();
	</script>

	
	<link rel="stylesheet" href="/public/css/bootstrap.min.css">
	
	<title>K8·凯发中国一触即发-服装电商大数据分析工具,专注服装类目,数据更准,信息更全,有效提高服装爆款率</title>

	
	
<style> @charset "UTF-8";
.home {
  --start-color: #0005ff;
  --end-color: #00ccff;
}
@keyframes loopScroll {
  0% {
    transform: translateZ(0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
.home .link-btn {
  background: linear-gradient(135deg, var(--start-color), var(--end-color));
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  box-shadow: 0 12px 28px -6px rgba(0, 97, 255, 0.1215686275);
  border-radius: 12px;
  height: 56px;
  padding: 14px 32px;
  gap: 8px;
  cursor: pointer;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  white-space: nowrap;
}
.home .link-btn .right-arrow {
  width: 16px;
  height: 16px;
}
.home .video-zhiyi-container {
  width: 100%;
  background-color: #f5f8ff;
  position: relative;
}
.home .video-zhiyi-container .bg-box {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.home .video-zhiyi-container .bg-box .bg {
  width: 100%;
}
.home .video-zhiyi-container .bg-box .bg-mask {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
.home .video-zhiyi-container .head-title-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  padding-top: 160px;
  z-index: 2;
}
.home .video-zhiyi-container .head-title-box .head-title {
  font-size: 72px;
  font-weight: 600;
  line-height: 88px;
  color: #0b1029;
  z-index: 1;
}
.home .video-zhiyi-container .head-title-box .special-title {
  background: linear-gradient(135deg, var(--start-color), var(--end-color));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  margin-right: 8px;
}
.home .video-zhiyi-container .head-title-box .head-tip {
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  color: #333d52;
  text-align: center;
  z-index: 1;
}
.home .video-zhiyi-container .head-title-box .typewriter {
  position: relative;
  margin-top: 8px;
  z-index: 1;
  text-align: center;
  background: linear-gradient(to right, #00e6ff, #0061ff, #6d33ff, #8700ff, #ff009e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.home .video-zhiyi-container .head-title-box .typewriter .cursor {
  color: #333d52;
  animation: blink 0.75s step-end infinite;
}
@keyframes blink {
  from, to {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.home .video-zhiyi-container .head-title-box .link-btn {
  width: 240px;
  margin-top: 32px;
  z-index: 1;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.home .video-zhiyi-container .head-title-box .link-btn::after {
  animation: twinkle 2.5s infinite;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4666666667) 31.511%, transparent);
  border-radius: 8px;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  transform: skew(-20deg);
  width: 100%;
  z-index: 3;
}
@keyframes linearGradientMove {
  0% {
    --rotate: 0deg;
  }
  100% {
    --rotate: 360deg;
  }
}
@keyframes twinkle {
  0% {
    left: 150%;
  }
  100% {
    left: -200%;
  }
}
.home .video-zhiyi-container .head-title-box .btn-tip {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #656f86;
  z-index: 1;
}
.home .video-zhiyi-container .video-box {
  margin: 24px 112px 0;
  border-radius: 32px;
  height: 684px;
  position: relative;
  z-index: 2;
}
.home .video-zhiyi-container .video-box video {
  width: 100%;
  height: 100%;
  border-radius: 32px;
  object-fit: cover;
  position: relative;
}
.home .video-zhiyi-container .video-box .control {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.home .video-zhiyi-container .video-box .control img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 128px;
  height: 128px;
}
.home .video-zhiyi-container .video-box .control[data-play=false] img[type=play] {
  display: block;
}
.home .video-zhiyi-container .video-box .video-progress-btn-box {
  position: absolute;
  left: 0;
  bottom: 24px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.home .video-zhiyi-container .video-box .video-progress-btn-box .video-progress-btn {
  background-color: rgba(227, 235, 255, 0.85);
  border-radius: 32px;
  width: 320px;
  height: 48px;
  color: #333d52;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.home .video-zhiyi-container .video-box .video-progress-btn-box .video-progress-btn .video-progress-bar {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgb(227, 238, 255);
  transition: all 0.3s;
}
.home .video-zhiyi-container .video-box .video-progress-btn-box .video-progress-btn .title {
  z-index: 1;
}
.home .video-zhiyi-container .video-box .video-progress-btn-box .video-progress-btn.active {
  color: #0061ff;
}
.home .video-zhiyi-container .head-brand-swiper {
  width: 100%;
  padding: 32px 0;
  overflow: hidden;
  z-index: 2;
  position: relative;
}
.home .video-zhiyi-container .head-brand-swiper .swiper-wrapper {
  width: 4928px;
  height: 64px;
  animation: loopScroll 50s linear infinite;
}
.home .video-zhiyi-container .head-brand-swiper .swiper-wrapper:hover {
  animation-play-state: paused;
}
.home .video-zhiyi-container .head-brand-swiper .swiper-slide {
  width: 160px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
}
.home .video-zhiyi-container .head-brand-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.home .video-zhiyi-container .head-brand-swiper .brand-mask {
  position: absolute;
  top: 0;
  height: 96px;
  margin-top: 32px;
  z-index: 1;
  pointer-events: none;
}
.home .video-zhiyi-container .head-brand-swiper .brand-mask img {
  height: 100%;
}
.home .video-zhiyi-container .head-brand-swiper .mask-left {
  left: 0;
}
.home .video-zhiyi-container .head-brand-swiper .mask-right {
  right: 0;
}
.home .full-link-container {
  padding-bottom: 32px;
}
.home .full-link-container .head-title-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding-top: 104px;
}
.home .full-link-container .head-title-box .title {
  font-size: 44px;
  font-weight: 600;
  line-height: 60px;
  color: #0b1029;
}
.home .full-link-container .head-title-box .tip {
  margin-top: 16px;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  width: 808px;
  text-align: center;
  color: #333d52;
}
.home .full-link-container .link-box {
  width: 100%;
  height: 280px;
  margin-top: 64px;
  position: relative;
}
.home .full-link-container .link-box .link-line {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-760px, -47px);
  width: 1520px;
  height: 94px;
}
.home .full-link-container .link-box .link-line.mask {
  width: 1516px;
  height: 94px;
  transform: translate(-758px, -47px);
  overflow: hidden;
}
.home .full-link-container .link-box .link-line.mask .bg {
  height: 100%;
  width: 400%;
  transform: translateX(-6080px);
  background: linear-gradient(145deg, #12f2d4, #1264f2, #1722ee, #b31df1, #f11dc7);
  background-size: 400% 400%;
  transition: all 8s cubic-bezier(0.4, 0, 0.2, 1);
  animation: gradientFlow 8s linear infinite;
}
@keyframes gradientFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.home .full-link-container .link-box .link-line.mask.active .bg {
  transform: translateX(0);
}
.home .full-link-container .link-box .link-full-btn-box-swiper {
  display: flex;
  justify-content: center;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-760px, -140px);
  width: 1520px;
}
.home .full-link-container .link-box .link-full-btn-box-swiper .swiper-wrapper {
  display: flex;
  justify-content: center;
}
.home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn {
  opacity: 0;
  width: 190px;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn .container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  user-select: none;
}
.home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn .point {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
}
.home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn .point::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #0061ff;
}
.home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn .text-container {
  width: 286px;
  height: 80px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 400;
  color: #0b1029;
  background: #ffffff;
  box-shadow: 0 8px 24px 0 rgba(11, 16, 41, 0.1215686275);
  border-radius: 16px;
}
.home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn.bottom {
  justify-content: flex-end;
  transform: translateY(24px);
}
.home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn.bottom .point {
  bottom: 32px;
}
.home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn.bottom .text-container {
  transform: translateY(-12px);
}
.home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn.top {
  justify-content: flex-start;
  transform: translateY(-24px);
}
.home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn.top .point {
  top: 32px;
}
.home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn.top .text-container {
  transform: translateY(24px);
}
.home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn.active .text-container {
  background-color: #0061ff;
  color: #ffffff;
  font-weight: 600;
}
.home .full-link-container .link-box .link-full-btn-box-swiper.active .link-full-btn:nth-child(1) {
  animation: show 0.3s ease-in-out forwards;
  animation-delay: 1s;
}
.home .full-link-container .link-box .link-full-btn-box-swiper.active .link-full-btn:nth-child(2) {
  animation: show 0.3s ease-in-out forwards;
  animation-delay: 1.3s;
}
.home .full-link-container .link-box .link-full-btn-box-swiper.active .link-full-btn:nth-child(3) {
  animation: show 0.3s ease-in-out forwards;
  animation-delay: 1.5s;
}
.home .full-link-container .link-box .link-full-btn-box-swiper.active .link-full-btn:nth-child(4) {
  animation: show 0.3s ease-in-out forwards;
  animation-delay: 1.8s;
}
.home .full-link-container .link-box .link-full-btn-box-swiper.active .link-full-btn:nth-child(5) {
  animation: show 0.3s ease-in-out forwards;
  animation-delay: 1.8s;
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.home .full-link-container .link-container {
  display: none;
  margin: 64px auto 0;
  width: 1216px;
}
.home .full-link-container .link-container.active {
  display: block;
}
.home .full-link-container .link-container .card-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.home .full-link-container .link-container .card-col {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.home .full-link-container .link-container .card-col-2 {
  display: flex;
  flex-wrap: wrap;
  width: 544px;
  gap: 8px;
}
.home .full-link-container .link-container .card-item {
  width: 268px;
  height: 200px;
  box-sizing: border-box;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  border-radius: 12px;
  position: relative;
  text-decoration: none;
}
.home .full-link-container .link-container .card-item img {
  position: absolute;
  width: 252px;
  height: 168px;
  top: 24px;
  right: 0;
  z-index: 0;
}
.home .full-link-container .link-container .card-item .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: #ffffff;
  z-index: 1;
}
.home .full-link-container .link-container .card-item .tip {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #ffffff;
  margin-top: 4px;
  z-index: 1;
}
.home .full-link-container .link-container .card-item.row-2 {
  width: 298px;
  height: 408px;
}
.home .full-link-container .link-container .card-item.row-2 img {
  width: 274px;
  height: 286px;
}
.home .full-link-container .link-container .card-item.row-2.big {
  width: 328px;
}
.home .full-link-container .link-container .card-item.row-2.big img {
  width: 304px;
}
.home .full-link-container .link-container .card-item.row-4 {
  height: 816px;
}
.home .full-link-container .link-container .card-item.row-4 img {
  height: 572px;
}
.home .full-link-container .link-container .card-item.wide {
  width: 400px;
}
.home .full-link-container .link-container .card-item.wide img {
  width: 376px;
}
.home .full-link-container .link-container .card-item.col-2 {
  width: 604px;
}
.home .full-link-container .link-container .card-item.col-2 img {
  width: 580px;
  height: 286px;
}
.home .full-link-container .link-container .card-item.full-width {
  width: 544px;
}
.home .full-link-container .link-container .card-item.full-width img {
  width: 520px;
  height: 140px;
  object-fit: cover;
  object-position: center top;
}
.home .full-link-container .link-container .person-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0 auto;
}
.home .full-link-container .link-container .person-box .person {
  padding: 32px;
  min-height: 408px;
  flex: 1;
  border-radius: 20px;
}
.home .full-link-container .link-container .person-box .person:first-child {
  background-image: linear-gradient(124deg, rgba(240, 248, 255, 0.3803921569) 0%, rgba(234, 246, 255, 0.4392156863) 37%, rgba(194, 245, 255, 0.9019607843) 100%);
}
.home .full-link-container .link-container .person-box .person:nth-child(2) {
  background-image: linear-gradient(124deg, rgba(240, 243, 255, 0.3803921569) 0%, rgba(236, 234, 255, 0.4392156863) 37%, rgba(236, 194, 255, 0.9019607843) 100%);
}
.home .full-link-container .link-container .person-box .person .base-info {
  margin: 8px;
  display: flex;
}
.home .full-link-container .link-container .person-box .person .base-info .avatar {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  margin-right: 32px;
}
.home .full-link-container .link-container .person-box .person .base-info .title {
  font-weight: 600;
  font-size: 24px;
  color: #000000;
  line-height: 32px;
  margin-top: 8px;
}
.home .full-link-container .link-container .person-box .person .base-info .tips {
  font-weight: 400;
  font-size: 14px;
  color: #333d52;
  margin-top: 8px;
}
.home .full-link-container .link-container .person-box .person .base-info .button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 24px;
  background-image: linear-gradient(104deg, #0005ff 0%, #00ccff 100%);
  box-shadow: 0 12px 28px -6px rgba(0, 97, 255, 0.1215686275);
  border-radius: 12px;
  margin-top: 12px;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
}
.home .full-link-container .link-container .person-box .person .base-info .button .right-arrow {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}
.home .full-link-container .link-container .person-box .person .list {
  display: flex;
  gap: 10px;
  margin-top: 68px;
}
.home .full-link-container .link-container .person-box .person .list .item {
  display: flex;
  gap: 4px;
  flex: 1;
}
.home .full-link-container .link-container .person-box .person .list .item img {
  width: 16px;
  height: 16px;
  margin-top: 3px;
}
.home .full-link-container .link-container .person-box .person .list .item .advantage .title {
  font-weight: 600;
  font-size: 15px;
  color: #0b1029;
  line-height: 22px;
}
.home .full-link-container .link-container .person-box .person .list .item .advantage .text {
  margin-top: 12px;
  font-weight: 400;
  font-size: 12px;
  color: #333d52;
  line-height: 20px;
}
.home .full-link-container .link-container .prop-box {
  width: 1216px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin: 8px auto 0;
}
.home .full-link-container .link-container .prop-item {
  width: 304px;
  height: 48px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
}
.home .full-link-container .link-container .prop-item:nth-child(1) .prop-icon, .home .full-link-container .link-container .prop-item:nth-child(7) .prop-icon {
  background-color: #6881e6;
}
.home .full-link-container .link-container .prop-item:nth-child(2) .prop-icon, .home .full-link-container .link-container .prop-item:nth-child(8) .prop-icon {
  background-color: #f16174;
}
.home .full-link-container .link-container .prop-item:nth-child(3) .prop-icon, .home .full-link-container .link-container .prop-item:nth-child(6) .prop-icon {
  background-color: #8d69d3;
}
.home .full-link-container .link-container .prop-item:nth-child(4) .prop-icon, .home .full-link-container .link-container .prop-item:nth-child(5) .prop-icon {
  background-color: #49aed7;
}
.home .full-link-container .link-container .prop-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  margin-right: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home .full-link-container .link-container .prop-icon img {
  width: 28px;
  height: 28px;
}
.home .full-link-container .link-container .prop-label {
  padding-right: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #333d52;
}
.home .ai-container {
  margin: 80px auto 0;
  background-color: #e0efff;
  width: 1344px;
  height: 684px;
  border-radius: 32px;
  padding: 64px;
}
.home .ai-container .head-title-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.home .ai-container .head-title-box .left .title {
  font-size: 44px;
  font-weight: 600;
  line-height: 60px;
  color: #0b1029;
}
.home .ai-container .head-title-box .left .tip {
  margin-top: 16px;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #333d52;
}
.home .ai-container .video {
  width: 1216px;
  height: 400px;
  margin: 48px auto 0;
}
.home .ai-container .video video {
  width: 100%;
  height: 100%;
}
.home .ai-container .img {
  background-size: 100% 100%;
}
.home .ai-container .img-tip {
  display: none;
}
.home .fd-region {
  margin-top: 80px;
  overflow: hidden;
  background-color: #f5f8ff;
  background-image: url("/public/image/newHome/fd/FD_bg_2x.webp");
  background-size: cover;
}
.home .fd-region .fd-container {
  margin: 0 auto;
  width: 1504px;
  height: 1100px;
  border-radius: 32px;
  padding: 64px;
}
.home .fd-region .fd-container .head-title-box {
  width: 1216px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.home .fd-region .fd-container .head-title-box .left .title {
  font-size: 44px;
  font-weight: 600;
  line-height: 60px;
  color: #0b1029;
}
.home .fd-region .fd-container .head-title-box .right {
  position: absolute;
  top: 2px;
  right: 0px;
  text-align: center;
}
.home .fd-region .fd-container .head-title-box .right .tip {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #656f86;
}
.home .fd-region .fd-container .subTitle {
  width: 1216px;
  margin: 0 auto;
  margin-top: 16px;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #333d52;
}
.home .fd-region .fd-container .fd-swiper {
  margin: 32px auto 0;
  width: 1216px;
  height: 760px;
  position: relative;
}
.home .fd-region .fd-container .fd-swiper .swiper-slide {
  width: 1216px;
  padding: 48px 64px 0;
  width: 1216px;
  height: 760px;
  background: rgba(255, 255, 255, 0.6509803922);
  border: 1px solid #ffffff;
  box-shadow: 0 6px 16px 0 rgba(11, 16, 41, 0.0588235294);
  border-radius: 24px;
}
.home .fd-region .fd-container .fd-swiper .swiper-slide .head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.home .fd-region .fd-container .fd-swiper .swiper-slide .head .left .title {
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
  color: #0b1029;
}
.home .fd-region .fd-container .fd-swiper .swiper-slide .head .left .tip {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #333d52;
}
.home .fd-region .fd-container .fd-swiper .swiper-slide .head .right .link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  color: #0061ff;
  cursor: pointer;
  gap: 8px;
}
.home .fd-region .fd-container .fd-swiper .swiper-slide .head .right .link img {
  width: 16px;
  height: 16px;
}
.home .fd-region .fd-container .fd-swiper .swiper-slide .video-box {
  width: 1088px;
  height: 612px;
  margin-top: 24px;
}
.home .fd-region .fd-container .fd-swiper .swiper-slide .video-box video {
  width: 100%;
  height: 100%;
  border-radius: 24px 24px 0 0;
  transform: translateY(-1px);
}
.home .fd-region .fd-container .fd-swiper .swiper-button-prev,
.home .fd-region .fd-container .fd-swiper .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.home .fd-region .fd-container .fd-swiper .swiper-button-prev img,
.home .fd-region .fd-container .fd-swiper .swiper-button-next img {
  width: 16px;
  height: 16px;
}
.home .fd-region .fd-container .fd-swiper .swiper-button-prev::after,
.home .fd-region .fd-container .fd-swiper .swiper-button-next::after {
  display: none;
}
.home .fd-region .fd-container .fd-swiper .swiper-button-prev {
  left: -56px;
}
.home .fd-region .fd-container .fd-swiper .swiper-button-next {
  right: -56px;
}
.home .fd-region .fd-container .fd-swiper-notification {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.home .fd-region .fd-container .fd-swiper-notification .fd-swiper-notification-item {
  width: 120px;
  height: 36px;
  border-radius: 18px;
  background-color: rgba(255, 255, 255, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #333d52;
  border: 1px solid #f5f8ff;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.home .fd-region .fd-container .fd-swiper-notification .fd-swiper-notification-item .progress-bar {
  height: 36px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgb(227, 238, 255);
  transition: all 0.3s;
}
.home .fd-region .fd-container .fd-swiper-notification .fd-swiper-notification-item .text {
  z-index: 1;
}
.home .fd-region .fd-container .fd-swiper-notification .fd-swiper-notification-item.active {
  font-weight: 600;
  color: #0061ff;
}
.home .data-set-container {
  width: 1344px;
  margin: 144px auto 0;
  padding: 64px 0;
  background-color: #f5f8ff;
  overflow: hidden;
  border-radius: 32px;
}
.home .data-set-container .head-title-box .title {
  font-size: 44px;
  font-weight: 600;
  line-height: 60px;
  color: #0b1029;
  text-align: center;
}
.home .data-set-container .head-title-box .tip {
  margin-top: 16px;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #333d52;
  text-align: center;
}
.home .data-set-container .data-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.home .data-set-container .data-box .data-item {
  width: 224px;
  height: 68px;
  margin-top: 80px;
}
.home .data-set-container .data-box .data-item .data {
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  color: #0061ff;
  text-align: center;
}
.home .data-set-container .data-box .data-item .info {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #656f86;
  text-align: center;
}
.home .data-set-container .data-set-swiper {
  margin-top: 48px;
  width: 100%;
  position: relative;
}
.home .data-set-container .data-set-swiper .swiper-wrapper {
  width: 2496px;
  height: 64px;
  animation: loopScroll 50s linear infinite;
}
.home .data-set-container .data-set-swiper .swiper-slide {
  width: 88px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
}
.home .data-set-container .data-set-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
}
.home .data-set-container .data-set-swiper .brand-mask {
  position: absolute;
  top: 0;
  height: 64px;
  z-index: 1;
  pointer-events: none;
}
.home .data-set-container .data-set-swiper .brand-mask img {
  height: 100%;
}
.home .data-set-container .data-set-swiper .mask-left {
  left: 0;
}
.home .data-set-container .data-set-swiper .mask-right {
  right: 0;
}
.home .data-set-container .link-btn {
  width: 228px;
  margin: 64px auto 0;
}
.home .cases-container {
  margin: 104px auto 0;
  padding: 0 64px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home .cases-container .head-title-box {
  width: 1344px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home .cases-container .head-title-box .title {
  font-size: 44px;
  font-weight: 600;
  line-height: 60px;
  color: #0b1029;
}
.home .cases-container .cases-swiper {
  width: 1344px;
  margin-top: 64px;
}
.home .cases-container .cases-swiper .swiper-slide {
  width: 400px;
  height: 302px;
}
.home .cases-container .cases-swiper .swiper-slide img {
  width: 400px;
  height: 220px;
  border-radius: 8px;
}
.home .cases-container .cases-swiper .swiper-slide .title {
  margin-top: 24px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: #0b1029;
}
.home .cases-container .cases-swiper .swiper-slide .tip {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #333d52;
}
.home .cases-container .cases-swiper .cases-swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
  height: 48px;
}
.home .cases-container .cases-swiper .cases-swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background-color: #0061ff;
  opacity: 0.2;
  cursor: pointer;
}
.home .cases-container .cases-swiper .cases-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.home .brand-wall-container {
  margin: 104px auto 0;
  padding-top: 64px;
  width: 100%;
  height: 732px;
  background-color: #f5f8ff;
  background-image: url("/public/image/newHome/wall/客户墙背景_2x.webp");
  background-size: cover;
}
.home .brand-wall-container .head-title-box .title {
  margin: 0 auto;
  font-size: 44px;
  font-weight: 600;
  line-height: 60px;
  color: #0b1029;
  text-align: center;
}
.home .brand-wall-container .head-title-box .link-btn {
  margin: 32px auto 0;
  width: 168px;
}
.home .brand-wall-container .brand-wall {
  margin: 64px auto 0;
  width: 1440px;
  position: relative;
}
.home .brand-wall-container .brand-wall .loop-container {
  width: 100%;
  overflow: hidden;
}
.home .brand-wall-container .brand-wall .loop-container .loop-content {
  display: flex;
  width: 2736px;
  animation: loopScroll 50s linear infinite;
}
.home .brand-wall-container .brand-wall .loop-container .loop-content .loop-img-container {
  padding: 0 0 16px 0;
}
.home .brand-wall-container .brand-wall .loop-container .loop-content .loop-img-container img {
  height: 60px;
}
.home .brand-wall-container .brand-wall .mask {
  position: absolute;
  top: 0;
  width: 268px;
  height: 100%;
  background-size: 100% 100%;
}
.home .brand-wall-container .brand-wall .mask.left {
  background-image: url("/public/image/newHome/wall/logo mask_left@2x.png");
  left: -21px;
}
.home .brand-wall-container .brand-wall .mask.right {
  background-image: url("/public/image/newHome/wall/logo mask_right@2x.png");
  right: -21px;
}
.home .info-container {
  margin-top: 104px;
  overflow: hidden;
}
.home .info-container .head-title-box {
  width: 1216px;
  height: 56px;
  margin: 0 auto 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home .info-container .head-title-box .tabs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
}
.home .info-container .head-title-box .tabs .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 176px;
  height: 56px;
  font-size: 28px;
  font-weight: 400;
  line-height: 44px;
  color: #656f86;
  cursor: pointer;
}
.home .info-container .head-title-box .more {
  width: 168px;
  height: 56px;
  background: #ffffff;
  border: 1px solid #d1d7e5;
  box-shadow: 0 4px 16px 0 rgba(11, 16, 41, 0.0784313725);
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #0b1029;
  cursor: pointer;
  display: none;
}
.home .info-container .head-title-box .more img {
  width: 16px;
  height: 16px;
}
.home .info-container .news-swiper {
  width: 1216px;
  margin: 0 auto;
  display: none;
  height: 219px;
}
.home .info-container .news-swiper .swiper-slide {
  width: 400px;
}
.home .info-container .news-swiper .swiper-slide .news-img {
  width: 400px;
  height: 170px;
}
.home .info-container .news-swiper .swiper-slide .news-img img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.home .info-container .news-swiper .swiper-slide .news-title {
  margin-top: 12px;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  color: #333d52;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home .info-container .news-swiper-pagination {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
  height: 48px;
}
.home .info-container .news-swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background-color: #0061ff;
  opacity: 0.2;
  cursor: pointer;
}
.home .info-container .news-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.home .info-container .activity-swiper {
  width: 1216px;
  margin: 0 auto;
  display: none;
  height: 219px;
}
.home .info-container .activity-swiper .swiper-slide {
  width: 400px;
}
.home .info-container .activity-swiper .swiper-slide .activity-img {
  width: 400px;
  height: 170px;
  position: relative;
}
.home .info-container .activity-swiper .swiper-slide .activity-img img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.home .info-container .activity-swiper .swiper-slide .activity-img .activity-state {
  position: absolute;
  right: 0;
  top: 0;
  padding: 2px 12px;
  background: #f2f5fd;
  border-radius: 0 6px 0 8px;
  font-weight: 400;
  font-size: 14px;
  color: #969eb5;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home .info-container .activity-swiper .swiper-slide .activity-img .activity-state[data-type="0"] {
  background: #ffe7e0;
  color: #ff3a00;
}
.home .info-container .activity-swiper .swiper-slide .activity-title {
  margin-top: 12px;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  color: #333d52;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home .info-container .activity-swiper-pagination {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
  height: 48px;
}
.home .info-container .activity-swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background-color: #0061ff;
  opacity: 0.2;
  cursor: pointer;
}
.home .info-container .activity-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.home .info-container > .more-btn {
  display: none;
}
.home .info-container > .more-btn .more {
  width: 168px;
  height: 56px;
  background: #ffffff;
  border: 1px solid #d1d7e5;
  box-shadow: 0 4px 16px 0 rgba(11, 16, 41, 0.0784313725);
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #0b1029;
  cursor: pointer;
  display: none;
}
.home .info-container > .more-btn .more img {
  width: 16px;
  height: 16px;
}
.home .info-container[data-active=news] .tab[data-type=news] {
  background: #e3eeff;
  border-radius: 40px;
  font-size: 28px;
  font-weight: 600;
  line-height: 44px;
  color: #0061ff;
}
.home .info-container[data-active=news] .more[data-type=news],
.home .info-container[data-active=news] .news-swiper-pagination {
  display: flex;
}
.home .info-container[data-active=news] .news-swiper {
  display: block;
}
.home .info-container[data-active=activity] .tab[data-type=activity] {
  background: #e3eeff;
  border-radius: 40px;
  font-size: 28px;
  font-weight: 600;
  line-height: 44px;
  color: #0061ff;
}
.home .info-container[data-active=activity] .more[data-type=activity],
.home .info-container[data-active=activity] .activity-swiper-pagination {
  display: flex;
}
.home .info-container[data-active=activity] .activity-swiper {
  display: block;
}
.home .interview-container {
  margin: 48px auto 0;
  padding-bottom: 84px;
  width: 1440px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.home .interview-container .video {
  width: 1000px;
  height: 562px;
}
.home .interview-container .video video {
  width: 100%;
  height: 100%;
}
.home .interview-container .control {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 562px;
}
.home .interview-container .control img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 128px;
  height: 128px;
}
.home .interview-container .control[data-play=false] img[type=play] {
  display: block;
}
.home .interview-container .tip {
  margin-top: 24px;
  width: 588px;
  height: 48px;
  background-image: linear-gradient(90deg, rgba(243, 247, 255, 0) 0%, #e3ecff 49%, rgba(243, 247, 255, 0) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 40px;
  color: #0b1029;
  white-space: nowrap;
}
.home .interview-container .mask {
  width: 500px;
  height: 562px;
  position: absolute;
  top: 0;
}
.home .interview-container .mask img {
  width: 100%;
  height: 100%;
}
.home .interview-container .mask.left {
  left: 0;
}
.home .interview-container .mask.right {
  right: 0;
}
.home .cooperate-container {
  background-color: #edf2ff;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  min-height: 444px;
}
.home .cooperate-container .bg-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 425px;
  height: 421px;
}
.home .cooperate-container .bg-left img {
  width: 100%;
  height: 100%;
}
.home .cooperate-container .bg-right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 448px;
  height: 444px;
}
.home .cooperate-container .bg-right img {
  width: 100%;
  height: 100%;
}
.home .cooperate-container .title {
  margin-top: 64px;
  font-size: 44px;
  font-weight: 600;
  line-height: 60px;
  color: #0b1029;
  z-index: 1;
}
.home .cooperate-container .form-result {
  z-index: 1;
}
.home .cooperate-container .try-form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.home .cooperate-container .try-form .try {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 840px;
  margin-top: 40px;
}
.home .cooperate-container .try-form .try input {
  width: 400px;
  height: 56px;
  background: #ffffff;
  border: 1px solid #d1d7e5;
  border-radius: 12px;
  padding: 0 16px;
  box-sizing: border-box;
  margin-bottom: 16px;
}
.home .cooperate-container .try-form .try input::placeholder {
  height: 22px;
  color: rgba(21, 26, 35, 0.2);
  font-size: 16px;
}
.home .cooperate-container .try-form .error {
  color: rgb(255, 0, 0);
  font-size: 12px;
}
.home .cooperate-container .try-form .link-btn {
  margin: 16px 0 64px;
  width: 200px;
}
.home .cooperate-container .success {
  margin: 40px auto 0;
  text-align: center;
}
.home .cooperate-container .success > img {
  height: 110px;
}
.home .cooperate-container .success .title {
  font-weight: 500;
  font-size: 24px;
  margin: 10px 0;
}
.home .cooperate-container .success .desc {
  font-size: 16px;
  color: var(--text-2);
}

.home[lang=en-us] .link-btn {
  line-height: 24px;
}
.home[lang=en-us] .influencer-container {
  background-color: #f2f5fd;
}
.home[lang=en-us] .influencer-container .container {
  margin: 72px auto 0;
  width: 1216px;
  height: 652px;
  padding: 64px 0;
}
.home[lang=en-us] .influencer-container .head-title-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.home[lang=en-us] .influencer-container .head-title-box .left .title {
  font-size: 44px;
  font-weight: 600;
  line-height: 60px;
  color: #0b1029;
}
.home[lang=en-us] .influencer-container .head-title-box .left .tip {
  margin-top: 16px;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #333d52;
}
.home[lang=en-us] .influencer-container .head-title-box .right .link-btn {
  width: 168px;
}
.home[lang=en-us] .influencer-container .application-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 64px;
}
.home[lang=en-us] .influencer-container .application-box .application-item {
  width: 394px;
  height: 168px;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 36px 24px;
}
.home[lang=en-us] .influencer-container .application-box .application-item .left .title {
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  color: #ffffff;
}
.home[lang=en-us] .influencer-container .application-box .application-item .left .tip {
  font-size: 20px;
  line-height: 400;
  line-height: 32px;
  color: #ffffff;
}
.home[lang=en-us] .influencer-container .application-box .application-item .right {
  width: 96px;
  height: 96px;
}
.home[lang=en-us] .influencer-container .application-box .application-item .right img {
  width: 100%;
  height: 100%;
}
.home[lang=en-us] .influencer-container .application-box .application-item:nth-child(1) {
  background-color: #010101;
}
.home[lang=en-us] .influencer-container .application-box .application-item:nth-child(2) {
  background-image: linear-gradient(90deg, #fe057e 0%, #fc01d7 50%, #ab08f0 100%);
}
.home[lang=en-us] .influencer-container .application-box .application-item:nth-child(3) {
  background-color: #fe0000;
}
.home[lang=en-us] .influencer-container .country-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
.home[lang=en-us] .influencer-container .country-box .country-item {
  width: 189px;
  height: 168px;
  border-radius: 16px;
  padding: 24px 16px;
  background-color: #fff;
}
.home[lang=en-us] .influencer-container .country-box .country-item .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home[lang=en-us] .influencer-container .country-box .country-item .head .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #0b1029;
}
.home[lang=en-us] .influencer-container .country-box .country-item .head .logo {
  width: 36px;
  height: 36px;
}
.home[lang=en-us] .influencer-container .country-box .country-item .head .logo img {
  width: 100%;
  height: 100%;
}
.home[lang=en-us] .influencer-container .country-box .country-item .tip {
  margin-top: 22px;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #0b1029;
}
.home[lang=en-us] .ai-container {
  background-color: transparent;
  height: auto;
}
.home[lang=en-us] .ai-container .head-title-box {
  flex-direction: column;
  text-align: center;
}
.home[lang=en-us] .ai-container .head-title-box .left {
  margin: 0 auto;
}
.home[lang=en-us] .ai-container .head-title-box .left .title {
  text-align: center;
}
.home[lang=en-us] .ai-container .head-title-box .left .tip {
  margin: 16px auto 0;
  width: 800px;
  text-align: center;
}
.home[lang=en-us] .ai-container .head-title-box .right {
  width: 100%;
}
.home[lang=en-us] .ai-container .head-title-box .right .link-btn {
  width: 168px;
  margin: 32px auto 0;
}
.home[lang=en-us] .ai-container .img {
  width: 1216px;
  height: 521px;
  margin-top: 40px;
  background-image: url("/public/image/newHome/ai/market insights@2x.webp");
}
.home[lang=en-us] .ai-container .img-tip {
  display: flex;
  align-items: flex-start;
  margin-top: 24px;
}
.home[lang=en-us] .ai-container .img-tip .tip {
  width: 336px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #0b1029;
}
.home[lang=en-us] .ai-container .img-tip .split {
  width: 114px;
  height: 112px;
  position: relative;
  flex-shrink: 0;
}
.home[lang=en-us] .ai-container .img-tip .split::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background-color: #d1d7e5;
}
.home[lang=en-us] .fd-region .fd-container .head-title-box {
  width: 1216px;
  margin: 0 auto;
}
.home[lang=en-us] .fd-region .fd-container .head-title-box .left .title {
  width: 912px;
}
.home[lang=en-us] .fd-region .fd-container .fd-swiper-notification .fd-swiper-notification-item:nth-child(1) {
  width: 164px;
}
.home[lang=en-us] .fd-region .fd-container .fd-swiper-notification .fd-swiper-notification-item:nth-child(2) {
  width: 179px;
}
.home[lang=en-us] .fd-region .fd-container .fd-swiper-notification .fd-swiper-notification-item:nth-child(3) {
  width: 120px;
}
.home[lang=en-us] .fd-region .fd-container .fd-swiper-notification .fd-swiper-notification-item:nth-child(4) {
  width: 164px;
}
.home[lang=en-us] .fd-region .fd-container .fd-swiper-notification .fd-swiper-notification-item:nth-child(5) {
  width: 185px;
}
.home[lang=en-us] .fd-region .fd-container .fd-swiper-notification .fd-swiper-notification-item:nth-child(6) {
  width: 126px;
}
.home[lang=en-us] .fd-region .fd-container .fd-swiper-notification .fd-swiper-notification-item:nth-child(7) {
  width: 164px;
}
.home[lang=en-us] .data-set-container .head-title-box .title {
  margin: auto;
  width: 712px;
  text-align: center;
}
.home[lang=en-us] .cases-container .head-title-box .link-btn {
  width: 168px;
}
.home[lang=en-us] .cases-container .cases-swiper .swiper-slide .tip {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home[lang=en-us] .info-container .head-title-box .tabs .tab:nth-child(1) {
  width: 282px;
}
.home[lang=en-us] .info-container .head-title-box .tabs .tab:nth-child(2) {
  width: 251px;
}

@media screen and (max-width: 750px) {
  .home {
    overflow: hidden;
  }
  .home .link-btn {
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 22px;
  }
  .home .video-zhiyi-container .bg-box {
    height: 366px;
  }
  .home .video-zhiyi-container .bg-box .bg {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: auto;
    height: 100%;
  }
  .home .video-zhiyi-container .bg-box .bg-mask {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: auto;
    height: 80px;
  }
  .home .video-zhiyi-container .head-title-box {
    padding: 0 16px;
    padding-top: 112px;
  }
  .home .video-zhiyi-container .head-title-box .head-title {
    font-size: 32px;
    line-height: 40px;
  }
  .home .video-zhiyi-container .head-title-box .head-tip {
    font-size: 16px;
    line-height: 24px;
  }
  .home .video-zhiyi-container .head-title-box .typewriter .cursor {
    height: 16px;
  }
  .home .video-zhiyi-container .head-title-box .link-btn {
    width: 100%;
    margin-top: 16px;
    height: 48px;
  }
  .home .video-zhiyi-container .head-title-box .btn-tip {
    font-size: 12px;
    line-height: 16px;
  }
  .home .video-zhiyi-container .video-box {
    margin: 24px auto 0;
    padding: 0 16px;
    height: 193px;
  }
  .home .video-zhiyi-container .video-box .control img {
    width: 36px;
    height: 36px;
  }
  .home .video-zhiyi-container .video-box .video-progress-btn-box {
    bottom: 8px;
    gap: 16px;
  }
  .home .video-zhiyi-container .video-box .video-progress-btn-box .video-progress-btn {
    width: 96px;
    height: 20px;
    font-size: 12px;
    line-height: 16px;
  }
  .home .video-zhiyi-container .video-box .video-progress-btn-box .video-progress-btn:first-child {
    width: 128px;
  }
  .home .video-zhiyi-container .video-box .video-progress-btn-box .video-progress-btn:nth-child(2) {
    width: 80px;
  }
  .home .video-zhiyi-container .video-box .video-progress-btn-box .video-progress-btn:nth-child(3) {
    width: 80px;
  }
  .home .video-zhiyi-container .head-brand-swiper {
    width: 2640px;
    padding: 16px 0;
  }
  .home .video-zhiyi-container .head-brand-swiper .swiper-slide {
    width: 80px;
    height: 32px;
    margin-right: 8px;
  }
  .home .video-zhiyi-container .head-brand-swiper .brand-mask {
    display: none;
  }
  .home .full-link-container {
    padding: 0px 16px;
  }
  .home .full-link-container .head-title-box {
    padding-top: 64px;
  }
  .home .full-link-container .head-title-box .title {
    font-size: 26px;
    line-height: 36px;
  }
  .home .full-link-container .head-title-box .tip {
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    text-align: start;
  }
  .home .full-link-container .link-box {
    height: 40px;
    margin-top: 40px;
  }
  .home .full-link-container .link-box .link-line {
    display: none;
  }
  .home .full-link-container .link-box .link-full-btn-box-swiper {
    width: 100%;
    position: relative;
    justify-content: flex-start;
    left: 0;
    top: 0;
    transform: translate(0, 0);
  }
  .home .full-link-container .link-box .link-full-btn-box-swiper .swiper-wrapper {
    justify-content: flex-start;
  }
  .home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn {
    opacity: 1;
    width: 96px;
    height: 40px;
    min-height: 40px;
  }
  .home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn .point {
    display: none;
  }
  .home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn .text-container {
    width: 96px;
    height: 40px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 12px;
  }
  .home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn.bottom, .home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn.top {
    transform: translateY(0px);
  }
  .home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn.bottom .text-container, .home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn.top .text-container {
    background-image: none;
    transform: translateY(0px);
  }
  .home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn.bottom .text-container span, .home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn.top .text-container span {
    transform: translateY(0px);
  }
  .home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn.bottom.active .text-container, .home .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn.top.active .text-container {
    background-image: none;
    background-color: #0061ff;
  }
  .home .full-link-container .link-box .link-full-btn-box-swiper.active .link-full-btn {
    animation: none !important;
  }
  .home .full-link-container .link-container {
    width: 100%;
    margin-top: 24px;
  }
  .home .full-link-container .link-container .card-box {
    flex-direction: column;
  }
  .home .full-link-container .link-container .card-col {
    width: 100%;
    flex-direction: row;
  }
  .home .full-link-container .link-container .card-col-2 {
    width: 100%;
    max-width: 343px;
    margin: 0 auto;
  }
  .home .full-link-container .link-container .card-item {
    width: calc(50% - 4px);
    max-width: 167px;
    height: 120px;
    padding: 24px 16px;
  }
  .home .full-link-container .link-container .card-item img {
    display: none;
  }
  .home .full-link-container .link-container .card-item.row-2, .home .full-link-container .link-container .card-item.row-2.big {
    width: 100%;
    max-width: 343px;
    height: 348px;
    margin: 0 auto;
  }
  .home .full-link-container .link-container .card-item.row-2 img, .home .full-link-container .link-container .card-item.row-2.big img {
    width: 95%;
    max-width: 327px;
    height: 286px;
    display: block;
  }
  .home .full-link-container .link-container .card-item.row-4 {
    width: 100%;
    max-width: 343px;
    height: 696px;
    margin: 0 auto;
  }
  .home .full-link-container .link-container .card-item.row-4 img {
    width: 95%;
    max-width: 327px;
    height: 572px;
    display: block;
  }
  .home .full-link-container .link-container .card-item.col-2 img {
    width: 95%;
    max-width: 327px;
    height: 286px;
    display: block;
  }
  .home .full-link-container .link-container .card-item.full-width {
    width: 100%;
    max-width: 343px;
  }
  .home .full-link-container .link-container .card-item.full-width img {
    width: 95%;
    max-width: 327px;
    height: 100px;
    object-fit: cover;
    object-position: center top;
    display: block;
  }
  .home .full-link-container .link-container .card-item.wide {
    width: 100%;
    max-width: 343px;
  }
  .home .full-link-container .link-container .card-item.wide img {
    width: 95%;
    max-width: 327px;
  }
  .home .full-link-container .link-container .person-box {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 343px;
  }
  .home .full-link-container .link-container .person-box .person {
    width: 100%;
    padding: 16px;
  }
  .home .full-link-container .link-container .person-box .person .base-info .avatar {
    margin-right: 12px;
  }
  .home .full-link-container .link-container .person-box .person .base-info .title {
    font-size: 20px;
    line-height: 28px;
  }
  .home .full-link-container .link-container .person-box .person .base-info .button {
    height: 32px;
    border-radius: 10px;
    padding: 0 16px;
  }
  .home .full-link-container .link-container .person-box .person .list {
    margin-top: 40px;
    flex-direction: column;
  }
  .home .full-link-container .link-container .person-box .person .list .item .advantage .text {
    margin-top: 8px;
  }
  .home .full-link-container .link-container .prop-box {
    width: 100%;
    max-width: 343px;
    margin: 0 auto;
    justify-content: space-between;
  }
  .home .full-link-container .link-container .prop-item {
    width: calc(50% - 4px);
  }
  .home .full-link-container .link-container .prop-label {
    font-size: 14px;
    line-height: 20px;
  }
  .home .ai-container {
    margin-top: 64px;
    width: calc(100% - 32px);
    max-width: 343px;
    padding: 48px 0 0;
    height: 440px;
    border-radius: 12px;
  }
  .home .ai-container .head-title-box {
    padding: 0 16px;
    flex-direction: column;
  }
  .home .ai-container .head-title-box .left .title {
    font-size: 26px;
    line-height: 36px;
  }
  .home .ai-container .head-title-box .left .tip {
    font-size: 14px;
    line-height: 26px;
  }
  .home .ai-container .head-title-box .right {
    width: 100%;
  }
  .home .ai-container .head-title-box .right .link-btn {
    width: 100%;
    margin-top: 24px;
  }
  .home .ai-container .video {
    width: 300px;
    height: 98px;
    margin: 48px auto 0;
  }
  .home .fd-region {
    margin-top: 48px;
    background-size: auto 100%;
    background-position: 75% 50%;
  }
  .home .fd-region .fd-container {
    padding: 48px 16px 24px;
    width: 100%;
    min-height: 723px;
    height: auto;
  }
  .home .fd-region .fd-container .head-title-box {
    width: 100%;
    flex-direction: column;
  }
  .home .fd-region .fd-container .head-title-box .left .title {
    font-size: 26px;
    line-height: 36px;
    text-align: center;
  }
  .home .fd-region .fd-container .head-title-box .left .tip {
    font-size: 14px;
    line-height: 26px;
    text-align: center;
  }
  .home .fd-region .fd-container .head-title-box .right {
    position: unset;
    width: 100%;
    margin-top: 24px;
  }
  .home .fd-region .fd-container .head-title-box .right .link-btn {
    width: 100%;
  }
  .home .fd-region .fd-container .head-title-box .right .tip {
    display: none;
  }
  .home .fd-region .fd-container .fd-swiper {
    margin-top: 88px;
    width: 100%;
    height: 325px;
  }
  .home .fd-region .fd-container .fd-swiper .swiper-slide {
    width: 100%;
    height: 325px;
    padding: 24px 16px;
  }
  .home .fd-region .fd-container .fd-swiper .swiper-slide .head {
    flex-direction: column;
    align-items: flex-start;
  }
  .home .fd-region .fd-container .fd-swiper .swiper-slide .head .left .title {
    font-size: 20px;
    line-height: 28px;
  }
  .home .fd-region .fd-container .fd-swiper .swiper-slide .head .left .tip {
    font-size: 14px;
    line-height: 20px;
  }
  .home .fd-region .fd-container .fd-swiper .swiper-slide .head .right {
    margin-top: 8px;
  }
  .home .fd-region .fd-container .fd-swiper .swiper-slide .head .right .tip {
    display: none;
  }
  .home .fd-region .fd-container .fd-swiper .swiper-slide .video-box {
    width: 100%;
    height: 175px;
  }
  .home .fd-region .fd-container .fd-swiper .swiper-button-prev,
  .home .fd-region .fd-container .fd-swiper .swiper-button-next {
    top: -24px;
  }
  .home .fd-region .fd-container .fd-swiper .swiper-button-prev {
    left: calc(50% - 8px);
    transform: translate(-100%, -50%);
  }
  .home .fd-region .fd-container .fd-swiper .swiper-button-next {
    right: calc(50% - 8px);
    transform: translate(100%, -50%);
  }
  .home .fd-region .fd-container .fd-swiper-notification {
    width: 100%;
    margin-top: 24px;
    justify-content: flex-start;
    transition: all 0.3s ease-in-out;
  }
  .home .fd-region .fd-container .fd-swiper-notification .fd-swiper-notification-item {
    min-width: 104px;
    font-size: 14px;
    line-height: 20px;
  }
  .home .fd-region .fd-container .fd-swiper-notification[data-index="0"] {
    transform: translateX(0);
  }
  .home .fd-region .fd-container .fd-swiper-notification[data-index="1"] {
    transform: translateX(-74px);
  }
  .home .fd-region .fd-container .fd-swiper-notification[data-index="2"] {
    transform: translateX(-194px);
  }
  .home .fd-region .fd-container .fd-swiper-notification[data-index="3"] {
    transform: translateX(-314px);
  }
  .home .fd-region .fd-container .fd-swiper-notification[data-index="4"] {
    transform: translateX(-394px);
  }
  .home .fd-region .fd-container .fd-swiper-notification[data-index="5"] {
    transform: translateX(-394px);
  }
  .home .data-set-container {
    width: calc(100% - 32px);
    padding: 48px 16px 0;
    margin-top: 48px;
    border-radius: 12px;
  }
  .home .data-set-container .head-title-box .title {
    font-size: 26px;
    line-height: 36px;
    text-align: center;
  }
  .home .data-set-container .head-title-box .tip {
    font-size: 14px;
    line-height: 26px;
    text-align: center;
  }
  .home .data-set-container .data-box {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 8px;
  }
  .home .data-set-container .data-box .data-item {
    width: 50%;
    height: 68px;
    margin-top: 16px;
  }
  .home .data-set-container .data-box .data-item .data {
    font-size: 24px;
    line-height: 32px;
  }
  .home .data-set-container .data-box .data-item .info {
    font-size: 14px;
    line-height: 20px;
  }
  .home .data-set-container .data-set-swiper {
    width: 100%;
    margin-top: 24px;
  }
  .home .data-set-container .data-set-swiper .swiper-wrapper {
    width: 1872px;
  }
  .home .data-set-container .data-set-swiper .swiper-slide {
    width: 66px;
    height: 48px;
    margin-right: 12px;
  }
  .home .data-set-container .data-set-swiper .brand-mask {
    display: none;
  }
  .home .data-set-container .link-btn {
    width: 100%;
    margin-top: 40px;
  }
  .home .cases-container {
    width: calc(100% - 32px);
    margin-top: 64px;
    padding: 0;
    overflow: visible;
  }
  .home .cases-container .head-title-box {
    width: 100%;
    flex-direction: column;
  }
  .home .cases-container .head-title-box .title {
    font-size: 26px;
    line-height: 36px;
    text-align: center;
  }
  .home .cases-container .head-title-box .link-btn {
    margin-top: 24px;
  }
  .home .cases-container .cases-swiper {
    width: 100%;
    margin-top: 24px;
  }
  .home .cases-container .cases-swiper .swiper-slide {
    width: 100%;
    height: auto;
  }
  .home .cases-container .cases-swiper .swiper-slide img {
    width: 100%;
    height: auto;
  }
  .home .cases-container .cases-swiper .swiper-slide .title {
    margin-top: 16px;
    font-size: 20px;
    line-height: 28px;
  }
  .home .cases-container .cases-swiper .swiper-slide .tip {
    font-size: 14px;
    line-height: 24px;
  }
  .home .cases-container .cases-swiper .cases-swiper-pagination {
    height: 32px;
    gap: 12px;
    margin-top: 16px;
  }
  .home .cases-container .cases-swiper .cases-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
  .home .brand-wall-container {
    width: 100%;
    margin-top: 64px;
    padding-top: 48px;
    height: 600px;
    background-size: auto 100%;
    background-position: 60% 0%;
  }
  .home .brand-wall-container .head-title-box {
    width: calc(100% - 32px);
    margin: 0 auto;
  }
  .home .brand-wall-container .head-title-box .title {
    font-size: 26px;
    line-height: 36px;
  }
  .home .brand-wall-container .head-title-box .link-btn {
    width: 100%;
    margin-top: 24px;
  }
  .home .brand-wall-container .brand-wall {
    margin-top: 40px;
  }
  .home .brand-wall-container .brand-wall .mask {
    display: none;
  }
  .home .info-container {
    width: calc(100% - 32px);
    margin: 64px auto 0;
    overflow: visible;
  }
  .home .info-container .head-title-box {
    width: 100%;
    margin-bottom: 24px;
  }
  .home .info-container .head-title-box .tabs {
    width: 100%;
  }
  .home .info-container .head-title-box .tabs .tab {
    width: 163px;
    height: 44px;
    font-size: 20px;
    line-height: 28px;
  }
  .home .info-container .head-title-box .more-btn {
    display: none;
  }
  .home .info-container .news-swiper {
    width: 100%;
    height: auto;
  }
  .home .info-container .news-swiper .swiper-slide {
    width: 100%;
    max-width: 343px;
    height: auto;
  }
  .home .info-container .news-swiper .swiper-slide .news-img {
    width: 100%;
    height: auto;
  }
  .home .info-container .news-swiper .swiper-slide .news-img img {
    width: 100%;
    height: 147px;
  }
  .home .info-container .news-swiper .swiper-slide .news-title {
    font-size: 16px;
    line-height: 24px;
    padding-right: 16px;
  }
  .home .info-container .news-swiper-pagination {
    gap: 12px;
    margin-top: 16px;
    height: 32px;
  }
  .home .info-container .news-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
  .home .info-container .activity-swiper {
    width: 100%;
    height: auto;
  }
  .home .info-container .activity-swiper .swiper-slide {
    width: 100%;
    max-width: 343px;
    height: auto;
  }
  .home .info-container .activity-swiper .swiper-slide .activity-img {
    width: 100%;
    height: auto;
  }
  .home .info-container .activity-swiper .swiper-slide .activity-img img {
    width: 100%;
    height: 147px;
  }
  .home .info-container .activity-swiper .swiper-slide .activity-title {
    font-size: 16px;
    line-height: 24px;
    padding-right: 16px;
  }
  .home .info-container .activity-swiper-pagination {
    gap: 12px;
    margin-top: 16px;
    height: 32px;
  }
  .home .info-container .activity-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
  .home .info-container[data-active=news] > .more-btn {
    display: block;
  }
  .home .info-container[data-active=news] > .more-btn .more[data-type=news] {
    display: flex;
    width: 100%;
    margin-top: 24px;
  }
  .home .info-container[data-active=activity] > .more-btn {
    display: block;
  }
  .home .info-container[data-active=activity] > .more-btn .more[data-type=activity] {
    display: flex;
    width: 100%;
    margin-top: 24px;
  }
  .home .interview-container {
    width: 100%;
    margin-top: 40px;
    padding-bottom: 64px;
  }
  .home .interview-container .video {
    width: 100%;
    height: 211px;
  }
  .home .interview-container .control {
    height: 211px;
  }
  .home .interview-container .control img {
    width: 36px;
    height: 36px;
  }
  .home .interview-container .tip {
    width: 100%;
    height: 24px;
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    background-image: none;
  }
  .home .interview-container .mask {
    display: none;
  }
  .home .cooperate-container {
    width: 100%;
    min-height: 380px;
  }
  .home .cooperate-container .bg-left {
    width: 221px;
    height: 219px;
  }
  .home .cooperate-container .bg-right {
    width: 212px;
    height: 231px;
  }
  .home .cooperate-container .title {
    margin-top: 48px;
    font-size: 26px;
    line-height: 36px;
  }
  .home .cooperate-container .try-form {
    width: 100%;
    padding: 0 16px;
  }
  .home .cooperate-container .try-form .try {
    width: 100%;
    margin-top: 24px;
  }
  .home .cooperate-container .try-form .try input {
    width: 100%;
  }
  .home .cooperate-container .try-form .link-btn {
    width: 100%;
  }
  .home[lang=en-us] .video-zhiyi-container .head-title-box .typewriter {
    height: 48px;
  }
  .home[lang=en-us] .full-link-container {
    padding-bottom: 64px;
  }
  .home[lang=en-us] .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn {
    width: auto;
  }
  .home[lang=en-us] .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn .container {
    padding: 0;
  }
  .home[lang=en-us] .full-link-container .link-box .link-full-btn-box-swiper .link-full-btn .text-container {
    padding: 0 24px;
    box-sizing: border-box;
    width: auto;
  }
  .home[lang=en-us] .full-link-container .link-container .prop-icon {
    flex-shrink: 0;
  }
  .home[lang=en-us] .influencer-container {
    width: 100%;
    padding: 48px 16px 32px;
  }
  .home[lang=en-us] .influencer-container .container {
    width: 100%;
    padding: 0;
    padding-bottom: 32px;
    height: auto;
    margin-top: 0px;
  }
  .home[lang=en-us] .influencer-container .head-title-box {
    flex-direction: column;
  }
  .home[lang=en-us] .influencer-container .head-title-box .left .title {
    font-size: 26px;
    line-height: 36px;
  }
  .home[lang=en-us] .influencer-container .head-title-box .left .tip {
    font-size: 14px;
    line-height: 26px;
  }
  .home[lang=en-us] .influencer-container .head-title-box .right {
    width: 100%;
    margin-top: 24px;
  }
  .home[lang=en-us] .influencer-container .head-title-box .right .link-btn {
    width: 100%;
  }
  .home[lang=en-us] .influencer-container .application-box {
    margin-top: 24px;
    flex-direction: column;
    gap: 16px;
  }
  .home[lang=en-us] .influencer-container .application-box .application-item {
    width: 100%;
    height: 112px;
  }
  .home[lang=en-us] .influencer-container .application-box .application-item .left .title {
    font-size: 22px;
    line-height: 30px;
  }
  .home[lang=en-us] .influencer-container .application-box .application-item .left .tip {
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px;
  }
  .home[lang=en-us] .influencer-container .application-box .application-item .right {
    width: 80px;
    height: 80px;
  }
  .home[lang=en-us] .influencer-container .country-box {
    width: 100%;
    flex-wrap: wrap;
  }
  .home[lang=en-us] .influencer-container .country-box .country-item {
    width: calc(50% - 4px);
    max-width: 167px;
    height: 156px;
    margin-bottom: 16px;
  }
  .home[lang=en-us] .influencer-container .country-box .country-item .head .title {
    font-size: 18px;
    line-height: 28px;
  }
  .home[lang=en-us] .influencer-container .country-box .country-item .tip {
    font-size: 16px;
    line-height: 32px;
  }
  .home[lang=en-us] .ai-container {
    margin-top: 48px;
    height: auto;
  }
  .home[lang=en-us] .ai-container .head-title-box .left {
    width: 100%;
  }
  .home[lang=en-us] .ai-container .head-title-box .left .title {
    text-align: start;
  }
  .home[lang=en-us] .ai-container .head-title-box .left .tip {
    width: 100%;
    text-align: start;
  }
  .home[lang=en-us] .ai-container .head-title-box .right {
    width: 100%;
  }
  .home[lang=en-us] .ai-container .head-title-box .right .link-btn {
    margin-top: 24px;
    width: 100%;
  }
  .home[lang=en-us] .ai-container .img {
    width: 100%;
    height: 1400px;
    margin-top: 40px;
    background-image: url("/public/image/newHome/ai/market insights-移动端@3x.webp");
  }
  .home[lang=en-us] .ai-container .img-tip {
    display: none;
  }
  .home[lang=en-us] .fd-region .fd-container .head-title-box {
    width: 100%;
  }
  .home[lang=en-us] .fd-region .fd-container .head-title-box .left {
    width: 100%;
  }
  .home[lang=en-us] .fd-region .fd-container .head-title-box .left .title {
    width: 100%;
    text-align: start;
  }
  .home[lang=en-us] .fd-region .fd-container .head-title-box .left .tip {
    width: 100%;
    text-align: start;
  }
  .home[lang=en-us] .fd-region .fd-container .fd-swiper .swiper-slide {
    padding: 24px 24px 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }
  .home[lang=en-us] .fd-region .fd-container .fd-swiper .swiper-slide .video-box {
    margin-top: 0;
  }
  .home[lang=en-us] .fd-region .fd-container .fd-swiper-notification .fd-swiper-notification-item {
    min-width: auto !important;
    padding: 0 16px;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .home[lang=en-us] .fd-region .fd-container .fd-swiper-notification[data-index="0"] {
    transform: translateX(0);
  }
  .home[lang=en-us] .fd-region .fd-container .fd-swiper-notification[data-index="1"] {
    transform: translateX(-132px);
  }
  .home[lang=en-us] .fd-region .fd-container .fd-swiper-notification[data-index="2"] {
    transform: translateX(-312px);
  }
  .home[lang=en-us] .fd-region .fd-container .fd-swiper-notification[data-index="3"] {
    transform: translateX(-476px);
  }
  .home[lang=en-us] .fd-region .fd-container .fd-swiper-notification[data-index="4"] {
    transform: translateX(-628px);
  }
  .home[lang=en-us] .fd-region .fd-container .fd-swiper-notification[data-index="5"] {
    transform: translateX(-680px);
  }
  .home[lang=en-us] .data-set-container {
    padding-bottom: 48px;
  }
  .home[lang=en-us] .data-set-container .head-title-box .title {
    width: 100%;
    text-align: center;
  }
  .home[lang=en-us] .cases-container .head-title-box .link-btn {
    width: 100%;
  }
  .home[lang=en-us] .info-container .head-title-box .tabs {
    transition: all 0.3s ease-in-out;
  }
  .home[lang=en-us] .info-container .head-title-box .tabs .tab:nth-child(1) {
    width: 204px;
  }
  .home[lang=en-us] .info-container .head-title-box .tabs .tab:nth-child(2) {
    width: 164px;
  }
  .home[lang=en-us] .info-container .news-swiper {
    height: 183px;
  }
  .home[lang=en-us] .info-container .news-swiper .swiper-slide {
    height: 183px;
  }
  .home[lang=en-us] .info-container .activity-swiper {
    height: 183px;
  }
  .home[lang=en-us] .info-container .activity-swiper .swiper-slide {
    height: 183px;
  }
  .home[lang=en-us] .info-container > .more-btn {
    margin-top: 24px;
  }
  .home[lang=en-us] .info-container > .more-btn .more {
    height: 40px;
  }
  .home[lang=en-us] .interview-container .tip {
    background-color: #fff;
    width: 100%;
    text-align: center;
    white-space: normal;
    padding: 0 16px;
    height: 48px;
  }
  .home[lang=en-us] .cooperate-container .title {
    width: 100%;
    text-align: center;
    padding: 0 16px;
  }
  .home[lang=en-us] .cooperate-container .try-form .link-btn {
    margin-bottom: 48px;
  }
}</style>

	<link rel="shortcut icon" href="https://zhiyi-web.oss-cn-hangzhou.aliyuncs.com/official/static/favicon1.ico"
		type="image/x-icon">
	<style> @charset "UTF-8";
.mobile-hidden {
  display: none;
}

.mobile-nav {
  display: none;
}

.write-header {
  background-color: #ffffff;
}
.write-header ul li a {
  color: #151a23 !important;
}
.write-header .content .logo > img[type=default],
.write-header .content .logo.light > img[type=default] {
  display: inline-block;
}
.write-header .content .logo > img[type=light],
.write-header .content .logo.light > img[type=light] {
  display: none;
}
.write-header .content .logo .logo-name,
.write-header .content .logo.light .logo-name {
  color: #0061ff;
}
.write-header .lang-menus .menu img[type=default],
.write-header .lang-menus.light .menu img[type=default] {
  display: inline-block;
}
.write-header .lang-menus .menu img[type=light],
.write-header .lang-menus.light .menu img[type=light] {
  display: none;
}
.write-header .lang-menus .menu span,
.write-header .lang-menus.light .menu span {
  color: #656f86;
}
.write-header .lang-menus .menu span.active,
.write-header .lang-menus.light .menu span.active {
  color: #0b1029;
}

.main-nav {
  height: 80px;
  font-size: 16px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
  transition: all 0.3s linear;
}
.main-nav.brand-header {
  position: static !important;
  background-color: #fff;
}
.main-nav .content {
  height: 100%;
  padding: 0 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.main-nav .logo {
  display: inline-block;
}
.main-nav .logo > img {
  width: 67px;
  height: 32px;
}
.main-nav .logo > img[type=light] {
  display: none;
}
.main-nav .logo .logo-name {
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  color: #0061ff;
  white-space: nowrap;
}
.main-nav .logo.light > img[type=default] {
  display: none;
}
.main-nav .logo.light > img[type=light] {
  display: inline-block;
}
.main-nav .logo.light .logo-name {
  color: #fff;
}
.main-nav .nav-items {
  margin-bottom: 0;
  flex-shrink: 0;
}
.main-nav .nav-items .menu-split {
  display: none;
  width: 1px;
  height: 16px;
  background-color: #d1d7e5;
  margin: 0 32px;
}
.main-nav ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  list-style: none;
  padding: 0;
}
.main-nav ul li {
  display: inline-block;
  height: 100%;
  font-size: 14px;
  line-height: 80px;
  box-sizing: border-box;
  transition: all 400ms;
  color: #333d52;
}
.main-nav ul li + li {
  margin-left: 32px;
}
.main-nav ul.light li a {
  color: #fff;
}
.main-nav a {
  color: #151a23;
  text-decoration: none;
}

.product-menus {
  cursor: pointer;
  position: relative;
}
.product-menus:hover .sub-menu {
  transform: translateX(-50%) scaleY(1);
}
.product-menus:hover a span {
  color: #0061ff;
}
.product-menus:hover a span:nth-child(2) {
  display: none;
}
.product-menus:hover a span:nth-child(3) {
  display: inline-block !important;
}
.product-menus .sub-menu {
  position: fixed;
  top: 80px;
  width: 1280px;
  height: 408px;
  left: 50%;
  transform-origin: top;
  transition: all 400ms;
  transform: translateX(-50%) scaleY(0);
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  box-shadow: 0 8px 20px -2px rgba(11, 16, 41, 0.1215686275);
  border-radius: 24px;
  padding: 32px;
}
.product-menus .sub-menu .product-list {
  flex-grow: 1;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  flex-direction: column;
  position: relative;
}
.product-menus .sub-menu .product-list .item {
  display: flex;
  width: 298px;
  height: 80px;
  border-radius: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 12px 0;
}
.product-menus .sub-menu .product-list .item .img {
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #e6eaf4;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  flex-shrink: 0;
}
.product-menus .sub-menu .product-list .item .img img {
  width: 40px;
  height: 40px;
}
.product-menus .sub-menu .product-list .item .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
}
.product-menus .sub-menu .product-list .item .info .name {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #0b1029;
  position: relative;
}
.product-menus .sub-menu .product-list .item .info .name .new {
  position: absolute;
  left: 100%;
  top: 50%;
  padding: 0 4px;
  border-radius: 4px;
  background-color: #ec4a65;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
  transform: translate(8px, -50%);
  font-weight: 400;
}
.product-menus .sub-menu .product-list .item .info .tip {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #656f86;
}
.product-menus .sub-menu .product-list .item:hover {
  background: #f2f5fd;
}
.product-menus .sub-menu .product-list .item:hover .info .name::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 16px);
  transform: translateY(-50%);
  background-image: url("/public/image/menu/箭头右_黑备份@2x.png");
  width: 16px;
  height: 16px;
  background-size: cover;
}
.product-menus .sub-menu .product-list .item:hover .info .name.new::after {
  left: calc(100% + 56px);
}
.product-menus .sub-menu .custom {
  width: 298px;
  height: 160px;
  background-image: url("/public/image/menu/定制化bg@2x.png");
  background-size: cover;
  box-sizing: border-box;
  padding: 36px 16px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  border-radius: 8px;
  flex-shrink: 0;
  position: absolute;
  right: 0;
  bottom: 0;
}
.product-menus .sub-menu .custom .label {
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  font-weight: 600;
  color: #0b1029;
  padding: 0;
}
.product-menus .sub-menu .custom img {
  width: 32px;
  height: 32px;
  margin-left: 8px;
}

.product-menus[lang=en-us] .sub-menu .custom .label {
  width: 100px;
  white-space: wrap;
  text-align: start;
  display: flex;
  align-items: center;
}

.technology-menus {
  cursor: pointer;
  position: relative;
}
.technology-menus:hover .sub-menu {
  transform: translateX(-50%) scaleY(1);
}
.technology-menus:hover a span {
  color: #0061ff;
}
.technology-menus:hover a span:nth-child(2) {
  display: none;
}
.technology-menus:hover a span:nth-child(3) {
  display: inline-block !important;
}
.technology-menus .sub-menu {
  position: fixed;
  top: 80px;
  width: 974px;
  height: 480px;
  left: 50%;
  transform-origin: top;
  transition: all 400ms;
  transform: translateX(-50%) scaleY(0);
  background-color: #fff;
  box-shadow: 0 8px 20px -2px rgba(11, 16, 41, 0.1215686275);
  border-radius: 24px;
  padding: 32px;
}
.technology-menus .sub-menu .group .group-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #656f86;
}
.technology-menus .sub-menu .group .group-items {
  margin-top: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.technology-menus .sub-menu .group .group-items .item {
  width: 298px;
  height: 152px;
  border-radius: 16px;
  background-image: url("/public/image/menu/default_bg@2x.png");
  background-size: cover;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.technology-menus .sub-menu .group .group-items .item .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.technology-menus .sub-menu .group .group-items .item .top .number {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #0b1029;
}
.technology-menus .sub-menu .group .group-items .item .top img {
  width: 36px;
  height: 36px;
}
.technology-menus .sub-menu .group .group-items .item .bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.technology-menus .sub-menu .group .group-items .item .bottom .name {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: #0b1029;
  width: 190px;
}
.technology-menus .sub-menu .group .group-items .item .bottom .goto {
  width: 36px;
  height: 36px;
  background-image: url("/public/image/menu/圆箭头@2x.png");
  background-size: cover;
  display: none;
}
.technology-menus .sub-menu .group .group-items .item:hover {
  background-image: url("/public/image/menu/active_bg@2x.png");
}
.technology-menus .sub-menu .group .group-items .item:hover .top .number {
  color: #ffffff;
}
.technology-menus .sub-menu .group .group-items .item:hover .top img {
  display: none;
}
.technology-menus .sub-menu .group .group-items .item:hover .bottom .name {
  color: #ffffff;
}
.technology-menus .sub-menu .group .group-items .item:hover .bottom .goto {
  display: block;
}
.technology-menus .sub-menu .group + .group {
  margin-top: 32px;
}

.solve-menus {
  cursor: pointer;
  position: relative;
}
.solve-menus:hover .sub-menu {
  transform: translateX(-50%) scaleY(1);
}
.solve-menus:hover a span {
  color: #0061ff;
}
.solve-menus:hover a span:nth-child(2) {
  display: none;
}
.solve-menus:hover a span:nth-child(3) {
  display: inline-block !important;
}
.solve-menus .sub-menu {
  position: fixed;
  top: 80px;
  width: 1280px;
  height: 400px;
  left: 50%;
  transform-origin: top;
  transition: all 400ms;
  transform: translateX(-50%) scaleY(0);
  background-color: #fff;
  box-shadow: 0 8px 20px -2px rgba(11, 16, 41, 0.1215686275);
  border-radius: 24px;
  padding: 32px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.solve-menus .sub-menu .item {
  width: 298px;
  height: 152px;
  border-radius: 16px;
  background-image: url("/public/image/menu/default_bg@2x.png");
  background-size: cover;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.solve-menus .sub-menu .item .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.solve-menus .sub-menu .item .top .number {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #0b1029;
}
.solve-menus .sub-menu .item .top img {
  width: 36px;
  height: 36px;
}
.solve-menus .sub-menu .item .bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.solve-menus .sub-menu .item .bottom .name {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: #0b1029;
}
.solve-menus .sub-menu .item .bottom .goto {
  width: 36px;
  height: 36px;
  background-image: url("/public/image/menu/圆箭头@2x.png");
  background-size: cover;
  display: none;
}
.solve-menus .sub-menu .item:hover {
  background-image: url("/public/image/menu/active_bg@2x.png");
}
.solve-menus .sub-menu .item:hover .top .number {
  color: #ffffff;
}
.solve-menus .sub-menu .item:hover .top img {
  display: none;
}
.solve-menus .sub-menu .item:hover .bottom .name {
  color: #ffffff;
}
.solve-menus .sub-menu .item:hover .bottom .goto {
  display: block;
}
.solve-menus .sub-menu .item + .item {
  margin-left: 8px;
}
.solve-menus .sub-menu .item:nth-last-child(1) {
  margin-left: 0px !important;
}

.market-menus {
  cursor: pointer;
  position: relative;
}
.market-menus:hover a span {
  color: #0061ff;
}
.market-menus:hover .sub-menu {
  transform: scaleY(1);
}
.market-menus .sub-menu {
  position: absolute;
  left: 0;
  transform-origin: top;
  transition: all 400ms;
  transform: scaleY(0);
  background-color: #fff;
  box-shadow: 0 8px 20px -2px rgba(11, 16, 41, 0.1215686275);
  border-radius: 24px;
  padding: 20px;
  line-height: 22px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 16px;
}
.market-menus .sub-menu .item {
  white-space: nowrap;
  padding: 16px;
  border-radius: 16px;
  font-weight: 500;
}
.market-menus .sub-menu .item .name {
  color: #1b1f25 !important;
}
.market-menus .sub-menu .item:hover {
  background: #f2f5fd;
}

.lang-menus {
  position: relative;
  height: 60px;
  display: none;
  cursor: pointer;
}
.lang-menus .menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 100%;
  user-select: none;
}
.lang-menus .menu img {
  width: 16px;
  height: 16px;
}
.lang-menus .menu img[type=light] {
  display: none;
}
.lang-menus .menu span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #656f86;
}
.lang-menus .menu span.active {
  color: #0b1029;
}
.lang-menus .menu[data-international=true] {
  display: none;
}
.lang-menus .sub-menu {
  position: absolute;
  width: 80px;
  height: 88px;
  left: 0;
  top: 50px;
  transform-origin: top;
  transition: all 400ms;
  transform: scaleY(0);
  padding: 16px 12px;
  background: #ffffff;
  box-shadow: 0 4px 12px 0 rgba(11, 16, 41, 0.1607843137);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lang-menus .sub-menu .item {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #656f86;
  cursor: pointer;
}
.lang-menus .sub-menu .item.active {
  color: #0061ff !important;
}
.lang-menus:hover .sub-menu {
  transform: scaleY(1);
}
.lang-menus.light .menu img[type=default] {
  display: none;
}
.lang-menus.light .menu img[type=light] {
  display: inline-block;
}
.lang-menus.light .menu span {
  color: rgba(255, 255, 255, 0.65);
}
.lang-menus.light .menu span.active {
  color: #fff;
}

@media screen and (max-width: 750px) {
  a {
    text-decoration: none;
  }
  .mobile-hidden {
    display: block;
  }
  .main-nav {
    display: none;
  }
  .mobile-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.28rem;
    padding: 0 0.4rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 9999;
  }
  .mobile-nav .logo {
    display: inline-block;
  }
  .mobile-nav .logo > img {
    width: 1.33rem;
    height: 0.64rem;
  }
  .mobile-nav .logo > img[type=light] {
    display: none;
  }
  .mobile-nav .logo .logo-name {
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
    color: #0061ff;
  }
  .mobile-nav .logo.light > img[type=default] {
    display: none;
  }
  .mobile-nav .logo.light > img[type=light] {
    display: inline-block;
  }
  .mobile-nav .logo.light .logo-name {
    color: #fff;
  }
  .mobile-nav span {
    font-size: 0.64rem;
    color: #2a2b2e;
  }
  .mobile-nav a span {
    color: #fff;
  }
  .mobile-nav .nav-right {
    display: flex;
    justify-content: flex-end;
    gap: 24px;
  }
  .mobile-nav .nav-right .openMenuBtn > img {
    width: 25px;
    height: 25px;
    display: none;
    transform: translateY(-2px);
  }
  .mobile-nav .nav-right .lang-menus {
    height: auto;
  }
  .mobile-nav .nav-right .lang-menus .sub-menu {
    top: 30px;
  }
  .mobile-nav .nav-right .lang-menus .sub-menu.active {
    transform: scaleY(1);
  }
  .mobile-nav .nav-right.light .openMenuBtn > img {
    display: inline;
  }
  .mobile-nav .nav-right.light .openMenuBtn .iconfont {
    display: none;
  }
  .white-mobile-nav {
    width: 100%;
    height: 1.28rem;
    padding: 0 0.4rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    z-index: 9999;
    transition: all 0.3s linear;
  }
  .white-mobile-nav span {
    font-size: 0.64rem;
    color: #2a2b2e;
  }
  .white-mobile-nav a span {
    color: #1979ff;
  }
  .white-mobile-nav .lang-menus .menu > img[type=default] {
    display: inline-block;
  }
  .white-mobile-nav .lang-menus .menu > img[type=light] {
    display: none;
  }
  .white-mobile-nav .lang-menus .menu span {
    color: #656f86 !important;
  }
  .white-mobile-nav .lang-menus .menu span.active {
    color: #0b1029 !important;
  }
  .white-mobile-nav .logo > img[type=default],
  .white-mobile-nav .logo.light > img[type=default] {
    display: inline-block !important;
  }
  .white-mobile-nav .logo > img[type=light],
  .white-mobile-nav .logo.light > img[type=light] {
    display: none !important;
  }
  .white-mobile-nav .logo .logo-name,
  .white-mobile-nav .logo.light .logo-name {
    color: #0061ff;
  }
  .white-mobile-nav .nav-right .openMenuBtn > img {
    display: none !important;
  }
  .white-mobile-nav .nav-right .openMenuBtn .iconfont {
    display: inline-block !important;
  }
  .mobile-brand-header {
    position: static !important;
    background-color: #fff;
  }
  .mobile-brand-header span {
    font-size: 0.64rem;
    color: #2a2b2e;
  }
  .mobile-brand-header a span {
    color: #1979ff;
  }
  .mobile-menu {
    z-index: 9999;
    padding: 0 0.4rem 0.8rem 0.4rem;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: -10rem;
    width: 100%;
    height: 100%;
    background: #1d1e24;
    overflow: auto;
    transition: all 0.3s linear;
  }
  .mobile-menu .mobile-menu-header {
    width: 100%;
    height: 1.28rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .mobile-menu .mobile-menu-header span {
    font-size: 0.64rem;
    color: #fff;
  }
  .mobile-menu .mobile-menu-item {
    margin-top: 0.213333rem;
    height: 1.173333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mobile-menu .mobile-menu-item span {
    font-size: 0.48rem;
    color: #ffffff;
  }
  .mobile-menu .mobile-menu-item span:nth-child(2) {
    font-size: 0.64rem;
  }
  .mobile-menu .mobile-menu-item a {
    font-size: 0.48rem;
    color: #ffffff;
  }
  .mobile-menu .mobile-menu-item .mobile-appointment {
    margin-top: 0.306667rem;
    width: 3.066667rem;
    height: 1.066667rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.026667rem solid #b8b9bf;
  }
  .mobile-menu .mobile-menu-item .mobile-appointment span {
    font-size: 0.373333rem;
  }
  .mobile-menu .mobile-menu-item-content {
    margin-left: 0.4rem;
    height: 0;
    overflow: hidden;
    transition: all 0.3s linear;
  }
  .mobile-menu .mobile-menu-item-content .item {
    display: block;
    height: 0.96rem;
    margin-top: 0.213333rem;
    font-size: 0.426667rem;
    color: rgba(255, 255, 255, 0.65);
  }
  .mobile-menu .mobile-menu-item-content .item .name {
    display: inline;
    position: relative;
  }
  .mobile-menu .mobile-menu-item-content .item .new {
    position: absolute;
    left: 100%;
    top: 50%;
    padding: 0 4px;
    border-radius: 4px;
    background-color: #ec4a65;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    transform: translate(8px, -50%);
  }
  .mobile-menu .mobile-menu-item-content.active {
    height: auto;
  }
}
html[international=true] .lang-menus {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
html[international=true] .main-nav .nav-items .menu-split {
  display: block;
}

html[lang=en-us] {
  font-family: "Inter";
}

[data-animation] {
  opacity: 0;
}

.animate__animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animate__fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}</style>
<style type="text/css">html,li,a,div,p,span,h1,h2,h3,h4,h5,body{font-family:Arial,"Noto Sans SC"!important;}</style></head>
<body>


<body>
	<nav class="mobile-nav mobile-hidden">
		<a id="mwbmyfce" class="logo" href="/">
			
			
			
			
		</a>
		<div id="hqyseflh" class="nav-right">
			<div id="nytdscsp" class="lang-menus">
				<div id="wnxzadlt" class="menu">
					
					
					<span class="active">中</span>
					<span>/</span>
					<span class="">EN</span>
				</div>
				<!-- <div id="mddhzcrk" class="sub-menu">
					<span data-lang="zh-ch" class="item active">简体中文</span>
					<span data-lang="en-us" class="item ">English</span>
				</div> -->
			</div>
			<span class="openMenuBtn">
				
				<span class="iconfont gw-caidan"></span>
			</span>
		</div>
	</nav>
	<div id="fxxphtqm" class="mobile-menu mobile-hidden">
		<div id="ltbpybjz" class="mobile-menu-header">
			<span class="iconfont gw-guanbi closeMenuBtn"></span>
		</div>
		<div id="wytyegce" class="mobile-menu-item">
			<a id="ngawwsyh" data-href="/" href="/">
				<!-- kf凯发首页 -->
				kf<a href="http://bullet007.com" target="_blank">凯发</a>首页
			</a>
		</div>
		<div id="tlgteezn" class="mobile-menu-item productList">
			<span>
				<!-- K8一触即发人生赢家产品 -->
				K8一触即发人生赢家产品
			</span>
			<span class="iconfont gw-xiangxia"></span>
		</div>
		<div id="product" class="mobile-menu-item-content">
			
				<!-- K8·凯发中国一触即发 -->
				K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发
			
			
				<!-- 抖衣 -->
				抖衣
			
			
				<!-- 知款 -->
				知款
			
			
				<div id="beglszbp" class="name">
					<!-- 知小布 -->
					知小布
					<div id="mdcdrfrw" class="new">
						<!-- 热门 -->
						new
					</div>
				</div>
			
			
				<!-- 海外探款 -->
				海外探款
			
			
				<!-- 美念 -->
				美念
			
			
				<!-- 炼丹炉 -->
				炼丹炉
			
			
				<!-- 趋势报告 -->
				趋势报告
			
			
				<!-- Trendscopes -->
				Trendscopes
			
			
				Fashion Diffusion +
			
			
				知小衣
			
		</div>
		<div id="bdtxldnj" class="mobile-menu-item abilityList">
			<span>
				<!-- 技术能力 -->
				技术能力
			</span>
			<span class="iconfont gw-xiangxia"></span>
		</div>
		<div id="ability" class="mobile-menu-item-content">
			<!-- TODO：待补充 -->
			<!-- <a id="sxtgldmb" class="item " href="javascript: void(0)" target="_blank"> -->
			<!-- AI大模型 -->
			<!-- AI大模型
			</a> -->
			<a id="wgqgyscj" class="item " href="/technology/img" target="_blank">
				<!-- 图像识别与位置检测 -->
				图像识别与位置检测
			</a>
			<a id="zwpsrgsq" class="item " href="/technology/color" target="_blank">
				<!-- 服装颜色识别 -->
				服装颜色识别
			</a>
			<a id="pnnqnxkb" class="item " href="/technology/search" target="_blank">
				<!-- 以图搜图 -->
				以图搜图
			</a>
			<a id="abzzwayd" class="item " href="/technology/tb" target="_blank">
				<!-- 电商趋势分析 -->
				电商趋势分析
			</a>
			<a id="wqtbwgxl" class="item " href="/technology/fashion_trends" target="_blank">
				<!-- 时尚趋势分析 -->
				时尚趋势分析
			</a>
			<a id="attzdcjg" class="item " href="/technology/social" target="_blank">
				<!-- 社交平台趋势分析 -->
				社交平台趋势分析
			</a>
		</div>
		<div id="zlxmcgyw" class="mobile-menu-item">
			<a id="saefgdlz" data-href="/brandcase" href="/brandcase/all">
				<!-- 客户案例 -->
				客户案例
			</a>
		</div>
		<div id="arkaltkk" class="mobile-menu-item solutionList">
			<span>
				<!-- 解决方案 -->
				解决方案
			</span>
			<span class="iconfont gw-xiangxia"></span>
		</div>
		<div id="solution" class="mobile-menu-item-content">
			<!-- TODO：待补充 -->
			<a id="ydaecxel" class="item " href="/solution/pinpai" target="_blank">
				<!-- 品牌解决方案 -->
				品牌解决方案
			</a>
			<a id="grbygagg" class="item " href="/solution/dianshang"
				target="_blank">
				<!-- 电商解决方案 -->
				电商解决方案
			</a>
			<a id="yxbenftc" class="item " href="/solution/mianliao" target="_blank">
				<!-- 面料解决方案 -->
				面料解决方案
			</a>
			<a id="gqjmhcfx" class="item " href="/solution/cross" target="_blank">
				<!-- 跨境解决方案 -->
				跨境解决方案
			</a>
			<a id="nymdjfah" class="item " href="/solution/ai" target="_blank">
				<!-- 全域AI数据解决方案 -->
				全域AI数据解决方案
			</a>
		</div>
		<div id="cgfrtpak" class="mobile-menu-item marketList">
			<span>
				<!-- 活动/沙龙 -->
				活动/沙龙
			</span>
			<span class="iconfont gw-xiangxia"></span>
		</div>
		<div id="market" class="mobile-menu-item-content">
			<!-- TODO：待补充 -->
			<a id="fkqsjket" class="item " href="/market" target="_blank">
				<!-- K8·凯发中国一触即发沙龙 -->
				K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发沙龙
			</a>
			<!-- <a id="qclgyjwc" class="item " href="/fabricMarket" target="_blank"> -->
			<!-- 面料对接会 -->
			<!-- 面料对接会 -->
			<!-- </a> -->
		</div>
		<div id="seyrabgw" class="mobile-menu-item">
			<a id="sdedzbmb" data-href="/activity" href="/activity/all">
				<!-- 新闻中心 -->
				新闻中心
			</a>
		</div>
		<div id="fkywsghj" class="mobile-menu-item">
			<a id="csqhsahb" href="/about">
				<!-- 关于凯发com -->
				关于<a href="http://bullet007.com" target="_blank">凯发</a>com
			</a>
		</div>
		<div id="pwkxzxjl" class="mobile-menu-item">
			<div id="ahwrqnmm" class="mobile-appointment">
				<span>
					<!-- 预约演示 -->
					预约演示
				</span>
				<span class="iconfont gw-jiantou"></span>
			</div>
		</div>
	</div>
	<nav class="main-nav">
		<div id="jzwmakbq" class="content">
			<a id="ahbnzaex" class="logo" href="/">
				
				
				
				
			</a>
			<ul class="nav-items">
				<li>
					<a id="abmmbpyc" href="/home">
						<!-- kf凯发首页 -->
						kf<a href="http://bullet007.com" target="_blank">凯发</a>首页
					</a>
				</li>
				<li class="product-menus" lang="zh-ch">
					<a>
						<span>
							<!-- K8一触即发人生赢家产品 -->
							K8一触即发人生赢家产品
						</span>
					</a>
					<div id="cjfxcaeg" class="sub-menu">
						<div id="xsdrkkqp" class="product-list">
							
								<div id="ernaqxfz" class="img">
									
								</div>
								<div id="dhekxcaw" class="info">
									<div id="chmlcjsz" class="name">
										<!-- K8·凯发中国一触即发 -->
										K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发
									</div>
									<div id="wgpxesch" class="tip">
										淘系服饰爆款挖掘与趋势分析
									</div>
								</div>
							
							
								<div id="espylnap" class="img">
									
								</div>
								<div id="sqtqcdax" class="info">
									<div id="kmlnabha" class="name">
										<!-- 抖衣 -->
										抖衣
									</div>
									<div id="mzlyzrwx" class="tip">
										抖音服饰爆款挖掘与趋势分析
									</div>
								</div>
							
							
								<div id="aehhdyfh" class="img">
									
								</div>
								<div id="dslkgmtg" class="info">
									<div id="mmcqfgjr" class="name">
										<!-- 海外探款 -->
										海外探款
									</div>
									<div id="scqccnry" class="tip">
										高效挖掘海外服饰趋势
									</div>
								</div>
							
							
								<div id="ntfgzxjd" class="img">
									
								</div>
								<div id="awktjkbj" class="info">
									<div id="pdwrhbea" class="name">
										<!-- Trendscopes -->
										Trendscopes
									</div>
									<div id="cstkbadf" class="tip">
										基于数据分析，洞察全球时尚趋势
									</div>
								</div>
							
							
								<div id="ajzmperk" class="img">
									
								</div>
								<div id="gjeejrcn" class="info">
									<div id="sjyyhrya" class="name">
										<!-- 炼丹炉 -->
										炼丹炉
									</div>
									<div id="ksthaksm" class="tip">
										商业智能决策工具，实现业绩高效增长
									</div>
								</div>
							
							
								<div id="wqtqhjac" class="img">
								
								</div>
								<div id="dcjkcnnk" class="info">
									<div id="clxspspm" class="name new">
										<!-- 知小布 -->
										知小布
										<div id="qngmfsdp" class="new">
											NEW
										</div>
									</div>
									<div id="kbkwxwzr" class="tip">
										面料商的精准获客新方式
									</div>
								</div>
							
							
								<div id="bmfgaxks" class="img">
									
								</div>
								<div id="ffgyjwmp" class="info">
									<div id="rmcttyxc" class="name">
										<!-- Gleemo -->
										Gleemo
									</div>
									<div id="rhyephhk" class="tip">
										让达人营销管理变得简单
									</div>
								</div>
							
							
								<div id="ffejsgaw" class="img">
									
								</div>
								<div id="srzcxhnh" class="info">
									<div id="rhdyednb" class="name">
										<!-- 知款 -->
										知款
									</div>
									<div id="nepqawpl" class="tip">
										快速发现时尚趋势灵感
									</div>
								</div>
							
							
								<div id="emfewdzn" class="img">
									
								</div>
								<div id="ycrfdhdh" class="info">
									<div id="qrwlqmjj" class="name">
										<!-- 美念 -->
										美念
									</div>
									<div id="xdmrgbgm" class="tip">
										素材云端存储/团队协作
									</div>
								</div>
							
							
								<div id="knkwplpz" class="img">
									
								</div>
								<div id="qnckhzgx" class="info">
									<div id="dehzsmjf" class="name">
										<!-- Fashion Diffusion + -->
										Fashion Diffusion +
									</div>
									<div id="qrenallc" class="tip">
										AI加持的智能设计与商拍高效工具
									</div>
								</div>
							
							
								<div id="kespnhtm" class="img">
									
								</div>
								<div id="frkznmay" class="info">
									<div id="dcxqrrct" class="name">
										<!-- 趋势报告 -->
										趋势报告
									</div>
									<div id="ceqkqydk" class="tip">
										电商行情洞察/流行趋势分析
									</div>
								</div>
							
							
								<div id="lhlcrcec" class="img">
									
								</div>
								<div id="kazdbxbh" class="info">
									<div id="hkbatazs" class="name new">
										<!--  -->
										知小衣
										<div id="gzecdxxa" class="new">
											NEW
										</div>
									</div>
									<div id="ahkwaqer" class="tip">
										时尚K8一触即发人生赢家产品全能型 Agent
									</div>
								</div>
							
							<div id="wnpqnyan" class="item"></div>
							<div id="bwnsfwrx" class="custom">
								<div id="jmedqxhn" class="label">
									<!-- 申请定制化服务 -->
									申请定制化服务
								</div>
								
							</div>
						</div>
					</div>
				</li>
				<li class="technology-menus">
					<a id="manbcbtq" data-href="/technology">
						<span>
							<!-- 技术能力 -->
							技术能力
						</span>
					</a>
					<div id="nzxrgtfn" class="sub-menu">
						<div id="wzlykxjl" class="group">
							<div id="fdhynrzl" class="group-title">
								<!-- AI能力 -->
								AI能力
							</div>
							<div id="tmgalkly" class="group-items">
								<!-- <a id="cgzeqkmd" class="item" href="javascript: void(0)">
									<div id="etlbcyqr" class="top">
										<div id="nnlyhgqt" class="number">01</div>
										
									</div>
									<div id="mqsnyxzs" class="bottom">
										<div id="anpabzym" class="name"> -->
								<!-- AI大模型 -->
								<!-- AI大模型
										</div>
										<div id="wdkclkad" class="goto"></div>
									</div>
								</a> -->
								<a id="hwqasame" class="item" href="/technology/img" target="_blank">
									<div id="efannmpl" class="top">
										<div id="xzrjzpnr" class="number">01</div>
										
									</div>
									<div id="ntnznbyk" class="bottom">
										<div id="kzwjmjtl" class="name">
											<!-- 图像识别与位置检测 -->
											图像识别与位置检测
										</div>
										<div id="eqcggxyk" class="goto"></div>
									</div>
								</a>
								<a id="hesqykml" class="item" href="/technology/search" target="_blank">
									<div id="gewmedzs" class="top">
										<div id="xtxrcxrh" class="number">02</div>
										
									</div>
									<div id="ezmqdykd" class="bottom">
										<div id="hsyydgsn" class="name">
											<!-- 以图搜图 -->
											以图搜图
										</div>
										<div id="eypwabhp" class="goto"></div>
									</div>
								</a>
								<a id="emtrwryq" class="item" href="/technology/color" target="_blank">
									<div id="lkztfrhh" class="top">
										<div id="cpfxerhz" class="number">03</div>
										
									</div>
									<div id="nqasytcc" class="bottom">
										<div id="nhdzytfp" class="name">
											<!-- 服装颜色识别 -->
											服装颜色识别
										</div>
										<div id="bwwkypmb" class="goto"></div>
									</div>
								</a>
							</div>
						</div>
						<div id="fejtceae" class="group">
							<div id="qayabrxg" class="group-title">
								<!-- 大数据能力 -->
								大数据能力
							</div>
							<div id="tdxcrrfe" class="group-items">
								<a id="rwqgpteh" class="item" href="/technology/tb" target="_blank">
									<div id="qcqzzmll" class="top">
										<div id="sgjdtxbe" class="number">01</div>
										
									</div>
									<div id="fwqzlmfs" class="bottom">
										<div id="qtajlsyw" class="name">
											<!-- 电商趋势分析 -->
											电商趋势分析
										</div>
										<div id="wzwfedjf" class="goto"></div>
									</div>
								</a>
								<a id="ytjlstgk" class="item" href="/technology/fashion_trends" target="_blank">
									<div id="rpamfkrp" class="top">
										<div id="cyjmdjde" class="number">02</div>
										
									</div>
									<div id="gxykntqc" class="bottom">
										<div id="nfknadle" class="name">
											<!-- 时尚趋势分析 -->
											时尚趋势分析
										</div>
										<div id="bchyzthq" class="goto"></div>
									</div>
								</a>
								<a id="tchxycra" class="item" href="/technology/social" target="_blank">
									<div id="hwyqpfml" class="top">
										<div id="dxndtwrb" class="number">03</div>
										
									</div>
									<div id="qshkzbcb" class="bottom">
										<div id="jmchylfn" class="name">
											<!-- 社交平台趋势分析 -->
											社交平台趋势分析
										</div>
										<div id="kzpajtcs" class="goto"></div>
									</div>
								</a>
							</div>
						</div>
					</div>
				</li>
				<li>
					<a id="mgmwqfar" data-href="/brandcase" href="/brandcase/all">
						<!-- 客户案例 -->
						客户案例
					</a>
				</li>
				<li class="solve-menus">
					<a id="ysnqrtmd" data-href="/">
						<span>
							<!-- 解决方案 -->
							解决方案
						</span>
						<div id="xmetanmq" class="sub-menu">
							<a id="ycjpthpn" class="item" href="/solution/pinpai" target="_blank">
								<div id="cwgzxftg" class="top">
									<div id="egxqdnab" class="number">01</div>
									
								</div>
								<div id="snbeptpk" class="bottom">
									<div id="ehgfzsdt" class="name">
										<!-- 品牌解决方案 -->
										品牌解决方案
									</div>
									<div id="alkwqjpr" class="goto"></div>
								</div>
							</a>
							<a id="wtwxazrz" class="item" href="/solution/dianshang" target="_blank">
								<div id="mhakfzfc" class="top">
									<div id="jrpqfcay" class="number">02</div>
									
								</div>
								<div id="pkjsbawt" class="bottom">
									<div id="acklfswz" class="name">
										<!-- 电商解决方案 -->
										电商解决方案
									</div>
									<div id="myyqerjf" class="goto"></div>
								</div>
							</a>
							<a id="wmtwlxxb" class="item" href="/solution/mianliao" target="_blank">
								<div id="bnzlkgph" class="top">
									<div id="dmsjjmnr" class="number">03</div>
									
								</div>
								<div id="jnhbgqbg" class="bottom">
									<div id="nanqlpzb" class="name">
										<!-- 面料解决方案 -->
										面料解决方案
									</div>
									<div id="zpfgrsde" class="goto"></div>
								</div>
							</a>
							<a id="mrcfdabk" class="item" href="/solution/cross" target="_blank">
								<div id="mhtzpphn" class="top">
									<div id="jdbnphgd" class="number">04</div>
									
								</div>
								<div id="krradgja" class="bottom">
									<div id="zqaahrfj" class="name">
										<!-- 跨境解决方案 -->
										跨境解决方案
									</div>
									<div id="aqwymasd" class="goto"></div>
								</div>
							</a>
							<a id="qsmlsptm" class="item" href="/solution/ai" target="_blank">
								<div id="ancnceqb" class="top">
									<div id="rtzrxjdt" class="number">05</div>
									
								</div>
								<div id="wkdflgak" class="bottom">
									<div id="ckwalaxq" class="name">
										<!-- 全域AI数据解决方案 -->
										全域AI数据解决方案
									</div>
									<div id="hygmzdrb" class="goto"></div>
								</div>
							</a>
						</div>
				</li>
				<li class="market-menus">
					<a id="nmykkebc" data-href="/">
						<span>
							<!-- 活动/沙龙 -->
							活动/沙龙
						</span>
					</a>
					<div id="kjgwgegr" class="sub-menu">
						<a id="jyajzxpm" class="item" href="/market" target="_blank">
							<div id="lmfepggs" class="name">
								<!-- K8·凯发中国一触即发沙龙 -->
								K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发沙龙
							</div>
						</a>
						<!-- <a id="eabpcqjw" class="item" href="/fabricMarket" target="_blank">
							<div id="xscphhjn" class="name"> -->
						<!-- 面料对接会 -->
						<!-- 面料对接会 -->
						<!-- </div>
						</a> -->
					</div>
				</li>
				<li>
					<a id="brzwkmmk" data-href="/activity" href="/activity/all">
						<!-- 新闻中心 -->
						新闻中心
					</a>
				</li>
				<li>
					<a id="xwhhhpeq" href="/about">
						<!-- 关于凯发com -->
						关于<a href="http://bullet007.com" target="_blank">凯发</a>com
					</a>
				</li>
				<div id="lypwyday" class="menu-split"></div>
				<div id="cdkrdsxz" class="lang-menus">
					<div id="cbfpjsgx" class="menu">
						
						
						<span class="active">中</span>
						<span>/</span>
						<span class="">EN</span>
					</div>
					<!-- <div id="phnykjng" class="sub-menu">
						<span data-lang="zh-ch" class="item active">简体中文</span>
						<span data-lang="en-us" class="item ">English</span>
					</div> -->
				</div>
			</ul>
		</div>
	</nav>
	<script>
		var homeHeader = document.querySelector('.main-nav')
		var mobileHomeHeader = document.querySelector('.mobile-nav')
		var scrollTop
		document.addEventListener('scroll', scroll)
		function scroll() {
			scrollTop = document.documentElement.scrollTop || document.body.scrollTop
			if (scrollTop > 0) {
				homeHeader
					.classList
					.add('write-header')
				mobileHomeHeader
					.classList
					.add('white-mobile-nav')
			} else {
				homeHeader
					.classList
					.remove('write-header')
				mobileHomeHeader
					.classList
					.remove('white-mobile-nav')
			}
		}
		scroll()
		var $$ = function (selector) {
			return document.querySelectorAll(selector)
		}
		var $ = function (selector) {
			return document.querySelector(selector)
		}

		//展开折叠菜单以及底部
		var isProductList = false
		var isAbilityList = false
		var isSolutionList = false
		var isMarketList = false
		var openMenuBtn = $('.openMenuBtn')
		var mobileMenu = $('.mobile-menu')
		var closeMenuBtn = $('.closeMenuBtn')
		var productList = $('.productList')
		var abilityList = $('.abilityList')
		var solutionList = $('.solutionList')
		var marketList = $('.marketList')
		var product = $('#product')
		var ability = $('#ability')
		var solution = $('#solution')
		var marketSubmenu = $('#market')
		closeMenuBtn.addEventListener('click', () => {
			mobileMenu.style.right = '-10rem'
		})
		openMenuBtn.addEventListener('click', () => {
			mobileMenu.style.right = '0'
		})
		productList.addEventListener('click', () => {
			if (!isProductList) {
				product.className = 'mobile-menu-item-content active'
				productList
					.children[1]
					.className = 'iconfont gw-xiangshang'
				isProductList = true
			} else {
				product.className = 'mobile-menu-item-content'
				productList
					.children[1]
					.className = 'iconfont gw-xiangxia'
				isProductList = false
			}
		})
		abilityList.addEventListener('click', () => {
			if (!isAbilityList) {
				ability.className = 'mobile-menu-item-content active'
				abilityList
					.children[1]
					.className = 'iconfont gw-xiangshang'
				isAbilityList = true
			} else {
				ability.className = 'mobile-menu-item-content'
				abilityList
					.children[1]
					.className = 'iconfont gw-xiangxia'
				isAbilityList = false
			}
		})
		solutionList.addEventListener('click', () => {
			if (!isSolutionList) {
				solution.className = 'mobile-menu-item-content active'
				solutionList
					.children[1]
					.className = 'iconfont gw-xiangshang'
				isSolutionList = true
			} else {
				solution.className = 'mobile-menu-item-content'
				solutionList
					.children[1]
					.className = 'iconfont gw-xiangxia'
				isSolutionList = false
			}
		})
		marketList.addEventListener('click', () => {
			if (!isMarketList) {
				marketSubmenu.className = 'mobile-menu-item-content active'
				marketList
					.children[1]
					.className = 'iconfont gw-xiangshang'
				isMarketList = true
			} else {
				marketSubmenu.className = 'mobile-menu-item-content'
				marketList
					.children[1]
					.className = 'iconfont gw-xiangxia'
				isMarketList = false
			}
		})

		var items = $$('.nav-items li')
		var technologyMenus = $$('.technology-menus .left>div')

		technologyMenus.forEach(function (menu) {
			menu.addEventListener('mouseenter', function () {
				technologyMenus.forEach(function (m) {
					m
						.classList
						.remove('active')
				})
				$$('.right .item').forEach(function (item) {
					item.style.display = 'none'
				})
				this
					.classList
					.add('active')
				$$(this.dataset.selector).forEach(function (item) {
					item.style.display = 'block'
				})
			})
		})

		items.forEach(function (m) {
			var a = m.querySelector('a')
			var path = a.dataset.href || a.href
			if (!path)
				return
			if (location.href.includes(path)) {
				m
					.classList
					.add('active')
			}
		})

		const langMenus = $('.main-nav .lang-menus')
		langMenus.addEventListener('click', function (e) {
			e.stopPropagation();
			const locale = `zh-ch`
			let lang = ''
			if (locale === 'zh-ch') {
				lang = 'en-us'
			} else {
				lang = 'zh-ch'
			}
			document.cookie = `locale=${lang}; path=/; max-age=31536000;`
			document.cookie = `lastModifyLang=${lang}; path=/; max-age=31536000;`
			location.reload()
		})
		const mobileLangMenu = $('.mobile-nav .lang-menus')
		mobileLangMenu.addEventListener('click', function (e) {
			e.stopPropagation();
			const locale = `zh-ch`
			let lang = ''
			if (locale === 'zh-ch') {
				lang = 'en-us'
			} else {
				lang = 'zh-ch'
			}
			document.cookie = `locale=${lang}; path=/; max-age=31536000;`
			document.cookie = `lastModifyLang=${lang}; path=/; max-age=31536000;`
			location.reload()
		})

		/* var langMenus = $$('.lang-menus .sub-menu span')
		langMenus.forEach(function (m) {
			m.addEventListener('click', function (e) {
				const lang = e.target.getAttribute('data-lang')
				document.cookie = `locale=${lang}; path=/; max-age=31536000;`
				document.cookie = `lastModifyLang=${lang}; path=/; max-age=31536000;`
				location.reload()
			})
		})

		var mobileLangMenu = $('.mobile-nav .nav-right .lang-menus .menu')
		mobileLangMenu.addEventListener('click', function (e) {
			e.stopPropagation();
			$('.lang-menus .sub-menu').classList.toggle('active');
		});
		if (window.innerWidth <= 768) {
			document.addEventListener('click', function (e) {
				if (!e.target.closest('.lang-menus')) {
					$('.lang-menus .sub-menu').classList.remove('active');
				}
			});
		} */
		// 添加按钮事件
		$('.product-menus .sub-menu .custom').addEventListener('click', function () {
			showDialog()
		})
	</script>
	<style> .gw-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.5);
}
.gw-modal .btn-container-m {
  display: none;
  width: 100%;
  border-radius: 0.1111rem;
  font-size: 0.4167rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.1111rem;
  margin-top: 0.6667rem;
  position: fixed;
  bottom: 0;
}
.gw-modal .btn-container-m .m-btn {
  width: 100% !important;
  height: 1.1111rem !important;
  background: #2f54eb !important;
  border-radius: 0.1111rem !important;
}

.modal-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  background: #ffffff;
}
.modal-container .modal-header {
  padding-left: 40px;
  font-size: 20px;
  font-weight: 600;
  color: #2a2b2e;
  line-height: 32px;
}
.modal-container .close {
  font-size: 24px;
  margin-top: 4px;
  margin-right: 12px;
  font-family: monospace;
  color: rgb(47, 47, 47);
}
.modal-container .close:hover {
  color: rgb(86, 86, 86);
}
.modal-container .modal-main {
  font-size: 16px;
  padding: 24px 40px;
  font-size: 16px;
  font-weight: 400;
  color: #2a2b2e;
  line-height: 24px;
  height: auto;
  overflow-y: auto;
}
.modal-container label {
  font-weight: 400;
}
.modal-container .block {
  display: block;
}
.modal-container .require {
  color: #eb2f2f;
}
.modal-container .checkbox-group {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.modal-container .m-checkbox {
  display: inline-block;
  margin-bottom: 16px;
}
.modal-container .m-checkbox input[type=checkbox] {
  margin-right: 8px;
}
.modal-container .m-btn {
  height: 48px;
  background: #2f54eb;
  border: none;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
  padding: 0 24px;
}
.modal-container .btn-container {
  text-align: center;
}
.modal-container .form-item {
  margin-bottom: 15px;
}
.modal-container .input {
  width: 100%;
  height: 40px;
  background: #ffffff;
  border: 1px solid #d5d7de;
  outline: none;
  padding: 0 12px;
}
.modal-container .input:hover {
  border: 1px solid #2f54eb;
}
.modal-container .form-error {
  color: #eb2f2f;
  font-size: 12px;
  text-align: left;
}

.aside-button {
  z-index: 999;
  position: fixed;
  right: 8px;
  bottom: 50%;
  transform: translateY(50%);
  width: 64px;
  height: 275px;
  background-image: linear-gradient(180deg, #0005ff 0%, #00ccff 100%);
  box-shadow: 0 12px 28px -4px rgba(27, 31, 37, 0.1215686275);
  border-radius: 12px;
  color: #ffffff;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.aside-button .item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2509803922);
  text-align: center;
}
.aside-button .item:last-of-type {
  border-bottom: none;
}
.aside-button .item > img {
  width: 32px;
  height: 32px;
  margin-bottom: 4px;
}
.aside-button .item .qr-code-img {
  width: 160px;
  height: 160px;
  padding: 16px;
  background: #ffffff;
  box-shadow: 0 12px 28px -4px rgba(27, 31, 37, 0.1215686275);
  border-radius: 12px;
  position: absolute;
  right: 72px;
  bottom: -50px;
  display: none;
}
.aside-button .item .qr-code-img > img {
  width: 100%;
  height: 100%;
}
.aside-button .item-qr-code:hover .qr-code-img {
  display: block;
}

@media screen and (max-width: 750px) {
  .aside-button {
    display: none;
    bottom: 2.77rem;
    transform: none;
  }
  .aside-button .qr-code-img {
    right: 1.9rem;
  }
  .gw-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
  }
  .modal-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    transform: translate(0, 0);
    background: #ffffff;
  }
  .btn-container {
    display: none !important;
  }
  .btn-container-m {
    display: block !important;
  }
  .message-success {
    width: 340px !important;
    height: auto !important;
  }
}
.message-success {
  width: 640px;
  background: #e8f8f2;
  border: 1px solid #00a870;
  font-size: 16px;
  font-weight: 400;
  color: #00a870;
  line-height: 22px;
  position: fixed;
  top: 60px;
  left: 50%;
  transform: translate(-50%, -100%);
  opacity: 0.3;
  animation: message 0.4s forwards;
  z-index: 199999;
  padding: 20px;
  display: flex;
}
.message-success img {
  vertical-align: middle;
  margin-right: 12px;
  width: 24px;
  height: 24px;
}

@keyframes message {
  to {
    transform: translate(-50%, 0);
    opacity: 1;
  }
}</style>
<div id="hlmcghsm" class="aside-button">
  <div id="yhybpzdl" class="item item-apply">
    
    <div>
      <!-- 免费试用 -->
      免费试用
    </div>
  </div>
  <div id="btntakrt" class="item item-apply">
    
    <div>
      <!-- 资料领取 -->
      资料领取
    </div>
  </div>
  <div id="ggdcmacg" class="item item-apply">
    
    <div>
      <!-- 预约演示 -->
      预约演示
    </div>
  </div>
  <div id="kwwsrerz" class="item item-qr-code">
    
    <div>
      <!-- 扫码咨询 -->
      扫码咨询
    </div>
    <div id="hymctene" class="qr-code-img">
      
    </div>
  </div>
</div>
<div id="amnjsshe" class="gw-modal">
  <div id="tlknbyxg" class="modal-container">
    <div id="lrbwmcfz" class="modal-menu"></div>
    <header class="modal-header">
      <!-- 填写资料 -->
      填写资料
      <span class="close">
        <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
          xmlns:xlink="http://www.w3.org/1999/xlink">
          <path
            d="M5.94621165,4.89705176 L6.03033009,4.96966991 L12,10.939 L17.9696699,4.96966991 C18.2625631,4.6767767 18.7374369,4.6767767 19.0303301,4.96966991 C19.2965966,5.23593648 19.3208027,5.65260016 19.1029482,5.94621165 L19.0303301,6.03033009 L13.061,12 L19.0303301,17.9696699 C19.3232233,18.2625631 19.3232233,18.7374369 19.0303301,19.0303301 C18.7640635,19.2965966 18.3473998,19.3208027 18.0537883,19.1029482 L17.9696699,19.0303301 L12,13.061 L6.03033009,19.0303301 C5.73743687,19.3232233 5.26256313,19.3232233 4.96966991,19.0303301 C4.70340335,18.7640635 4.6791973,18.3473998 4.89705176,18.0537883 L4.96966991,17.9696699 L10.939,12 L4.96966991,6.03033009 C4.6767767,5.73743687 4.6767767,5.26256313 4.96966991,4.96966991 C5.23593648,4.70340335 5.65260016,4.6791973 5.94621165,4.89705176 Z">
          </path>
        </svg>
      </span>
    </header>
    <main class="modal-main form-horizontal">
      
        <div id="zjwrjblq" class="form-item">
          <label class="block">
            <!-- 姓名 -->
            姓名
            <span class="require">*</span> </label>
          <div>
            <!-- 请输入姓名 -->
            
          </div>
          <div id="rlrgdbhz" class="form-error"></div>
        </div>
        <div id="tsrhewfm" class="form-item">
          <label class="block">
            <!-- 手机号 -->
            手机号
            <span class="require">*</span> </label>
          <div>
            <!-- 请输入手机号 -->
            
          </div>
          <div id="frsqwbad" class="form-error"></div>
        </div>
        <div id="hefwrjjc" class="form-item">
          <label class="block">
            <!-- 公司名称 -->
            公司名称
            <span class="require">*</span> </label>
          <div>
            <!-- 请输入公司名称 -->
            
          </div>
          <div id="zrnwsyag" class="form-error"></div>
        </div>
        <div id="snawfnnx" class="form-item">
          <label class="block">
            <!-- 公司地址 -->
            公司地址
            <span class="require">*</span> </label>
          <div>
            <!-- 请输入公司地址 -->
            
          </div>
          <div id="grpmhgey" class="form-error"></div>
        </div>

        <div id="kcnwqakd" class="btn-container">
          <button class="m-btn" type="button" id="btnSubmit">
            <!-- 立即提交 -->
            立即提交
          </button>
        </div>
      
    </main>
  </div>
  <div id="rcpfexmz" class="btn-container-m">
    <button class="m-btn" type="button" id="btnSubmit-m">
      <!-- 申请效果演示 -->
      立即提交
    </button>
  </div>
</div>


<script>

  function showDialog() {
    $('.gw-modal').style.display = 'block'
    document.body.style.overflow = 'hidden'
  }
  function message() {
    const $msg = document.createElement('div')
    $msg.innerHTML = ` 提交成功，客服经理会尽快给您回电`
    document.body.appendChild($msg)
    $msg.classList.add('message-success')
    setTimeout(function () {
      $msg.remove()
    }, 3000)
  }
  if (location.hash.includes('booking')) {
    showDialog()
  }
  function resetForm() {
    const inputs = document.querySelectorAll(".booking-form input");
    inputs.forEach(input => {
      input.value = "";
    });
    Array.from($$('.booking-form .form-error')).forEach(element => {
      element.innerHTML = ''
    });
  }
  //点击预约演示显示模态框
  $$('.item-apply').forEach(item => {
    item.addEventListener('click', function () {
      showDialog();
    });
  });
  $('.mobile-appointment').addEventListener('click', function () {
    showDialog()
  })
  $('.modal-container .close').addEventListener('click', function () {
    $('.gw-modal').style.display = 'none'
    document.body.style.overflow = ''
  })
  async function btnClick() {
    var formElement = document.querySelector(".booking-form");
    var formData = new FormData(formElement);
    Array.from($$('.booking-form .form-error')).forEach(element => {
      element.innerHTML = ''
    });
    if (!formData.get('name')) {
      // 姓名必填
      $$('.booking-form .form-error')[0].innerHTML = `* 姓名必填</br>`
    }
    if (formData.get('name').length >= 20) {
      // 姓名应小于20字符
      $$('.booking-form .form-error')[0].innerHTML = `* 姓名应小于20字符</br>`
    }
    if (!formData.get('phone')) {
      // 电话必填
      $$('.booking-form .form-error')[1].innerHTML = `* 电话必填</br>`
    }
    if (formData.get('phone').length >= 20) {
      // 电话应小于20字符
      $$('.booking-form .form-error')[1].innerHTML = `* 电话应小于20字符</br>`
    }
    if (!formData.get('company_name')) {
      // 公司名称必填
      $$('.booking-form .form-error')[2].innerHTML = `* 公司名称必填</br>`
    }
    if (formData.get('company_name').length >= 20) {
      // 公司名称应小于20字符
      $$('.booking-form .form-error')[2].innerHTML = `* 公司名称应小于20字符</br>`
    }
    if (!formData.get('company_address')) {
      // 公司地址必填
      $$('.booking-form .form-error')[3].innerHTML = `* 公司地址必填</br>`
    }
    if (formData.get('company_address').length >= 100) {
      // 公司地址应小于100字符
      $$('.booking-form .form-error')[3].innerHTML = `* 公司地址应小于100字符</br>`
    }
    let errorFlag = false;
    Array.from($$('.booking-form .form-error')).forEach(element => {
      if (element.innerHTML) errorFlag = true
    });
    if (errorFlag) return
    const body = {}
    const response = await fetch('/created-booking', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        name: formData.get('name'),
        company_name: formData.get('company_name'),
        company_address: formData.get('company_address'),
        phone: formData.get('phone'),
        industry: formData.getAll('industry'),
        referrer: document.referrer,
        current_url: location.href,
        position: formData.get('position')
      }),
    })
    await response.json()
    message()
    $('.gw-modal').style.display = 'none'
    document.body.style.overflow = ''
    resetForm()
  }
  $('#btnSubmit').addEventListener('click', btnClick);
  $('#btnSubmit-m').addEventListener('click', btnClick);


  const menu = $('.modal-menu');
  const menuItem = $('.mobile-brand-header')?.cloneNode(true);
  const menuItemHidd = $('.mobile-menu').cloneNode(true);
  if (menuItem) {
    menu.appendChild(menuItem);
  }
  if (menuItemHidd) {
    menu.appendChild(menuItemHidd);
  }

  let isProductList_modal = false
  let isAbilityList_modal = false
  const openMenuBtn_modal = $('.gw-modal .openMenuBtn');
  const mobileMenu_modal = $('.gw-modal .mobile-menu');
  const closeMenuBtn_modal = $('.gw-modal .closeMenuBtn')
  const productList_modal = $('.gw-modal .productList')
  const product_modal = $('.gw-modal #product')
  const abilityList_modal = $('.gw-modal .abilityList')
  const ability_modal = $('.gw-modal #ability')
  openMenuBtn_modal?.addEventListener('click', () => {
    mobileMenu_modal.style.right = '0';
  })
  closeMenuBtn_modal?.addEventListener('click', () => {
    mobileMenu_modal.style.right = '-10rem';
  })
  productList_modal?.addEventListener('click', () => {
    if (!isProductList_modal) {
      product_modal.className = 'mobile-menu-item-content active'
      productList_modal
        .children[1]
        .className = 'iconfont gw-xiangshang'
      isProductList_modal = true
    } else {
      product_modal.className = 'mobile-menu-item-content'
      productList_modal
        .children[1]
        .className = 'iconfont gw-xiangxia'
      isProductList_modal = false
    }
  })
  abilityList_modal?.addEventListener('click', () => {
    if (!isAbilityList_modal) {
      ability_modal.className = 'mobile-menu-item-content active'
      abilityList_modal
        .children[1]
        .className = 'iconfont gw-xiangshang'
      isAbilityList_modal = true
    } else {
      ability_modal.className = 'mobile-menu-item-content'
      abilityList_modal
        .children[1]
        .className = 'iconfont gw-xiangxia'
      isAbilityList_modal = false
    }
  })

</script>

	<div id="xhpftqmx" style="flex-grow:1;flex-shrink:1;">
		
<div id="fkqlpntm" class="home" lang="zh-ch">
  <div id="rhdfdcjw" class="video-zhiyi-container">
  <div id="ddsyctqf" class="bg-box">
    
    
  </div>
  <div id="lqlgarzq" class="head-title-box">
    <div id="pgbjwnrk" class="head-title" data-animation="fadeInUp">
      <!-- 数据洞察时尚趋势 -->
      数据洞察时尚趋势
    </div>
    <div id="wdgfsrcw" class="head-title" data-animation="fadeInUp">
      <span class="special-title">AI</span><!-- 助力企业增长决策 -->助力企业增长决策
    </div>
    <div id="ykyaycay" class="typewriter head-tip">
      <span id="typewriter-text"></span>
      <span class="cursor">|</span>
    </div>
    <div id="hxskymnp" class="head-tip">
      <!-- 让您在市场竞争中保持领先地位 -->
      让您在市场竞争中保持领先地位
    </div>
    <div id="ybmcfjjp" class="link-btn">
      <!-- 免费使用 -->
      <span>免费试用</span>
    </div>
    <div id="qnrbbmqw" class="btn-tip">
      <!-- 每日限免77个名额 -->
      每日限免77个名额
    </div>
  </div>
  <div id="krdlsrbn" class="video-box">
    <video id="head-video" src="https://cdn.zhiyitech.cn/material/c181840a28a166ef9aaffed92d9663f5" autoplay muted
      playsinline>
    </video>
    <div id="hkzcqzbg" class="control" data-play="false">
      
      
    </div>
    <div id="qgrghjrh" class="video-progress-btn-box"></div>
  </div>
  <div id="xqeyansd" class="head-brand-swiper">
    <div id="wyyreell" class="swiper-wrapper" style="animation-duration: 30s;">
      <div id="ncsfcfkj" class="swiper-slide" title="江南布衣">
        
      </div>
      <div id="pzqgrfjg" class="swiper-slide" title="三彩">
        
      </div>
      <div id="aneqkqrp" class="swiper-slide" title="影儿集团">
        
      </div>
      <div id="pqgpxxjc" class="swiper-slide" title="雅莹">
        
      </div>
      <div id="pthyltlm" class="swiper-slide" title="海澜之家">
        
      </div>
      <div id="zbwenjkk" class="swiper-slide" title="森马">
        
      </div>
      <div id="teppxkpq" class="swiper-slide" title="唐狮">
        
      </div>
      <div id="exrbqscx" class="swiper-slide" title="GXG">
        
      </div>
      <div id="ekglsrfb" class="swiper-slide" title="巴拉巴拉">
        
      </div>
      <div id="czsgtqth" class="swiper-slide" title="京东">
        
      </div>
      <div id="skwpedrk" class="swiper-slide" title="唯品会">
        
      </div>
      <div id="fdtqrjms" class="swiper-slide" title="耐克">
        
      </div>
      <div id="gjeccrjb" class="swiper-slide" title="蕉内">
        
      </div>
      <div id="ctatwkay" class="swiper-slide" title="骆驼">
        
      </div>
      <div id="xkweqkhq" class="swiper-slide" title="江南布衣">
        
      </div>
      <div id="ntfwhexy" class="swiper-slide" title="三彩">
        
      </div>
      <div id="lsjjrrqr" class="swiper-slide" title="影儿集团">
        
      </div>
      <div id="rceanmgz" class="swiper-slide" title="雅莹">
        
      </div>
      <div id="kckzsgxc" class="swiper-slide" title="海澜之家">
        
      </div>
      <div id="zyferkmq" class="swiper-slide" title="森马">
        
      </div>
      <div id="jnnwxgyw" class="swiper-slide" title="唐狮">
        
      </div>
      <div id="zmblpdky" class="swiper-slide" title="GXG">
        
      </div>
      <div id="yxfqenhf" class="swiper-slide" title="巴拉巴拉">
        
      </div>
      <div id="zzesrecb" class="swiper-slide" title="京东">
        
      </div>
      <div id="mgkhdhwb" class="swiper-slide" title="唯品会">
        
      </div>
      <div id="qkngmwzq" class="swiper-slide" title="耐克">
        
      </div>
      <div id="sjpghrzc" class="swiper-slide" title="蕉内">
        
      </div>
      <div id="xxtxeckj" class="swiper-slide" title="骆驼">
        
      </div>
    </div>
    <div id="wdyerzfa" class="mask-left brand-mask">
      
    </div>
    <div id="byljnbph" class="mask-right brand-mask">
      
    </div>
  </div>
</div>


<script>
  const isMobile = window.innerWidth < 768;
  // 打字机功能开始
  const textElement = document.getElementById('typewriter-text');
  // 掌控全球时尚数据，爆款概率提升50%
  // AI设计大模型，商拍和样衣制作成本降低95%
  const textArr = [
    `掌控全球时尚数据，爆款概率提升50%`,
    `AI设计大模型，商拍和样衣制作成本降低95%`
  ];
  let writeTextIndex = 0;
  let writeText = textArr[writeTextIndex]; // 要显示的文字
  let writeIndex = 0;
  let isWriteDeleting = false;

  function typeWriter() {
    const currentText = textElement.innerText;

    if (!isWriteDeleting) {
      // 打字阶段
      textElement.innerText = writeText.slice(0, writeIndex + 1);
      writeIndex++;
      if (writeIndex > writeText.length) {
        isWriteDeleting = true;
        setTimeout(typeWriter, 1000); // 暂停 1 秒后开始删除
      } else {
        setTimeout(typeWriter, 100); // 打字速度
      }
    } else {
      // 删除阶段
      textElement.innerText = writeText.slice(0, writeIndex - 1);
      writeIndex--;
      if (writeIndex === 0) {
        isWriteDeleting = false;
        writeTextIndex = (writeTextIndex + 1) % textArr.length;
        writeText = textArr[writeTextIndex];
      }
      setTimeout(typeWriter, 100); // 删除速度
    }
  }

  typeWriter(); // 启动打字机效果
  // 打字机功能结束
  // 视频进度条功能开始
  // TODO: 视频地址待替换
  const videoArr = [
    {
      // AI选品
      title: `AI选品`,
      url: 'https://cdn.zhiyitech.cn/material/c181840a28a166ef9aaffed92d9663f5'
    },
    {
      // AI设计
      title: `AI设计`,
      url: 'https://cdn.zhiyitech.cn/material/6b6e3959539a5eb16de814a9ca4856c7'
    },
    {
      // AI Agent
      title: `AI Agent`,
      url: 'https://cdn.zhiyitech.cn/material/7dfc0e9d4eea2abbfc1f1b4142dcd03f'
    }
  ]
  let currentPlayVideo = 0;
  let headVideoManual = false
  const video = document.getElementById('head-video');
  const videoProgressBtnBox = document.querySelector('.video-progress-btn-box');
  const videoObserver = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
      // 监控video元素可见区域占比，超过70%时播放，否则暂停
      if (entry.intersectionRatio > 0) {
        if (entry.isIntersecting && entry.intersectionRatio >= 0.7) {
          if (entry.target.id === 'head-video') {
            if (headVideoManual) return
            changeHeadPlay('play')
          }
          if (entry.target.id === 'interview-video') {
            if (interviewVideoManual) return
            changeInterviewPlay('play')
          }
          entry.target.play()
        } else {
          if (entry.target.id === 'head-video') {
            if (headVideoManual) return
            changeHeadPlay('pause')
          }
          if (entry.target.id === 'interview-video') {
            if (interviewVideoManual) return
            changeInterviewPlay('pause')
          }
          entry.target.pause();
        }
      } else {
        entry.target.pause();
        if (entry.target.id === 'head-video') {
          if (headVideoManual) return
          changeHeadPlay('pause')
        }
        if (entry.target.id === 'interview-video') {
          if (interviewVideoManual) return
          changeInterviewPlay('pause')
        }
      }
    });
  }, {
    threshold: [0, 0.3, 0.7]
  });
  videoObserver.observe(video);
  const videoControl = document.querySelector('.video-box .control');
  videoControl.addEventListener('click', (e) => {
    if (videoControl.dataset.play === 'false') {
      headVideoManual = false
      window.scrollTo({
        top: isMobile ? 200 : 500,
        behavior: 'smooth'
      });
      changeHeadPlay('play')
      video.play()
    } else {
      video.pause()
      headVideoManual = true
      changeHeadPlay('pause')
    }
  })
  function changeHeadPlay(type) {
    videoControl.dataset.play = type === 'play';
  }
  // 创建进度条按钮
  function createVideoProgressBtn() {
    videoArr.forEach((item, index) => {
      const btn = document.createElement('div');
      btn.classList.add('video-progress-btn');
      btn.innerHTML = `
          <div id="wlygwlbs" class="title">${item.title}</div>
        `;
      btn.addEventListener('click', () => {
        playVideo(index)
      })
      videoProgressBtnBox.appendChild(btn);
    })
  }

  // 播放视频
  function playVideo(index) {
    video.src = videoArr[index].url;
    video.load();
    video.play();
    currentPlayVideo = index; // 更新当前播放的视频索引

    // 移除所有按钮的 active 类，并添加当前播放的按钮的 active 类
    videoProgressBtnBox.querySelectorAll('.video-progress-btn').forEach((item, i) => {
      item.classList.remove('active')
      // 移除进度条
      if (item.querySelector('.video-progress-bar')) {
        item.removeChild(item.querySelector('.video-progress-bar'));
      }
      if (i === currentPlayVideo) {
        item.classList.add('active')
        // 添加进度条
        const progressBar = document.createElement('div');
        progressBar.classList.add('video-progress-bar');
        item.appendChild(progressBar);
      }
    })

    // 获取当前激活的按钮
    const currentBtn = videoProgressBtnBox.querySelector('.video-progress-btn.active');
    // 清除旧监听器
    video.onended = null;
    video.ontimeupdate = null;
    // 添加新监听器
    video.onended = function () {
      const nextIndex = (currentPlayVideo + 1) % videoArr.length;
      playVideo(nextIndex);
    };

    // 更新进度条
    video.ontimeupdate = function () {
      const progress = (video.currentTime / video.duration) * 100;
      currentBtn.querySelector('.video-progress-bar').style.width = `${progress}%`;
    };
  }
  createVideoProgressBtn()
  playVideo(0)
  // 视频进度条功能结束
  // 添加按钮事件
  $('.video-zhiyi-container .head-title-box .link-btn').addEventListener('click', function () {
    showDialog()
  })
</script>

  <div id="zddafwdf" class="full-link-container">
  <div id="yecjqgnz" class="head-title-box" data-animation="fadeInUp">
    <div id="nslzahwk" class="title">
      <!-- 时尚产业AI全链路解决方案 -->
      时尚产业AI全链路解决方案
    </div>
    <div id="pbtbsxlk" class="tip">
      <!-- 从企划选品趋势洞察、设计协同管理到运营数据智能分析，再到网红营销精准触达，K8·凯发中国一触即发科技以全链路数字化解决方案，为企业提供一站式增长赋能。 -->
      从企划选品趋势洞察、设计协同管理到运营数据智能分析，再到网红营销精准触达，K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发科技以全链路数字化解决方案，为企业提供一站式增长赋能。
    </div>
  </div>
  <div id="smfkfjea" class="link-box">
    
    <div id="chyfxxlm" class="link-line mask">
      <div id="xsxpslas" class="bg"></div>
    </div>
    
    <div id="nhfjyfpk" class="link-full-btn-box-swiper">
      <div id="twaskaxn" class="swiper-wrapper">
        <div id="dfnearpj" class="link-full-btn top swiper-slide" data-index="1">
          <div id="qezxnmjm" class="container">
            <div id="fmxtxgwb" class="text-container">
              <span>
                <!-- 趋势洞察 -->
                趋势洞察
              </span>
            </div>
            <div id="aybhrebx" class="point"></div>
          </div>
        </div>
        <div id="jpgcnnrq" class="link-full-btn bottom swiper-slide" data-index="2">
          <div id="glparagd" class="container">
            <div id="myzzazht" class="point"></div>
            <div id="zznngzah" class="text-container">
              <span>
                <!-- 高效选品 -->
                高效选品
              </span>
            </div>
          </div>
        </div>
        <div id="wcedpsxn" class="link-full-btn top swiper-slide" data-index="3">
          <div id="dbwjntgf" class="container">
            <div id="sssdqysj" class="text-container">
              <span>
                <!-- AI设计 -->
                AI设计
              </span>
            </div>
            <div id="rgrbapbl" class="point"></div>
          </div>
        </div>
        <div id="jqpseyzt" class="link-full-btn bottom swiper-slide" data-index="4">
          <div id="kgrcgaes" class="point"></div>
          <div id="bamaldpb" class="container">
            <div id="cxmpabnh" class="text-container">
              <span>
                <!-- 智配面料 -->
                智配面料
              </span>
            </div>
          </div>
        </div>
        <div id="znbtnayb" class="link-full-btn top swiper-slide" data-index="5">
          <div id="hlfxyxnh" class="container">
            <div id="ktagceac" class="text-container">
              <span>
                <!-- 智能营销 -->
                智能营销
              </span>
            </div>
          </div>
          <div id="mkjnyxsz" class="point"></div>
        </div>
      </div>
    </div>
  </div>
  <!-- 趋势洞察 -->
  <div id="qanfljzc" class="link-container" data-active="1">
    <div id="zpttwzlt" class="card-box">
      <div id="hjgqcpmg" class="card-col">
        
          
          <div id="kpwhmwbx" class="title">
            K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发
          </div>
          <div id="fjeyptke" class="tip">
            电商大数据趋势追踪
          </div>
        
      </div>
      <div id="gcbxajqc" class="card-col">
        
          
          <div id="tcspkhfc" class="title">
            海外探款
          </div>
          <div id="hfbmkgzj" class="tip">
            高效挖掘海外服饰趋势
          </div>
        
      </div>
      <div id="cffxnbmh" class="card-col-2">
        
          
          <div id="khmlbgts" class="title">
            抖衣
          </div>
          <div id="hdbazrzz" class="tip">
            抖音服饰爆款挖掘与趋势分析
          </div>
        
        
          
          <div id="dqcekhex" class="title">
            炼丹炉
          </div>
          <div id="ehegdder" class="tip">
            商业智能决策工具，实现业绩高效增长
          </div>
        
      </div>
      <div id="qzmlxkpp" class="card-col">
        
          
          <div id="pddnzydl" class="title">
            Trendscopes
          </div>
          <div id="mpdwapsd" class="tip">
            洞察全球时尚趋势
          </div>
        
      </div>
    </div>
    <div id="shgtawxf" class="prop-box">
      <div id="jjfscctq" class="prop-item">
        <div id="smxknsdc" class="prop-icon">
          
        </div>
        <div id="znbbfdxr" class="prop-label">
          <!-- 品类洞察 -->
          品类洞察
        </div>
      </div>
      <div id="sfpnpcyp" class="prop-item">
        <div id="bxwrtnmy" class="prop-icon">
          
        </div>
        <div id="ekwhsjht" class="prop-label">
          <!-- 热销爆款 -->
          热销爆款
        </div>
      </div>
      <div id="bqbxzcfy" class="prop-item">
        <div id="lkgqflez" class="prop-icon">
          
        </div>
        <div id="hkmqlrem" class="prop-label">
          <!-- 价格带分析 -->
          价格带分析
        </div>
      </div>
      <div id="xjaglxjf" class="prop-item">
        <div id="xhjzecmq" class="prop-icon">
          
        </div>
        <div id="gjyjxqcs" class="prop-label">
          <!-- 属性分析 -->
          属性分析
        </div>
      </div>
      <div id="tqjjfpae" class="prop-item">
        <div id="nwycqenm" class="prop-icon">
          
        </div>
        <div id="slcpcxde" class="prop-label">
          <!-- 竞店分析 -->
          竞店分析
        </div>
      </div>
      <div id="rrwejqsa" class="prop-item">
        <div id="lljcqkzk" class="prop-icon">
          
        </div>
        <div id="rgamsqen" class="prop-label">
          <!-- 竞店商品监控 -->
          竞店商品监控
        </div>
      </div>
      <div id="xghlyyff" class="prop-item">
        <div id="hhwjwthb" class="prop-icon">
          
        </div>
        <div id="ybawfjqp" class="prop-label">
          <!-- 社媒趋势 -->
          社媒趋势
        </div>
      </div>
      <div id="khqanmql" class="prop-item">
        <div id="rmntcknp" class="prop-icon">
          
        </div>
        <div id="jwjlqnbb" class="prop-label">
          <!-- 电商趋势 -->
          电商趋势
        </div>
      </div>
    </div>
  </div>
  <!-- 高效选品 -->
  <div id="efdhyhey" class="link-container" data-active="2">
    <div id="ahdmynyj" class="card-box">
      <div id="hwxcctxe" class="card-col">
        
          
          <div id="akgjpkdr" class="title">
            知款
          </div>
          <div id="mawcefgf" class="tip">
            快速发现时尚趋势灵感
          </div>
        
      </div>
      <div id="wrnerfcn" class="card-col">
        
          
          <div id="rjnkewaq" class="title">
            K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发
          </div>
          <div id="mzewhbdr" class="tip">
            电商大数据趋势追踪
          </div>
        
      </div>
      <div id="ecgjxhys" class="card-col">
        
          
          <div id="sddnkxnh" class="title">
            海外探款
          </div>
          <div id="ggmckpwg" class="tip">
            高效挖掘海外服饰趋势
          </div>
        
      </div>
      <div id="mjrygpcz" class="card-col">
        
          
          <div id="cjshbzty" class="title">
            抖衣
          </div>
          <div id="exqbqdkd" class="tip">
            抖音服饰爆款挖掘与趋势分析
          </div>
        
      </div>
    </div>
    <div id="paspwxsp" class="prop-box">
      <div id="bcgcrden" class="prop-item">
        <div id="ajjegnry" class="prop-icon">
          
        </div>
        <div id="rnralzwz" class="prop-label">
          <!-- 智能推荐 -->
          智能推荐
        </div>
      </div>
      <div id="xrfjbmna" class="prop-item">
        <div id="jczhmyjt" class="prop-icon">
          
        </div>
        <div id="hemxfxxf" class="prop-label">
          <!-- 以图搜图 -->
          以图搜图
        </div>
      </div>
      <div id="zelaldmw" class="prop-item">
        <div id="qbtqxfet" class="prop-icon">
          
        </div>
        <div id="jpxldxnf" class="prop-label">
          <!-- 以色搜款 -->
          以色搜款
        </div>
      </div>
      <div id="sfrkrlny" class="prop-item">
        <div id="tkykwmdy" class="prop-icon">
          
        </div>
        <div id="tjlsnefk" class="prop-label">
          <!-- 电商新品 -->
          电商新品
        </div>
      </div>
      <div id="zfghdbfy" class="prop-item">
        <div id="rpfrsdxe" class="prop-icon">
          
        </div>
        <div id="nesfdkyy" class="prop-label">
          <!-- 直播爆款 -->
          直播爆款
        </div>
      </div>
      <div id="etzyqsxh" class="prop-item">
        <div id="gmkeaqgt" class="prop-icon">
          
        </div>
        <div id="edtgfrnc" class="prop-label">
          <!-- 社媒热帖 -->
          社媒热帖
        </div>
      </div>
      <div id="xgsxcape" class="prop-item">
        <div id="wgzymdsl" class="prop-icon">
          
        </div>
        <div id="jrdnxejz" class="prop-label">
          <!-- 全球秀场 -->
          全球秀场
        </div>
      </div>
      <div id="bthszfyz" class="prop-item">
        <div id="jzdqpbcm" class="prop-icon">
          
        </div>
        <div id="lynzwrje" class="prop-label">
          <!-- 品牌站点 -->
          品牌站点
        </div>
      </div>
    </div>
  </div>
  <!-- AI设计 -->
  <div id="rntxqalw" class="link-container" data-active="3">
    <div id="blljxnjb" class="card-box">
      <div id="lrzmkpnq" class="card-col">
        
          
          <div id="praxtdxg" class="title">
            Fashion Diffusion+
          </div>
          <div id="mtpjjkgl" class="tip">
            AI加持的智能设计与商拍高效工具
          </div>
        
      </div>
      <div id="gssekrdc" class="card-col">
        
          
          <div id="lqbzjzhf" class="title">
            美念
          </div>
          <div id="lafdpeyf" class="tip">
            素材云端存储/团队协作
          </div>
        
      </div>
    </div>
    <div id="hdbaczdm" class="prop-box">
      <div id="wkyzkmcn" class="prop-item">
        <div id="wnpswmrx" class="prop-icon">
          
        </div>
        <div id="pccyqmpm" class="prop-label">
          <!-- 款式上身 -->
          款式上身
        </div>
      </div>
      <div id="hkzzjmww" class="prop-item">
        <div id="asnebsqc" class="prop-icon">
          
        </div>
        <div id="wccbfjyb" class="prop-label">
          <!-- 款式创新 -->
          款式创新
        </div>
      </div>
      <div id="cqgwcxrd" class="prop-item">
        <div id="aeqdysab" class="prop-icon">
          
        </div>
        <div id="anzwwjkx" class="prop-label">
          <!-- 线稿成款 -->
          线稿成款
        </div>
      </div>
      <div id="bkdttwll" class="prop-item">
        <div id="klhcxbsn" class="prop-icon">
          
        </div>
        <div id="ldpfwpqe" class="prop-label">
          <!-- 局部改款 -->
          局部改款
        </div>
      </div>
      <div id="larnxcmc" class="prop-item">
        <div id="wnddqgbn" class="prop-icon">
          
        </div>
        <div id="apkcmccc" class="prop-label">
          <!-- 智能换景 -->
          智能换景
        </div>
      </div>
      <div id="hzwcldfm" class="prop-item">
        <div id="xaqasshr" class="prop-icon">
          
        </div>
        <div id="ccgdjdqt" class="prop-label">
          <!-- 图片采集 -->
          图片采集
        </div>
      </div>
      <div id="hnfyemjg" class="prop-item">
        <div id="gfqkrjas" class="prop-icon">
          
        </div>
        <div id="pswcrkhk" class="prop-label">
          <!-- 样衣管理 -->
          样衣管理
        </div>
      </div>
      <div id="yjmhnttt" class="prop-item">
        <div id="baqpsxky" class="prop-icon">
          
        </div>
        <div id="gxycpxnl" class="prop-label">
          <!-- 协作审批 -->
          协作审批
        </div>
      </div>
    </div>
  </div>
  <!-- 智配面料 -->
  <div id="eqwjkfan" class="link-container" data-active="4">
    <div id="snjrbwjj" class="person-box" style="gap: 16px;">
        <div id="amelgqtr" class="person" target="_blank"
          href="none">
          <div id="qxszlmmq" class="base-info">
            
            <div>
              <!-- 我是面料商 -->
              <div id="pfnxcqjw" class="title">我是面料商</div>
              <!-- AI 成款+精准投放，拓客更高效 -->
              <div id="wedalyer" class="tips">AI 成款+精准投放，拓客更高效</div>
              <!-- 立即开店 -->
              立即开店
            </div>
          </div>
          <div id="qzalgpbr" class="list">
            <div id="xyghpgwn" class="item">
              
              <div id="jdlyqdfh" class="advantage">
              <!-- 精准触达真实需求 -->
                <div id="hxfwjprx" class="title">精准触达真实需求</div>
              <!-- 通过趋势与选款路径智能投放，让面料在设计师决策节点被看到。 -->
                <div id="tsxabzfp" class="text">通过趋势与选款路径智能投放，让面料在设计师决策节点被看到。</div>
              </div>
            </div>
            <div id="aldegfqt" class="item">
            
            <div id="pnpagzre" class="advantage">
              <!-- 全托管线上开店 -->
              <div id="jfgkzdjn" class="title">全托管线上开店</div>
              <!-- 面料+款式一体化展示，直观呈现面料特色，Ai 自动成款，高效吸引设计师与品牌关注。 -->
              <div id="fafapjmx" class="text">面料+款式一体化展示，直观呈现面料特色，Ai 自动成款，高效吸引设计师与品牌关注。</div>
            </div>
          </div>
          <div id="zbcscpwr" class="item">
            
            <div id="zmmwazra" class="advantage">
              <!-- 洞察小红书与电商趋势 -->
              <div id="efklrrcw" class="title">洞察小红书与电商趋势</div>
              <!-- 实时掌握爆款内容与市场热度，精准把握流行方向，提升选款与营销效率。 -->
              <div id="bbffdzbb" class="text">实时掌握爆款内容与市场热度，精准把握流行方向，提升选款与营销效率。</div>
            </div>
          </div>
          </div>
        </div>
        <div id="rclgfehw" class="person" target="_blank"
          href="none">
          <div id="engylmme" class="base-info">
            
            <div>
              <!-- 我是设计师 -->
              <div id="ydmfekrb" class="title">我是设计师</div>
              <!-- 优质面料智能推荐，灵感直达成款 -->
              <div id="mhqtewqb" class="tips">优质面料智能推荐，灵感直达成款</div>
              <!-- 立即体验 -->
              立即体验
            </div>
          </div>
          <div id="afedmzgr" class="list">
            <div id="wrtmwkst" class="item">
              
              <div id="rwcbxqbe" class="advantage">
              <!-- 快速找到优质面料 -->
                <div id="snqfwbap" class="title">快速找到优质面料</div>
              <!-- 智能推荐+属性匹配，快速锁定符合设计和市场趋势的布料。 -->
                <div id="pethhrde" class="text">智能推荐+属性匹配，快速锁定符合设计和市场趋势的布料。</div>
              </div>
            </div>
            <div id="wkzcqlzg" class="item">
            
            <div id="tnajylrf" class="advantage">
              <!-- 免费找布 -->
              <div id="dsaxhstt" class="title">免费找布</div>
              <!-- 专业找布团队，为你免费找面料。 -->
              <div id="dsdcdjpy" class="text">专业找布团队，为你免费找面料。</div>
            </div>
          </div>
          <div id="wqlddscq" class="item">
            
            <div id="zyzwljme" class="advantage">
              <!-- 降本提效 -->
              <div id="qndtmeqf" class="title">降本提效</div>
              <!-- 面料与款式一体化展示，减少样布浪费，缩短开发周期。 -->
              <div id="ewtwfyez" class="text">面料与款式一体化展示，减少样布浪费，缩短开发周期。</div>
            </div>
          </div>
          </div>
        </div>
    </div>
  </div>
  <!-- 智能营销 -->
  <div id="qkslgzfh" class="link-container" data-active="5">
    <div id="zlhjyqfc" class="card-box">
      <div id="krgcplsg" class="card-col">
        
          
          <div id="wwmnpjjs" class="title">
            抖衣
          </div>
          <div id="necldkqh" class="tip">
            抖音服饰爆款挖掘与趋势分析
          </div>
        
      </div>
      <div id="rdxdqhak" class="card-col">
        
          
          <div id="pqhqcgsg" class="title">
            Trendscopes
          </div>
          <div id="ppyzychg" class="tip">
            洞察全球时尚趋势
          </div>
        
      </div>
      <div id="pjzacddg" class="card-col">
        
          
          <div id="jbbsmhzf" class="title">
            Fashion Diffusion+
          </div>
          <div id="dszpwepy" class="tip">
            AI加持的智能设计与商拍高效工具
          </div>
        
      </div>
    </div>
    <div id="dqmwyhxh" class="prop-box">
      <div id="parpssex" class="prop-item">
        <div id="bamcxcpf" class="prop-icon">
          
        </div>
        <div id="xzrqyddt" class="prop-label">
          <!-- 品牌分析 -->
          品牌分析
        </div>
      </div>
      <div id="xlfcfbaa" class="prop-item">
        <div id="nzejengc" class="prop-icon">
          
        </div>
        <div id="anbqppny" class="prop-label">
          <!-- 达人分析 -->
          达人分析
        </div>
      </div>
      <div id="njfaxyrd" class="prop-item">
        <div id="fslfkrxb" class="prop-icon">
          
        </div>
        <div id="hbbmzsyj" class="prop-label">
          <!-- 粉丝分析 -->
          粉丝分析
        </div>
      </div>
      <div id="gfwrdare" class="prop-item">
        <div id="kemhzcey" class="prop-icon">
          
        </div>
        <div id="zykwdbtx" class="prop-label">
          <!-- 直播分析 -->
          直播分析
        </div>
      </div>
      <div id="ynmfhnyp" class="prop-item">
        <div id="xhkendct" class="prop-icon">
          
        </div>
        <div id="wqsyrepw" class="prop-label">
          <!-- 作品分析 -->
          作品分析
        </div>
      </div>
      <div id="tyxhhhnc" class="prop-item">
        <div id="gfttcjrd" class="prop-icon">
          
        </div>
        <div id="thbkrrgg" class="prop-label">
          <!-- 投放分析 -->
          投放分析
        </div>
      </div>
      <div id="tnqafpmg" class="prop-item">
        <div id="pfdbygag" class="prop-icon">
          
        </div>
        <div id="eqbrnfeq" class="prop-label">
          <!-- 热词分析 -->
          热词分析
        </div>
      </div>
      <div id="plkfmntd" class="prop-item">
        <div id="qegmyzna" class="prop-icon">
          
        </div>
        <div id="nfjhpkzx" class="prop-label">
          <!-- 热门话题 -->
          热门话题
        </div>
      </div>
    </div>
  </div>
</div>


<script>
  const fullLinkContainer = document.querySelector('.full-link-container');
  const linkFullBtnBox = document.querySelector('.link-full-btn-box-swiper');
  const linkFullBtn = linkFullBtnBox.querySelectorAll('.link-full-btn');
  const linkContainer = document.querySelectorAll('.link-container');
  let activeLinkIndex = null;
  let linkTimer = null
  let linkAnimationEnd = false
  const fullLinkObserver = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        if (entry.intersectionRatio >= 0.1) {
          if (!linkTimer) {
            linkTimer = setInterval(() => {
              activeLinkIndex = (activeLinkIndex + 1) % linkContainer.length
              checkActiveLink(activeLinkIndex)
            }, 5000)
          }
        } else {
          clearInterval(linkTimer)
          linkTimer = null
        }
      } else {
        clearInterval(linkTimer)
        linkTimer = null
      }
    })
  }, {
    threshold: [0, 0.1, 0.9]
  })
  fullLinkObserver.observe(fullLinkContainer);
  linkFullBtn.forEach((item, index) => {
    item.querySelector('.container').addEventListener('mouseenter', () => {
      if (linkAnimationEnd) {
        checkActiveLink(index);
      }
    })
    item.querySelector('.container').addEventListener('click', () => {
      if (linkAnimationEnd) {
        checkActiveLink(index);
      }
    })
    item.addEventListener('mouseenter', () => {
      clearInterval(linkTimer)
      linkTimer = null
    })
    item.addEventListener('mouseleave', () => {
      if (!linkTimer) {
        linkTimer = setInterval(() => {
          activeLinkIndex = (activeLinkIndex + 1) % linkContainer.length
          checkActiveLink(activeLinkIndex)
        }, 5000)
      }
    })
  })

  linkContainer.forEach((item, index) => {
    item.addEventListener('mouseenter', () => {
      clearInterval(linkTimer)
      linkTimer = null
    })
    item.addEventListener('mouseleave', () => {
      if (!linkTimer) {
        linkTimer = setInterval(() => {
          activeLinkIndex = (activeLinkIndex + 1) % linkContainer.length
          checkActiveLink(activeLinkIndex)
        }, 5000)
      }
    })
  })
  // 切换tab
  function checkActiveLink(index) {
    activeLinkIndex = index;
    linkFullBtnBox.querySelectorAll('.link-full-btn').forEach((item, i) => {
      item.classList.remove('active');
      if (i === activeLinkIndex) {
        item.classList.add('active');
      }
    })
    linkContainer.forEach((item, i) => {
      item.classList.remove('active');
      if (i === activeLinkIndex) {
        item.classList.add('active');
      }
    })
    if (isMobile) {
      fullLinkBtnSwiper.slideTo(activeLinkIndex)
    }
  }

  let fullLinkBtnSwiper = null

  const linkLineObserver = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        document.querySelector('.link-line.mask').classList.add('active');
        document.querySelector('.link-full-btn-box-swiper').classList.add('active');
        setTimeout(() => {
          checkActiveLink(0)
          if (!linkTimer) {
            linkTimer = setInterval(() => {
              activeLinkIndex = (activeLinkIndex + 1) % linkContainer.length
              checkActiveLink(activeLinkIndex)
            }, 5000)
          }
          linkAnimationEnd = true
        }, 2000);
        linkLineObserver.unobserve(entry.target);
      }
    });
  }, {
    threshold: 0.9
  });
  if (isMobile) {
    document.querySelector('.link-line.mask').classList.add('active');
    document.querySelector('.link-full-btn-box-swiper').classList.add('active');
    linkAnimationEnd = true
    fullLinkBtnSwiper = new Swiper('.link-full-btn-box-swiper', {
      slidesPerView: 'auto',
      spaceBetween: 16,
      // centeredSlides: true,
      // loop: true,
      // autoplay: {
      //   delay: 2000,
      //   disableOnInteraction: false,
      // },
    })
    checkActiveLink(0)
  } else {
    // 监听link-box元素 显示后展示全链路动画
    document.querySelectorAll('.link-box').forEach(el => {
      linkLineObserver.observe(el)
    });
  }
</script>

  
  <div id="mpgzewzh" class="ai-container">
  <div id="rnlpdmaz" class="head-title-box" data-animation="fadeInUp">
    <div id="lwpxexxc" class="left">
      <div id="lkafstxj" class="title">
        <!-- AI选品，打造爆款从未如此轻松 -->
        AI选品，打造爆款从未如此轻松
      </div>
      <div id="gwjtsrry" class="tip">
        <!-- 数亿数据集训练的独家服饰大模型+推荐算法，把爆款送到你面前供你遴选。 -->
        数亿数据集训练的独家服饰大模型+推荐算法，把爆款送到你面前供你遴选。
      </div>
    </div>
    <div id="rfcsetnj" class="right">
      <div id="stedgnsc" class="link-btn">
        <span>
          <!-- 申请演示 -->
          申请演示
        </span>
      </div>
    </div>
  </div>
  
  <div id="jagtefef" class="video">
    <video src="https://cdn.zhiyitech.cn/material/d3c541ba20266f8dc4a8f25197455583" autoplay loop muted playsinline></video>
  </div>
  
  <div id="nxeysnjl" class="img"></div>
  <div id="ghltjzmf" class="img-tip">
    <div id="ybjsqmhg" class="tip">Trend keywords were extracted from social media submissions from more than 4,000 retailers and 2
      million fashion Kols</div>
    <div id="qcsntcjn" class="split"></div>
    <div id="dbpkyexq" class="tip">Update the trending keyword dictionary daily</div>
    <div id="ymarmcmb" class="split"></div>
    <div id="csglmykc" class="tip">Based on google search and social media data, find trending keywords worth paying attention to
    </div>
  </div>
</div>


<script>
  const aiVideo = document.querySelector('.ai-container video')
  // 借用video_zhiyi.nj的观察器，相同功能
  videoObserver.observe(aiVideo)
  // 添加按钮事件
  $('.ai-container .head-title-box .link-btn').addEventListener('click', function () {
    showDialog()
  })
</script>

  <div id="mcefhasl" class="fd-region">
  <div id="rpbncxhm" class="fd-container">
    <div id="lngthyqn" class="head-title-box" data-animation="fadeInUp">
      <div id="tfpdzasf" class="left">
        <div id="czejpsyr" class="title">
          <!-- 知小衣，时尚产业全能型Agent -->
          知小衣，时尚产业全能型Agent
        </div>
      </div>
      <div id="jdrragjr" class="right">
        <div id="yelqsjzx" class="link-btn">
          <span>
            <!-- 立即体验 -->
            立即体验
          </span>
        </div>
        <div id="kwbmdzyd" class="tip">
          <!-- 每日开放 60名免费 试用名额 -->
          每日开放 60名免费 试用名额
        </div>
      </div>
    </div>
    <div id="eqaeepxc" class="subTitle">
      <!-- 时尚产业首个AgentK8一触即发人生赢家产品，一句话，即可帮你找款/设计/写报告。 -->
      时尚产业首个AgentK8一触即发人生赢家产品，一句话，即可帮你找款/设计/写报告。
    </div>
    <div id="mqxfhjkq" class="fd-swiper" data-animation="fadeInUp">
      <div id="akdjjzhm" class="swiper-wrapper"></div>
      <div id="lthztgeg" class="swiper-button-prev">
        
      </div>
      <div id="fnbpdpyb" class="swiper-button-next">
        
      </div>
    </div>
    <div id="ewjjrhhc" class="fd-swiper-notification" data-index="0"></div>
  </div>
</div>


<script>
  const fdArr = [
    {
      // 款式创新
      title: `款式创新`,
      // 爆款一键改款，修改幅度任意调节
      tip: `爆款一键改款，修改幅度任意调节`,
      video: 'https://cdn.zhiyitech.cn/material/729c1289d6e33a1ea283ec320d857113'
    },
    {
      // 局部改款
      title: `局部改款`,
      // 指定局部调整，AI定向修改
      tip: `指定局部调整，AI定向修改`,
      video: 'https://cdn.zhiyitech.cn/material/20a3c211022e252b5f9a26e7ae75d0e7'
    },
    {
      // AI Agent
      title: `AI Agent`,
      // 一句话?快速找到你的爆款
      slogan: `一句话?快速找到你的爆款`,
      // 指定局部调整，AI定向修改
      tip: `指定局部调整，AI定向修改`,
      video: 'https://cdn.zhiyitech.cn/material/17ba73f237f400be5e89a9d5925da5c5'
    },
    {
      // 款式上身
      title: `款式上身`,
      // 一键生成款式的模特上身图
      tip: `一键生成款式的模特上身图`,
      video: 'https://cdn.zhiyitech.cn/material/ea9419fd7f4395df89ef99f1663a20a0'
    },
    {
      // 灵感成款
      title: `灵感成款`,
      // 一键将灵感转换成款式图或图案
      tip: `一键将灵感转换成款式图或图案`,
      video: 'https://cdn.zhiyitech.cn/material/39b153d09a83764fe5d024488e64af5f'
    },
    {
      // 模特变身
      title: `模特变身`,
      // 一键更换AI 模特，或更换指定模特
      tip: `一键更换AI 模特，或更换指定模特`,
      video: 'https://cdn.zhiyitech.cn/material/6ea4511f4d83a6bd7b9ceb7e0fd52fd3'
    },
    {
      // 更换背景
      title: `更换背景`,
      // 一键轻松更换场景
      tip: `一键轻松更换场景`,
      video: 'https://cdn.zhiyitech.cn/material/1495b7ee5ed4bc021c1747f2c56e5545'
    }
  ]
  const fdPlayIndex = 2 // 当前播放的index
  fdArr.forEach((item, index) => {
    const fdItem = document.createElement('div')
    fdItem.classList.add('swiper-slide')
    fdItem.innerHTML = `
      <div id="kxepfjgm" class="head">
        <div id="jnlztnag" class="left">
          <div id="hljfcgkk" class="title">${item.slogan || item.title}</div>
          <div id="pfkcqkwn" class="tip">${item.tip}</div>
        </div>
        <div id="hqqhbheb" class="right">
          
            <span>了解更多</span>
          
        </div>
      </div>
      <div id="qedpbnte" class="video-box">
        <video src="${item.video}" muted data-index="${index}" playsinline></video>
      </div>
    `
    document.querySelector('.fd-swiper .swiper-wrapper').appendChild(fdItem)

    const notificationBtn = document.createElement('div')
    notificationBtn.classList.add('fd-swiper-notification-item')
    notificationBtn.index = item.index
    notificationBtn.innerHTML = `<div id="grwkrpgs" class="text">${item.title}</div>`
    if (index === fdPlayIndex) {
      notificationBtn.classList.add('active')
    }
    document.querySelector('.fd-swiper-notification').appendChild(notificationBtn)
  })
  // 给每个notificationBtn添加点击事件
  document.querySelectorAll('.fd-swiper-notification-item').forEach((item, index) => {
    item.addEventListener('click', () => {
      fdSwiper.slideTo(index + 1)
    })
  })
  const fdSwiper = new Swiper('.fd-swiper', {
    initialSlide: fdPlayIndex,
    slidesPerView: 1,
    spaceBetween: 64,
    centeredSlides: true,
    loop: true,
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev'
    },
    on: {
      slideChangeTransitionStart: function () {
        document.querySelector('.fd-swiper-notification').setAttribute('data-index', this.realIndex)
        document.querySelectorAll('.fd-swiper-notification-item').forEach((item, index) => {
          item.classList.remove('active')
          if (item.querySelector('.progress-bar')) {
            item.removeChild(item.querySelector('.progress-bar'))
          }
          if (index === this.realIndex) {
            item.classList.add('active')
            // 添加进度条
            const progressBar = document.createElement('div');
            progressBar.classList.add('progress-bar');
            item.appendChild(progressBar);
          }
        })
      }
    }
  })
  document.querySelectorAll('.fd-swiper .swiper-slide .video-box video').forEach((item, index) => {
    // 借用video_zhiyi.nj的观察器，相同功能
    videoObserver.observe(item)
    item.ontimeupdate = function () {
      const progressBar = document.querySelector('.fd-swiper-notification-item.active .progress-bar');
      if (progressBar) {
        const progress = (this.currentTime / this.duration) * 100;
        progressBar.style.width = `${progress}%`;
      }
    }
    item.onended = function () {
      fdSwiper.slideNext()
    }
  })
  // 添加按钮事件
  $('.fd-region .head-title-box .link-btn').addEventListener('click', function () {
    showDialog()
  })
</script>

  <div id="jsdtclyf" class="data-set-container" data-animation="fadeInUp">
  <div id="dlsxypcy" class="head-title-box">
    <div id="zzsltkfc" class="title">
      <!-- 全球首创时尚数据集，超1000亿时尚数据 -->
      全球首创时尚数据集，超1000亿时尚数据
    </div>
    <div id="yceyjnpe" class="tip">
      <!-- 企划、设计师的时尚灵感库，全球电商平台站点和社媒数据，提供数据API或模型服务 -->
      企划、设计师的时尚灵感库，全球电商平台站点和社媒数据，提供数据API或模型服务
    </div>
  </div>
  <div id="lffjdlgm" class="data-box">
    <div id="drqhdsgl" class="data-item">
      
      <div id="wsrbnyaq" class="data">
        <!-- 5000+ -->
        <span data-to="5000">5000</span>+
      </div>
      
      <div id="rkjtcset" class="info">
        <!-- 全球服饰独立站 -->
        全球服饰独立站
      </div>
    </div>
    <div id="rgjyjwxp" class="data-item">
      
      <div id="khfhhqtg" class="data">
        <!-- 400000+ -->
        <span data-to="400000">400000</span>+
      </div>
      
      <div id="segzfgky" class="info">
        <!-- 淘宝天猫 旺铺 -->
        淘宝天猫 旺铺
      </div>
    </div>
    <div id="rbqklejf" class="data-item">
      
      <div id="pxecwegg" class="data">
        <!-- 2.3亿+ -->
        <span>2.3</span>亿+
      </div>
      
      <div id="wrpxbgsw" class="info">
        <!-- 跨境商品数 -->
        跨境商品数
      </div>
    </div>
    <div id="erztaakb" class="data-item">
      
      <div id="enyqqmlt" class="data">
        <!-- 1亿+ -->
        <span>1</span>亿+
      </div>
      
      <div id="fpjyrmqa" class="info">
        <!-- 国内监控商品数 -->
        国内监控商品数
      </div>
    </div>
    <div id="qzzxkwfc" class="data-item">
      
      <div id="nxbdajyn" class="data">
        <!-- 100000+ -->
        <span data-to="100000">100000</span>+
      </div>
      
      <div id="nbymtdtp" class="info">
        <!-- 品牌收录 -->
        品牌收录
      </div>
    </div>
    <div id="ebpehkfg" class="data-item">
      
      <div id="rjwqjcdj" class="data">
        <!-- 250000+ -->
        <span data-to="250000">250000</span>+
      </div>
      
      <div id="gjsznhnw" class="info">
        <!-- 服饰垂类达人博主 -->
        服饰垂类达人博主
      </div>
    </div>
  </div>
  <div id="gxzbatag" class="data-set-swiper">
    <div id="lmtbkbld" class="swiper-wrapper" style="animation-duration: 20s;">
      <div id="xqetchta" class="swiper-slide">
        
      </div>
      <div id="nfjkxmme" class="swiper-slide">
        
      </div>
      <div id="nwkknwcb" class="swiper-slide">
        
      </div>
      <div id="pgtpjagr" class="swiper-slide">
        
      </div>
      <div id="cfhqmyhd" class="swiper-slide">
        
      </div>
      <div id="nqzxmaee" class="swiper-slide">
        
      </div>
      <div id="srmezsrs" class="swiper-slide">
        
      </div>
      <div id="tdzeldec" class="swiper-slide">
        
      </div>
      <div id="ytqnearf" class="swiper-slide">
        
      </div>
      <div id="tqphzybe" class="swiper-slide">
        
      </div>
      <div id="ateapnst" class="swiper-slide">
        
      </div>
      <div id="xntddqmp" class="swiper-slide">
        
      </div>
      <div id="kmnxfkar" class="swiper-slide">
        
      </div>
      <div id="malqrwpl" class="swiper-slide">
        
      </div>
      <div id="grdncphl" class="swiper-slide">
        
      </div>
      <div id="zmsfpygj" class="swiper-slide">
        
      </div>
      <div id="lkxczqsf" class="swiper-slide">
        
      </div>
      <div id="jypdyjyh" class="swiper-slide">
        
      </div>
      <div id="nbkszjyw" class="swiper-slide">
        
      </div>
      <div id="krhrqhlj" class="swiper-slide">
        
      </div>
      <div id="rwegbsmy" class="swiper-slide">
        
      </div>
      <div id="gqzszxcd" class="swiper-slide">
        
      </div>
    </div>
    <div id="zkrbrkwl" class="mask-left brand-mask">
      
    </div>
    <div id="yfnwbnqx" class="mask-right brand-mask">
      
    </div>
  </div>
  <div id="ekrmjaxs" class="link-btn">
    <span>
      <!-- 定制化服务咨询 -->
      定制化服务咨询
    </span>
  </div>
</div>


<script>
  /* const dataSetSwiper = new Swiper('.data-set-swiper', {
    slidesPerView: 'auto',
    spaceBetween: 16,
    centeredSlides: true,
    loop: true,
    autoplay: {
      delay: 2000,
      disableOnInteraction: false,
    },
  }) */
  // 添加按钮事件
  $('.data-set-container .link-btn').addEventListener('click', function () {
    showDialog()
  })
</script>

  <div id="drlspdgd" class="cases-container">
  <div id="erndendn" class="head-title-box" data-animation="fadeInUp">
    <div id="kzmndgpt" class="title">
      <!-- 他们如何用K8·凯发中国一触即发实现增长？立即探索 -->
      他们如何用K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发实现增长？立即探索
    </div>
    <div id="wclmclyh" class="link-btn">
      <span>
        <!-- 申请免费试用 -->
        申请免费试用
      </span>
    </div>
  </div>
  <div id="mjktxakg" class="cases-swiper" data-animation="fadeInUp">
    <div id="sxrwycth" class="swiper-wrapper">
      <a id="mztlthxb" class="swiper-slide" href="/brandcase/all/787">
        
        <div id="ptencdkn" class="title">
          <!-- 玛丝菲尔 -->
          玛丝菲尔
        </div>
        <div id="pcrjpfzr" class="tip">
          <!-- 数据洞察、商品洞察、趋势分析 -->
          数据洞察、商品洞察、趋势分析
        </div>
      </a>
      <a id="jjtmjbfl" class="swiper-slide" href="/brandcase/all/798">
        
        <div id="ftzkstwc" class="title">
          <!-- 蕉内 -->
          蕉内
        </div>
        <div id="mjjswlnw" class="tip">
          <!-- 数据洞察、品类细分、用户洞察 -->
          数据洞察、品类细分、用户洞察
        </div>
      </a>
      <a id="nptfaelc" class="swiper-slide" href="/brandcase/all/64">
        
        <div id="crwgggra" class="title">
          <!-- UR -->
          UR
        </div>
        <div id="ghnmwmdm" class="tip">
          <!-- 行业洞察、智能报表、智能试衣 -->
          行业洞察、智能报表、智能试衣
        </div>
      </a>
      <a id="zhxrslrn" class="swiper-slide" href="/brandcase/all/861">
        
        <div id="dlwmgsqs" class="title">
          <!-- 巴拉巴拉 -->
          巴拉巴拉
        </div>
        <div id="keqckttl" class="tip">
          <!-- 潮流趋势、品类洞察、款式创新 -->
          潮流趋势、品类洞察、款式创新
        </div>
      </a>
    </div>
    <div id="hgkzscae" class="cases-swiper-pagination"></div>
  </div>
</div>


<script>
  const casesSwiper = new Swiper('.cases-swiper', {
    slidesPerView: isMobile ? 1 : 'auto',
    spaceBetween: isMobile ? 8 : 32,
    // centeredSlides: true,
    pagination: {
      el: '.cases-swiper-pagination',
      clickable: true
    },
  })
  // 添加按钮事件
  $('.cases-container .head-title-box .link-btn').addEventListener('click', function () {
    showDialog()
  })
</script>

  <div id="mzsxhdgw" class="brand-wall-container">
  <div id="crjsjatd" class="head-title-box" data-animation="fadeInUp">
    <div id="slmhaktq" class="title">
      <!-- 8000+品牌客户选择了K8·凯发中国一触即发 -->
      8000+品牌客户选择了K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发
    </div>
    <div id="adhxxpxb" class="link-btn">
      <span>
        <!-- 立即注册 -->
        立即注册
      </span>
    </div>
  </div>
  <div id="ybsywnar" class="brand-wall">
    <div id="lbtmasmc" class="loop-container">
      <div id="hyrdlyde" class="loop-content" style="animation-duration: 26.666667s;width: 2432px;">
        <div id="fdyskrwx" class="loop-img-container">
          
        </div>
        <div id="qqfxqcqh" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="nbrnyzhj" class="loop-container">
      <div id="wgdeerpm" class="loop-content" style="animation-duration: 20s;">
        <div id="exltdrle" class="loop-img-container">
          
        </div>
        <div id="cxxssyld" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="qlqxardz" class="loop-container">
      <div id="hazxgpjb" class="loop-content" style="animation-duration: 30s;">
        <div id="gnlpdnky" class="loop-img-container">
          
        </div>
        <div id="mbzrnpzs" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="tbnqbdax" class="loop-container">
      <div id="rwttbpjr" class="loop-content" style="animation-duration: 20s;">
        <div id="cmcflcbw" class="loop-img-container">
          
        </div>
        <div id="ncnyptbk" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="gznzarks" class="loop-container">
      <div id="anjygzrl" class="loop-content" style="animation-duration: 30s;">
        <div id="ktxdeyqf" class="loop-img-container">
          
        </div>
        <div id="pzzmcake" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="qkjtkzjt" class="mask left"></div>
    <div id="xfelmcxd" class="mask right"></div>
  </div>
</div>


<script>
  // 添加按钮事件
  $('.brand-wall-container .head-title-box .link-btn').addEventListener('click', function () {
    showDialog()
  })
</script>

  <div id="nhzwapjh" class="info-container" data-active="news">
  <div id="zyadwqgs" class="head-title-box" data-animation="fadeInUp">
    <div id="dtdxezhs" class="tabs tab-swiper">
      <div id="wsflmayl" class="swiper-wrapper">
        <div id="cffwzpsm" class="tab swiper-slide" data-type="news">
          <!-- 媒体报道 -->
          媒体报道
        </div>
        <div id="yqqfplsa" class="tab swiper-slide" data-type="activity">
          <!-- 市场活动 -->
          活动/沙龙
        </div>
      </div>
    </div>
    <div id="ylmrpdex" class="more-btn">
      <div id="latdqast" class="more" data-type="news">
        <!-- 更多报道 -->
        更多报道
      </div>
      <div id="arlgtmnp" class="more" data-type="activity">
        <!-- 更多活动 -->
        更多活动
      </div>
    </div>
  </div>
  <div id="glsgebsm" class="news-swiper" data-animation="fadeInUp">
    <div id="lhmaplce" class="swiper-wrapper">
      
      <div id="tzstzlfm" class="swiper-slide">
        <a id="wwfhajng" class="news-item" href="/activity/dynamic/1501">
          <div id="pdprnwxn" class="news-img">
            
          </div>
          
          <div id="wykgephn" class="news-title">喜讯！K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发科技荣获国家级专精特新“小巨人”企业称号！</div>
          
        </a>
      </div>
      
      <div id="bzksmbad" class="swiper-slide">
        <a id="pedqyysk" class="news-item" href="/activity/dynamic/1505">
          <div id="zmmmkdhg" class="news-img">
            
          </div>
          
          <div id="bnxlzbbp" class="news-title">创新领跑新未来，K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发科技荣获安踏集团“安创新星A-Star”奖！</div>
          
        </a>
      </div>
      
      <div id="cwadwsye" class="swiper-slide">
        <a id="bkmdptqg" class="news-item" href="/activity/dynamic/1502">
          <div id="rjxjgmrs" class="news-img">
            
          </div>
          
          <div id="yswrlssn" class="news-title">K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发携手京东，洞见服饰爆品孵化新路径</div>
          
        </a>
      </div>
      
      <div id="lnqmlfzw" class="swiper-slide">
        <a id="pmsrclal" class="news-item" href="/activity/dynamic/1503">
          <div id="esxqjppp" class="news-img">
            
          </div>
          
          <div id="hegrpbqw" class="news-title">K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发科技携手汉帛国际，发布AI时尚推款平台FashionSeek！</div>
          
        </a>
      </div>
      
      <div id="mhhsmwny" class="swiper-slide">
        <a id="slbjtkta" class="news-item" href="/activity/dynamic/1497">
          <div id="tqhpbkxk" class="news-img">
            
          </div>
          
          <div id="harbfgds" class="news-title">权威认可！K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发科技获评“浙江省人工智能服务商”</div>
          
        </a>
      </div>
      
      <div id="jtjbfrmc" class="swiper-slide">
        <a id="fcqttlza" class="news-item" href="/activity/dynamic/119">
          <div id="jpsrjaje" class="news-img">
            
          </div>
          
          <div id="ytcnxytd" class="news-title">设计师买布避坑指南！血泪换来的14条经验</div>
          
        </a>
      </div>
      
      <div id="zmxfrzch" class="swiper-slide">
        <a id="xnmexaak" class="news-item" href="/activity/dynamic/47">
          <div id="rlnykbxp" class="news-img">
            
          </div>
          
          <div id="cradxtrq" class="news-title">服装行业首个落地AI Agent ，正式发布！</div>
          
        </a>
      </div>
      
      <div id="kndwmypl" class="swiper-slide">
        <a id="kqcnmldt" class="news-item" href="/activity/dynamic/1492">
          <div id="bqxbzapf" class="news-img">
            
          </div>
          
          <div id="lqkedgnt" class="news-title">桐乡毛杉业联合会到访K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发科技，调研服装行业AIK8一触即发人生赢家产品应用情况</div>
          
        </a>
      </div>
      
      <div id="nyqpebha" class="swiper-slide">
        <a id="khbfszgt" class="news-item" href="/activity/dynamic/1491">
          <div id="dqlhezck" class="news-img">
            
          </div>
          
          <div id="lhzyqqdz" class="news-title">K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发科技获「首批高质量数据集建设先行先试“揭榜挂帅”」殊荣</div>
          
        </a>
      </div>
      
      <div id="dntjhnyg" class="swiper-slide">
        <a id="mmxntxew" class="news-item" href="/activity/dynamic/16">
          <div id="wxgpymgn" class="news-img">
            
          </div>
          
          <div id="eytawyjm" class="news-title">喜报！K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发科技获「首批高质量数据集建设先行先试“揭榜挂帅”」殊荣</div>
          
        </a>
      </div>
      
    </div>
  </div>
  <div id="tepddycp" class="news-swiper-pagination"></div>
  <div id="szsfyswy" class="activity-swiper">
    <div id="wbgewprc" class="swiper-wrapper">
      
      <div id="rgermmpl" class="swiper-slide">
        <a id="dfskzefj" class="activity-item" href="/marketDetail/37">
          <div id="pqqsbtpk" class="activity-img">
            
            <div id="tfrefgwx" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="sfhfargt" class="activity-title">直播｜2026/27秋冬女装趋势大揭秘：设计师必修课！</div>
          
        </a>
      </div>
      
      <div id="yeynjxec" class="swiper-slide">
        <a id="wwjyblxd" class="activity-item" href="/marketDetail/36">
          <div id="lgpddynq" class="activity-img">
            
            <div id="mnhanlbz" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="qzeyyltx" class="activity-title">直播｜街头低腰、修身微喇……2026春夏跨境爆款牛仔裤的密码就藏在这里</div>
          
        </a>
      </div>
      
      <div id="lrbtgtjy" class="swiper-slide">
        <a id="dsylkhdl" class="activity-item" href="/marketDetail/35">
          <div id="sznselsr" class="activity-img">
            
            <div id="yhqhxjqx" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="kjpqxlcd" class="activity-title">直播｜爆款抄作业翻车？解锁7大智能找款法，效率翻倍还避坑</div>
          
        </a>
      </div>
      
      <div id="mhdbsanf" class="swiper-slide">
        <a id="ldadxdxq" class="activity-item" href="/marketDetail/34">
          <div id="dmymlyxs" class="activity-img">
            
            <div id="ypftkcjn" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="qebsqwrf" class="activity-title">直播｜SHEIN服装ODM的大数据选品术：让爆款成为可复制的“确定性”！</div>
          
        </a>
      </div>
      
      <div id="zwearzxh" class="swiper-slide">
        <a id="lltqbpxl" class="activity-item" href="/marketDetail/33">
          <div id="mbcxteyf" class="activity-img">
            
            <div id="aqkrjdsg" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="flyqkpjl" class="activity-title">直播｜1000+跨境企业都在用的大数据工具！亚马逊服装选品黑科技解密→</div>
          
        </a>
      </div>
      
      <div id="ateresmy" class="swiper-slide">
        <a id="banynxmg" class="activity-item" href="/marketDetail/32">
          <div id="agywzqbh" class="activity-img">
            
            <div id="dyagqjft" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="wrwbmgzf" class="activity-title">直播｜2025年天猫618男女装整体销售复盘</div>
          
        </a>
      </div>
      
      <div id="rlzsgbxl" class="swiper-slide">
        <a id="nhrcflqx" class="activity-item" href="/marketDetail/31">
          <div id="tgmcyprq" class="activity-img">
            
            <div id="tshzpgjc" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="zqspyagm" class="activity-title">直播-UR、ONLY都在用的大数据选品法</div>
          
        </a>
      </div>
      
      <div id="wsefhejc" class="swiper-slide">
        <a id="amnqbmdc" class="activity-item" href="/marketDetail/29">
          <div id="wxwnkxsb" class="activity-img">
            
            <div id="dxmwfgrb" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="fajkfdyz" class="activity-title">直播-从找款到企划，女装选品开款爆款率翻倍的AI实战秘籍→</div>
          
        </a>
      </div>
      
      <div id="rtztxpew" class="swiper-slide">
        <a id="pjaepqsp" class="activity-item" href="/marketDetail/30">
          <div id="cqzxcqzk" class="activity-img">
            
            <div id="tfwgbthr" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="xxlxfsmw" class="activity-title">直播-跨境爆款T恤设计密码：2026春夏多平台趋势解析直播来袭→</div>
          
        </a>
      </div>
      
      <div id="mbgsrrjn" class="swiper-slide">
        <a id="nkbkcsdj" class="activity-item" href="/marketDetail/28">
          <div id="mnqhptbx" class="activity-img">
            
            <div id="mrxbqywn" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="zwkxxexb" class="activity-title">直播-6万+服装设计师每日在线选款，面料商都在用的精准获客新方式→</div>
          
        </a>
      </div>
      
      <div id="wcyfrncc" class="swiper-slide">
        <a id="kzjrssjl" class="activity-item" href="/marketDetail/27">
          <div id="rwlbysmb" class="activity-img">
            
            <div id="rwpfrcws" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="ajmexexf" class="activity-title">直播-26/27秋冬运动装单品趋势洞察</div>
          
        </a>
      </div>
      
      <div id="yfagnhtj" class="swiper-slide">
        <a id="xynyqckb" class="activity-item" href="/marketDetail/26">
          <div id="lgegppff" class="activity-img">
            
            <div id="xrxllzgn" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="sllwqnpq" class="activity-title">直播-爆改工作流，4步打造TikTok爆款</div>
          
        </a>
      </div>
      
      <div id="gglqwhpq" class="swiper-slide">
        <a id="nqdbcddw" class="activity-item" href="/marketDetail/25">
          <div id="kqpwharw" class="activity-img">
            
            <div id="ybzqfphe" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="lfqdwnee" class="activity-title">破解服饰面料趋势密码！「秋冬服饰面料创新增长论坛」开启报名！</div>
          
        </a>
      </div>
      
      <div id="ezabaezl" class="swiper-slide">
        <a id="zmpecwfd" class="activity-item" href="/marketDetail/24">
          <div id="knlcxael" class="activity-img">
            
            <div id="bbbjtzqy" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="pmcypdmc" class="activity-title">直播-关税要降了？这有6大爆单攻略助你抢占先机</div>
          
        </a>
      </div>
      
      <div id="yqdemrdk" class="swiper-slide">
        <a id="szcdpsex" class="activity-item" href="/marketDetail/23">
          <div id="kadqnsbp" class="activity-img">
            
            <div id="yfndbwqf" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="spnaxgfx" class="activity-title">直播-25/26秋冬四大时装周女装趋势分析</div>
          
        </a>
      </div>
      
      <div id="bwscfjhe" class="swiper-slide">
        <a id="cfrtzbhq" class="activity-item" href="/marketDetail/22">
          <div id="qapnczgr" class="activity-img">
            
            <div id="zjhqywcm" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="jmqkblcm" class="activity-title">直播-关税重压下，服装跨境企业如何破局？</div>
          
        </a>
      </div>
      
      <div id="eykbcyby" class="swiper-slide">
        <a id="cnqgctzs" class="activity-item" href="/marketDetail/21">
          <div id="yrpkrggq" class="activity-img">
            
            <div id="prclmhtj" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="qsbrfxkt" class="activity-title">直播-TikTok服装高效选款秘籍</div>
          
        </a>
      </div>
      
      <div id="ymarezaq" class="swiper-slide">
        <a id="cdrdcelz" class="activity-item" href="/marketDetail/13">
          <div id="pqlmtczr" class="activity-img">
            
            <div id="rhrrlrjw" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="qjxtesdb" class="activity-title">服装行业中的“她经济”——她营销·服装增长沙龙上海站来袭！</div>
          
        </a>
      </div>
      
      <div id="yttywkgx" class="swiper-slide">
        <a id="mycrppmn" class="activity-item" href="/marketDetail/17">
          <div id="kwcmcygm" class="activity-img">
            
            <div id="wehnwwyk" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="hceclsgm" class="activity-title">直播-2025春夏运动户外趋势洞察</div>
          
        </a>
      </div>
      
      <div id="majbtzgd" class="swiper-slide">
        <a id="yfqmjfkq" class="activity-item" href="/marketDetail/15">
          <div id="rckelzwn" class="activity-img">
            
            <div id="hqnkwrwq" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="mzxcwbjr" class="activity-title">直播-25/26秋冬跨境电商女装色彩</div>
          
        </a>
      </div>
      
      <div id="ybesdrff" class="swiper-slide">
        <a id="wqdccsbb" class="activity-item" href="/marketDetail/10">
          <div id="mmmrlngp" class="activity-img">
            
            <div id="hcftryer" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="cjqdfdhw" class="activity-title">潮流先机，赢在起点——跨境服装2025春夏趋势沙龙</div>
          
        </a>
      </div>
      
      <div id="hcqhpejf" class="swiper-slide">
        <a id="mygmhyxm" class="activity-item" href="/marketDetail/19">
          <div id="nwdxyrkn" class="activity-img">
            
            <div id="krfpblqq" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="rqgrbjdj" class="activity-title">直播-跨境服装电商—黑五多平台销售复盘</div>
          
        </a>
      </div>
      
      <div id="zpzycbre" class="swiper-slide">
        <a id="njelzymw" class="activity-item" href="/marketDetail/18">
          <div id="jhxgrbzj" class="activity-img">
            
            <div id="repgsqdr" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="acljprgh" class="activity-title">直播-跨境电商25/26秋冬单品风格趋势</div>
          
        </a>
      </div>
      
      <div id="dydpxksc" class="swiper-slide">
        <a id="nfsrldch" class="activity-item" href="/marketDetail/20">
          <div id="pxwhedjq" class="activity-img">
            
            <div id="pgcqqmkh" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="mhypjhts" class="activity-title">直播-双十一男女装复盘</div>
          
        </a>
      </div>
      
      <div id="rasckjkh" class="swiper-slide">
        <a id="jjqfaxxg" class="activity-item" href="/marketDetail/16">
          <div id="mswjsjtk" class="activity-img">
            
            <div id="cgkrgsjt" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="seznmbla" class="activity-title">直播-2025春夏女装时装周趋势分析</div>
          
        </a>
      </div>
      
      <div id="jwahhlpy" class="swiper-slide">
        <a id="dqptcqac" class="activity-item" href="/marketDetail/11">
          <div id="phajbjfr" class="activity-img">
            
            <div id="atbzrwrf" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="qwrashre" class="activity-title">没有范式，却有趋势——2025SS 灵感趋势沙龙（上海站）</div>
          
        </a>
      </div>
      
      <div id="nednljds" class="swiper-slide">
        <a id="nghegmtw" class="activity-item" href="/marketDetail/14">
          <div id="lwpraarf" class="activity-img">
            
            <div id="lejbeclk" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="nnacalcj" class="activity-title">打破卷低价、高退货率怪圈！2024秋冬服装电商增长沙龙·杭州站</div>
          
        </a>
      </div>
      
    </div>
  </div>
  <div id="efawwnbs" class="activity-swiper-pagination"></div>
  <div id="xjlrqkmg" class="more-btn">
    <div id="klfebplb" class="more" data-type="news">
      <!-- 更多报道 -->
      更多报道
    </div>
    <div id="jfrysfts" class="more" data-type="activity">
      <!-- 更多活动 -->
      更多活动
    </div>
  </div>
</div>


<script>
  const infoContainer = document.querySelector('.info-container')
  const infoTabs = document.querySelectorAll('.info-container .tabs .tab')
  const tabsSwiper = new Swiper('.tab-swiper', {
    slidesPerView: 'auto',
    spaceBetween: 16,
  })
  infoTabs.forEach((tab, index) => {
    tab.addEventListener('click', () => {
      const type = tab.dataset.type
      infoContainer.dataset.active = type
      tabsSwiper.slideTo(index)
    })
  })
  const infoMoreBtns = document.querySelectorAll('.info-container .more-btn .more')
  infoMoreBtns.forEach((btn, index) => {
    btn.addEventListener('click', () => {
      const type = btn.dataset.type
      if (type === 'news') {
        window.location.href = '/activity/all'
        return
      } else {
        window.location.href = `/market`
      }
    })
  })
  const newsSwiper = new Swiper('.news-swiper', {
    slidesPerView: isMobile ? 1 : 'auto',
    spaceBetween: isMobile ? 8 : 32,
    pagination: {
      el: '.news-swiper-pagination',
      clickable: true
    },
  })

  const activitySwiper = new Swiper('.activity-swiper', {
    slidesPerView: isMobile ? 1 : 'auto',
    spaceBetween: isMobile ? 8 : 32,
    pagination: {
      el: '.activity-swiper-pagination',
      clickable: true
    },
  })
</script>

  <div id="ysggxdas" class="interview-container">
  <div id="eptckktl" class="video" data-animation="fadeInUp">
    <video id="interview-video" src="https://cdn.zhiyitech.cn/material/87d1f86367779b7f5f9e6580259baca4" autoplay muted
      loop playsinline></video>
  </div>
  <div id="pssmhdyd" class="tip">
    <!-- K8·凯发中国一触即发科技接受CCTV、浙江卫视等官媒采访 -->
    K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发科技接受CCTV、浙江卫视等官媒采访
  </div>
  <div id="xpnrrdpd" class="control" data-play="false">
    
    
  </div>
  <div id="watkdste" class="mask left">
    
  </div>
  <div id="xelnjwjw" class="mask right">
    
  </div>
</div>


<script>
  let hcooVideoManual = false
  let interviewVideoManual = false
  const interviewVideo = document.querySelector('.interview-container .video video')
  // 借用video_zhiyi.nj的观察器，相同功能
  videoObserver.observe(interviewVideo)
  const interviewVideoControl = document.querySelector('.interview-container .control');
  interviewVideoControl.addEventListener('click', (e) => {
    if (interviewVideoControl.dataset.play === 'false') {
      interviewVideoManual = false
      window.scrollTo({
        top: interviewVideoControl.getBoundingClientRect().top + window.scrollY - 100,
        behavior: 'smooth'
      });
      changeInterviewPlay('play')
      interviewVideo.play()
    } else {
      interviewVideo.pause()
      interviewVideoManual = true
      changeInterviewPlay('pause')
    }
  })
  function changeInterviewPlay(type) {
    interviewVideoControl.dataset.play = type === 'play';
  }
</script>

  <div id="haksphfa" class="cooperate-container">
  <div id="ybjnrqhb" class="bg-left">
    
  </div>
  <div id="dqlslbcg" class="bg-right">
    
  </div>
  <div id="xecjzjsw" class="title">
    <!-- 现在开始品牌增长之路 -->
    现在开始品牌增长之路
  </div>
  <div id="ywaskldh" class="form-result">
    
      <div id="pgdhjdbd" class="try">
        
        
        
        
      </div>
      <div id="acjehfzz" class="error">
      </div>
      <div id="jdfsmymp" class="link-btn">
        <span>
          <!-- 一键获取 -->
          一键获取
        </span>
      </div>
    
  </div>
</div>


<script>
  const trySubmitBtn = document.querySelector('.try-form .link-btn')
  trySubmitBtn.addEventListener('click', async function () {
    const fields = [...document.querySelectorAll('.try-form .try input')]
    const valid = fields.reduce((prev, e) => {
      if (!e.value) prev.push(`* ${e.dataset.error}`)
      if (e.name === 'phone' && e.value) {
        const res = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/.test(
          e.value,
        )
        if (!res) prev.push(`* 请输入正确的手机号码`)
      }
      return prev
    }, [])
    if (valid.length > 0) {
      document.querySelector('.try-form .error').innerHTML = valid.join('<br/>');
      return;
    }
    document.querySelector('.try-form .error').innerHTML = '';
    const formElement = document.getElementById('tryForm');
    const formData = new FormData(formElement);
    const response = await fetch('/api/apply/add', {
      method: 'post',
      body: JSON.stringify({
        phone: formData.get('phone'),
        name: formData.get('name'),
        company: formData.get('company'),
        address: formData.get('address'),
      }),
      headers: { 'Content-Type': 'application/json' },
    });
    document.querySelector('.cooperate-container .form-result').innerHTML = `
      <div id="zlstabkg" class="success">
        
        <div id="esaymykr" class="title">提交成功！</div>
        <div id="feeeqywz" class="desc">您的专属顾问将在1个工作日内联系您</div>
      </div>
    `
  })
</script>

</div>

	</div>
	
	
<script>
</script>

	<script>
		// 进入动画效果
		const animationItems = $$('[data-animation]')
		const animationObserver = new IntersectionObserver((entries) => {
			entries.forEach((entry) => {
				if (entry.isIntersecting) {
					const item = entry.target;
					const className = "animate__" + item.dataset.animation;
					if (item.classList.contains(className)) return;
					// item.style.animationDelay = item.dataset.delay;
					item.classList.add(className);
				} else {
					const item = entry.target;
					const className = "animate__" + item.dataset.animation;
					if (item.classList.contains(className)) {
						item.classList.remove(className);
					}
				}
			})
		}, {
			threshold: 0.1
		})
		animationItems.forEach((item) => {
			item.classList.add("animate__animated");
			animationObserver.observe(item)
		})

		// 数字滚动效果
		function easeOutExpo(t, b, c, d) {
			return (t == d) ? b + c : c * (-(2 ** (-10 * t / d)) + 1) + b;
		}
		class Counter {
			to = 10000;

			from = 0;

			in = 3;

			step = 0;

			currentFrame = 0;

			totalFrame = 0;

			_onRender = () => { };

			_onDone = () => { };

			constructor($in, to, from = 0) {
				this.to = to;
				this.from = from;
				this.in = $in;
				this.totalFrame = this.in * 60;
			}

			onRender(cb) {
				this._onRender = cb;
			}

			onDone(cb) {
				this._onDone = cb;
			}

			animate() {
				if (this.currentFrame < this.totalFrame) {
					this.currentFrame++;
					this._onRender(Math.floor(easeOutExpo(this.currentFrame, this.from, this.to - this.from, this.totalFrame)));
					requestAnimationFrame(this.animate.bind(this));
				} else {
					this._onDone();
				}
			}

			run() {
				this.currentFrame = 0;
				this.animate();
			}
		}
		const numberItems = $$('[data-to]')
		const numberObserver = new IntersectionObserver((entries) => {
			entries.forEach((entry) => {
				if (entry.isIntersecting) {
					const item = entry.target;
					const { to } = item.dataset;
					const counter = new Counter(1.6, to);
					counter.onRender((val) => {
						item.innerHTML = val.toLocaleString();
					});
					counter.run();
				}
			})
		}, {
			threshold: 0.1
		})
		numberItems.forEach((item) => {
			numberObserver.observe(item)
		})
	</script>
	<footer>
	<style> footer {
  width: 100%;
  background-color: #1b1f25;
}
footer a {
  text-decoration: none;
}
footer .mobile-hidden {
  display: none;
}
footer .footer {
  width: 100%;
  color: rgba(255, 255, 255, 0.8509803922);
  font-size: 14px;
}
footer .footer a {
  color: rgba(255, 255, 255, 0.8509803922);
}
footer .footer .footer-header {
  width: 100%;
  height: 350px;
  display: flex;
  justify-content: space-between;
  padding: 64px 120px;
}
footer .footer .footer-header > div {
  flex-shrink: 0;
}
footer .footer .footer-header .logo {
  width: 79px;
  height: 48px;
}
footer .footer .footer-header .logo-name {
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  color: #ffffff;
  white-space: nowrap;
}
footer .footer .footer-header .footer-title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 24px;
  color: #ffffff;
}
footer .footer .footer-header .column {
  display: flex;
}
footer .footer .footer-header .column-item {
  display: flex;
  flex-direction: column;
}
footer .footer .footer-header .column-item > a,
footer .footer .footer-header .column-item .info-item {
  margin-bottom: 16px;
}
footer .footer .footer-header .column-item .info-item {
  display: flex;
  align-items: flex-start;
  position: relative;
}
footer .footer .footer-header .column-item .info-item .icon {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  cursor: pointer;
}
footer .footer .footer-header .column-item .info-item .icon .qrCode-img {
  display: none;
  width: 100px;
  position: absolute;
  bottom: 100%;
  background: black;
}
footer .footer .footer-header .column-item .info-item .icon:hover .qrCode-img {
  display: block;
}
footer .footer .footer-header .column-item .info-item .icon-ios {
  background: url("https://cdn.zhiyitech.cn/material/668d64feee3d00c3f4f8ec541df1206e") no-repeat;
  background-size: contain;
}
footer .footer .footer-header .column-item .info-item .icon-android {
  background: url("https://cdn.zhiyitech.cn/material/f6fcb37ffb29065119a84067b89c936a") no-repeat;
  background-size: contain;
}
footer .footer .footer-header .contact-info {
  display: flex;
}
footer .footer .footer-header .contact-info .contact-img {
  text-align: center;
}
footer .footer .footer-bottom {
  width: 100%;
  height: 120px;
  padding: 0 120px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(255, 255, 255, 0.8509803922);
}
footer .footer .footer-bottom a {
  margin-left: 24px;
  color: rgba(255, 255, 255, 0.6509803922);
}
footer .footer .info {
  width: 25%;
  float: left;
  font-size: 14px;
  display: flex;
  flex-direction: column;
}
footer .footer .info .footer-yuyue {
  position: relative;
}
footer .footer .info .footer-yuyue .yuyue-code {
  transition: all 0.3s;
  display: none;
  width: 150px;
  height: 180px;
  bottom: 26px;
  left: -50px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  color: #333;
  position: absolute;
}
footer .footer .info .footer-yuyue .yuyue-code img {
  width: 110px;
  height: 110px;
  display: block;
  margin: 20px auto 10px;
}
footer .footer .info .footer-yuyue .yuyue-code::before {
  position: absolute;
  bottom: -22px;
  transform: translateX(200%) rotate(90deg);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-width: 15px;
  border-style: solid;
  border-color: transparent transparent transparent rgb(255, 255, 255);
}
footer .footer .info a,
footer .footer .info span {
  display: inline-block;
  margin-top: 12px;
  color: #cccccc;
  cursor: pointer;
}
footer .footer .info a:hover,
footer .footer .info span:hover {
  color: #6483ff;
}
footer .footer .info a .wx-logo,
footer .footer .info span .wx-logo {
  position: relative;
}
footer .footer .info a .wx-logo .weixin-code,
footer .footer .info span .wx-logo .weixin-code {
  transition: all 0.3s;
  width: 150px;
  display: none;
  height: 180px;
  bottom: 48px;
  left: -56px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  color: #333;
  position: absolute;
}
footer .footer .info a .wx-logo .weixin-code::before,
footer .footer .info span .wx-logo .weixin-code::before {
  position: absolute;
  bottom: -22px;
  transform: translateX(200%) rotate(90deg);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-width: 15px;
  border-style: solid;
  border-color: transparent transparent transparent rgb(255, 255, 255);
}
footer .footer .info a .wx-logo .weixin-code img,
footer .footer .info span .wx-logo .weixin-code img {
  width: 110px;
  height: 110px;
  display: block;
  margin: 20px auto 10px;
}
footer .footer .info a .wx-logo .logo-img,
footer .footer .info span .wx-logo .logo-img {
  width: 36px;
  height: 36px;
  margin-right: 12px;
}
footer .footer .info a .wx-logo .logo-img:first-child,
footer .footer .info span .wx-logo .logo-img:first-child {
  display: inline-block;
}
footer .footer .info a .wx-logo .logo-img:last-child,
footer .footer .info span .wx-logo .logo-img:last-child {
  display: none;
}
footer .footer .info a .wx-logo:hover .weixin-code,
footer .footer .info span .wx-logo:hover .weixin-code {
  display: block;
}
footer .footer .info a .wx-logo:hover .logo-img:first-child,
footer .footer .info span .wx-logo:hover .logo-img:first-child {
  display: none;
}
footer .footer .info a .wx-logo:hover .logo-img:last-child,
footer .footer .info span .wx-logo:hover .logo-img:last-child {
  display: inline-block;
}
footer .footer .info span:first-child {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 12px;
  color: #ffffff;
}
footer .footer .info .slogan {
  cursor: default;
  letter-spacing: 8px;
}
footer .footer .info .slogan:hover {
  color: #cccccc;
}
footer .contact {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 204px;
  background-image: url("/public/image/home/contactBg.png");
  background-size: 100% 100%;
}
footer .contact .des {
  margin: 0 32px 0 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  color: #ffffff;
}
footer .contact .contact-btn {
  width: 144px;
  height: 44px;
  position: relative;
  background-color: #2f54eb;
  border: solid 1px #ffffff;
  font-size: 16px;
  line-height: 44px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
footer .contact .contact-btn:hover .contact-des {
  display: flex;
}
footer .contact .contact-des {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 166px;
  height: 206px;
  position: absolute;
  top: 125%;
  left: 50%;
  transform: translate(-50%, 0);
  background: #ffffff;
  font-size: 13px;
  line-height: 28px;
  color: #262626;
}
footer .contact .contact-des img {
  width: 124px;
}
footer .contact .contact-des::before {
  position: absolute;
  left: 50%;
  top: -20px;
  margin-left: -10px;
  content: "";
  border: transparent solid 10px;
  border-bottom: #fff solid 10px;
}
footer .contact .contact-des::after {
  content: "";
  position: absolute;
  top: -10px;
  width: 100%;
  height: 20px;
}

aside {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: fixed;
  right: 8px;
  bottom: 50%;
  transform: translateY(calc(50% + 137.5px + 40px));
  z-index: 999;
}
aside a {
  text-decoration: none;
}
aside .to-top {
  cursor: pointer;
  width: 64px;
  height: 48px;
  border: 1px solid #e6e7eb;
  box-shadow: 0 12px 28px -4px rgba(27, 31, 37, 0.1215686275);
  border-radius: 12px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
aside .to-top > img {
  width: 24px;
  height: 24px;
}
aside .to-top span {
  font-size: 24px;
  color: #2f54eb;
}
aside .to-top:hover span {
  color: #fff;
}
aside .hidden {
  display: none;
}
aside .contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 120px;
  background-color: #2f54eb;
  box-shadow: 0 2px 10px 0 rgba(38, 38, 38, 0.1);
  border: solid 1px #ffffff;
  cursor: pointer;
}
aside .contact img {
  width: 24px;
  margin: 0 0 8px;
}
aside .contact .text {
  width: 15px;
  height: 72px;
  position: relative;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
}
aside .contact .popup {
  display: none;
  width: 340px;
  height: 330px;
  position: absolute;
  left: -370px;
  top: -200px;
  background-color: #ffffff;
  box-shadow: 0 2px 20px 4px rgba(38, 38, 38, 0.1);
}
aside .contact .popup .content {
  display: flex;
  justify-content: flex-start;
  height: 48px;
  margin: 24px 0 0;
}
aside .contact .popup .content img {
  width: 24px;
  height: 24px;
  margin: 0 16px 0 24px;
}
aside .contact .popup .content div {
  height: 18px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #262626;
}
aside .contact .popup .content span {
  height: 22px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #262626;
}
aside .contact .popup .code {
  width: 150px;
  margin: 16px 0 0 64px;
}
aside .contact .popup::after {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  width: 20px;
  height: 100%;
}
aside .contact:hover {
  background-color: #6483ff;
}
aside .contact:hover .popup {
  display: block;
}

@media screen and (max-width: 750px) {
  footer .footer {
    display: none;
  }
  footer .mobile-hidden {
    display: block;
  }
  footer .mobile-footer {
    padding: 2rem 0 0.43rem;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.8509803922);
    font-size: 0.37rem;
  }
  footer .mobile-footer a {
    color: rgba(255, 255, 255, 0.8509803922);
    font-size: 0.37rem;
    display: inline-block;
  }
  footer .mobile-footer .mobile-logo {
    display: block;
    margin-bottom: 1.28rem;
    text-align: center;
  }
  footer .mobile-footer .mobile-logo > img {
    width: 2.11rem;
    height: 1.28rem;
  }
  footer .mobile-footer .mobile-logo .logo-name {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    color: #ffffff;
  }
  footer .mobile-footer .break-line {
    width: 100%;
    background: rgba(255, 255, 255, 0.15);
    height: 1px;
  }
  footer .mobile-footer .footer-info-item {
    color: #fff;
    width: calc(100% - 1.28rem);
    margin: 0 auto;
  }
  footer .mobile-footer .footer-info-item a {
    color: #fff;
  }
  footer .mobile-footer .footer-info-item .footer-info-item-header {
    height: 1.49rem;
    line-height: 1.49rem;
    font-weight: 600;
    font-size: 0.43rem;
    display: flex;
    justify-content: space-between;
  }
  footer .mobile-footer .footer-info-item .footer-info-item-header .arrow {
    font-size: 0.6rem;
    opacity: 0.6;
  }
  footer .mobile-footer .footer-info-item .footer-info-item-son {
    display: flex;
    flex-direction: column;
  }
  footer .mobile-footer .footer-info-item .footer-info-item-son a {
    display: block;
    margin-bottom: 0.43rem;
  }
  footer .mobile-footer .footer-info-item .footer-info-item-son:nth-child(2) {
    height: 0;
    overflow: hidden;
  }
  footer .mobile-footer .footer-info-item .footer-info-item-son:nth-child(2).active {
    height: max-content;
  }
  footer .mobile-footer .footer-info-item .footer-info-item-son .communication-info {
    display: flex;
    align-items: center;
    margin-bottom: 0.43rem;
    color: rgba(255, 255, 255, 0.8509803922);
  }
  footer .mobile-footer .footer-info-item .footer-info-item-son .communication-info a {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.8509803922);
  }
  footer .mobile-footer .footer-info-link {
    width: calc(100% - 1.28rem);
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.6509803922);
  }
  footer .mobile-footer .footer-info-link a {
    color: rgba(255, 255, 255, 0.6509803922);
    padding-right: 0.44rem;
    padding-bottom: 0.21rem;
  }
  footer .mobile-footer .img-content {
    margin: 0 auto;
    justify-content: center;
    text-align: center;
  }
  footer .mobile-footer .img-content img {
    width: 2.67rem;
    padding: 4px;
    background-color: #ffffff;
  }
  footer .mobile-footer .img-content > div {
    margin: 0.2rem 0 0 0;
  }
  footer .mobile-footer .record-info {
    width: 100%;
    text-align: center;
    margin-top: 0.43rem;
    padding: 0 24px;
    color: rgba(255, 255, 255, 0.6509803922);
  }
  footer .mobile-footer .record-info a {
    color: rgba(255, 255, 255, 0.6509803922);
  }
  aside {
    display: none;
    right: 8px;
    bottom: 1.07rem;
    transform: none;
  }
  aside .to-top {
    width: 1.71rem;
    height: 1.28rem;
  }
  aside .to-top span {
    font-size: 0.64rem;
  }
  aside .to-top:hover {
    background-color: #fff;
  }
  aside .to-top:hover span {
    color: #2f54eb;
  }
  .qrCode-modal {
    background-color: #ffffff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8.32rem;
    height: 6.56rem;
    border-radius: 0.21rem;
    text-align: center;
    padding: 0.64rem 0.43rem;
    font-weight: 500;
    font-size: 0.43rem;
  }
  .qrCode-modal .close {
    opacity: 0.7;
    position: absolute;
    right: 0.43rem;
    top: 0.43rem;
    transform: scale(0.7);
  }
  .qrCode-modal .app-info {
    display: flex;
    justify-content: space-between;
    font-size: 0.37rem;
    margin-top: 0.43rem;
    width: 100%;
  }
  .qrCode-modal .app-info .app-info-item > img {
    width: 3.52rem;
    height: 3.52rem;
    border-radius: 0.21rem;
  }
  .qrCode-modal .app-info .app-info-item .app-info-item-header {
    margin-bottom: 0.21rem;
  }
  .qrCode-modal .app-info .app-info-item .app-info-item-header > img {
    width: 0.32rem;
  }
}</style>
	
	
	<div id="qfjxwxqj" class="footer">
		<div id="qfymmhdr" class="footer-header">
			
			
			
			<div>
				<div id="jbshatqw" class="footer-title">
					<!-- K8一触即发人生赢家产品 -->
					K8一触即发人生赢家产品
				</div>
				<div id="nxrzgmxs" class="column">
					<div id="gprkjwdz" class="column-item">
						
							<!-- K8·凯发中国一触即发 -->
							K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发
						
						
							<!-- 抖衣 -->
							抖衣
						
						
							<!-- 知款 -->
							知款
						
						
							<!-- 海外探款 -->
							海外探款
						
					</div>
					<div id="sfakazsf" class="column-item" style="margin-left: 48px;">
						
							<!-- 美念 -->
							美念
						
						
							<!-- 炼丹炉 -->
							炼丹炉
						
						
							<!-- 趋势报告 -->
							趋势报告
						
						
							Trendscopes
						
						
							Fashion Diffusion +
						
					</div>
					<div id="cclaykeb" class="column-item">
						
							<!-- 知小布 -->
							知小布
						
						
							<!-- 知小衣 -->
							知小衣
						
					</div>
				</div>
			</div>
			
			<div>
				<div id="pxkkyltx" class="footer-title">
					<!-- APP下载 -->
					APP下载
				</div>
				<div id="lysptjka" class="column-item">
					<div id="kcgnhghr" class="info-item">
						<!-- K8·凯发中国一触即发APP -->
						K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发APP
						<div id="szpgqrgs" class="icon icon-ios">
							
						</div>
						<div id="xqxtgpee" class="icon icon-android">
							
						</div>
					</div>
					<div id="shwgfdem" class="info-item">
						<!-- 海外探款APP -->
						海外探款APP
						<div id="lgxeshjr" class="icon icon-ios">
							
						</div>
						<div id="dpfmwjnk" class="icon icon-android">
							
						</div>
					</div>
				</div>
			</div>
			
			<div>
				<div id="eyqslzjt" class="footer-title">
					<!-- 关于K8·凯发中国一触即发 -->
					关于K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发
				</div>
				<div id="kyxthejq" class="column-item">
					<a id="sgwenagr" rel="noopener noreferrer" target="_blank" href="/about">
						<!-- 公司简介 -->
						公司简介
					</a>
					
						<!-- 加入凯发com -->
						加入<a href="http://bullet007.com" target="_blank">凯发</a>com
					
					<a id="mjdtrxfn" rel="noopener noreferrer" target="_blank" href="/activity/trend">
						<!-- 行业资讯 -->
						行业资讯
					</a>
					<a id="kmmejxwn" rel="noopener noreferrer" target="_blank" href="/activity/dynamic">
						<!-- 公司动态 -->
						公司动态
					</a>
				</div>
			</div>
			<div>
				<div id="awhbabas" class="footer-title">
					<!-- 联系凯发com -->
					联系<a href="http://bullet007.com" target="_blank">凯发</a>com
				</div>
				<div id="qpchmzae" class="contact-info">
					<div id="lkgpksxk" class="contact-img">
						
						<div id="bflkxzwe" style="margin-top: 8px;">
							<!-- 扫码咨询 -->
							扫码咨询
						</div>
					</div>
					<div id="maqczgha" class="column-item" style="margin-left: 16px;">
						<div id="xyrtwdkq" class="info-item">电话：k8一触即发的人生赢家</div>
						<div id="rslfkpzs" class="info-item">邮箱：k8一触即发的人生赢家</div>
						<div id="gmmmnqrr" class="info-item">地址：杭州市萧山区杭州湾信息港F座5楼</div>
					</div>
				</div>
			</div>
		</div>
		<div id="mqtgstxs" class="footer-bottom">
			<div>
				
				<!-- 友情链接 -->
				<span>友情链接:</span>
				
					<!-- 浙江电商检测 -->
					浙江电商检测
				
				
					<!-- 淘宝 -->
					淘宝
				
				
					<!-- 天猫 -->
					天猫
				
				
					<!-- 电商新闻门户 -->
					电商新闻门户
				
				
					<!-- 网经社 -->
					网经社
				
				
					<!-- 时尚趋势 -->
					时尚趋势
				
				
			</div>
			<div>
				浙k8一触即发的人生赢家? 杭州K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发科技有限公司
			</div>
		</div>
	</div>
	<div id="zsyzjpbt" class="mobile-footer mobile-hidden">
		<a id="ptxddgpa" href="/home" class="mobile-logo">
			
			
			
		</a>
		<div id="xphdakkw" class="footer-info-item">
			<div id="xwfrjpfz" class='footer-info-item-header'>
				<span>
					<!-- K8一触即发人生赢家产品 -->
					K8一触即发人生赢家产品
				</span>
				<span class="iconfont gw-xiangxia showProduct arrow"></span>
			</div>
			<div id="productInfo" class="footer-info-item-son">
				
					<!-- K8·凯发中国一触即发 -->
					K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发
				
				
					<!-- 抖衣 -->
					抖衣
				
				
					<!-- 知款 -->
					知款
				
				
					<!-- 知小布 -->
					知小布
				
				
					<!-- 知小衣 -->
					知小衣
				
				
					<!-- 海外探款 -->
					海外探款
				
				
					<!-- 美念 -->
					美念
				
				
					<!-- 炼丹炉 -->
					炼丹炉
				
				
					<!-- 趋势报告 -->
					趋势报告
				
				
					Trendscopes
				
				
					Fashion Diffusion +
				
			</div>
		</div>
		<div id="jmgcxnap" class="break-line"></div>
		<div id="ktwfrtrt" class="footer-info-item">
			<div id="dazmbpjx" class='footer-info-item-header'>
				<span>
					<!-- APP下载 -->
					APP下载
				</span>
				<span class="iconfont gw-xiangxia showApp arrow"></span>
			</div>
			<div id="appInfo" class="footer-info-item-son">
				<a id="kpdgzkyh" class="app-link" data-app="K8·凯发中国一触即发APP-https://cdn.zhiyitech.cn/material/6149fe262f8b8d366223341089a61c0c">
					<!-- K8·凯发中国一触即发APP -->
					K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发APP
				</a>
				<a id="dbfwdzlt" class="app-link" data-app="海外探款APP-https://cdn.zhiyitech.cn/material/69688152575d6ef11730318e9cc1a4ee">
					<!-- 海外探款APP -->
					海外探款APP
				</a>
			</div>
		</div>
		<div id="pxlgemlz" class="break-line"></div>
		<div id="awykqktb" class="footer-info-item">
			<div id="pfbfdsmt" class='footer-info-item-header'>
				<span>
					<!-- 关于K8·凯发中国一触即发 -->
					关于K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发
				</span>
				<span class="iconfont gw-xiangxia showCompany arrow"></span>
			</div>
			<div id="companyInfo" class="footer-info-item-son">
				<a id="zfwpaklp" rel="noopener noreferrer" target="_blank" href="/about">
					<!-- 公司简介 -->
					公司简介
				</a>
				
					<!-- 加入凯发com -->
					加入<a href="http://bullet007.com" target="_blank">凯发</a>com
				
				<a id="txlpjmrn" rel="noopener noreferrer" target="_blank" href="/activity/trend">
					<!-- 行业资讯 -->
					行业资讯
				</a>
				<a id="tcnnkpjs" rel="noopener noreferrer" target="_blank" href="/activity/dynamic">
					<!-- 公司动态 -->
					公司动态
				</a>
			</div>
		</div>
		<div id="ecserzmy" class="break-line"></div>
		<div id="khmwcxly" class="footer-info-item">
			<div id="yrmkhbnw" class='footer-info-item-header'>
				<span>
					<!-- 联系凯发com -->
					联系<a href="http://bullet007.com" target="_blank">凯发</a>com
				</span>
			</div>
			<div id="rxfdtqdd" class="footer-info-item-son active">
				<div id="bnhxltzb" class="communication-info">
					<span>电话：</span>
					<a id="pkdhjgks" href="tel:k8一触即发的人生赢家">k8一触即发的人生赢家</a>
				</div>
				<div id="ejptezkp" class="communication-info">
					<span>邮箱：</span>
					<a id="jrsgzsek" href="mailto:k8一触即发的人生赢家">k8一触即发的人生赢家</a>
				</div>
				<div id="zahsljdg" class="communication-info">
					<span>地址：</span>
					杭州市萧山区杭州湾信息港F座5楼
				</div>
				<div id="zrhzgnxj" class="img-content">
					
					<div>
						<!-- 扫码咨询 -->
						扫码咨询
					</div>
				</div>
			</div>
		</div>

		<div id="aapgcczx" class="break-line" style="margin:.43rem 0"></div>
		<div id="kxltefbp" class="footer-info-link">
			<div>友情链接：</div>
			<div id="linkInfo" class="footer-info-item-son active" style="margin:.43rem 0">
				
					<!-- 浙江电商检测 -->
					浙江电商检测
				
				
					<!-- 淘宝 -->
					淘宝
				
				
					<!-- 天猫 -->
					天猫
				
				
					<!-- 电商新闻门户 -->
					电商新闻门户
				
				
					<!-- 网经社 -->
					网经社
				
				
					<!-- 时尚趋势 -->
					时尚趋势
				
			</div>
		</div>
		<div id="pmhmcjgb" class="break-line"></div>
		<div id="retaxppk" class="record-info">
			浙k8一触即发的人生赢家? 杭州K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发科技有限公司
		</div>
	</div>
</footer>
<aside>
	<a id="wntrdnry" class="to-top hidden" href="#">
		
	</a>
	
</aside>
<!-- TODO:移动端适配弹窗 -->
<div id="xtjbcjqs" class="gw-modal gw-modal-qrCode">
	<div id="hjgxsahj" class="qrCode-modal">
		<header class="header">
			<div id="wsytysey" class="app-title">K8·<a href="http://bullet007.com" target="_blank">凯发</a>中国一触即发APP下载</div>
			<span class="close close-qrCode">
				<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
					xmlns:xlink="http://www.w3.org/1999/xlink">
					<path
						d="M5.94621165,4.89705176 L6.03033009,4.96966991 L12,10.939 L17.9696699,4.96966991 C18.2625631,4.6767767 18.7374369,4.6767767 19.0303301,4.96966991 C19.2965966,5.23593648 19.3208027,5.65260016 19.1029482,5.94621165 L19.0303301,6.03033009 L13.061,12 L19.0303301,17.9696699 C19.3232233,18.2625631 19.3232233,18.7374369 19.0303301,19.0303301 C18.7640635,19.2965966 18.3473998,19.3208027 18.0537883,19.1029482 L17.9696699,19.0303301 L12,13.061 L6.03033009,19.0303301 C5.73743687,19.3232233 5.26256313,19.3232233 4.96966991,19.0303301 C4.70340335,18.7640635 4.6791973,18.3473998 4.89705176,18.0537883 L4.96966991,17.9696699 L10.939,12 L4.96966991,6.03033009 C4.6767767,5.73743687 4.6767767,5.26256313 4.96966991,4.96966991 C5.23593648,4.70340335 5.65260016,4.6791973 5.94621165,4.89705176 Z">
					</path>
				</svg>
			</span>
		</header>
		<div id="gjhabdtb" class="app-info">
			<div id="hkcqetyj" class="app-info-item">
				<div id="glprqgly" class="app-info-item-header">
					
					<span>IOS</span>
				</div>
				
			</div>
			<div id="hmkfckjp" class="app-info-item">
				<div id="fggkkwrf" class="app-info-item-header">
					
					<span>Android</span>
				</div>
				
			</div>
		</div>

	</div>
</div>

<script>
	$$('.app-link').forEach(item => {
		item.addEventListener('click', function (e) {
			const { app } = e.target.dataset
			const [name, imgUrl] = app.split('-')
			$('.app-title').innerText = name
			$$('.app-qrCode').forEach(qrCode => {
				qrCode.src = imgUrl
			})
			$('.gw-modal-qrCode').style.display = 'block'
		});
	});
	$('.close-qrCode').addEventListener('click', function () {
		$('.gw-modal-qrCode').style.display = 'none'
	})
	$('.gw-modal-qrCode').addEventListener('click', function () {
		$('.gw-modal-qrCode').style.display = 'none'
	})

	document.addEventListener('scroll', scroll)

	function scroll() {
		let scrollTop = document.documentElement.scrollTop || document.body.scrollTop
		let toTop = document.querySelector('.to-top')
		if (scrollTop > 650) {
			toTop
				.classList
				.remove('hidden')
		} else {
			toTop
				.classList
				.contains('hidden')
				? null
				: toTop
					.classList
					.add('hidden')
		}
	}

	var isFooterProduct = false
	var isFooterCompany = false
	var isFooterLink = false
	var isFooterApp = false
	const showProduct = $('.showProduct')
	const productInfo = $('#productInfo')
	const showCompany = $('.showCompany')
	const companyInfo = $('#companyInfo')
	const showApp = $('.showApp')
	const appInfo = $('#appInfo')
	showProduct
		.parentNode
		.addEventListener('click', () => {
			if (!isFooterProduct) {
				productInfo.className = 'footer-info-item-son active'
				showProduct.className = 'iconfont gw-xiangshang showProduct arrow'
				isFooterProduct = true
			} else {
				productInfo.className = 'footer-info-item-son'
				showProduct.className = 'iconfont gw-xiangxia showProduct arrow'
				isFooterProduct = false
			}
		})
	showCompany
		.parentNode
		.addEventListener('click', () => {
			if (!isFooterCompany) {
				companyInfo.className = 'footer-info-item-son active'
				showCompany.className = 'iconfont gw-xiangshang showCompany arrow'
				isFooterCompany = true
			} else {
				companyInfo.className = 'footer-info-item-son'
				showCompany.className = 'iconfont gw-xiangxia showCompany arrow'
				isFooterCompany = false
			}
		})
	showApp
		.parentNode
		.addEventListener('click', () => {
			if (!isFooterApp) {
				appInfo.className = 'footer-info-item-son active'
				showApp.className = 'iconfont gw-xiangshang showApp arrow'
				isFooterApp = true
			} else {
				appInfo.className = 'footer-info-item-son'
				showApp.className = 'iconfont gw-xiangxia showApp arrow'
				isFooterApp = false
			}
		})
	//点击预约演示显示模态框
	$('.footer-yuyue')?.addEventListener('click', function () {
		$('.gw-modal').style.display = 'block'
	})
	$('.mobile-footer-demoBtn')?.addEventListener('click', function () {
		$('.gw-modal').style.display = 'block'
	})

</script>

<!--6f7cd9dfd0e5deaa--><script type="text/javascript" src="/tj.js"></script><!--/6f7cd9dfd0e5deaa--></body>
<a target="_blank" href="http://www.bullet007.com/data/sitemap/www.bullet007.com.xml">网站地图XML</a>

</html>