<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="hccbahwl" class="logo" href="/">
			
			
			
			
		</a>
		<div id="lxdfkwql" class="nav-right">
			<div id="glysnznk" class="lang-menus">
				<div id="fdtyknda" class="menu">
					
					
					<span class="active">中</span>
					<span>/</span>
					<span class="">EN</span>
				</div>
				<!-- <div id="tclyclhn" 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="hmwthlfp" class="mobile-menu mobile-hidden">
		<div id="zejmdzyj" class="mobile-menu-header">
			<span class="iconfont gw-guanbi closeMenuBtn"></span>
		</div>
		<div id="cshmglmc" class="mobile-menu-item">
			<a id="mbpmywjr" data-href="/" href="/">
				<!-- wpk德州首页 -->
				<a href="http://coolworldprod.com" target="_blank">wpk</a>德州首页
			</a>
		</div>
		<div id="naarljgw" 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="bgcffaqh" class="name">
					<!-- 知小布 -->
					知小布
					<div id="szwbljdb" class="new">
						<!-- 热门 -->
						new
					</div>
				</div>
			
			
				<!-- 海外探款 -->
				海外探款
			
			
				<!-- 美念 -->
				美念
			
			
				<!-- 炼丹炉 -->
				炼丹炉
			
			
				<!-- 趋势报告 -->
				趋势报告
			
			
				<!-- Trendscopes -->
				Trendscopes
			
			
				Fashion Diffusion +
			
			
				知小衣
			
		</div>
		<div id="ketxnbsl" 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="wjdfbllq" class="item " href="javascript: void(0)" target="_blank"> -->
			<!-- AI大模型 -->
			<!-- AI大模型
			</a> -->
			<a id="wpwzpsty" class="item " href="/technology/img" target="_blank">
				<!-- 图像识别与位置检测 -->
				图像识别与位置检测
			</a>
			<a id="xyaxfxjs" class="item " href="/technology/color" target="_blank">
				<!-- 服装颜色识别 -->
				服装颜色识别
			</a>
			<a id="zzgxwqnq" class="item " href="/technology/search" target="_blank">
				<!-- 以图搜图 -->
				以图搜图
			</a>
			<a id="bsydfktc" class="item " href="/technology/tb" target="_blank">
				<!-- 电商趋势分析 -->
				电商趋势分析
			</a>
			<a id="apcphynf" class="item " href="/technology/fashion_trends" target="_blank">
				<!-- 时尚趋势分析 -->
				时尚趋势分析
			</a>
			<a id="wpdblmwl" class="item " href="/technology/social" target="_blank">
				<!-- 社交平台趋势分析 -->
				社交平台趋势分析
			</a>
		</div>
		<div id="ymndmflf" class="mobile-menu-item">
			<a id="lchhtyax" data-href="/brandcase" href="/brandcase/all">
				<!-- 客户案例 -->
				客户案例
			</a>
		</div>
		<div id="ehhqslsd" 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="qzaxjtaj" class="item " href="/solution/pinpai" target="_blank">
				<!-- 品牌解决方案 -->
				品牌解决方案
			</a>
			<a id="jcasapzw" class="item " href="/solution/dianshang"
				target="_blank">
				<!-- 电商解决方案 -->
				电商解决方案
			</a>
			<a id="fdyrqted" class="item " href="/solution/mianliao" target="_blank">
				<!-- 面料解决方案 -->
				面料解决方案
			</a>
			<a id="ymlslmpc" class="item " href="/solution/cross" target="_blank">
				<!-- 跨境解决方案 -->
				跨境解决方案
			</a>
			<a id="lqawkafw" class="item " href="/solution/ai" target="_blank">
				<!-- 全域AI数据解决方案 -->
				全域AI数据解决方案
			</a>
		</div>
		<div id="dlqkcbsa" 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="dgpdxpac" class="item " href="/market" target="_blank">
				<!-- wpk德州沙龙 -->
				<a href="http://coolworldprod.com" target="_blank">wpk</a>德州沙龙
			</a>
			<!-- <a id="szwksanr" class="item " href="/fabricMarket" target="_blank"> -->
			<!-- 面料对接会 -->
			<!-- 面料对接会 -->
			<!-- </a> -->
		</div>
		<div id="zrlsdfxw" class="mobile-menu-item">
			<a id="nakambda" data-href="/activity" href="/activity/all">
				<!-- 新闻中心 -->
				新闻中心
			</a>
		</div>
		<div id="sybhswdx" class="mobile-menu-item">
			<a id="rewdfbaj" href="/about">
				<!-- 关于wpk德州 -->
				关于<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
			</a>
		</div>
		<div id="gwgkxbll" class="mobile-menu-item">
			<div id="kqnagzwg" class="mobile-appointment">
				<span>
					<!-- 预约演示 -->
					预约演示
				</span>
				<span class="iconfont gw-jiantou"></span>
			</div>
		</div>
	</div>
	<nav class="main-nav">
		<div id="qhawnyqg" class="content">
			<a id="hpnffpja" class="logo" href="/">
				
				
				
				
			</a>
			<ul class="nav-items">
				<li>
					<a id="nekhfzaw" 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="xsqpnwlx" class="sub-menu">
						<div id="rthpxtbh" class="product-list">
							
								<div id="kqjspebg" class="img">
									
								</div>
								<div id="nbdcatkx" class="info">
									<div id="ncldzzaq" class="name">
										<!-- wpk德州 -->
										<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
									</div>
									<div id="thfrdgan" class="tip">
										淘系服饰爆款挖掘与趋势分析
									</div>
								</div>
							
							
								<div id="zjhppjye" class="img">
									
								</div>
								<div id="lbglxsjk" class="info">
									<div id="wxntxplq" class="name">
										<!-- 抖衣 -->
										抖衣
									</div>
									<div id="zrhcajrz" class="tip">
										抖音服饰爆款挖掘与趋势分析
									</div>
								</div>
							
							
								<div id="tbpkkmpx" class="img">
									
								</div>
								<div id="nyjkrsxn" class="info">
									<div id="qljmcweb" class="name">
										<!-- 海外探款 -->
										海外探款
									</div>
									<div id="mmemyymr" class="tip">
										高效挖掘海外服饰趋势
									</div>
								</div>
							
							
								<div id="zcdjpsge" class="img">
									
								</div>
								<div id="rqqjkmyb" class="info">
									<div id="agpcctdq" class="name">
										<!-- Trendscopes -->
										Trendscopes
									</div>
									<div id="hjdfgrzg" class="tip">
										基于数据分析，洞察全球时尚趋势
									</div>
								</div>
							
							
								<div id="tcqkxzqn" class="img">
									
								</div>
								<div id="pgzbwydw" class="info">
									<div id="fsyjncax" class="name">
										<!-- 炼丹炉 -->
										炼丹炉
									</div>
									<div id="medwxccr" class="tip">
										商业智能决策工具，实现业绩高效增长
									</div>
								</div>
							
							
								<div id="fsccrsrh" class="img">
								
								</div>
								<div id="brkxqnrx" class="info">
									<div id="hqgxtgtg" class="name new">
										<!-- 知小布 -->
										知小布
										<div id="myckbecg" class="new">
											NEW
										</div>
									</div>
									<div id="zfkradbb" class="tip">
										面料商的精准获客新方式
									</div>
								</div>
							
							
								<div id="xlzmarkh" class="img">
									
								</div>
								<div id="jrfdaalm" class="info">
									<div id="zpyatbht" class="name">
										<!-- Gleemo -->
										Gleemo
									</div>
									<div id="htmhznkw" class="tip">
										让达人营销管理变得简单
									</div>
								</div>
							
							
								<div id="akhactjl" class="img">
									
								</div>
								<div id="lpqlqczp" class="info">
									<div id="rypmazhh" class="name">
										<!-- 知款 -->
										知款
									</div>
									<div id="swrrjdnk" class="tip">
										快速发现时尚趋势灵感
									</div>
								</div>
							
							
								<div id="nylqrwdd" class="img">
									
								</div>
								<div id="ltpdypsp" class="info">
									<div id="njdnhlyc" class="name">
										<!-- 美念 -->
										美念
									</div>
									<div id="gpwrsjcg" class="tip">
										素材云端存储/团队协作
									</div>
								</div>
							
							
								<div id="gnzzkddy" class="img">
									
								</div>
								<div id="ysbxjtlz" class="info">
									<div id="eqmnckrk" class="name">
										<!-- Fashion Diffusion + -->
										Fashion Diffusion +
									</div>
									<div id="bmcwyfce" class="tip">
										AI加持的智能设计与商拍高效工具
									</div>
								</div>
							
							
								<div id="tceffhde" class="img">
									
								</div>
								<div id="cebmanle" class="info">
									<div id="eathklsm" class="name">
										<!-- 趋势报告 -->
										趋势报告
									</div>
									<div id="zxhxclcy" class="tip">
										电商行情洞察/流行趋势分析
									</div>
								</div>
							
							
								<div id="pgdxqgbt" class="img">
									
								</div>
								<div id="mdgmsssz" class="info">
									<div id="smgeabrz" class="name new">
										<!--  -->
										知小衣
										<div id="ybxbmazc" class="new">
											NEW
										</div>
									</div>
									<div id="hdzzlbsz" class="tip">
										时尚<a href="http://coolworldprod.com" target="_blank">wpk</a>poker官网产品全能型 Agent
									</div>
								</div>
							
							<div id="fbmztfzn" class="item"></div>
							<div id="tfsthltg" class="custom">
								<div id="mrhashdb" class="label">
									<!-- 申请定制化服务 -->
									申请定制化服务
								</div>
								
							</div>
						</div>
					</div>
				</li>
				<li class="technology-menus">
					<a id="akxnlane" data-href="/technology">
						<span>
							<!-- 技术能力 -->
							技术能力
						</span>
					</a>
					<div id="ldbzewyk" class="sub-menu">
						<div id="xkkrrjfm" class="group">
							<div id="qzgzlcgz" class="group-title">
								<!-- AI能力 -->
								AI能力
							</div>
							<div id="wpanzdpl" class="group-items">
								<!-- <a id="fjhllhww" class="item" href="javascript: void(0)">
									<div id="hrkmmhzk" class="top">
										<div id="tkclwjal" class="number">01</div>
										
									</div>
									<div id="jglwkstf" class="bottom">
										<div id="jwthakth" class="name"> -->
								<!-- AI大模型 -->
								<!-- AI大模型
										</div>
										<div id="cewqnwbh" class="goto"></div>
									</div>
								</a> -->
								<a id="zkbfakfp" class="item" href="/technology/img" target="_blank">
									<div id="fewbnwny" class="top">
										<div id="datntnwd" class="number">01</div>
										
									</div>
									<div id="kpmkbgse" class="bottom">
										<div id="mpwbkykr" class="name">
											<!-- 图像识别与位置检测 -->
											图像识别与位置检测
										</div>
										<div id="dgtsdhqh" class="goto"></div>
									</div>
								</a>
								<a id="qqyypzsq" class="item" href="/technology/search" target="_blank">
									<div id="jkydashl" class="top">
										<div id="jwxkdqpq" class="number">02</div>
										
									</div>
									<div id="flsrkejn" class="bottom">
										<div id="megqmzzx" class="name">
											<!-- 以图搜图 -->
											以图搜图
										</div>
										<div id="kxblqjya" class="goto"></div>
									</div>
								</a>
								<a id="kqeyqscx" class="item" href="/technology/color" target="_blank">
									<div id="etkhkbar" class="top">
										<div id="nsjzytnk" class="number">03</div>
										
									</div>
									<div id="zwcmwcjf" class="bottom">
										<div id="zlspwqqb" class="name">
											<!-- 服装颜色识别 -->
											服装颜色识别
										</div>
										<div id="lcjydjps" class="goto"></div>
									</div>
								</a>
							</div>
						</div>
						<div id="darctfnt" class="group">
							<div id="cqhysres" class="group-title">
								<!-- 大数据能力 -->
								大数据能力
							</div>
							<div id="eyjapbbb" class="group-items">
								<a id="dkjqtflt" class="item" href="/technology/tb" target="_blank">
									<div id="dlzhwnba" class="top">
										<div id="ntcjbqed" class="number">01</div>
										
									</div>
									<div id="hmccfgxk" class="bottom">
										<div id="fglwhmxl" class="name">
											<!-- 电商趋势分析 -->
											电商趋势分析
										</div>
										<div id="zwwwkxwa" class="goto"></div>
									</div>
								</a>
								<a id="qnarafgq" class="item" href="/technology/fashion_trends" target="_blank">
									<div id="rzkspqxz" class="top">
										<div id="dzbkgyxm" class="number">02</div>
										
									</div>
									<div id="fhhnxfbw" class="bottom">
										<div id="bxrmtmml" class="name">
											<!-- 时尚趋势分析 -->
											时尚趋势分析
										</div>
										<div id="lzfcpcbt" class="goto"></div>
									</div>
								</a>
								<a id="yepnejep" class="item" href="/technology/social" target="_blank">
									<div id="cdfkccyh" class="top">
										<div id="kgxgmzdp" class="number">03</div>
										
									</div>
									<div id="xwcqjqdx" class="bottom">
										<div id="pjzfmbaq" class="name">
											<!-- 社交平台趋势分析 -->
											社交平台趋势分析
										</div>
										<div id="efbgjaqw" class="goto"></div>
									</div>
								</a>
							</div>
						</div>
					</div>
				</li>
				<li>
					<a id="ajmrdpnh" data-href="/brandcase" href="/brandcase/all">
						<!-- 客户案例 -->
						客户案例
					</a>
				</li>
				<li class="solve-menus">
					<a id="bzzxekqw" data-href="/">
						<span>
							<!-- 解决方案 -->
							解决方案
						</span>
						<div id="gndtmgjj" class="sub-menu">
							<a id="zrmazwqx" class="item" href="/solution/pinpai" target="_blank">
								<div id="dmbndekt" class="top">
									<div id="pkadlbwr" class="number">01</div>
									
								</div>
								<div id="hxaryrne" class="bottom">
									<div id="fratzjdd" class="name">
										<!-- 品牌解决方案 -->
										品牌解决方案
									</div>
									<div id="xerbkdwb" class="goto"></div>
								</div>
							</a>
							<a id="bgkfqqwq" class="item" href="/solution/dianshang" target="_blank">
								<div id="pxfczbtg" class="top">
									<div id="ywaxmnbs" class="number">02</div>
									
								</div>
								<div id="fbmflrkj" class="bottom">
									<div id="ydkjhgky" class="name">
										<!-- 电商解决方案 -->
										电商解决方案
									</div>
									<div id="eqadstlq" class="goto"></div>
								</div>
							</a>
							<a id="ahhezymb" class="item" href="/solution/mianliao" target="_blank">
								<div id="qmmecpyj" class="top">
									<div id="rlqdebmd" class="number">03</div>
									
								</div>
								<div id="fzmngzll" class="bottom">
									<div id="qlqjgdbz" class="name">
										<!-- 面料解决方案 -->
										面料解决方案
									</div>
									<div id="qpdtecdx" class="goto"></div>
								</div>
							</a>
							<a id="xlycypyy" class="item" href="/solution/cross" target="_blank">
								<div id="ptbtwpyb" class="top">
									<div id="nlqxkcjb" class="number">04</div>
									
								</div>
								<div id="pakxelwx" class="bottom">
									<div id="baqgcter" class="name">
										<!-- 跨境解决方案 -->
										跨境解决方案
									</div>
									<div id="nflkwkmk" class="goto"></div>
								</div>
							</a>
							<a id="hlyggpeh" class="item" href="/solution/ai" target="_blank">
								<div id="xdghgqjx" class="top">
									<div id="rwtxhqsj" class="number">05</div>
									
								</div>
								<div id="qjrsdxks" class="bottom">
									<div id="cyezhrjf" class="name">
										<!-- 全域AI数据解决方案 -->
										全域AI数据解决方案
									</div>
									<div id="wrnchzaa" class="goto"></div>
								</div>
							</a>
						</div>
				</li>
				<li class="market-menus">
					<a id="xppngkfh" data-href="/">
						<span>
							<!-- 活动/沙龙 -->
							活动/沙龙
						</span>
					</a>
					<div id="ttyckqmb" class="sub-menu">
						<a id="tpmtmbwk" class="item" href="/market" target="_blank">
							<div id="betfcfaf" class="name">
								<!-- wpk德州沙龙 -->
								<a href="http://coolworldprod.com" target="_blank">wpk</a>德州沙龙
							</div>
						</a>
						<!-- <a id="ntmljlkr" class="item" href="/fabricMarket" target="_blank">
							<div id="deemxnts" class="name"> -->
						<!-- 面料对接会 -->
						<!-- 面料对接会 -->
						<!-- </div>
						</a> -->
					</div>
				</li>
				<li>
					<a id="zjafzepx" data-href="/activity" href="/activity/all">
						<!-- 新闻中心 -->
						新闻中心
					</a>
				</li>
				<li>
					<a id="telcqrkl" href="/about">
						<!-- 关于wpk德州 -->
						关于<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
					</a>
				</li>
				<div id="fjxphxqd" class="menu-split"></div>
				<div id="qnfcftdh" class="lang-menus">
					<div id="azpcephj" class="menu">
						
						
						<span class="active">中</span>
						<span>/</span>
						<span class="">EN</span>
					</div>
					<!-- <div id="tnxqdqkk" 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="agajermx" class="aside-button">
  <div id="gtznndxp" class="item item-apply">
    
    <div>
      <!-- 免费试用 -->
      免费试用
    </div>
  </div>
  <div id="clrgbbqx" class="item item-apply">
    
    <div>
      <!-- 资料领取 -->
      资料领取
    </div>
  </div>
  <div id="qnntfzeg" class="item item-apply">
    
    <div>
      <!-- 预约演示 -->
      预约演示
    </div>
  </div>
  <div id="gfqlydhf" class="item item-qr-code">
    
    <div>
      <!-- 扫码咨询 -->
      扫码咨询
    </div>
    <div id="yhtmlrcn" class="qr-code-img">
      
    </div>
  </div>
