index.html 13 KB

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