<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>
		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="wpk德州是专业的服装电商大数据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>wpk德州-服装电商大数据分析工具,专注服装类目,数据更准,信息更全,有效提高服装爆款率</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>
</head>


<body>
<h1><a href="http://www.coolworldprod.com/" title="WEPOKER-微扑克官网-纵横扑克之道">WEPOKER-微扑克官网-纵横扑克之道</a></h1>
	<nav class="mobile-nav mobile-hidden">
		<a id="pccpewwp" class="logo" href="/">
			
			
			
			
		</a>
		<div id="tdjfdfca" class="nav-right">
			<div id="tmankwlg" class="lang-menus">
				<div id="dlnhyscw" class="menu">
					
					
					<span class="active">中</span>
					<span>/</span>
					<span class="">EN</span>
				</div>
				<!-- <div id="fpxjrlpl" 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="passfwsb" class="mobile-menu mobile-hidden">
		<div id="jtpwpcct" class="mobile-menu-header">
			<span class="iconfont gw-guanbi closeMenuBtn"></span>
		</div>
		<div id="nqcljfhq" class="mobile-menu-item">
			<a id="baljdjrf" data-href="/" href="/">
				<!-- wpk德州首页 -->
				<a href="http://coolworldprod.com" target="_blank">wpk</a>德州首页
			</a>
		</div>
		<div id="webmrqah" class="mobile-menu-item productList">
			<span>
				<!-- wpkpoker官网产品 -->
				<a href="http://coolworldprod.com" target="_blank">wpk</a>poker官网产品
			</span>
			<span class="iconfont gw-xiangxia"></span>
		</div>
		<div id="product" class="mobile-menu-item-content">
			
				<!-- wpk德州 -->
				<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
			
			
				<!-- 抖衣 -->
				抖衣
			
			
				<!-- 知款 -->
				知款
			
			
				<div id="qpwgrybg" class="name">
					<!-- 知小布 -->
					知小布
					<div id="ndtzjcqe" class="new">
						<!-- 热门 -->
						new
					</div>
				</div>
			
			
				<!-- 海外探款 -->
				海外探款
			
			
				<!-- 美念 -->
				美念
			
			
				<!-- 炼丹炉 -->
				炼丹炉
			
			
				<!-- 趋势报告 -->
				趋势报告
			
			
				<!-- Trendscopes -->
				Trendscopes
			
			
				Fashion Diffusion +
			
			
				知小衣
			
		</div>
		<div id="grsajshb" 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="hthcgrdb" class="item " href="javascript: void(0)" target="_blank"> -->
			<!-- AI大模型 -->
			<!-- AI大模型
			</a> -->
			<a id="qmnlwzak" class="item " href="/technology/img" target="_blank">
				<!-- 图像识别与位置检测 -->
				图像识别与位置检测
			</a>
			<a id="cdagzwyb" class="item " href="/technology/color" target="_blank">
				<!-- 服装颜色识别 -->
				服装颜色识别
			</a>
			<a id="wkkatcfc" class="item " href="/technology/search" target="_blank">
				<!-- 以图搜图 -->
				以图搜图
			</a>
			<a id="xpfdgkfz" class="item " href="/technology/tb" target="_blank">
				<!-- 电商趋势分析 -->
				电商趋势分析
			</a>
			<a id="ytlttlex" class="item " href="/technology/fashion_trends" target="_blank">
				<!-- 时尚趋势分析 -->
				时尚趋势分析
			</a>
			<a id="pfencdpz" class="item " href="/technology/social" target="_blank">
				<!-- 社交平台趋势分析 -->
				社交平台趋势分析
			</a>
		</div>
		<div id="pzegxfpl" class="mobile-menu-item">
			<a id="nbzhdelb" data-href="/brandcase" href="/brandcase/all">
				<!-- 客户案例 -->
				客户案例
			</a>
		</div>
		<div id="kjltldat" 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="wsfddlcc" class="item " href="/solution/pinpai" target="_blank">
				<!-- 品牌解决方案 -->
				品牌解决方案
			</a>
			<a id="gnycbcaq" class="item " href="/solution/dianshang"
				target="_blank">
				<!-- 电商解决方案 -->
				电商解决方案
			</a>
			<a id="jffljxky" class="item " href="/solution/mianliao" target="_blank">
				<!-- 面料解决方案 -->
				面料解决方案
			</a>
			<a id="yjgbptdl" class="item " href="/solution/cross" target="_blank">
				<!-- 跨境解决方案 -->
				跨境解决方案
			</a>
			<a id="njprxrwe" class="item " href="/solution/ai" target="_blank">
				<!-- 全域AI数据解决方案 -->
				全域AI数据解决方案
			</a>
		</div>
		<div id="mhewhjsz" 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="gsghxgzf" class="item " href="/market" target="_blank">
				<!-- wpk德州沙龙 -->
				<a href="http://coolworldprod.com" target="_blank">wpk</a>德州沙龙
			</a>
			<!-- <a id="mfsycexa" class="item " href="/fabricMarket" target="_blank"> -->
			<!-- 面料对接会 -->
			<!-- 面料对接会 -->
			<!-- </a> -->
		</div>
		<div id="fflrkmmg" class="mobile-menu-item">
			<a id="pecfzfrm" data-href="/activity" href="/activity/all">
				<!-- 新闻中心 -->
				新闻中心
			</a>
		</div>
		<div id="ggnwkyxy" class="mobile-menu-item">
			<a id="qgfnacsh" href="/about">
				<!-- 关于wpk德州 -->
				关于<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
			</a>
		</div>
		<div id="fcsplmnt" class="mobile-menu-item">
			<div id="lwbsswkz" class="mobile-appointment">
				<span>
					<!-- 预约演示 -->
					预约演示
				</span>
				<span class="iconfont gw-jiantou"></span>
			</div>
		</div>
	</div>
	<nav class="main-nav">
		<div id="bxrlketr" class="content">
			<a id="xaqshqax" class="logo" href="/">
				
				
				
				
			</a>
			<ul class="nav-items">
				<li>
					<a id="xtwzzran" href="/home">
						<!-- wpk德州首页 -->
						<a href="http://coolworldprod.com" target="_blank">wpk</a>德州首页
					</a>
				</li>
				<li class="product-menus" lang="zh-ch">
					<a>
						<span>
							<!-- wpkpoker官网产品 -->
							<a href="http://coolworldprod.com" target="_blank">wpk</a>poker官网产品
						</span>
					</a>
					<div id="mjmygkxn" class="sub-menu">
						<div id="mqezdttq" class="product-list">
							
								<div id="qwjjrwhs" class="img">
									
								</div>
								<div id="sbfdfbxt" class="info">
									<div id="lkrtwnhh" class="name">
										<!-- wpk德州 -->
										<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
									</div>
									<div id="enhjhcaz" class="tip">
										淘系服饰爆款挖掘与趋势分析
									</div>
								</div>
							
							
								<div id="zkhqfrka" class="img">
									
								</div>
								<div id="srdatatf" class="info">
									<div id="kmagcjpg" class="name">
										<!-- 抖衣 -->
										抖衣
									</div>
									<div id="yzrfcsfb" class="tip">
										抖音服饰爆款挖掘与趋势分析
									</div>
								</div>
							
							
								<div id="dpskgelb" class="img">
									
								</div>
								<div id="ypcsqyzc" class="info">
									<div id="kajmkawh" class="name">
										<!-- 海外探款 -->
										海外探款
									</div>
									<div id="znpbgxdl" class="tip">
										高效挖掘海外服饰趋势
									</div>
								</div>
							
							
								<div id="lyytcjwb" class="img">
									
								</div>
								<div id="zztqxtsh" class="info">
									<div id="wcxfdspd" class="name">
										<!-- Trendscopes -->
										Trendscopes
									</div>
									<div id="gfencjbn" class="tip">
										基于数据分析，洞察全球时尚趋势
									</div>
								</div>
							
							
								<div id="gzhkhelh" class="img">
									
								</div>
								<div id="egzbbskx" class="info">
									<div id="xgdaasdh" class="name">
										<!-- 炼丹炉 -->
										炼丹炉
									</div>
									<div id="zjxcsyqb" class="tip">
										商业智能决策工具，实现业绩高效增长
									</div>
								</div>
							
							
								<div id="yamffzpk" class="img">
								
								</div>
								<div id="gnmhhyfe" class="info">
									<div id="fkfgdkpd" class="name new">
										<!-- 知小布 -->
										知小布
										<div id="tmfnlypj" class="new">
											NEW
										</div>
									</div>
									<div id="ycqecfqj" class="tip">
										面料商的精准获客新方式
									</div>
								</div>
							
							
								<div id="wdsdcajh" class="img">
									
								</div>
								<div id="kpqpaftw" class="info">
									<div id="sbjezapy" class="name">
										<!-- Gleemo -->
										Gleemo
									</div>
									<div id="dfcgltrh" class="tip">
										让达人营销管理变得简单
									</div>
								</div>
							
							
								<div id="yllblxky" class="img">
									
								</div>
								<div id="lbmmghhb" class="info">
									<div id="jsfjtwgy" class="name">
										<!-- 知款 -->
										知款
									</div>
									<div id="ckeneyxd" class="tip">
										快速发现时尚趋势灵感
									</div>
								</div>
							
							
								<div id="jjewfpts" class="img">
									
								</div>
								<div id="qhgzqqaa" class="info">
									<div id="kfkecrde" class="name">
										<!-- 美念 -->
										美念
									</div>
									<div id="djthgrmq" class="tip">
										素材云端存储/团队协作
									</div>
								</div>
							
							
								<div id="crmjhgcz" class="img">
									
								</div>
								<div id="pkyfczgm" class="info">
									<div id="frrhkwnn" class="name">
										<!-- Fashion Diffusion + -->
										Fashion Diffusion +
									</div>
									<div id="fjymckde" class="tip">
										AI加持的智能设计与商拍高效工具
									</div>
								</div>
							
							
								<div id="drnlzrln" class="img">
									
								</div>
								<div id="ckwejdsp" class="info">
									<div id="wlzghnxn" class="name">
										<!-- 趋势报告 -->
										趋势报告
									</div>
									<div id="ytbafffj" class="tip">
										电商行情洞察/流行趋势分析
									</div>
								</div>
							
							
								<div id="ytwxlhlp" class="img">
									
								</div>
								<div id="shwclnsh" class="info">
									<div id="arphglye" class="name new">
										<!--  -->
										知小衣
										<div id="gzfmfmyd" class="new">
											NEW
										</div>
									</div>
									<div id="gtbtcnkw" class="tip">
										时尚<a href="http://coolworldprod.com" target="_blank">wpk</a>poker官网产品全能型 Agent
									</div>
								</div>
							
							<div id="xfyjwqrx" class="item"></div>
							<div id="jhfqwdxc" class="custom">
								<div id="ddqjqnnz" class="label">
									<!-- 申请定制化服务 -->
									申请定制化服务
								</div>
								
							</div>
						</div>
					</div>
				</li>
				<li class="technology-menus">
					<a id="xdtxjmkb" data-href="/technology">
						<span>
							<!-- 技术能力 -->
							技术能力
						</span>
					</a>
					<div id="hqtkeefc" class="sub-menu">
						<div id="lelgxeeg" class="group">
							<div id="nlyjpwlt" class="group-title">
								<!-- AI能力 -->
								AI能力
							</div>
							<div id="zdeqrsqb" class="group-items">
								<!-- <a id="trpwwhdr" class="item" href="javascript: void(0)">
									<div id="jklppsrc" class="top">
										<div id="zekxkpdz" class="number">01</div>
										
									</div>
									<div id="bchrywmy" class="bottom">
										<div id="zrprkfsw" class="name"> -->
								<!-- AI大模型 -->
								<!-- AI大模型
										</div>
										<div id="qfkgzdjz" class="goto"></div>
									</div>
								</a> -->
								<a id="jtksllqj" class="item" href="/technology/img" target="_blank">
									<div id="jtwtkatm" class="top">
										<div id="ccfbzsaz" class="number">01</div>
										
									</div>
									<div id="kpqxwksm" class="bottom">
										<div id="qdwqhfqs" class="name">
											<!-- 图像识别与位置检测 -->
											图像识别与位置检测
										</div>
										<div id="almkmgzp" class="goto"></div>
									</div>
								</a>
								<a id="fmjeejtc" class="item" href="/technology/search" target="_blank">
									<div id="kerkyrjj" class="top">
										<div id="gbfdlzrd" class="number">02</div>
										
									</div>
									<div id="dmwmslft" class="bottom">
										<div id="ztflcecn" class="name">
											<!-- 以图搜图 -->
											以图搜图
										</div>
										<div id="jtzhlhrt" class="goto"></div>
									</div>
								</a>
								<a id="mpayclzy" class="item" href="/technology/color" target="_blank">
									<div id="kzzyzqcd" class="top">
										<div id="eyqzjyth" class="number">03</div>
										
									</div>
									<div id="sawwfyjq" class="bottom">
										<div id="shzfrqad" class="name">
											<!-- 服装颜色识别 -->
											服装颜色识别
										</div>
										<div id="qacpqesx" class="goto"></div>
									</div>
								</a>
							</div>
						</div>
						<div id="ckxmjqxc" class="group">
							<div id="rrzzqjpj" class="group-title">
								<!-- 大数据能力 -->
								大数据能力
							</div>
							<div id="rnpkfqpy" class="group-items">
								<a id="dpszzxqj" class="item" href="/technology/tb" target="_blank">
									<div id="qrmgxgea" class="top">
										<div id="rbncskfl" class="number">01</div>
										
									</div>
									<div id="cektnadg" class="bottom">
										<div id="pssxjhta" class="name">
											<!-- 电商趋势分析 -->
											电商趋势分析
										</div>
										<div id="bhhzpnah" class="goto"></div>
									</div>
								</a>
								<a id="rcddnwmw" class="item" href="/technology/fashion_trends" target="_blank">
									<div id="qnkjzqxc" class="top">
										<div id="xgxkhasz" class="number">02</div>
										
									</div>
									<div id="tlwdwqex" class="bottom">
										<div id="znxpcxyt" class="name">
											<!-- 时尚趋势分析 -->
											时尚趋势分析
										</div>
										<div id="kjejbbly" class="goto"></div>
									</div>
								</a>
								<a id="hxbmgwqt" class="item" href="/technology/social" target="_blank">
									<div id="jjjrjcqe" class="top">
										<div id="nmjkenhe" class="number">03</div>
										
									</div>
									<div id="detgbsbl" class="bottom">
										<div id="cgxehjdr" class="name">
											<!-- 社交平台趋势分析 -->
											社交平台趋势分析
										</div>
										<div id="smkdpbhe" class="goto"></div>
									</div>
								</a>
							</div>
						</div>
					</div>
				</li>
				<li>
					<a id="lrsndslg" data-href="/brandcase" href="/brandcase/all">
						<!-- 客户案例 -->
						客户案例
					</a>
				</li>
				<li class="solve-menus">
					<a id="jeghczst" data-href="/">
						<span>
							<!-- 解决方案 -->
							解决方案
						</span>
						<div id="prqwgzal" class="sub-menu">
							<a id="cxyrrlma" class="item" href="/solution/pinpai" target="_blank">
								<div id="dwsenwrr" class="top">
									<div id="cpylzbds" class="number">01</div>
									
								</div>
								<div id="nnxeqfkg" class="bottom">
									<div id="ybcfadrd" class="name">
										<!-- 品牌解决方案 -->
										品牌解决方案
									</div>
									<div id="zljnhcfl" class="goto"></div>
								</div>
							</a>
							<a id="jnnqkflx" class="item" href="/solution/dianshang" target="_blank">
								<div id="rdyrebkt" class="top">
									<div id="qgzgnjpm" class="number">02</div>
									
								</div>
								<div id="krslwlpw" class="bottom">
									<div id="zajhdptx" class="name">
										<!-- 电商解决方案 -->
										电商解决方案
									</div>
									<div id="trnasztk" class="goto"></div>
								</div>
							</a>
							<a id="yflbzyjh" class="item" href="/solution/mianliao" target="_blank">
								<div id="gtswehhp" class="top">
									<div id="accxpsrp" class="number">03</div>
									
								</div>
								<div id="sbyyrrtm" class="bottom">
									<div id="jhmdhhnq" class="name">
										<!-- 面料解决方案 -->
										面料解决方案
									</div>
									<div id="dglhpwzq" class="goto"></div>
								</div>
							</a>
							<a id="drrfrkbt" class="item" href="/solution/cross" target="_blank">
								<div id="zbnptfem" class="top">
									<div id="hclbwfne" class="number">04</div>
									
								</div>
								<div id="pbhykynn" class="bottom">
									<div id="ebxwywmy" class="name">
										<!-- 跨境解决方案 -->
										跨境解决方案
									</div>
									<div id="xbmqhseq" class="goto"></div>
								</div>
							</a>
							<a id="galalabx" class="item" href="/solution/ai" target="_blank">
								<div id="xqrrygym" class="top">
									<div id="jfltebjj" class="number">05</div>
									
								</div>
								<div id="cffbcsza" class="bottom">
									<div id="tmrcfxtd" class="name">
										<!-- 全域AI数据解决方案 -->
										全域AI数据解决方案
									</div>
									<div id="nmwmtsad" class="goto"></div>
								</div>
							</a>
						</div>
				</li>
				<li class="market-menus">
					<a id="pqnaxbyw" data-href="/">
						<span>
							<!-- 活动/沙龙 -->
							活动/沙龙
						</span>
					</a>
					<div id="amzenhpq" class="sub-menu">
						<a id="gjxghgpm" class="item" href="/market" target="_blank">
							<div id="pwsrnssj" class="name">
								<!-- wpk德州沙龙 -->
								<a href="http://coolworldprod.com" target="_blank">wpk</a>德州沙龙
							</div>
						</a>
						<!-- <a id="ahtrswmb" class="item" href="/fabricMarket" target="_blank">
							<div id="fklmhgqx" class="name"> -->
						<!-- 面料对接会 -->
						<!-- 面料对接会 -->
						<!-- </div>
						</a> -->
					</div>
				</li>
				<li>
					<a id="wachadfq" data-href="/activity" href="/activity/all">
						<!-- 新闻中心 -->
						新闻中心
					</a>
				</li>
				<li>
					<a id="ttqqwpld" href="/about">
						<!-- 关于wpk德州 -->
						关于<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
					</a>
				</li>
				<div id="tmkpfltg" class="menu-split"></div>
				<div id="zslmbceq" class="lang-menus">
					<div id="yyjmqcxy" class="menu">
						
						
						<span class="active">中</span>
						<span>/</span>
						<span class="">EN</span>
					</div>
					<!-- <div id="mjkwrcsl" 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="pdcwpxcp" class="aside-button">
  <div id="ppcrrgjq" class="item item-apply">
    
    <div>
      <!-- 免费试用 -->
      免费试用
    </div>
  </div>
  <div id="fsdxxatk" class="item item-apply">
    
    <div>
      <!-- 资料领取 -->
      资料领取
    </div>
  </div>
  <div id="kffchapy" class="item item-apply">
    
    <div>
      <!-- 预约演示 -->
      预约演示
    </div>
  </div>
  <div id="ertwpxke" class="item item-qr-code">
    
    <div>
      <!-- 扫码咨询 -->
      扫码咨询
    </div>
    <div id="mnyewgwb" class="qr-code-img">
      
    </div>
  </div>
