productsDetail1.html 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>易粮易运-产品中心-APP</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" type="text/css" href="css/animate.min.css">
  9. <style>
  10. #wrap{
  11. margin-top: 150px;
  12. }
  13. .index-con{
  14. background:#fff;
  15. }
  16. .mt50{
  17. background:url('images/appbg1.png') no-repeat;
  18. height:296px;
  19. padding-top:74px;
  20. padding-left:175px;
  21. padding-right:175px;
  22. font-size:18px;
  23. background-size: cover;
  24. }
  25. .linian {
  26. background: #F5F5F5;
  27. }
  28. .case{
  29. margin:-50px auto 0;
  30. text-align: center;
  31. }
  32. .left-ul{
  33. }
  34. .left-ul li{
  35. position: relative;
  36. padding-left:15px;
  37. font-size:18px;
  38. color:#5B5B5B;
  39. }
  40. .left-ul li::before{
  41. content:'';
  42. display:block;
  43. width:11px;height:11px;
  44. border-radius: 50%;
  45. background:#34CB7C;
  46. position: absolute;
  47. left:0px;
  48. top:10px;
  49. }
  50. .linian li {
  51. overflow: auto;
  52. margin-bottom: 4px;
  53. }
  54. .targetwrap{
  55. margin:100px auto 0;width:80%;
  56. }
  57. .targetwrap .left,.targetwrap .right,.introducewrap .left,.introducewrap .right{
  58. width:50%;
  59. }
  60. .targetwrap .right{
  61. text-align: right;
  62. }
  63. .left-title{
  64. font-size:32px;
  65. color:#5B5B5B;
  66. padding-left:15px;
  67. margin-bottom:20px;
  68. }
  69. .flex{
  70. display:flex;
  71. }
  72. .introducewrap .right-item{
  73. width:335px;height:335px;
  74. background:#F4F6FB;
  75. border-radius: 15px;
  76. padding:24px;
  77. box-sizing: border-box;
  78. display: inline-block;
  79. margin:12px;
  80. }
  81. .item{
  82. background:#fff;
  83. height:468px;
  84. width:425.3px;
  85. position:relative;
  86. box-shadow:0 0 10px #F5F5F5;
  87. margin:0 23px 177px;
  88. box-sizing: border-box;
  89. padding:50px;
  90. border-radius: 29px;
  91. }
  92. .item img{
  93. position:absolute;
  94. top:0;left:0;right:0;bottom:0;margin:auto;
  95. }
  96. </style>
  97. </head>
  98. <body>
  99. <div class="index-header clearfix">
  100. <div class="index- fl">
  101. <a href=""></a>
  102. </div>
  103. <ul class="index-nav fl">
  104. <li><a href="index.html">首页</a></li>
  105. <li><a href="about.html">关于我们</a></li>
  106. <!-- <li><a href="business.html">业务范围</a></li> -->
  107. <li><a href="products.html" class="active">产品中心</a></li>
  108. <li><a href="cases.html">应用案例</a></li>
  109. <li><a href="news.html">新闻资讯</a></li>
  110. <li><a href="jobs.html">人才招聘</a></li>
  111. <li><a href="contact.html">联系我们</a></li>
  112. </ul>
  113. <div class="clear"></div>
  114. </div>
  115. <div id="wrap">
  116. <div class="page-main">
  117. <div class="linian">
  118. <div class="index-con">
  119. <div class="p-title">
  120. <img src="images/apptitle.png">
  121. </div>
  122. <div class="mt50">
  123. 移动端易粮易运面向所有粮贸相关企业和个人,如粮企、粮农、货运司机等。用户自主创建所属身份后,企业用户可发布企业信息和交易信息,粮农送粮不需要再携带各种资料,司机可以更快捷的找到运输任务。同时,移动端也融合了部分PC端ERP功能,满足外勤人员没有电脑时可在手机上随时操作的需求。
  124. </div>
  125. <div class='case'>
  126. <img src="images/appcase.png">
  127. </div>
  128. <div class='flex targetwrap'>
  129. <div class="left">
  130. <div class="left-title">平台目标</div>
  131. <ul class='left-ul'>
  132. <li>提高粮食贸易周转速度及粮食承运的效率</li>
  133. <li>契合当下传统粮食贸易行业向互联网模式转变的市场方向,方便企业资源管理及业务操作</li>
  134. <li>整合粮企、粮农、物流、资讯等资源,深度挖掘用户痛点,为粮食贸易提供全流程的服务 整合粮企、粮农、物流、资讯等资源,深度挖掘用户痛点,为粮食贸易提供全流程的服务。</li>
  135. </ul>
  136. </div>
  137. <div class="right">
  138. <img src="images/target.png">
  139. </div>
  140. </div>
  141. <div style='margin: 70px auto 0;width:90%;' class='flex'>
  142. <div class="item">
  143. <img src="images/image1.png" alt="">
  144. </div>
  145. <div class="item">
  146. <img src="images/image2.png" alt="">
  147. </div>
  148. <div class="item">
  149. <img src="images/image3.png" alt="">
  150. </div>
  151. </div>
  152. <div class='flex introducewrap'>
  153. <div class="left">
  154. <div class="left-title"><img src="images/appintroduceTitle.png"></div>
  155. <img src="images/appintroduceImage.png" alt="">
  156. </div>
  157. <div class="right">
  158. <div class="right-item">
  159. <img src="images/appcontract.png" alt="">
  160. <div>
  161. 所有后续业务的起始步骤,可记录合同的关键内容、交易过程中产生的费用和粮款结算情况等。
  162. </div>
  163. </div>
  164. <div class="right-item">
  165. <img src="images/appcontract.png" alt="">
  166. <div>
  167. 所有后续业务的起始步骤,可记录合同的关键内容、交易过程中产生的费用和粮款结算情况等。
  168. </div>
  169. </div>
  170. <div class="right-item">
  171. <img src="images/appcontract.png" alt="">
  172. <div>
  173. 所有后续业务的起始步骤,可记录合同的关键内容、交易过程中产生的费用和粮款结算情况等。
  174. </div>
  175. </div>
  176. <div class="right-item">
  177. <img src="images/appcontract.png" alt="">
  178. <div>
  179. 所有后续业务的起始步骤,可记录合同的关键内容、交易过程中产生的费用和粮款结算情况等。
  180. </div>
  181. </div>
  182. <div class="right-item">
  183. <img src="images/appcontract.png" alt="">
  184. <div>
  185. 所有后续业务的起始步骤,可记录合同的关键内容、交易过程中产生的费用和粮款结算情况等。
  186. </div>
  187. </div>
  188. <div class="right-item">
  189. <img src="images/appcontract.png" alt="">
  190. <div>
  191. 所有后续业务的起始步骤,可记录合同的关键内容、交易过程中产生的费用和粮款结算情况等。
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. <!-- <div> 123</div> -->
  197. </div>
  198. </div>
  199. </div>
  200. <!--footer-->
  201. <div class="index-footer" style="margin-top: 0;">
  202. <div class="clearfix index-footer-info index-con">
  203. <div class=" fl">
  204. </div>
  205. <div class="lianxi fl">
  206. <h2>联系方式</h2>
  207. <p>前台电话: xxx </p>
  208. <p>报修电话:xxx</p>
  209. <P>地址:xxx省xxx市XX区XX1201号XXXXXX</P>
  210. <p>商务产业园x期x号楼东xxx室</p>
  211. </div>
  212. <div class="phone fl">
  213. xxx
  214. </div>
  215. <div class="erweima fr">
  216. <img src="images/pic1.jpg">
  217. <p>二维码</p>
  218. </div>
  219. </div>
  220. <div class="index-footer-bottom">
  221. <div class="index-con clearfix">
  222. <p class="fl">版权所有 © 2020 xxxx科技有限公司 皖ICP备xxxxxxxx号 x公网安备xxxxxxxxxxxxxxxxxx号</p>
  223. <a href="http://www.5imoban.net" target="_blank" class="fr"> </a>
  224. </div>
  225. </div>
  226. </div>
  227. <div class="clear"></div>
  228. </div>
  229. <script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-3.2.1.min.js"></script>
  230. <script type="text/javascript" src="js/main.js"></script>
  231. <script type='text/javascript' src='js/base.js'></script>
  232. <script type="text/javascript" src='js/app.js'></script>
  233. <script src="js/more.js"></script>
  234. <script>
  235. scrolly.init({
  236. wrapper: '#bloc',
  237. targets: '.scr-el',
  238. bgParallax: true,
  239. wrapperSpeed: 0.08
  240. });
  241. </script>
  242. </body>
  243. </html>