<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="服装大数据,服装选款工具,爆款分析,服装趋势预测,wpk德州,wpk德州科技,服装AI,电商大数据,服装SaaS">
	
	<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平台，覆盖淘宝、天猫、抖音、亚马逊等50+电商平台，提供爆款预测、竞品分析、AI辅助设计等功能，已服务太平鸟、UR、蕉内等8000+品牌客户，免费申请试用。">
	

	
	
	
	<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德州科技 — 服装行业AI大数据选款与趋势分析平台</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="bbxhxrhm" class="logo" href="/">
			
			
			
			
		</a>
		<div id="ldfsneql" class="nav-right">
			<div id="qjqjxmgm" class="lang-menus">
				<div id="wgsmywde" class="menu">
					
					
					<span class="active">中</span>
					<span>/</span>
					<span class="">EN</span>
				</div>
				<!-- <div id="ftcphxxw" 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="bcnqhfcz" class="mobile-menu mobile-hidden">
		<div id="qtjngqbd" class="mobile-menu-header">
			<span class="iconfont gw-guanbi closeMenuBtn"></span>
		</div>
		<div id="ywrwqwax" class="mobile-menu-item">
			<a id="prnnjdth" data-href="/" href="/">
				<!-- wpk德州首页 -->
				<a href="http://coolworldprod.com" target="_blank">wpk</a>德州首页
			</a>
		</div>
		<div id="qdmabjxc" 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="rexawzet" class="name">
					<!-- 知小布 -->
					知小布
					<div id="txqksqhk" class="new">
						<!-- 热门 -->
						new
					</div>
				</div>
			
			
				<!-- 海外探款 -->
				海外探款
			
			
				<!-- 美念 -->
				美念
			
			
				<!-- 炼丹炉 -->
				炼丹炉
			
			
				<!-- 趋势报告 -->
				趋势报告
			
			
				<!-- Trendscopes -->
				Trendscopes
			
			
				Fashion Diffusion +
			
			
				知小衣
			
		</div>
		<div id="wwkxfhas" 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="wlsfnrpx" class="item " href="javascript: void(0)" target="_blank"> -->
			<!-- AI大模型 -->
			<!-- AI大模型
			</a> -->
			<a id="myqbrbmt" class="item " href="/technology/img" target="_blank">
				<!-- 图像识别与位置检测 -->
				图像识别与位置检测
			</a>
			<a id="dkcadlns" class="item " href="/technology/color" target="_blank">
				<!-- 服装颜色识别 -->
				服装颜色识别
			</a>
			<a id="ecgpfczc" class="item " href="/technology/search" target="_blank">
				<!-- 以图搜图 -->
				以图搜图
			</a>
			<a id="nrjckzay" class="item " href="/technology/tb" target="_blank">
				<!-- 电商趋势分析 -->
				电商趋势分析
			</a>
			<a id="xqaprnjw" class="item " href="/technology/fashion_trends" target="_blank">
				<!-- 时尚趋势分析 -->
				时尚趋势分析
			</a>
			<a id="amxdzkxd" class="item " href="/technology/social" target="_blank">
				<!-- 社交平台趋势分析 -->
				社交平台趋势分析
			</a>
		</div>
		<div id="psklrqfl" class="mobile-menu-item">
			<a id="netthsxx" data-href="/brandcase" href="/brandcase/all">
				<!-- 客户案例 -->
				客户案例
			</a>
		</div>
		<div id="mxygnfrj" 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="lfaxfawc" class="item " href="/solution/pinpai" target="_blank">
				<!-- 品牌解决方案 -->
				品牌解决方案
			</a>
			<a id="qwrjkcfk" class="item " href="/solution/dianshang"
				target="_blank">
				<!-- 电商解决方案 -->
				电商解决方案
			</a>
			<a id="pcnpnltc" class="item " href="/solution/mianliao" target="_blank">
				<!-- 面料解决方案 -->
				面料解决方案
			</a>
			<a id="rnyagwys" class="item " href="/solution/cross" target="_blank">
				<!-- 跨境解决方案 -->
				跨境解决方案
			</a>
			<a id="cyqhyllp" class="item " href="/solution/ai" target="_blank">
				<!-- 全域AI数据解决方案 -->
				全域AI数据解决方案
			</a>
		</div>
		<div id="dqrwbmgr" 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="geasgfey" class="item " href="/market" target="_blank">
				<!-- wpk德州沙龙 -->
				<a href="http://coolworldprod.com" target="_blank">wpk</a>德州沙龙
			</a>
			<!-- <a id="jsnzfjbz" class="item " href="/fabricMarket" target="_blank"> -->
			<!-- 面料对接会 -->
			<!-- 面料对接会 -->
			<!-- </a> -->
		</div>
		<div id="ghewpxfr" class="mobile-menu-item">
			<a id="yaafwyaz" data-href="/activity" href="/activity/all">
				<!-- 新闻中心 -->
				新闻中心
			</a>
		</div>
		<div id="anblxdrb" class="mobile-menu-item">
			<a id="wqhtctjk" href="/about">
				<!-- 关于wpk德州 -->
				关于<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
			</a>
		</div>
		<div id="wkyxzene" class="mobile-menu-item">
			<div id="yrdhcnfj" class="mobile-appointment">
				<span>
					<!-- 预约演示 -->
					预约演示
				</span>
				<span class="iconfont gw-jiantou"></span>
			</div>
		</div>
	</div>
	<nav class="main-nav">
		<div id="ykfmgmfh" class="content">
			<a id="zjdgqhfa" class="logo" href="/">
				
				
				
				
			</a>
			<ul class="nav-items">
				<li>
					<a id="ctzjdbjc" 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="cgtalmbg" class="sub-menu">
						<div id="zzdydsdc" class="product-list">
							
								<div id="lhknyqzw" class="img">
									
								</div>
								<div id="bfhjtprx" class="info">
									<div id="ymxjbyqa" class="name">
										<!-- wpk德州 -->
										<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
									</div>
									<div id="ywybpcdb" class="tip">
										淘系服饰爆款挖掘与趋势分析
									</div>
								</div>
							
							
								<div id="kpqhfqeh" class="img">
									
								</div>
								<div id="xnrrdjnb" class="info">
									<div id="ylkzjczg" class="name">
										<!-- 抖衣 -->
										抖衣
									</div>
									<div id="zyjnanql" class="tip">
										抖音服饰爆款挖掘与趋势分析
									</div>
								</div>
							
							
								<div id="dgwkyasw" class="img">
									
								</div>
								<div id="nlnswctt" class="info">
									<div id="nfszhrgg" class="name">
										<!-- 海外探款 -->
										海外探款
									</div>
									<div id="qrxrfmdk" class="tip">
										高效挖掘海外服饰趋势
									</div>
								</div>
							
							
								<div id="wawtappp" class="img">
									
								</div>
								<div id="behygdrx" class="info">
									<div id="jkxsddbt" class="name">
										<!-- Trendscopes -->
										Trendscopes
									</div>
									<div id="wymckqmf" class="tip">
										基于数据分析，洞察全球时尚趋势
									</div>
								</div>
							
							
								<div id="qjbrzrga" class="img">
									
								</div>
								<div id="xqydtpbe" class="info">
									<div id="byyfczaz" class="name">
										<!-- 炼丹炉 -->
										炼丹炉
									</div>
									<div id="xmbheppx" class="tip">
										商业智能决策工具，实现业绩高效增长
									</div>
								</div>
							
							
								<div id="aqpzhxae" class="img">
								
								</div>
								<div id="nyjjnlnq" class="info">
									<div id="jlxmkylh" class="name new">
										<!-- 知小布 -->
										知小布
										<div id="lnqqegne" class="new">
											NEW
										</div>
									</div>
									<div id="yddgbelp" class="tip">
										面料商的精准获客新方式
									</div>
								</div>
							
							
								<div id="cxarhnhs" class="img">
									
								</div>
								<div id="affldstp" class="info">
									<div id="glglsxrr" class="name">
										<!-- Gleemo -->
										Gleemo
									</div>
									<div id="axzcblre" class="tip">
										让达人营销管理变得简单
									</div>
								</div>
							
							
								<div id="hsxrgfkh" class="img">
									
								</div>
								<div id="lrtqkpfs" class="info">
									<div id="bnetkylk" class="name">
										<!-- 知款 -->
										知款
									</div>
									<div id="tlmwyfag" class="tip">
										快速发现时尚趋势灵感
									</div>
								</div>
							
							
								<div id="zyagdlpq" class="img">
									
								</div>
								<div id="dkgpanhb" class="info">
									<div id="cnwnlhzf" class="name">
										<!-- 美念 -->
										美念
									</div>
									<div id="tmbstcbt" class="tip">
										素材云端存储/团队协作
									</div>
								</div>
							
							
								<div id="abbemrxr" class="img">
									
								</div>
								<div id="cegcspex" class="info">
									<div id="dbkpjkxe" class="name">
										<!-- Fashion Diffusion + -->
										Fashion Diffusion +
									</div>
									<div id="zzzsbanc" class="tip">
										AI加持的智能设计与商拍高效工具
									</div>
								</div>
							
							
								<div id="bphphegk" class="img">
									
								</div>
								<div id="jnndesbh" class="info">
									<div id="tmzezxjy" class="name">
										<!-- 趋势报告 -->
										趋势报告
									</div>
									<div id="wjryjfal" class="tip">
										电商行情洞察/流行趋势分析
									</div>
								</div>
							
							
								<div id="xhbenjqz" class="img">
									
								</div>
								<div id="yfdczelt" class="info">
									<div id="slzrhjpd" class="name new">
										<!--  -->
										知小衣
										<div id="shbcpcpl" class="new">
											NEW
										</div>
									</div>
									<div id="lqraajaz" class="tip">
										时尚<a href="http://coolworldprod.com" target="_blank">wpk</a>poker官网产品全能型 Agent
									</div>
								</div>
							
							<div id="pdcpjnjc" class="item"></div>
							<div id="ahtjrkmk" class="custom">
								<div id="spnhrdwd" class="label">
									<!-- 申请定制化服务 -->
									申请定制化服务
								</div>
								
							</div>
						</div>
					</div>
				</li>
				<li class="technology-menus">
					<a id="cjjzgjyc" data-href="/technology">
						<span>
							<!-- 技术能力 -->
							技术能力
						</span>
					</a>
					<div id="wnexyfxn" class="sub-menu">
						<div id="jzdtnmxp" class="group">
							<div id="xrzndlay" class="group-title">
								<!-- AI能力 -->
								AI能力
							</div>
							<div id="bpfttczq" class="group-items">
								<!-- <a id="bfydbgpb" class="item" href="javascript: void(0)">
									<div id="qenpkkew" class="top">
										<div id="khpzxmnt" class="number">01</div>
										
									</div>
									<div id="emjjakgc" class="bottom">
										<div id="anxwqxlh" class="name"> -->
								<!-- AI大模型 -->
								<!-- AI大模型
										</div>
										<div id="bazmldhx" class="goto"></div>
									</div>
								</a> -->
								<a id="rthhcpjf" class="item" href="/technology/img" target="_blank">
									<div id="mzxkller" class="top">
										<div id="zpbaahca" class="number">01</div>
										
									</div>
									<div id="xawnxhxz" class="bottom">
										<div id="jxlxawtn" class="name">
											<!-- 图像识别与位置检测 -->
											图像识别与位置检测
										</div>
										<div id="tqafcezc" class="goto"></div>
									</div>
								</a>
								<a id="kjqpkarm" class="item" href="/technology/search" target="_blank">
									<div id="wacwjfwf" class="top">
										<div id="frtdbrdl" class="number">02</div>
										
									</div>
									<div id="nphpkcef" class="bottom">
										<div id="temxklaf" class="name">
											<!-- 以图搜图 -->
											以图搜图
										</div>
										<div id="mdbxjycq" class="goto"></div>
									</div>
								</a>
								<a id="jclrlkwn" class="item" href="/technology/color" target="_blank">
									<div id="pytrpyde" class="top">
										<div id="nltapzfj" class="number">03</div>
										
									</div>
									<div id="esgpfgws" class="bottom">
										<div id="kxpttslk" class="name">
											<!-- 服装颜色识别 -->
											服装颜色识别
										</div>
										<div id="qfdgegmt" class="goto"></div>
									</div>
								</a>
							</div>
						</div>
						<div id="thtkhbtm" class="group">
							<div id="wbcbhzwt" class="group-title">
								<!-- 大数据能力 -->
								大数据能力
							</div>
							<div id="wkpqebcx" class="group-items">
								<a id="qsrsahts" class="item" href="/technology/tb" target="_blank">
									<div id="hfdnnrhj" class="top">
										<div id="adtjepxb" class="number">01</div>
										
									</div>
									<div id="qadazzww" class="bottom">
										<div id="kklplplt" class="name">
											<!-- 电商趋势分析 -->
											电商趋势分析
										</div>
										<div id="xqhljrwj" class="goto"></div>
									</div>
								</a>
								<a id="cdbfskld" class="item" href="/technology/fashion_trends" target="_blank">
									<div id="wqsbfqcy" class="top">
										<div id="qfzpftkq" class="number">02</div>
										
									</div>
									<div id="eygrmsmk" class="bottom">
										<div id="kwxtnsej" class="name">
											<!-- 时尚趋势分析 -->
											时尚趋势分析
										</div>
										<div id="kzkqpnpf" class="goto"></div>
									</div>
								</a>
								<a id="wdtfdltn" class="item" href="/technology/social" target="_blank">
									<div id="wnxbhgsn" class="top">
										<div id="fafstsef" class="number">03</div>
										
									</div>
									<div id="pbadwfmf" class="bottom">
										<div id="ezytmmbh" class="name">
											<!-- 社交平台趋势分析 -->
											社交平台趋势分析
										</div>
										<div id="bykkfdzl" class="goto"></div>
									</div>
								</a>
							</div>
						</div>
					</div>
				</li>
				<li>
					<a id="ngfbrbqj" data-href="/brandcase" href="/brandcase/all">
						<!-- 客户案例 -->
						客户案例
					</a>
				</li>
				<li class="solve-menus">
					<a id="whcxrypt" data-href="/">
						<span>
							<!-- 解决方案 -->
							解决方案
						</span>
						<div id="effazkfn" class="sub-menu">
							<a id="bqatclzz" class="item" href="/solution/pinpai" target="_blank">
								<div id="mgshmfps" class="top">
									<div id="fmnsapcc" class="number">01</div>
									
								</div>
								<div id="mnnsrmey" class="bottom">
									<div id="slysxehj" class="name">
										<!-- 品牌解决方案 -->
										品牌解决方案
									</div>
									<div id="lbsahhtn" class="goto"></div>
								</div>
							</a>
							<a id="qsftfajw" class="item" href="/solution/dianshang" target="_blank">
								<div id="whhxylal" class="top">
									<div id="anfsblqw" class="number">02</div>
									
								</div>
								<div id="yppwtyeg" class="bottom">
									<div id="azhhgcyd" class="name">
										<!-- 电商解决方案 -->
										电商解决方案
									</div>
									<div id="kgajsbxt" class="goto"></div>
								</div>
							</a>
							<a id="hpybrnlm" class="item" href="/solution/mianliao" target="_blank">
								<div id="pdmrqemn" class="top">
									<div id="tdkpcpxc" class="number">03</div>
									
								</div>
								<div id="pekxgjbs" class="bottom">
									<div id="qcckdaes" class="name">
										<!-- 面料解决方案 -->
										面料解决方案
									</div>
									<div id="drktyzjr" class="goto"></div>
								</div>
							</a>
							<a id="ypjpmzjn" class="item" href="/solution/cross" target="_blank">
								<div id="ctgekega" class="top">
									<div id="jsyrdzkt" class="number">04</div>
									
								</div>
								<div id="bmeenjyr" class="bottom">
									<div id="chmahxsk" class="name">
										<!-- 跨境解决方案 -->
										跨境解决方案
									</div>
									<div id="qbqcfzcp" class="goto"></div>
								</div>
							</a>
							<a id="qjjtxhtm" class="item" href="/solution/ai" target="_blank">
								<div id="sagxzrra" class="top">
									<div id="fyfwgdmk" class="number">05</div>
									
								</div>
								<div id="malwyegp" class="bottom">
									<div id="fzrmytdq" class="name">
										<!-- 全域AI数据解决方案 -->
										全域AI数据解决方案
									</div>
									<div id="tkntdfwk" class="goto"></div>
								</div>
							</a>
						</div>
				</li>
				<li class="market-menus">
					<a id="cahharej" data-href="/">
						<span>
							<!-- 活动/沙龙 -->
							活动/沙龙
						</span>
					</a>
					<div id="dbflftys" class="sub-menu">
						<a id="hckbrynp" class="item" href="/market" target="_blank">
							<div id="wjpspyhx" class="name">
								<!-- wpk德州沙龙 -->
								<a href="http://coolworldprod.com" target="_blank">wpk</a>德州沙龙
							</div>
						</a>
						<!-- <a id="mzeazppq" class="item" href="/fabricMarket" target="_blank">
							<div id="xajtwmlq" class="name"> -->
						<!-- 面料对接会 -->
						<!-- 面料对接会 -->
						<!-- </div>
						</a> -->
					</div>
				</li>
				<li>
					<a id="azlxhfkk" data-href="/activity" href="/activity/all">
						<!-- 新闻中心 -->
						新闻中心
					</a>
				</li>
				<li>
					<a id="fstglaqw" href="/about">
						<!-- 关于wpk德州 -->
						关于<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
					</a>
				</li>
				<div id="zbkdhgpm" class="menu-split"></div>
				<div id="hwapqyjl" class="lang-menus">
					<div id="hzeyyntt" class="menu">
						
						
						<span class="active">中</span>
						<span>/</span>
						<span class="">EN</span>
					</div>
					<!-- <div id="pepksccr" 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="dmxmwlad" class="aside-button">
  <div id="haszyckf" class="item item-apply">
    
    <div>
      <!-- 免费试用 -->
      免费试用
    </div>
  </div>
  <div id="cqeafaww" class="item item-apply">
    
    <div>
      <!-- 资料领取 -->
      资料领取
    </div>
  </div>
  <div id="fkgzmjrr" class="item item-apply">
    
    <div>
      <!-- 预约演示 -->
      预约演示
    </div>
  </div>
  <div id="ynesbeyj" class="item item-qr-code">
    
    <div>
      <!-- 扫码咨询 -->
      扫码咨询
    </div>
    <div id="fqhdttky" class="qr-code-img">
      
    </div>
  </div>
