<!DOCTYPE html>
<html lang="en-US">

	<head>
		<title>明汯投资——打造国际一流量化投资机构 - 明汯投资</title>
<meta name="keywords" content="量化投资、量化私募、私募基金管理人" />
<meta name="description" content="明汯投资于2014年在上海虹口成立，借助强大的数据挖掘、统计分析和技术研发能力，构建了覆盖全周期、多策略、多品种的资产管理平台。作为国内较早一批将人工智能技术成功应用到金融市场的私募机构，公司管理规模位居行业前列，并成为国内较早批管理规模突破500亿元的量化私募管理人。" />
		<meta charset=utf-8>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta content="yes" name="mobile-web-app-capable" />
		<meta name="viewport"
			content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta name="format-detection" content="telephone=no,email=no,address=no" />
		<link rel="shortcut icon" href="" type="image/x-icon" />
		<link rel="preconnect" href="http://fonts.googleapis.com">
		<link rel="preconnect" href="http://fonts.gstatic.com" crossorigin>
		<link href="http://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap" rel="stylesheet">


		<link rel="stylesheet" href="/static/css/swiper.css">
		<link rel="stylesheet" href="/static/css/reset.css">
		<link rel="stylesheet" href="/static/css/common.css">
		<link rel="stylesheet" href="/static/css/mobile.css">
	</head>

	<body class="home blackHead">
		<!-- header -->
		<header><div class="head1 flex-yc">
  <div class="C-wrap flex-xb-yc">
    <a href="/" class="logo pic">
            <img src="/mhtz/2026/06/11/KYnqsuLq1uf5U.svg" alt="logo" />
      <img src="/mhtz/2026/07/08/0coTzoEvRIdqI.webp" alt="logo" />
      <img src="/mhtz/2026/07/21/yMGrZuwiDFti0.webp" alt="logo" />
    </a>
    <div class="flex-yc">
      <div class="menu f_20 flex-yc">
                        <div class="link on"><a href="/index.html">首页</a></div>
                <div class="link "><a href="/about.html">关于明汯</a></div>
                <div class="link "><a href="/products.html">明汯产品</a></div>
                <div class="link "><a href="/news.html">明汯视界</a></div>
                <div class="link "><a href="http://join.mhfunds.com/index">加入明汯</a></div>
                <div class="link "><a href="http://vip.mhfunds.com/projectmobile/login?companyCode=9AA1E42DEACBA12B139416A7E9F1BFE4">客户服务</a></div>
              </div>

      <div class="right flex-xc-yc">
        <div class="navbar-toggle">
          <span class="line-top"></span>
          <span class="line-middle"></span>
          <span class="line-bottom"></span>
        </div>
      </div>
    </div>
  </div>