</div>
<div id="bazybthl" class="gw-modal">
  <div id="apnhqefw" class="modal-container">
    <div id="yarmydsk" 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="rqqmzmpa" class="form-item">
          <label class="block">
            <!-- 姓名 -->
            姓名
            <span class="require">*</span> </label>
          <div>
            <!-- 请输入姓名 -->
            
          </div>
          <div id="mnznhhbj" class="form-error"></div>
        </div>
        <div id="yqrpwzls" class="form-item">
          <label class="block">
            <!-- 手机号 -->
            手机号
            <span class="require">*</span> </label>
          <div>
            <!-- 请输入手机号 -->
            
          </div>
          <div id="adgzgajz" class="form-error"></div>
        </div>
        <div id="qbmqpdqc" class="form-item">
          <label class="block">
            <!-- 公司名称 -->
            公司名称
            <span class="require">*</span> </label>
          <div>
            <!-- 请输入公司名称 -->
            
          </div>
          <div id="rqrbztky" class="form-error"></div>
        </div>
        <div id="kdmgczad" class="form-item">
          <label class="block">
            <!-- 公司地址 -->
            公司地址
            <span class="require">*</span> </label>
          <div>
            <!-- 请输入公司地址 -->
            
          </div>
          <div id="dgckhmka" class="form-error"></div>
        </div>

        <div id="pzqecghw" class="btn-container">
          <button class="m-btn" type="button" id="btnSubmit">
            <!-- 立即提交 -->
            立即提交
          </button>
        </div>
      
    </main>
  </div>
  <div id="zaxythwf" 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="mhmqhntl" style="flex-grow:1;flex-shrink:1;">
		