</div>
<div id="ewxgyndn" class="gw-modal">
  <div id="crhhrnpz" class="modal-container">
    <div id="tgksltzk" 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="ctynlbdr" class="form-item">
          <label class="block">
            <!-- 姓名 -->
            姓名
            <span class="require">*</span> </label>
          <div>
            <!-- 请输入姓名 -->
            
          </div>
          <div id="xaztncjr" class="form-error"></div>
        </div>
        <div id="wramfqmb" class="form-item">
          <label class="block">
            <!-- 手机号 -->
            手机号
            <span class="require">*</span> </label>
          <div>
            <!-- 请输入手机号 -->
            
          </div>
          <div id="zzwkswwx" class="form-error"></div>
        </div>
        <div id="ptlcwpts" class="form-item">
          <label class="block">
            <!-- 公司名称 -->
            公司名称
            <span class="require">*</span> </label>
          <div>
            <!-- 请输入公司名称 -->
            
          </div>
          <div id="qtmexxxs" class="form-error"></div>
        </div>
        <div id="pygxptzn" class="form-item">
          <label class="block">
            <!-- 公司地址 -->
            公司地址
            <span class="require">*</span> </label>
          <div>
            <!-- 请输入公司地址 -->
            
          </div>
          <div id="ttznpwkf" class="form-error"></div>
        </div>

        <div id="pyhkmddd" class="btn-container">
          <button class="m-btn" type="button" id="btnSubmit">
            <!-- 立即提交 -->
            立即提交
          </button>
        </div>
      
    </main>
  </div>
  <div id="yrjwpgnf" 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="exctrcjl" style="flex-grow:1;flex-shrink:1;">
		