</div></header>


		<!-- main body -->
		<div id="app">
			
						<div class="home1">
				<div class="bg">
				
									<video class="pc" width='100%' loop='' muted='' autoplay='autoplay' method='' x5-playsinline='' playsinline='true'
						webkit-playsinline='true' x-webkit-airplay='true' x5-video-player-type='h5' x5-video-player-fullscreen=''
						x5-video-orientation='portrait' src='/mhtz/2026/06/25/W1U8RAbXQW4ox.mp4' disablepictureinpicture disableremoteplayback
						oncontextmenu='return false' controlsList='nodownload nofullscreen noplaybackrate'></video>
					<video class="mob" width='100%' loop='' muted='' autoplay='autoplay' method='' x5-playsinline='' playsinline='true'
						webkit-playsinline='true' x-webkit-airplay='true' x5-video-player-type='h5' x5-video-player-fullscreen=''
						x5-video-orientation='portrait' src='/mhtz/2026/06/25/W1U8RAbXQW4ox.mp4' poster="uploads/image/20260729/6a6951b39b07c.webp" disablepictureinpicture disableremoteplayback
						oncontextmenu='return false' controlsList='nodownload nofullscreen noplaybackrate'></video>
				 	
				 
				</div>
				<!-- <div class="intr">
					<div class="t1 textEffect f_48 fbd">
						<div class="textEffect-content">打造国际一流量化投资机构</div>
					</div>

					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 708 8" fill="none">
						<path
							d="M699.767 3.73334C699.767 5.7952 701.438 7.46667 703.5 7.46667C705.562 7.46667 707.233 5.7952 707.233 3.73334C707.233 1.67147 705.562 4.05312e-06 703.5 4.05312e-06C701.438 4.05312e-06 699.767 1.67147 699.767 3.73334ZM0 3.73334V4.43334H703.5V3.73334V3.03334H0V3.73334Z"
							fill="url(#paint0_linear_1840_6704)" />
						<defs>
							<linearGradient id="paint0_linear_1840_6704" x1="0" y1="4.23334" x2="703.5" y2="4.23334"
								gradientUnits="userSpaceOnUse">
								<stop stop-color="#A5493E" />
								<stop offset="0.572115" stop-color="#FFD898" />
								<stop offset="0.942308" stop-color="#A5493E" />
							</linearGradient>
						</defs>
					</svg>
					<div class="t2 textEffect f_36 co-w">
						<div class="textEffect-content reverse">SCIENCE CREATE INFINITE FUTURES</div>
					</div>
				</div> -->
			</div>
							
						<div class="home2">
				<div class="sec1">
					<div class="m-text">锚定前沿科技发展，持续投入智力与算力<br>
