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