213b1e2a04217c144570604b6ade35c7.php 43 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849
  1. <?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:72:"D:\wamp64\www\Home-Data\public/../application/home\view\index\index.html";i:1559723533;}*/ ?>
  2. <!DOCTYPE HTML>
  3. <html lang="zxx">
  4. <head>
  5. <title>AQM</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta charset="utf-8">
  8. <meta name="keywords" content=""/>
  9. <link rel="SHORTCUT ICON" href="<?php echo HOME_SITE_ROOT; ?>/images/LOGO.png"/>
  10. <!--引用百度地图API-->
  11. <style type="text/css">
  12. html, body {
  13. margin: 0;
  14. padding: 0;
  15. }
  16. .iw_poi_title {
  17. color: #CC5522;
  18. font-size: 14px;
  19. font-weight: bold;
  20. overflow: hidden;
  21. padding-right: 13px;
  22. white-space: nowrap
  23. }
  24. .iw_poi_content {
  25. font: 12px arial, sans-serif;
  26. overflow: visible;
  27. padding-top: 4px;
  28. white-space: -moz-pre-wrap;
  29. word-wrap: break-word
  30. }
  31. </style>
  32. <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
  33. <script>
  34. addEventListener("load", function () {
  35. setTimeout(hideURLbar, 0);
  36. }, false);
  37. function hideURLbar() {
  38. window.scrollTo(0, 1);
  39. }
  40. </script>
  41. <!-- Bootstrap Core CSS -->
  42. <link href="<?php echo HOME_SITE_ROOT; ?>/css/bootstrap.css" rel='stylesheet' type='text/css'/>
  43. <!-- gallery css -->
  44. <link rel="stylesheet" href="<?php echo HOME_SITE_ROOT; ?>/css/swipebox.css">
  45. <!-- Custom CSS -->
  46. <link href="<?php echo HOME_SITE_ROOT; ?>/css/style.css" rel='stylesheet' type='text/css'/>
  47. <!-- font-awesome icons -->
  48. <link href="<?php echo HOME_SITE_ROOT; ?>/css/fontawesome-all.min.css" rel="stylesheet">
  49. <!-- //Custom Theme files -->
  50. <!--webfonts-->
  51. <link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
  52. rel="stylesheet">
  53. <!--//webfonts-->
  54. </head>
  55. <body>
  56. <!-- header -->
  57. <!--<header style="position: fixed; width: 100%; background: #111; opacity: 0.8;">-->
  58. <header style="width: 100%; background: #010101;">
  59. <div class="container" style="height: 30px; line-height: 1;">
  60. <nav class="navbar navbar-expand-lg navbar-light" style="display: flex; justify-content: flex-end;">
  61. <a class="btn-lg-block w3ls-btn px-4 text-uppercase font-weight-bold" data-toggle="modal"
  62. aria-pressed="false" data-target="#exampleModal"
  63. style="cursor: pointer; color: #fff; font-weight: 500 !important;">
  64. 注册
  65. </a>
  66. <a class="btn-lg-block w3ls-btn px-4 text-uppercase font-weight-bold" data-toggle="modal"
  67. aria-pressed="false" data-target="#exampleModal"
  68. style="cursor: pointer; color: #fff; font-weight: 500 !important;">
  69. 登陆
  70. </a>
  71. </nav>
  72. </div>
  73. <div style="border-bottom: 1px solid #505050;"></div>
  74. <div class="container" style="height: 40px; line-height: 0.8;">
  75. <nav class="navbar navbar-expand-lg navbar-light">
  76. <a class="navbar-brand" style="color: #fff; font-weight: 800;" href="index.html">
  77. ANQUANMAO
  78. </a>
  79. <button class="navbar-toggler ml-md-auto" type="button" data-toggle="collapse"
  80. data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
  81. aria-expanded="false" aria-label="Toggle navigation">
  82. <span class="navbar-toggler-icon"></span>
  83. </button>
  84. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  85. <ul class="navbar-nav mx-auto text-center" style="margin-right: 0 !important;">
  86. <li class="nav-item mr-3">
  87. <a class="nav-link scroll" href="index.html">首页</a>
  88. </li>
  89. <li class="nav-item mr-3">
  90. <a class="nav-link scroll" href="#services">产品与服务</a>
  91. </li>
  92. <li class="nav-item dropdown mr-3">
  93. <a class="nav-link scroll" href="#about">关于我们</a>
  94. <!--<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
  95. aria-expanded="false">
  96. Dropdown
  97. </a>
  98. <div class="dropdown-menu" aria-labelledby="navbarDropdown">
  99. <a class="dropdown-item scroll" href="#services">Services</a>
  100. <a class="dropdown-item scroll" href="#team">Team</a>
  101. <a class="dropdown-item scroll" href="#gallery">Gallery</a>
  102. <div class="dropdown-divider"></div>
  103. <a class="dropdown-item scroll" href="#pricing">Pricing Plans</a>
  104. <a class="dropdown-item scroll" href="#testimonials">Testimonials</a>
  105. </div>-->
  106. </li>
  107. <li class="nav-item">
  108. <a class="nav-link scroll" href="#contact">联系我们</a>
  109. </li>
  110. </ul>
  111. <!--<button type="button" class="btn btn-info btn-lg-block w3ls-btn px-4 text-uppercase font-weight-bold" data-toggle="modal"
  112. aria-pressed="false" data-target="#exampleModal">
  113. order
  114. </button>-->
  115. </div>
  116. </nav>
  117. </div>
  118. <div style="border-bottom: 1px solid #505050;"></div>
  119. </header>
  120. <!-- //header -->
  121. <!-- banner -->
  122. <div class="banner" id="home">
  123. <div class="container">
  124. <div class="text-center">
  125. <div class="callbacks_container" style="min-height: 320px; height: 32vw;">
  126. <ul class="rslides" id="slider3">
  127. <li>
  128. <div class="slider-info" style="text-align: left !important;">
  129. <p style="font-size: 2.8vw;">全球足球/篮球/网球</p>
  130. <p style="font-size: 2.8vw; margin-top: -20px;">赛事数据覆盖</p>
  131. <p style="font-size: 4vw; color: #00DDB4; margin-top: -20px; text-decoration:underline">
  132. SPECIALITY</p>
  133. <p style="font-size: 1vw; margin-top: -20px;">200+国家和地区/2600+足球赛事/500+篮球赛事 </p>
  134. </div>
  135. </li>
  136. <li>
  137. <div class="slider-info" style="text-align: left !important;">
  138. <p style="font-size: 2.8vw;">全球足球/篮球/网球</p>
  139. <p style="font-size: 2.8vw; margin-top: -20px;">赛事数据覆盖</p>
  140. <p style="font-size: 4vw; color: #00DDB4; margin-top: -20px; text-decoration:underline">
  141. SPECIALITY</p>
  142. <p style="font-size: 1vw; margin-top: -20px;">200+国家和地区/2600+足球赛事/500+篮球赛事 </p>
  143. </div>
  144. </li>
  145. <li>
  146. <div class="slider-info" style="text-align: left !important;">
  147. <p style="font-size: 2.8vw;">全球足球/篮球/网球</p>
  148. <p style="font-size: 2.8vw; margin-top: -20px;">赛事数据覆盖</p>
  149. <p style="font-size: 4vw; color: #00DDB4; margin-top: -20px; text-decoration:underline">
  150. SPECIALITY</p>
  151. <p style="font-size: 1vw; margin-top: -20px;">200+国家和地区/2600+足球赛事/500+篮球赛事 </p>
  152. </div>
  153. </li>
  154. </ul>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. <!-- //banner -->
  160. <!-- about -->
  161. <!--<section class="about-w3ls" id="about">
  162. <div class="container">
  163. <div class="jumbotron text-center pt-0">
  164. &lt;!&ndash;<img src="images/about.jpg" alt="" class="img-fluid rounded-circle">&ndash;&gt;
  165. <h1 class="ab-title my-5">我们的服务</h1>
  166. <h2 class="lead">Donec consequat sapien ut leo cursus rhoncus. Nullam dui mi, vulputate ac metus at, semper varius orci. Nulla accumsan
  167. ac elit in congue.</h2>
  168. <hr class="my-4">
  169. <p>rerum hic tenetur a sapiente delectus reiciendis maiores alias consequatur aut consequat sapien ut leo cursus rhoncus.
  170. Nullam dui mi, vulputate ac metus .</p>
  171. <p class="lead">
  172. <a class="btn btn-primary btn-lg mt-3 scroll" href="#services" role="button">Learn more</a>
  173. </p>
  174. </div>
  175. </div>
  176. </section>-->
  177. <!-- //about -->
  178. <!--services-->
  179. <div class="agileits-services py-md-5 py-3" id="services">
  180. <div class="container">
  181. <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #111; font-weight: 700;">我们的服务<p
  182. style="font-size: 12px;">Our Waiter
  183. <p></h3>
  184. <div class="agileits-services-row row py-md-5 pb-5">
  185. <div class="col-lg-3 col-md-6 agileits-services-grids" style="background: #48FD9C;">
  186. <h4 class="mt-2 mb-3" style=" color: #fff">即时数据</h4>
  187. <p> style=" color: #fff"覆盖200个国家和地区的足球、篮球 和网球赛事即时数据</p>
  188. <img src="<?php echo HOME_SITE_ROOT; ?>/images/immediate.png">
  189. </div>
  190. <div class="col-lg-3 col-md-6 agileits-services-grids mt-md-0 mt-3" style="background: #EE6AFF;">
  191. <h4 style=" color: #fff" class="mt-2 mb-3">足球资料库</h4>
  192. <p style=" color: #fff">超过2600+不同赛事、37000+不同 球队的详细资料和数据统计</p>
  193. <img src="<?php echo HOME_SITE_ROOT; ?>/images/database.png">
  194. </div>
  195. <div class="col-lg-3 col-md-6 agileits-services-grids mt-lg-0 mt-3" style="background: #FF7070;">
  196. <h4 style=" color: #fff" class="mt-2 mb-3">动画直播</h4>
  197. <p style=" color: #fff">2D、3D动画直播 直播最快速度洞悉 比赛走向</p>
  198. <img src="<?php echo HOME_SITE_ROOT; ?>/images/animation.png">
  199. </div>
  200. <div class="col-lg-3 col-md-6 agileits-services-grids mt-lg-0 mt-3" style="background: #FFD656;">
  201. <h4 style=" color: #fff" class="mt-2 mb-3">正式上线</h4>
  202. <p style=" color: #fff">数据创造价值为客户提供多维度的体 育资讯数据的产品解决方案</p>
  203. <img src="<?php echo HOME_SITE_ROOT; ?>/images/online.png">
  204. </div>
  205. </div>
  206. </div>
  207. </div>
  208. <!-- team -->
  209. <section class="wthree-row py-5" id="team">
  210. <div class="container py-md-5 py-3">
  211. <div class="py-md-5 py-3 bg-pricemain text-center">
  212. <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #111; font-weight: 700;">
  213. 解决方案<p style="font-size: 12px;">The Solution
  214. <p></h3>
  215. </div>
  216. <div class="row">
  217. <div class="col-lg-3 col-sm-6 team-grids">
  218. <div class="team-effect" onmouseover="move(1)" onmouseout="moveOut(1)">
  219. <img src="<?php echo HOME_SITE_ROOT; ?>/images/t1.png" alt="img" class="img-responsive">
  220. <div id="team-img-text-1" class="team-img-text" style="display: none">
  221. 提供所有热门赛事实时数据及详实 的球员数据,细化到能力评分、技 术特点、擅长位置;全面的球队数 据,覆盖到场馆教练、球员转会、 荣誉、伤停信息;以及重点赛事全
  222. 覆盖的积分榜、射手榜、助攻榜; 更有球队球员跑动距离、射门、过 人、拦截、犯规、扑救等深度数据 统计。
  223. </div>
  224. </div>
  225. <!-- team text -->
  226. <div class="footerv2-w3ls mt-3" style="text-align: center;">
  227. <h4 id="team-title-1" style="color: #111">体育资讯解决方案</h4>
  228. <p id="team-en-1" style="color: #111">Sports information</p>
  229. <div id="team-line-1" class="team-line" style="border-bottom: 1px solid #111;"></div>
  230. </div>
  231. <!-- //team text -->
  232. </div>
  233. <div class="col-lg-3 col-sm-6 team-grids mt-sm-0 mt-5">
  234. <!-- team text -->
  235. <div class="footerv2-w3ls mt-3" style="text-align: center;">
  236. <h4 id="team-title-2" style="color: #111">比分数据解决方案</h4>
  237. <p id="team-en-2" style="color: #111">Live scores & Sports data</p>
  238. <div id="team-line-2" class="team-line" style="border-bottom: 1px solid #111;"></div>
  239. </div>
  240. <!-- //team text -->
  241. <div class="team-effect" onmouseover="move(2)" onmouseout="moveOut(2)">
  242. <img src="<?php echo HOME_SITE_ROOT; ?>/images/t3.png" alt="img" class="img-responsive">
  243. <div id="team-img-text-2" class="team-img-text" style="display: none">
  244. 提供所有热门赛事实时数据及详实 的球员数据,细化到能力评分、技 术特点、擅长位置;全面的球队数 据,覆盖到场馆教练、球员转会、 荣誉、伤停信息;以及重点赛事全
  245. 覆盖的积分榜、射手榜、助攻榜; 更有球队球员跑动距离、射门、过 人、拦截、犯规、扑救等深度数据 统计。
  246. </div>
  247. </div>
  248. </div>
  249. <div class="col-lg-3 col-sm-6 team-grids mt-lg-0 mt-5">
  250. <div class="team-effect" onmouseover="move(3)" onmouseout="moveOut(3)">
  251. <img src="<?php echo HOME_SITE_ROOT; ?>/images/t2.png" alt="img" class="img-responsive">
  252. <div id="team-img-text-3" class="team-img-text" style="display: none">
  253. 提供所有热门赛事实时数据及详实 的球员数据,细化到能力评分、技 术特点、擅长位置;全面的球队数 据,覆盖到场馆教练、球员转会、 荣誉、伤停信息;以及重点赛事全
  254. 覆盖的积分榜、射手榜、助攻榜; 更有球队球员跑动距离、射门、过 人、拦截、犯规、扑救等深度数据 统计。
  255. </div>
  256. </div>
  257. <!-- team text -->
  258. <div class="footerv2-w3ls mt-3" style="text-align: center;">
  259. <h4 id="team-title-3" style="color: #111">虚拟竞猜解决方案</h4>
  260. <p id="team-en-3" style="color: #111">Simulation contest</p>
  261. <div id="team-line-3" class="team-line" style="border-bottom: 1px solid #111;"></div>
  262. </div>
  263. <!-- //team text -->
  264. </div>
  265. <div class="col-lg-3 col-sm-6 team-grids mt-lg-0 mt-5">
  266. <!-- team text -->
  267. <div class="footerv2-w3ls mt-3" style="text-align: center;">
  268. <h4 id="team-title-4" style="color: #111">彩票产品解决方案</h4>
  269. <p id="team-en-4" style="color: #111">Lottery products</p>
  270. <div id="team-line-4" class="team-line" style="border-bottom: 1px solid #111;"></div>
  271. <!-- //team text -->
  272. <div class="team-effect" onmouseover="move(4)" onmouseout="moveOut(4)">
  273. <img src="<?php echo HOME_SITE_ROOT; ?>/images/t4.png" alt="img" class="img-responsive">
  274. <div id="team-img-text-4" class="team-img-text" style="display: none">
  275. 提供所有热门赛事实时数据及详实 的球员数据,细化到能力评分、技 术特点、擅长位置;全面的球队数 据,覆盖到场馆教练、球员转会、 荣誉、伤停信息;以及重点赛事全
  276. 覆盖的积分榜、射手榜、助攻榜; 更有球队球员跑动距离、射门、过 人、拦截、犯规、扑救等深度数据 统计。
  277. </div>
  278. </div>
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283. </section>
  284. <!-- //services-->
  285. <!-- stats -->
  286. <section class="agile_stats text-center py-5" id="about">
  287. <div class="container pt-sm-5">
  288. <div class="stats_agile mb-sm-5 mb-3">
  289. <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #fff; font-weight: 700;">了解我们
  290. <p style="font-size: 12px; color: #fff;">Learn More About Our
  291. <p></h3>
  292. </div>
  293. <div class="row">
  294. <div class="col-lg-3 col-md-6">
  295. <div class="pt-5 px-3 pb-3">
  296. <div class="counter-our-number">
  297. <span style="font-size: 80px">11</span>
  298. <span style="margin-top: 15px">年</span>
  299. </div>
  300. <p class="count-text text-capitalize" style="color: #FF91A2">11年互联网技术的革新</p>
  301. </div>
  302. </div>
  303. <div class="col-lg-3 col-md-6 mt-md-0 mt-sm-5 mt-3">
  304. <div class="pt-5 px-3 pb-3">
  305. <div class="counter-our-number">
  306. <span style="font-size: 80px">150</span>
  307. <span style="margin-top: 15px">名</span>
  308. </div>
  309. <p class="count-text text-capitalize" style="color: #FF91A2">150名有激情的思想的队友</p>
  310. </div>
  311. </div>
  312. <div class="col-lg-3 col-md-6 mt-lg-0 mt-sm-5 mt-3">
  313. <div class="pt-5 px-3 pb-3">
  314. <div class="counter-our-number">
  315. <span style="font-size: 80px">4</span>
  316. <span style="margin-top: 15px">大</span>
  317. </div>
  318. <p class="count-text text-capitalize" style="color: #FF91A2">4大业务体系整合开发</p>
  319. </div>
  320. </div>
  321. <div class="col-lg-3 col-md-6 mt-lg-0 mt-sm-5 mt-3">
  322. <div class="pt-5 px-3 pb-3">
  323. <div class="counter-our-number"><span style="font-size: 80px">800+</span></div>
  324. <p class="count-text text-capitalize" style="color: #FF91A2">4大业务体系整合开发</p>
  325. </div>
  326. </div>
  327. </div>
  328. </div>
  329. </section>
  330. <!-- //stats -->
  331. <!-- //team -->
  332. <!--<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >建站模板</a></div>-->
  333. <!-- gallery -->
  334. <!--<div class="gallery py-md-5 py-3" id="gallery">
  335. <div class="container">
  336. <h3 class="w3ls-title text-center text-capitalize py-md-4 py-3">gallery</h3>
  337. <div class="gallery_gds row pt-md-5 pt-3">
  338. <div class="col-4 gal-w3l">
  339. <div class="agileits-img">
  340. <a href="images/g1.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
  341. <img class="img-responsive img-style row2" src="images/g1.jpg" alt="" />
  342. </a>
  343. </div>
  344. </div>
  345. <div class="col-4 gal-w3l">
  346. <div class="agileits-img">
  347. <a href="images/g2.jpg" class="swipebox" title="Duis maximus tortor diam, ac lobortis justo rutrum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non purus fermentum, eleifend velit non">
  348. <img src="images/g2.jpg" alt="" class="img-responsive img-style row2" />
  349. </a>
  350. </div>
  351. </div>
  352. <div class="col-4 gal-w3l">
  353. <div class="agileits-img">
  354. <a href="images/g3.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
  355. <img src="images/g3.jpg" alt="" class="img-responsive img-style row2" />
  356. </a>
  357. </div>
  358. </div>
  359. </div>
  360. <div class="gallery_gds row">
  361. <div class="col-4 gal-w3l">
  362. <div class="agileits-img">
  363. <a href="images/g4.jpg" class="swipebox" title="Praesent non purus fermentum, eleifend velit non Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis.">
  364. <img src="images/g4.jpg" alt="" class="img-responsive img-style row2" />
  365. </a>
  366. </div>
  367. </div>
  368. <div class="col-4 gal-w3l">
  369. <div class="agileits-img">
  370. <a href="images/g5.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
  371. <img src="images/g5.jpg" alt="" class="img-responsive img-style row2" />
  372. </a>
  373. </div>
  374. </div>
  375. <div class="col-4 gal-w3l">
  376. <div class="agileits-img">
  377. <a href="images/g6.jpg" class="swipebox" title="Duis maximus tortor diam, ac lobortis justo rutrum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non purus fermentum, eleifend velit non">
  378. <img src="images/g6.jpg" alt="" class="img-responsive img-style row2" />
  379. </a>
  380. </div>
  381. </div>
  382. </div>
  383. <div class="row pb-md-5 pb-3">
  384. <div class="col-4 gal-w3l">
  385. <div class="agileits-img">
  386. <a href="images/g7.jpg" class="swipebox" title="Praesent non purus fermentum, eleifend velit non Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis.">
  387. <img src="images/g7.jpg" alt="" class="img-responsive img-style row2" />
  388. </a>
  389. </div>
  390. </div>
  391. <div class="col-4 gal-w3l">
  392. <div class="agileits-img">
  393. <a href="images/g8.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
  394. <img src="images/g8.jpg" alt="" class="img-responsive img-style row2" />
  395. </a>
  396. </div>
  397. </div>
  398. <div class="col-4 gal-w3l">
  399. <div class="agileits-img">
  400. <a href="images/g9.jpg" class="swipebox" title="Duis maximus tortor diam, ac lobortis justo rutrum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non purus fermentum, eleifend velit non">
  401. <img src="images/g9.jpg" alt="" class="img-responsive img-style row2" />
  402. </a>
  403. </div>
  404. </div>
  405. </div>
  406. </div>
  407. </div>-->
  408. <!-- //gallery -->
  409. <!-- pricing -->
  410. <section class="wthree-row py-md-5 pt-sm-5" id="pricing">
  411. <div class="container py-md-5 py-3">
  412. <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #111; font-weight: 700;">合作伙伴<p
  413. style="font-size: 12px; color: #111;">The Partners
  414. <p></h3>
  415. <div style="text-align: center;">
  416. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-1.png" style="width: 22%;">
  417. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-2.png" style="width: 22%">
  418. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-3.png" style="width: 22%">
  419. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-4.png" style="width: 22%">
  420. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-5.png" style="width: 22%">
  421. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-6.png" style="width: 22%">
  422. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-7.png" style="width: 22%">
  423. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-8.png" style="width: 22%">
  424. </div>
  425. </div>
  426. </section>
  427. <!-- //pricing -->
  428. <!-- testimonials -->
  429. <!--<section class="wthree-row py-5 testi-agile" id="testimonials">
  430. <div class="container py-md-5 py-3">
  431. <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4">testimonials</h3>
  432. <div class="w3_testimonials_grids w3_testimonials_grids">
  433. <div class="sreen-gallery-cursual">
  434. <div id="owl-demo" class="owl-carouselpb-5">
  435. <div class="item-owl text-center">
  436. <div class="img-agile">
  437. <i class="fas fa-user"></i>
  438. <h6 class="mt-3 text-white">Michael Paul</h6>
  439. </div>
  440. <div class="test-review test-tooltip1">
  441. <p class="mx-auto mt-3 text-white">
  442. <i class="fa fa-quote-left" aria-hidden="true"></i> Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
  443. sed diam voluptua.
  444. <i class="fa fa-quote-right" aria-hidden="true"></i>
  445. </p>
  446. </div>
  447. </div>
  448. <div class="item-owl">
  449. <div class="img-agile">
  450. <i class="fas fa-user"></i>
  451. <h6 class="mt-3 text-white">Riya Allen</h6>
  452. </div>
  453. <div class="test-review test-tooltip1">
  454. <p class="mx-auto mt-3 text-white">
  455. <i class="fa fa-quote-left" aria-hidden="true"></i> Polite sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
  456. diam voluptua.
  457. <i class="fa fa-quote-right" aria-hidden="true"></i>
  458. </p>
  459. </div>
  460. </div>
  461. <div class="item-owl">
  462. <div class="img-agile">
  463. <i class="fas fa-user"></i>
  464. <h6 class="mt-3 text-white">Riya Allen</h6>
  465. </div>
  466. <div class="test-review test-tooltip1">
  467. <p class="mx-auto mt-3 text-white">
  468. <i class="fa fa-quote-left" aria-hidden="true"></i> Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
  469. sed diam voluptua.
  470. <i class="fa fa-quote-right" aria-hidden="true"></i>
  471. </p>
  472. </div>
  473. </div>
  474. </div>
  475. </div>
  476. </div>
  477. </div>
  478. </section>-->
  479. <!-- //testimonials -->
  480. <!-- contact -->
  481. <!--<section class="wthree-row py-5 w3-contact" id="contact">
  482. <div class="container py-md-5">
  483. <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4">contact us</h3>
  484. <div class="row contact-form py-3">
  485. <div class="col-lg-6 wthree-form-left">
  486. &lt;!&ndash; contact form grid &ndash;&gt;
  487. <div class="contact-top1">
  488. <form action="#" method="get" class="f-color">
  489. <div class="form-group">
  490. <label for="contactusername">Name</label>
  491. <input type="text" class="form-control" id="contactusername" required>
  492. </div>
  493. <div class="form-group">
  494. <label for="contactemail">Email</label>
  495. <input type="email" class="form-control" id="contactemail" required>
  496. </div>
  497. <div class="form-group">
  498. <label for="contactcomment">Your Message</label>
  499. <textarea class="form-control" rows="5" id="contactcomment" required></textarea>
  500. </div>
  501. <button type="submit" class="btn btn-info btn-block">Submit</button>
  502. </form>
  503. </div>
  504. &lt;!&ndash; //contact form grid ends here &ndash;&gt;
  505. </div>
  506. &lt;!&ndash; contact details &ndash;&gt;
  507. &lt;!&ndash; contact map grid &ndash;&gt;
  508. <div class="col-lg-6 mt-lg-0 mt-5 map contact-right">
  509. <iframe class="h-50" src="" allowfullscreen></iframe>
  510. <div class="address mt-3">
  511. <h5 class="pb-3 text-capitalize">Contact info</h5>
  512. <address>
  513. <p class="c-txt">90 Street, City, State 34789.</p>
  514. <p>
  515. +10 234 5678</p>
  516. <p>
  517. <p>
  518. <a href="mailto:info@example.com">mail@golaundry.com</a>
  519. </p>
  520. </address>
  521. </div>
  522. </div>
  523. &lt;!&ndash;//contact map grid ends here&ndash;&gt;
  524. </div>
  525. &lt;!&ndash; //contact details container &ndash;&gt;
  526. </div>
  527. </section>-->
  528. <!-- //contact -->
  529. <!-- slide -->
  530. <!--<section class="wthree-row py-sm-5 py-3 slide-bg bg-dark">
  531. <div class="container py-md-5 py-3">
  532. <div class="py-lg-5 bg-pricemain">
  533. <h3 class="agile-title text-capitalize text-white">go laundry!</h3>
  534. <span class="w3-line"></span>
  535. <h5 class="agile-title text-capitalize pt-4">trust us, we save your time.</h5>
  536. <p class="text-light py-sm-4 py-2">Aliquam ac est vel nisl condimentum interdum vel eget enim. Curabitur mattis orci sed leo mattis, nec maximus nibh faucibus.
  537. Mauris et justo vel nibh rhoncus venenatis. Nullal condimentum interdum vel eget enim. Curabitur mattis orci sed le.
  538. </p>
  539. <a href="#" class="text-uppercase serv_link align-self-center bg-light btn px-4">read more</a>
  540. </div>
  541. </div>
  542. </section>-->
  543. <!--//slide-->
  544. <!-- footer -->
  545. <footer style="background: #22252E; padding: 20px 0 20px 0;" id="contact">
  546. <div class="container">
  547. <!-- footer grid top -->
  548. <div class="footerv2-w3ls">
  549. <div class="row">
  550. <!-- footer grid top -->
  551. <div class="col-lg-3 col-md-6">
  552. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-3.png" style="width: 200px; border-right: 1px solid #707070;">
  553. </div>
  554. <div class="col-lg-3 col-md-6">
  555. <h4 style="color: #fff">联系我们</h4>
  556. <div style="margin-top: 15px; font-family: initial;">
  557. <span style="color: #fff">电话/微信:</span>
  558. <span style="color: #fff">1234556777</span>
  559. </div>
  560. <div style="margin-top: 5px; font-family: initial;">
  561. <span style="color: #fff">邮箱:</span>
  562. <span style="color: #fff">jdasd@jmdnas.com</span>
  563. </div>
  564. <div style="margin-top: 5px; font-family: initial;">
  565. <span style="color: #fff">QQ:</span>
  566. <span style="color: #fff">817272823</span>
  567. </div>
  568. <div style="margin-top: 5px; font-family: initial;">
  569. <span style="color: #fff">地址:</span>
  570. <span style="color: #fff">成都市</span>
  571. </div>
  572. </div>
  573. <div style="width:500px;height:200px;border-bottom:#ccc solid 1px;" id="dituContent"></div>
  574. </div>
  575. </div>
  576. <div style="border-bottom: 1px solid #707070; margin-top: 20px; margin-bottom: 10px; width: 99999999999px; margin-left: -99999px;"></div>
  577. <!-- copyright -->
  578. <div style="text-align: center">
  579. <p style="color: #9597A2; font-family: initial;">成都市的打卡的有限公司&nbsp;&nbsp;&nbsp;&nbsp;上海虹口区东岸大拉独立192号</p>
  580. <p style="color: #9597A2; font-family: initial; margin-top: -15px;">增值电信业务经营许可证:<span
  581. style="color: #2B7CD2">川B2-99329239 川A4-3821883</span>&nbsp;&nbsp;&nbsp;&nbsp;kdjad@2921
  582. jdasjdsdsaakdk kdkdsak <span style="color: #2B7CD2">&nbsp;&nbsp;&nbsp;&nbsp;免费声明</span></p>
  583. </div>
  584. <!-- //copyright -->
  585. </div>
  586. </footer>
  587. <!-- //footer -->
  588. <!-- order modal -->
  589. <div style="position: fixed; height: 520px; margin: auto; top: 0; left: 0; bottom: 0; right: 0; overflow-x: hidden !important; overflow-y: hidden !important;"
  590. class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1"
  591. aria-hidden="true">
  592. <div class="modal-dialog" role="document">
  593. <div class="modal-content">
  594. <div class="modal-header">
  595. <h5 class="modal-title text-capitalize" id="exampleModalLabel1">登陆</h5>
  596. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  597. <span aria-hidden="true">&times;</span>
  598. </button>
  599. </div>
  600. <div class="modal-body">
  601. <form action="#" method="post" class="p-3">
  602. <div class="form-group">
  603. <label for="recipient-name" class="col-form-label">Your Name</label>
  604. <input type="text" class="form-control" placeholder=" " name="Name" id="recipient-name"
  605. required="">
  606. </div>
  607. <div class="form-group">
  608. <label for="recipient-name1" class="col-form-label">Your Email</label>
  609. <input type="email" class="form-control" placeholder=" " name="Name" id="recipient-name1"
  610. required="">
  611. </div>
  612. <div class="form-group">
  613. <label for="recipient-name2" class="col-form-label">Phone</label>
  614. <input type="text" class="form-control" placeholder=" " name="Name" id="recipient-name2"
  615. required="">
  616. </div>
  617. <!--<div class="form-group">
  618. <label class="mr-2 col-form-label">Pick Up</label>
  619. <input id="datepicker1" name="check in" type="text" value="mm/dd/yyyy" class="form-control" required="">
  620. </div>
  621. <div class="form-group">
  622. <label class="mr-2 col-form-label">Delivery </label>
  623. <input id="datepicker2" name="check out" type="text" value="mm/dd/yyyy" class="form-control" required="">
  624. </div>
  625. <div class="form-check">
  626. <label class="form-check-label col-form-label" for="l1">
  627. <input type="checkbox" class="form-check-input" value="" id="l1">Wash& Fold
  628. </label>
  629. </div>
  630. <div class="form-check">
  631. <label class="form-check-label col-form-label" for="l2">
  632. <input type="checkbox" class="form-check-input" value="" id="l2">Handwash
  633. </label>
  634. </div>
  635. <div class="form-check">
  636. <label class="form-check-label col-form-label" id="l3">
  637. <input type="checkbox" class="form-check-input" value="" id="13">Dry Clean
  638. </label>
  639. </div>
  640. <div class="form-check">
  641. <label class="form-check-label col-form-label" for="l4">
  642. <input type="checkbox" class="form-check-input" value="" id="l4">Carpets
  643. </label>
  644. </div>
  645. <div class="form-group">
  646. <label for="comment" class="col-form-label">Pickup Address:</label>
  647. <textarea class="form-control" rows="5" id="comment"></textarea>
  648. </div>-->
  649. <div class="right-w3l">
  650. <input type="submit" class="form-control" value="pick my laundry">
  651. </div>
  652. </form>
  653. </div>
  654. </div>
  655. </div>
  656. </div>
  657. <!-- //order modal -->
  658. <!-- js-->
  659. <script src="<?php echo HOME_SITE_ROOT; ?>/js/jquery-2.2.3.min.js"></script>
  660. <!-- js-->
  661. <!-- Banner text Responsiveslides -->
  662. <script src="<?php echo HOME_SITE_ROOT; ?>/js/responsiveslides.min.js"></script>
  663. <script type="text/javascript">
  664. //创建和初始化地图函数:
  665. function initMap() {
  666. createMap();//创建地图
  667. setMapEvent();//设置地图事件
  668. addMapControl();//向地图添加控件
  669. }
  670. //创建地图函数:
  671. function createMap() {
  672. var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
  673. var point = new BMap.Point(104.070632, 30.588746);//定义一个中心点坐标
  674. map.centerAndZoom(point, 18);//设定地图的中心点和坐标并将地图显示在地图容器中
  675. window.map = map;//将map变量存储在全局
  676. }
  677. //地图事件设置函数:
  678. function setMapEvent() {
  679. map.enableDragging();//启用地图拖拽事件,默认启用(可不写)
  680. map.enableScrollWheelZoom();//启用地图滚轮放大缩小
  681. map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)
  682. map.enableKeyboard();//启用键盘上下左右键移动地图
  683. }
  684. //地图控件添加函数:
  685. function addMapControl() {
  686. //向地图中添加缩放控件
  687. var ctrl_nav = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE});
  688. map.addControl(ctrl_nav);
  689. //向地图中添加缩略图控件
  690. var ctrl_ove = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1});
  691. map.addControl(ctrl_ove);
  692. //向地图中添加比例尺控件
  693. var ctrl_sca = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});
  694. map.addControl(ctrl_sca);
  695. }
  696. initMap();//创建和初始化地图
  697. </script>
  698. <script>
  699. function move(id) {
  700. const imgText = 'team-img-text-' + id;
  701. const teamTitle = 'team-title-' + id;
  702. const teamEn = 'team-en-' + id;
  703. const teamLine = 'team-line-' + id;
  704. /*$("#"+imgText).stop().fadeTo("slow", 1.5, function () {
  705. $(this).css("display", "block");
  706. });*/
  707. document.getElementById(imgText).style.display = 'block';
  708. document.getElementById(teamTitle).style.color = '#27A6E8';
  709. document.getElementById(teamEn).style.color = '#27A6E8';
  710. document.getElementById(teamLine).style = 'border-bottom: 1px solid #27A6E8';
  711. }
  712. function moveOut(id) {
  713. const imgText = 'team-img-text-' + id;
  714. const teamTitle = 'team-title-' + id;
  715. const teamEn = 'team-en-' + id;
  716. const teamLine = 'team-line-' + id;
  717. document.getElementById(imgText).style.display = 'none';
  718. document.getElementById(teamTitle).style.color = '#111';
  719. document.getElementById(teamEn).style.color = '#111';
  720. document.getElementById(teamLine).style = 'border-bottom: 1px solid #111';
  721. }
  722. // You can also use "$(window).load(function() {"
  723. $(function () {
  724. // Slideshow 4
  725. $("#slider3").responsiveSlides({
  726. auto: true,
  727. pager: true,
  728. nav: false,
  729. speed: 500,
  730. namespace: "callbacks",
  731. before: function () {
  732. $('.events').append("<li>before event fired.</li>");
  733. },
  734. after: function () {
  735. $('.events').append("<li>after event fired.</li>");
  736. }
  737. });
  738. });
  739. </script>
  740. <!-- //Banner text Responsiveslides -->
  741. <!-- start-smooth-scrolling -->
  742. <script src="<?php echo HOME_SITE_ROOT; ?>/js/move-top.js "></script>
  743. <script src="<?php echo HOME_SITE_ROOT; ?>/js/easing.js "></script>
  744. <script>
  745. jQuery(document).ready(function ($) {
  746. $(".scroll ").click(function (event) {
  747. event.preventDefault();
  748. $('html,body').animate({
  749. scrollTop: $(this.hash).offset().top
  750. }, 1000);
  751. });
  752. });
  753. </script>
  754. <!-- //end-smooth-scrolling -->
  755. <!-- smooth-scrolling-of-move-up -->
  756. <script>
  757. $(document).ready(function () {
  758. /*
  759. var defaults = {
  760. containerID: 'toTop', // fading element id
  761. containerHoverID: 'toTopHover', // fading element hover id
  762. scrollSpeed: 1200,
  763. easingType: 'linear'
  764. };
  765. */
  766. $().UItoTop({
  767. easingType: 'easeOutQuart'
  768. });
  769. });
  770. </script>
  771. <script src="js/SmoothScroll.min.js "></script>
  772. <!-- //smooth-scrolling-of-move-up -->
  773. <!-- gallery swipebox -->
  774. <script src="<?php echo HOME_SITE_ROOT; ?>/js/jquery.swipebox.min.js"></script>
  775. <script>
  776. jQuery(function ($) {
  777. $(".swipebox").swipebox();
  778. });
  779. </script>
  780. <script src="<?php echo HOME_SITE_ROOT; ?>/js/jquery.adipoli.min.js"></script>
  781. <!-- effect -->
  782. <script>
  783. $(function () {
  784. $('.row2').adipoli({
  785. 'startEffect': 'overlay',
  786. 'hoverEffect': 'sliceDown'
  787. });
  788. });
  789. </script>
  790. <!-- //swipe box js -->
  791. <!-- stats counter -->
  792. <script src="<?php echo HOME_SITE_ROOT; ?>/js/counter.js"></script>
  793. <!-- Date picker -->
  794. <link rel="stylesheet" href="<?php echo HOME_SITE_ROOT; ?>/css/jquery-ui.css"/>
  795. <script src="<?php echo HOME_SITE_ROOT; ?>/js/jquery-ui.js"></script>
  796. <script>
  797. $(function () {
  798. $("#datepicker1,#datepicker2").datepicker();
  799. });
  800. </script>
  801. <!-- // Date picker -->
  802. <!-- testimonials -->
  803. <link href="<?php echo HOME_SITE_ROOT; ?>/css/owl.carousel.css" rel="stylesheet">
  804. <script src="<?php echo HOME_SITE_ROOT; ?>/js/owl.carousel.js"></script>
  805. <script>
  806. $(document).ready(function () {
  807. $("#owl-demo").owlCarousel({
  808. items: 1,
  809. lazyLoad: true,
  810. autoPlay: false,
  811. navigation: true,
  812. navigationText: true,
  813. pagination: true,
  814. });
  815. });
  816. </script>
  817. <!-- //for testimonials slider-js-script-->
  818. <!-- Bootstrap Core JavaScript -->
  819. <script src="<?php echo HOME_SITE_ROOT; ?>/js/bootstrap.js ">
  820. </script>
  821. <!-- //Bootstrap Core JavaScript -->
  822. </body>
  823. </html>