紧跟客户投资需求，努力平衡风险与收益<br>
长期业绩久经考验<br>有较长的大规模量化资管经验</div>
					<svg width="1905" height="1057" viewBox="0 0 1905 1057" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M570.678 173C486.249 245.328 359.74 451.673 522.682 691" stroke="url(#paint0_linear_2995_1518)" stroke-opacity="0.6" stroke-width="1.2"/>
						<path d="M-463 660.045C-388.318 597.874 -372.473 480.639 -274.142 509.06C-151.228 544.586 37.2137 1148.31 227.03 1190.94C416.847 1233.57 523.419 531.197 670.449 745.24C817.479 959.284 921.729 1232.9 1119.32 1202.7" stroke="url(#paint1_linear_2995_1518)" stroke-opacity="0.5" stroke-width="1.21442" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="7.29 7.29"/>
						<path d="M375.108 70C312.373 132.833 202.148 320 263.133 566C339.364 873.5 584.105 947.5 780.701 908C977.297 868.5 1316.21 894.5 1457 1071.06" stroke="url(#paint2_linear_2995_1518)" stroke-opacity="0.6" stroke-width="2"/>
						<defs>
						<linearGradient id="paint0_linear_2995_1518" x1="568.258" y1="146.685" x2="490.013" y2="688.354" gradientUnits="userSpaceOnUse">
						<stop stop-color="white" stop-opacity="0"/>
						<stop offset="0.516821" stop-color="#B42918"/>
						<stop offset="1" stop-color="white" stop-opacity="0"/>
						</linearGradient>
						<linearGradient id="paint1_linear_2995_1518" x1="327.809" y1="524.544" x2="168.711" y2="873.824" gradientUnits="userSpaceOnUse">
						<stop stop-color="#E70012"/>
						<stop offset="1" stop-color="#FF0000" stop-opacity="0"/>
						</linearGradient>
						<linearGradient id="paint2_linear_2995_1518" x1="376.635" y1="50.5" x2="1611.77" y2="695.977" gradientUnits="userSpaceOnUse">
						<stop stop-color="#B42918" stop-opacity="0"/>
						<stop offset="0.0961799" stop-color="#B42918" stop-opacity="0.7"/>
						<stop offset="0.27255" stop-color="#B42918" stop-opacity="0"/>
						<stop offset="0.41167" stop-color="#B42918" stop-opacity="0.7"/>
						<stop offset="0.556798" stop-color="#B42918" stop-opacity="0"/>
						<stop offset="0.71936" stop-color="#B42918" stop-opacity="0.6"/>
						<stop offset="1" stop-color="#B42918" stop-opacity="0"/>
						</linearGradient>
						</defs>
						</svg>
						
						

					<div class="pic"><img src="/mhtz/2026/07/24/NYtEOFgtLc8M3.webp" alt="第二屏"></div>
				</div>
				<div class="sec2">
					<video width='100%' loop='' muted='' autoplay='autoplay' method='' x5-playsinline='' playsinline='true'
						webkit-playsinline='true' x-webkit-airplay='true' x5-video-player-type='h5' x5-video-player-fullscreen=''
						x5-video-orientation='portrait' src='/mhtz/2026/05/15/fWXaTWBLbBQ5P.mp4' disablepictureinpicture disableremoteplayback
						oncontextmenu='return false' controlsList='nodownload nofullscreen noplaybackrate'></video>
				</div>
			</div>
							
						<div class="home3">
				<div class="pin">
					<div class="text">
						<div class="t1 f_64 fbd600">
							The spirit of science,<br>the freedom of thought.						</div>
						<div class="t2 f_36 fbd300">科学之精神 自由之思想</div>
					</div>
					<!-- <div class="sec1">
						<div class="icon"><img src="/img/home3-2.png" alt=""></div>
						<div class="progress">
							<div class="progress-bar"></div>
						</div>
					</div>
					<div class="sec2">
						<img id="xfpic1" src="" alt="科学之精神 自由之思想">
						<img id="xfpic2" src="/img/news6-2.jpg" alt="">
					</div> -->
				</div>
			</div>
							
						<div class="home4">
				<div class="pin flex-yc">
					<div class="zuo">
						<div class="yuan">
							<div class="pic"><img src="/img/hoem4-6.svg" alt=""></div>

							<div class="point-list">
																								<div class="point-item" style="--index-rotate: 0;"><span></span></div>
																<div class="point-item" style="--index-rotate: 1;"><span></span></div>
																<div class="point-item" style="--index-rotate: 2;"><span></span></div>
															</div>

							<div class="pd-name-list">
																<div class="pd-name-item" style="--index-rotate: 0;">
									<div class="box2">
										<div class="box flex-yc">
											<div class="icon">
												<img src="/img/home4-1.svg" alt="">
												<img src="/img/home4-1-h.svg" alt="">
											</div>
											<div class="t1 f_16 fbd300">量化多头系列</div>
										</div>
									</div>
								</div>
																<div class="pd-name-item" style="--index-rotate: 1;">
									<div class="box2">
										<div class="box flex-yc">
											<div class="icon">
												<img src="/img/home4-2.svg" alt="">
												<img src="/img/home4-2-h.svg" alt="">
											</div>
											<div class="t1 f_16 fbd300">多策略对冲系列</div>
										</div>
									</div>
								</div>
																<div class="pd-name-item" style="--index-rotate: 2;">
									<div class="box2">
										<div class="box flex-yc">
											<div class="icon">
												<img src="/img/home4-3.svg" alt="">
												<img src="/img/home4-3-h.svg" alt="">
											</div>
											<div class="t1 f_16 fbd300">宏观系列</div>
										</div>
									</div>
								</div>
																
							</div>
						</div>

					</div>
					<div class="you">
						<div class="list">
														<a class="item theme2 on" href="/products.html">
							    																<div class="video-box">
									<video width='100%' loop='' muted='' method='' x5-playsinline='' playsinline='true'
										webkit-playsinline='true' x-webkit-airplay='true' x5-video-player-type='h5'
										x5-video-player-fullscreen='' x5-video-orientation='portrait' src='/mhtz/2026/07/20/1txOLOVYjSqQS.mp4' autoplay
										disablepictureinpicture disableremoteplayback oncontextmenu='return false'
										controlsList='nodownload nofullscreen noplaybackrate'></video>
								</div>
																								<div class="m-text">量化多头系列</div>
								</a>
														<a class="item" href="/products.html">
							    																<div class="video-box">
									<video width='100%' loop='' muted='' method='' x5-playsinline='' playsinline='true'
										webkit-playsinline='true' x-webkit-airplay='true' x5-video-player-type='h5'
										x5-video-player-fullscreen='' x5-video-orientation='portrait' src='/mhtz/2026/07/20/Svxofg79si0M0.mp4' autoplay
										disablepictureinpicture disableremoteplayback oncontextmenu='return false'
										controlsList='nodownload nofullscreen noplaybackrate'></video>
								</div>
																								<div class="m-text">多策略对冲系列</div>
								</a>
														<a class="item theme2" href="/products.html">
							    																<div class="video-box">
									<video width='100%' loop='' muted='' method='' x5-playsinline='' playsinline='true'
										webkit-playsinline='true' x-webkit-airplay='true' x5-video-player-type='h5'
										x5-video-player-fullscreen='' x5-video-orientation='portrait' src='/mhtz/2026/07/20/0xOg1tq0dRjQ7.mp4' autoplay
										disablepictureinpicture disableremoteplayback oncontextmenu='return false'
										controlsList='nodownload nofullscreen noplaybackrate'></video>
								</div>
																								<div class="m-text">宏观系列</div>
								</a>
													</div>
						<div class="home4-mb-pagination swiper-pagination"></div>
					</div>
				</div>
			</div>
						<div class="home5">
					
								<div class="main wow fadeIn">
					<div class="C-wrap">
						<div class="list">
																					<a href="/news/55.html" class="item scaleImg item1 theme1">
								<div class="bg"><img src="/mhtz/2026/07/14/v9WO7Do8OTNMs.webp" alt="明汯投资机器学习算法团队负责人，为你揭开ML(Machine Learning)/DL(Deep Learning)与量化的关系。"></div>
								<div class="intr">
									<div class="t1 f_20 fbd700">明说 | 为什么我关心直觉、数学和工程能力</div>
									<div class="t2 f_16 fbd300">明汯投资机器学习算法团队负责人，为你揭开ML(Machine Learning)/DL(Deep Learning)与量化的关系。</div>
								</div>
							</a>
																					<a href="/news/71.html" class="item scaleImg item2 theme1">
								<div class="bg"><img src="/mhtz/2026/07/14/VL2yvCiAQG6g2.webp" alt="浅析中小盘：市值并非衡量企业投资价值的标尺"></div>
								<div class="intr">
									<div class="t1 f_20 fbd700">汯观量化</div>
									<div class="t2 f_16 fbd300">浅析中小盘：市值并非衡量企业投资价值的标尺</div>
								</div>
							</a>
																					<a href="/news/77.html" class="item scaleImg item3 theme1">
								<div class="bg"><img src="/mhtz/2026/06/05/80DWV2xWmZAVh.webp" alt="只为等你来！"></div>
								<div class="intr">
									<div class="t1 f_20 fbd700">办公环境全面升级</div>
									<div class="t2 f_16 fbd300">只为等你来！</div>
								</div>
							</a>
																					<a href="/news/52.html" class="item scaleImg item5 theme2">
								<div class="intr">
									<div class="t1 f_20 fbd700">【荣誉】明汯投资再捧两座金阳光奖杯</div>
									<div class="t2 f_16 fbd300">明汯投资荣获“金阳光·五年卓越公司奖”，投资总监解环宇获得“金阳光·三年卓越私募基金经理奖”。</div>
								</div>
							</a>
																					<a href="/news/54.html" class="item scaleImg item4 theme1">
								<div class="bg"><img src="/uploads/image/20260729/6a69698cdbd26.webp" alt="用心履行受托责任 推进防疫和工作两不误"></div>
								<div class="intr">
									<div class="t1 f_20 fbd700">积极践行社会责任 增加生命厚度</div>
									<div class="t2 f_16 fbd300">用心履行受托责任 推进防疫和工作两不误</div>
								</div>
							</a>
															
							<a href="/news/51.html" class="item scaleImg item6 theme3">
								<div class="bg"><img src="/mhtz/2026/06/05/8EAb0XUMAPrRr.webp" alt="【荣誉】明汯投资再揽两座三年期金牛奖杯"></div>
								<div class="intr">
									<div class="t1 f_20 fbd700">【荣誉】明汯投资再揽两座三年期金牛奖杯</div>
								</div>
							</a>
													</div>
					</div>
				</div>
																<div id="tanchu_cn">
					<div class="tanchu_cn_nr">
						<div class="tanchu_nr_xx">
							<table width="100%" border="0" cellspacing="0" cellpadding="0">
								<tbody>
									<tr>
										<td height="70" align="center" valign="top" style="font-size:24px; font-weight:bold" class="gaodu">
											投资者须知</td>
									</tr>
									<tr>
										<td style="font-size:16px;">
										1、参与私募投资基金有风险。私募投资基金净值可能会有较大的波动，并可能在短时间內大幅下跌，并造成投资者损失部分或全部投资金额。管理人过往的业绩数据并不预示其未来的表现，投资者不应依赖本网站所提供的数据做出投资决策，并自行承担所作出投资决策之相应风险。<br><br>
2、本网站刊载的信息仅供参考。本网站所载的各种信息和数据等仅供参考，并不构成广告或销售要约，或买入任何证券、基金或其它投资工具的建议。投资者应仔细审阅相关金融产品的合同文件等以了解其风险因素，或寻求专业的投资顾问的建议。<br><br>
3、本网站所载的各种信息和数据等是明汯投资认为合法或已公开的信息，但仅代表明汯投资于发布当时的分析、推测与判断，可能您在阅读时资料的准确性或完整性已发生变化。明汯投资会对来源于第三方的信息、数据、资料明确说明出处及来源，但并不对第三方所提供之有关资料的准确性、充足性或完整性作出任何保证，公司或其股东及雇员概不对于本网站内第三方所提供之资料的任何错误或遗漏负任何法律责任，敬请投资者审慎鉴别、判断。<br><br>
4、权利声明与法律管辖。您在任何情况下，未经明汯投资书面许可，均不得复印、复制或再转发本网站资料的全部或其任何部分。与本网站所载资料有关的所有版权、专利权等知识产权及其他权利均为明汯投资所有。明汯投资概不向浏览该资料的人士发出、转让或以任何方式转移任何种类的权利。<br><br>
进入、访问与使用本网站，以及本须知内容受中华人民共和国法律管辖，并依照中华人民共和国法律解释。<br><br>
特此提示！
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<table width="100%" border="0" cellspacing="0" cellpadding="0" class="tanchu_nr_xz">
							<tbody>
								<tr>
									<td width="20" height="50" class="gaodu1"><input name="" type="checkbox" value="" checked=""></td>
									<td>我已经仔细阅读并同意接受以上条款和条件。</td>
								</tr>
							</tbody>
						</table>
						<table width="100%" border="0" cellspacing="0" cellpadding="0" class="tanchu_nr_xz1">
							<tbody>
								<tr>
									<td width="50%" height="80" align="right" class="gaodu"><a href="javascript:void(0);"
											class="fangqi">放弃</a></td>
									<td><a href="javascript:void(0);" class="jieshou">接受</a></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
								<div id="app-container">
					<canvas id="ripple-canvas"></canvas>
					<div class="gradient-overlay"></div>
				</div>
			</div>







		</div>

		<!-- footer -->
		<footer><div class="footer wow fadeIn">
  <div class="C-wrap">
    <div class="footer-main flex-xb">
      <div class="zuo">
        <div class="footer-logo">
          <a href="/" class="pic">
            <img src="/mhtz/2026/06/11/DLHvVH0b2ImxV.svg" alt="明汯投资">
          </a>
        </div>
                <div class="footer-contact">
                              <div class="footer-contact-item flex-xc-yc">
            <span class="footer-contact-icon pic">
              <img src="/mhtz/2026/06/11/IGxNakZdWvSrP.svg" alt="邮箱">
            </span>
            <span class="footer-contact-text f_16">client@mhfunds.com</span>
          </div>
                    <div class="footer-contact-item flex-xc-yc">
            <span class="footer-contact-icon pic">
              <img src="/mhtz/2026/06/11/y8ykWJgp6BCWP.svg" alt="电话">
            </span>
            <span class="footer-contact-text f_16">021-61009699</span>
          </div>
                    <div class="footer-contact-item flex-xc-yc">
            <span class="footer-contact-icon pic">
              <img src="/mhtz/2026/06/11/Wu1CHCptTDAok.svg" alt="城市">
            </span>
            <span class="footer-contact-text f_16">上海 | 北京</span>
          </div>
                  </div>
              </div>
            <div class="footer-qrcode flex f_20">
                        <div class="qr-item">
          <div class="t1 flex-xc-yc">
            <div class="icon"><img src="/img/foot2-qr.svg" alt="明汯人才招聘"></div>
            <p>明汯人才招聘</p>
          </div>
          <div class="pic"><img src="/mhtz/2026/06/11/A1IHJDT82iwbl.webp" alt="明汯人才招聘"></div>
        </div>
                <div class="qr-item">
          <div class="t1 flex-xc-yc">
            <div class="icon"><img src="/img/foot2-qr.svg" alt="微信公众号"></div>
            <p>微信公众号</p>
          </div>
          <div class="pic"><img src="/mhtz/2026/06/11/A943Bd5wafZL0.webp" alt="微信公众号"></div>
        </div>
              </div>
          </div>

    <div class="footer-bottom">
      <div class="footer-links flex-xb">
        <div class="footer-links-en f_18">
                    <a href="http://beian.mps.gov.cn/#/query/webSearch"  target="_blank" class="footer-link">沪公网安备31011502015692号 </a>
                              <span class="footer-link-divider"></span>
          <a href="http://beian.miit.gov.cn/#/Integrated/index" target="_blank" class="footer-link">沪ICP备14034800号</a>
                  </div>
        <div class="footer-links-cn f_18">
                            </div>
      </div>
            <p class="footer-copy f_14 tac"> © 上海明汯投资管理有限公司版权所有</p>
          </div>
  </div>
</div>

<!-- 视频弹框 -->
<div id="vid_tanchuang" class="z_tanchuang">
  <div class="tbox">
    <div class="modal">
      <div class="out alltime"></div>
      <div class="img">
        <video src="" controls="" loop="loop" x5-playsinline="" playsinline="" webkit-playsinline=""
          disablepictureinpicture disableremoteplayback oncontextmenu="return false"
          controlsList="nodownload noplaybackrate"></video>
      </div>
    </div>
  </div>
</div>

<div id="svg-use-box">
  <svg class="svgTransiton" id="svg1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 7" fill="none">
    <path d="M0.799805 6.0498H18.7998L14.2998 0.799805" stroke="var(--svg-fill)" stroke-width="1.6"
      stroke-linecap="round" stroke-linejoin="round" />
  </svg>

</div>
<!-- 
<svg class="icon">
  <use xlink:href="#svg1"></use>
</svg>
--></footer>

		<script type='text/javascript' src='/static/js/jquery-3.5.1.min.js'></script>
		<script type='text/javascript' src='/static/js/swiper.min.js'></script>
		<script type='text/javascript' src='/static/js/wow.min.js'></script>

		<script type='text/javascript' src='/static/js/gsap.min.js'></script>
		<script type='text/javascript' src='/static/js/ScrollTrigger.min.js'></script>
		<script type='text/javascript' src='/static/js/lenis.min.js'></script>
		<script type='text/javascript' src='/static/js/common.js'></script>
		<script>
			$(function () {
				gsap.to('.home1 .intr svg', {
					clipPath: 'inset(0 0% 0 0)',
					duration: 1,
				})
				setTimeout(() => {
					$('.textEffect').addClass('animate')
				}, 500);


				if ($('.home2 .sec1 svg').length && typeof gsap !== 'undefined') {
					var svgPaths = $('.home2 .sec1 svg').find('path').toArray();

					svgPaths.forEach(function (path) {
						if (typeof path.getTotalLength === 'function') {
							var len = path.getTotalLength();
							console.log(len);
							gsap.set(path, {
								strokeDasharray: len,
								strokeDashoffset: len
							});
						}
					});

					gsap.to(svgPaths, {
						strokeDashoffset: 0,
						ease: 'power2.out',
						duration: 2,
						stagger: 0.2,
						scrollTrigger: {
							trigger: '.home2 .sec1 svg',
							start: 'top 50%',
							end: 'bottom 50%',
						},
						onStart: function () {
							gsap.to('.home2 .sec1 .pic', {
								opacity: 1,
								duration: 1,
								delay: 0.8,
								ease: 'power2.out',
							})
						}
					});
				}

				var home3Timeline = gsap.timeline({
					scrollTrigger: {
						trigger: '.home3',
						start: '10% top',
						end: 'bottom 80%',
						scrub: true,
						// markers: true,
						// pin:true,
						onUpdate: function (self) {
							console.log(self.progress);
							gsap.to('.home3 .sec1 .progress-bar', {
								height: self.progress * 100 + '%',
								duration: 0.2,
								ease: 'power2.out',
							})
						}
					}
				})
				home3Timeline.to('.home3 .sec2 #xfpic1', {
					opacity: 1,
					duration: 0.5,
					ease: 'power2.out',
				})
				home3Timeline.to('.home3 .sec2 #xfpic1', {
					y: $('.home3 .pin').outerHeight() - $('.home3 .sec2 #xfpic1').outerHeight(),
					// y: -200,
					duration: 2,
					delay: 0.2,
					ease: 'power2.out',
				})
				// home3Timeline.to('.home3 .sec2 #xfpic2', {
				// 	opacity:1,
				// 	duration: 0.2,
				// 	ease: 'power2.out',
				// })
				// home3Timeline.to('.home3 .sec2 #xfpic2', {
				// 	top: '50%',
				// 	duration: 1,
				// 	delay:0.2,
				// 	ease: 'power2.out',
				// })
			});
		</script>
		<script>
			$(function () {
				if (!pc) return;
				var _total = $('.home4 .zuo .point-item').length;
				var wrapH = _total * 800;
				$('.home4').css('height', wrapH + 'px');

				// 获取左右两侧的item元素
				const $rightItems = $('.home4 .you .item');
				const $leftItems = $('.home4 .zuo .pd-name-item'); // 左侧years的item
				const $pointsItems = $('.home4 .zuo .point-item'); // 左侧points的item
				let initialProgress = 0;
				let currentIndex = 0;
				let isScrolling = false;
				let scrollTimeout;

				// 贴靠完成时的处理函数
				function handleSnapComplete(progress) {
					// 贴靠完成时更新左侧years的旋转
					gsap.to('.home4 .zuo .pd-name-list', {
						rotate: progress * -30 * (_total - 1),
						ease: 'power2.out',
						duration: 1,
					});
					gsap.to('.home4 .zuo .point-list', {
						rotate: progress * -30 * (_total - 1),
						ease: 'power2.out',
						duration: 1,
					});
					gsap.to('.home4 .zuo .pd-name-list .box2', {
						rotate: progress * 30 * (_total - 1),
						ease: 'power2.out',
						duration: 1,
					});

					// 处理左侧.zuo .years .item的透明度
					if (_total === 0) return;

					// 计算当前项索引（根据进度映射到0~_total-1）
					const currentIndex = Math.min(
						_total - 1,
						Math.max(0, Math.round(progress * (_total - 1)))
					);

					// 遍历左侧每个item，按索引关系设置透明度
					$leftItems.each((index, el) => {
						let opacity = 0;

						if (index === currentIndex) {
							opacity = 1;
						} else if (
							index === currentIndex - 2
						) {
							if (index >= 0) opacity = 0;
						} else if (
							index === currentIndex - 1 ||
							index === currentIndex + 1 ||
							index === currentIndex + 2
						) {
							if (index < _total) opacity = 1;
						}

						gsap.set(el, {
							opacity: opacity
						})
						gsap.set($pointsItems.eq(index), {
							opacity: opacity
						})

					});
					SetOn('.home4 .you .list .item', currentIndex)
					SetOn('.home4 .zuo .pd-name-item', currentIndex)
					SetOn('.home4 .zuo .point-item', currentIndex)
				}

				var home4ST = ScrollTrigger.create({
					trigger: '.home4',
					start: 'top+=200 top',
					end: pc ? 'bottom-=500 bottom' : 'bottom-=200 bottom',
					// markers: true,
					onUpdate: (self) => {
						var progress = self.progress;
						initialProgress = progress;
						currentIndex = Math.floor(progress * (_total - 1));

						// 标记正在滚动
						isScrolling = true;
						clearTimeout(scrollTimeout);

						// 设置超时检测滚动停止（备用机制）
						handleSnapComplete(progress);
					},
					snap: {
						snapTo: 1 / (_total - 1),
						duration: {
							min: 0.4,
							max: 0.8
						},
						delay: 0,
						inertia: true,
						directional: false,
						ease: "power1.inOut",
					},
					scrub: true,
				});

				// 点击左侧产品名称，滚动到对应位置
				$('.home4 .zuo .pd-name-list .pd-name-item .box').on('click', function () {
					var clickedIndex = $(this).closest('.pd-name-item').index();
					var targetProgress = clickedIndex / (_total - 1);
					var scrollTarget = home4ST.start + (home4ST.end - home4ST.start) * targetProgress;
					$('html, body').animate({
						scrollTop: scrollTarget
					}, 800, 'swing');
				});

				// 初始化左侧状态
				handleSnapComplete(initialProgress);

			})

			$(function () {
				if (pc || !$('.home4 .you .list').length) return;

				var $list = $('.home4 .you .list');
				var $items = $list.children('.item');
				if ($items.length < 2) return;

				$items.addClass('swiper-slide');
				$items.wrapAll('<div class="swiper-wrapper"></div>');
				$list.addClass('swiper home4-mb-swiper');

				function playHome4Video(idx) {
					$items.each(function (i) {
						var video = $(this).find('video')[0];
						if (!video) return;
						if (i === idx) {
							video.play().catch(function () {});
						} else {
							video.pause();
						}
					});
				}

				var home4MbSwiper = new Swiper('.home4-mb-swiper', {
					slidesPerView: 1,
					spaceBetween: 0,
					speed: 500,
					observer: true,
					observeParents: true,
					pagination: {
						el: '.home4-mb-pagination',
						clickable: true,
					},
					on: {
						init: function () {
							SetOn('.home4 .you .list .item', this.activeIndex);
							playHome4Video(this.activeIndex);
						},
						slideChange: function () {
							SetOn('.home4 .you .list .item', this.activeIndex);
							playHome4Video(this.activeIndex);
						}
					}
				});
			})


			if (sessionStorage.getItem("lastname") == "Smith") {

				$("#tanchu_cn").fadeOut(0);

			} else {

				$("#tanchu_cn").fadeIn(0);

				sessionStorage.setItem("lastname", "Smith");

			}



			$(function () {

				$(".fangqi,.jieshou").click(function () {

					$("#tanchu_cn").fadeOut(100);



				})

			})
		</script>
		<script src="/static/js/ripple.js"></script>
	</body>

</html>