CINXE.COM
Apollo Go Robotaxi:Autonomous ride-hailing service provider
<!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <meta name="renderer" content="webkit"> <meta name="force-rendering" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="format-detection" content="telephone=no,telephone=no,email=no,adress=no"> <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"> <title>Apollo Go Robotaxi:Autonomous ride-hailing service provider</title> <meta name="keywords" content="Apollo Go,Robotaxi,Apollo Go Robotaxi,Autonomous ride-hailing service provider"> <meta name="description" content="Apollo Go Robotaxi:Autonomous ride-hailing service provider"> <link rel="canonical" href="https://www.apollogo.com"/> <link rel="shortcut icon" href=""/> <meta name="viewport" content="width=device-width, minimum-scale=0.5, maximum-scale=5, user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!-- 公共引用内容 --> <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link href="/abolo/layui-v2.6.8/layui/css/layui.css" rel="stylesheet" type="text/css" /> <link href="/abolo/css/extend.css" rel="stylesheet" type="text/css" /> <link href="/abolo/css/style.css" rel="stylesheet" type="text/css" /> <script src="/abolo/js/svg-inject.min.js" type="text/javascript"></script> <!-- 调用内容 --> <style type="text/css"> .ub-field-cascade-group{} .ub-field-cascade-group.cascade-group-hide{visibility:hidden;height:0;width:0;overflow:hidden;} .ub-status-text{display:inline-block;margin-right:0.5rem;} .ub-text-ajax-request{display:inline-block;margin-right:0.5rem;} .ub-text-dialog-request{display:inline-block;margin-right:0.5rem;} .ub-text-action{display:inline-block;margin-right:0.5rem;} .ub-text-link{display:inline-block;margin-right:0.5rem;} .ub-button-ajax-request{display:inline-block;} .ub-button-dialog-request{display:inline-block;} .c-common-title{ margin-bottom:8vh} @media screen and (max-width: 900px) { #c-radish-run5 .c-news.c-dt .c-right { display:block; width: 100%; } .c-common-title{ margin-bottom:4vh} } @media (max-width: 971px) { #c-radish-run5 .c-news.c-dt .c-right { display:block; width: 100%; } .c-common-title{ margin-bottom:4vh} } </style> <!-- Header统计代码 --> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?5ac7d4604b50c168ed7d59ba28153cae"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </head> <body> <!-- 顶部 --> <div id="c-header"> <div class="container"> <!-- 顶部logo --> <a class="c-logo" href="/" title="apollo"> <div class="c-img-box"> <img src="http://apollo-new.cdn.bcebos.com/data/image/2024/07/15/30990_bjfi_8012.png" alt="" style="height:45px"> </div> </a> <ul class="c-nav"> </ul> <div class="c-nav2-box"> <ul class="c-nav1"> </ul> </div> <!-- 右侧 --> <div class="c-right-box"> <div class="c-language"> <a href="javascript:;"><img src="/abolo/images/ico-language.svg" alt="English" onload="SVGInject(this)"><span>English</span><i></i></a> <ul class="c-list"> <li><a href="https://www.apollogo.com/">English</a></li> <li><a href="https://www.robotgo.com/">中文</a></li> </ul> </div> <!-- 顶部移动端导航开关 <div class="c-switch" style="opacity:0"> <i></i> <i></i> <i></i> </div>--> </div> </div> </div> <!-- 占位标签,设置导航样式 --> <div id="c-placeholder"></div> <!-- 萝卜快跑1 --> <div id="c-radish-run1"> <img src="http://apollo-new.cdn.bcebos.com/data/image/2024/06/11/8592_2fil_8221.jpg" alt=""> <video src="https://apollo-new.cdn.bcebos.com/apollo-new/robotaxi.mp4" autoplay loop muted webkit-playsinline="true" playsinline="true"></video> <div class="c-box1"> <div class="container"> <h1 class="c-title font60">Apollo Go</br>Autonomous Ride-hailing Service Provider</h1> <p class="c-text font18">We are committed to delivering a safer, more convenient, and more comfortable mobility experience for more users.</p> <a href="javascript:;" class="c-common-btn3 c-dt font16" data-video-src="https://apollo-new.cdn.bcebos.com/apollo-new/luobo.mp4"> <span>Watch the Video</span> <img src="/abolo/images/ico-play2.svg" onload="SVGInject(this)"> </a> </div> </div> </div> <!-- 萝卜快跑2 --> <div id="c-radish-run2" class="pt120"> <div class="container"> <div class="c-common-title wow fadeInUp"> <h2 class="c-title font50">Apollo Go provides autonomous ride-hailing service in:</h2> <div class="c-text font18"> <p>Beijing、Shanghai、Guangzhou、Shenzhen、Chongqing、Wuhan、Chengdu、Changsha、Hefei、Yangquan、Wuzhen.</p> </div> </div> </div> <div class="c-main wow fadeInUp"> <div class="c-left"> <img class="c-bj" src="/abolo/images/radish-run2-bj.jpg" alt=""> <ul class="c-list"> <li style="left: 67%; top: 40%;"> <div class="c-wrap"> <div class="c-dot"></div> <img src="/abolo/images/radish-run2-ico1.png" alt="Beijing"> <p>Beijing</p> </div> </li> <li style="left: 75.3%; top: 59.4%;"> <div class="c-wrap"> <div class="c-dot"></div> <img src="/abolo/images/radish-run2-ico3.png" alt="Shanghai"> <p>Shanghai</p> </div> </li> <li style="left: 53.4%; top: 64.5%;"> <div class="c-wrap"> <div class="c-dot"></div> <img src="/abolo/images/radish-run2-ico4.png" alt="Chongqing"> <p>Chongqing</p> </div> </li> <li style="left: 63%; top: 67%;"> <div class="c-wrap"> <div class="c-dot"></div> <img src="/abolo/images/radish-run2-ico5.png" alt="Changsha"> <p>Changsha</p> </div> </li> <li style="left: 64%; top: 78%;"> <div class="c-wrap"> <div class="c-dot"></div> <img src="/abolo/images/radish-run2-ico6.png" alt="Guangzhou"> <p>Guangzhou</p> </div> </li> <li style="left: 65.3%; top: 79.2%;"> <div class="c-wrap"> <div class="c-dot"></div> <img src="/abolo/images/radish-run2-ico7.png" alt="Shenzhen"> <p>Shenzhen</p> </div> </li> <li style="left: 73.5%; top: 61.5%;"> <div class="c-wrap"> <div class="c-dot"></div> <img src="/data/image/2022/04/29/35514_4djd_6728.png" alt="Wuzhen"> <p>Wuzhen</p> </div> </li> <li style="left: 63%; top: 46%;"> <div class="c-wrap"> <div class="c-dot"></div> <img src="/data/image/2022/04/29/35528_xv7s_9541.png" alt="Yangquan"> <p>Yangquan</p> </div> </li> <li style="left: 65%; top: 62%;"> <div class="c-wrap"> <div class="c-dot"></div> <img src="https://apollo-new.cdn.bcebos.com/images/20220511/radish-run9-ico3.png" alt="Wuhan"> <p>Wuhan</p> </div> </li> <li style="left: 69%; top: 59%;"> <div class="c-wrap"> <div class="c-dot"></div> <img src="http://apollo-new.cdn.bcebos.com/data/image/2022/11/03/36428_jkgp_2092.png" alt="Hefei"> <p>Hefei</p> </div> </li> <li style="left: 48%;top: 60.76%;"> <div class="c-wrap"> <div class="c-dot"></div> <img src="http://apollo-new.cdn.bcebos.com/data/image/2024/07/18/17654_e1zh_5547.png" alt="Chengdu"> <p>Chengdu</p> </div> </li> </ul> </div> <div class="c-right"> <div class="swiper-container c-radish-run2-banner"> <div class="swiper-pagination"></div> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="c-img-box"> <img src="https://apollo-new.cdn.bcebos.com/images/20220511/beijing.jpg" alt="Beijing"> </div> <div class="c-text-box"> <div class="c-lt"> <p class="c-text1"></p> <p class="c-title font24">Beijing</p> </div> <div class="c-text2"> </div> </div> </div> <div class="swiper-slide"> <div class="c-img-box"> <img src="https://apollo-new.cdn.bcebos.com/images/20220511/shanghai.jpg" alt="Shanghai"> </div> <div class="c-text-box"> <div class="c-lt"> <p class="c-text1"></p> <p class="c-title font24">Shanghai</p> </div> <div class="c-text2"> </div> </div> </div> <div class="swiper-slide"> <div class="c-img-box"> <img src="https://apollo-new.cdn.bcebos.com/images/20220511/chongqing.jpg" alt="Chongqing"> </div> <div class="c-text-box"> <div class="c-lt"> <p class="c-text1"></p> <p class="c-title font24">Chongqing</p> </div> <div class="c-text2"> </div> </div> </div> <div class="swiper-slide"> <div class="c-img-box"> <img src="https://apollo-new.cdn.bcebos.com/images/20220511/changsha.jpg" alt="Changsha"> </div> <div class="c-text-box"> <div class="c-lt"> <p class="c-text1"></p> <p class="c-title font24">Changsha</p> </div> <div class="c-text2"> </div> </div> </div> <div class="swiper-slide"> <div class="c-img-box"> <img src="https://apollo-new.cdn.bcebos.com/images/20220511/guangzhou.jpg" alt="Guangzhou"> </div> <div class="c-text-box"> <div class="c-lt"> <p class="c-text1"></p> <p class="c-title font24">Guangzhou</p> </div> <div class="c-text2"> </div> </div> </div> <div class="swiper-slide"> <div class="c-img-box"> <img src="http://apollo-new.cdn.bcebos.com/data/image/2024/07/18/17000_4tze_6898.jpg" alt="Shenzhen"> </div> <div class="c-text-box"> <div class="c-lt"> <p class="c-text1"></p> <p class="c-title font24">Shenzhen</p> </div> <div class="c-text2"> </div> </div> </div> <div class="swiper-slide"> <div class="c-img-box"> <img src="https://apollo-new.cdn.bcebos.com/images/20220511/wuzhen.jpg" alt="Wuzhen"> </div> <div class="c-text-box"> <div class="c-lt"> <p class="c-text1"></p> <p class="c-title font24">Wuzhen</p> </div> <div class="c-text2"> </div> </div> </div> <div class="swiper-slide"> <div class="c-img-box"> <img src="https://apollo-new.cdn.bcebos.com/images/20220511/yangquan.jpg" alt="Yangquan"> </div> <div class="c-text-box"> <div class="c-lt"> <p class="c-text1"></p> <p class="c-title font24">Yangquan</p> </div> <div class="c-text2"> </div> </div> </div> <div class="swiper-slide"> <div class="c-img-box"> <img src="https://apollo-new.cdn.bcebos.com/images/20220511/wuhan.jpg" alt="Wuhan"> </div> <div class="c-text-box"> <div class="c-lt"> <p class="c-text1"></p> <p class="c-title font24">Wuhan</p> </div> <div class="c-text2"> </div> </div> </div> <div class="swiper-slide"> <div class="c-img-box"> <img src="http://apollo-new.cdn.bcebos.com/data/image/2022/11/03/36460_zlpo_5896.jpg" alt="Hefei"> </div> <div class="c-text-box"> <div class="c-lt"> <p class="c-text1"></p> <p class="c-title font24">Hefei</p> </div> <div class="c-text2"> </div> </div> </div> <div class="swiper-slide"> <div class="c-img-box"> <img src="http://apollo-new.cdn.bcebos.com/data/image/2024/07/18/17720_utck_4251.jpg" alt="Chengdu"> </div> <div class="c-text-box"> <div class="c-lt"> <p class="c-text1"></p> <p class="c-title font24">Chengdu</p> </div> <div class="c-text2"> </div> </div> </div> </div> <div class="swiper-button-next"><img src="/abolo/images/ico-arrow2.svg" alt="" onload="SVGInject(this)"></div> <div class="swiper-button-prev"><img src="/abolo/images/ico-arrow2.svg" alt="" onload="SVGInject(this)"></div> </div> </div> </div> </div> <!-- 萝卜快跑21 --> <div id="c-radish-run21" class="ptb120"> <div class="container"> <div class="c-top"> <div class="c-common-title wow fadeInUp"> <h2 class="c-title font50">Make the Daily Commuting More Enjoyable</h2> </div> <div class="swiper-container c-radish-run21-banenr-top font16 wow fadeInUp"> <div class="swiper-wrapper"> <div class="swiper-slide" style="min-width:256px;"> <p class="c-title">Travelling more intelligent</p> </div> <div class="swiper-slide" style="min-width:256px;"> <p class="c-title">Travelling more comfortable</p> </div> <div class="swiper-slide" style="min-width:256px;"> <p class="c-title">Travelling Safer</p> </div> </div> </div> </div> <div class="c-bottom"> <div class="swiper-container c-radish-run21-banenr-bottom wow fadeInUp"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="c-img-box"> <img src="http://apollo-new.cdn.bcebos.com/data/image/2024/07/18/37074_1gzy_1243.jpg" alt="Travelling more intelligent"> </div> <div class="c-text-box"> <p class="c-num font80">01</p> <h3 class="c-title font30">Travelling more intelligent</h3> <div class="c-text font16"> <p>Personalized space</p> <p>Multimodal interaction</p> <p>Nap mode, work mode, and more</p> </div> </div> </div> <div class="swiper-slide"> <div class="c-img-box"> <img src="http://apollo-new.cdn.bcebos.com/data/image/2024/07/18/37135_2jm2_4003.jpg" alt="Travelling more comfortable"> </div> <div class="c-text-box"> <p class="c-num font80">02</p> <h3 class="c-title font30">Travelling more comfortable</h3> <div class="c-text font16"> <p>Ample space</p><p>Customized seats</p><p>AI ecosystem</p> </div> </div> </div> <div class="swiper-slide"> <div class="c-img-box"> <img src="http://apollo-new.cdn.bcebos.com/data/image/2024/07/18/37195_0pgm_7520.jpg" alt="Travelling Safer"> </div> <div class="c-text-box"> <p class="c-num font80">03</p> <h3 class="c-title font30">Travelling Safer</h3> <div class="c-text font16"> <p>Healthy cabin</p><p>Fatigue-free driving</p><p>Enhanced safety of the second row</p> </div> </div> </div> </div> <div class="swiper-button-next"><img src="/abolo/images/ico-arrow2.svg" alt="" onload="SVGInject(this)"></div> <div class="swiper-button-prev"><img src="/abolo/images/ico-arrow2.svg" alt="" onload="SVGInject(this)"></div> </div> </div> </div> </div> <!-- 萝卜快跑3 --> <div style=" background-color:#f3f5f7; text-align:center"> <div class="c-top"> <div class="c-common-title wow fadeInUp" style=" margin-bottom:0; padding-bottom:0.6rem;padding-top:0.6rem;"> <h2 class="c-title font50">Experience Now</h2> </div> </div> <img src="http://apollo-new.cdn.bcebos.com/data/image/2024/07/24/24951_flst_9165.jpg" alt="" style="max-width:100%; width:auto; margin-left:auto; margin-right:auto"> </div> <!-- 萝卜快跑4 --> <!-- 萝卜快跑5新闻 --> <div id="c-radish-run5" style="margin-top: 5vh;"> <div class="container"> <div class="c-common-title wow fadeInUp"> <h2 class="c-title font50">Learn more</h2> </div> <ul class="c-list2 wow fadeInUp"> <li> <div class="c-news c-dt"> <div class="c-left"> <div class="swiper-container c-radish-run5-banner"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a class="c-wrap" href="/news/361.html" > <img src="https://apollo-new.cdn.bcebos.com/data/image/2025/03/1.jpg" alt="Baidu and CATL Forge Strategic Partnership to Accelerate Autonomous Driving and AI Innovation"> </a> </div> </div> <!-- 如果需要分页器 --> <div class="swiper-pagination"></div> <!-- 如果需要导航按钮 --> <div class="swiper-button-next"><img src="/abolo/images/ico-arrow2.svg" alt="" onload="SVGInject(this)"></div> <div class="swiper-button-prev"><img src="/abolo/images/ico-arrow2.svg" alt="" onload="SVGInject(this)"></div> </div> <div class="swiper-container c-radish-run5-banner2"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a class="c-wrap" href="/news/361.html" > <div class="c-text-box"> <h3 class="c-title font24">Baidu and CATL Forge Strategic Partnership to Accelerate Autonomous Driving and AI Innovation</h3> <p class="c-time">2025-02-07</p> <p class="c-text font16">Recently, Baidu and CATL officially signed a strategic cooperation agreement. This collaboration will focus on digital intelligence and autonomous driving,......</p> </div> </a> </div> </div> </div> </div> <div class="c-right"> <ul class="c-list4"> <li> <a class="c-wrap" href="/news/365.html"> <div class="c-tbox"> <h3 class="c-title font16">Baidu Apollo Go signed Mou with RTA to deploy 1000 AV in Dubai</h3> <p class="c-time"></p> </div> <div class="c-bbox"> <div class="c-text-box"> <div class="c-text"> <p>Baidu Apollo Go signed Mou with RTA to deploy 1000 AV in Dubai</p> </div> <p class="c-time"></p> </div> </div> </a> </li> <li> <a class="c-wrap" href="/news/366.html"> <div class="c-tbox"> <h3 class="c-title font16">Baidu’s Apollo Go Partners with Autogo in Plan to Build Abu Dhabi's Largest Robotaxi Fleet</h3> <p class="c-time"></p> </div> <div class="c-bbox"> <div class="c-text-box"> <div class="c-text"> <p>Baidu’s Apollo Go Partners with Autogo in Plan to Build Abu Dhabi's Largest Robotaxi Fleet</p> </div> <p class="c-time"></p> </div> </div> </a> </li> <li> <a class="c-wrap" href="/news/364.html"> <div class="c-tbox"> <h3 class="c-title font16">International Women's Day: Let Apollo Go Take You on a Flower-Filled Journey!</h3> <p class="c-time">2025-03-08</p> </div> <div class="c-bbox"> <div class="c-img-box"> <img src="https://apollo-new.cdn.bcebos.com/data/image/2025/03/6.png" alt="Baidu Apollo's Functional Safety Gains International Authoritative Recognition from SGS"> </div> <div class="c-text-box"> <div class="c-text"> <p>This International Women's Day, we’ve prepared a special surprise just for her. Apollo Go invites you to embark on a Flower-Filled Journey in our specially decorated cars</p> </div> <p class="c-time">2025-03-08</p> </div> </div> </a> </li> <li> <a class="c-wrap" href="/news/362.html"> <div class="c-tbox"> <h3 class="c-title font16">Baidu Apollo's Functional Safety Gains International Authoritative Recognition from SGS</h3> <p class="c-time">2024-01-24</p> </div> <div class="c-bbox"> <div class="c-img-box"> <img src="https://apollo-new.cdn.bcebos.com/data/image/2025/03/2.png" alt="Baidu Apollo's Functional Safety Gains International Authoritative Recognition from SGS"> </div> <div class="c-text-box"> <div class="c-text"> <p>Recently, SGS, an internationally recognized testing, inspection, and certification organization,</p> </div> <p class="c-time">2024-01-24</p> </div> </div> </a> </li> <li> <a class="c-wrap" href="/news/363.html"> <div class="c-tbox"> <h3 class="c-title font16">Apollo Go Launches 'Respect the Elderly Week' with Free Rides for Seniors</h3> <p class="c-time">2024-06-10</p> </div> <div class="c-bbox"> <div class="c-img-box"> <img src="http://apollo-new.cdn.bcebos.com/data/image/2024/06/13/39004_7xuw_8927.jpg" alt="Apollo Go Launches 'Respect the Elderly Week' with Free Rides for Seniors"> </div> <div class="c-text-box"> <div class="c-text"> <p>Apollo Go has launched a special initiative for "Respect the Elderly Week." From June 7 to June 11, seniors aged 60 and above can enjoy free rides with Apollo Go. </p> </div> <p class="c-time">2024-06-10</p> </div> </div> </a> </li> </ul> </div> </div> </li> </ul> <div class="c-link wow fadeInUp"> <!--<a href="/news?label=萝卜快跑">更多资讯 <i></i></a> <!--<a href="/means/video">更多视频 <i></i></a>--> </div> </div> </div> </div> <!-- 萝卜快跑5新闻 --> <!-- 萝卜快跑7 --> <!-- 萝卜快跑71 --> <!-- 萝卜快跑8 --> <div class="ptb80"> <div class="container"> <p style="color:#666; margin-bottom:10px">FOLLOW US:</p> <p><a style="padding-right:10px;" target="_blank" href="https://x.com/BaiduApollo">X</a> <a style="padding-right:10px;" target="_blank" href="https://www.linkedin.com/company/baiduapollo/?viewAsMember=true">LinkedIn</a> <a style="padding-right:10px;" target="_blank" href="https://www.facebook.com/BaiduApollo">Facebook</a> <a style="padding-right:10px;" target="_blank" href="https://www.youtube.com/@BaiduApollo">YouTube</a> </p> </div> </div> <!-- 公共模块1 --> <!-- 浮动 --> <!-- 下载弹窗 --> <form id="c-download-pop" action=""> <div class="c-box font16"> <div class="c-close"> <img src="/abolo/images/ico-close.svg" alt="" onload="SVGInject(this)"> </div> <h2 class="c-title font50">Download Now</h2> <p class="c-text1">Once for All</p> <input id="download-mc" type="text" placeholder="Your Organization (Required)"> <input id="download-ch" type="text" placeholder="Your Name (Required)"> <input id="download-dh" type="text" placeholder="Your Email (Required)"> <button class="c-common-btn4" type="button"> <span>Submit</span><img src="/abolo/images/c-jt3.png" onload="SVGInject(this)"> </button> </div> </form> <!-- 右侧弹窗 --> <ul id="c-right-pop"> <li class="side1"> <a href="javascript:;" class="onaccess" id="c-show-msg" data-string="5Y+z5L6n5rWu5Yqo56qXX+WSqOivonx8YXBvbGxv"> <img src="/abolo/images/ico-consult.svg" alt="" onload="SVGInject(this)"> <p class="c-text1 font14">Consult</p> <p class="c-text2 font16"><span>售前在线咨询</span></p> </a> </li> <li class="side5"> <a href="javascript:;" id="c-go-top"> <img src="/abolo/images/ico-top.svg" alt="" onload="SVGInject(this)"> <p class="c-text1 font14">Top</p> </a> </li> </ul> <!-- Cookie弹窗 --> <div id="c-cookie-pop"> <div class="container font16"> <div class="c-top"> <p class="c-title font18">Privacy Note</p> <div class="c-close"> <img src="/abolo/images/ico-close.svg" alt="" onload="SVGInject(this)"> </div> </div> <div class="c-bottom"> <div class="c-text"> <p>We uses cookies to personalise and enhance your browsing experience of the website portal and its complements. By clicking "Accept all" you agree to the use of this technology. </p> </div> <div class="c-btn-box"> <a class="c-btn" href="javascript:;">Accept all</a> </div> </div> </div> </div> <!-- 视频弹窗 --> <div id="hi-video-pop"> <div href="javascript:;" class="hi-close"> <p class="c-text font16">Turn off the Video</p> </div> <div class="hi-video-wrap"> <video src="" controls preload="none" webkit-playsinline="true" playsinline="true"></video> </div> </div> <!-- 触发弹窗表单 --> <!-- 公共留言弹窗 --> <form action="" class="c-common-msg-pop c-msg-pop9"> <div class="c-wrap-box font16"> <div class="c-close"> <img src="/abolo/images/ico-close.svg" alt="" onload="SVGInject(this)"> </div> <h2 class="c-title font36">Please fill in your identity information:</h2> <div class="c-wrap"> <ul class="c-list"> <li class="c-dt"> <p class="c-title2">Name <span>*</span></p> <div class="c-box"> <input type="text" name="" class="msg-xm" placeholder="Required"> </div> </li> <li class="c-dt"> <p class="c-title2">Phone number<span>*</span></p> <div class="c-box"> <input type="text" class="msg-dh" placeholder="Required"> </div> </li> <!--<li class="c-dt">--> <!-- <p class="c-title2">地区 <span>*</span></p>--> <!-- <div class="c-box">--> <!-- <select name="" class="msg-sf" id="public-province">--> <!-- <option value="">请选择</option>--> <!-- </select>--> <!-- </div>--> <!--</li>--> <!--<li class="c-dt">--> <!-- <div class="c-box">--> <!-- <select name="" class="msg-cs" id="public-city">--> <!-- <option value="">请选择</option>--> <!-- </select>--> <!-- </div>--> <!--</li>--> <!--<li class="c-dt">--> <!-- <p class="c-title2">行业 <span>*</span></p>--> <!-- <div class="c-box">--> <!-- <select name="" class="msg-hy">--> <!-- <option value="">请选择</option>--> <!-- --> <!-- <option value="互联网">互联网</option>--> <!-- --> <!-- <option value="学院">学院</option>--> <!-- --> <!-- </select>--> <!-- </div>--> <!--</li>--> <!--<li class="c-dt">--> <!-- <p class="c-title2">职位 <span>*</span></p>--> <!-- <div class="c-box">--> <!-- <select name="" class="msg-zw">--> <!-- <option value="">请选择</option>--> <!-- </select>--> <!-- </div>--> <!--</li>--> <li class="c-dt gs"> <p class="c-title2">Company<span>*</span></p> <div class="c-box"> <input type="text" class="msg-gs getcompany" tonke="678b365611" placeholder="Required"> <ul class="c-getcompany-list"></ul> </div> </li> <li class="c-dt"> <p class="c-title2">Email</p> <div class="c-box"> <input type="text" class="msg-yx" placeholder="Required"> </div> </li> <!--<li class="c-dt">--> <!-- <p class="c-title2">预算</p>--> <!-- <div class="c-box">--> <!-- <select name="" class="msg-ys">--> <!-- <option value="">不确定</option>--> <!-- <option value="100万以下">100万以下</option>--> <!-- <option value="100~500万">100~500万</option>--> <!-- <option value="500~1000万">500~1000万</option>--> <!-- <option value="1000万以上">1000万以上</option>--> <!-- </select>--> <!-- </div>--> <!--</li>--> <!--<li class="c-dt">--> <!-- <p class="c-title2">预计采购时间</p>--> <!-- <div class="c-box">--> <!-- <select name="" class="msg-sj">--> <!-- <option value="">不确定</option>--> <!-- <option value="3个月以内">3个月以内</option>--> <!-- <option value="3~6个月">3~6个月</option>--> <!-- <option value="6~12个月">6~12个月</option>--> <!-- <option value="1年以上">1年以上</option>--> <!-- </select>--> <!-- </div>--> <!--</li>--> <li> <p class="c-title2">Content <span>*</span></p> <textarea name="" class="msg-bj" placeholder="Required"></textarea> </li> </ul> </div> <button class="c-common-btn4 font18" type="button"> <span>Submit</span> <img src="/abolo/images/c-jt3.png" alt=""> </button> </div> </form> <!-- 底部 --> <div style=" width:100%; height:auto; text-align:center; background-color:#333; padding-top:15px; padding-bottom:15px;"> </div> <script src="/abolo/layui-v2.6.8/layui/layui.js"></script> <script src="/abolo/js/extend.js" type="text/javascript"></script> <script src="/abolo/js/common.js" type="text/javascript"></script> <script type="module"> var pcas1 = new PCAS("contact-province,请选择省","contact-city,请选择市"); var pcas2 = new PCAS("drive-province,请选择省","drive-city,请选择市"); var pcas2 = new PCAS("contact-province2,请选择省","contact-city2,请选择市"); var pcas2 = new PCAS("public-province,请选择省","public-city,请选择市"); // 放大图查看 import PhotoSwipeLightbox from '/abolo/js/photoswipe-lightbox.esm.js'; import PhotoSwipe from '/abolo/js/photoswipe.esm.js'; $(document).ready(function(){ if($(window).width()<991){ $("#c-solution3 .c-img-box").each(function(){ var w,h,oImg=$(this).find("img").get(0); if (oImg.naturalWidth) { w = oImg.naturalWidth; h = oImg.naturalHeight; } else { var nImg = new Image(); nImg.onload = function () { w = nImg.width; h = nImg.height; } nImg.src = oImg.src; } $(this).attr({ "data-pswp-width":w, "data-pswp-height":h, }); }); const lightbox = new PhotoSwipeLightbox({ gallery: '#c-solution3', children: '.c-img-box', pswpModule: PhotoSwipe }); lightbox.init(); $("#c-solution1-2 .c-main .c-img-box").each(function(){ var w,h,oImg=$(this).find("img").get(0); if (oImg.naturalWidth) { w = oImg.naturalWidth; h = oImg.naturalHeight; } else { var nImg = new Image(); nImg.onload = function () { w = nImg.width; h = nImg.height; } nImg.src = oImg.src; } $(this).attr({ "data-pswp-width":w, "data-pswp-height":h, }); }); const lightbox2 = new PhotoSwipeLightbox({ gallery: '#c-solution1-2', children: '.c-img-box', pswpModule: PhotoSwipe }); lightbox2.init(); } $("#c-img-info .c-list2 .c-wrap").each(function(){ var w,h,oImg=$(this).find("img").get(0); console.log(oImg.naturalWidth) if (oImg.naturalWidth) { w = oImg.naturalWidth; h = oImg.naturalHeight; } else { var nImg = new Image(); nImg.onload = function () { w = nImg.width; h = nImg.height; } nImg.src = oImg.src; } $(this).attr({ "data-pswp-width":w, "data-pswp-height":h, }); }); $("#c-solution3 .c-img-box") const lightbox3 = new PhotoSwipeLightbox({ gallery: '#c-img-info .c-list', children: '.c-wrap', pswpModule: PhotoSwipe }); lightbox3.init(); }); // 公司请求 - ON var uxchinese = true; $('input.getcompany').on({ input : function(e){ if(uxchinese){ var uxinput = $(this).val(); if(uxinput.length >= 2){ getcorporatename(uxinput); } } }, compositionstart : function(e){ uxchinese = false; }, compositionend : function(e){ uxchinese = true; var uxinput = $(this).val(); if(uxinput.length >= 2){ getcorporatename(uxinput); } } }) var uxgetspeed = true, uxvalue = 5, uxnum = uxvalue; function getcorporatename(input){ if(uxgetspeed){ uxgetspeed = false; var _this = $("input[class*=getcompany]"); if(input != ""){ $.ajax({ type: 'post', url: '/gain/corporatename', data: { 'entname' : input, }, success: function (res){ getcompanyHtml = ""; if(res.code == 200 && res.data.length >0){ for(var i in res.data){ getcompanyHtml += ` <li>${res.data[i].entName}</li> ` } }else{ getcompanyHtml = ""; } _this.next().html(getcompanyHtml); uxnum = uxvalue; uxgetspeed = true; }, error: function(error){ uxnum = uxvalue; uxgetspeed = true; } }) } }else{ if(uxnum>0){ uxnum = uxnum-1; }else{ uxnum = uxvalue; uxgetspeed = true; } } } // 公司请求 - END // 项目类型请求 - ON var formReset = true; $(document).on("change", ".c-list .c-dt .c-box select.uxselect",function(){ var uxid = $(this).find("option:selected").attr("uxid"), uxname = $(this).find("option:selected").attr("uxname"), optionHtml = '<option value="">请选择项目类型</option>'; // 判断是否改变提交值 if(uxid){ // 改变Select的Name值 $("select.uxselect").attr('name',uxname); $("select.uxoption").attr('name',uxname); } // 判断是否请求获取参数 if(uxid){ $.ajax({ type: 'post', url: '/form/enterprisetype', data: { 'uxid' : uxid, }, success: function (res){ if(res.code == 200 && res.data.length >0){ for(var i in res.data){ optionHtml += ` <option value="${res.data[i]}">${res.data[i]}</option> ` } } $("select[class*='uxoption']").html(optionHtml); }, error: function(error){ } }) }else{ $("select[class*='uxoption']").html(optionHtml); } }) $(document).on("change", ".c-list .c-dt .c-box select.aloneselect",function(){ var uxid = $(this).find("option:selected").attr("uxid"), optionHtml = '', ondata = "", data = ""; // 判断是否请求获取参数 if(uxid){ $.ajax({ type: 'post', url: '/form/enterprisetype', data: { 'uxid' : uxid, }, success: function (res){ if(res.code == 200 && res.data.length >0){ for(var i in res.data){ data = res.data[i].split("#"); if(i==0){ ondata = data[1]; } optionHtml += ` <option value="${data[0]}" uxinput="true" aloneinput="${data[1]}">${data[0]}</option> ` } } $("select[class*='aloneoption']").html(optionHtml); $(".uxinput").hide(); if(typeof(ondata) != "undefined"){ $(".uxinput").show(); $(".uxinput input").attr("placeholder",ondata); } }, error: function(error){ } }) }else{ $("select[class*='aloneoption']").html(optionHtml); $(".uxinput").hide(); } }) $(document).on("change", ".c-list .c-dt .c-box select.aloneoption",function(){ var aloneinput = $(this).find("option:selected").attr("aloneinput"); if(aloneinput == "undefined" || typeof(aloneinput) == "undefined"){ $(".uxinput").hide(); }else{ $(".uxinput").show(); $(".uxinput input").attr("placeholder",aloneinput); } }) // 项目类型请求 - END var getcompanyHtml = ""; var getcompanyTime = null; $(document).on("click", ".c-getcompany-list li",function(){ // console.log(11111) var _this = $(this); $(this).parent().prev().val($(this).text()); getcompanyTime = setTimeout(function(){ _this.prev().html(""); clearTimeout(getcompanyTime); },200); }); $(".getcompany").blur(function(){ var _this = $(this); getcompanyTime = setTimeout(function(){ _this.next().html(""); clearTimeout(getcompanyTime); },200); }); // 表单统计 $(document).on("click", ".onaccess", function(){ var string = $(this).data('string'); $.ajax({ type: 'post', url: '/cms/onaccess', data: { 'string' : string, }, success: function (res){ }, error: function(error){ }, }) }) </script> <script> // M端 $(document).on("click","div[uxclick*='true']",function(){ // 防止快速二次触碰 $(this).attr("uxclick","false"); // 获取数据 var uxid = $(this).attr("uxid"); $.ajax({ type: "POST" ,url: "/uxget/topnavm" ,data: { "uxid" : uxid, "position" : "header", } ,success : function(success){ // 资料填写 $("#uxFillPcDb"+uxid).html(success); // 资料填入不允许再次触碰 $(this).attr("uxclick","false"); } ,error : function(error){ // 资料填入失败,恢复再次获取 $(this).attr("uxclick","true"); } }) }) </script> <script> $(function () { }); </script> <!--ux后台事件--> <script type="text/javascript"> $(function(){ // 定义资料中心对应数据 var meanstag = []; meanstag['574'] = "drivetag"; meanstag['575'] = "automobiletag"; meanstag['576'] = "traffictag"; // 初始隐藏 for(i in meanstag){ $("div[lay-filter*='"+meanstag[i]+"']").parents("div[id*=Field]").hide(); } // 获取编辑CATID $("select[name*='catId'] option").each(function(){ if($(this).is(':checked')){ var $catIdthis = $(this).val(); var showEdit = meanstag[$catIdthis]; $("div[lay-filter*='"+showEdit+"']").parents("div[id*=Field]").show(); } }) // 资料中心选择-标签显示事件 $(document).on("change", "select[name*='catId']", function(){ var $thisid = $(this).val(); var show = meanstag[$thisid]; // 全部隐藏 for(i in meanstag){ $("div[lay-filter*='"+meanstag[i]+"']").parents("div[id*=Field]").hide(); } // 选中展示 $("div[lay-filter*='"+show+"']").parents("div[id*=Field]").show(); }) }) </script> <!-- Body站点统计代码 --> </body> </html> <!DOCTYPE html> <html>