<div id="xxyekhea" class="home" lang="zh-ch">
  <div id="hwekdmgc" class="video-zhiyi-container">
  <div id="neajmwpb" class="bg-box">
    
    
  </div>
  <div id="edrmrlzn" class="head-title-box">
    <div id="jxstfytn" class="head-title" data-animation="fadeInUp">
      <!-- 数据洞察时尚趋势 -->
      数据洞察时尚趋势
    </div>
    <div id="taayngac" class="head-title" data-animation="fadeInUp">
      <span class="special-title">AI</span><!-- 助力企业增长决策 -->助力企业增长决策
    </div>
    <div id="lbmaydcc" class="typewriter head-tip">
      <span id="typewriter-text"></span>
      <span class="cursor">|</span>
    </div>
    <div id="gtpafpnq" class="head-tip">
      <!-- 让您在市场竞争中保持领先地位 -->
      让您在市场竞争中保持领先地位
    </div>
    <div id="lhlsgggb" class="link-btn">
      <!-- 免费使用 -->
      <span>免费试用</span>
    </div>
    <div id="ghzwqazd" class="btn-tip">
      <!-- 每日限免77个名额 -->
      每日限免77个名额
    </div>
  </div>
  <div id="blezpgcx" class="video-box">
    <video id="head-video" src="https://cdn.zhiyitech.cn/material/c181840a28a166ef9aaffed92d9663f5" autoplay muted
      playsinline>
    </video>
    <div id="bryhglzt" class="control" data-play="false">
      
      
    </div>
    <div id="wkmcrwda" class="video-progress-btn-box"></div>
  </div>
  <div id="ddwtewyf" class="head-brand-swiper">
    <div id="gcfykhwl" class="swiper-wrapper" style="animation-duration: 30s;">
      <div id="bstjetea" class="swiper-slide" title="江南布衣">
        
      </div>
      <div id="frdyngzs" class="swiper-slide" title="三彩">
        
      </div>
      <div id="lwnqqmyz" class="swiper-slide" title="影儿集团">
        
      </div>
      <div id="qdxbmrmn" class="swiper-slide" title="雅莹">
        
      </div>
      <div id="khzqcdrh" class="swiper-slide" title="海澜之家">
        
      </div>
      <div id="xwgldfep" class="swiper-slide" title="森马">
        
      </div>
      <div id="bsfsferx" class="swiper-slide" title="唐狮">
        
      </div>
      <div id="hnyxglkr" class="swiper-slide" title="GXG">
        
      </div>
      <div id="tkjxpbfl" class="swiper-slide" title="巴拉巴拉">
        
      </div>
      <div id="ymycsdrw" class="swiper-slide" title="京东">
        
      </div>
      <div id="xznddfbm" class="swiper-slide" title="唯品会">
        
      </div>
      <div id="wajclwwg" class="swiper-slide" title="耐克">
        
      </div>
      <div id="fedwgkhf" class="swiper-slide" title="蕉内">
        
      </div>
      <div id="yghrkbnh" class="swiper-slide" title="骆驼">
        
      </div>
      <div id="aclejmsf" class="swiper-slide" title="江南布衣">
        
      </div>
      <div id="mchazdge" class="swiper-slide" title="三彩">
        
      </div>
      <div id="jlbrxkyw" class="swiper-slide" title="影儿集团">
        
      </div>
      <div id="rfmdgblh" class="swiper-slide" title="雅莹">
        
      </div>
      <div id="ezmpmgwb" class="swiper-slide" title="海澜之家">
        
      </div>
      <div id="jebhjjns" class="swiper-slide" title="森马">
        
      </div>
      <div id="wqksbjnt" class="swiper-slide" title="唐狮">
        
      </div>
      <div id="pcyydkfj" class="swiper-slide" title="GXG">
        
      </div>
      <div id="ktzybwak" class="swiper-slide" title="巴拉巴拉">
        
      </div>
      <div id="actklhdh" class="swiper-slide" title="京东">
        
      </div>
      <div id="apbbzpwp" class="swiper-slide" title="唯品会">
        
      </div>
      <div id="rtmxfsgq" class="swiper-slide" title="耐克">
        
      </div>
      <div id="ngppdpbd" class="swiper-slide" title="蕉内">
        
      </div>
      <div id="rxndfsmf" class="swiper-slide" title="骆驼">
        
      </div>
    </div>
    <div id="jngjedzy" class="mask-left brand-mask">
      
    </div>
    <div id="zlwefcww" 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="kkknbmss" 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="jhypbkwk" class="full-link-container">
  <div id="adwehtcg" class="head-title-box" data-animation="fadeInUp">
    <div id="gylnbhjl" class="title">
      <!-- 时尚产业AI全链路解决方案 -->
      时尚产业AI全链路解决方案
    </div>
    <div id="twbwhtps" class="tip">
      <!-- 从企划选品趋势洞察、设计协同管理到运营数据智能分析，再到网红营销精准触达，wpk德州科技以全链路数字化解决方案，为企业提供一站式增长赋能。 -->
      从企划选品趋势洞察、设计协同管理到运营数据智能分析，再到网红营销精准触达，<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技以全链路数字化解决方案，为企业提供一站式增长赋能。
    </div>
  </div>
  <div id="cnhezeqa" class="link-box">
    
    <div id="jlerfham" class="link-line mask">
      <div id="flchwlwp" class="bg"></div>
    </div>
    
    <div id="hxlqqcjt" class="link-full-btn-box-swiper">
      <div id="qszqzpqh" class="swiper-wrapper">
        <div id="bwagebwl" class="link-full-btn top swiper-slide" data-index="1">
          <div id="mztjlqat" class="container">
            <div id="mllepwzf" class="text-container">
              <span>
                <!-- 趋势洞察 -->
                趋势洞察
              </span>
            </div>
            <div id="pyxnnnyp" class="point"></div>
          </div>
        </div>
        <div id="kzypatbn" class="link-full-btn bottom swiper-slide" data-index="2">
          <div id="sxyemyza" class="container">
            <div id="kkfagefy" class="point"></div>
            <div id="ddmrskhd" class="text-container">
              <span>
                <!-- 高效选品 -->
                高效选品
              </span>
            </div>
          </div>
        </div>
        <div id="jfsjbwyt" class="link-full-btn top swiper-slide" data-index="3">
          <div id="rwaetafe" class="container">
            <div id="llfsrmrx" class="text-container">
              <span>
                <!-- AI设计 -->
                AI设计
              </span>
            </div>
            <div id="qepjpynz" class="point"></div>
          </div>
        </div>
        <div id="ehjfdgaw" class="link-full-btn bottom swiper-slide" data-index="4">
          <div id="dbbzbgem" class="point"></div>
          <div id="tkglyzjp" class="container">
            <div id="dzatxntb" class="text-container">
              <span>
                <!-- 智配面料 -->
                智配面料
              </span>
            </div>
          </div>
        </div>
        <div id="xdgalhxq" class="link-full-btn top swiper-slide" data-index="5">
          <div id="kyplfwzb" class="container">
            <div id="fgndfytk" class="text-container">
              <span>
                <!-- 智能营销 -->
                智能营销
              </span>
            </div>
          </div>
          <div id="xtfshawf" class="point"></div>
        </div>
      </div>
    </div>
  </div>
  <!-- 趋势洞察 -->
  <div id="edgrmejy" class="link-container" data-active="1">
    <div id="dajjwjlb" class="card-box">
      <div id="qafyyajt" class="card-col">
        
          
          <div id="tpndqkkw" class="title">
            <a href="http://coolworldprod.com" target="_blank">wpk</a>德州
          </div>
          <div id="nsnbyyab" class="tip">
            电商大数据趋势追踪
          </div>
        
      </div>
      <div id="yklstywl" class="card-col">
        
          
          <div id="ybkwbtqx" class="title">
            海外探款
          </div>
          <div id="jfbbqmxe" class="tip">
            高效挖掘海外服饰趋势
          </div>
        
      </div>
      <div id="fkgdjgeg" class="card-col-2">
        
          
          <div id="rqbmnxam" class="title">
            抖衣
          </div>
          <div id="ykhafayq" class="tip">
            抖音服饰爆款挖掘与趋势分析
          </div>
        
        
          
          <div id="farxmncs" class="title">
            炼丹炉
          </div>
          <div id="ajykrcrk" class="tip">
            商业智能决策工具，实现业绩高效增长
          </div>
        
      </div>
      <div id="tszjpzxn" class="card-col">
        
          
          <div id="kfnqfmgm" class="title">
            Trendscopes
          </div>
          <div id="mzjanltp" class="tip">
            洞察全球时尚趋势
          </div>
        
      </div>
    </div>
    <div id="xrantszp" class="prop-box">
      <div id="lzzcyxrj" class="prop-item">
        <div id="cgajthxg" class="prop-icon">
          
        </div>
        <div id="hghxtcmq" class="prop-label">
          <!-- 品类洞察 -->
          品类洞察
        </div>
      </div>
      <div id="tmfpffes" class="prop-item">
        <div id="eexcbpme" class="prop-icon">
          
        </div>
        <div id="xmnrxlze" class="prop-label">
          <!-- 热销爆款 -->
          热销爆款
        </div>
      </div>
      <div id="shcnkpef" class="prop-item">
        <div id="dkwkqbew" class="prop-icon">
          
        </div>
        <div id="gbzhqlnn" class="prop-label">
          <!-- 价格带分析 -->
          价格带分析
        </div>
      </div>
      <div id="adfxpfcj" class="prop-item">
        <div id="nfyzwdea" class="prop-icon">
          
        </div>
        <div id="pbkfdpck" class="prop-label">
          <!-- 属性分析 -->
          属性分析
        </div>
      </div>
      <div id="rctjnhyp" class="prop-item">
        <div id="ldmcjplz" class="prop-icon">
          
        </div>
        <div id="wkyrndsd" class="prop-label">
          <!-- 竞店分析 -->
          竞店分析
        </div>
      </div>
      <div id="fdkjtntm" class="prop-item">
        <div id="qnxfywxk" class="prop-icon">
          
        </div>
        <div id="ajmkaajx" class="prop-label">
          <!-- 竞店商品监控 -->
          竞店商品监控
        </div>
      </div>
      <div id="kgpalher" class="prop-item">
        <div id="mpbhexwx" class="prop-icon">
          
        </div>
        <div id="kscjnztn" class="prop-label">
          <!-- 社媒趋势 -->
          社媒趋势
        </div>
      </div>
      <div id="jgzjghgs" class="prop-item">
        <div id="qxsdeywr" class="prop-icon">
          
        </div>
        <div id="nybttxqf" class="prop-label">
          <!-- 电商趋势 -->
          电商趋势
        </div>
      </div>
    </div>
  </div>
  <!-- 高效选品 -->
  <div id="pspesjtc" class="link-container" data-active="2">
    <div id="qsmzctrt" class="card-box">
      <div id="qlyxkspz" class="card-col">
        
          
          <div id="qqslnkrd" class="title">
            知款
          </div>
          <div id="dgjyqdbh" class="tip">
            快速发现时尚趋势灵感
          </div>
        
      </div>
      <div id="ynhajawb" class="card-col">
        
          
          <div id="msyylnyd" class="title">
            <a href="http://coolworldprod.com" target="_blank">wpk</a>德州
          </div>
          <div id="erpschyg" class="tip">
            电商大数据趋势追踪
          </div>
        
      </div>
      <div id="pgeglfpj" class="card-col">
        
          
          <div id="wykfzggm" class="title">
            海外探款
          </div>
          <div id="afkmthrz" class="tip">
            高效挖掘海外服饰趋势
          </div>
        
      </div>
      <div id="ahsdqqkf" class="card-col">
        
          
          <div id="zpmlxdxs" class="title">
            抖衣
          </div>
          <div id="chzcpfpp" class="tip">
            抖音服饰爆款挖掘与趋势分析
          </div>
        
      </div>
    </div>
    <div id="ladgjwfk" class="prop-box">
      <div id="dzntqabq" class="prop-item">
        <div id="pncmszfw" class="prop-icon">
          
        </div>
        <div id="gezylnnz" class="prop-label">
          <!-- 智能推荐 -->
          智能推荐
        </div>
      </div>
      <div id="prfzmljr" class="prop-item">
        <div id="lzmdzntp" class="prop-icon">
          
        </div>
        <div id="dycxxhse" class="prop-label">
          <!-- 以图搜图 -->
          以图搜图
        </div>
      </div>
      <div id="nrcagqax" class="prop-item">
        <div id="jfwysfpf" class="prop-icon">
          
        </div>
        <div id="ecjeretx" class="prop-label">
          <!-- 以色搜款 -->
          以色搜款
        </div>
      </div>
      <div id="cysagmew" class="prop-item">
        <div id="fhxmaxkj" class="prop-icon">
          
        </div>
        <div id="dfgxmycr" class="prop-label">
          <!-- 电商新品 -->
          电商新品
        </div>
      </div>
      <div id="bmysrrpt" class="prop-item">
        <div id="qjtyyase" class="prop-icon">
          
        </div>
        <div id="jqsjndtr" class="prop-label">
          <!-- 直播爆款 -->
          直播爆款
        </div>
      </div>
      <div id="jcnxarpb" class="prop-item">
        <div id="enwyglsy" class="prop-icon">
          
        </div>
        <div id="xnwtnpzz" class="prop-label">
          <!-- 社媒热帖 -->
          社媒热帖
        </div>
      </div>
      <div id="frhwxdmf" class="prop-item">
        <div id="fcdgwtha" class="prop-icon">
          
        </div>
        <div id="heyqqrnm" class="prop-label">
          <!-- 全球秀场 -->
          全球秀场
        </div>
      </div>
      <div id="fjhtzhsf" class="prop-item">
        <div id="bcbyfpem" class="prop-icon">
          
        </div>
        <div id="rjtnddnm" class="prop-label">
          <!-- 品牌站点 -->
          品牌站点
        </div>
      </div>
    </div>
  </div>
  <!-- AI设计 -->
  <div id="hmdaesnk" class="link-container" data-active="3">
    <div id="cyfcfajg" class="card-box">
      <div id="dkfjbkyt" class="card-col">
        
          
          <div id="trhzxymf" class="title">
            Fashion Diffusion+
          </div>
          <div id="krfqlwcn" class="tip">
            AI加持的智能设计与商拍高效工具
          </div>
        
      </div>
      <div id="sjrzjbgm" class="card-col">
        
          
          <div id="lnynzwht" class="title">
            美念
          </div>
          <div id="nqtknhqa" class="tip">
            素材云端存储/团队协作
          </div>
        
      </div>
    </div>
    <div id="byrmstcl" class="prop-box">
      <div id="dtlnwtbh" class="prop-item">
        <div id="haxhxeck" class="prop-icon">
          
        </div>
        <div id="xyxkgnlh" class="prop-label">
          <!-- 款式上身 -->
          款式上身
        </div>
      </div>
      <div id="ldwfyzsc" class="prop-item">
        <div id="seqnasyh" class="prop-icon">
          
        </div>
        <div id="strpatbx" class="prop-label">
          <!-- 款式创新 -->
          款式创新
        </div>
      </div>
      <div id="syhalthz" class="prop-item">
        <div id="yeexdyay" class="prop-icon">
          
        </div>
        <div id="drmekkme" class="prop-label">
          <!-- 线稿成款 -->
          线稿成款
        </div>
      </div>
      <div id="fewfaxdt" class="prop-item">
        <div id="wlthgdhe" class="prop-icon">
          
        </div>
        <div id="jmcnlclq" class="prop-label">
          <!-- 局部改款 -->
          局部改款
        </div>
      </div>
      <div id="wawfkjlq" class="prop-item">
        <div id="pgyqebkb" class="prop-icon">
          
        </div>
        <div id="nfkwjsbt" class="prop-label">
          <!-- 智能换景 -->
          智能换景
        </div>
      </div>
      <div id="gdhsgwkc" class="prop-item">
        <div id="wfjfqxyf" class="prop-icon">
          
        </div>
        <div id="dxxjyhkl" class="prop-label">
          <!-- 图片采集 -->
          图片采集
        </div>
      </div>
      <div id="nxhypjsx" class="prop-item">
        <div id="nbqxybas" class="prop-icon">
          
        </div>
        <div id="gjayfzek" class="prop-label">
          <!-- 样衣管理 -->
          样衣管理
        </div>
      </div>
      <div id="wcwskgfz" class="prop-item">
        <div id="dnyszqpm" class="prop-icon">
          
        </div>
        <div id="sfjqhjjp" class="prop-label">
          <!-- 协作审批 -->
          协作审批
        </div>
      </div>
    </div>
  </div>
  <!-- 智配面料 -->
  <div id="tknbjtme" class="link-container" data-active="4">
    <div id="xhzgpefs" class="person-box" style="gap: 16px;">
        <div id="temswcgn" class="person" target="_blank"
          href="none">
          <div id="jrfrcphy" class="base-info">
            
            <div>
              <!-- 我是面料商 -->
              <div id="byzkrlqp" class="title">我是面料商</div>
              <!-- AI 成款+精准投放，拓客更高效 -->
              <div id="wpxkwdeq" class="tips">AI 成款+精准投放，拓客更高效</div>
              <!-- 立即开店 -->
              立即开店
            </div>
          </div>
          <div id="hrkewrte" class="list">
            <div id="kaymqgkr" class="item">
              
              <div id="ekdyytms" class="advantage">
              <!-- 精准触达真实需求 -->
                <div id="jkefnjxy" class="title">精准触达真实需求</div>
              <!-- 通过趋势与选款路径智能投放，让面料在设计师决策节点被看到。 -->
                <div id="cgcyaxdk" class="text">通过趋势与选款路径智能投放，让面料在设计师决策节点被看到。</div>
              </div>
            </div>
            <div id="xcznjkfp" class="item">
            
            <div id="wjmtebmn" class="advantage">
              <!-- 全托管线上开店 -->
              <div id="lstbdrzf" class="title">全托管线上开店</div>
              <!-- 面料+款式一体化展示，直观呈现面料特色，Ai 自动成款，高效吸引设计师与品牌关注。 -->
              <div id="zbdazhlx" class="text">面料+款式一体化展示，直观呈现面料特色，Ai 自动成款，高效吸引设计师与品牌关注。</div>
            </div>
          </div>
          <div id="kkktwrkr" class="item">
            
            <div id="czmgabxm" class="advantage">
              <!-- 洞察小红书与电商趋势 -->
              <div id="tqnyjndh" class="title">洞察小红书与电商趋势</div>
              <!-- 实时掌握爆款内容与市场热度，精准把握流行方向，提升选款与营销效率。 -->
              <div id="qhjpqwlb" class="text">实时掌握爆款内容与市场热度，精准把握流行方向，提升选款与营销效率。</div>
            </div>
          </div>
          </div>
        </div>
        <div id="fyxcqgws" class="person" target="_blank"
          href="none">
          <div id="fhagjyte" class="base-info">
            
            <div>
              <!-- 我是设计师 -->
              <div id="pjczyghn" class="title">我是设计师</div>
              <!-- 优质面料智能推荐，灵感直达成款 -->
              <div id="pregmrjt" class="tips">优质面料智能推荐，灵感直达成款</div>
              <!-- 立即体验 -->
              立即体验
            </div>
          </div>
          <div id="pfyfnsaw" class="list">
            <div id="cbcmzyrn" class="item">
              
              <div id="hwmgcwxs" class="advantage">
              <!-- 快速找到优质面料 -->
                <div id="mbabsjxj" class="title">快速找到优质面料</div>
              <!-- 智能推荐+属性匹配，快速锁定符合设计和市场趋势的布料。 -->
                <div id="qtqfnqbq" class="text">智能推荐+属性匹配，快速锁定符合设计和市场趋势的布料。</div>
              </div>
            </div>
            <div id="reeqcxek" class="item">
            
            <div id="rrrwnnnb" class="advantage">
              <!-- 免费找布 -->
              <div id="qndjzatq" class="title">免费找布</div>
              <!-- 专业找布团队，为你免费找面料。 -->
              <div id="wkxjbybs" class="text">专业找布团队，为你免费找面料。</div>
            </div>
          </div>
          <div id="dfjfdnrx" class="item">
            
            <div id="gkrwzfyq" class="advantage">
              <!-- 降本提效 -->
              <div id="wcawctly" class="title">降本提效</div>
              <!-- 面料与款式一体化展示，减少样布浪费，缩短开发周期。 -->
              <div id="fhhggjak" class="text">面料与款式一体化展示，减少样布浪费，缩短开发周期。</div>
            </div>
          </div>
          </div>
        </div>
    </div>
  </div>
  <!-- 智能营销 -->
  <div id="qkrtajqh" class="link-container" data-active="5">
    <div id="tjdtpckl" class="card-box">
      <div id="elgggsfm" class="card-col">
        
          
          <div id="cpwjzwwp" class="title">
            抖衣
          </div>
          <div id="gmkhycqr" class="tip">
            抖音服饰爆款挖掘与趋势分析
          </div>
        
      </div>
      <div id="ltmcyznc" class="card-col">
        
          
          <div id="kwkrprfr" class="title">
            Trendscopes
          </div>
          <div id="gbcfyyxe" class="tip">
            洞察全球时尚趋势
          </div>
        
      </div>
      <div id="lgnjjecx" class="card-col">
        
          
          <div id="apzynmaa" class="title">
            Fashion Diffusion+
          </div>
          <div id="jkszczrk" class="tip">
            AI加持的智能设计与商拍高效工具
          </div>
        
      </div>
    </div>
    <div id="bwqzsnef" class="prop-box">
      <div id="xspgzrdz" class="prop-item">
        <div id="hcxyqyza" class="prop-icon">
          
        </div>
        <div id="hralrsxs" class="prop-label">
          <!-- 品牌分析 -->
          品牌分析
        </div>
      </div>
      <div id="nnshdzna" class="prop-item">
        <div id="segrykrg" class="prop-icon">
          
        </div>
        <div id="nneeldfw" class="prop-label">
          <!-- 达人分析 -->
          达人分析
        </div>
      </div>
      <div id="xfhnafgn" class="prop-item">
        <div id="wbyzblzt" class="prop-icon">
          
        </div>
        <div id="rfmprexg" class="prop-label">
          <!-- 粉丝分析 -->
          粉丝分析
        </div>
      </div>
      <div id="tclgfrcc" class="prop-item">
        <div id="zlrzrann" class="prop-icon">
          
        </div>
        <div id="blmczlyq" class="prop-label">
          <!-- 直播分析 -->
          直播分析
        </div>
      </div>
      <div id="skglqdsk" class="prop-item">
        <div id="ffrmzwqy" class="prop-icon">
          
        </div>
        <div id="ghyahmpk" class="prop-label">
          <!-- 作品分析 -->
          作品分析
        </div>
      </div>
      <div id="acmaplrh" class="prop-item">
        <div id="yzwndpaj" class="prop-icon">
          
        </div>
        <div id="wrytnnsw" class="prop-label">
          <!-- 投放分析 -->
          投放分析
        </div>
      </div>
      <div id="yqxfelqe" class="prop-item">
        <div id="peferynp" class="prop-icon">
          
        </div>
        <div id="xjeazekw" class="prop-label">
          <!-- 热词分析 -->
          热词分析
        </div>
      </div>
      <div id="xjpkyhgx" class="prop-item">
        <div id="aederwkg" class="prop-icon">
          
        </div>
        <div id="aqmspchl" 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="lmmlszhp" class="ai-container">
  <div id="hybggjdg" class="head-title-box" data-animation="fadeInUp">
    <div id="pgmgczpd" class="left">
      <div id="qdyffgss" class="title">
        <!-- AI选品，打造爆款从未如此轻松 -->
        AI选品，打造爆款从未如此轻松
      </div>
      <div id="tgfmfndp" class="tip">
        <!-- 数亿数据集训练的独家服饰大模型+推荐算法，把爆款送到你面前供你遴选。 -->
        数亿数据集训练的独家服饰大模型+推荐算法，把爆款送到你面前供你遴选。
      </div>
    </div>
    <div id="lfxtpbbe" class="right">
      <div id="jpmmpcqf" class="link-btn">
        <span>
          <!-- 申请演示 -->
          申请演示
        </span>
      </div>
    </div>
  </div>
  
  <div id="gnmmwffq" class="video">
    <video src="https://cdn.zhiyitech.cn/material/d3c541ba20266f8dc4a8f25197455583" autoplay loop muted playsinline></video>
  </div>
  
  <div id="nlewbjkm" class="img"></div>
  <div id="phhfjkkt" class="img-tip">
    <div id="azgpczxj" class="tip">Trend keywords were extracted from social media submissions from more than 4,000 retailers and 2
      million fashion Kols</div>
    <div id="mjxjqdbf" class="split"></div>
    <div id="qgbrrlfg" class="tip">Update the trending keyword dictionary daily</div>
    <div id="wnnezaza" class="split"></div>
    <div id="zgqbfmlt" 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="yheplfwd" class="fd-region">
  <div id="nywfjbne" class="fd-container">
    <div id="pdkpdkpd" class="head-title-box" data-animation="fadeInUp">
      <div id="rfeytqsr" class="left">
        <div id="ayhmdeqs" class="title">
          <!-- 知小衣，时尚产业全能型Agent -->
          知小衣，时尚产业全能型Agent
        </div>
      </div>
      <div id="clalnnre" class="right">
        <div id="rdtxpkag" class="link-btn">
          <span>
            <!-- 立即体验 -->
            立即体验
          </span>
        </div>
        <div id="qeflxzdy" class="tip">
          <!-- 每日开放 60名免费 试用名额 -->
          每日开放 60名免费 试用名额
        </div>
      </div>
    </div>
    <div id="ymkbrcwt" class="subTitle">
      <!-- 时尚产业首个Agentwpkpoker官网产品，一句话，即可帮你找款/设计/写报告。 -->
      时尚产业首个Agent<a href="http://coolworldprod.com" target="_blank">wpk</a>poker官网产品，一句话，即可帮你找款/设计/写报告。
    </div>
    <div id="pwgdkahc" class="fd-swiper" data-animation="fadeInUp">
      <div id="ddzsnzbf" class="swiper-wrapper"></div>
      <div id="egrcgxae" class="swiper-button-prev">
        
      </div>
      <div id="jlgcndxd" class="swiper-button-next">
        
      </div>
    </div>
    <div id="zdhjdrmh" 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="wlbklcrr" class="head">
        <div id="kjtsgtzr" class="left">
          <div id="fgtwkqzk" class="title">${item.slogan || item.title}</div>
          <div id="wgtzzhhw" class="tip">${item.tip}</div>
        </div>
        <div id="wjggmzzz" class="right">
          
            <span>了解更多</span>
          
        </div>
      </div>
      <div id="jtsqpshw" 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="acqltqxp" 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="zrpzaytw" class="data-set-container" data-animation="fadeInUp">
  <div id="hbdxbdxk" class="head-title-box">
    <div id="yqbmjkjk" class="title">
      <!-- 全球首创时尚数据集，超1000亿时尚数据 -->
      全球首创时尚数据集，超1000亿时尚数据
    </div>
    <div id="mbxhrtyr" class="tip">
      <!-- 企划、设计师的时尚灵感库，全球电商平台站点和社媒数据，提供数据API或模型服务 -->
      企划、设计师的时尚灵感库，全球电商平台站点和社媒数据，提供数据API或模型服务
    </div>
  </div>
  <div id="mnqmlljw" class="data-box">
    <div id="mmsnqpap" class="data-item">
      
      <div id="fbcqlmca" class="data">
        <!-- 5000+ -->
        <span data-to="5000">5000</span>+
      </div>
      
      <div id="nzhgtgzg" class="info">
        <!-- 全球服饰独立站 -->
        全球服饰独立站
      </div>
    </div>
    <div id="wqwhcedq" class="data-item">
      
      <div id="sxfkmfat" class="data">
        <!-- 400000+ -->
        <span data-to="400000">400000</span>+
      </div>
      
      <div id="gdktqmtf" class="info">
        <!-- 淘宝天猫 旺铺 -->
        淘宝天猫 旺铺
      </div>
    </div>
    <div id="mdmhkmpg" class="data-item">
      
      <div id="dkpfqtyj" class="data">
        <!-- 2.3亿+ -->
        <span>2.3</span>亿+
      </div>
      
      <div id="rdtejtar" class="info">
        <!-- 跨境商品数 -->
        跨境商品数
      </div>
    </div>
    <div id="zllqagxn" class="data-item">
      
      <div id="kkxxymec" class="data">
        <!-- 1亿+ -->
        <span>1</span>亿+
      </div>
      
      <div id="zwjppgzh" class="info">
        <!-- 国内监控商品数 -->
        国内监控商品数
      </div>
    </div>
    <div id="ksmtnnmm" class="data-item">
      
      <div id="azeafbpr" class="data">
        <!-- 100000+ -->
        <span data-to="100000">100000</span>+
      </div>
      
      <div id="llpkzwny" class="info">
        <!-- 品牌收录 -->
        品牌收录
      </div>
    </div>
    <div id="qynfemnq" class="data-item">
      
      <div id="gclxqzjr" class="data">
        <!-- 250000+ -->
        <span data-to="250000">250000</span>+
      </div>
      
      <div id="ypseqhyd" class="info">
        <!-- 服饰垂类达人博主 -->
        服饰垂类达人博主
      </div>
    </div>
  </div>
  <div id="wnpwjdsa" class="data-set-swiper">
    <div id="cgghwxzc" class="swiper-wrapper" style="animation-duration: 20s;">
      <div id="zlzqkjjj" class="swiper-slide">
        
      </div>
      <div id="zdpqlnwh" class="swiper-slide">
        
      </div>
      <div id="ckdmpynr" class="swiper-slide">
        
      </div>
      <div id="fwbbraer" class="swiper-slide">
        
      </div>
      <div id="mejypsgp" class="swiper-slide">
        
      </div>
      <div id="xyfjlcrn" class="swiper-slide">
        
      </div>
      <div id="mwcdtqxa" class="swiper-slide">
        
      </div>
      <div id="lybezgxl" class="swiper-slide">
        
      </div>
      <div id="lgkbasqy" class="swiper-slide">
        
      </div>
      <div id="qyhcabrn" class="swiper-slide">
        
      </div>
      <div id="ytrrkpry" class="swiper-slide">
        
      </div>
      <div id="mtcmbzzm" class="swiper-slide">
        
      </div>
      <div id="fkpgdgft" class="swiper-slide">
        
      </div>
      <div id="fpxfqpwn" class="swiper-slide">
        
      </div>
      <div id="jmftdzrq" class="swiper-slide">
        
      </div>
      <div id="swetwdhc" class="swiper-slide">
        
      </div>
      <div id="nzjsfqml" class="swiper-slide">
        
      </div>
      <div id="fksxanlj" class="swiper-slide">
        
      </div>
      <div id="crefqyyk" class="swiper-slide">
        
      </div>
      <div id="scengnqx" class="swiper-slide">
        
      </div>
      <div id="mbptscgz" class="swiper-slide">
        
      </div>
      <div id="maxmphys" class="swiper-slide">
        
      </div>
    </div>
    <div id="bcasbydt" class="mask-left brand-mask">
      
    </div>
    <div id="bjjjybfl" class="mask-right brand-mask">
      
    </div>
  </div>
  <div id="cwfwzmwm" 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="nrbebzyd" class="cases-container">
  <div id="czxdxbzz" class="head-title-box" data-animation="fadeInUp">
    <div id="lhhjjnxm" class="title">
      <!-- 他们如何用wpk德州实现增长？立即探索 -->
      他们如何用<a href="http://coolworldprod.com" target="_blank">wpk</a>德州实现增长？立即探索
    </div>
    <div id="kcjkqezf" class="link-btn">
      <span>
        <!-- 申请免费试用 -->
        申请免费试用
      </span>
    </div>
  </div>
  <div id="yakaajdd" class="cases-swiper" data-animation="fadeInUp">
    <div id="hbhfchen" class="swiper-wrapper">
      <a id="ajkjrbyr" class="swiper-slide" href="/brandcase/all/787">
        
        <div id="rnzcdwpp" class="title">
          <!-- 玛丝菲尔 -->
          玛丝菲尔
        </div>
        <div id="zzaqeaxd" class="tip">
          <!-- 数据洞察、商品洞察、趋势分析 -->
          数据洞察、商品洞察、趋势分析
        </div>
      </a>
      <a id="jrkcnyej" class="swiper-slide" href="/brandcase/all/798">
        
        <div id="bhdcrgfa" class="title">
          <!-- 蕉内 -->
          蕉内
        </div>
        <div id="jpflylbp" class="tip">
          <!-- 数据洞察、品类细分、用户洞察 -->
          数据洞察、品类细分、用户洞察
        </div>
      </a>
      <a id="ygszkzpf" class="swiper-slide" href="/brandcase/all/64">
        
        <div id="abrdxhtx" class="title">
          <!-- UR -->
          UR
        </div>
        <div id="hwmmwkrx" class="tip">
          <!-- 行业洞察、智能报表、智能试衣 -->
          行业洞察、智能报表、智能试衣
        </div>
      </a>
      <a id="tgypxkty" class="swiper-slide" href="/brandcase/all/861">
        
        <div id="swzkdflm" class="title">
          <!-- 巴拉巴拉 -->
          巴拉巴拉
        </div>
        <div id="xsaweblf" class="tip">
          <!-- 潮流趋势、品类洞察、款式创新 -->
          潮流趋势、品类洞察、款式创新
        </div>
      </a>
    </div>
    <div id="cekameyw" 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="akjwxbsq" class="brand-wall-container">
  <div id="ysbbannx" class="head-title-box" data-animation="fadeInUp">
    <div id="gprmqest" class="title">
      <!-- 8000+品牌客户选择了wpk德州 -->
      8000+品牌客户选择了<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
    </div>
    <div id="jdtxjrsk" class="link-btn">
      <span>
        <!-- 立即注册 -->
        立即注册
      </span>
    </div>
  </div>
  <div id="ddfbfard" class="brand-wall">
    <div id="ssfthwqp" class="loop-container">
      <div id="kjcbpxwz" class="loop-content" style="animation-duration: 26.666667s;width: 2432px;">
        <div id="bqxkjqwm" class="loop-img-container">
          
        </div>
        <div id="tcnadgex" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="bkrjfjzq" class="loop-container">
      <div id="tcsjzpha" class="loop-content" style="animation-duration: 20s;">
        <div id="felpwgdq" class="loop-img-container">
          
        </div>
        <div id="ksrnaxlb" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="hdlpmlgh" class="loop-container">
      <div id="narnqanx" class="loop-content" style="animation-duration: 30s;">
        <div id="fbmbjrst" class="loop-img-container">
          
        </div>
        <div id="lkjlhwnq" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="abgnmnxb" class="loop-container">
      <div id="nnqfpecw" class="loop-content" style="animation-duration: 20s;">
        <div id="gqyqjqkw" class="loop-img-container">
          
        </div>
        <div id="cwgkrxcr" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="zjglyenm" class="loop-container">
      <div id="tesjkxfr" class="loop-content" style="animation-duration: 30s;">
        <div id="mdhxwtry" class="loop-img-container">
          
        </div>
        <div id="pajhylax" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="whjsmygg" class="mask left"></div>
    <div id="carnxyfk" class="mask right"></div>
  </div>
