index.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
  6. <meta name="apple-mobile-web-app-capable" content="yes"/><!-- 删除苹果默认的工具栏和菜单栏 -->
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black"/><!-- 设置苹果工具栏颜色 -->
  8. <meta name="format-detection" content="telephone=no, email=no"/><!--忽略页面中的数字识别为电话,忽略email识别 -->
  9. <!-- 启用360浏览器的极速模式(webkit) -->
  10. <meta name="renderer" content="webkit">
  11. <!-- 避免IE使用兼容模式 -->
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  13. <!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->
  14. <meta name="HandheldFriendly" content="true">
  15. <!-- 微软的老式浏览器 -->
  16. <meta name="MobileOptimized" content="320">
  17. <!-- uc强制竖屏 -->
  18. <meta name="screen-orientation" content="portrait">
  19. <!-- QQ强制竖屏 -->
  20. <meta name="x5-orientation" content="portrait">
  21. <!-- UC强制全屏 -->
  22. <meta name="full-screen" content="yes">
  23. <!-- QQ强制全屏 -->
  24. <meta name="x5-fullscreen" content="true">
  25. <!-- UC应用模式 -->
  26. <meta name="browsermode" content="application">
  27. <!-- QQ应用模式 -->
  28. <meta name="x5-page-mode" content="app">
  29. <!-- windows phone 点击无高光 -->
  30. <meta name="msapplication-tap-highlight" content="no">
  31. <title>易粮易运</title>
  32. <link rel="stylesheet" type="text/css" href="css/style.css" />
  33. <link rel="stylesheet" type="text/css" href="css/common.css">
  34. <link rel="stylesheet" href="http://www.5imoban.net/download/swiper/swiper-4.4.2.min.css" />
  35. <link rel="stylesheet" type="text/css" href="css/animate.min.css">
  36. </head>
  37. <body>
  38. <div class="index-header clearfix">
  39. <div class="index- fl">
  40. <a href=""></a>
  41. </div>
  42. <ul class="index-nav fl">
  43. <li><a href="index.html" class="active">首页</a></li>
  44. <li><a href="about.html">关于我们</a></li>
  45. <!-- <li><a href="business.html">业务范围</a></li> -->
  46. <li><a href="products.html">产品中心</a></li>
  47. <li><a href="cases.html">应用案例</a></li>
  48. <li><a href="news.html">新闻资讯</a></li>
  49. <li><a href="jobs.html">人才招聘</a></li>
  50. <li><a href="contact.html">联系我们</a></li>
  51. </ul>
  52. <!-- <div class="index-header-right fr">
  53. <a href="" class="search-btn">搜索</a>
  54. <a href="" class="erweima">
  55. <div class="erweima-pic">
  56. <img src="images/pic1.jpg">
  57. </div>
  58. </a>
  59. </div> -->
  60. <div class="clear"></div>
  61. </div>
  62. <div class="search_sec">
  63. <a href="#" title="" class="close-search"><i class=" la-close"><img src="images/icon5.png"></i></a>
  64. <div class="search_field">
  65. <div class="container">
  66. <form>
  67. <input type="text" name="search" placeholder="Search for...">
  68. <button type="submit"><img src="images/search2.png" alt=""></button>
  69. </form>
  70. </div>
  71. </div>
  72. </div>
  73. <!--search_sec end-->
  74. <div id="bloc">
  75. <article id="index">
  76. <div class="banner-position">
  77. <div class="index-banner swiper-container">
  78. <div class="swiper-wrapper">
  79. <div class="swiper-slide">
  80. <img src="images/banner1.png">
  81. </div>
  82. <div class="swiper-slide">
  83. <img src="images/banner1.png">
  84. </div>
  85. <div class="swiper-slide">
  86. <img src="images/banner1.png">
  87. </div>
  88. </div>
  89. <!-- Add Navigation -->
  90. <div class="swiper-button-prev swiper-button-white"></div>
  91. <div class="swiper-button-next swiper-button-white"></div>
  92. </div>
  93. <div class="banner-wave">
  94. <svg viewBox="0 0 120 28">
  95. <defs>
  96. <filter id="goo">
  97. <feGaussianBlur in="SourceGraphic" stdDeviation="1" result="blur" />
  98. <feColorMatrix in="blur" mode="matrix" values="
  99. 1 0 0 0 0
  100. 0 1 0 0 0
  101. 0 0 1 0 0
  102. 0 0 0 13 -9" result="goo" />
  103. <xfeBlend in="SourceGraphic" in2="goo" />
  104. </filter>
  105. <path id="wave" d="M 0,10 C 30,10 30,15 60,15 90,15 90,10 120,10 150,10 150,15 180,15 210,15 210,10 240,10 v 28 h -240 z" />
  106. </defs>
  107. <use id="wave3" class="wave" xlink:href="#wave" x="0" y="-2"></use>
  108. <use id="wave2" class="wave" xlink:href="#wave" x="0" y="0"></use>
  109. <g class="gooeff" filter="url(#goo)">
  110. <circle class="drop drop1" cx="20" cy="2" r="8.8" />
  111. <circle class="drop drop2" cx="25" cy="2.5" r="7.5" />
  112. <circle class="drop drop3" cx="16" cy="2.8" r="9.2" />
  113. <circle class="drop drop4" cx="18" cy="2" r="8.8" />
  114. <circle class="drop drop5" cx="22" cy="2.5" r="7.5" />
  115. <circle class="drop drop6" cx="26" cy="2.8" r="9.2" />
  116. <circle class="drop drop1" cx="5" cy="4.4" r="8.8" />
  117. <circle class="drop drop2" cx="5" cy="4.1" r="7.5" />
  118. <circle class="drop drop3" cx="8" cy="3.8" r="9.2" />
  119. <circle class="drop drop4" cx="3" cy="4.4" r="8.8" />
  120. <circle class="drop drop5" cx="7" cy="4.1" r="7.5" />
  121. <circle class="drop drop6" cx="10" cy="4.3" r="9.2" />
  122. <circle class="drop drop1" cx="1.2" cy="5.4" r="8.8" />
  123. <circle class="drop drop2" cx="5.2" cy="5.1" r="7.5" />
  124. <circle class="drop drop3" cx="10.2" cy="5.3" r="9.2" />
  125. <circle class="drop drop4" cx="3.2" cy="5.4" r="8.8" />
  126. <circle class="drop drop5" cx="14.2" cy="5.1" r="7.5" />
  127. <circle class="drop drop6" cx="17.2" cy="4.8" r="9.2" />
  128. <use id="wave1" class="wave" xlink:href="#wave" x="0" y="1" />
  129. </g>
  130. </svg>
  131. </div>
  132. </div>
  133. <div class="clear"></div>
  134. <!--about-->
  135. <div class="index-about">
  136. <div class="index-con clearfix">
  137. <div class="index-about-text fl">
  138. <div class="index-title">
  139. <h3 class="scroll-animate" data-effect="fadeInUpSmall">eliangeyun</h3>
  140. <h2 class="scroll-animate" data-delay="0.2" data-effect="fadeInUpSmall">about us</h2>
  141. <span></span>
  142. </div>
  143. <p class="scroll-animate" data-delay="0.6" data-effect="fadeInUpSmall">易粮易运立足于粮食贸易领域,以大数据为核心,以粮商、粮农为导向,率先在智慧社区、大数据领域布局并取得重大突破。<br />
  144. 易粮易运专注于粮食贸易ERP系统方案及配套产品的研发,通过云计算、大数据等技术连接粮商、粮农、企业、媒体、司机,形成“物联网+社区”一站式解决方案,目前服务于全国40余家企业。</p>
  145. <div class="index-more">
  146. <a href="">view more +</a>
  147. </div>
  148. </div>
  149. <div class="index-about-pic fr">
  150. <a href="" >
  151. <img src="images/pic2.png" class="scroll-animate classGo" data-Tclass="go">
  152. </a>
  153. </div>
  154. </div>
  155. <div class="wave_box1">
  156. <img src="images/wavs.gif">
  157. </div>
  158. </div>
  159. <div class="clear"></div>
  160. <!--业务范围-->
  161. <div class="index-yewu">
  162. <div class="index-con clearfix">
  163. <div class="index-title">
  164. <h3>eliangeyun</h3>
  165. <h2>why we</h2>
  166. </div>
  167. <div class="index-yewu-info clearfix">
  168. <div class="index-yewu-pic fl">
  169. <a href="" >
  170. <img src="images/pic3.png" class="scroll-animate classGo" data-Tclass="go">
  171. </a>
  172. </div>
  173. <ul class="index-yewu-list clearfix fr">
  174. <li>
  175. <a href="">
  176. <em><img src="images/ico1.png"></em>
  177. <div class="text">
  178. <h2>智慧仓储</h2>
  179. <span>Intelligent storage</span>
  180. <p>仓储信息实时监控,库存成本自动更新,外勤人员在手机上随时随地填写出入库记录。</p>
  181. </div>
  182. <div class="button bz-buttonAnimat clockwise both">
  183. <div class="inner"></div>
  184. </div>
  185. </a>
  186. </li>
  187. <li>
  188. <a href="">
  189. <em><img src="images/ico2.png"></em>
  190. <div class="text">
  191. <h2>数据监控</h2>
  192. <span>Data monitoring</span>
  193. <p>将整个粮贸过程数据化,临界点自动预警提醒,可视化界面让信息更直观。</p>
  194. </div>
  195. <div class="button bz-buttonAnimat clockwise both">
  196. <div class="inner"></div>
  197. </div>
  198. </a>
  199. </li>
  200. <li>
  201. <a href="">
  202. <em><img src="images/ico3.png"></em>
  203. <div class="text">
  204. <h2>简洁办公</h2>
  205. <span>Introduction Office</span>
  206. <p>告别繁冗的表格和文档,流程资料云端存储,大幅降低内外勤交流成本。</p>
  207. </div>
  208. <div class="button bz-buttonAnimat clockwise both">
  209. <div class="inner"></div>
  210. </div>
  211. </a>
  212. </li>
  213. <li>
  214. <a href="">
  215. <em><img src="images/ico4.png"></em>
  216. <div class="text">
  217. <h2>物流合作</h2>
  218. <span>Logistics cooperation</span>
  219. <p>司机认证身份后,不再需要每次提供各种证件照片,运费结算更快捷。</p>
  220. </div>
  221. <div class="button bz-buttonAnimat clockwise both">
  222. <div class="inner"></div>
  223. </div>
  224. </a>
  225. </li>
  226. <li>
  227. <a href="">
  228. <em><img src="images/ico5.png"></em>
  229. <div class="text">
  230. <h2>财务核算</h2>
  231. <span>Financial accounting</span>
  232. <p>为企业省去大笔财务软件开销, 货物流转自动生成结算报表,利润核算一键搞定。</p>
  233. </div>
  234. <div class="button bz-buttonAnimat clockwise both">
  235. <div class="inner"></div>
  236. </div>
  237. </a>
  238. </li>
  239. <li>
  240. <a href="">
  241. <em><img src="images/ico6.png"></em>
  242. <div class="text">
  243. <h2>定制开发</h2>
  244. <span>Custom development</span>
  245. <p>每个企业的业务都有自身独特性,我们的技术团队可根据企业具体需求进行定制开发。</p>
  246. </div>
  247. <div class="button bz-buttonAnimat clockwise both">
  248. <div class="inner"></div>
  249. </div>
  250. </a>
  251. </li>
  252. </ul>
  253. </div>
  254. </div>
  255. </div>
  256. <div class="clear"></div>
  257. <div class="position-yuan clearfix">
  258. <div class="bg scr-el" data-v="1" data-speed-x="12" data-offset="150 "></div>
  259. </div>
  260. <div class="clear"></div>
  261. <!--产品-->
  262. <div class="index-product clearfix">
  263. <div class="index-con clearfix">
  264. <div class="index-title">
  265. <h3>eliangeyun</h3>
  266. <h2>Product</h2>
  267. </div>
  268. <ul class="clearfix index-product-list clearfix">
  269. <li>
  270. <a href="">
  271. <em><img src="images/pic4.png"></em>
  272. <div class="text">
  273. <h2>粮食贸易ERP后台管理系统</h2>
  274. <p>Grain Trade ERP System</p>
  275. <span><img src="images/jt.png"></span>
  276. </div>
  277. </a>
  278. </li>
  279. <li>
  280. <a href="">
  281. <em><img src="images/pic5.png"></em>
  282. <div class="text">
  283. <h2>易粮易运APP</h2>
  284. <p>ELIANGEYUN Application System</p>
  285. <span><img src="images/jt.png"></span>
  286. </div>
  287. </a>
  288. </li>
  289. <li>
  290. <a href="">
  291. <em><img src="images/pic6.png"></em>
  292. <div class="text">
  293. <h2>互联网+粮贸+云车队+智慧农业</h2>
  294. <p>Internet plus grain trade + cloud fleet + Intelligent Agriculture/p>
  295. <span><img src="images/jt.png"></span>
  296. </div>
  297. </a>
  298. </li>
  299. </ul>
  300. </div>
  301. </div>
  302. <div class="clear"></div>
  303. <!--news-->
  304. <div class="index-news">
  305. <div class="index-con clearfix">
  306. <div class="index-title">
  307. <h3>eliangeyun</h3>
  308. <h2>news</h2>
  309. </div>
  310. <ul class="index-news-list clearfix">
  311. <li class="trs02 an_up">
  312. <a href="">
  313. <em><img src="images/pic7.png"></em>
  314. <div class="text">
  315. <span></span>
  316. <p>易粮易运APP,提供粮食贸易周转速度及粮食承运的效率!</p>
  317. <i>2019.09.25</i>
  318. </div>
  319. </a>
  320. </li>
  321. <li class="trs03 an_up">
  322. <a href="">
  323. <em><img src="images/pic8.png"></em>
  324. <div class="text">
  325. <span></span>
  326. <p>ERP管理系统,解决粮贸企业数据量大、库点分布广等痛点问题!</p>
  327. <i>2019.09.25</i>
  328. </div>
  329. </a>
  330. </li>
  331. <li class="trs04 an_up">
  332. <a href="">
  333. <em><img src="images/pic9.png"></em>
  334. <div class="text">
  335. <span></span>
  336. <p>顺应时代发展,完成传统行业的数字化转型,用心服务天下粮人!</p>
  337. <i>2019.09.25</i>
  338. </div>
  339. </a>
  340. </li>
  341. <li class="trs05 an_up">
  342. <a href="">
  343. <em><img src="images/pic10.png"></em>
  344. <div class="text">
  345. <span></span>
  346. <p>领域垂直,需求即产品!</p>
  347. <i>2019.09.25</i>
  348. </div>
  349. </a>
  350. </li>
  351. </ul>
  352. <div class="clear"></div>
  353. </div>
  354. </div>
  355. <!--footer-->
  356. <div class="index-footer">
  357. <div class="clearfix index-footer-info index-con">
  358. <div class=" fl">
  359. </div>
  360. <div class="lianxi fl">
  361. <h2>联系方式</h2>
  362. <p>前台电话: xxx </p>
  363. <p>报修电话:xxx</p>
  364. <P>地址:xxx省xxx市XX区XX1201号XXXXXX</P>
  365. <p>商务产业园x期x号楼东xxx室</p>
  366. </div>
  367. <div class="phone fl">
  368. xxx
  369. </div>
  370. <div class="erweima fr">
  371. <img src="images/pic1.jpg">
  372. <p>二维码</p>
  373. </div>
  374. </div>
  375. <div class="index-footer-bottom">
  376. <div class="index-con clearfix">
  377. <p class="fl">版权所有 © 2020 xxxx科技有限公司 皖ICP备xxxxxxxx号 x公网安备xxxxxxxxxxxxxxxxxx号</p>
  378. <a href="http://www.5imoban.net" target="_blank" class="fr"> </a>
  379. </div>
  380. </div>
  381. </div>
  382. <div class="clear"></div>
  383. </article>
  384. </div>
  385. <script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-3.2.1.min.js"></script>
  386. <script type="text/javascript" src='js/modernizr.custom.js'></script>
  387. <script src="js/more.js"></script>
  388. <script src="http://www.5imoban.net/download/swiper/swiper-4.4.2.min.js"></script>
  389. <script type="text/javascript" src="js/main.js"></script>
  390. <script type='text/javascript' src='js/base.js'></script>
  391. <script type="text/javascript" src='js/app.js'></script>
  392. <script>
  393. var swiper = new Swiper('.index-banner.swiper-container', {
  394. speed: 600,
  395. parallax: true,
  396. navigation: {
  397. nextEl: '.swiper-button-next',
  398. prevEl: '.swiper-button-prev',
  399. },
  400. });
  401. // scrolly.init({
  402. // wrapper: '#bloc',
  403. // targets: '.scr-el',
  404. // bgParallax: true,
  405. // wrapperSpeed: 0.08
  406. // });
  407. </script>
  408. <style>
  409. .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
  410. .index-yewu-list li img{
  411. width: 50px;
  412. }
  413. </style>
  414. </body>
  415. </html>