CINXE.COM
smart × 百度营销案例:AI共创计划——音乐篇000
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="shortcut icon" href="https://cpdfe.cdn.bcebos.com/favicon.ico" type="image/x-icon"> <title>smart × 百度营销案例:AI共创计划——音乐篇000</title> <meta name="keywords" content="音乐品牌推广,品牌推广"> <meta name="description" content="smart品牌热度持续走低,与竞争对手mini相比存在明显差距。而转型后的产品市场,尺寸较小的新能源细分市场一派欣欣向荣,smart此次重返中国市场,品牌转型首要重塑品牌形象,smart希望凭借创新未来技术,引领新时代。"> <link rel="stylesheet" href="/themes/ebaidu/public/plugins/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="/themes/ebaidu/public/css/animate.css"> <link rel="stylesheet" href="/themes/ebaidu/public/fonts/font.css"> <link rel="stylesheet" href="/themes/ebaidu/public/css/base.css"> <link rel="stylesheet" href="/themes/ebaidu/public/css/common.css"> <link rel="stylesheet" href="/themes/ebaidu/public/css/type.css"> <link rel="stylesheet" href="/themes/ebaidu/public/css/common2.css"> <link rel="stylesheet" href="/themes/ebaidu/public/css/index.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"> </head> <body> <!-- header部分 --> <script src="/themes/ebaidu/public/plugins/jquery.js"></script> <script> //获取cookie visit_id function getCookie(name) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); if(arr = document.cookie.match(reg)) return unescape(arr[2]); else return null; } var visit_id = getCookie('visit_id'); // console.log(visit_id) var _hmt = _hmt || []; _hmt.push(["_setUserProperty", {"setUserId": visit_id}]); (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1f3202d820180a39f736f20fce790de8"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <header class="header"> <div class="container"> <div class="left"> <div class="logo"> <a href="/?refer=889"> <img src="https://ebd-site.cdn.bcebos.com/newbaidu/upload/setting/20210925/48966d7711dba6024a3381095c720011.png" alt=""> </a> </div> <div class="nav"> <ul> <li class=""> <a href="/?refer=889">首页</a> </li> <li class=""> <a href="/advantage/?refer=889">平台优势</a> </li> <li class=""> <a href="/product/?refer=889">广告类型</a> <ul class="children"> <li class=""> <a href="/product/sousuo/?refer=889">搜索广告</a></li> <li class=""> <a href="/product/feed/?refer=889">信息流广告</a></li> <li class=""> <a href="/product/pinpai/?refer=889">品牌广告</a></li> <li class=""> <a href="/product/kaiping/?refer=889">开屏广告</a></li> <li class=""> <a href="/product/juping/?refer=889">聚屏广告</a></li> <li class=""> <a href="/product/dianshang/?refer=889">电商推广</a></li> <li class=""> <a href="/product/lvyou/?refer=889">旅游会员</a></li> </ul> </li> <li class="active"> <a href="/case/?refer=889">营销案例</a> <ul class="children"> <li class=""> <a href="/case/it/?refer=889">IT/消费电子</a></li> <li class=""> <a href="/case/house/?refer=889"> 房产家居</a></li> <li class=""> <a href="/case/tour/?refer=889"> 旅游服务</a></li> <li class=""> <a href="/case/web/?refer=889"> 网络服务</a></li> <li class=""> <a href="/case/edu/?refer=889"> 教育培训</a></li> <li class=""> <a href="/case/business/?refer=889"> 商务服务</a></li> <li class="active"> <a href="/case/life/?refer=889"> 生活服务</a></li> <li class=""> <a href="/case/car/?refer=889">汽车</a></li> <li class=""> <a href="/case/jixie/?refer=889">机械设备</a></li> <li class=""> <a href="/case/huagong/?refer=889">化工能源</a></li> <li class=""> <a href="/case/dianzi/?refer=889">电子电工</a></li> <li class=""> <a href="/case/zhuangxiu/?refer=889">装修建材</a></li> <li class=""> <a href="/case/wuliu/?refer=889">物流运输</a></li> <li class=""> <a href="/case/huishou/?refer=889">废旧回收</a></li> </ul> </li> <li class=""> <a href="/aigc/?refer=889">AIGC营销</a> </li> <li class=""> <a href="/about/?refer=889">了解更多</a> <ul class="children"> <li class=""> <a href="/about/?refer=889">关于我们</a></li> <li class=""> <a href="https://e.baidu.com/lp/ganenjie3/?refer=889">最新活动</a></li> <li class=""> <a href="/news/?refer=889">新闻中心</a></li> <li class=""> <a href="https://yingxiao.baidu.com/edu?refer=889">营销学堂</a></li> <li class=""> <a href="/agents/?refer=889">代理商查询</a></li> <li class=""> <a href="/qinquan/?refer=889">侵权案例公示</a></li> <li class=""> <a href="/faq/?refer=889">常见问题</a></li> <li class=""> <a href="/yxtg/?refer=889">营销知识</a></li> </ul> </li> </ul> </div> </div> <div class="right"> <div class="tel_txt">官方热线</div> <div class="contact" data-agl-cvt="2" onclick="ocpc(2)"> 400-800-8888 </div> <!--onclick="ocpc(5),_hmt.push(['_trackEvent', 'form', 'click', 'consulting'])"--> <div><button type="button" class="btn btn-danger" style="width: 100px;" data-toggle="modal" data-target="#free_consult" data-agl-cvt="5">免费咨询</button></div> </div> </div> </header> <!-- header部分 --> <div id="example" class="main detail_line_height"> <!-- part1 --> <div class="exam-detail bg-cover pt_50 mb_50"> <div class="con container"> <!-- 详情 --> <div class="detail"> <div class="title"> <p class="t big-title">smart × 百度营销案例:AI共创计划——音乐篇</p> <p class="time mt_10"> 2022-03-22 标签:<span class="tag_ids"> <a href="/tags/62?refer=889">AI</a> <span>|</span> <a href="/tags/113?refer=889">smart</a> <span>|</span> </span> </p> <div class="num flex_bet_center mt_50" style="display:none;"> <div class="l"> <p class="big-title"><span>1200万+</span></p> <p>总曝光量</p> </div> <div class="l"> <p class="big-title"><span>10万+</span></p> <p>点击量</p> </div> <div class="l"> <p class="big-title"><span>6924人</span></p> <p>参与人数</p> </div> </div> </div> <!-- 隐藏案例div hide the cases begin --> <div class="main" style="position:relative;"> <div class="content-wrapper"> <div class="content"> <h2>营销背景</h2> <p>smart品牌热度持续走低,与竞争对手mini相比存在明显差距。而转型后的产品市场,尺寸较小的新能源细分市场一派欣欣向荣,smart此次重返中国市场,品牌转型首要重塑品牌形象,smart希望凭借创新未来技术,引领新时代。在此背景下,smart联合百度推出"smart AI共创计划",邀请广大用户一起加入一个"音乐共创实验"。</p> <h2>营销目标</h2> <p>smart提出品牌愿景“To design a smarter future together”,希望通过共创活动,让 媒体、粉丝理解品牌主张。一方面希望唤起老车主对于smart源自梅赛德斯-奔驰的归属感和血统认可,另一方面也希望向广大热爱艺术、有品位的年轻人传递品牌理念,拉近与中国消费者的距离。</p> <h2>营销方案</h2> <p>洞察</p> <p>基于百度观星盘对于smart品牌搜索人群画像,年轻的年龄结构,均衡的男女比例,与目标受众一致,从 常用高TGI APP排名及贴吧关注看出对于娱乐及音乐的兴趣较强,音乐是非常有力的沟通方式。</p> <p><br></p> <center><img alt="" src="https://bass-o-groove.cdn.bcebos.com/bass-o-groove/knowledge/4b534c47-ae6d-4579-594e-164683248588.png" width="840" height="395"></center> <p><br></p> <p>策略</p> <p>根据人群的洞察,提出品牌与粉丝共创音乐的idea,并且希望借助AI,增加科技元素,增强未来感, 以符合新产品的革新,艺术与科技的融合将是一次大胆的尝试。围绕音乐共创主题,集合品牌、明星、粉丝、平台各方参与,最终通过AI协同,完成未来科技与音乐 艺术的融合,向市场传递崭新的品牌主张。</p> <p><br></p> <center><img alt="" src="https://bass-o-groove.cdn.bcebos.com/bass-o-groove/knowledge/4b534c47-79c9-40db-d96b-164683249796.png" width="840" height="330"></center> <p><br></p> <h2>执行亮点</h2> <p>AI技术加持,将各类声音融合,创造多元音乐</p> <p>AI的强大能力分为对于音频的判别分类,将所有声音转化为素材;同时通过乐曲学习,掌握编曲技 巧,形成自有的创作能力;不仅是音乐,文字的语义理解,及语言组织能力,也实现了作词填词。</p> <p><br></p> <center><img alt="" src="https://bass-o-groove.cdn.bcebos.com/bass-o-groove/knowledge/4b534c47-2424-4f08-b0a9-164683251588.png" width="840" height="339"></center> <p><br></p> <p>从公域流量到私域运营,活动差异化开口引流,通路抵达互动阵地,随活动进度更新详情页,实时保持用户关注。</p> <p><br></p> <center><img alt="" src="https://bass-o-groove.cdn.bcebos.com/bass-o-groove/knowledge/4b534c47-bda9-45f5-47f3-164683259253.png" width="840" height="316"></center> <p><br></p> <p>精准投放,实现全域引流,引爆活动详情</p> <p><br></p> <center><img alt="" src="https://bass-o-groove.cdn.bcebos.com/bass-o-groove/knowledge/4b534c47-a8bf-4932-fd71-164683264900.png" width="840" height="373"></center> <p><br></p> <h2>营销效果</h2> <p>借助百度AI语音合成能力,smart以284份自然之声、195份人间烟火气作为创意灵感,将6924名参与者踊跃上传的声音素材通过百度AI强大的技术充分融合到smart全新品牌歌“无你不明天future,anyone”当中,跳脱出人声和器乐原本固有的特定频率,给大家带来更为新鲜和激进的听觉感受。</p> <p><br></p> <center><img alt="" src="https://bass-o-groove.cdn.bcebos.com/bass-o-groove/knowledge/4b534c47-03f3-45f6-fec2-164683288414.png" width="840" height="347"></center> </div> </div> <div class="gradient-overlay"></div> <button id="showMoreBtn" class="show-more-btn" data-toggle="modal" data-target="#free_consult_diy" ><i class="fas fa-chevron-down"></i> 免费查看完整版</button> </div> <!-- 隐藏案例 hide the cases end --> </div> <!-- 隐藏案例弹出表单 --> <div class="newForm"> <!-- form Modal --> <div class="modal fade" id="free_consult_diy" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close" style=" position: absolute; left: 0;"> <span aria-hidden="true">×</span> </button> <div class="modal-title bit-title" style="padding:0;"> <h5 id="staticBackdropLabel" class="mb_10 form-title" style="margin-top:45px;font-size:22px;line-height:1.5;">百度营销推广案例 完整版<span style="color:red;">免费查看</span><br>还有超值千元福利等您领</h5> <span class="text-grey text-center"></span> </div> <div class="tip-right" id="switchContent"> 填表解锁内容 </div> <div class="switch" id="switch"> <svg style="display:none" t="1726119159956" class="icon " id="qrcode" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4387" width="64" height="64"><path d="M31.68 0.384l410.176 0C483.52 4.48 473.472 76.864 473.472 123.904l0 223.936c0 48.64 9.28 108.288-23.424 122.112C428.8 478.912 371.648 472.64 344.064 472.64l-217.472 0C76.352 472.64 7.744 484.48 0 441.408L0 31.616C5.632 16.32 15.488 5.312 31.68 0.384L31.68 0.384zM88.064 92.672l0 291.776L384 384.448 384 88.576 89.472 88.576C87.872 88.832 87.936 90.752 88.064 92.672L88.064 92.672zM582.208 0.384l410.176 0C1009.088 6.528 1020.544 17.792 1024 37.056l0 398.976c-3.776 16.576-12.544 30.72-28.928 35.264-26.752 7.424-71.232 1.344-103.232 1.344l-210.56 0c-31.744 0-78.848 6.592-104.576-1.344-36.416-11.2-26.176-81.28-26.176-130.24L550.528 132.032C550.528 75.456 537.92 8.32 582.208 0.384L582.208 0.384zM638.656 92.672l0 291.776 295.936 0L934.592 88.576 640 88.576C638.4 88.832 638.528 90.752 638.656 92.672L638.656 92.672zM222.976 178.176c41.216-7.68 73.6 19.776 74.304 56.96 0.896 49.088-49.92 76.032-89.472 55.616C162.56 267.456 165.568 188.864 222.976 178.176L222.976 178.176zM773.504 178.176c97.088-17.856 95.232 133.696 0 118.08C712.896 286.272 710.976 189.696 773.504 178.176L773.504 178.176zM439.04 1023.616 33.024 1023.616C16.192 1018.496 4.8 1008 0 991.04L0 582.592c4.032-11.968 13.248-25.92 27.52-29.888 26.944-7.488 70.976-1.344 103.232-1.344l210.56 0c31.104 0 76.416-6.848 104.576 1.344 38.144 11.072 27.52 80 27.52 128.896l0 215.744C473.472 950.144 484.992 1018.88 439.04 1023.616L439.04 1023.616zM88.064 643.648l0 291.776L384 935.424 384 639.552 89.472 639.552C87.872 639.808 87.936 641.728 88.064 643.648L88.064 643.648zM1024 587.968l0 113.984c-3.2 38.464-0.448 82.752-1.344 123.456l-293.184 0 0-66.496c-27.52-3.2-60.992-0.448-90.816-1.344-3.2 85.952-0.448 177.792-1.408 265.984L583.552 1023.552c-46.144-9.152-33.024-77.376-33.024-131.648l0-210.368c0-31.616-6.528-79.04 1.344-104.512 9.408-30.336 50.112-25.792 90.816-25.792l199.552 0 0 180.48 92.224 0c0.896-59.712-1.856-123.008 1.344-180.48C980.288 548.736 1021.376 549.376 1024 587.968L1024 587.968zM229.824 727.744c44.032-4.8 80.384 36.928 63.296 82.816-23.68 63.616-136.832 39.68-115.648-40.704C183.424 747.584 200.32 731.008 229.824 727.744L229.824 727.744zM828.544 1023.616l-99.072 0c0.896-34.816-1.856-73.28 1.408-105.856l97.728 0L828.544 1023.616 828.544 1023.616zM1024 917.76l0 69.184c-3.84 19.264-15.296 31.104-33.024 36.672l-70.208 0c0.896-34.816-1.856-73.28 1.408-105.856C956.096 917.76 990.08 917.76 1024 917.76L1024 917.76z" p-id="4388" fill="#cccccc"></path></svg> <svg t="1726119230108" class="icon" id="form" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5709" width="64" height="64"><path d="M695.308642 594.17284H309.728395c-18.962963 0-37.925926 18.962963-37.925926 37.925925s18.962963 37.925926 37.925926 37.925926h385.580247c18.962963 0 37.925926-18.962963 37.925926-37.925926s-18.962963-37.925926-37.925926-37.925925zM309.728395 512h183.308642c18.962963 0 37.925926-18.962963 37.925926-37.925926s-12.641975-37.925926-37.925926-37.925926H309.728395c-18.962963 0-37.925926 18.962963-37.925926 37.925926s18.962963 37.925926 37.925926 37.925926z m385.580247 240.197531H309.728395c-18.962963 0-37.925926 18.962963-37.925926 37.925926s18.962963 37.925926 37.925926 37.925926h385.580247c18.962963 0 37.925926-18.962963 37.925926-37.925926 0-25.283951-18.962963-37.925926-37.925926-37.925926z" p-id="5710" fill="#2196F3"></path><path d="M935.506173 322.37037V316.049383v-6.320988L651.061728 18.962963h-6.320987H208.592593c-63.209877 0-113.777778 50.567901-113.777778 113.777778v777.481481c0 63.209877 50.567901 113.777778 113.777778 113.777778h613.135802c63.209877 0 113.777778-50.567901 113.777778-113.777778V821.728395c0-18.962963-18.962963-37.925926-37.925926-37.925926s-37.925926 18.962963-37.925926 37.925926v88.493827c0 18.962963-18.962963 37.925926-37.925926 37.925926H208.592593c-18.962963 0-37.925926-18.962963-37.925926-37.925926V113.777778c0-18.962963 18.962963-37.925926 37.925926-37.925926h372.938271v252.839506c0 18.962963 18.962963 37.925926 37.925926 37.925926h246.518519V632.098765c0 18.962963 18.962963 37.925926 37.925926 37.925926s37.925926-18.962963 37.925925-37.925926l-6.320987-309.728395c0 6.320988 0 6.320988 0 0z m-278.123457-31.604938V132.740741l151.703704 158.024691h-151.703704z" p-id="5711" fill="#2196F3"></path></svg> </div> </div> <div class="modal-body"> <div id="formDom" class="form window_form" style="padding:0 50px 20px;display:none"> <div class="row"> <div class="col"> <input type="text" class="form-control name" placeholder="姓名" value=""> </div> </div> <div class="row"> <div class="col"> <input type="text" class="form-control tel " placeholder="手机" value="" oninput = "value=value.replace(/[^\d]/g,'')"> </div> </div> <div class="row"> <div class="col"> <input type="text" class="form-control company" placeholder="公司名称" value=""> </div> </div> <div class="row row-area"> <div class="col"> <input id="modal_area_new" Readonly type="text" class="form-control" placeholder="选择地区"> </div> <div id="modal_option_new" class="area-option flex_bet_center"> <div id="modal_prov_new" class="province is-scroll"></div> <div id="modal_city_new" class="city is-scroll"></div> </div> </div> <div class="yinsi"> <label class="checkbox"> <input type="checkbox"> <span></span> </label> <span>我已知晓</span> <span class="yinsi_3 yinsi-open-modal">《个人信息收集与隐私保护声明》</span> </div> <div class="modal-footer text-center" style="justify-content:center;margin-bottom:0px;margin-top:-10px;" data-agl-cvt="5"> <input type="hidden" class="token" value="bf6cmIoVBlZ7ch7/jW5lYroA8IAG6n2oVACoBdWEisWvOSAEkxfjalSMR1LADvurSwBz1dE" name="__token__"> <input type="hidden" class="refer" value="889" name="refer"> <input type="hidden" class="bd_vid" value="" name="bd_vid"> <button id="modal_btn" type="button" class="btn-consult-sure-new window w_100" data-agl-cvt="5" > <span data-agl-cvt="5" id="modal_spinner" style="display: none;" class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> 立即提交 </button> </div> </div> <div id="qrcodeDom" style="padding:0 50px 20px;"> <div class="imageBg"> <img src='https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/case/case_weixin.png' style="width:200px;height:200px"/> <p style="font-size: 14px;text-align: center;font-weight: 600;margin-top: 5px;">微信扫码加好友 解锁全部内容</p> </div> <p style="text-align: center;color: #7F7F7F; margin-top: 10px;">添加好友后,将收到内容解锁密码</p> <p style="text-align: center;color: #7F7F7F; margin-bottom: 20px;">在下方输入正确密码后即可解锁全部内容</p> <div class="passBox"> <input type="text" id="passText" placeholder="请输入微信收到的密码" value=""> <button id="passBtn" type="button" > 解锁内容 </button> </div> <p id="passInfo" style="text-align: center; color: #A30014; display: none;" >密码有误,请输入微信中收到的4位数密码</p> </div> <div class="b-tel flex_bet_center"> <div style="text-center:center;">*本活动最终解释权归百度所有</div> </div> </div> </div> </div> </div> <!-- form 提交成功modal --> <div class="modal success-modal fade" id="success_modal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="left"> <div class="top"> <img src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/icon-success.PNG" alt=""> <p class="one big-title">信息已提交成功</p> <p class="two">您的专属顾问会在 1 个工作日内以官方电话 <br> 020-22231769 联系您,请您保持电话畅通</p> <p class="three">周一至周五 09:00-22:00<br>周末及假日 09:00-18:00</p> </div> <div class="bottom mt_30"> <button type="button" onclick="location='https://cloud.baidu.com/product/wenxinworkshop?track=0728_ebd_anl'">千帆大模型抢先体验</button> </div> </div> </div> </div> </div> </div> </div> <!-- 推荐 --> <div class="recommend"> <p class="big-title tip">相关推荐</p> <ul> <li> <a href="/case/143.html?refer=889" target="_blank;"> <div class="pic"> <img src="https://ebd-site.cdn.bcebos.com/newbaidu/upload/cms/20240103/601a2012595a718c6efe7ec3d0bf5f14.jpg" alt=""> </div> <div class="text"> <p class="one big-title">圣罗兰SAINT LAURENT元宇宙时尚大秀</p> <p class="two one_hidden">圣罗兰SAINT LAURENT2023春夏男装大秀,正值疫情之下,如何突破传统时尚直播发布会,让用户感受到不一样的大秀同时提高关注度,成为核心挑战。</p> <p class="tag">元宇宙|圣罗兰|服装秀|元宇宙营销|服装营销</p> <div class="num flex_bet_center"> </div> </div> </a> </li> <li> <a href="/case/141.html?refer=889" target="_blank;"> <div class="pic"> <img src="https://ebd-site.cdn.bcebos.com/newbaidu/upload/cms/20231226/9237f5cf99837f041619d41847959d0d.jpg" alt=""> </div> <div class="text"> <p class="one big-title">「逐梦苍穹」洋河梦之蓝AI创新营销 引领消费者共筑航天梦</p> <p class="two one_hidden">民族品牌洋河启动“梦之蓝M6”航天合作伙伴计划,希望引领消费者共筑中国航天梦,同时树立民族品牌形象,绑定家国同庆时刻的饮酒场景,凸显高端价值。</p> <p class="tag">ai营销|白酒营销|洋河股份</p> <div class="num flex_bet_center"> </div> </div> </a> </li> <li> <a href="/case/140.html?refer=889" target="_blank;"> <div class="pic"> <img src="https://ebd-site.cdn.bcebos.com/newbaidu/upload/cms/20231226/9237f5cf99837f041619d41847959d0d.jpg" alt=""> </div> <div class="text"> <p class="one big-title">「为梦想举杯」洋河世界杯微短剧营销</p> <p class="two one_hidden">在竞争激烈的的世界杯营销期间,洋河希望通过差异化玩法实现突围。传递全网热爱足球的人相聚话梦想,杯酒品人生,从而提升品牌影响力和理念。</p> <p class="tag">百度营销|短剧营销|白酒营销|洋河经典</p> <div class="num flex_bet_center"> </div> </div> </a> </li> <li> <a href="/case/137.html?refer=889" target="_blank;"> <div class="pic"> <img src="https://ebd-site.cdn.bcebos.com/newbaidu/upload/cms/20231221/88bc52c1167c86ae2960038db371acf8.jpg" alt=""> </div> <div class="text"> <p class="one big-title">醉美茅台·立体创新式全内容营销</p> <p class="two one_hidden">茅台是白酒行业的高端王牌品牌,但竞品林立,为了持续稳固市场地位,茅台希望将集团 “中国茅台 香飘世界”的品牌理念与目标人群深度沟通,获得价值观认同。2022年1月“茅台1935”上市,同年7月“茅台冰淇凌”开售面对百花齐放的酒饮行业,茅台不断推陈出型,希望借助新品触达更年轻化的新客户群体。</p> <p class="tag">内容营销|百度营销|茅台营销案例</p> <div class="num flex_bet_center"> </div> </div> </a> </li> </ul> </div> </div> </div> </div> <!-- 模态框 --> <!-- form Modal --> <div class="modal fade" id="free_consult" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <div class="modal-title bit-title"> <h5 id="staticBackdropLabel" class="mb_10 form-title"><p class="high_txt">感恩节钜惠送<span style="margin-left:10px;">限时火热抢</span></p> <p>至高可享<span style="color:red;">7300</span>元推广补贴</p></h5> <span class="text-grey text-center">*活动优惠仅适用于11月23日至30日北京、上海、苏州、深圳、佛山、广州、东莞、天津新合作客户</span> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="form window_form"> <div class="row"> <div class="col"> <input type="text" class="form-control name w_name" placeholder="姓名" value=""> </div> </div> <div class="row"> <div class="col"> <input type="text" class="form-control tel w_tel" placeholder="手机" value="" oninput = "value=value.replace(/[^\d]/g,'')"> </div> </div> <div class="row"> <div class="col"> <input type="text" class="form-control company w_company" placeholder="公司名称" value=""> </div> </div> <div class="row row-area"> <div class="col"> <input id="modal_area" Readonly type="text" class="form-control" placeholder="选择地区"> </div> <div id="modal_option" class="area-option flex_bet_center"> <div id="modal_prov" class="province is-scroll"></div> <div id="modal_city" class="city is-scroll"></div> </div> </div> <div class="yinsi"> <label class="checkbox"> <input type="checkbox"> <span></span> </label> <span>我已知晓</span> <span class="yinsi_3 yinsi-open-modal">《个人信息收集与隐私保护声明》</span> </div> <div class="modal-footer text-center" style="justify-content:center;margin-bottom:0px;margin-top:-10px;" data-agl-cvt="5"> <input type="hidden" class="w_token" value="125aTKfgcxZCEoGATsPaI5w0KC90yKL7wK/otOyxtoGDNhVWJgA/EDFi50Fl+UrlkbAWaGY" name="__token__"> <input type="hidden" class="refer" value="889" name="refer"> <input type="hidden" class="bd_vid" value="" name="bd_vid"> <button id="modal_btn" type="button" class="btn-consult-sure window w_100" data-agl-cvt="5" onclick="uet_report_conversion()"> <span data-agl-cvt="5" id="modal_spinner" style="display: none;" class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> 立即提交 </button> </div> <!--<div class="text-grey text-center form-bg">--> <!-- <img class="form_bg_all" src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/form/form_bg.png" alt="" />--> <!-- <img class="form_bg_1 " src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/form/form_bg_1.png" alt="" />--> <!-- <img class="form_bg_2 " src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/form/form_bg_2.png" alt="" />--> <!-- <img class="form_bg_3 " src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/form/form_bg_3.png" alt="" />--> <!-- <img class="form_bg_4 " src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/form/form_bg_4.png" alt="" />--> <!-- <img class="form_bg_5 " src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/form/form_bg_5.png" alt="" />--> <!-- <img class="form_bg_6 " src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/form/form_bg_6.png" alt="" />--> <!-- <img class="form_bg_7 " src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/form/form_bg_7.png" alt="" />--> <!-- <img class="form_bg_8 " src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/form/form_bg_8.png" alt="" />--> <!--<div>简单3步便可以开始推广</div> <!-- <div>确认推广意向 -- 为您开通账号 -- 开启您的投放</div>--> <!--</div>--> <!-- <div> 姓名:<input type="text" class="w_name"> <div class="err_tip w_name_tip"></div> </div> <div> 手机:<input type="text" class="w_tel"> <div class="err_tip w_tel_tip"></div> </div> <div> 公司名称:<input type="text" class="w_company"> <div class="err_tip w_company_tip"></div> </div> --> <!-- <div class="flex_bet_center"> <div>地区:</div> <div> <select id="modal_province" class="form-control" placeholder="省份"></select> </div> <div> <select id="modal_city" class="form-control" placeholder="城市"></select> </div> </div> --> <!-- <p class="tip mt_30 text-center"> 您的专属顾问会在1个工作日内联系您,为您提供服务 <br> 周一至周五 09:00-22:00 周六至周日 09:00-18:00 </p> --> </div> <div class="b-tel flex_bet_center"> <div class="">*本活动最终解释权归百度所有</div> <!--<div class="l"> <img src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/home/icon-tel.png" alt=""> <span>400-800-8888</span> </div> <div class="r"> 周一至周五 9:00—22:00 <br> 周六至周日9:00—18:00 </div>--> </div> </div> </div> </div> </div> <!-- form 提交成功modal --> <div class="modal success-modal fade" id="success_modal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="left"> <div class="top"> <img src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/icon-success.PNG" alt=""> <p class="one big-title">信息已提交成功</p> <p class="two">您的专属顾问会在 1 个工作日内以官方电话 <br> 020-22231769 联系您,请您保持电话畅通</p> <p class="three">周一至周五 09:00-22:00<br>周末及假日 09:00-18:00</p> </div> <div class="bottom mt_30"> <button type="button" onclick="location='https://cloud.baidu.com/product/wenxinworkshop?track=0728_ebd_anl'">千帆大模型抢先体验</button> </div> </div> </div> </div> </div> </div> <!-- 隐私声明授权 modal --> <div id="yinsiModal" class="yinsi-modal"> <div class="yinsi-modal-content"> <span class="yinsi-close">×</span> <div class="yinsi-info"> <h2>个人信息收集与隐私保护声明</h2> <div class="yinsi-notes"> <P>公司名称: 北京百度网讯科技有限公司</P> <P>我们/公司非常重视用户信息的保护。您在使用我们的相关服务(以下简称“服务”),并在相应页面填写个人信息前,请您务必仔细阅读本声明。您一旦主动在页面提供您的个人信息并进行提交操作,即意味着您同意我们按照本声明收集、 使用您的相关信息。</P> <P>一、个人信息的收集</P> <P>1、我们提供服务时,可能会收集下列与您有关的个人信息:</P> <P>您在使用本页面所涉及的表单、智能电话、卡券领取、客服工具等功能中提供的信息,包括姓名、手机号及使用本页面提供的产品/服务涉及的必要信息。</P> <P>请您注意,具体需要提供的信息可能会根据我们提供的产品/ 服务的不同而有所差异,请以向您展示的产品/服务以及所对应的要求提供相关个人信息,我们会在产品/服务页面或下文向您说明相关个人信息的收集和使用规则。</P> <P>2、您需要注意的是,以上个人信息均是您自愿提供。您有权拒绝提供,但可能无法正常使用相应的服务、功能或者无法达到服务拟达到的效果。</P> <P>二、个人信息的使用</P> <P>1、您同意,我们可以通过以下方式对个人信息进行使用:</P> <P>(1)我们收集您的姓名、手机号用于及时与您取得联系,并与您沟通产品或服务的相关事宜。</P> <P>(2)为了更好的提供服务,您在通过电话或客服工具与我们沟通时,我们会记录您的手机号及相关沟通情况。</P> <P>(3)如您拟查询、修改、删除、撤回授权您提交的个人信息的,或对个人信息保护问题有任何疑问或投诉,您可以与我们联系,我们将尽快配合处理。</P> <P>2、我们将严格保护您的个人信息安全。我们将采用适当制度、组织和安全技术等措施来保护您的个人信息不被未经授权的访问、使用或泄漏。</P> <P>3、为了实现上述目的,我们可能会委托我们的技术合作伙伴(例如呼叫服务商)为您提供服务,并由其在服务范围内进行合法、正当、必要地使用。</P> <P>三、未成年人信息的特殊保护</P> <P>1、若您是未满18周岁的未成年人,在使用本功能前,应在您的父母或其他监护人监护、指导下共同阅读并同意本隐私政策。</P> <P>2、若您是未满14周岁的未成年人的监护人,在使用本功能前,应为您的被监护人阅读并同意本隐私政策。</P> <P>四、适用法律</P> <P>本声明适用中华人民共和国法律。</P> <P>五、变更</P> <P>我们会适时对本声明进行修订,该等修订构成本声明的一部分。公司会将修改后的声明予以发布。在该种情况下,若您继续使用我们的服务,即表示同意接受经修订的声明的约束。</P> </div> </div> </div> </div> <style> .yinsi_3{color:#2196F3;cursor:pointer;} .yinsi{ font-size: 14px; text-align: left; line-height: initial; display: inherit !important; margin: 5px 0px; margin-left: 30px; } /*隐私勾选框*/ .checkbox { display: inline-block; position: relative; } .checkbox input { display: none; } .checkbox span { display: inline-block; width: 20px; height: 20px; border: 1px solid #888; border-radius: 50%; position: absolute; top: -7px; left: -25px; } .checkbox input:checked + span::after { content: ''; position: absolute; left: 7px; top: 3px; width: 5px; height: 10px; border: solid #2196F3; border-width: 0 2px 2px 0; transform: rotate(45deg); } /*隐私弹框*/ .yinsi-modal { display: none; position: fixed; z-index: 10001 !important; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); animation: yinsiFadeIn 0.3s; } .yinsi-modal-content { background-color: #fefefe; padding: 20px; border: 1px solid #888; max-width: 500px; position: relative; animation: yinsiSlideDown 0.3s; max-height: 500px; overflow: hidden; overflow-y: auto; text-align: justify; top: 50%; left: 50%; transform: translate(-51%, -51%); } .yinsi-info {overflow:hidden;} .yinsi-info h2{font-size:20px;text-align:center;margin-bottom: 30px;margin-top: 40px;line-height:1.5;} .yinsi-info .yinsi-notes p{font-size:14px;color:#777;margin-bottom: 20px;line-height: 1.8;} .yinsi-close { color: #aaa; font-size: 28px; font-weight: bold; cursor: pointer; position: absolute; right: 10px; top: 10px; } .yinsi-close:hover, .yinsi-close:focus { color: black; text-decoration: none; cursor: pointer; } </style> <script> document.addEventListener('DOMContentLoaded', function() { var yinsiModal = document.getElementById("yinsiModal"); var yinsiButtons = document.getElementsByClassName("yinsi-open-modal"); var yinsiClose = document.getElementsByClassName("yinsi-close")[0]; // 为所有带有 yinsi-open-modal 类的按钮添加点击事件 for (var i = 0; i < yinsiButtons.length; i++) { yinsiButtons[i].addEventListener('click', function() { yinsiModal.style.display = "block"; }); } yinsiClose.addEventListener('click', function() { yinsiModal.style.display = "none"; }); window.addEventListener('click', function(event) { if (event.target == yinsiModal) { yinsiModal.style.display = "none"; } }); }); </script> <!-- 模态框 --> <!-- footer 部分 --> <!-- 联系我们 --> <div class="part-contact bg-cover lp2_part4"> <div class="con"> <div class="com-title"> <p class="big-title wow fadeInDown">感恩节钜惠限时享 更多福利等您抢</p> <p class="wow fadeInUp">*活动优惠仅适用于11月23日至30日北京、上海、苏州、深圳、佛山、广州、东莞、天津新合作客户</p> </div> <div class="con-main bg-cover m_t_50"> <div class="con-wrap container"> <div class="form-wrap"> <form class="wow zoomIn_1"> <p class="tip">立即领取企业福利 预约您的专属顾问</p> <div class="row"> <div class="col"> <input id="contact_name" type="text" class="form-control name" placeholder="姓名" value=""> </div> </div> <div class="row"> <div class="col"> <input id="contact_tel" type="text" class="form-control tel" placeholder="手机" value="" oninput="value=value.replace(/[^\d]/g,'')"> </div> </div> <div class="row"> <div class="col"> <input id="contact_company" type="text" class="form-control company" placeholder="公司名称" value=""> </div> </div> <div class="row row-area"> <div class="col"> <input id="ipt_area" Readonly type="text" class="form-control" placeholder="选择地区"> </div> <div id="area_option" class="area-option flex_bet_center"> <div id="ipt_prov" class="ipt_prov province is-scroll"></div> <div id="ipt_city" class=" ipt_city city is-scroll"></div> </div> </div> <div class="yinsi"> <label class="checkbox"> <input type="checkbox"> <span></span> </label> <span>我已知晓</span> <span class="yinsi_3 yinsi-open-modal">《个人信息收集与隐私保护声明》</span> </div> <input type="hidden" class="token" value="2db7XW3CKFUs7J55KqCpGR77KBmpgKrUdQzxP4ozUfBM0nVc3H3r3N5fs7hwTKKUL6Uiakc" name="__token__"> <input type="hidden" class="refer" value="889" name="refer"> <div style="" data-agl-cvt="5"> <button id="contact_btn" type="button" class="btn btn-primary add w_100" data-agl-cvt="5" > <span id="contact_spinner" style="display: none;" class="spinner-border spinner-border-sm" role="status" aria-hidden="true" data-agl-cvt="5"></span> 立即预约 </button> </div> <div class="text-grey"> <div>简单3步便可以开始推广</div> <div>确认推广意向 -- 为您开通账号 -- 开启您的投放</div> </div> </form> <div class="b-tel flex_bet_center"> <div class="l"> <img src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/home/icon-tel.png" alt=""> <span>400-800-8888</span> </div> <div class="r"> 周一至周五:9:00—22:00 <br> 周末及假日:9:00—18:00 </div> </div> </div> </div> </div> </div> </div> <footer> <div class="con-wrap container"> <div class="top"> <div> <p class="big-title">热门推荐</p> <div class="con product_link"> <div><a href="/product/sousuo/?refer=889">搜索广告</a></div> <div><a href="/product/feed/?refer=889">信息流广告</a></div> <div><a href="/product/pinpai/?refer=889">品牌广告</a></div> <div><a href="/product/kaiping/?refer=889">开屏广告</a></div> <div><a href="/product/juping/?refer=889">聚屏广告</a></div> <div><a href="/product/dianshang/?refer=889">电商推广</a></div> <div><a href="/product/lvyou/?refer=889">旅游会员</a></div> </div> </div> <div> <p class="big-title">平台与服务</p> <div class="con display_b product_link"> <div data-toggle="modal" data-target="#free_consult" data-agl-cvt="5" onclick="ocpc(5)"><a>百度开户</a></div> <div><a href="/advantage/?refer=889">平台优势</a></div> <div><a href="/about/?refer=889">营销服务</a></div> <div><a href="/agents/?refer=889">代理商查询</a></div> </div> </div> <div> <p class="big-title">营销案例</p> <div class="con product_link"> <div><a href="/case/?refer=889">行业案例</a></div> </div> </div> <div> <p class="big-title">联系我们</p> <div class="con display_b"> <div class="w_100" data-agl-cvt="2" onclick="ocpc(2)"> 售前电话:400-800-8888</div> <div class="w_100">通过百度营销获取更多客户</div> </div> </div> </div> <div class="copyright"> <a href="https://beian.miit.gov.cn" target="__blank">京ICP证030173号</a> <a href="/accept/?refer=889" target="__blank">百度推广服务协议 </a> ©2024 Baidu </div> </div> </footer> <div class="ocpc_url" style="display:none">http://e.baidu.com/case/52.html?refer=889</div> <div class="ocpc_token" style="display:none">8d13ReB0ZjvBQTJ2TR9JkeZp9LZZAfKtJ9K93ASayp1YiMZ1ShMZQOYa1YX7maDLd0Hrm8L4u3R6/g</div> <div id="if_con"> <i id="close" style="width: 25px; color: #333333; float: right; font-size: 25px; line-height: 25px; text-align: center; font-style: normal;cursor: pointer;position: absolute;right: 8px;top: 10px;">×</i> <iframe id="myFrameId" style="width: 100%; height: 100%;" name="myFrameName" scrolling="" frameborder="0"></iframe> </div> <!-- kefu 01 --> <a href="https://ada.baidu.com/site/wjza2y8/agent?imid=70ee5c5e7ce37db64336a16c8425a279&refer=1" target="_blank" data-agl-cvt="1" onclick="ocpc(1)"> <div class="emi-wrap lp2_emi bg-cover" data-agl-cvt="1" onclick="ocpc(1)"> <div class="emi_txt"> <div class="bg_color">在线咨询</div> </div> </div> </a> <!-- kefu 02 --> <!--<div class="emi-wrap lp2_emi bg-cover">--> <!-- <div class="emi_txt">--> <!-- <div class="emi bg_color">--> <!-- <i class="bg_kefu"><img src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/lpapply2/icon_kefu.png" alt=""></i>--> <!-- <a href="http://mishu.baidu.com/home.html?from=7&refer=7_1#/home/" target="myFrameName" rel="noopener noreferrer"--> <!-- title="E秘">在线客服</a>--> <!-- </div>--> <!-- <div class="form bg_color">--> <!-- <i class="bg_zixun"><img src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/lpapply2/icon_zixun.png" alt=""></i>--> <!-- <button type="button" class="" data-toggle="modal" data-target="#free_consult" data-agl-cvt="5"--> <!-- onclick="ocpc(5)" data-agl-cvt="5">免费咨询</button>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <!-- e秘 --> <!--<a data-agl-cvt="1" onclick="ocpc(1)" id="emi" target="myFrameName" class="emi emi-welcome emi-relax"--> <!--href="http://mishu.baidu.com/home.html?from=7&refer=7_1#/home/" target="_blank" rel="noopener noreferrer" title="E秘">--> <!--<span id="emi_text" style="margin-bottom: -34px;">我是百度e秘,欢迎咨询我哦~</span></a>--> <!-- e秘 --> <script> window._agl = window._agl || []; (function () { _agl.push( ['production', '_f7L2XwGXjyszb4d1e2oxPybgD'] ); (function () { var agl = document.createElement('script'); agl.type = 'text/javascript'; agl.async = true; agl.src = 'https://fxgate.baidu.com/angelia/fcagl.js?production=_f7L2XwGXjyszb4d1e2oxPybgD'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(agl, s); })(); })(); </script> <script src="/themes/ebaidu/public/plugins/bootstrap/bootstrap.min.js"></script> <script src="/themes/ebaidu/public/plugins/swiper/swiper.min.js"></script> <script src="/themes/ebaidu/public/plugins/wow.min.js"></script> <script src="/themes/ebaidu/public/plugins/vue.min.js"></script> <script src="/themes/ebaidu/public/js/area.js"></script> <script src="/themes/ebaidu/public/js/index.js"></script> <script src="/themes/ebaidu/public/js/common_example.js"></script> <script src="/themes/ebaidu/public/js/lottery.js"></script> <!--weiling wechat code 右下客服二维码--> <script> (function(){ let wl = document.createElement("script"); wl.type = "text/javascript"; wl.src = "https://material.weiling.cn/h5/willing-third-party-js/v1/qrcode-style-comp-v1.js"; wl.id = "wlQRS"; wl.onload = function() { wlQrcodeStyleComp.init({ wl_id: "wpW2WmDAAA6yBrQdyBKYBc5TIhdAG-qA",// [修改1:将wl_id粘贴至此] wl_qrcode_id: ["1811649403841445888"], // [修改2:将wl_qrcode_id粘贴至此] wl_style: [0],//修改3:根据样式在0-7之间修改,例如0表示二维码以卡片形式悬浮在右下角 }); }; if (!document.getElementById("wlQRS")) { let s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(wl, s); } })(); </script> <!--微信二维码弹框开始---> <div id="weixin-modal-overlay"></div> <div class="popup" id="popup"> <div class="window_qrcode"> <div class="left"> <div class="little-title">百度营销新模式 <span>客户主动来找您</span></div> <h1>企业精准获客利器</h1> <div class="tags"> <div class="tags-list"> <img src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/weixin-modal/1.png" alt=""> <p>精准投放</p> </div> <div class="tags-list"> <img src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/weixin-modal/2.png" alt=""> <p>按效果付费</p> </div> <div class="tags-list"> <img src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/weixin-modal/3.png" alt=""> <p>订单翻番</p> </div> <div class="tags-list"> <img src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/weixin-modal/4.png" alt=""> <p>同行案例</p> </div> </div> <div class="phone"><img src="https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/weixin-modal/5.png" alt="电话"><span>官方热线:400-800-8888</span></div> </div> <div class="right" > <div id="wl-qrcode" class="bg-cover"></div> <div class="kefu-txt">扫码免费获取行业最新案例</div> </div> <div class="close" id="closeButton">x</div> </div> </div> <!--微信弹框二维码获取---> <script> (function(){ let wl = document.createElement("script"); wl.type = "text/javascript"; wl.src = "https://material.weiling.cn/h5/willing-third-party-js/v1/qrcode-nostyle-comp-v1.min.js" wl.id = "wlQRNS"; wl.onload = function(){ wlQrcodeNostyleComp.init({ wl_id: "wpW2WmDAAA6yBrQdyBKYBc5TIhdAG-qA", // [修改1:将wl_id粘贴至此] wl_qrcode_id: ["1821479435090616320"], // [修改2:将wl_qrcode_id粘贴至此] DOMid: ["wl-qrcode"], // 插入处div标签的id }); }; if (!document.getElementById("wlQRNS")){ let s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(wl, s); } })(); </script> <!--微信弹框二维码主要功能---> <script> // 咨询框超时弹出js let popup = document.getElementById('popup'); let closeButton = document.getElementById('closeButton'); let timeoutId = null; const idleTime = 20000; // 20秒无操作 // 重置计时器 function resetTimer() { clearTimeout(timeoutId); timeoutId = setTimeout(showPopup, idleTime); } // 显示弹框 function showPopup() { document.getElementById('weixin-modal-overlay').style.display = 'block'; popup.style.display = 'block'; } // 关闭弹框 function closePopup() { document.getElementById('weixin-modal-overlay').style.display = 'none'; popup.style.display = 'none'; resetTimer(); // 重置计时器 } // 设置关闭按钮事件 closeButton.addEventListener('click', closePopup); // 绑定用户活动事件 document.addEventListener('mousemove', resetTimer); document.addEventListener('keypress', resetTimer); document.addEventListener('click', resetTimer); document.addEventListener('scroll', resetTimer); // 页面加载完成后,初始化计时器 window.onload = resetTimer; </script> <!--微信弹框结束---> <!-- footer 部分 --> <script> $(function () { /* 动画初始化 */ if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) { // new WOW().init(); }; /* */ const con_type = document.querySelectorAll('#con_type > div') navSelect('mouseover', $('#nav_type'), con_type) }) $(function () { $('#switch').click(function(){ if ( $('#qrcode').is(':hidden')) { $('#qrcode').show() $('#form').hide() $('#switchContent').text('扫码解锁内容') $('#qrcodeDom').hide() $('#formDom').show() }else{ $('#form').show() $('#qrcode').hide() $('#switchContent').text('填表解锁内容') $('#qrcodeDom').show() $('#formDom').hide() } }) $('#passBtn').click(function(){ if($('#passText').val() == 1818){ $('#free_consult_diy').modal('hide') showFullContent() }else{ $('#passInfo').show() } }) }) </script> <style> /*右三角*/ .tip-right { position: absolute; right: 60px; top: 0; color: #2196F3; margin: 12px 8px; padding: 5px; width: 100px; height: 32px; border: 1px solid #2196F3; background-color: #FFF; /*设置圆角*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tip-right:before, .tip-right:after { content: ""; display: block; border-width: 8px; position: absolute; right: -16px; top: 6px; border-style: dashed solid solid dashed; border-color: transparent transparent transparent #2196F3; font-size: 0; line-height: 0; } .tip-right:after { right: -15px; border-color: transparent transparent transparent #FFF; } .switch{ position: absolute; right: 5px; top: 5px; width: 50px; height: 50px; overflow: hidden; } .switch::before { content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 50px; background-image: linear-gradient(45deg, #ffffff 30%, rgba(255, 255, 255, 0) 0); } .switch svg{ width: 50px; height: 50px; } .imageBg{ box-sizing: initial; width: 200px; height: 230px; background-repeat: no-repeat; background-size: 100% 100%; padding: 20px 10px; margin: 0 auto; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARsAAAFdCAMAAAAE8jliAAAAIGNIUk0AAHomAACAhAAA+gAAAIDo AAB1MAAA6mAAADqYAAAXcJy6UTwAAAHaUExURQAAAElV/0hS/0lR/0hS/0hT/0tR/0tT/0hT/0hT /0dR/0ZV/0ZP/0hR/0hS/0hR/0dR/1VV/4CA/0lR/0hS/0hS/0pQ/0lU/0dS/0BG/xoA/xcA/0BG /0hS/0dR/0pT/0hS/0dR/zk5/xgA/xQA/zo7/0hS/0lR/1VV/0lS/0hS/0BV/0RV/0dS/0dS/0hS /0hS/0lS/05O/1BQ/0hS/0hS/0hS/0hS/0hR/0hR/01N/01N/0hS/0hS/0VO/0lT/0hS/0hT/0lT /0lQ/0hS/0dS/0hR/0hT/0dR/0hS/0ZR/0lS/0dS/zw+/0hR/0hS/0Bg/xgA/0dV/1VV/0hS/0VM /xMA/wAA/0NO/0dS/xwA/0lS/xoA/0BA/x8A/0dS/0lR/0tL/0hS/0hR/z5D/0hS/0dT/0lR/0hS /z5C/0hS/0pT/0hU/0hU/0NR/0dS/0lT/0lQ/0lR/0hS/0hS/0pR/0hS/0hT/0hS/0lT/0hR/0hS /0lT/0dR/0hS/0hS/0hS/0hR/0hS/0hS/0hS/0VT/0dS/0hS/0hS/0hS/zo8/x0A/xMA/xUA/yUF /0VN/0lS/0hR/0lS/0hS/0hR/0dT/0hS/0lS/0lS/0hS/0lJ/0RV/0hS/////2SPFpcAAACcdFJO UwAVYJCZiykijpRrIR2g/PFhAwJb97cwRu+LJyKP+mg39fu5a2bB/mUJ4fsMD692493aDRCk3OD4 o9UUCnn2GrOGR1AjY0s8eEj9FnCP0bzHCH4SBtTveAEXGYccggSMMj8RtLnaskR3mNbFNENAE3Mx SV7z7CarkWdmVTVihObZyXHykrglWu29tc2Fd3iZ8NOKgs6pK/Ss6J8HHlXnRnwAAAABYktHRJ0G u/KxAAAAB3RJTUUH6AkMBg8RmKCuCQAABLZJREFUeNrt2tlzFFUYQPEGAygBTIYIigJKdAxMwEgA lSCiCHHiFkIgQdnihooiisimoiLIjjsg/cfK3DgQlTOdKrvqdo3n93L74dbU951J+mmSRJIkSZIk qTCmTL2rpaFp02OPmKsZd/Oq98xsnXBz1uw5aYZ729pj75Oj0tyOhtveN69+c/79WWXStOOBBQ82 jwUPZfwxLFw0nmbxw9lp0keWdD7aPDofK2ct/HgtTdfSSaRJl7VUYv8j5Kh7eWabjtpLZ8Vfyz/R 08iT01bGXihHvatW46ZrnhoP8vTNe8+Ep5a1sectjL514WX0bCVZH9I8F3ugQtkQmjyfLA7nC7HH KZSNocmLyaZwbo49TqF0hyb9trkD2zDbMNsw2zDbMNsw2zDbMNsw2zDbMNsw2zDbMNsw2zDbMNsw 2zDbMNsw2zDbMNsw2zDbMNuwepuXllXL5bJtJqq3GXj5lVdfe33ef//AJlJvk7QPbhka2Bp7nEKp DPdsW7O6rfa4PfYsRTMyuuONN0e7ao+2+bft/zh1m22YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2Y bZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZht mG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2Y bZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZht mG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2Y bZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZht mG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2Y bZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZht mG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG2YbZhtmG3YrTal0kjsWQplZGhoZ29lV1Kq jO7es3cs9jiF0vfW2++8u+q9ZMe+9z/4cHh/7HEKpbtaLler+5KPOqppmm6OPU6hdKc1/cmmcNpm Itsw2zDbMNsw2zDbMNsw2zDbMNsw2zDbMNsw2zDbMNsw2zDbMNsw2zDbMNsw2zDbMNsw2zDbMNsw 27B6m/nh/Dj2OIVyIDT5JDkYzhWxxymUT0OTz5LBQ7Xz88Ox5ymQseHQZnqSfBEeDh05eqyx4wNN 84PJXSe+bLDoV1+HIidvXtxfTiflm4OxV8rN1m+/y953au3mqcm1+f507JVyUzrzQ+a6Z0uh4rlJ tTl/4WKzuHT5Sta2P64dz9j+05zsNNWfe2N/3fk5/EvGi+TXlbfu/nakJ6vN722DsTfKz4GrCxus eu363r9f/+PGjIZmdcVeKEcjY624aGtf7OkkSZIkSfo/+hPtye9bh1su0gAAAERlWElmTU0AKgAA AAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABG6ADAAQAAAABAAAB XQAAAAAFspxUAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI0LTA5LTEyVDA2OjE1OjE3KzAwOjAwADdz RgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNC0wOS0xMlQwNjoxNToxNyswMDowMHFqy/oAAAAodEVY dGRhdGU6dGltZXN0YW1wADIwMjQtMDktMTJUMDY6MTU6MTcrMDA6MDAmf+olAAAAEXRFWHRleGlm OkNvbG9yU3BhY2UAMQ+bAkkAAAASdEVYdGV4aWY6RXhpZk9mZnNldAAyNlMbomUAAAAYdEVYdGV4 aWY6UGl4ZWxYRGltZW5zaW9uADI4MxWkJYYAAAAYdEVYdGV4aWY6UGl4ZWxZRGltZW5zaW9uADM0 OcUJCNUAAAAASUVORK5CYII='); } .passBox{ display: flex; justify-content: center; margin-bottom: 20px; } .passBox input{ border: 1px solid #d7d7d7; width: 187px; height: 40px; border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .passBox button{ width: 100px; height: 40px; background-color: #299af3; color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } </style> <style> .container { max-width: 800px; margin: 0 auto; position: relative; } .content-wrapper { max-height: 500px; overflow: hidden; position: relative; transition: max-height 1s ease; } .content { padding-bottom: 20px; } .content img { max-width: 100%; height: auto; } .gradient-overlay { position: absolute; bottom: 0; left: 0; right: 0; height: 150px; /* 增加高度 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,1) 100%); pointer-events: none; } .show-more-btn { display: block; margin: 20px auto; background-color: #ff4500; border: none; color: white; padding: 15px 30px; text-align: center; text-decoration: none; font-size: 18px; font-weight: bold; cursor: pointer; border-radius: 50px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; animation: pulse 2s infinite; } .show-more-btn:hover { background-color: #ff6347; transform: translateY(-2px); box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } </style> </body> </html>