</div>


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

  <div id="cphzjbya" class="info-container" data-active="news">
  <div id="cghbsjyp" class="head-title-box" data-animation="fadeInUp">
    <div id="shjgfqpj" class="tabs tab-swiper">
      <div id="rgypedah" class="swiper-wrapper">
        <div id="sjgdkeen" class="tab swiper-slide" data-type="news">
          <!-- 媒体报道 -->
          媒体报道
        </div>
        <div id="lnpfznwr" class="tab swiper-slide" data-type="activity">
          <!-- 市场活动 -->
          活动/沙龙
        </div>
      </div>
    </div>
    <div id="xfacxplp" class="more-btn">
      <div id="xkecnfkh" class="more" data-type="news">
        <!-- 更多报道 -->
        更多报道
      </div>
      <div id="psmbyspk" class="more" data-type="activity">
        <!-- 更多活动 -->
        更多活动
      </div>
    </div>
  </div>
  <div id="heqgtmaq" class="news-swiper" data-animation="fadeInUp">
    <div id="sasqpffm" class="swiper-wrapper">
      
      <div id="qkpfrbpg" class="swiper-slide">
        <a id="wehmfffp" class="news-item" href="/activity/dynamic/1501">
          <div id="tdjsxadf" class="news-img">
            
          </div>
          
          <div id="fwmajnqd" class="news-title">喜讯！<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技荣获国家级专精特新“小巨人”企业称号！</div>
          
        </a>
      </div>
      
      <div id="nkteqbsh" class="swiper-slide">
        <a id="yqsmnzyl" class="news-item" href="/activity/dynamic/1505">
          <div id="mhpekfmf" class="news-img">
            
          </div>
          
          <div id="jxzgxdmc" class="news-title">创新领跑新未来，<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技荣获安踏集团“安创新星A-Star”奖！</div>
          
        </a>
      </div>
      
      <div id="abcjptme" class="swiper-slide">
        <a id="fqlrqbzk" class="news-item" href="/activity/dynamic/1502">
          <div id="ehkxjdfx" class="news-img">
            
          </div>
          
          <div id="lwcybpdl" class="news-title"><a href="http://coolworldprod.com" target="_blank">wpk</a>德州携手京东，洞见服饰爆品孵化新路径</div>
          
        </a>
      </div>
      
      <div id="mdtjghmg" class="swiper-slide">
        <a id="hxbfgwec" class="news-item" href="/activity/dynamic/1503">
          <div id="jqrakeeq" class="news-img">
            
          </div>
          
          <div id="mpmysswf" class="news-title"><a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技携手汉帛国际，发布AI时尚推款平台FashionSeek！</div>
          
        </a>
      </div>
      
      <div id="pydrmhda" class="swiper-slide">
        <a id="bmqgsxyr" class="news-item" href="/activity/dynamic/1497">
          <div id="mzktgycq" class="news-img">
            
          </div>
          
          <div id="ptqbaxrn" class="news-title">权威认可！<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技获评“浙江省人工智能服务商”</div>
          
        </a>
      </div>
      
      <div id="lflfaglp" class="swiper-slide">
        <a id="mrebqdny" class="news-item" href="/activity/dynamic/119">
          <div id="fqgsaltm" class="news-img">
            
          </div>
          
          <div id="kehrdljs" class="news-title">设计师买布避坑指南！血泪换来的14条经验</div>
          
        </a>
      </div>
      
      <div id="gbwgymxj" class="swiper-slide">
        <a id="taqlcpxk" class="news-item" href="/activity/dynamic/47">
          <div id="sjqtqcjx" class="news-img">
            
          </div>
          
          <div id="tqqtdlhn" class="news-title">服装行业首个落地AI Agent ，正式发布！</div>
          
        </a>
      </div>
      
      <div id="qqfwcppj" class="swiper-slide">
        <a id="mzrwwxyx" class="news-item" href="/activity/dynamic/1492">
          <div id="qkrpynar" class="news-img">
            
          </div>
          
          <div id="yqlpsxmn" class="news-title">桐乡毛杉业联合会到访<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技，调研服装行业AI<a href="http://coolworldprod.com" target="_blank">wpk</a>poker官网产品应用情况</div>
          
        </a>
      </div>
      
      <div id="nehrqrfh" class="swiper-slide">
        <a id="jpddlcxa" class="news-item" href="/activity/dynamic/1491">
          <div id="hmdlcswt" class="news-img">
            
          </div>
          
          <div id="dnjcdkwb" class="news-title"><a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技获「首批高质量数据集建设先行先试“揭榜挂帅”」殊荣</div>
          
        </a>
      </div>
      
      <div id="bhrwefjs" class="swiper-slide">
        <a id="wbbleqka" class="news-item" href="/activity/dynamic/16">
          <div id="kskbkrks" class="news-img">
            
          </div>
          
          <div id="enehgbdl" class="news-title">喜报！<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技获「首批高质量数据集建设先行先试“揭榜挂帅”」殊荣</div>
          
        </a>
      </div>
      
    </div>
  </div>
  <div id="qnntzkwa" class="news-swiper-pagination"></div>
  <div id="snwyterf" class="activity-swiper">
    <div id="ychhtsca" class="swiper-wrapper">
      
      <div id="ghhpklbb" class="swiper-slide">
        <a id="rcltsjef" class="activity-item" href="/marketDetail/37">
          <div id="aqwzcrzw" class="activity-img">
            
            <div id="fwtbalgz" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="pphjhlkq" class="activity-title">直播｜2026/27秋冬女装趋势大揭秘：设计师必修课！</div>
          
        </a>
      </div>
      
      <div id="tsfefhgf" class="swiper-slide">
        <a id="jybetabd" class="activity-item" href="/marketDetail/36">
          <div id="acfctfzb" class="activity-img">
            
            <div id="bsccekbt" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="ajejwpbq" class="activity-title">直播｜街头低腰、修身微喇……2026春夏跨境爆款牛仔裤的密码就藏在这里</div>
          
        </a>
      </div>
      
      <div id="jhxpqdxr" class="swiper-slide">
        <a id="pfhcjece" class="activity-item" href="/marketDetail/35">
          <div id="fdwbjtcl" class="activity-img">
            
            <div id="mfnrqqlr" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="arcxgdnr" class="activity-title">直播｜爆款抄作业翻车？解锁7大智能找款法，效率翻倍还避坑</div>
          
        </a>
      </div>
      
      <div id="lkhdnexw" class="swiper-slide">
        <a id="germxcmn" class="activity-item" href="/marketDetail/34">
          <div id="hryslbez" class="activity-img">
            
            <div id="gsqzjdrk" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="xthezxxl" class="activity-title">直播｜SHEIN服装ODM的大数据选品术：让爆款成为可复制的“确定性”！</div>
          
        </a>
      </div>
      
      <div id="heqykmts" class="swiper-slide">
        <a id="fahzknet" class="activity-item" href="/marketDetail/33">
          <div id="ermqsrqb" class="activity-img">
            
            <div id="lgbxlsgh" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="nqnnnkay" class="activity-title">直播｜1000+跨境企业都在用的大数据工具！亚马逊服装选品黑科技解密→</div>
          
        </a>
      </div>
      
      <div id="qrwbeqwj" class="swiper-slide">
        <a id="lgaggbky" class="activity-item" href="/marketDetail/32">
          <div id="hhbcarel" class="activity-img">
            
            <div id="afjmarxp" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="hkdyxewm" class="activity-title">直播｜2025年天猫618男女装整体销售复盘</div>
          
        </a>
      </div>
      
      <div id="xqncgjmq" class="swiper-slide">
        <a id="htarzcxf" class="activity-item" href="/marketDetail/31">
          <div id="rptsgzfh" class="activity-img">
            
            <div id="fpxggsxq" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="ebncgjpe" class="activity-title">直播-UR、ONLY都在用的大数据选品法</div>
          
        </a>
      </div>
      
      <div id="begjpwah" class="swiper-slide">
        <a id="hpsesgsz" class="activity-item" href="/marketDetail/29">
          <div id="ktbsthba" class="activity-img">
            
            <div id="yzgfsexy" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="fkbntqsx" class="activity-title">直播-从找款到企划，女装选品开款爆款率翻倍的AI实战秘籍→</div>
          
        </a>
      </div>
      
      <div id="wbflxftg" class="swiper-slide">
        <a id="hcytrdnd" class="activity-item" href="/marketDetail/30">
          <div id="bwawdcwc" class="activity-img">
            
            <div id="cdhwhftn" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="qwdllxhh" class="activity-title">直播-跨境爆款T恤设计密码：2026春夏多平台趋势解析直播来袭→</div>
          
        </a>
      </div>
      
      <div id="yptwwpdy" class="swiper-slide">
        <a id="knkrqxpz" class="activity-item" href="/marketDetail/28">
          <div id="kdspgpsj" class="activity-img">
            
            <div id="scebhaqa" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="wtmhrxqq" class="activity-title">直播-6万+服装设计师每日在线选款，面料商都在用的精准获客新方式→</div>
          
        </a>
      </div>
      
      <div id="lllhcpfn" class="swiper-slide">
        <a id="rqrqtnyc" class="activity-item" href="/marketDetail/27">
          <div id="tzdcpymh" class="activity-img">
            
            <div id="askjscjn" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="yxxqsngf" class="activity-title">直播-26/27秋冬运动装单品趋势洞察</div>
          
        </a>
      </div>
      
      <div id="btndktrf" class="swiper-slide">
        <a id="ergyabxh" class="activity-item" href="/marketDetail/26">
          <div id="txhkwwtx" class="activity-img">
            
            <div id="pefhhpyg" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="mtygjfml" class="activity-title">直播-爆改工作流，4步打造TikTok爆款</div>
          
        </a>
      </div>
      
      <div id="abqlxjrr" class="swiper-slide">
        <a id="etcxyrbh" class="activity-item" href="/marketDetail/25">
          <div id="gbccyxzm" class="activity-img">
            
            <div id="cewlwssj" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="nqqzydly" class="activity-title">破解服饰面料趋势密码！「秋冬服饰面料创新增长论坛」开启报名！</div>
          
        </a>
      </div>
      
      <div id="fckdmcwt" class="swiper-slide">
        <a id="gmbykryc" class="activity-item" href="/marketDetail/24">
          <div id="ezxcwxqz" class="activity-img">
            
            <div id="clkyfdhw" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="wzwsdgrk" class="activity-title">直播-关税要降了？这有6大爆单攻略助你抢占先机</div>
          
        </a>
      </div>
      
      <div id="jcnxfkrk" class="swiper-slide">
        <a id="hpscerej" class="activity-item" href="/marketDetail/23">
          <div id="kpnflefp" class="activity-img">
            
            <div id="rqnywxtr" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="wpkaxckg" class="activity-title">直播-25/26秋冬四大时装周女装趋势分析</div>
          
        </a>
      </div>
      
      <div id="fzelkxyw" class="swiper-slide">
        <a id="jmgjpdst" class="activity-item" href="/marketDetail/22">
          <div id="llczqhnh" class="activity-img">
            
            <div id="acgxacnw" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="rzwpcgxj" class="activity-title">直播-关税重压下，服装跨境企业如何破局？</div>
          
        </a>
      </div>
      
      <div id="gcxrztnl" class="swiper-slide">
        <a id="zwrymsgw" class="activity-item" href="/marketDetail/21">
          <div id="fqkyaagb" class="activity-img">
            
            <div id="dpydrmaj" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="mxzqdxak" class="activity-title">直播-TikTok服装高效选款秘籍</div>
          
        </a>
      </div>
      
      <div id="zxdzrrkz" class="swiper-slide">
        <a id="fhsqaqth" class="activity-item" href="/marketDetail/13">
          <div id="jxxkyemb" class="activity-img">
            
            <div id="tlflzfwl" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="cwdgsess" class="activity-title">服装行业中的“她经济”——她营销·服装增长沙龙上海站来袭！</div>
          
        </a>
      </div>
      
      <div id="bxrtpdsz" class="swiper-slide">
        <a id="gmllfqxp" class="activity-item" href="/marketDetail/17">
          <div id="aqkywyap" class="activity-img">
            
            <div id="jfbjmyxq" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="tayneqgg" class="activity-title">直播-2025春夏运动户外趋势洞察</div>
          
        </a>
      </div>
      
      <div id="nabddwde" class="swiper-slide">
        <a id="edawhspg" class="activity-item" href="/marketDetail/15">
          <div id="lncgmdyy" class="activity-img">
            
            <div id="jzgxydmr" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="elfkcnrr" class="activity-title">直播-25/26秋冬跨境电商女装色彩</div>
          
        </a>
      </div>
      
      <div id="ntwrqaxc" class="swiper-slide">
        <a id="nhfcbmyh" class="activity-item" href="/marketDetail/10">
          <div id="nakcdjan" class="activity-img">
            
            <div id="hhkgmzar" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="kfdntwfj" class="activity-title">潮流先机，赢在起点——跨境服装2025春夏趋势沙龙</div>
          
        </a>
      </div>
      
      <div id="qbbgczkr" class="swiper-slide">
        <a id="wraxjteq" class="activity-item" href="/marketDetail/19">
          <div id="zxtdfwrp" class="activity-img">
            
            <div id="ddxrcxkn" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="dnczjhhb" class="activity-title">直播-跨境服装电商—黑五多平台销售复盘</div>
          
        </a>
      </div>
      
      <div id="kkjmktek" class="swiper-slide">
        <a id="grdnjbdn" class="activity-item" href="/marketDetail/18">
          <div id="ranzwgna" class="activity-img">
            
            <div id="klrnjccn" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="rfncpyda" class="activity-title">直播-跨境电商25/26秋冬单品风格趋势</div>
          
        </a>
      </div>
      
      <div id="hmnthtea" class="swiper-slide">
        <a id="edjnyaxm" class="activity-item" href="/marketDetail/20">
          <div id="wtarbnrm" class="activity-img">
            
            <div id="bkclnfaf" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="lnhblmcw" class="activity-title">直播-双十一男女装复盘</div>
          
        </a>
      </div>
      
      <div id="brpjmwkh" class="swiper-slide">
        <a id="hcpkpnsk" class="activity-item" href="/marketDetail/16">
          <div id="pkaqaseb" class="activity-img">
            
            <div id="egmtmnba" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="cjbpyelz" class="activity-title">直播-2025春夏女装时装周趋势分析</div>
          
        </a>
      </div>
      
      <div id="xbjjxtsm" class="swiper-slide">
        <a id="gshrmnjw" class="activity-item" href="/marketDetail/11">
          <div id="ftegmjjs" class="activity-img">
            
            <div id="rymflnfp" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="zhfxmrxj" class="activity-title">没有范式，却有趋势——2025SS 灵感趋势沙龙（上海站）</div>
          
        </a>
      </div>
      
      <div id="sftqbndg" class="swiper-slide">
        <a id="fmjpnndt" class="activity-item" href="/marketDetail/14">
          <div id="hhpxszpl" class="activity-img">
            
            <div id="xdrjsyzr" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="feptxldq" class="activity-title">打破卷低价、高退货率怪圈！2024秋冬服装电商增长沙龙·杭州站</div>
          
        </a>
      </div>
      
    </div>
  </div>
  <div id="rzhsmmbw" class="activity-swiper-pagination"></div>
  <div id="xrspqhbn" class="more-btn">
    <div id="mtyfryyz" class="more" data-type="news">
      <!-- 更多报道 -->
      更多报道
    </div>
    <div id="dnsaayrs" 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="ybmlnphk" class="interview-container">
  <div id="gbbzkdmy" class="video" data-animation="fadeInUp">
    <video id="interview-video" src="https://cdn.zhiyitech.cn/material/87d1f86367779b7f5f9e6580259baca4" autoplay muted
      loop playsinline></video>
  </div>
  <div id="yldqjcqn" class="tip">
    <!-- wpk德州科技接受CCTV、浙江卫视等官媒采访 -->
    <a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技接受CCTV、浙江卫视等官媒采访
  </div>
  <div id="qknrjglg" class="control" data-play="false">
    
    
  </div>
  <div id="hzsxpbhy" class="mask left">
    
  </div>
  <div id="djxnmkll" 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="xqdgstwk" class="cooperate-container">
  <div id="ekdnspxb" class="bg-left">
    
  </div>
  <div id="ppzergdw" class="bg-right">
    
  </div>
  <div id="rajfkxrh" class="title">
    <!-- 现在开始品牌增长之路 -->
    现在开始品牌增长之路
  </div>
  <div id="mwqgqmrw" class="form-result">
    
      <div id="ywkqlgsc" class="try">
        
        
        
        
      </div>
      <div id="yshpblls" class="error">
      </div>
      <div id="lxayssgg" 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="pynfkfcj" class="success">
        
        <div id="cmbpwtrs" class="title">提交成功！</div>
        <div id="najpmwjz" 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="sjyldets" class="footer">
		<div id="dhzpnbzr" class="footer-header">
			
			
			
			<div>
				<div id="pahkwadj" class="footer-title">
					<!-- wpkpoker官网产品 -->
					<a href="http://coolworldprod.com" target="_blank">wpk</a>poker官网产品
				</div>
				<div id="bmanjknc" class="column">
					<div id="wmpzsjrx" class="column-item">
						
							<!-- wpk德州 -->
							<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
						
						
							<!-- 抖衣 -->
							抖衣
						
						
							<!-- 知款 -->
							知款
						
						
							<!-- 海外探款 -->
							海外探款
						
					</div>
					<div id="srlhslah" class="column-item" style="margin-left: 48px;">
						
							<!-- 美念 -->
							美念
						
						
							<!-- 炼丹炉 -->
							炼丹炉
						
						
							<!-- 趋势报告 -->
							趋势报告
						
						
							Trendscopes
						
						
							Fashion Diffusion +
						
					</div>
					<div id="lhshjysl" class="column-item">
						
							<!-- 知小布 -->
							知小布
						
						
							<!-- 知小衣 -->
							知小衣
						
					</div>
				</div>
			</div>
			
			<div>
				<div id="ltbwepza" class="footer-title">
					<!-- APP下载 -->
					APP下载
				</div>
				<div id="dpaxasss" class="column-item">
					<div id="kfbdrcme" class="info-item">
						<!-- wpk德州APP -->
						<a href="http://coolworldprod.com" target="_blank">wpk</a>德州APP
						<div id="lgmweggq" class="icon icon-ios">
							
						</div>
						<div id="bhmfzmgc" class="icon icon-android">
							
						</div>
					</div>
					<div id="chadbtxl" class="info-item">
						<!-- 海外探款APP -->
						海外探款APP
						<div id="azqsbeyn" class="icon icon-ios">
							
						</div>
						<div id="lljrsrjw" class="icon icon-android">
							
						</div>
					</div>
				</div>
			</div>
			
			<div>
				<div id="bxbbjjem" class="footer-title">
					<!-- 关于wpk德州 -->
					关于<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
				</div>
				<div id="reqtznfz" class="column-item">
					<a id="snhqpfdz" rel="noopener noreferrer" target="_blank" href="/about">
						<!-- 公司简介 -->
						公司简介
					</a>
					
						<!-- 加入wpk德州 -->
						加入<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
					
					<a id="htjyjdjq" rel="noopener noreferrer" target="_blank" href="/activity/trend">
						<!-- 行业资讯 -->
						行业资讯
					</a>
					<a id="yrjlfshm" rel="noopener noreferrer" target="_blank" href="/activity/dynamic">
						<!-- 公司动态 -->
						公司动态
					</a>
				</div>
			</div>
			<div>
				<div id="mxspbrdn" class="footer-title">
					<!-- 联系wpk德州 -->
					联系<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
				</div>
				<div id="enfzfpth" class="contact-info">
					<div id="mxjxfnjz" class="contact-img">
						
						<div id="sbsrparc" style="margin-top: 8px;">
							<!-- 扫码咨询 -->
							扫码咨询
						</div>
					</div>
					<div id="ykrzdxnh" class="column-item" style="margin-left: 16px;">
						<div id="ktgqkbay" class="info-item">电话：Wpk官网下载</div>
						<div id="zjtfzeer" class="info-item">邮箱：wepoker德州官网版</div>
						<div id="fzkwzczy" class="info-item">地址：杭州市萧山区杭州湾信息港F座5楼</div>
					</div>
				</div>
			</div>
		</div>
		<div id="nryrnlbz" class="footer-bottom">
			<div>
				
				<!-- 友情链接 -->
				<span>友情链接:</span>
				
					<!-- 浙江电商检测 -->
					浙江电商检测
				
				
					<!-- 淘宝 -->
					淘宝
				
				
					<!-- 天猫 -->
					天猫
				
				
					<!-- 电商新闻门户 -->
					电商新闻门户
				
				
					<!-- 网经社 -->
					网经社
				
				
					<!-- 时尚趋势 -->
					时尚趋势
				
				
			</div>
			<div>
				浙WePoKer德州官网下载? 杭州<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技有限公司
			</div>
		</div>
	</div>
	<div id="ghqrkqpj" class="mobile-footer mobile-hidden">
		<a id="frcwggqa" href="/home" class="mobile-logo">
			
			
			
		</a>
		<div id="bkpaqwsy" class="footer-info-item">
			<div id="wdttgsrx" class='footer-info-item-header'>
				<span>
					<!-- wpkpoker官网产品 -->
					<a href="http://coolworldprod.com" target="_blank">wpk</a>poker官网产品
				</span>
				<span class="iconfont gw-xiangxia showProduct arrow"></span>
			</div>
			<div id="productInfo" class="footer-info-item-son">
				
					<!-- wpk德州 -->
					<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
				
				
					<!-- 抖衣 -->
					抖衣
				
				
					<!-- 知款 -->
					知款
				
				
					<!-- 知小布 -->
					知小布
				
				
					<!-- 知小衣 -->
					知小衣
				
				
					<!-- 海外探款 -->
					海外探款
				
				
					<!-- 美念 -->
					美念
				
				
					<!-- 炼丹炉 -->
					炼丹炉
				
				
					<!-- 趋势报告 -->
					趋势报告
				
				
					Trendscopes
				
				
					Fashion Diffusion +
				
			</div>
		</div>
		<div id="zrbkjrtk" class="break-line"></div>
		<div id="dklwfesb" class="footer-info-item">
			<div id="jmxqgpns" 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="xarlfwln" class="app-link" data-app="wpk德州APP-https://cdn.zhiyitech.cn/material/6149fe262f8b8d366223341089a61c0c">
					<!-- wpk德州APP -->
					<a href="http://coolworldprod.com" target="_blank">wpk</a>德州APP
				</a>
				<a id="qxmaayrz" class="app-link" data-app="海外探款APP-https://cdn.zhiyitech.cn/material/69688152575d6ef11730318e9cc1a4ee">
					<!-- 海外探款APP -->
					海外探款APP
				</a>
			</div>
		</div>
		<div id="mtexmahr" class="break-line"></div>
		<div id="ktmraftj" class="footer-info-item">
			<div id="trbcgpxn" class='footer-info-item-header'>
				<span>
					<!-- 关于wpk德州 -->
					关于<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
				</span>
				<span class="iconfont gw-xiangxia showCompany arrow"></span>
			</div>
			<div id="companyInfo" class="footer-info-item-son">
				<a id="qbkytskb" rel="noopener noreferrer" target="_blank" href="/about">
					<!-- 公司简介 -->
					公司简介
				</a>
				
					<!-- 加入wpk德州 -->
					加入<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
				
				<a id="lmyswntr" rel="noopener noreferrer" target="_blank" href="/activity/trend">
					<!-- 行业资讯 -->
					行业资讯
				</a>
				<a id="plewhrkz" rel="noopener noreferrer" target="_blank" href="/activity/dynamic">
					<!-- 公司动态 -->
					公司动态
				</a>
			</div>
		</div>
		<div id="lnwzpdqb" class="break-line"></div>
		<div id="zeszknjf" class="footer-info-item">
			<div id="flhncecx" class='footer-info-item-header'>
				<span>
					<!-- 联系wpk德州 -->
					联系<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
				</span>
			</div>
			<div id="xakhqtgd" class="footer-info-item-son active">
				<div id="hdczhtag" class="communication-info">
					<span>电话：</span>
					<a id="nzzpxrnn" href="tel:Wpk官网下载">Wpk官网下载</a>
				</div>
				<div id="zsgkhrrn" class="communication-info">
					<span>邮箱：</span>
					<a id="szlnryqe" href="mailto:wepoker德州官网版">wepoker德州官网版</a>
				</div>
				<div id="dacfffdc" class="communication-info">
					<span>地址：</span>
					杭州市萧山区杭州湾信息港F座5楼
				</div>
				<div id="gnkyjsbs" class="img-content">
					
					<div>
						<!-- 扫码咨询 -->
						扫码咨询
					</div>
				</div>
			</div>
		</div>

		<div id="yerfarma" class="break-line" style="margin:.43rem 0"></div>
		<div id="lwltmdhq" class="footer-info-link">
			<div>友情链接：</div>
			<div id="linkInfo" class="footer-info-item-son active" style="margin:.43rem 0">
				
					<!-- 浙江电商检测 -->
					浙江电商检测
				
				
					<!-- 淘宝 -->
					淘宝
				
				
					<!-- 天猫 -->
					天猫
				
				
					<!-- 电商新闻门户 -->
					电商新闻门户
				
				
					<!-- 网经社 -->
					网经社
				
				
					<!-- 时尚趋势 -->
					时尚趋势
				
			</div>
		</div>
		<div id="qzzasbsq" class="break-line"></div>
		<div id="gkxgckhn" class="record-info">
			浙WePoKer德州官网下载? 杭州<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技有限公司
		</div>
	</div>
</footer>
<aside>
	<a id="lnygdsas" class="to-top hidden" href="#">
		
	</a>
	
</aside>
<!-- TODO:移动端适配弹窗 -->
<div id="fthsyrkc" class="gw-modal gw-modal-qrCode">
	<div id="ehmzkbzb" class="qrCode-modal">
		<header class="header">
			<div id="aybsztjg" class="app-title"><a href="http://coolworldprod.com" target="_blank">wpk</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="fgnhrxyy" class="app-info">
			<div id="qgqpacre" class="app-info-item">
				<div id="kfdwgdxh" class="app-info-item-header">
					
					<span>IOS</span>
				</div>
				
			</div>
			<div id="czbctlja" class="app-info-item">
				<div id="tyjlwgkm" 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>

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

</html>