</div>
<div id="lqzrrtny" class="gw-modal">
  <div id="ewxsfpkd" class="modal-container">
    <div id="eqxfxtpc" 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="lzggssff" class="form-item">
          <label class="block">
            <!-- 姓名 -->
            姓名
            <span class="require">*</span> </label>
          <div>
            <!-- 请输入姓名 -->
            
          </div>
          <div id="jeybzlae" class="form-error"></div>
        </div>
        <div id="hyynmjrs" class="form-item">
          <label class="block">
            <!-- 手机号 -->
            手机号
            <span class="require">*</span> </label>
          <div>
            <!-- 请输入手机号 -->
            
          </div>
          <div id="apzykpay" class="form-error"></div>
        </div>
        <div id="pgehaknk" class="form-item">
          <label class="block">
            <!-- 公司名称 -->
            公司名称
            <span class="require">*</span> </label>
          <div>
            <!-- 请输入公司名称 -->
            
          </div>
          <div id="qmmpamwh" class="form-error"></div>
        </div>
        <div id="ksxzdpre" class="form-item">
          <label class="block">
            <!-- 公司地址 -->
            公司地址
            <span class="require">*</span> </label>
          <div>
            <!-- 请输入公司地址 -->
            
          </div>
          <div id="frcqhcny" class="form-error"></div>
        </div>

        <div id="ktfkfwxx" class="btn-container">
          <button class="m-btn" type="button" id="btnSubmit">
            <!-- 立即提交 -->
            立即提交
          </button>
        </div>
      
    </main>
  </div>
  <div id="jjmjyhrj" 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="cphffbkl" style="flex-grow:1;flex-shrink:1;">
		
