index.html 15 KB

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