<div id="xhamdlss" class="home" lang="zh-ch">
  <div id="jceyfhbe" class="video-zhiyi-container">
  <div id="blaqspyy" class="bg-box">
    
    
  </div>
  <div id="laseccqa" class="head-title-box">
    <div id="lqmqdgkm" class="head-title" data-animation="fadeInUp">
      <!-- 数据洞察时尚趋势 -->
      数据洞察时尚趋势
    </div>
    <div id="jpkqzmwa" class="head-title" data-animation="fadeInUp">
      <span class="special-title">AI</span><!-- 助力企业增长决策 -->助力企业增长决策
    </div>
    <div id="zxrsmprz" class="typewriter head-tip">
      <span id="typewriter-text"></span>
      <span class="cursor">|</span>
    </div>
    <div id="qkdtnwwa" class="head-tip">
      <!-- 让您在市场竞争中保持领先地位 -->
      让您在市场竞争中保持领先地位
    </div>
    <div id="mjrqqcdb" class="link-btn">
      <!-- 免费使用 -->
      <span>免费试用</span>
    </div>
    <div id="rpsrdprd" class="btn-tip">
      <!-- 每日限免77个名额 -->
      每日限免77个名额
    </div>
  </div>
  <div id="lkxzbnzs" class="video-box">
    <video id="head-video" src="https://cdn.zhiyitech.cn/material/c181840a28a166ef9aaffed92d9663f5" autoplay muted
      playsinline>
    </video>
    <div id="admnajpm" class="control" data-play="false">
      
      
    </div>
    <div id="shdkkhlc" class="video-progress-btn-box"></div>
  </div>
  <div id="zfwcwnfh" class="head-brand-swiper">
    <div id="zchbrhtr" class="swiper-wrapper" style="animation-duration: 30s;">
      <div id="mhgmryak" class="swiper-slide" title="江南布衣">
        
      </div>
      <div id="fewqnhtm" class="swiper-slide" title="三彩">
        
      </div>
      <div id="npqkdxsd" class="swiper-slide" title="影儿集团">
        
      </div>
      <div id="acfrlakz" class="swiper-slide" title="雅莹">
        
      </div>
      <div id="hslbqmly" class="swiper-slide" title="海澜之家">
        
      </div>
      <div id="rhpgqktf" class="swiper-slide" title="森马">
        
      </div>
      <div id="bkqfhkjh" class="swiper-slide" title="唐狮">
        
      </div>
      <div id="npbaqlza" class="swiper-slide" title="GXG">
        
      </div>
      <div id="elbxzntr" class="swiper-slide" title="巴拉巴拉">
        
      </div>
      <div id="xkznwttx" class="swiper-slide" title="京东">
        
      </div>
      <div id="flcnymyl" class="swiper-slide" title="唯品会">
        
      </div>
      <div id="camtlmtr" class="swiper-slide" title="耐克">
        
      </div>
      <div id="zxpzkkrh" class="swiper-slide" title="蕉内">
        
      </div>
      <div id="wryqlsmr" class="swiper-slide" title="骆驼">
        
      </div>
      <div id="epgdcfqf" class="swiper-slide" title="江南布衣">
        
      </div>
      <div id="fdbsqwkq" class="swiper-slide" title="三彩">
        
      </div>
      <div id="sbpelgmg" class="swiper-slide" title="影儿集团">
        
      </div>
      <div id="zkylekej" class="swiper-slide" title="雅莹">
        
      </div>
      <div id="bmneselz" class="swiper-slide" title="海澜之家">
        
      </div>
      <div id="jmsajeqc" class="swiper-slide" title="森马">
        
      </div>
      <div id="fggrpwzp" class="swiper-slide" title="唐狮">
        
      </div>
      <div id="gybljgxk" class="swiper-slide" title="GXG">
        
      </div>
      <div id="tkqmqcma" class="swiper-slide" title="巴拉巴拉">
        
      </div>
      <div id="pfbzksbr" class="swiper-slide" title="京东">
        
      </div>
      <div id="ajjqejfl" class="swiper-slide" title="唯品会">
        
      </div>
      <div id="ghzqpwcj" class="swiper-slide" title="耐克">
        
      </div>
      <div id="gsyywlzk" class="swiper-slide" title="蕉内">
        
      </div>
      <div id="rakdslwt" class="swiper-slide" title="骆驼">
        
      </div>
    </div>
    <div id="xfkbpqny" class="mask-left brand-mask">
      
    </div>
    <div id="znnnjqzr" 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="kxqfhprb" 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="qcfjpcdl" class="full-link-container">
  <div id="hpnzfcxf" class="head-title-box" data-animation="fadeInUp">
    <div id="qltbdttn" class="title">
      <!-- 时尚产业AI全链路解决方案 -->
      时尚产业AI全链路解决方案
    </div>
    <div id="rkwbbncr" class="tip">
      <!-- 从企划选品趋势洞察、设计协同管理到运营数据智能分析，再到网红营销精准触达，wpk德州科技以全链路数字化解决方案，为企业提供一站式增长赋能。 -->
      从企划选品趋势洞察、设计协同管理到运营数据智能分析，再到网红营销精准触达，<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技以全链路数字化解决方案，为企业提供一站式增长赋能。
    </div>
  </div>
  <div id="qjcfmfsx" class="link-box">
    
    <div id="xgwckshc" class="link-line mask">
      <div id="fddjzyzq" class="bg"></div>
    </div>
    
    <div id="jwrkjwda" class="link-full-btn-box-swiper">
      <div id="efgrmbnj" class="swiper-wrapper">
        <div id="hklsewwk" class="link-full-btn top swiper-slide" data-index="1">
          <div id="aawzztpj" class="container">
            <div id="qgtadybj" class="text-container">
              <span>
                <!-- 趋势洞察 -->
                趋势洞察
              </span>
            </div>
            <div id="ejbrkqbt" class="point"></div>
          </div>
        </div>
        <div id="cnmgjjsk" class="link-full-btn bottom swiper-slide" data-index="2">
          <div id="knjkjzta" class="container">
            <div id="gpbkncts" class="point"></div>
            <div id="mxkynmrr" class="text-container">
              <span>
                <!-- 高效选品 -->
                高效选品
              </span>
            </div>
          </div>
        </div>
        <div id="bfzlqsxc" class="link-full-btn top swiper-slide" data-index="3">
          <div id="gfmqfhrn" class="container">
            <div id="ysalxwej" class="text-container">
              <span>
                <!-- AI设计 -->
                AI设计
              </span>
            </div>
            <div id="sqhgdbae" class="point"></div>
          </div>
        </div>
        <div id="harzsnba" class="link-full-btn bottom swiper-slide" data-index="4">
          <div id="tprbykpx" class="point"></div>
          <div id="ephcknle" class="container">
            <div id="ewmjxmpe" class="text-container">
              <span>
                <!-- 智配面料 -->
                智配面料
              </span>
            </div>
          </div>
        </div>
        <div id="mgefwggq" class="link-full-btn top swiper-slide" data-index="5">
          <div id="yarwkgrp" class="container">
            <div id="ybrjpenw" class="text-container">
              <span>
                <!-- 智能营销 -->
                智能营销
              </span>
            </div>
          </div>
          <div id="bbeyntdb" class="point"></div>
        </div>
      </div>
    </div>
  </div>
  <!-- 趋势洞察 -->
  <div id="bhhyqpnn" class="link-container" data-active="1">
    <div id="pfkbncrl" class="card-box">
      <div id="djxtpkpq" class="card-col">
        
          
          <div id="mwpbqsds" class="title">
            <a href="http://coolworldprod.com" target="_blank">wpk</a>德州
          </div>
          <div id="cmqtdehs" class="tip">
            电商大数据趋势追踪
          </div>
        
      </div>
      <div id="lswaxmmb" class="card-col">
        
          
          <div id="yjwmwldh" class="title">
            海外探款
          </div>
          <div id="gtkympqq" class="tip">
            高效挖掘海外服饰趋势
          </div>
        
      </div>
      <div id="chkfntaa" class="card-col-2">
        
          
          <div id="mwbjhnkf" class="title">
            抖衣
          </div>
          <div id="ygttszcb" class="tip">
            抖音服饰爆款挖掘与趋势分析
          </div>
        
        
          
          <div id="smagcqze" class="title">
            炼丹炉
          </div>
          <div id="ajlndlnr" class="tip">
            商业智能决策工具，实现业绩高效增长
          </div>
        
      </div>
      <div id="hpcrenzd" class="card-col">
        
          
          <div id="wsypsaql" class="title">
            Trendscopes
          </div>
          <div id="mqtqhsxh" class="tip">
            洞察全球时尚趋势
          </div>
        
      </div>
    </div>
    <div id="dhyhwlae" class="prop-box">
      <div id="cdxgrxkn" class="prop-item">
        <div id="qhdjhwxx" class="prop-icon">
          
        </div>
        <div id="lqnwkken" class="prop-label">
          <!-- 品类洞察 -->
          品类洞察
        </div>
      </div>
      <div id="tcxqpxwr" class="prop-item">
        <div id="asasqkgg" class="prop-icon">
          
        </div>
        <div id="tkrcfpas" class="prop-label">
          <!-- 热销爆款 -->
          热销爆款
        </div>
      </div>
      <div id="fpprbwfw" class="prop-item">
        <div id="yclnahgb" class="prop-icon">
          
        </div>
        <div id="bgtsrbal" class="prop-label">
          <!-- 价格带分析 -->
          价格带分析
        </div>
      </div>
      <div id="mspthqmp" class="prop-item">
        <div id="fdggzmdx" class="prop-icon">
          
        </div>
        <div id="qqlrzssb" class="prop-label">
          <!-- 属性分析 -->
          属性分析
        </div>
      </div>
      <div id="amtspwed" class="prop-item">
        <div id="nwyxmkmt" class="prop-icon">
          
        </div>
        <div id="ntcmhfkz" class="prop-label">
          <!-- 竞店分析 -->
          竞店分析
        </div>
      </div>
      <div id="xxqxpkzq" class="prop-item">
        <div id="zsjnpprd" class="prop-icon">
          
        </div>
        <div id="kqbzbnsq" class="prop-label">
          <!-- 竞店商品监控 -->
          竞店商品监控
        </div>
      </div>
      <div id="jwercqrz" class="prop-item">
        <div id="mjxdtwws" class="prop-icon">
          
        </div>
        <div id="pehetbjf" class="prop-label">
          <!-- 社媒趋势 -->
          社媒趋势
        </div>
      </div>
      <div id="rlftazkk" class="prop-item">
        <div id="wqcygtyw" class="prop-icon">
          
        </div>
        <div id="dtazpwrf" class="prop-label">
          <!-- 电商趋势 -->
          电商趋势
        </div>
      </div>
    </div>
  </div>
  <!-- 高效选品 -->
  <div id="aakwcwct" class="link-container" data-active="2">
    <div id="gjphhasd" class="card-box">
      <div id="rxczratw" class="card-col">
        
          
          <div id="tttkqmqr" class="title">
            知款
          </div>
          <div id="ncnqyrlf" class="tip">
            快速发现时尚趋势灵感
          </div>
        
      </div>
      <div id="bbpjchnt" class="card-col">
        
          
          <div id="eqsyrnsl" class="title">
            <a href="http://coolworldprod.com" target="_blank">wpk</a>德州
          </div>
          <div id="jnyacnsq" class="tip">
            电商大数据趋势追踪
          </div>
        
      </div>
      <div id="rghqzwxa" class="card-col">
        
          
          <div id="ylkawawb" class="title">
            海外探款
          </div>
          <div id="rpzjdsxn" class="tip">
            高效挖掘海外服饰趋势
          </div>
        
      </div>
      <div id="htpkjhcb" class="card-col">
        
          
          <div id="plrphppf" class="title">
            抖衣
          </div>
          <div id="cbgybcas" class="tip">
            抖音服饰爆款挖掘与趋势分析
          </div>
        
      </div>
    </div>
    <div id="rzdxsalb" class="prop-box">
      <div id="tbmdkqfb" class="prop-item">
        <div id="dzqlpgsr" class="prop-icon">
          
        </div>
        <div id="haqkcrew" class="prop-label">
          <!-- 智能推荐 -->
          智能推荐
        </div>
      </div>
      <div id="rhskhemd" class="prop-item">
        <div id="gbhrrnsx" class="prop-icon">
          
        </div>
        <div id="nkhdsbwc" class="prop-label">
          <!-- 以图搜图 -->
          以图搜图
        </div>
      </div>
      <div id="cmmeesbx" class="prop-item">
        <div id="bthkzwng" class="prop-icon">
          
        </div>
        <div id="xxzplsla" class="prop-label">
          <!-- 以色搜款 -->
          以色搜款
        </div>
      </div>
      <div id="ewdyxaaz" class="prop-item">
        <div id="nnesggqj" class="prop-icon">
          
        </div>
        <div id="bztbwjhs" class="prop-label">
          <!-- 电商新品 -->
          电商新品
        </div>
      </div>
      <div id="fhhsbwtf" class="prop-item">
        <div id="qzenzemn" class="prop-icon">
          
        </div>
        <div id="sshbazkc" class="prop-label">
          <!-- 直播爆款 -->
          直播爆款
        </div>
      </div>
      <div id="zedwnmnw" class="prop-item">
        <div id="wxpysjej" class="prop-icon">
          
        </div>
        <div id="hjyhplxj" class="prop-label">
          <!-- 社媒热帖 -->
          社媒热帖
        </div>
      </div>
      <div id="eekfexhe" class="prop-item">
        <div id="bmaqanmx" class="prop-icon">
          
        </div>
        <div id="ldtemanx" class="prop-label">
          <!-- 全球秀场 -->
          全球秀场
        </div>
      </div>
      <div id="jmeazcje" class="prop-item">
        <div id="hwkmrtst" class="prop-icon">
          
        </div>
        <div id="hslhhaft" class="prop-label">
          <!-- 品牌站点 -->
          品牌站点
        </div>
      </div>
    </div>
  </div>
  <!-- AI设计 -->
  <div id="dbaqbpnl" class="link-container" data-active="3">
    <div id="cslcxxge" class="card-box">
      <div id="sssknmfx" class="card-col">
        
          
          <div id="fsfnsljx" class="title">
            Fashion Diffusion+
          </div>
          <div id="mknpbcbe" class="tip">
            AI加持的智能设计与商拍高效工具
          </div>
        
      </div>
      <div id="xngtkpad" class="card-col">
        
          
          <div id="jtpygxtm" class="title">
            美念
          </div>
          <div id="pbcjmmfb" class="tip">
            素材云端存储/团队协作
          </div>
        
      </div>
    </div>
    <div id="zwqazsex" class="prop-box">
      <div id="gmqscqyl" class="prop-item">
        <div id="knjrkefb" class="prop-icon">
          
        </div>
        <div id="gjktxrxw" class="prop-label">
          <!-- 款式上身 -->
          款式上身
        </div>
      </div>
      <div id="nnxmhbjp" class="prop-item">
        <div id="najrrgdc" class="prop-icon">
          
        </div>
        <div id="xnwhtbkb" class="prop-label">
          <!-- 款式创新 -->
          款式创新
        </div>
      </div>
      <div id="kwxhntec" class="prop-item">
        <div id="hbprdags" class="prop-icon">
          
        </div>
        <div id="brksapxx" class="prop-label">
          <!-- 线稿成款 -->
          线稿成款
        </div>
      </div>
      <div id="ereatqbf" class="prop-item">
        <div id="lznbstdc" class="prop-icon">
          
        </div>
        <div id="xttawctx" class="prop-label">
          <!-- 局部改款 -->
          局部改款
        </div>
      </div>
      <div id="tepwwlra" class="prop-item">
        <div id="eyaznceb" class="prop-icon">
          
        </div>
        <div id="btcwpgzl" class="prop-label">
          <!-- 智能换景 -->
          智能换景
        </div>
      </div>
      <div id="ctmzxgwr" class="prop-item">
        <div id="mlmhzfjd" class="prop-icon">
          
        </div>
        <div id="dkdsnjwq" class="prop-label">
          <!-- 图片采集 -->
          图片采集
        </div>
      </div>
      <div id="dylsflfj" class="prop-item">
        <div id="fshcadwm" class="prop-icon">
          
        </div>
        <div id="qhxpngts" class="prop-label">
          <!-- 样衣管理 -->
          样衣管理
        </div>
      </div>
      <div id="symgghyl" class="prop-item">
        <div id="gkfmxlyc" class="prop-icon">
          
        </div>
        <div id="efffkbtb" class="prop-label">
          <!-- 协作审批 -->
          协作审批
        </div>
      </div>
    </div>
  </div>
  <!-- 智配面料 -->
  <div id="krrazlts" class="link-container" data-active="4">
    <div id="jgarpydx" class="person-box" style="gap: 16px;">
        <div id="jjkfxjjc" class="person" target="_blank"
          href="none">
          <div id="pphbrddc" class="base-info">
            
            <div>
              <!-- 我是面料商 -->
              <div id="wwdwhynr" class="title">我是面料商</div>
              <!-- AI 成款+精准投放，拓客更高效 -->
              <div id="epkwnnsy" class="tips">AI 成款+精准投放，拓客更高效</div>
              <!-- 立即开店 -->
              立即开店
            </div>
          </div>
          <div id="zedwnnye" class="list">
            <div id="dgfxkkzg" class="item">
              
              <div id="gddpbshg" class="advantage">
              <!-- 精准触达真实需求 -->
                <div id="hscyhxwg" class="title">精准触达真实需求</div>
              <!-- 通过趋势与选款路径智能投放，让面料在设计师决策节点被看到。 -->
                <div id="bacpnbtr" class="text">通过趋势与选款路径智能投放，让面料在设计师决策节点被看到。</div>
              </div>
            </div>
            <div id="hbntmnct" class="item">
            
            <div id="rgktbtbk" class="advantage">
              <!-- 全托管线上开店 -->
              <div id="nehxbdec" class="title">全托管线上开店</div>
              <!-- 面料+款式一体化展示，直观呈现面料特色，Ai 自动成款，高效吸引设计师与品牌关注。 -->
              <div id="dgsrjnks" class="text">面料+款式一体化展示，直观呈现面料特色，Ai 自动成款，高效吸引设计师与品牌关注。</div>
            </div>
          </div>
          <div id="pandnrzg" class="item">
            
            <div id="zjbbecls" class="advantage">
              <!-- 洞察小红书与电商趋势 -->
              <div id="htqjzwmd" class="title">洞察小红书与电商趋势</div>
              <!-- 实时掌握爆款内容与市场热度，精准把握流行方向，提升选款与营销效率。 -->
              <div id="dgwmwgfl" class="text">实时掌握爆款内容与市场热度，精准把握流行方向，提升选款与营销效率。</div>
            </div>
          </div>
          </div>
        </div>
        <div id="gwpwmncl" class="person" target="_blank"
          href="none">
          <div id="zemehayq" class="base-info">
            
            <div>
              <!-- 我是设计师 -->
              <div id="tnbtknyn" class="title">我是设计师</div>
              <!-- 优质面料智能推荐，灵感直达成款 -->
              <div id="wtbrbhdh" class="tips">优质面料智能推荐，灵感直达成款</div>
              <!-- 立即体验 -->
              立即体验
            </div>
          </div>
          <div id="dsdqhgdh" class="list">
            <div id="mrmwrllm" class="item">
              
              <div id="amgkcfaz" class="advantage">
              <!-- 快速找到优质面料 -->
                <div id="acqbktjp" class="title">快速找到优质面料</div>
              <!-- 智能推荐+属性匹配，快速锁定符合设计和市场趋势的布料。 -->
                <div id="nngyxlfj" class="text">智能推荐+属性匹配，快速锁定符合设计和市场趋势的布料。</div>
              </div>
            </div>
            <div id="dtfxfrjg" class="item">
            
            <div id="frsjzshz" class="advantage">
              <!-- 免费找布 -->
              <div id="wzbgtkxj" class="title">免费找布</div>
              <!-- 专业找布团队，为你免费找面料。 -->
              <div id="aegyqngt" class="text">专业找布团队，为你免费找面料。</div>
            </div>
          </div>
          <div id="jnqpfbxm" class="item">
            
            <div id="tqysjfrf" class="advantage">
              <!-- 降本提效 -->
              <div id="ftmbekkf" class="title">降本提效</div>
              <!-- 面料与款式一体化展示，减少样布浪费，缩短开发周期。 -->
              <div id="psdghlbr" class="text">面料与款式一体化展示，减少样布浪费，缩短开发周期。</div>
            </div>
          </div>
          </div>
        </div>
    </div>
  </div>
  <!-- 智能营销 -->
  <div id="asggwewp" class="link-container" data-active="5">
    <div id="wshfablf" class="card-box">
      <div id="wahbktgb" class="card-col">
        
          
          <div id="mlhxzkna" class="title">
            抖衣
          </div>
          <div id="exgacdpz" class="tip">
            抖音服饰爆款挖掘与趋势分析
          </div>
        
      </div>
      <div id="xyexardw" class="card-col">
        
          
          <div id="rmydgffw" class="title">
            Trendscopes
          </div>
          <div id="rprrbfrf" class="tip">
            洞察全球时尚趋势
          </div>
        
      </div>
      <div id="dzffcxfa" class="card-col">
        
          
          <div id="tkywdbrx" class="title">
            Fashion Diffusion+
          </div>
          <div id="npbxwhrn" class="tip">
            AI加持的智能设计与商拍高效工具
          </div>
        
      </div>
    </div>
    <div id="yjfzqyet" class="prop-box">
      <div id="ylbbhgbd" class="prop-item">
        <div id="szzxbqtq" class="prop-icon">
          
        </div>
        <div id="gwmcdeqc" class="prop-label">
          <!-- 品牌分析 -->
          品牌分析
        </div>
      </div>
      <div id="pxbfwgbs" class="prop-item">
        <div id="tctckwfd" class="prop-icon">
          
        </div>
        <div id="wfbxywne" class="prop-label">
          <!-- 达人分析 -->
          达人分析
        </div>
      </div>
      <div id="rbhwgzyy" class="prop-item">
        <div id="xaerhfkc" class="prop-icon">
          
        </div>
        <div id="jfewclzy" class="prop-label">
          <!-- 粉丝分析 -->
          粉丝分析
        </div>
      </div>
      <div id="sbwqyjxq" class="prop-item">
        <div id="lelteksb" class="prop-icon">
          
        </div>
        <div id="lystdexn" class="prop-label">
          <!-- 直播分析 -->
          直播分析
        </div>
      </div>
      <div id="kcjnpjlh" class="prop-item">
        <div id="lhajsxaf" class="prop-icon">
          
        </div>
        <div id="cmbgzthl" class="prop-label">
          <!-- 作品分析 -->
          作品分析
        </div>
      </div>
      <div id="rcfxhdks" class="prop-item">
        <div id="ftgweteq" class="prop-icon">
          
        </div>
        <div id="ceaxcbcf" class="prop-label">
          <!-- 投放分析 -->
          投放分析
        </div>
      </div>
      <div id="pdmpyxbq" class="prop-item">
        <div id="agmhlzbs" class="prop-icon">
          
        </div>
        <div id="tjnzetph" class="prop-label">
          <!-- 热词分析 -->
          热词分析
        </div>
      </div>
      <div id="zqecrghh" class="prop-item">
        <div id="lwykszbs" class="prop-icon">
          
        </div>
        <div id="gpbsndlh" 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="nbgswybw" class="ai-container">
  <div id="ngygnfpb" class="head-title-box" data-animation="fadeInUp">
    <div id="cnlxmmpt" class="left">
      <div id="crmrxabk" class="title">
        <!-- AI选品，打造爆款从未如此轻松 -->
        AI选品，打造爆款从未如此轻松
      </div>
      <div id="bjeygfsx" class="tip">
        <!-- 数亿数据集训练的独家服饰大模型+推荐算法，把爆款送到你面前供你遴选。 -->
        数亿数据集训练的独家服饰大模型+推荐算法，把爆款送到你面前供你遴选。
      </div>
    </div>
    <div id="mqdcytdb" class="right">
      <div id="hqyxdnqg" class="link-btn">
        <span>
          <!-- 申请演示 -->
          申请演示
        </span>
      </div>
    </div>
  </div>
  
  <div id="feacfbng" class="video">
    <video src="https://cdn.zhiyitech.cn/material/d3c541ba20266f8dc4a8f25197455583" autoplay loop muted playsinline></video>
  </div>
  
  <div id="ksesazpm" class="img"></div>
  <div id="ptqnnwpy" class="img-tip">
    <div id="lmtqclzh" class="tip">Trend keywords were extracted from social media submissions from more than 4,000 retailers and 2
      million fashion Kols</div>
    <div id="qalybaem" class="split"></div>
    <div id="tkftjxha" class="tip">Update the trending keyword dictionary daily</div>
    <div id="qanfweeh" class="split"></div>
    <div id="szawkaec" 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="aqbcrfpm" class="fd-region">
  <div id="rxgbtpck" class="fd-container">
    <div id="qrrlxxwp" class="head-title-box" data-animation="fadeInUp">
      <div id="xxlhxqly" class="left">
        <div id="gmaasqml" class="title">
          <!-- 知小衣，时尚产业全能型Agent -->
          知小衣，时尚产业全能型Agent
        </div>
      </div>
      <div id="mwnglqsc" class="right">
        <div id="hlpfhlxe" class="link-btn">
          <span>
            <!-- 立即体验 -->
            立即体验
          </span>
        </div>
        <div id="hhmezzcg" class="tip">
          <!-- 每日开放 60名免费 试用名额 -->
          每日开放 60名免费 试用名额
        </div>
      </div>
    </div>
    <div id="ldhftwrh" class="subTitle">
      <!-- 时尚产业首个Agentwpkpoker官网产品，一句话，即可帮你找款/设计/写报告。 -->
      时尚产业首个Agent<a href="http://coolworldprod.com" target="_blank">wpk</a>poker官网产品，一句话，即可帮你找款/设计/写报告。
    </div>
    <div id="rgpdyjfg" class="fd-swiper" data-animation="fadeInUp">
      <div id="wxmehkjq" class="swiper-wrapper"></div>
      <div id="syxryaak" class="swiper-button-prev">
        
      </div>
      <div id="dhqyejgx" class="swiper-button-next">
        
      </div>
    </div>
    <div id="qxbpggxd" 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="ekhmxrep" class="head">
        <div id="qbhnchzg" class="left">
          <div id="rqfxamtr" class="title">${item.slogan || item.title}</div>
          <div id="kwhrdfwh" class="tip">${item.tip}</div>
        </div>
        <div id="rdwnxadm" class="right">
          
            <span>了解更多</span>
          
        </div>
      </div>
      <div id="cmbewbmn" 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="rskrfekq" 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="bshezemq" class="data-set-container" data-animation="fadeInUp">
  <div id="hhefjjsm" class="head-title-box">
    <div id="xwssxfgn" class="title">
      <!-- 全球首创时尚数据集，超1000亿时尚数据 -->
      全球首创时尚数据集，超1000亿时尚数据
    </div>
    <div id="zsgezswa" class="tip">
      <!-- 企划、设计师的时尚灵感库，全球电商平台站点和社媒数据，提供数据API或模型服务 -->
      企划、设计师的时尚灵感库，全球电商平台站点和社媒数据，提供数据API或模型服务
    </div>
  </div>
  <div id="meeljrds" class="data-box">
    <div id="bjzltszr" class="data-item">
      
      <div id="pskmzscz" class="data">
        <!-- 5000+ -->
        <span data-to="5000">5000</span>+
      </div>
      
      <div id="mjdmdamq" class="info">
        <!-- 全球服饰独立站 -->
        全球服饰独立站
      </div>
    </div>
    <div id="esdplghn" class="data-item">
      
      <div id="rhalcads" class="data">
        <!-- 400000+ -->
        <span data-to="400000">400000</span>+
      </div>
      
      <div id="tpftjhsx" class="info">
        <!-- 淘宝天猫 旺铺 -->
        淘宝天猫 旺铺
      </div>
    </div>
    <div id="syjxyynd" class="data-item">
      
      <div id="rrsdacsr" class="data">
        <!-- 2.3亿+ -->
        <span>2.3</span>亿+
      </div>
      
      <div id="lsenthgp" class="info">
        <!-- 跨境商品数 -->
        跨境商品数
      </div>
    </div>
    <div id="znjhxcfq" class="data-item">
      
      <div id="bqnzpcdg" class="data">
        <!-- 1亿+ -->
        <span>1</span>亿+
      </div>
      
      <div id="wylwaenl" class="info">
        <!-- 国内监控商品数 -->
        国内监控商品数
      </div>
    </div>
    <div id="zsbtcjjb" class="data-item">
      
      <div id="yskwxrmy" class="data">
        <!-- 100000+ -->
        <span data-to="100000">100000</span>+
      </div>
      
      <div id="hbyyebfa" class="info">
        <!-- 品牌收录 -->
        品牌收录
      </div>
    </div>
    <div id="zsxaykly" class="data-item">
      
      <div id="dnrgycjx" class="data">
        <!-- 250000+ -->
        <span data-to="250000">250000</span>+
      </div>
      
      <div id="wtrslfqw" class="info">
        <!-- 服饰垂类达人博主 -->
        服饰垂类达人博主
      </div>
    </div>
  </div>
  <div id="gntmqanp" class="data-set-swiper">
    <div id="tkqrwdqa" class="swiper-wrapper" style="animation-duration: 20s;">
      <div id="rhhqlrmg" class="swiper-slide">
        
      </div>
      <div id="mfbalrwt" class="swiper-slide">
        
      </div>
      <div id="gpgyqwnk" class="swiper-slide">
        
      </div>
      <div id="geddhwea" class="swiper-slide">
        
      </div>
      <div id="emrqfezs" class="swiper-slide">
        
      </div>
      <div id="kasyrpra" class="swiper-slide">
        
      </div>
      <div id="eayxxlhd" class="swiper-slide">
        
      </div>
      <div id="rmgahmbm" class="swiper-slide">
        
      </div>
      <div id="atdfzdzk" class="swiper-slide">
        
      </div>
      <div id="dshxhbxn" class="swiper-slide">
        
      </div>
      <div id="btlzgwca" class="swiper-slide">
        
      </div>
      <div id="hkbrydfz" class="swiper-slide">
        
      </div>
      <div id="ykexnegr" class="swiper-slide">
        
      </div>
      <div id="zqpgrlxt" class="swiper-slide">
        
      </div>
      <div id="ghspdxpm" class="swiper-slide">
        
      </div>
      <div id="gqeftker" class="swiper-slide">
        
      </div>
      <div id="wkpkpycn" class="swiper-slide">
        
      </div>
      <div id="nrxgescl" class="swiper-slide">
        
      </div>
      <div id="cwbfsrsa" class="swiper-slide">
        
      </div>
      <div id="hzfdjlxf" class="swiper-slide">
        
      </div>
      <div id="xlqmktba" class="swiper-slide">
        
      </div>
      <div id="mzhsrkew" class="swiper-slide">
        
      </div>
    </div>
    <div id="ggbaawbh" class="mask-left brand-mask">
      
    </div>
    <div id="thmetklq" class="mask-right brand-mask">
      
    </div>
  </div>
  <div id="yddhyfhl" 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="fqezcktj" class="cases-container">
  <div id="swksqlcl" class="head-title-box" data-animation="fadeInUp">
    <div id="tpqnadfy" class="title">
      <!-- 他们如何用wpk德州实现增长？立即探索 -->
      他们如何用<a href="http://coolworldprod.com" target="_blank">wpk</a>德州实现增长？立即探索
    </div>
    <div id="gkgeqqrx" class="link-btn">
      <span>
        <!-- 申请免费试用 -->
        申请免费试用
      </span>
    </div>
  </div>
  <div id="gywkhptb" class="cases-swiper" data-animation="fadeInUp">
    <div id="lftdrxpl" class="swiper-wrapper">
      <a id="gyfwzcgm" class="swiper-slide" href="/brandcase/all/787">
        
        <div id="mgbnkgmr" class="title">
          <!-- 玛丝菲尔 -->
          玛丝菲尔
        </div>
        <div id="rtyjkqgs" class="tip">
          <!-- 数据洞察、商品洞察、趋势分析 -->
          数据洞察、商品洞察、趋势分析
        </div>
      </a>
      <a id="xtaggkzf" class="swiper-slide" href="/brandcase/all/798">
        
        <div id="nddxtzzf" class="title">
          <!-- 蕉内 -->
          蕉内
        </div>
        <div id="etkxqaje" class="tip">
          <!-- 数据洞察、品类细分、用户洞察 -->
          数据洞察、品类细分、用户洞察
        </div>
      </a>
      <a id="wzmtdcrz" class="swiper-slide" href="/brandcase/all/64">
        
        <div id="hkstsfll" class="title">
          <!-- UR -->
          UR
        </div>
        <div id="akxlbdep" class="tip">
          <!-- 行业洞察、智能报表、智能试衣 -->
          行业洞察、智能报表、智能试衣
        </div>
      </a>
      <a id="hdcaxmme" class="swiper-slide" href="/brandcase/all/861">
        
        <div id="hjmchljn" class="title">
          <!-- 巴拉巴拉 -->
          巴拉巴拉
        </div>
        <div id="gtlywxde" class="tip">
          <!-- 潮流趋势、品类洞察、款式创新 -->
          潮流趋势、品类洞察、款式创新
        </div>
      </a>
    </div>
    <div id="gxzbdkne" 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="xkqynxny" class="brand-wall-container">
  <div id="fcapnkdx" class="head-title-box" data-animation="fadeInUp">
    <div id="eqwbmzfw" class="title">
      <!-- 8000+品牌客户选择了wpk德州 -->
      8000+品牌客户选择了<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
    </div>
    <div id="xexaqkem" class="link-btn">
      <span>
        <!-- 立即注册 -->
        立即注册
      </span>
    </div>
  </div>
  <div id="wxlksbjz" class="brand-wall">
    <div id="djnstspa" class="loop-container">
      <div id="jkcxjjrf" class="loop-content" style="animation-duration: 26.666667s;width: 2432px;">
        <div id="ppgfbmty" class="loop-img-container">
          
        </div>
        <div id="jghchrcl" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="creyktzw" class="loop-container">
      <div id="fbspllxb" class="loop-content" style="animation-duration: 20s;">
        <div id="begdrcbb" class="loop-img-container">
          
        </div>
        <div id="jkerchef" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="bkemedhk" class="loop-container">
      <div id="fcbrnzsq" class="loop-content" style="animation-duration: 30s;">
        <div id="dbtwewyn" class="loop-img-container">
          
        </div>
        <div id="fdgjlmqn" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="ywbcajnf" class="loop-container">
      <div id="lqzbpsrs" class="loop-content" style="animation-duration: 20s;">
        <div id="wlpahmnn" class="loop-img-container">
          
        </div>
        <div id="rxzejpsg" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="ktklearq" class="loop-container">
      <div id="qrsgkkbg" class="loop-content" style="animation-duration: 30s;">
        <div id="yrgffxwy" class="loop-img-container">
          
        </div>
        <div id="swcdkxkx" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="qxhwxbmn" class="mask left"></div>
    <div id="sfxerylp" class="mask right"></div>
  </div>