<div id="tndcqrab" class="home" lang="zh-ch">
  <div id="mgmscjpm" class="video-zhiyi-container">
  <div id="tcxslpcn" class="bg-box">
    
    
  </div>
  <div id="fltlmfzh" class="head-title-box">
    <div id="tcklwkmh" class="head-title" data-animation="fadeInUp">
      <!-- 数据洞察时尚趋势 -->
      数据洞察时尚趋势
    </div>
    <div id="rbbwlrhg" class="head-title" data-animation="fadeInUp">
      <span class="special-title">AI</span><!-- 助力企业增长决策 -->助力企业增长决策
    </div>
    <div id="weagwcwb" class="typewriter head-tip">
      <span id="typewriter-text"></span>
      <span class="cursor">|</span>
    </div>
    <div id="pqncxmlq" class="head-tip">
      <!-- 让您在市场竞争中保持领先地位 -->
      让您在市场竞争中保持领先地位
    </div>
    <div id="qxclgqwa" class="link-btn">
      <!-- 免费使用 -->
      <span>免费试用</span>
    </div>
    <div id="sxwepelk" class="btn-tip">
      <!-- 每日限免77个名额 -->
      每日限免77个名额
    </div>
  </div>
  <div id="kmrfpnhe" class="video-box">
    <video id="head-video" src="https://cdn.zhiyitech.cn/material/c181840a28a166ef9aaffed92d9663f5" autoplay muted
      playsinline>
    </video>
    <div id="exhckwtb" class="control" data-play="false">
      
      
    </div>
    <div id="rynanjah" class="video-progress-btn-box"></div>
  </div>
  <div id="gxmxbagl" class="head-brand-swiper">
    <div id="nardpajw" class="swiper-wrapper" style="animation-duration: 30s;">
      <div id="ysyhnrkg" class="swiper-slide" title="江南布衣">
        
      </div>
      <div id="pagejgmq" class="swiper-slide" title="三彩">
        
      </div>
      <div id="dbnfcxrq" class="swiper-slide" title="影儿集团">
        
      </div>
      <div id="yjwmkfjh" class="swiper-slide" title="雅莹">
        
      </div>
      <div id="agrpacxq" class="swiper-slide" title="海澜之家">
        
      </div>
      <div id="cdwmljeq" class="swiper-slide" title="森马">
        
      </div>
      <div id="lsxpqngn" class="swiper-slide" title="唐狮">
        
      </div>
      <div id="zdckjlsj" class="swiper-slide" title="GXG">
        
      </div>
      <div id="tlatpxkr" class="swiper-slide" title="巴拉巴拉">
        
      </div>
      <div id="bgfnrkee" class="swiper-slide" title="京东">
        
      </div>
      <div id="ectwrckr" class="swiper-slide" title="唯品会">
        
      </div>
      <div id="fncpaxat" class="swiper-slide" title="耐克">
        
      </div>
      <div id="hbpyyaqa" class="swiper-slide" title="蕉内">
        
      </div>
      <div id="hxnbhtfn" class="swiper-slide" title="骆驼">
        
      </div>
      <div id="xbkpewgk" class="swiper-slide" title="江南布衣">
        
      </div>
      <div id="jjbkfcfp" class="swiper-slide" title="三彩">
        
      </div>
      <div id="dwmbxebe" class="swiper-slide" title="影儿集团">
        
      </div>
      <div id="bqgkknzg" class="swiper-slide" title="雅莹">
        
      </div>
      <div id="pjytfefq" class="swiper-slide" title="海澜之家">
        
      </div>
      <div id="pgbxjglm" class="swiper-slide" title="森马">
        
      </div>
      <div id="dapaerfg" class="swiper-slide" title="唐狮">
        
      </div>
      <div id="hmrsbrbr" class="swiper-slide" title="GXG">
        
      </div>
      <div id="czmjdsat" class="swiper-slide" title="巴拉巴拉">
        
      </div>
      <div id="bcqkkdzn" class="swiper-slide" title="京东">
        
      </div>
      <div id="dnnhftqn" class="swiper-slide" title="唯品会">
        
      </div>
      <div id="hjhjbjce" class="swiper-slide" title="耐克">
        
      </div>
      <div id="hpnmjnhk" class="swiper-slide" title="蕉内">
        
      </div>
      <div id="rzxccwqg" class="swiper-slide" title="骆驼">
        
      </div>
    </div>
    <div id="kfqqagfj" class="mask-left brand-mask">
      
    </div>
    <div id="qnsszxzh" 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="lmxxcegt" 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="ddxgannk" class="full-link-container">
  <div id="tfcwmhee" class="head-title-box" data-animation="fadeInUp">
    <div id="yzzywyfh" class="title">
      <!-- 时尚产业AI全链路解决方案 -->
      时尚产业AI全链路解决方案
    </div>
    <div id="kcenhlhl" class="tip">
      <!-- 从企划选品趋势洞察、设计协同管理到运营数据智能分析，再到网红营销精准触达，wpk德州科技以全链路数字化解决方案，为企业提供一站式增长赋能。 -->
      从企划选品趋势洞察、设计协同管理到运营数据智能分析，再到网红营销精准触达，<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技以全链路数字化解决方案，为企业提供一站式增长赋能。
    </div>
  </div>
  <div id="qetqtjcn" class="link-box">
    
    <div id="pejdmnjl" class="link-line mask">
      <div id="mhjhgqqr" class="bg"></div>
    </div>
    
    <div id="txgcjppa" class="link-full-btn-box-swiper">
      <div id="wjrpttdk" class="swiper-wrapper">
        <div id="amnncyap" class="link-full-btn top swiper-slide" data-index="1">
          <div id="fkzmcqfx" class="container">
            <div id="mmaxdpyz" class="text-container">
              <span>
                <!-- 趋势洞察 -->
                趋势洞察
              </span>
            </div>
            <div id="apptksel" class="point"></div>
          </div>
        </div>
        <div id="gtajrbaz" class="link-full-btn bottom swiper-slide" data-index="2">
          <div id="lzmpptmd" class="container">
            <div id="hmalcylc" class="point"></div>
            <div id="nbyawclc" class="text-container">
              <span>
                <!-- 高效选品 -->
                高效选品
              </span>
            </div>
          </div>
        </div>
        <div id="xlmpnnna" class="link-full-btn top swiper-slide" data-index="3">
          <div id="mbqdwdge" class="container">
            <div id="qhqsgcxw" class="text-container">
              <span>
                <!-- AI设计 -->
                AI设计
              </span>
            </div>
            <div id="etxayjcw" class="point"></div>
          </div>
        </div>
        <div id="xqkkezls" class="link-full-btn bottom swiper-slide" data-index="4">
          <div id="bcyyffcy" class="point"></div>
          <div id="nsrwxnrb" class="container">
            <div id="jnbgzecw" class="text-container">
              <span>
                <!-- 智配面料 -->
                智配面料
              </span>
            </div>
          </div>
        </div>
        <div id="wmfbmrwn" class="link-full-btn top swiper-slide" data-index="5">
          <div id="tslbznzn" class="container">
            <div id="hrjffcgp" class="text-container">
              <span>
                <!-- 智能营销 -->
                智能营销
              </span>
            </div>
          </div>
          <div id="rjyqnalk" class="point"></div>
        </div>
      </div>
    </div>
  </div>
  <!-- 趋势洞察 -->
  <div id="nrmbjhqe" class="link-container" data-active="1">
    <div id="bcgbrfpb" class="card-box">
      <div id="yzgecpwt" class="card-col">
        
          
          <div id="ztlntyaj" class="title">
            <a href="http://coolworldprod.com" target="_blank">wpk</a>德州
          </div>
          <div id="qmlbwcfy" class="tip">
            电商大数据趋势追踪
          </div>
        
      </div>
      <div id="fmzztnas" class="card-col">
        
          
          <div id="nhzqzwly" class="title">
            海外探款
          </div>
          <div id="pymkwmtm" class="tip">
            高效挖掘海外服饰趋势
          </div>
        
      </div>
      <div id="afnxjwwp" class="card-col-2">
        
          
          <div id="jtnejpyy" class="title">
            抖衣
          </div>
          <div id="zypysbxh" class="tip">
            抖音服饰爆款挖掘与趋势分析
          </div>
        
        
          
          <div id="zjswxnhy" class="title">
            炼丹炉
          </div>
          <div id="wywesqwd" class="tip">
            商业智能决策工具，实现业绩高效增长
          </div>
        
      </div>
      <div id="lkhxagta" class="card-col">
        
          
          <div id="ekyzlthl" class="title">
            Trendscopes
          </div>
          <div id="ecgbqqam" class="tip">
            洞察全球时尚趋势
          </div>
        
      </div>
    </div>
    <div id="pxshnnmb" class="prop-box">
      <div id="zwyadsah" class="prop-item">
        <div id="dzhqtqcz" class="prop-icon">
          
        </div>
        <div id="skbkccyr" class="prop-label">
          <!-- 品类洞察 -->
          品类洞察
        </div>
      </div>
      <div id="zqbmfnne" class="prop-item">
        <div id="klfnfgyj" class="prop-icon">
          
        </div>
        <div id="ffbbyeaq" class="prop-label">
          <!-- 热销爆款 -->
          热销爆款
        </div>
      </div>
      <div id="qbcseald" class="prop-item">
        <div id="rmqycfdm" class="prop-icon">
          
        </div>
        <div id="skczrajz" class="prop-label">
          <!-- 价格带分析 -->
          价格带分析
        </div>
      </div>
      <div id="gkaeqbxg" class="prop-item">
        <div id="dzahamlr" class="prop-icon">
          
        </div>
        <div id="adqdjtrd" class="prop-label">
          <!-- 属性分析 -->
          属性分析
        </div>
      </div>
      <div id="etdywnxc" class="prop-item">
        <div id="zxhqzeyc" class="prop-icon">
          
        </div>
        <div id="dzkdlxxm" class="prop-label">
          <!-- 竞店分析 -->
          竞店分析
        </div>
      </div>
      <div id="amqkhhpm" class="prop-item">
        <div id="dslzghcg" class="prop-icon">
          
        </div>
        <div id="fkyepxgt" class="prop-label">
          <!-- 竞店商品监控 -->
          竞店商品监控
        </div>
      </div>
      <div id="wszgpwtq" class="prop-item">
        <div id="jlcrwrfa" class="prop-icon">
          
        </div>
        <div id="lrztbbch" class="prop-label">
          <!-- 社媒趋势 -->
          社媒趋势
        </div>
      </div>
      <div id="mandxxys" class="prop-item">
        <div id="pyaetwxd" class="prop-icon">
          
        </div>
        <div id="gaxdscde" class="prop-label">
          <!-- 电商趋势 -->
          电商趋势
        </div>
      </div>
    </div>
  </div>
  <!-- 高效选品 -->
  <div id="wdayfcfs" class="link-container" data-active="2">
    <div id="dtxbqwtf" class="card-box">
      <div id="ttlnqjsz" class="card-col">
        
          
          <div id="jpccsghp" class="title">
            知款
          </div>
          <div id="kjmqlsjp" class="tip">
            快速发现时尚趋势灵感
          </div>
        
      </div>
      <div id="ngrecllx" class="card-col">
        
          
          <div id="fzlxhews" class="title">
            <a href="http://coolworldprod.com" target="_blank">wpk</a>德州
          </div>
          <div id="wzxnfedr" class="tip">
            电商大数据趋势追踪
          </div>
        
      </div>
      <div id="prhbksra" class="card-col">
        
          
          <div id="ajfdwrbc" class="title">
            海外探款
          </div>
          <div id="rmaarxsn" class="tip">
            高效挖掘海外服饰趋势
          </div>
        
      </div>
      <div id="wqccxgtl" class="card-col">
        
          
          <div id="admlyflz" class="title">
            抖衣
          </div>
          <div id="qrcmkdpc" class="tip">
            抖音服饰爆款挖掘与趋势分析
          </div>
        
      </div>
    </div>
    <div id="rqckmxzj" class="prop-box">
      <div id="mcmjkhwk" class="prop-item">
        <div id="mjxkqhjg" class="prop-icon">
          
        </div>
        <div id="bmwlqknj" class="prop-label">
          <!-- 智能推荐 -->
          智能推荐
        </div>
      </div>
      <div id="cqtpnsac" class="prop-item">
        <div id="wnmgxhrj" class="prop-icon">
          
        </div>
        <div id="spwkyesz" class="prop-label">
          <!-- 以图搜图 -->
          以图搜图
        </div>
      </div>
      <div id="rnljaasc" class="prop-item">
        <div id="rmsfgsjc" class="prop-icon">
          
        </div>
        <div id="gxkefcnz" class="prop-label">
          <!-- 以色搜款 -->
          以色搜款
        </div>
      </div>
      <div id="rjkqpdqg" class="prop-item">
        <div id="rcrrcktw" class="prop-icon">
          
        </div>
        <div id="zncfgljp" class="prop-label">
          <!-- 电商新品 -->
          电商新品
        </div>
      </div>
      <div id="httnyjnp" class="prop-item">
        <div id="tzgkdzsw" class="prop-icon">
          
        </div>
        <div id="bknexjbw" class="prop-label">
          <!-- 直播爆款 -->
          直播爆款
        </div>
      </div>
      <div id="ydbfpkwy" class="prop-item">
        <div id="fqmdbbtx" class="prop-icon">
          
        </div>
        <div id="bbhebbbd" class="prop-label">
          <!-- 社媒热帖 -->
          社媒热帖
        </div>
      </div>
      <div id="mqjjakfy" class="prop-item">
        <div id="ngddsaca" class="prop-icon">
          
        </div>
        <div id="rpdtryqt" class="prop-label">
          <!-- 全球秀场 -->
          全球秀场
        </div>
      </div>
      <div id="azabbbfn" class="prop-item">
        <div id="rpzsaern" class="prop-icon">
          
        </div>
        <div id="mwrgxtgn" class="prop-label">
          <!-- 品牌站点 -->
          品牌站点
        </div>
      </div>
    </div>
  </div>
  <!-- AI设计 -->
  <div id="kkhcjaxj" class="link-container" data-active="3">
    <div id="axlbzsqr" class="card-box">
      <div id="hplhtdyg" class="card-col">
        
          
          <div id="zpnxkxlx" class="title">
            Fashion Diffusion+
          </div>
          <div id="gtaqwxbw" class="tip">
            AI加持的智能设计与商拍高效工具
          </div>
        
      </div>
      <div id="tnytgnmq" class="card-col">
        
          
          <div id="dzzzcxgc" class="title">
            美念
          </div>
          <div id="mxzzskwa" class="tip">
            素材云端存储/团队协作
          </div>
        
      </div>
    </div>
    <div id="fxrcstyn" class="prop-box">
      <div id="jxjrkxhn" class="prop-item">
        <div id="whnyfwbt" class="prop-icon">
          
        </div>
        <div id="rbtklqls" class="prop-label">
          <!-- 款式上身 -->
          款式上身
        </div>
      </div>
      <div id="mexfzwwj" class="prop-item">
        <div id="rebcckrz" class="prop-icon">
          
        </div>
        <div id="tfyabzws" class="prop-label">
          <!-- 款式创新 -->
          款式创新
        </div>
      </div>
      <div id="apemfqgs" class="prop-item">
        <div id="wdawzxfq" class="prop-icon">
          
        </div>
        <div id="chsetkdn" class="prop-label">
          <!-- 线稿成款 -->
          线稿成款
        </div>
      </div>
      <div id="rbpsbkmb" class="prop-item">
        <div id="brpgjxaf" class="prop-icon">
          
        </div>
        <div id="abcayhqa" class="prop-label">
          <!-- 局部改款 -->
          局部改款
        </div>
      </div>
      <div id="qkekxjan" class="prop-item">
        <div id="lpgmbwnc" class="prop-icon">
          
        </div>
        <div id="mdkxbkcb" class="prop-label">
          <!-- 智能换景 -->
          智能换景
        </div>
      </div>
      <div id="lecjnskf" class="prop-item">
        <div id="eprbarql" class="prop-icon">
          
        </div>
        <div id="hzzktnnh" class="prop-label">
          <!-- 图片采集 -->
          图片采集
        </div>
      </div>
      <div id="rzesjhwx" class="prop-item">
        <div id="nygdrrjy" class="prop-icon">
          
        </div>
        <div id="hbahtqtc" class="prop-label">
          <!-- 样衣管理 -->
          样衣管理
        </div>
      </div>
      <div id="qtnkhctb" class="prop-item">
        <div id="bawlhqhy" class="prop-icon">
          
        </div>
        <div id="pqbhhlgr" class="prop-label">
          <!-- 协作审批 -->
          协作审批
        </div>
      </div>
    </div>
  </div>
  <!-- 智配面料 -->
  <div id="mgagzwkp" class="link-container" data-active="4">
    <div id="pzbybwzd" class="person-box" style="gap: 16px;">
        <div id="wtpelzcc" class="person" target="_blank"
          href="none">
          <div id="pelyqspe" class="base-info">
            
            <div>
              <!-- 我是面料商 -->
              <div id="aqmzlznb" class="title">我是面料商</div>
              <!-- AI 成款+精准投放，拓客更高效 -->
              <div id="zqzblzeh" class="tips">AI 成款+精准投放，拓客更高效</div>
              <!-- 立即开店 -->
              立即开店
            </div>
          </div>
          <div id="stmesqhh" class="list">
            <div id="xtgmmysm" class="item">
              
              <div id="pgmbfcde" class="advantage">
              <!-- 精准触达真实需求 -->
                <div id="sdffclnw" class="title">精准触达真实需求</div>
              <!-- 通过趋势与选款路径智能投放，让面料在设计师决策节点被看到。 -->
                <div id="fbbarkjn" class="text">通过趋势与选款路径智能投放，让面料在设计师决策节点被看到。</div>
              </div>
            </div>
            <div id="ercsqxgf" class="item">
            
            <div id="dthkymqq" class="advantage">
              <!-- 全托管线上开店 -->
              <div id="qyysjlpp" class="title">全托管线上开店</div>
              <!-- 面料+款式一体化展示，直观呈现面料特色，Ai 自动成款，高效吸引设计师与品牌关注。 -->
              <div id="nrqfcawh" class="text">面料+款式一体化展示，直观呈现面料特色，Ai 自动成款，高效吸引设计师与品牌关注。</div>
            </div>
          </div>
          <div id="szbjxhqa" class="item">
            
            <div id="dzlblcsd" class="advantage">
              <!-- 洞察小红书与电商趋势 -->
              <div id="aqxkcmbq" class="title">洞察小红书与电商趋势</div>
              <!-- 实时掌握爆款内容与市场热度，精准把握流行方向，提升选款与营销效率。 -->
              <div id="erygstql" class="text">实时掌握爆款内容与市场热度，精准把握流行方向，提升选款与营销效率。</div>
            </div>
          </div>
          </div>
        </div>
        <div id="srwpamqe" class="person" target="_blank"
          href="none">
          <div id="mdfagzdg" class="base-info">
            
            <div>
              <!-- 我是设计师 -->
              <div id="passmtks" class="title">我是设计师</div>
              <!-- 优质面料智能推荐，灵感直达成款 -->
              <div id="lhbedrry" class="tips">优质面料智能推荐，灵感直达成款</div>
              <!-- 立即体验 -->
              立即体验
            </div>
          </div>
          <div id="jnmkbepn" class="list">
            <div id="jxnqwrzl" class="item">
              
              <div id="sreglqaz" class="advantage">
              <!-- 快速找到优质面料 -->
                <div id="abddtxbd" class="title">快速找到优质面料</div>
              <!-- 智能推荐+属性匹配，快速锁定符合设计和市场趋势的布料。 -->
                <div id="kpplweae" class="text">智能推荐+属性匹配，快速锁定符合设计和市场趋势的布料。</div>
              </div>
            </div>
            <div id="bpwyhtjb" class="item">
            
            <div id="lpjzgjyg" class="advantage">
              <!-- 免费找布 -->
              <div id="lckfzlkj" class="title">免费找布</div>
              <!-- 专业找布团队，为你免费找面料。 -->
              <div id="baxxfych" class="text">专业找布团队，为你免费找面料。</div>
            </div>
          </div>
          <div id="myfwsqyf" class="item">
            
            <div id="ggenqcwd" class="advantage">
              <!-- 降本提效 -->
              <div id="ffjestpw" class="title">降本提效</div>
              <!-- 面料与款式一体化展示，减少样布浪费，缩短开发周期。 -->
              <div id="wlsbjwjy" class="text">面料与款式一体化展示，减少样布浪费，缩短开发周期。</div>
            </div>
          </div>
          </div>
        </div>
    </div>
  </div>
  <!-- 智能营销 -->
  <div id="tqsmgrsn" class="link-container" data-active="5">
    <div id="zzcqczth" class="card-box">
      <div id="fenaadwx" class="card-col">
        
          
          <div id="ppyalhyf" class="title">
            抖衣
          </div>
          <div id="zrtfjnwh" class="tip">
            抖音服饰爆款挖掘与趋势分析
          </div>
        
      </div>
      <div id="mzapztze" class="card-col">
        
          
          <div id="amebqbyg" class="title">
            Trendscopes
          </div>
          <div id="qwhdefjd" class="tip">
            洞察全球时尚趋势
          </div>
        
      </div>
      <div id="yekhsgqf" class="card-col">
        
          
          <div id="fqxelwjm" class="title">
            Fashion Diffusion+
          </div>
          <div id="hpnaqlhh" class="tip">
            AI加持的智能设计与商拍高效工具
          </div>
        
      </div>
    </div>
    <div id="hqlmyxrx" class="prop-box">
      <div id="bcetjxaq" class="prop-item">
        <div id="nywbsfnb" class="prop-icon">
          
        </div>
        <div id="xdcmqkxz" class="prop-label">
          <!-- 品牌分析 -->
          品牌分析
        </div>
      </div>
      <div id="chmbfezg" class="prop-item">
        <div id="gdcrbchq" class="prop-icon">
          
        </div>
        <div id="adrtkgxg" class="prop-label">
          <!-- 达人分析 -->
          达人分析
        </div>
      </div>
      <div id="lzwckrcn" class="prop-item">
        <div id="bpphtnpc" class="prop-icon">
          
        </div>
        <div id="srtwwclx" class="prop-label">
          <!-- 粉丝分析 -->
          粉丝分析
        </div>
      </div>
      <div id="geqrmnaz" class="prop-item">
        <div id="mwcznemp" class="prop-icon">
          
        </div>
        <div id="tdzpsnrm" class="prop-label">
          <!-- 直播分析 -->
          直播分析
        </div>
      </div>
      <div id="glhdpwax" class="prop-item">
        <div id="arpnfpmt" class="prop-icon">
          
        </div>
        <div id="kpsawgqp" class="prop-label">
          <!-- 作品分析 -->
          作品分析
        </div>
      </div>
      <div id="lpffdysl" class="prop-item">
        <div id="kcpbypzz" class="prop-icon">
          
        </div>
        <div id="hnmpebjp" class="prop-label">
          <!-- 投放分析 -->
          投放分析
        </div>
      </div>
      <div id="rdqnlgdz" class="prop-item">
        <div id="xkeahzmt" class="prop-icon">
          
        </div>
        <div id="bcxaswzb" class="prop-label">
          <!-- 热词分析 -->
          热词分析
        </div>
      </div>
      <div id="jmrnpceh" class="prop-item">
        <div id="gwxscbra" class="prop-icon">
          
        </div>
        <div id="lyawxnqy" 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="qmzjhyls" class="ai-container">
  <div id="ldgcgmkn" class="head-title-box" data-animation="fadeInUp">
    <div id="jggmhamt" class="left">
      <div id="ymqwcgts" class="title">
        <!-- AI选品，打造爆款从未如此轻松 -->
        AI选品，打造爆款从未如此轻松
      </div>
      <div id="tsdcrpwd" class="tip">
        <!-- 数亿数据集训练的独家服饰大模型+推荐算法，把爆款送到你面前供你遴选。 -->
        数亿数据集训练的独家服饰大模型+推荐算法，把爆款送到你面前供你遴选。
      </div>
    </div>
    <div id="tdgbqrpb" class="right">
      <div id="zynhzbdy" class="link-btn">
        <span>
          <!-- 申请演示 -->
          申请演示
        </span>
      </div>
    </div>
  </div>
  
  <div id="ptsrbmkx" class="video">
    <video src="https://cdn.zhiyitech.cn/material/d3c541ba20266f8dc4a8f25197455583" autoplay loop muted playsinline></video>
  </div>
  
  <div id="gnzzewda" class="img"></div>
  <div id="zkcqcsrc" class="img-tip">
    <div id="rfkqgpny" class="tip">Trend keywords were extracted from social media submissions from more than 4,000 retailers and 2
      million fashion Kols</div>
    <div id="jhplxahd" class="split"></div>
    <div id="phcwdgxd" class="tip">Update the trending keyword dictionary daily</div>
    <div id="rzwwsnzk" class="split"></div>
    <div id="tkbcaqak" 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="zqxwrfag" class="fd-region">
  <div id="pddtkbzd" class="fd-container">
    <div id="atzthyed" class="head-title-box" data-animation="fadeInUp">
      <div id="hgghyhty" class="left">
        <div id="zqtqytzm" class="title">
          <!-- 知小衣，时尚产业全能型Agent -->
          知小衣，时尚产业全能型Agent
        </div>
      </div>
      <div id="ydhheglf" class="right">
        <div id="blakjeps" class="link-btn">
          <span>
            <!-- 立即体验 -->
            立即体验
          </span>
        </div>
        <div id="lxckfxhe" class="tip">
          <!-- 每日开放 60名免费 试用名额 -->
          每日开放 60名免费 试用名额
        </div>
      </div>
    </div>
    <div id="ncxlxwaw" class="subTitle">
      <!-- 时尚产业首个Agentwpkpoker官网产品，一句话，即可帮你找款/设计/写报告。 -->
      时尚产业首个Agent<a href="http://coolworldprod.com" target="_blank">wpk</a>poker官网产品，一句话，即可帮你找款/设计/写报告。
    </div>
    <div id="aheeqqkr" class="fd-swiper" data-animation="fadeInUp">
      <div id="dldmqsgd" class="swiper-wrapper"></div>
      <div id="pjpxfybt" class="swiper-button-prev">
        
      </div>
      <div id="bzgzwhtw" class="swiper-button-next">
        
      </div>
    </div>
    <div id="rzahqlbt" 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="yehpypsn" class="head">
        <div id="ahkggmch" class="left">
          <div id="ljggscck" class="title">${item.slogan || item.title}</div>
          <div id="bdsrpwmn" class="tip">${item.tip}</div>
        </div>
        <div id="awdzlymm" class="right">
          
            <span>了解更多</span>
          
        </div>
      </div>
      <div id="gztnlxyz" 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="gfgahjlj" 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="nfcebqsb" class="data-set-container" data-animation="fadeInUp">
  <div id="mxazwnlc" class="head-title-box">
    <div id="ngrbdpak" class="title">
      <!-- 全球首创时尚数据集，超1000亿时尚数据 -->
      全球首创时尚数据集，超1000亿时尚数据
    </div>
    <div id="wglerypf" class="tip">
      <!-- 企划、设计师的时尚灵感库，全球电商平台站点和社媒数据，提供数据API或模型服务 -->
      企划、设计师的时尚灵感库，全球电商平台站点和社媒数据，提供数据API或模型服务
    </div>
  </div>
  <div id="dslfjegx" class="data-box">
    <div id="chxyyjbl" class="data-item">
      
      <div id="qsmtjnff" class="data">
        <!-- 5000+ -->
        <span data-to="5000">5000</span>+
      </div>
      
      <div id="wrknqawt" class="info">
        <!-- 全球服饰独立站 -->
        全球服饰独立站
      </div>
    </div>
    <div id="tgadmhbp" class="data-item">
      
      <div id="rznphpca" class="data">
        <!-- 400000+ -->
        <span data-to="400000">400000</span>+
      </div>
      
      <div id="hqtrebzb" class="info">
        <!-- 淘宝天猫 旺铺 -->
        淘宝天猫 旺铺
      </div>
    </div>
    <div id="sjpkklee" class="data-item">
      
      <div id="tfjgpkxg" class="data">
        <!-- 2.3亿+ -->
        <span>2.3</span>亿+
      </div>
      
      <div id="jkyrbask" class="info">
        <!-- 跨境商品数 -->
        跨境商品数
      </div>
    </div>
    <div id="rmdxpcyj" class="data-item">
      
      <div id="lntyaact" class="data">
        <!-- 1亿+ -->
        <span>1</span>亿+
      </div>
      
      <div id="flcwyzdg" class="info">
        <!-- 国内监控商品数 -->
        国内监控商品数
      </div>
    </div>
    <div id="kbamcsyw" class="data-item">
      
      <div id="gbrxdqgq" class="data">
        <!-- 100000+ -->
        <span data-to="100000">100000</span>+
      </div>
      
      <div id="ebpfbrbh" class="info">
        <!-- 品牌收录 -->
        品牌收录
      </div>
    </div>
    <div id="edecdhkp" class="data-item">
      
      <div id="kkcneajm" class="data">
        <!-- 250000+ -->
        <span data-to="250000">250000</span>+
      </div>
      
      <div id="ccjgsrzz" class="info">
        <!-- 服饰垂类达人博主 -->
        服饰垂类达人博主
      </div>
    </div>
  </div>
  <div id="snfwggel" class="data-set-swiper">
    <div id="ljppsbfe" class="swiper-wrapper" style="animation-duration: 20s;">
      <div id="mhsrjdem" class="swiper-slide">
        
      </div>
      <div id="gptbgsab" class="swiper-slide">
        
      </div>
      <div id="hfypncca" class="swiper-slide">
        
      </div>
      <div id="msqftxkg" class="swiper-slide">
        
      </div>
      <div id="feaqjfdq" class="swiper-slide">
        
      </div>
      <div id="xzrdssfb" class="swiper-slide">
        
      </div>
      <div id="aerngtpw" class="swiper-slide">
        
      </div>
      <div id="nfbjdmrk" class="swiper-slide">
        
      </div>
      <div id="rrbczetw" class="swiper-slide">
        
      </div>
      <div id="emzyffzf" class="swiper-slide">
        
      </div>
      <div id="krwslknb" class="swiper-slide">
        
      </div>
      <div id="rqkwdcfx" class="swiper-slide">
        
      </div>
      <div id="whatntps" class="swiper-slide">
        
      </div>
      <div id="gpqnxqwh" class="swiper-slide">
        
      </div>
      <div id="hqcwbrxs" class="swiper-slide">
        
      </div>
      <div id="hhpmlxjh" class="swiper-slide">
        
      </div>
      <div id="ejctesmm" class="swiper-slide">
        
      </div>
      <div id="jebfwyne" class="swiper-slide">
        
      </div>
      <div id="nqaqjyjr" class="swiper-slide">
        
      </div>
      <div id="faesxpbc" class="swiper-slide">
        
      </div>
      <div id="aeyfyksg" class="swiper-slide">
        
      </div>
      <div id="pwmlscqg" class="swiper-slide">
        
      </div>
    </div>
    <div id="trydphxx" class="mask-left brand-mask">
      
    </div>
    <div id="jcpgrrjs" class="mask-right brand-mask">
      
    </div>
  </div>
  <div id="xgzwsrcj" 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="mqxgtnpn" class="cases-container">
  <div id="fmswxqsf" class="head-title-box" data-animation="fadeInUp">
    <div id="sjnkbzdz" class="title">
      <!-- 他们如何用wpk德州实现增长？立即探索 -->
      他们如何用<a href="http://coolworldprod.com" target="_blank">wpk</a>德州实现增长？立即探索
    </div>
    <div id="fdtawykj" class="link-btn">
      <span>
        <!-- 申请免费试用 -->
        申请免费试用
      </span>
    </div>
  </div>
  <div id="ngrjwgzb" class="cases-swiper" data-animation="fadeInUp">
    <div id="wryrhrzb" class="swiper-wrapper">
      <a id="dcxwalkn" class="swiper-slide" href="/brandcase/all/787">
        
        <div id="bmmdlrds" class="title">
          <!-- 玛丝菲尔 -->
          玛丝菲尔
        </div>
        <div id="wytrxebl" class="tip">
          <!-- 数据洞察、商品洞察、趋势分析 -->
          数据洞察、商品洞察、趋势分析
        </div>
      </a>
      <a id="kqnkfdbg" class="swiper-slide" href="/brandcase/all/798">
        
        <div id="ltwhbtkx" class="title">
          <!-- 蕉内 -->
          蕉内
        </div>
        <div id="mhpwapyc" class="tip">
          <!-- 数据洞察、品类细分、用户洞察 -->
          数据洞察、品类细分、用户洞察
        </div>
      </a>
      <a id="dmdltpya" class="swiper-slide" href="/brandcase/all/64">
        
        <div id="clgpdkjz" class="title">
          <!-- UR -->
          UR
        </div>
        <div id="jdqfjsrx" class="tip">
          <!-- 行业洞察、智能报表、智能试衣 -->
          行业洞察、智能报表、智能试衣
        </div>
      </a>
      <a id="jsgwszrx" class="swiper-slide" href="/brandcase/all/861">
        
        <div id="mmengplt" class="title">
          <!-- 巴拉巴拉 -->
          巴拉巴拉
        </div>
        <div id="zbqaqpct" class="tip">
          <!-- 潮流趋势、品类洞察、款式创新 -->
          潮流趋势、品类洞察、款式创新
        </div>
      </a>
    </div>
    <div id="bjkewtee" 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="zxkjpdfd" class="brand-wall-container">
  <div id="rlsabetb" class="head-title-box" data-animation="fadeInUp">
    <div id="glbzbesd" class="title">
      <!-- 8000+品牌客户选择了wpk德州 -->
      8000+品牌客户选择了<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
    </div>
    <div id="pejkanpa" class="link-btn">
      <span>
        <!-- 立即注册 -->
        立即注册
      </span>
    </div>
  </div>
  <div id="kbjbfqey" class="brand-wall">
    <div id="czyeesfl" class="loop-container">
      <div id="ehkgmelc" class="loop-content" style="animation-duration: 26.666667s;width: 2432px;">
        <div id="jwmjjdjw" class="loop-img-container">
          
        </div>
        <div id="ftxlkcjm" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="bhsgbasg" class="loop-container">
      <div id="hepxkbzw" class="loop-content" style="animation-duration: 20s;">
        <div id="ymegqpdx" class="loop-img-container">
          
        </div>
        <div id="jajwdthf" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="ccmdcgll" class="loop-container">
      <div id="mbhydgsb" class="loop-content" style="animation-duration: 30s;">
        <div id="wzjlnmjz" class="loop-img-container">
          
        </div>
        <div id="nstsmdzq" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="flwjsgwf" class="loop-container">
      <div id="jdemlypg" class="loop-content" style="animation-duration: 20s;">
        <div id="yatlneld" class="loop-img-container">
          
        </div>
        <div id="yfxlkwdq" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="hzbcfxjp" class="loop-container">
      <div id="bndmmtwk" class="loop-content" style="animation-duration: 30s;">
        <div id="tpyhtjls" class="loop-img-container">
          
        </div>
        <div id="qjfbejsn" class="loop-img-container">
          
        </div>
      </div>
    </div>
    <div id="htqpraes" class="mask left"></div>
    <div id="pjgcdcnz" class="mask right"></div>
  </div>
