透云科技 | 一物一码的领军者

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=750,maximum-scale=1.0, user-scalable=no"> <title>透云科技 | 一物一码的领军者</title> <meta content="一物一码" name="keywords" /> <meta content="透云科技通过“一物一码”技术致力于为每一件商品赋予独一无二的二维码，打通品牌与每一位既有消费者之间的进一步沟通交流。" name="description" />  <link type="text/css" href="/static/skin/assets/css/theme.css" rel="stylesheet">  <link type="text/css" href="/static/skin/assets/css/demo.css" rel="stylesheet"> <link type="text/css" href="/static/skin/assets/css/swiper.min.css" rel="stylesheet"> <link type="text/css" href="/static/skin/assets/css/app.css" rel="stylesheet"> <link rel="stylesheet" href="/static/skin/wow/css/libs/animate.css"> </head> <body> <div class="pc-nav"> <nav class="navbar navbar-expand-lg navbar-transparent navbar-dark bg-white"> <div class="container"> <a class="navbar-brand" href="/"><img src="/static/skin/images/logo.png"></a> <div class="navbar-collapse offcanvas-collapse"> <ul class="navbar-nav ml-auto align-items-lg-center"> <li class="nav-item active"> <a class="nav-link" href="/">首页</a> <i class="underline"></i> </li> <li class="nav-item dropdown "> <a class="nav-link" href="/product/center">产品中心</a> <i class="underline"></i> <div class="dropdown-menu"> <a class="dropdown-item" href="/product/center">码数据中台</a> <a class="dropdown-item" href="/product/zhscfm">智慧生产赋码</a> <a class="dropdown-item" href="/product/szyxpt">数字营销平台</a> <a class="dropdown-item" href="/product/yhsjzt">用户数据中台</a> </div> </li> <li class="nav-item dropdown "> <a class="nav-link" href="/solution/baijiu">解决方案</a> <i class="underline"></i> <div class="dropdown-menu"> <a class="dropdown-item" href="/solution/baijiu">白酒行业</a> <a class="dropdown-item" href="/solution/pijiuyinliao">啤酒饮料行业</a> <a class="dropdown-item" href="/solution/dwpxy">食品调味品行业</a> <a class="dropdown-item" href="/solution/rhypxy">日化用品行业</a> </div> </li> <li class="nav-item dropdown "> <a class="nav-link" href="/case">客户案例</a> <i class="underline"></i> </li> <li class="nav-item dropdown "> <a class="nav-link" href="/about">关于我们</a> <i class="underline"></i> <div class="dropdown-menu"> <a class="dropdown-item" href="/about/gsjs">公司介绍</a> <a class="dropdown-item" href="/about/xwzx">新闻动态</a> <a class="dropdown-item" href="/about/lianxiwomen">联系我们</a> </div> </li> <li class="nav-item tel"> <span style="font-size:15px;font-weight:700"><img src="/static/skin/images/tel-ico.png">18501012916</span> </li> <li class="nav-item"> <a class="btn btn-sm d-none d-lg-inline-flex zixun-btn" href="https://affim.baidu.com/unique_50847484/chat?siteId=19807411&userId=50847484&siteToken=3eb2ad1db8ca0981e1af6bc65b5f21ed" target="_blank" style="color:#fff">立即咨询</a> </li> </ul> </div> </div> </nav> </div> <div class="mobile-nav"> <nav class="navbar navbar-expand-lg navbar-transparent navbar-dark bg-white"> <div class="container"> <a class="navbar-brand" href="/"><img src="/static/skin/images/logo.png"></a> <div class="navigation-trigger d-xl-none" data-action="offcanvas-open" data-target="#navbar_main" aria-controls="navbar_main" aria-expanded="false" aria-label="Toggle navigation"> <div class="navigation-trigger-inner"> <i class="navigation-trigger-line"></i> <i class="navigation-trigger-line"></i> <i class="navigation-trigger-line"></i> </div> </div> <div class="navbar-collapse offcanvas-collapse" id="navbar_main"> <div class="logo"><img src="/static/skin/images/footer-logo.png" /></div> <div class="btn-container text-center mb-4"> <span class="btn btn-lg bg-white px-4 tel-btn"> 咨询热线：400-888-1230 </span> </div> <ul class="navbar-nav ml-auto align-items-lg-center"> <li class="nav-item active"> <a class="nav-link" href="/">首页</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="javascript:;" id="navbar_main_dropdown_1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">产品中心</a> <div class="dropdown-menu" aria-labelledby="navbar_1_dropdown_1"> <a class="dropdown-item" href="/product/center">码数据中台</a> <a class="dropdown-item" href="/product/zhscfm">智慧生产赋码</a> <a class="dropdown-item" href="/product/szyxpt">数字营销平台</a> <a class="dropdown-item" href="/product/yhsjzt">用户数据中台</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="javascript:;" id="navbar_main_dropdown_1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">解决方案</a> <div class="dropdown-menu" aria-labelledby="navbar_1_dropdown_1"> <a class="dropdown-item" href="/solution/baijiu">白酒行业</a> <a class="dropdown-item" href="/solution/pijiuyinliao">啤酒饮料行业</a> <a class="dropdown-item" href="/solution/dwpxy">食品调味品行业</a> <a class="dropdown-item" href="/solution/rhypxy">日化用品行业</a> </div> </li> <li class="nav-item "> <a class="nav-link" href="/case">客户案例</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="javascript:;" id="navbar_main_dropdown_1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">关于我们</a> <div class="dropdown-menu" aria-labelledby="navbar_1_dropdown_1"> <a class="dropdown-item" href="/about/gsjs">公司介绍</a> <a class="dropdown-item" href="/about/xwzx">新闻动态</a> <a class="dropdown-item" href="/about/lianxiwomen">联系我们</a> </div> </li> </ul> </div> </div> </nav> </div> <main class="main"> <div class="mobile-banner "> <section class="spotlight parallax bg-cover bg-size--cover" data-spotlight="fullscreen" style="background-image: url('/static/skin/images/index/mobile-banner-bg.png');"> <div class="spotlight-holder py-sm pt-lg-lg"> <div class="container"> <div class="row cols-xs-space cols-sm-space cols-md-space align-items-center justify-content-around"> <div class="col-lg-12"> <div class="text-info"> <h2 class="heading h1 strong-400"> 数智透云一码互联 </h2> <p class="lead mt-4"> 一物一码让企业数字化更简单 </p> <a href="https://affim.baidu.com/unique_50847484/chat?siteId=19807411&userId=50847484&siteToken=3eb2ad1db8ca0981e1af6bc65b5f21ed" target="_blank" class="btn"> 立即咨询 </a> </div> <div class="banner-image"> <img src="/static/skin/images/index/mobile-banner.png" width="100%" /> </div> </div> </div> </div> </div> </section> <div class="data-info"> <div class="center-item"> <div class="value"><span class="animateNum" data-animatetype="num" data-animatetarget="1000">1000</span>亿+</div> <div class="label">二维码流通</div> </div> <div class="row"> <div class="col-6 left-item"> <div class="value"><span class="animateNum" data-animatetype="num" data-animatetarget="6">6</span>亿+</div> <div class="label">注册资金</div> </div> <div class="col-6 right-item"> <div class="value"><span class="animateNum" data-animatetype="num" data-animatetarget="200">200</span>+</div> <div class="label">头部客户</div> </div> <div class="col-6 left-item pt-5"> <div class="value"><span class="animateNum" data-animatetype="num" data-animatetarget="10">10</span>亿+</div> <div class="label">奖品服务</div> </div> <div class="col-6 right-item pt-5"> <div class="value"><span class="animateNum" data-animatetype="num" data-animatetarget="12">12</span>年+</div> <div class="label">开发经验</div> </div> </div> </div> </div> <div class="pc-banner wow fadeInDown"> <section class="spotlight parallax bg-cover bg-size--cover" data-spotlight="fullscreen" style="background-image: url('/static/skin/images/index/banner_bg.jpg');background-position: top 0px left;"> <div class="spotlight-holder "> <div class="container d-flex "> <div class="row cols-xs-space cols-sm-space cols-md-space justify-content-around"> <div class="col-lg-12"> <div class="text-info" style="padding-left:0px;"> <h2 class="heading h1 strong-400"> 数智透云 · 一码互联 </h2> <p class="lead mt-4"> 一物一码让企业数字化更简单 </p> <a href="https://affim.baidu.com/unique_50847484/chat?siteId=19807411&userId=50847484&siteToken=3eb2ad1db8ca0981e1af6bc65b5f21ed" target="_blank" class="btn mt-4"> 立即咨询 </a> </div> </div> </div> <img class="banner-image" src="/static/skin/images/index/banner.png" width="100%" /> </div> </div> </section> <div class="container"> <div class="data-info"> <div class="info-item"> <div class="value"><span class="animateNum" id="count-number" data-animatetype="num" data-animatetarget="6">6</span>亿+</div> <div class="label">注册资金</div> </div> <div class="info-item"> <div class="value"><span class="animateNum" data-animatetype="num" data-animatetarget="12">12</span>年+</div> <div class="label">开发时间</div> </div> <div class="info-item"> <div class="value"><span class="animateNum" data-animatetype="num" data-animatetarget="200">200</span>+</div> <div class="label">头部客户</div> </div> <div class="info-item"> <div class="value"><span class="animateNum" data-animatetype="num" data-animatetarget="1000">1000</span>亿+</div> <div class="label">二维码流通</div> </div> <div class="info-item last"> <div class="value"><span class="animateNum" data-animatetype="num" data-animatetarget="10">10</span>亿+</div> <div class="label">奖品服务</div> </div> </div> </div> </div> <section class="slice slice-lg pc-solution wow fadeInDown" data-wow-duration="1s"> <div class="container"> <div class="mb-md text-center"> <h3 class="heading h3 block-title"><div class="dot"></div><div class="title-text">针对不同行业的数字化解决方案</div><div class="dot"></div></h3> <p class="lead lh-180 mt-2">累积为200多家行业头部客户提供了数字化解决方案和产品，助力企业业务全渠道数字化转型升级</p> </div> <div class="row mt-5"> <div class="col-3"> <div class="tab"> <li><a class="active" data-catid="33" href="javascript:;">白酒行业解决方案</a></li> <li><a class="" data-catid="32" href="javascript:;">啤酒饮料行业解决方案</a></li> <li><a class="" data-catid="31" href="javascript:;">食品调味品行业解决方案</a></li> <li><a class="" data-catid="30" href="javascript:;">日化用品行业解决方案</a></li> </div> </div> <div class="col-9"> <div class="tab-content tab-content-30"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="/solution/baijiu" target="_blank"> <img src="/uploadfile/202310/526f62180643317.jpg" /> <div class="desc"><p>与国内多家知名白酒企业深度合作，为其数字化转型提供定制化解决方案<br></p></div> </a> </div> <div class="swiper-slide"> <a href="/solution/pijiuyinliao" target="_blank"> <img src="/uploadfile/202310/c7fd0a9e5e12.jpg" /> <div class="desc"><p>十余年快消品行业实践经验，覆盖国内排名前十的啤酒企业<br></p></div> </a> </div> <div class="swiper-slide"> <a href="/solution/dwpxy" target="_blank"> <img src="/uploadfile/202310/3123a8732b67cac.jpg" /> <div class="desc"><p>为食品行业赋能业务、赋能渠道，帮助企业打造智能化的bc一体化营销体系<br></p></div> </a> </div> <div class="swiper-slide"> <a href="" target="_blank"> <img src="/uploadfile/202310/044181d0fd2d119.jpg" /> <div class="desc"><p>帮助日化行业解决假货、窜货问题，提供个性化精准化营销方案<br></p></div> </a> </div> </div> </div> </div> </div> </div> </div> </section> <section class="slice slice-lg mobile-solution wow fadeInDown" data-wow-duration="1s"> <div class="container"> <div class="mb-md text-center"> <h3 class="heading h3 block-title"><div class="dot"></div><div class="title-text">针对不同行业的数字化解决方案</div><div class="dot"></div></h3> <p class="lead lh-180 mt-2">累积为200多家行业头部客户提供了数字化解决方案和产品，助力企业业务全渠道数字化转型升级</p> </div> <div class="row mt-5"> <div class="tab"> <div class="swiper mySwiper"> <div class="swiper-wrapper"> <div class="swiper-slide" style="width:auto"> <a class="active" data-catid="33" href="javascript:;">白酒行业解决方案</a> </div> <div class="swiper-slide" style="width:auto"> <a class="" data-catid="32" href="javascript:;">啤酒饮料行业解决方案</a> </div> <div class="swiper-slide" style="width:auto"> <a class="" data-catid="31" href="javascript:;">食品调味品行业解决方案</a> </div> <div class="swiper-slide" style="width:auto"> <a class="" data-catid="30" href="javascript:;">日化用品行业解决方案</a> </div> </div> </div> </div> <div class="tab-content"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="/solution/baijiu" target="_blank"> <img src="/uploadfile/202310/526f62180643317.jpg" /> <div class="desc"><p>与国内多家知名白酒企业深度合作，为其数字化转型提供定制化解决方案<br></p></div> </a> </div> <div class="swiper-slide"> <a href="/solution/pijiuyinliao" target="_blank"> <img src="/uploadfile/202310/c7fd0a9e5e12.jpg" /> <div class="desc"><p>十余年快消品行业实践经验，覆盖国内排名前十的啤酒企业<br></p></div> </a> </div> <div class="swiper-slide"> <a href="/solution/dwpxy" target="_blank"> <img src="/uploadfile/202310/3123a8732b67cac.jpg" /> <div class="desc"><p>为食品行业赋能业务、赋能渠道，帮助企业打造智能化的bc一体化营销体系<br></p></div> </a> </div> <div class="swiper-slide"> <a href="" target="_blank"> <img src="/uploadfile/202310/044181d0fd2d119.jpg" /> <div class="desc"><p>帮助日化行业解决假货、窜货问题，提供个性化精准化营销方案<br></p></div> </a> </div> </div> </div> </div> </div> </div> </section> <section class="slice slice-lg pc-product wow fadeInDown" data-wow-duration="1s"> <div class="container"> <div class="mb-md text-center"> <h3 class="heading h3 block-title"><div class="dot"></div><div class="title-text">数字化转型产品</div><div class="dot"></div></h3> <p class="lead lh-180 mt-2">秉承以数智化能力赋能客户业务增长理念，致力于成为企业数字化值得信赖百年的伙伴</p> </div> <div class="row cols-xs-space cols-sm-space cols-md-space"> <div class="col-lg-4 col-6"> <div class="card align-items-center item" style=""> <a href="/product/center"> <img src="/uploadfile/202310/00df17b6ec13880.png" class="titlepic"> <div class="card-body text-center"> <h3 class="heading h5 mb-1"> <span class="d-block">码数据中台</span> </h3> <p class="mt-2">打造数字基础，实现产品全生命周期的信息化管理升级</p> </div> </a> </div> </div> <div class="col-lg-4 col-6"> <div class="card align-items-center item" style=""> <a href="/product/zhscfm"> <img src="/uploadfile/202310/18119d3b75bd2b5.png" class="titlepic"> <div class="card-body text-center"> <h3 class="heading h5 mb-1"> <span class="d-block">智慧生产赋码</span> </h3> <p class="mt-2">赋予产品唯一身份信息建立多级包装关联关系</p> </div> </a> </div> </div> <div class="col-lg-4 col-6"> <div class="card align-items-center item" style=""> <a href="/product/szyxpt"> <img src="/uploadfile/202310/0606f49417f1a5e.png" class="titlepic"> <div class="card-body text-center"> <h3 class="heading h5 mb-1"> <span class="d-block">数字营销平台</span> </h3> <p class="mt-2">快速、轻松部署市场活动，实现定制化精准营销</p> </div> </a> </div> </div> <div class="col-lg-4 col-6"> <div class="card align-items-center item" style=""> <a href="/product/yhsjzt"> <img src="/uploadfile/202311/45d8c9ed631de90.png" class="titlepic"> <div class="card-body text-center"> <h3 class="heading h5 mb-1"> <span class="d-block">用户数据中台</span> </h3> <p class="mt-2"><p>集中管理、高效整合、安全保护、灵活应用</p></p> </div> </a> </div> </div> <div class="col-lg-4 col-6 hidden-xs"> <div class="card align-items-center item nobottom more"> <img src="/uploadfile/202311/22d2aa3f13cd125.png" class="titlepic"> <div class="card-body text-center"> <h3 class="heading h5 mb-1"> <span class="d-block">更多产品开发中</span> <span class="d-block">尽请期待</span> </h3> </div> </div> </div> </div> </div> </section> <section class="slice slice-lg pc-case wow fadeInDown" data-wow-duration="1s"> <div class="container"> <div class="mb-md text-center"> <h3 class="heading h3 block-title"><div class="dot"></div><div class="title-text">超200家企业数字化案例</div><div class="dot"></div></h3> <p class="lead lh-180 mt-2">深耕一物一码数字化应用，提供定制化应用方案</p> </div> <div class="row cols-xs-space cols-sm-space cols-md-space"> <div class="col-lg-3 col-6"> <div class="card item"> <div class="titlepic"> <img src="/uploadfile/202311/4b8cd95d6ab9555.jpg" > </div> <div class="card-body"> <h3 class="heading h5 mb-1"> <span>今麦郎BC一体化项目</span> </h3> <p class="mt-2">启动BC一体化项目，今麦郎瞄准高端饮用水市场</p> <a href="/case/176.html" class="more-link">了解更多 ></a> </div> </div> </div> <div class="col-lg-3 col-6"> <div class="card item"> <div class="titlepic"> <img src="/uploadfile/202310/8e2836ec15e1da8.jpg" > </div> <div class="card-body"> <h3 class="heading h5 mb-1"> <span>稻花香一物一码升级项目</span> </h3> <p class="mt-2">升级原有系统，推进数字化全新转型</p> <a href="/case/106.html" class="more-link">了解更多 ></a> </div> </div> </div> <div class="col-lg-3 col-6"> <div class="card item"> <div class="titlepic"> <img src="/uploadfile/202310/f1947b459245285.jpg" > </div> <div class="card-body"> <h3 class="heading h5 mb-1"> <span>五粮浓香数字化营销项目</span> </h3> <p class="mt-2">以码中台为核心，完善数据化系统建设</p> <a href="/case/108.html" class="more-link">了解更多 ></a> </div> </div> </div> <div class="col-lg-3 col-6"> <div class="card item"> <div class="titlepic"> <img src="/uploadfile/202310/3db58ae8be6ce6b.jpg" > </div> <div class="card-body"> <h3 class="heading h5 mb-1"> <span>水井坊全链数字化建设项目</span> </h3> <p class="mt-2">助力水井坊稳步推进数字化进程，搭建可靠的数字生态体系</p> <a href="/case/105.html" class="more-link">了解更多 ></a> </div> </div> </div> </div> <div class="more-case text-center"><a href="/case">查看更多客户案例></a></div> <div class="case-brand wow fadeInDown" data-wow-duration="1s"> <div class="mb-md text-center"> <h3 class="heading h3 block-title"><div class="dot"></div><div class="title-text">众多品牌一致认可</div><div class="dot"></div></h3> </div> <div class="brand-list row cols-xs-space cols-sm-space cols-md-space" style="height:300px"> <div class="swiper mySwiper" style="height:100%"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/0c0e53e06065f73.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/53fd5af56f4d3bd.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/26a1a89ba2c0414.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/b371258cb06d324.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/8cb9347f7ec525e.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/fcfb7b36695ba08.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/fb7f097daed811e.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/dc85718e37100c1.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/af374b1c6b3319f.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/b149f3a57454920.jpg" /> </div> </div> <div class="swiper-slide"> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/4f9b2212ea2750c.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/0b5a5f6e9e5191c.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/95aa876779e1608.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/e548c5c0bfe6047.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/3aa4cfb75128244.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/af5f33c7480745b.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/87c99f1f149eec7.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/2bdbcee96fefcf9.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/525be403f55c896.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/604e76d6a6a0b93.jpg" /> </div> </div> <div class="swiper-slide"> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/7a1991b473a9a15.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/e7459780c4e9d35.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/38f3465ffb44567.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/b7cad55db18ecd4.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/cb54c36ab46ee5b.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/3e1dbfdf9403b94.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/6a505432231aafa.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/d624cc3bc80c.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/21a4a2b178e60e3.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/278de7dd3b06de9.jpg" /> </div> </div> <div class="swiper-slide"> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/7967482f10900a6.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/f8d55549192f8c6.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/5cd627b51f47411.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/caf4c677807aec3.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/e4ccb8a4916f30a.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/079cf1c09285c9a.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/45e4ecfc558c483.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/d439fa4015847b1.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/bd1ae780a22ff92.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/1cd614e1a2ba28c.jpg" /> </div> </div> <div class="swiper-slide"> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/a85cd4544bee8f6.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/0e27f8827e0b597.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/081c2fe350699f0.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/18234445a100.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/7297b9228d85202.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/1258cb2937436d2.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/32f36c4db8d724b.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/df4630c0aaf85d2.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/04340df4c23d98.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/ac7806918c81410.jpg" /> </div> </div> <div class="swiper-slide"> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/9aaf15bbfd9bc2e.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/e0df4e7cd0c96e4.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/42f0a9fd6a671ef.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/1d118e589ad3073.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/099a372dbe31162.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/35e504fb81e08ef.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/5b466d60a8da1ee.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/99c85d2e6cfee76.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/14109b8d2a35ca.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/3cb1c16d7108046.jpg" /> </div> </div> <div class="swiper-slide"> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/ac44446ec6d4306.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/caa6104ce16e56d.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/672d86b7d0d1a76.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/18b85341cbd352d.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/8e3efb919f1089d.jpg" /> </div> <div class="item align-items-center d-flex text-center"> <img src="/uploadfile/202310/ca9673ab5c07a1f.jpg" /> </div> </div> </div> </div> </div> <div class="mobile-brand-list"> <div class="swiper mySwiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="row"> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/0c0e53e06065f73.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/53fd5af56f4d3bd.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/26a1a89ba2c0414.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/b371258cb06d324.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/8cb9347f7ec525e.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/fcfb7b36695ba08.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/fb7f097daed811e.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/dc85718e37100c1.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/af374b1c6b3319f.jpg" /> </div> </div> </div> </div> <div class="swiper-slide"> <div class="row"> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/b149f3a57454920.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/4f9b2212ea2750c.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/0b5a5f6e9e5191c.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/95aa876779e1608.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/e548c5c0bfe6047.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/3aa4cfb75128244.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/af5f33c7480745b.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/87c99f1f149eec7.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/2bdbcee96fefcf9.jpg" /> </div> </div> </div> </div> <div class="swiper-slide"> <div class="row"> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/525be403f55c896.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/604e76d6a6a0b93.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/7a1991b473a9a15.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/e7459780c4e9d35.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/38f3465ffb44567.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/b7cad55db18ecd4.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/cb54c36ab46ee5b.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/3e1dbfdf9403b94.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/6a505432231aafa.jpg" /> </div> </div> </div> </div> <div class="swiper-slide"> <div class="row"> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/d624cc3bc80c.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/21a4a2b178e60e3.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/278de7dd3b06de9.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/7967482f10900a6.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/f8d55549192f8c6.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/5cd627b51f47411.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/caf4c677807aec3.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/e4ccb8a4916f30a.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/079cf1c09285c9a.jpg" /> </div> </div> </div> </div> <div class="swiper-slide"> <div class="row"> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/45e4ecfc558c483.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/d439fa4015847b1.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/bd1ae780a22ff92.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/1cd614e1a2ba28c.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/a85cd4544bee8f6.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/0e27f8827e0b597.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/081c2fe350699f0.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/18234445a100.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/7297b9228d85202.jpg" /> </div> </div> </div> </div> <div class="swiper-slide"> <div class="row"> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/1258cb2937436d2.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/32f36c4db8d724b.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/df4630c0aaf85d2.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/04340df4c23d98.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/ac7806918c81410.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/9aaf15bbfd9bc2e.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/e0df4e7cd0c96e4.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/42f0a9fd6a671ef.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/1d118e589ad3073.jpg" /> </div> </div> </div> </div> <div class="swiper-slide"> <div class="row"> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/099a372dbe31162.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/35e504fb81e08ef.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/5b466d60a8da1ee.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/99c85d2e6cfee76.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/14109b8d2a35ca.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/3cb1c16d7108046.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/ac44446ec6d4306.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/caa6104ce16e56d.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/672d86b7d0d1a76.jpg" /> </div> </div> </div> </div> <div class="swiper-slide"> <div class="row"> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/18b85341cbd352d.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/8e3efb919f1089d.jpg" /> </div> </div> <div class=" col-4"> <div class="item"> <img src="/uploadfile/202310/ca9673ab5c07a1f.jpg" /> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="slice slice-lg pc-contact wow fadeInDown" data-wow-duration="1s"> <div class="container"> <div class="mb-md text-center"> <h3 class="heading h3 block-title"><div class="dot"></div><div class="title-text">联系我们，立即体验一物一码数字化之旅</div><div class="dot"></div></h3> <p class="lead lh-180 mt-2">咨询热线：18501012916</p> </div> <div class="form"> <form name="liuyan"> <div class="form-group"> <div class="label"><span>*</span>称呼</div> <input name="data[title]" id="form-name" type="text" placeholder="请输入您的姓名"> </div> <div class="form-group"> <div class="label"><span>*</span>手机</div> <input name="data[phone]" id="form-phone" type="text" placeholder="请输入手机号码，我们将尽快与您联系"> </div> <div class="form-group"> <div class="label">留言</div> <textarea name="data[message]" id="form-message" type="text" placeholder="您有什么想要了解的吗？请简述，我们将有专业数字化顾问为您详细解答"></textarea> </div> </form> <div class="btn-container mt-5 text-center"> <a href="javascript:;" class="btn submit"> 立即咨询 </a> </div> </div> </div> </section> </main> <footer class="pt-5 pb-3 footer footer-dark bg-tertiary pc-footer"> <div class="container"> <div class="row"> <div class="col-3"> <div class="pr-lg-5"> <h1 class="heading h6 text-uppercase font-weight-700 mb-3"><div class="logo"><img src="/static/skin/images/footer-logo.png"></div></h1> <div class="qrcode"> <img src="/static/skin/images/qrcode.png" /> </div> </div> </div> <div class="col-9"> <div class="navbar-collapse offcanvas-collapse"> <ul class="navbar-nav ml-auto align-items-lg-center"> <li class="nav-item active"> <a class="nav-link" href="/">首页</a> </li> <li class="nav-item"> <a class="nav-link" href="/product/center">产品中心</a> </li> <li class="nav-item"> <a class="nav-link" href="/solution/pijiuyinliao">解决方案</a> </li> <li class="nav-item"> <a class="nav-link" href="/case">客户案例</a> </li> <li class="nav-item"> <a class="nav-link" href="/about">关于我们</a> </li> </ul> </div> <div class="clearfix"></div> <div class="contact-info"> <div class="contact"> <div class="tel">18501012916</div> <div class="email">marketing@sao.so</div> <div class="contact-address"> <div>透云科技上海总公司 / 021 6025 0777</div> <div class="ico">上海市黄浦区外滩SOHO C座16楼</div> </div> </div> <div class="address"> <div class="item"> <div>透云科技北京分公司 / 010 6718 6869</div> <div class="ico">北京市东城区东花市北里东区三吉利商厦</div> </div> <div class="item"> <div>透云科技成都分公司 / 18501012916</div> <div class="ico">中国(四川)自由贸易试验区成都高新区天府三街219号2栋8楼</div> </div> </div> </div> </div> </div> <hr> <div class="d-flex align-items-center"> <span class="copyright"> © 2023 SAO.SO 上海透云物联网科技有限公司版权所有 | <a href="https://beian.miit.gov.cn" target="_blank" style="color:#FFF">沪ICP备12016045号-4</a> </span> <ul class="nav ml-lg-auto"> <li class="nav-item beian"> <a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602001034" target="_blank" style="color:#FFF">沪公网安备 31010602001034号</a> </li> </ul> </div> </div> </footer> <footer class="pt-5 pb-3 footer footer-dark bg-tertiary mobile-footer"> <div class="container"> <div class="logo"><img src="/static/skin/images/footer-logo.png"></div> <div class="row"> <div class="col-12 col-md"> <div class="mobile-footer-menu"> <ul class="navbar-nav ml-auto align-items-lg-center"> <li class="nav-item active"> <a class="nav-link" href="/">首页</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="javascript:;" id="navbar_main_dropdown_1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">产品中心</a> <div class="dropdown-menu" aria-labelledby="navbar_1_dropdown_1"> <a class="dropdown-item" href="/product/center">码数据中台</a> <a class="dropdown-item" href="/product/zhscfm">智慧生产赋码</a> <a class="dropdown-item" href="/product/szyxpt">数字营销平台</a> <a class="dropdown-item" href="/product/yhsjzt">用户数据中台</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="javascript:;" id="navbar_main_dropdown_1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">解决方案</a> <div class="dropdown-menu" aria-labelledby="navbar_1_dropdown_1"> <a class="dropdown-item" href="/solution/baijiu">白酒行业</a> <a class="dropdown-item" href="/solution/pijiuyinliao">啤酒饮料行业</a> <a class="dropdown-item" href="/solution/dwpxy">食品调味品行业</a> <a class="dropdown-item" href="/solution/rhypxy">日化用品行业</a> </div> </li> <li class="nav-item "> <a class="nav-link" href="/case">客户案例</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="javascript:;" id="navbar_main_dropdown_1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">关于我们</a> <div class="dropdown-menu" aria-labelledby="navbar_1_dropdown_1"> <a class="dropdown-item" href="/about/gsjs">公司介绍</a> <a class="dropdown-item" href="/about/xwzx">新闻动态</a> <a class="dropdown-item" href="/about/lianxiwomen">联系我们</a> </div> </li> </ul> </div> </div> <div class="col-9 contact"> <div>TEL: 18501012916</div> <div>Email: marketing@sao.so</div> <div class="address"> <div>上海透云物联网科技有限公司</div> <div>上海市黄浦区外滩SOHO C座16楼</div> </div> </div> <div class="col-3 text-center qrcode"> <img src="/static/skin/images/qrcode.png" /> <div>关注公众号</div> </div> </div> <div class="text-center copyright"> <div>© 2023 <a href="https://SAO.SO/" class="footer-link" target="_blank">SAO.SO</a> 上海透云物联网科技有限公司版权所有</div> <div>沪ICP备12016045号-4</div> <div>沪公安网备 31010602001034号</div> </div> </div> </footer>  <script src="/static/skin/assets/vendor/jquery/jquery.min.js"></script> <script src="/static/skin/assets/vendor/popper/popper.min.js"></script> <script src="/static/skin/assets/js/bootstrap/bootstrap.min.js"></script> <script src="/static/skin/assets/js/swiper.min.js"></script>  <script src="/static/skin/assets/vendor/fontawesome/js/fontawesome-all.min.js" defer></script>  <script src="/static/skin/assets/vendor/bootstrap-select/js/bootstrap-select.min.js"></script> <script src="/static/skin/assets/vendor/bootstrap-tagsinput/bootstrap-tagsinput.min.js"></script> <script src="/static/skin/assets/vendor/input-mask/input-mask.min.js"></script> <script src="/static/skin/assets/vendor/nouislider/js/nouislider.min.js"></script> <script src="/static/skin/assets/vendor/textarea-autosize/textarea-autosize.min.js"></script>  <script src="/static/skin/assets/js/theme.js"></script> <script src="/static/skin/assets/js/devicePixelRatio.js"></script> <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id:"3GKExbDZIesRvw4K",ck:"3GKExbDZIesRvw4K",autoTrack:true,hashMode:true})</script>  <script> var siteUrl = 'http://www.sao.so'; /*调用微信预览图片的方法*/ function funcReadImgInfo(){ var imgs = []; var imgObj = $(".enlarge-img");//这里改成相应的对象 for(var i=0; i<imgObj.length; i++){ imgs.push(siteUrl+imgObj.eq(i).attr('src')); imgObj.eq(i).click(function(){ var nowImgurl = siteUrl+$(this).attr('src'); WeixinJSBridge.invoke("imagePreview",{ "urls":imgs, "current":nowImgurl }); }); } } $(function(){ funcReadImgInfo() }) // wow = new WOW( // { // animateClass: 'animated', // offset: 100, // callback: function(box) { // console.log("WOW: animating <" + box.tagName.toLowerCase() + ">") // } // } // ); // wow.init(); var limit = 150; $(window).scroll(function() { var scrollTop = $(window).scrollTop(); if ( scrollTop > limit) { limit = scrollTop;//更新scrollTop $('.mobile-nav').removeClass('menuup'); if(scrollTop > 300){ $('.mobile-nav').css('top','-148px'); $('.mobile-nav').addClass('menudown'); } } if ( scrollTop< limit) { limit = scrollTop//更新scrollTop $('.mobile-nav').removeClass('menudown'); $('.mobile-nav').css('top',0); $('.mobile-nav').addClass('menuup'); } if(scrollTop < 100){ $('.mobile-nav').removeClass('menudown menuup'); } }) </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?3eb2ad1db8ca0981e1af6bc65b5f21ed"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script src="/static/assets/js/jquery.runing.min.js"></script> <script> $(function(){ $('body').running(); $('.pc-nav .nav-item').on('hover',function(){ $(this).addClass('active') }) //http://sao.marscreate.com $('.submit').on('click',function(){ var name = $('#form-name').val(); var phone = $('#form-phone').val(); var message = $('#form-message').val(); if(!name){ alert('请填写您的姓名！'); return false; } if(!phone){ alert('请填写手机号码！'); return false; } var params = $('form[name="liuyan"]').serialize(); $.post('/index.php?s=form&c=lianxiwomen&m=post',params,function(response){ alert(response.msg) },'json'); }) }) var mobile_solution_tab_swiper = new Swiper(".mobile-solution .tab .mySwiper", { slidesPerView: 'auto', freeMode: true, }); var swiper = new Swiper(".brand-list .mySwiper",{ autoHeight:true, observer:true, observeParents:true, direction:'vertical', autoplay: { delay: 5000, disableOnInteraction: false, } }); var swiper = new Swiper(".mobile-brand-list .mySwiper",{ autoHeight:true, observer:true, observeParents:true, direction:'vertical', spaceBetween: 30, autoplay: { delay: 5000, disableOnInteraction: false, } }); var pc_certifySwiper = new Swiper('.pc-solution .swiper-container', { watchSlidesProgress: true, slidesPerView: 'auto', centeredSlides: true, loop: true, autoplay: { disableOnInteraction: false,// 点击拖动切换后继续播放 }, on: { slideChange: function(){ var index = this.realIndex; $('.pc-solution .tab a').removeClass('active'); $('.pc-solution .tab li').eq(index).find('a').addClass('active'); }, progress: function(progress) { for (i = 0; i < this.slides.length; i++) { var slide = this.slides.eq(i); var slideProgress = this.slides[i].progress; modify = 1; if (Math.abs(slideProgress) > 1) { modify = (Math.abs(slideProgress) - 1) * 0.3 + 1; } translate = slideProgress * modify * 260 + 'px'; scale = 1 - Math.abs(slideProgress) / 5; zIndex = 999 - Math.abs(Math.round(10 * slideProgress)); slide.transform('translateX(' + translate + ') scale(' + scale + ')'); slide.css('zIndex', zIndex); slide.css('opacity', 1); if (Math.abs(slideProgress) > 3) { slide.css('opacity', 0); } } }, setTransition: function(swiper, transition) { for (var i = 0; i < this.slides.length; i++) { var slide = this.slides.eq(i) slide.transition(transition); } } } }) $('.pc-solution .tab li').on('click',function(){ var index = $(this).index(); pc_certifySwiper.slideTo(index); $('.pc-solution .tab a').removeClass('active'); $(this).find('a').addClass('active') }) var mobile_certifySwiper = new Swiper('.mobile-solution .tab-content .swiper-container', { watchSlidesProgress: true, slidesPerView: 'auto', centeredSlides: true, loop: true, autoplay: { disableOnInteraction: false,// 点击拖动切换后继续播放 }, on: { slideChange: function(){ var index = this.realIndex; $('.mobile-solution .tab a').removeClass('active'); $('.mobile-solution .tab .swiper-slide').eq(index).find('a').addClass('active'); mobile_solution_tab_swiper.slideTo(index) }, progress: function(progress) { for (i = 0; i < this.slides.length; i++) { var slide = this.slides.eq(i); var slideProgress = this.slides[i].progress; modify = 1; if (Math.abs(slideProgress) > 1) { modify = (Math.abs(slideProgress) - 1) * 0.3 + 1; } translate = slideProgress * modify * 260 + 'px'; scale = 1 - Math.abs(slideProgress) / 5; zIndex = 999 - Math.abs(Math.round(10 * slideProgress)); slide.transform('translateX(' + translate + ') scale(' + scale + ')'); slide.css('zIndex', zIndex); slide.css('opacity', 1); if (Math.abs(slideProgress) > 3) { slide.css('opacity', 0); } } }, setTransition: function(swiper, transition) { for (var i = 0; i < this.slides.length; i++) { var slide = this.slides.eq(i) slide.transition(transition); } } } }) $('.mobile-solution .tab li').on('click',function(){ var index = $(this).index(); mobile_certifySwiper.slideTo(index); $('.mobile-solution .tab a').removeClass('active'); $(this).find('a').addClass('active') }) </script> </body> </html>

CINXE.COM

透云科技 | 一物一码的领军者