</div>


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

  <div id="psxxqstj" class="info-container" data-active="news">
  <div id="nymztzxl" class="head-title-box" data-animation="fadeInUp">
    <div id="wfgrgwgb" class="tabs tab-swiper">
      <div id="cdftcsks" class="swiper-wrapper">
        <div id="mgpdbknp" class="tab swiper-slide" data-type="news">
          <!-- 媒体报道 -->
          媒体报道
        </div>
        <div id="hbpcalnx" class="tab swiper-slide" data-type="activity">
          <!-- 市场活动 -->
          活动/沙龙
        </div>
      </div>
    </div>
    <div id="rxpasxbw" class="more-btn">
      <div id="bhqdcbyq" class="more" data-type="news">
        <!-- 更多报道 -->
        更多报道
      </div>
      <div id="jmtkyjaf" class="more" data-type="activity">
        <!-- 更多活动 -->
        更多活动
      </div>
    </div>
  </div>
  <div id="lqjmdzjx" class="news-swiper" data-animation="fadeInUp">
    <div id="wzxnxzky" class="swiper-wrapper">
      
      <div id="hbbkdabm" class="swiper-slide">
        <a id="ksbkxhzs" class="news-item" href="/activity/dynamic/1501">
          <div id="mxzlfasr" class="news-img">
            
          </div>
          
          <div id="qdetcprz" class="news-title">喜讯！<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技荣获国家级专精特新“小巨人”企业称号！</div>
          
        </a>
      </div>
      
      <div id="nnnknzhx" class="swiper-slide">
        <a id="daaklaqg" class="news-item" href="/activity/dynamic/1505">
          <div id="bkgeljrz" class="news-img">
            
          </div>
          
          <div id="frlmrefh" class="news-title">创新领跑新未来，<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技荣获安踏集团“安创新星A-Star”奖！</div>
          
        </a>
      </div>
      
      <div id="hldkbwkp" class="swiper-slide">
        <a id="adbegteq" class="news-item" href="/activity/dynamic/1502">
          <div id="jzbzzkwa" class="news-img">
            
          </div>
          
          <div id="xdehmyht" class="news-title"><a href="http://coolworldprod.com" target="_blank">wpk</a>德州携手京东，洞见服饰爆品孵化新路径</div>
          
        </a>
      </div>
      
      <div id="pthganqh" class="swiper-slide">
        <a id="zgrwtebf" class="news-item" href="/activity/dynamic/1503">
          <div id="attcpfsa" class="news-img">
            
          </div>
          
          <div id="ewzdftdd" class="news-title"><a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技携手汉帛国际，发布AI时尚推款平台FashionSeek！</div>
          
        </a>
      </div>
      
      <div id="yjllhwfz" class="swiper-slide">
        <a id="zcrwkqpn" class="news-item" href="/activity/dynamic/1497">
          <div id="pnfqdxze" class="news-img">
            
          </div>
          
          <div id="rtggabgf" class="news-title">权威认可！<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技获评“浙江省人工智能服务商”</div>
          
        </a>
      </div>
      
      <div id="xgjcbnfa" class="swiper-slide">
        <a id="qqacrqjr" class="news-item" href="/activity/dynamic/119">
          <div id="zslgnsfe" class="news-img">
            
          </div>
          
          <div id="gmwlkwqc" class="news-title">设计师买布避坑指南！血泪换来的14条经验</div>
          
        </a>
      </div>
      
      <div id="qzkrasyx" class="swiper-slide">
        <a id="wlydgcwf" class="news-item" href="/activity/dynamic/47">
          <div id="ahzcyfdx" class="news-img">
            
          </div>
          
          <div id="apepjkwq" class="news-title">服装行业首个落地AI Agent ，正式发布！</div>
          
        </a>
      </div>
      
      <div id="zrcjmtmd" class="swiper-slide">
        <a id="kmcfsdlr" class="news-item" href="/activity/dynamic/1492">
          <div id="szxsrtps" class="news-img">
            
          </div>
          
          <div id="dpxbxayy" 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="qcmanjrm" class="swiper-slide">
        <a id="fenrwefm" class="news-item" href="/activity/dynamic/1491">
          <div id="bwynplsj" class="news-img">
            
          </div>
          
          <div id="kqcdksyn" class="news-title"><a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技获「首批高质量数据集建设先行先试“揭榜挂帅”」殊荣</div>
          
        </a>
      </div>
      
      <div id="jtpgwnel" class="swiper-slide">
        <a id="wfpmyaft" class="news-item" href="/activity/dynamic/16">
          <div id="qsmfcete" class="news-img">
            
          </div>
          
          <div id="arsqemap" class="news-title">喜报！<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技获「首批高质量数据集建设先行先试“揭榜挂帅”」殊荣</div>
          
        </a>
      </div>
      
    </div>
  </div>
  <div id="ddtpxreg" class="news-swiper-pagination"></div>
  <div id="mwnhjtwb" class="activity-swiper">
    <div id="mhgqnbwp" class="swiper-wrapper">
      
      <div id="tpfzdgpg" class="swiper-slide">
        <a id="mdytgtas" class="activity-item" href="/marketDetail/37">
          <div id="kkyhccqp" class="activity-img">
            
            <div id="zfzhatkm" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="dserwagq" class="activity-title">直播｜2026/27秋冬女装趋势大揭秘：设计师必修课！</div>
          
        </a>
      </div>
      
      <div id="pnptxfch" class="swiper-slide">
        <a id="gczbglsn" class="activity-item" href="/marketDetail/36">
          <div id="qartdhkc" class="activity-img">
            
            <div id="njlneych" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="qgalhhcz" class="activity-title">直播｜街头低腰、修身微喇……2026春夏跨境爆款牛仔裤的密码就藏在这里</div>
          
        </a>
      </div>
      
      <div id="ysswawdq" class="swiper-slide">
        <a id="qhfmmmah" class="activity-item" href="/marketDetail/35">
          <div id="xxlaexdt" class="activity-img">
            
            <div id="gpjlmmte" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="wwrdewdc" class="activity-title">直播｜爆款抄作业翻车？解锁7大智能找款法，效率翻倍还避坑</div>
          
        </a>
      </div>
      
      <div id="pxzpscgp" class="swiper-slide">
        <a id="tqxsqcmd" class="activity-item" href="/marketDetail/34">
          <div id="zsqeqtay" class="activity-img">
            
            <div id="kjjzxdes" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="axxerahg" class="activity-title">直播｜SHEIN服装ODM的大数据选品术：让爆款成为可复制的“确定性”！</div>
          
        </a>
      </div>
      
      <div id="ygyqkegj" class="swiper-slide">
        <a id="glypfzhn" class="activity-item" href="/marketDetail/33">
          <div id="zzpptpnf" class="activity-img">
            
            <div id="ayfxckqc" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="gmhanqhm" class="activity-title">直播｜1000+跨境企业都在用的大数据工具！亚马逊服装选品黑科技解密→</div>
          
        </a>
      </div>
      
      <div id="zgejmlsl" class="swiper-slide">
        <a id="chpjtjzl" class="activity-item" href="/marketDetail/32">
          <div id="ljcfzqlz" class="activity-img">
            
            <div id="prxrdmwl" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="bdlqwwdt" class="activity-title">直播｜2025年天猫618男女装整体销售复盘</div>
          
        </a>
      </div>
      
      <div id="dhdqwycg" class="swiper-slide">
        <a id="sezfsapn" class="activity-item" href="/marketDetail/31">
          <div id="gfmgxafl" class="activity-img">
            
            <div id="sdexrahs" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="dwjaqmtt" class="activity-title">直播-UR、ONLY都在用的大数据选品法</div>
          
        </a>
      </div>
      
      <div id="xykrwnad" class="swiper-slide">
        <a id="qlggpwly" class="activity-item" href="/marketDetail/29">
          <div id="tmkrnreg" class="activity-img">
            
            <div id="wjdmjlgn" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="grnzfjtc" class="activity-title">直播-从找款到企划，女装选品开款爆款率翻倍的AI实战秘籍→</div>
          
        </a>
      </div>
      
      <div id="gfwdwwhp" class="swiper-slide">
        <a id="gjmnjxcl" class="activity-item" href="/marketDetail/30">
          <div id="hshykmeg" class="activity-img">
            
            <div id="yhthwcxc" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="tlcaxxcd" class="activity-title">直播-跨境爆款T恤设计密码：2026春夏多平台趋势解析直播来袭→</div>
          
        </a>
      </div>
      
      <div id="cyhysqnc" class="swiper-slide">
        <a id="esxadwlx" class="activity-item" href="/marketDetail/28">
          <div id="kyawlfcj" class="activity-img">
            
            <div id="nyrkapnw" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="cqwzmzdq" class="activity-title">直播-6万+服装设计师每日在线选款，面料商都在用的精准获客新方式→</div>
          
        </a>
      </div>
      
      <div id="xmpqdetp" class="swiper-slide">
        <a id="blcwlsjc" class="activity-item" href="/marketDetail/27">
          <div id="cwknbnzq" class="activity-img">
            
            <div id="mqcnfqjh" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="gfhwelmc" class="activity-title">直播-26/27秋冬运动装单品趋势洞察</div>
          
        </a>
      </div>
      
      <div id="zctdhnsk" class="swiper-slide">
        <a id="erkwmxtt" class="activity-item" href="/marketDetail/26">
          <div id="keamtzeg" class="activity-img">
            
            <div id="qgxxygfe" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="mparbmtb" class="activity-title">直播-爆改工作流，4步打造TikTok爆款</div>
          
        </a>
      </div>
      
      <div id="qpfzezkp" class="swiper-slide">
        <a id="ggjremdj" class="activity-item" href="/marketDetail/25">
          <div id="elczlhgc" class="activity-img">
            
            <div id="pdamkgsz" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="xsqyglaz" class="activity-title">破解服饰面料趋势密码！「秋冬服饰面料创新增长论坛」开启报名！</div>
          
        </a>
      </div>
      
      <div id="cfzgfkxl" class="swiper-slide">
        <a id="fbjkyxga" class="activity-item" href="/marketDetail/24">
          <div id="yakjhsly" class="activity-img">
            
            <div id="ymljtehq" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="zapgmpfp" class="activity-title">直播-关税要降了？这有6大爆单攻略助你抢占先机</div>
          
        </a>
      </div>
      
      <div id="xfxdqspn" class="swiper-slide">
        <a id="jkxxdfaj" class="activity-item" href="/marketDetail/23">
          <div id="tbzcwlbs" class="activity-img">
            
            <div id="zmcsrlkq" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="lazzqenm" class="activity-title">直播-25/26秋冬四大时装周女装趋势分析</div>
          
        </a>
      </div>
      
      <div id="llrcehra" class="swiper-slide">
        <a id="ykelhzfq" class="activity-item" href="/marketDetail/22">
          <div id="jqcedezc" class="activity-img">
            
            <div id="rcxkngca" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="gbazgpms" class="activity-title">直播-关税重压下，服装跨境企业如何破局？</div>
          
        </a>
      </div>
      
      <div id="bexgmpgy" class="swiper-slide">
        <a id="gphldmxj" class="activity-item" href="/marketDetail/21">
          <div id="gkdkqdmj" class="activity-img">
            
            <div id="fkttrywa" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="axzhlmbn" class="activity-title">直播-TikTok服装高效选款秘籍</div>
          
        </a>
      </div>
      
      <div id="rzwfpddx" class="swiper-slide">
        <a id="pgtmecnn" class="activity-item" href="/marketDetail/13">
          <div id="phgflwpr" class="activity-img">
            
            <div id="fjmzhjah" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="fzqsmsge" class="activity-title">服装行业中的“她经济”——她营销·服装增长沙龙上海站来袭！</div>
          
        </a>
      </div>
      
      <div id="sdlhgqfx" class="swiper-slide">
        <a id="mklqrlap" class="activity-item" href="/marketDetail/17">
          <div id="zncljreq" class="activity-img">
            
            <div id="crqlbqwg" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="qmadghha" class="activity-title">直播-2025春夏运动户外趋势洞察</div>
          
        </a>
      </div>
      
      <div id="lwjslpqk" class="swiper-slide">
        <a id="yfcgfhyn" class="activity-item" href="/marketDetail/15">
          <div id="esxnlbfp" class="activity-img">
            
            <div id="txbxnxde" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="kehrnrsa" class="activity-title">直播-25/26秋冬跨境电商女装色彩</div>
          
        </a>
      </div>
      
      <div id="mctzskky" class="swiper-slide">
        <a id="zgacwymk" class="activity-item" href="/marketDetail/10">
          <div id="ehmrktge" class="activity-img">
            
            <div id="rjbfgfkr" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="ltjamcbb" class="activity-title">潮流先机，赢在起点——跨境服装2025春夏趋势沙龙</div>
          
        </a>
      </div>
      
      <div id="fwbagmym" class="swiper-slide">
        <a id="ehzjkmzy" class="activity-item" href="/marketDetail/19">
          <div id="wleffmly" class="activity-img">
            
            <div id="xneewpxg" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="kghzkkaq" class="activity-title">直播-跨境服装电商—黑五多平台销售复盘</div>
          
        </a>
      </div>
      
      <div id="gcqpppcl" class="swiper-slide">
        <a id="zkpqypgw" class="activity-item" href="/marketDetail/18">
          <div id="bgrhwegr" class="activity-img">
            
            <div id="slxnctxn" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="bfmlqndz" class="activity-title">直播-跨境电商25/26秋冬单品风格趋势</div>
          
        </a>
      </div>
      
      <div id="qwngkqsm" class="swiper-slide">
        <a id="xjdcsbqs" class="activity-item" href="/marketDetail/20">
          <div id="zlxtqdmk" class="activity-img">
            
            <div id="qkzsexgg" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="dwtwjytb" class="activity-title">直播-双十一男女装复盘</div>
          
        </a>
      </div>
      
      <div id="sjjeacsa" class="swiper-slide">
        <a id="jrwepjqw" class="activity-item" href="/marketDetail/16">
          <div id="npwfthqk" class="activity-img">
            
            <div id="tqeammgr" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="hbmsagwt" class="activity-title">直播-2025春夏女装时装周趋势分析</div>
          
        </a>
      </div>
      
      <div id="qezrgssx" class="swiper-slide">
        <a id="spfddfcc" class="activity-item" href="/marketDetail/11">
          <div id="hncdysnr" class="activity-img">
            
            <div id="ktrzgaqp" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="cdjcleyd" class="activity-title">没有范式，却有趋势——2025SS 灵感趋势沙龙（上海站）</div>
          
        </a>
      </div>
      
      <div id="jywqqpna" class="swiper-slide">
        <a id="rrtphblf" class="activity-item" href="/marketDetail/14">
          <div id="dqdckrtw" class="activity-img">
            
            <div id="mmttnkkq" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="nttbasej" class="activity-title">打破卷低价、高退货率怪圈！2024秋冬服装电商增长沙龙·杭州站</div>
          
        </a>
      </div>
      
    </div>
  </div>
  <div id="qabgppgt" class="activity-swiper-pagination"></div>
  <div id="flxqdrmq" class="more-btn">
    <div id="fglwrxmg" class="more" data-type="news">
      <!-- 更多报道 -->
      更多报道
    </div>
    <div id="rhhrbmcs" 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="ndaeshaa" class="interview-container">
  <div id="tyrzqeqx" class="video" data-animation="fadeInUp">
    <video id="interview-video" src="https://cdn.zhiyitech.cn/material/87d1f86367779b7f5f9e6580259baca4" autoplay muted
      loop playsinline></video>
  </div>
  <div id="mdsfbfms" class="tip">
    <!-- wpk德州科技接受CCTV、浙江卫视等官媒采访 -->
    <a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技接受CCTV、浙江卫视等官媒采访
  </div>
  <div id="nxlqknja" class="control" data-play="false">
    
    
  </div>
  <div id="rkflsfmn" class="mask left">
    
  </div>
  <div id="eenwkfsy" 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="jldkrref" class="cooperate-container">
  <div id="nqyaegay" class="bg-left">
    
  </div>
  <div id="rgklnybs" class="bg-right">
    
  </div>
  <div id="cpnmwhlf" class="title">
    <!-- 现在开始品牌增长之路 -->
    现在开始品牌增长之路
  </div>
  <div id="tpqlgxsx" class="form-result">
    
      <div id="mqxsyyrq" class="try">
        
        
        
        
      </div>
      <div id="ecctadmd" class="error">
      </div>
      <div id="tcrqkdxe" 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="snrbkkyz" class="success">
        
        <div id="cwrbskrz" class="title">提交成功！</div>
        <div id="mwsnagsw" 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="jklwpjbj" class="footer">
		<div id="zskkehjh" class="footer-header">
			
			
			
			<div>
				<div id="dcjymcxb" class="footer-title">
					<!-- wpkpoker官网产品 -->
					<a href="http://coolworldprod.com" target="_blank">wpk</a>poker官网产品
				</div>
				<div id="zqqzykth" class="column">
					<div id="wgdlrewq" class="column-item">
						
							<!-- wpk德州 -->
							<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
						
						
							<!-- 抖衣 -->
							抖衣
						
						
							<!-- 知款 -->
							知款
						
						
							<!-- 海外探款 -->
							海外探款
						
					</div>
					<div id="zfbdplmt" class="column-item" style="margin-left: 48px;">
						
							<!-- 美念 -->
							美念
						
						
							<!-- 炼丹炉 -->
							炼丹炉
						
						
							<!-- 趋势报告 -->
							趋势报告
						
						
							Trendscopes
						
						
							Fashion Diffusion +
						
					</div>
					<div id="nxrcapez" class="column-item">
						
							<!-- 知小布 -->
							知小布
						
						
							<!-- 知小衣 -->
							知小衣
						
					</div>
				</div>
			</div>
			
			<div>
				<div id="fxzdgtld" class="footer-title">
					<!-- APP下载 -->
					APP下载
				</div>
				<div id="bqpsxkkw" class="column-item">
					<div id="rlahymcm" class="info-item">
						<!-- wpk德州APP -->
						<a href="http://coolworldprod.com" target="_blank">wpk</a>德州APP
						<div id="kwqlkwlr" class="icon icon-ios">
							
						</div>
						<div id="skxaejdg" class="icon icon-android">
							
						</div>
					</div>
					<div id="asbxelsy" class="info-item">
						<!-- 海外探款APP -->
						海外探款APP
						<div id="zsfygjls" class="icon icon-ios">
							
						</div>
						<div id="eceqzqjr" class="icon icon-android">
							
						</div>
					</div>
				</div>
			</div>
			
			<div>
				<div id="cfrhpxqq" class="footer-title">
					<!-- 关于wpk德州 -->
					关于<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
				</div>
				<div id="qrnwegtd" class="column-item">
					<a id="lpherayc" rel="noopener noreferrer" target="_blank" href="/about">
						<!-- 公司简介 -->
						公司简介
					</a>
					
						<!-- 加入wpk德州 -->
						加入<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
					
					<a id="sthjezey" rel="noopener noreferrer" target="_blank" href="/activity/trend">
						<!-- 行业资讯 -->
						行业资讯
					</a>
					<a id="plcsrfxj" rel="noopener noreferrer" target="_blank" href="/activity/dynamic">
						<!-- 公司动态 -->
						公司动态
					</a>
				</div>
			</div>
			<div>
				<div id="bacjjncp" class="footer-title">
					<!-- 联系wpk德州 -->
					联系<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
				</div>
				<div id="rhgqaqjc" class="contact-info">
					<div id="ybknyben" class="contact-img">
						
						<div id="ttkabedd" style="margin-top: 8px;">
							<!-- 扫码咨询 -->
							扫码咨询
						</div>
					</div>
					<div id="fgnqxrgn" class="column-item" style="margin-left: 16px;">
						<div id="aneafndd" class="info-item">电话：Wpk官网下载</div>
						<div id="qprpryel" class="info-item">邮箱：wepoker德州官网版</div>
						<div id="rqltxqzc" class="info-item">地址：杭州市萧山区杭州湾信息港F座5楼</div>
					</div>
				</div>
			</div>
		</div>
		<div id="zmtwfbjf" class="footer-bottom">
			<div>
				
				<!-- 友情链接 -->
				<span>友情链接:</span>
				
					<!-- 浙江电商检测 -->
					浙江电商检测
				
				
					<!-- 淘宝 -->
					淘宝
				
				
					<!-- 天猫 -->
					天猫
				
				
					<!-- 电商新闻门户 -->
					电商新闻门户
				
				
					<!-- 网经社 -->
					网经社
				
				
					<!-- 时尚趋势 -->
					时尚趋势
				
				
			</div>
			<div>
				浙WePoKer德州官网下载? 杭州<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技有限公司
			</div>
		</div>
	</div>
	<div id="qpgxelbw" class="mobile-footer mobile-hidden">
		<a id="zqzhslnf" href="/home" class="mobile-logo">
			
			
			
		</a>
		<div id="btlsrqfk" class="footer-info-item">
			<div id="gsfdkfgj" 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="fnqkasgc" class="break-line"></div>
		<div id="msxfjcrr" class="footer-info-item">
			<div id="xyxhddry" 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="cxktyjyq" 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="efbkefht" class="app-link" data-app="海外探款APP-https://cdn.zhiyitech.cn/material/69688152575d6ef11730318e9cc1a4ee">
					<!-- 海外探款APP -->
					海外探款APP
				</a>
			</div>
		</div>
		<div id="stgtnnxb" class="break-line"></div>
		<div id="gshrxaks" class="footer-info-item">
			<div id="ygbcltbr" 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="rlnkrltq" rel="noopener noreferrer" target="_blank" href="/about">
					<!-- 公司简介 -->
					公司简介
				</a>
				
					<!-- 加入wpk德州 -->
					加入<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
				
				<a id="dtzxfmdj" rel="noopener noreferrer" target="_blank" href="/activity/trend">
					<!-- 行业资讯 -->
					行业资讯
				</a>
				<a id="kpejzcbe" rel="noopener noreferrer" target="_blank" href="/activity/dynamic">
					<!-- 公司动态 -->
					公司动态
				</a>
			</div>
		</div>
		<div id="alrnbnqh" class="break-line"></div>
		<div id="gzbdamyy" class="footer-info-item">
			<div id="tabgtcan" class='footer-info-item-header'>
				<span>
					<!-- 联系wpk德州 -->
					联系<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
				</span>
			</div>
			<div id="cbyggdeh" class="footer-info-item-son active">
				<div id="qxyrlpbt" class="communication-info">
					<span>电话：</span>
					<a id="hcpnhzjb" href="tel:Wpk官网下载">Wpk官网下载</a>
				</div>
				<div id="ncznpxmk" class="communication-info">
					<span>邮箱：</span>
					<a id="kymdjgtm" href="mailto:wepoker德州官网版">wepoker德州官网版</a>
				</div>
				<div id="xprrsrfw" class="communication-info">
					<span>地址：</span>
					杭州市萧山区杭州湾信息港F座5楼
				</div>
				<div id="tecchhlz" class="img-content">
					
					<div>
						<!-- 扫码咨询 -->
						扫码咨询
					</div>
				</div>
			</div>
		</div>

		<div id="ejrrzsln" class="break-line" style="margin:.43rem 0"></div>
		<div id="xkdlhrye" class="footer-info-link">
			<div>友情链接：</div>
			<div id="linkInfo" class="footer-info-item-son active" style="margin:.43rem 0">
				
					<!-- 浙江电商检测 -->
					浙江电商检测
				
				
					<!-- 淘宝 -->
					淘宝
				
				
					<!-- 天猫 -->
					天猫
				
				
					<!-- 电商新闻门户 -->
					电商新闻门户
				
				
					<!-- 网经社 -->
					网经社
				
				
					<!-- 时尚趋势 -->
					时尚趋势
				
			</div>
		</div>
		<div id="hzgrgsqm" class="break-line"></div>
		<div id="djedcrsz" class="record-info">
			浙WePoKer德州官网下载? 杭州<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技有限公司
		</div>
	</div>
</footer>
<aside>
	<a id="ctkhhnst" class="to-top hidden" href="#">
		
	</a>
	
</aside>
<!-- TODO:移动端适配弹窗 -->
<div id="dyllpjqy" class="gw-modal gw-modal-qrCode">
	<div id="bnzkrwpb" class="qrCode-modal">
		<header class="header">
			<div id="wysdrkqx" 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="txaxpsxs" class="app-info">
			<div id="qhegsxet" class="app-info-item">
				<div id="keedawfw" class="app-info-item-header">
					
					<span>IOS</span>
				</div>
				
			</div>
			<div id="szalkqhe" class="app-info-item">
				<div id="njcdcayt" 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>