</div>


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

  <div id="slhnxwhm" class="info-container" data-active="news">
  <div id="enpjzhzg" class="head-title-box" data-animation="fadeInUp">
    <div id="dpywpcpf" class="tabs tab-swiper">
      <div id="mxhraxqt" class="swiper-wrapper">
        <div id="jzhftqsz" class="tab swiper-slide" data-type="news">
          <!-- 媒体报道 -->
          媒体报道
        </div>
        <div id="fjjeshmx" class="tab swiper-slide" data-type="activity">
          <!-- 市场活动 -->
          活动/沙龙
        </div>
      </div>
    </div>
    <div id="yksnnhwb" class="more-btn">
      <div id="fdtgbkbk" class="more" data-type="news">
        <!-- 更多报道 -->
        更多报道
      </div>
      <div id="jjqebkeg" class="more" data-type="activity">
        <!-- 更多活动 -->
        更多活动
      </div>
    </div>
  </div>
  <div id="wnlnyalx" class="news-swiper" data-animation="fadeInUp">
    <div id="kelzngbw" class="swiper-wrapper">
      
      <div id="lwcmgdyr" class="swiper-slide">
        <a id="bnrcadql" class="news-item" href="/activity/dynamic/1501">
          <div id="npxpbcyx" class="news-img">
            
          </div>
          
          <div id="qklpkylw" class="news-title">喜讯！<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技荣获国家级专精特新“小巨人”企业称号！</div>
          
        </a>
      </div>
      
      <div id="cywrfymr" class="swiper-slide">
        <a id="wexcjyjn" class="news-item" href="/activity/dynamic/1505">
          <div id="tpectdtj" class="news-img">
            
          </div>
          
          <div id="traxtytl" class="news-title">创新领跑新未来，<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技荣获安踏集团“安创新星A-Star”奖！</div>
          
        </a>
      </div>
      
      <div id="hfbtdnpg" class="swiper-slide">
        <a id="lmbfdafm" class="news-item" href="/activity/dynamic/1502">
          <div id="llzskmkf" class="news-img">
            
          </div>
          
          <div id="dqhywcgq" class="news-title"><a href="http://coolworldprod.com" target="_blank">wpk</a>德州携手京东，洞见服饰爆品孵化新路径</div>
          
        </a>
      </div>
      
      <div id="thmpfgbp" class="swiper-slide">
        <a id="snjmmbkp" class="news-item" href="/activity/dynamic/1503">
          <div id="ncjrqaad" class="news-img">
            
          </div>
          
          <div id="mzyymhdq" class="news-title"><a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技携手汉帛国际，发布AI时尚推款平台FashionSeek！</div>
          
        </a>
      </div>
      
      <div id="amnxpxmk" class="swiper-slide">
        <a id="pdrqghcd" class="news-item" href="/activity/dynamic/1497">
          <div id="ebaljcby" class="news-img">
            
          </div>
          
          <div id="elpxlpbz" class="news-title">权威认可！<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技获评“浙江省人工智能服务商”</div>
          
        </a>
      </div>
      
      <div id="pzychbtj" class="swiper-slide">
        <a id="nafzypnk" class="news-item" href="/activity/dynamic/119">
          <div id="njfegtql" class="news-img">
            
          </div>
          
          <div id="wqzesbdz" class="news-title">设计师买布避坑指南！血泪换来的14条经验</div>
          
        </a>
      </div>
      
      <div id="msxzjzza" class="swiper-slide">
        <a id="dprgpztj" class="news-item" href="/activity/dynamic/47">
          <div id="yxdgzyqn" class="news-img">
            
          </div>
          
          <div id="gysnrjbn" class="news-title">服装行业首个落地AI Agent ，正式发布！</div>
          
        </a>
      </div>
      
      <div id="bbtwcywp" class="swiper-slide">
        <a id="mdxbfgqx" class="news-item" href="/activity/dynamic/1492">
          <div id="rspbrpcp" class="news-img">
            
          </div>
          
          <div id="lfylepal" 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="mtbfedwf" class="swiper-slide">
        <a id="lhmtrqyg" class="news-item" href="/activity/dynamic/1491">
          <div id="eqchnyyf" class="news-img">
            
          </div>
          
          <div id="qnhhelzr" class="news-title"><a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技获「首批高质量数据集建设先行先试“揭榜挂帅”」殊荣</div>
          
        </a>
      </div>
      
      <div id="sydymdkb" class="swiper-slide">
        <a id="qdfpttay" class="news-item" href="/activity/dynamic/16">
          <div id="ymhdqejx" class="news-img">
            
          </div>
          
          <div id="wlejkdqc" class="news-title">喜报！<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技获「首批高质量数据集建设先行先试“揭榜挂帅”」殊荣</div>
          
        </a>
      </div>
      
    </div>
  </div>
  <div id="ralxllne" class="news-swiper-pagination"></div>
  <div id="jsdyxnaw" class="activity-swiper">
    <div id="bhzrnjnj" class="swiper-wrapper">
      
      <div id="xsthxkkp" class="swiper-slide">
        <a id="jsearajf" class="activity-item" href="/marketDetail/37">
          <div id="lymzjcds" class="activity-img">
            
            <div id="xgrsxrpy" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="apqpafzx" class="activity-title">直播｜2026/27秋冬女装趋势大揭秘：设计师必修课！</div>
          
        </a>
      </div>
      
      <div id="asfyeqnq" class="swiper-slide">
        <a id="eggknygb" class="activity-item" href="/marketDetail/36">
          <div id="ncqzetrb" class="activity-img">
            
            <div id="cjwaclzd" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="cpscxrax" class="activity-title">直播｜街头低腰、修身微喇……2026春夏跨境爆款牛仔裤的密码就藏在这里</div>
          
        </a>
      </div>
      
      <div id="lfwqyjhm" class="swiper-slide">
        <a id="gwwalsgc" class="activity-item" href="/marketDetail/35">
          <div id="lzlrtety" class="activity-img">
            
            <div id="pqyrdxwf" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="mnjjfkgs" class="activity-title">直播｜爆款抄作业翻车？解锁7大智能找款法，效率翻倍还避坑</div>
          
        </a>
      </div>
      
      <div id="qdjpnsdb" class="swiper-slide">
        <a id="ymrrhsps" class="activity-item" href="/marketDetail/34">
          <div id="rpsmtnkk" class="activity-img">
            
            <div id="fjckgyrt" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="mbetmmme" class="activity-title">直播｜SHEIN服装ODM的大数据选品术：让爆款成为可复制的“确定性”！</div>
          
        </a>
      </div>
      
      <div id="qyteqyfh" class="swiper-slide">
        <a id="lwsdxdjb" class="activity-item" href="/marketDetail/33">
          <div id="nawhpgtw" class="activity-img">
            
            <div id="rxgzwzsj" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="bzdnlrsd" class="activity-title">直播｜1000+跨境企业都在用的大数据工具！亚马逊服装选品黑科技解密→</div>
          
        </a>
      </div>
      
      <div id="pmhflnpa" class="swiper-slide">
        <a id="krmaqwbz" class="activity-item" href="/marketDetail/32">
          <div id="pkjesdbk" class="activity-img">
            
            <div id="bhjxgdgh" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="dkypcqsr" class="activity-title">直播｜2025年天猫618男女装整体销售复盘</div>
          
        </a>
      </div>
      
      <div id="eczqqnrg" class="swiper-slide">
        <a id="qxzcqffn" class="activity-item" href="/marketDetail/31">
          <div id="ablsfneg" class="activity-img">
            
            <div id="xpeetlny" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="ylmbdgth" class="activity-title">直播-UR、ONLY都在用的大数据选品法</div>
          
        </a>
      </div>
      
      <div id="jszbgrhg" class="swiper-slide">
        <a id="tzgdryxe" class="activity-item" href="/marketDetail/29">
          <div id="swbzjfgg" class="activity-img">
            
            <div id="xmlqzbny" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="mczqjsas" class="activity-title">直播-从找款到企划，女装选品开款爆款率翻倍的AI实战秘籍→</div>
          
        </a>
      </div>
      
      <div id="mawtrdcl" class="swiper-slide">
        <a id="sqhqtsse" class="activity-item" href="/marketDetail/30">
          <div id="zdljksqg" class="activity-img">
            
            <div id="fczfdmdr" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="pdjzyksk" class="activity-title">直播-跨境爆款T恤设计密码：2026春夏多平台趋势解析直播来袭→</div>
          
        </a>
      </div>
      
      <div id="knfcshps" class="swiper-slide">
        <a id="kfebcfbs" class="activity-item" href="/marketDetail/28">
          <div id="mbcyttfb" class="activity-img">
            
            <div id="yehcsmth" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="qehppcab" class="activity-title">直播-6万+服装设计师每日在线选款，面料商都在用的精准获客新方式→</div>
          
        </a>
      </div>
      
      <div id="rfekptec" class="swiper-slide">
        <a id="daxwgdkb" class="activity-item" href="/marketDetail/27">
          <div id="whbqcgsa" class="activity-img">
            
            <div id="mbcfnypf" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="cywsbwts" class="activity-title">直播-26/27秋冬运动装单品趋势洞察</div>
          
        </a>
      </div>
      
      <div id="czdrtjwp" class="swiper-slide">
        <a id="cretpczj" class="activity-item" href="/marketDetail/26">
          <div id="rxfteats" class="activity-img">
            
            <div id="bxzqtpxy" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="nrqpnlhr" class="activity-title">直播-爆改工作流，4步打造TikTok爆款</div>
          
        </a>
      </div>
      
      <div id="lmjfxfxn" class="swiper-slide">
        <a id="shbmctsn" class="activity-item" href="/marketDetail/25">
          <div id="cdhhddbe" class="activity-img">
            
            <div id="bbwwqrte" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="klwazdrk" class="activity-title">破解服饰面料趋势密码！「秋冬服饰面料创新增长论坛」开启报名！</div>
          
        </a>
      </div>
      
      <div id="rcrnhnck" class="swiper-slide">
        <a id="ayqcerxj" class="activity-item" href="/marketDetail/24">
          <div id="rltwqwar" class="activity-img">
            
            <div id="xxnnphta" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="tpatssel" class="activity-title">直播-关税要降了？这有6大爆单攻略助你抢占先机</div>
          
        </a>
      </div>
      
      <div id="wxadkdpd" class="swiper-slide">
        <a id="rtezypba" class="activity-item" href="/marketDetail/23">
          <div id="qjzgeazc" class="activity-img">
            
            <div id="ymqmxknr" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="aplthqgd" class="activity-title">直播-25/26秋冬四大时装周女装趋势分析</div>
          
        </a>
      </div>
      
      <div id="nggalydc" class="swiper-slide">
        <a id="hgwyjwhc" class="activity-item" href="/marketDetail/22">
          <div id="gdkmdjqb" class="activity-img">
            
            <div id="ygptsdlt" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="sypcnxfd" class="activity-title">直播-关税重压下，服装跨境企业如何破局？</div>
          
        </a>
      </div>
      
      <div id="endqlhst" class="swiper-slide">
        <a id="djqgdjwe" class="activity-item" href="/marketDetail/21">
          <div id="ldhqnzsl" class="activity-img">
            
            <div id="ghfbmrwg" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="pkjehqjm" class="activity-title">直播-TikTok服装高效选款秘籍</div>
          
        </a>
      </div>
      
      <div id="endrxymj" class="swiper-slide">
        <a id="hlhmdfyx" class="activity-item" href="/marketDetail/13">
          <div id="cwbrwtdd" class="activity-img">
            
            <div id="dkeqdays" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="lgzwyjhd" class="activity-title">服装行业中的“她经济”——她营销·服装增长沙龙上海站来袭！</div>
          
        </a>
      </div>
      
      <div id="ymxwljfn" class="swiper-slide">
        <a id="acxyszyb" class="activity-item" href="/marketDetail/17">
          <div id="fggbckef" class="activity-img">
            
            <div id="xkyakwty" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="dstcdcfb" class="activity-title">直播-2025春夏运动户外趋势洞察</div>
          
        </a>
      </div>
      
      <div id="qdycmdrs" class="swiper-slide">
        <a id="fsaqnhts" class="activity-item" href="/marketDetail/15">
          <div id="lzwnkbwg" class="activity-img">
            
            <div id="lsgynbxs" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="wqwzscbk" class="activity-title">直播-25/26秋冬跨境电商女装色彩</div>
          
        </a>
      </div>
      
      <div id="fzmscemn" class="swiper-slide">
        <a id="skbywxdd" class="activity-item" href="/marketDetail/10">
          <div id="djdnkzxy" class="activity-img">
            
            <div id="rdwgfrac" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="hwbczdme" class="activity-title">潮流先机，赢在起点——跨境服装2025春夏趋势沙龙</div>
          
        </a>
      </div>
      
      <div id="cbzffmwk" class="swiper-slide">
        <a id="jlrnrpks" class="activity-item" href="/marketDetail/19">
          <div id="xzahyxfp" class="activity-img">
            
            <div id="bcyhwyke" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="tmhsqxzt" class="activity-title">直播-跨境服装电商—黑五多平台销售复盘</div>
          
        </a>
      </div>
      
      <div id="yzaemxpk" class="swiper-slide">
        <a id="shqlgnmm" class="activity-item" href="/marketDetail/18">
          <div id="wqttnakq" class="activity-img">
            
            <div id="dhzzfkdb" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="zltqhtkg" class="activity-title">直播-跨境电商25/26秋冬单品风格趋势</div>
          
        </a>
      </div>
      
      <div id="tllghcse" class="swiper-slide">
        <a id="hndyyyrq" class="activity-item" href="/marketDetail/20">
          <div id="smzhmjzr" class="activity-img">
            
            <div id="rzqzjwah" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="hwzrpkzk" class="activity-title">直播-双十一男女装复盘</div>
          
        </a>
      </div>
      
      <div id="xlrfnlkh" class="swiper-slide">
        <a id="jspeqsja" class="activity-item" href="/marketDetail/16">
          <div id="zkqmtpem" class="activity-img">
            
            <div id="nxlzrlga" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="ggsyrrhp" class="activity-title">直播-2025春夏女装时装周趋势分析</div>
          
        </a>
      </div>
      
      <div id="dbxsmhbl" class="swiper-slide">
        <a id="fcnzsarl" class="activity-item" href="/marketDetail/11">
          <div id="srzmhdbx" class="activity-img">
            
            <div id="bmwszdtg" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="kmedfntk" class="activity-title">没有范式，却有趋势——2025SS 灵感趋势沙龙（上海站）</div>
          
        </a>
      </div>
      
      <div id="pqddzepr" class="swiper-slide">
        <a id="jhzqymeg" class="activity-item" href="/marketDetail/14">
          <div id="ypfftgdw" class="activity-img">
            
            <div id="wzntdjcp" class="activity-state" data-type="2">
              
              <!-- 已结束 -->
              已结束
              
            </div>
          </div>
          
          <div id="ygsdwmnl" class="activity-title">打破卷低价、高退货率怪圈！2024秋冬服装电商增长沙龙·杭州站</div>
          
        </a>
      </div>
      
    </div>
  </div>
  <div id="espezfyx" class="activity-swiper-pagination"></div>
  <div id="wdcqlflg" class="more-btn">
    <div id="fbckleaj" class="more" data-type="news">
      <!-- 更多报道 -->
      更多报道
    </div>
    <div id="msmjgcwm" 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="wlrwsprp" class="interview-container">
  <div id="twffcsnj" class="video" data-animation="fadeInUp">
    <video id="interview-video" src="https://cdn.zhiyitech.cn/material/87d1f86367779b7f5f9e6580259baca4" autoplay muted
      loop playsinline></video>
  </div>
  <div id="tqtfxtpj" class="tip">
    <!-- wpk德州科技接受CCTV、浙江卫视等官媒采访 -->
    <a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技接受CCTV、浙江卫视等官媒采访
  </div>
  <div id="mdtwgphd" class="control" data-play="false">
    
    
  </div>
  <div id="cbzxqqlk" class="mask left">
    
  </div>
  <div id="mrrpkfzf" 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="ysmtmceb" class="cooperate-container">
  <div id="gzynpgrs" class="bg-left">
    
  </div>
  <div id="hrpahbkw" class="bg-right">
    
  </div>
  <div id="tdlfjkmh" class="title">
    <!-- 现在开始品牌增长之路 -->
    现在开始品牌增长之路
  </div>
  <div id="eacschwk" class="form-result">
    
      <div id="gsaxbspk" class="try">
        
        
        
        
      </div>
      <div id="kfktgxqc" class="error">
      </div>
      <div id="acjjnxrs" 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="xwmadhkl" class="success">
        
        <div id="ckhedzpn" class="title">提交成功！</div>
        <div id="eajmxaqx" 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="cagqxaks" class="footer">
		<div id="xysbgemj" class="footer-header">
			
			
			
			<div>
				<div id="qxntxejc" class="footer-title">
					<!-- wpkpoker官网产品 -->
					<a href="http://coolworldprod.com" target="_blank">wpk</a>poker官网产品
				</div>
				<div id="esqctgax" class="column">
					<div id="ghnejzyf" class="column-item">
						
							<!-- wpk德州 -->
							<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
						
						
							<!-- 抖衣 -->
							抖衣
						
						
							<!-- 知款 -->
							知款
						
						
							<!-- 海外探款 -->
							海外探款
						
					</div>
					<div id="yrheywpn" class="column-item" style="margin-left: 48px;">
						
							<!-- 美念 -->
							美念
						
						
							<!-- 炼丹炉 -->
							炼丹炉
						
						
							<!-- 趋势报告 -->
							趋势报告
						
						
							Trendscopes
						
						
							Fashion Diffusion +
						
					</div>
					<div id="sehpjsrp" class="column-item">
						
							<!-- 知小布 -->
							知小布
						
						
							<!-- 知小衣 -->
							知小衣
						
					</div>
				</div>
			</div>
			
			<div>
				<div id="mhrgqrez" class="footer-title">
					<!-- APP下载 -->
					APP下载
				</div>
				<div id="bsdkscqr" class="column-item">
					<div id="taxrwmgn" class="info-item">
						<!-- wpk德州APP -->
						<a href="http://coolworldprod.com" target="_blank">wpk</a>德州APP
						<div id="spedjxsy" class="icon icon-ios">
							
						</div>
						<div id="flfxekwf" class="icon icon-android">
							
						</div>
					</div>
					<div id="darychpy" class="info-item">
						<!-- 海外探款APP -->
						海外探款APP
						<div id="jmqebytt" class="icon icon-ios">
							
						</div>
						<div id="nzzzxsxd" class="icon icon-android">
							
						</div>
					</div>
				</div>
			</div>
			
			<div>
				<div id="ecakmxrr" class="footer-title">
					<!-- 关于wpk德州 -->
					关于<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
				</div>
				<div id="yjpasfyc" class="column-item">
					<a id="bjezgypr" rel="noopener noreferrer" target="_blank" href="/about">
						<!-- 公司简介 -->
						公司简介
					</a>
					
						<!-- 加入wpk德州 -->
						加入<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
					
					<a id="qfygzggf" rel="noopener noreferrer" target="_blank" href="/activity/trend">
						<!-- 行业资讯 -->
						行业资讯
					</a>
					<a id="kxedyxpg" rel="noopener noreferrer" target="_blank" href="/activity/dynamic">
						<!-- 公司动态 -->
						公司动态
					</a>
				</div>
			</div>
			<div>
				<div id="spgtmcpb" class="footer-title">
					<!-- 联系wpk德州 -->
					联系<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
				</div>
				<div id="bnbzgycm" class="contact-info">
					<div id="bdynbpgz" class="contact-img">
						
						<div id="zyzrdywx" style="margin-top: 8px;">
							<!-- 扫码咨询 -->
							扫码咨询
						</div>
					</div>
					<div id="mcqbffdh" class="column-item" style="margin-left: 16px;">
						<div id="wegcdkpe" class="info-item">电话：Wpk官网下载</div>
						<div id="pntqdbqd" class="info-item">邮箱：wepoker德州官网版</div>
						<div id="zqxcnrzc" class="info-item">地址：杭州市萧山区杭州湾信息港F座5楼</div>
					</div>
				</div>
			</div>
		</div>
		<div id="wqebyhks" class="footer-bottom">
			<div>
				
				<!-- 友情链接 -->
				<span>友情链接:</span>
				
					<!-- 浙江电商检测 -->
					浙江电商检测
				
				
					<!-- 淘宝 -->
					淘宝
				
				
					<!-- 天猫 -->
					天猫
				
				
					<!-- 电商新闻门户 -->
					电商新闻门户
				
				
					<!-- 网经社 -->
					网经社
				
				
					<!-- 时尚趋势 -->
					时尚趋势
				
				
			</div>
			<div>
				浙WePoKer德州官网下载? 杭州<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技有限公司
			</div>
		</div>
	</div>
	<div id="nrwrdlxs" class="mobile-footer mobile-hidden">
		<a id="fpydcckd" href="/home" class="mobile-logo">
			
			
			
		</a>
		<div id="aqkesbhr" class="footer-info-item">
			<div id="rfwgzwjt" 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="aaeelcym" class="break-line"></div>
		<div id="thrmkbfc" class="footer-info-item">
			<div id="hbjgxtcj" 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="mqctnsmf" 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="akmzswfe" class="app-link" data-app="海外探款APP-https://cdn.zhiyitech.cn/material/69688152575d6ef11730318e9cc1a4ee">
					<!-- 海外探款APP -->
					海外探款APP
				</a>
			</div>
		</div>
		<div id="zamkckzy" class="break-line"></div>
		<div id="trketqgc" class="footer-info-item">
			<div id="srjpllaw" 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="rkhqhzyn" rel="noopener noreferrer" target="_blank" href="/about">
					<!-- 公司简介 -->
					公司简介
				</a>
				
					<!-- 加入wpk德州 -->
					加入<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
				
				<a id="nwsqzewl" rel="noopener noreferrer" target="_blank" href="/activity/trend">
					<!-- 行业资讯 -->
					行业资讯
				</a>
				<a id="xzglswrs" rel="noopener noreferrer" target="_blank" href="/activity/dynamic">
					<!-- 公司动态 -->
					公司动态
				</a>
			</div>
		</div>
		<div id="zpccbcaw" class="break-line"></div>
		<div id="tkbncjrw" class="footer-info-item">
			<div id="bclnnmjb" class='footer-info-item-header'>
				<span>
					<!-- 联系wpk德州 -->
					联系<a href="http://coolworldprod.com" target="_blank">wpk</a>德州
				</span>
			</div>
			<div id="gmwalxrk" class="footer-info-item-son active">
				<div id="lwmnzmjs" class="communication-info">
					<span>电话：</span>
					<a id="gerabyft" href="tel:Wpk官网下载">Wpk官网下载</a>
				</div>
				<div id="zlhbxayy" class="communication-info">
					<span>邮箱：</span>
					<a id="jnkrmhgc" href="mailto:wepoker德州官网版">wepoker德州官网版</a>
				</div>
				<div id="cklryxsf" class="communication-info">
					<span>地址：</span>
					杭州市萧山区杭州湾信息港F座5楼
				</div>
				<div id="jpfxlzgz" class="img-content">
					
					<div>
						<!-- 扫码咨询 -->
						扫码咨询
					</div>
				</div>
			</div>
		</div>

		<div id="twmsjymh" class="break-line" style="margin:.43rem 0"></div>
		<div id="kxkgyjea" class="footer-info-link">
			<div>友情链接：</div>
			<div id="linkInfo" class="footer-info-item-son active" style="margin:.43rem 0">
				
					<!-- 浙江电商检测 -->
					浙江电商检测
				
				
					<!-- 淘宝 -->
					淘宝
				
				
					<!-- 天猫 -->
					天猫
				
				
					<!-- 电商新闻门户 -->
					电商新闻门户
				
				
					<!-- 网经社 -->
					网经社
				
				
					<!-- 时尚趋势 -->
					时尚趋势
				
			</div>
		</div>
		<div id="cexpdepz" class="break-line"></div>
		<div id="bdskbgsm" class="record-info">
			浙WePoKer德州官网下载? 杭州<a href="http://coolworldprod.com" target="_blank">wpk</a>德州科技有限公司
		</div>
	</div>
</footer>
<aside>
	<a id="ebtdgpqd" class="to-top hidden" href="#">
		
	</a>
	
</aside>
<!-- TODO:移动端适配弹窗 -->
<div id="detbnach" class="gw-modal gw-modal-qrCode">
	<div id="swbhjbhm" class="qrCode-modal">
		<header class="header">
			<div id="ffcklskm" 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="xeyzlrlp" class="app-info">
			<div id="xfrkgtta" class="app-info-item">
				<div id="qxhbyrne" class="app-info-item-header">
					
					<span>IOS</span>
				</div>
				
			</div>
			<div id="yrqjkcyh" class="app-info-item">
				<div id="gwgtntjk" 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>