|
@@ -10,6 +10,88 @@
|
|
|
#wrap{
|
|
#wrap{
|
|
|
margin-top: 150px;
|
|
margin-top: 150px;
|
|
|
}
|
|
}
|
|
|
|
|
+ .index-con{
|
|
|
|
|
+ background:#fff;
|
|
|
|
|
+ }
|
|
|
|
|
+ .mt50{
|
|
|
|
|
+ background:url('images/appbg1.png') no-repeat;
|
|
|
|
|
+ height:296px;
|
|
|
|
|
+ padding-top:74px;
|
|
|
|
|
+ padding-left:175px;
|
|
|
|
|
+ padding-right:175px;
|
|
|
|
|
+ font-size:18px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .linian {
|
|
|
|
|
+ background: #F5F5F5;
|
|
|
|
|
+ }
|
|
|
|
|
+ .case{
|
|
|
|
|
+ margin:-50px auto 0;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ }
|
|
|
|
|
+ .left-ul{
|
|
|
|
|
+ }
|
|
|
|
|
+ .left-ul li{
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ padding-left:15px;
|
|
|
|
|
+ font-size:18px;
|
|
|
|
|
+ color:#5B5B5B;
|
|
|
|
|
+ }
|
|
|
|
|
+ .left-ul li::before{
|
|
|
|
|
+ content:'';
|
|
|
|
|
+ display:block;
|
|
|
|
|
+ width:11px;height:11px;
|
|
|
|
|
+ border-radius: 50%;
|
|
|
|
|
+ background:#34CB7C;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ left:0px;
|
|
|
|
|
+ top:10px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .linian li {
|
|
|
|
|
+ overflow: auto;
|
|
|
|
|
+ margin-bottom: 4px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .targetwrap{
|
|
|
|
|
+ margin:100px auto 0;width:80%;
|
|
|
|
|
+ }
|
|
|
|
|
+ .targetwrap .left,.targetwrap .right,.introducewrap .left,.introducewrap .right{
|
|
|
|
|
+ width:50%;
|
|
|
|
|
+ }
|
|
|
|
|
+ .targetwrap .right{
|
|
|
|
|
+ text-align: right;
|
|
|
|
|
+ }
|
|
|
|
|
+ .left-title{
|
|
|
|
|
+ font-size:32px;
|
|
|
|
|
+ color:#5B5B5B;
|
|
|
|
|
+ padding-left:15px;
|
|
|
|
|
+ margin-bottom:20px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .flex{
|
|
|
|
|
+ display:flex;
|
|
|
|
|
+ }
|
|
|
|
|
+ .introducewrap .right-item{
|
|
|
|
|
+ width:335px;height:335px;
|
|
|
|
|
+ background:#F4F6FB;
|
|
|
|
|
+ border-radius: 15px;
|
|
|
|
|
+ padding:24px;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ margin:12px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .item{
|
|
|
|
|
+ background:#fff;
|
|
|
|
|
+ height:468px;
|
|
|
|
|
+ width:425.3px;
|
|
|
|
|
+ position:relative;
|
|
|
|
|
+ box-shadow:0 0 10px #F5F5F5;
|
|
|
|
|
+ margin:0 23px 177px;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+ padding:50px;
|
|
|
|
|
+ border-radius: 29px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .item img{
|
|
|
|
|
+ position:absolute;
|
|
|
|
|
+ top:0;left:0;right:0;bottom:0;margin:auto;
|
|
|
|
|
+ }
|
|
|
</style>
|
|
</style>
|
|
|
</head>
|
|
</head>
|
|
|
|
|
|
|
@@ -90,29 +172,82 @@
|
|
|
|
|
|
|
|
<div class="index-con">
|
|
<div class="index-con">
|
|
|
<div class="p-title">
|
|
<div class="p-title">
|
|
|
- <div class="t">易粮易运APP</div>
|
|
|
|
|
- <i class="s"></i>
|
|
|
|
|
- <div class="c">为了提高粮食贸易周转速度及粮食承运的效率 ，契合当下传统粮食贸易行业向互联网模式转变的市场方向。方便管理员和操作员的一些实时管理操作，解决业务人工处理时所带来的低效率、易出错和难管理等问题。我们致力于开发一款结合线上采销信息公布、物流线上操作、行情信息分析展示等等粮食贸易行业全业务链、全方位的线上服务平台，以解决行业痛点，发展行业E+经营模式为目标。</div>
|
|
|
|
|
|
|
+ <img src="images/apptitle.png">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="mt50">
|
|
|
|
|
+ 移动端易粮易运面向所有粮贸相关企业和个人，如粮企、粮农、货运司机等。用户自主创建所属身份后，企业用户可发布企业信息和交易信息，粮农送粮不需要再携带各种资料，司机可以更快捷的找到运输任务。同时，移动端也融合了部分PC端ERP功能，满足外勤人员没有电脑时可在手机上随时操作的需求。
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class='case'>
|
|
|
|
|
+ <img src="images/appcase.png">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class='flex targetwrap'>
|
|
|
|
|
+ <div class="left">
|
|
|
|
|
+ <div class="left-title">平台目标</div>
|
|
|
|
|
+ <ul class='left-ul'>
|
|
|
|
|
+ <li>提高粮食贸易周转速度及粮食承运的效率</li>
|
|
|
|
|
+ <li>契合当下传统粮食贸易行业向互联网模式转变的市场方向，方便企业资源管理及业务操作</li>
|
|
|
|
|
+ <li>整合粮企、粮农、物流、资讯等资源，深度挖掘用户痛点，为粮食贸易提供全流程的服务 整合粮企、粮农、物流、资讯等资源，深度挖掘用户痛点，为粮食贸易提供全流程的服务。</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="right">
|
|
|
|
|
+ <img src="images/target.png">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div style='margin: 70px auto 0;width:90%;' class='flex'>
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <img src="images/image1.png" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <img src="images/image2.png" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <img src="images/image3.png" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class='flex introducewrap'>
|
|
|
|
|
+ <div class="left">
|
|
|
|
|
+ <div class="left-title"><img src="images/appintroduceTitle.png"></div>
|
|
|
|
|
+ <img src="images/appintroduceImage.png" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="right">
|
|
|
|
|
+ <div class="right-item">
|
|
|
|
|
+ <img src="images/appcontract.png" alt="">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ 所有后续业务的起始步骤，可记录合同的关键内容、交易过程中产生的费用和粮款结算情况等。
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="right-item">
|
|
|
|
|
+ <img src="images/appcontract.png" alt="">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ 所有后续业务的起始步骤，可记录合同的关键内容、交易过程中产生的费用和粮款结算情况等。
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="right-item">
|
|
|
|
|
+ <img src="images/appcontract.png" alt="">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ 所有后续业务的起始步骤，可记录合同的关键内容、交易过程中产生的费用和粮款结算情况等。
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="right-item">
|
|
|
|
|
+ <img src="images/appcontract.png" alt="">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ 所有后续业务的起始步骤，可记录合同的关键内容、交易过程中产生的费用和粮款结算情况等。
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="right-item">
|
|
|
|
|
+ <img src="images/appcontract.png" alt="">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ 所有后续业务的起始步骤，可记录合同的关键内容、交易过程中产生的费用和粮款结算情况等。
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="right-item">
|
|
|
|
|
+ <img src="images/appcontract.png" alt="">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ 所有后续业务的起始步骤，可记录合同的关键内容、交易过程中产生的费用和粮款结算情况等。
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
- <ol class="mt50">
|
|
|
|
|
- <li>
|
|
|
|
|
- <a href="">
|
|
|
|
|
- <div class="cont index-table fl">
|
|
|
|
|
- <div class="index-cell">
|
|
|
|
|
-
|
|
|
|
|
- <figure>
|
|
|
|
|
- <p>1、便捷性的管理方式，让用户可以更轻松的完成自己的粮食贸易工作。</p>
|
|
|
|
|
- <p>2、所有的采纳，采购信息一览无余，十分精准。</p>
|
|
|
|
|
- <p>3、为了结合线下贸易需求，提高粮食贸易周转速度及粮食承运的效率。</p>
|
|
|
|
|
- <p>4、提供的所有功能都符合当下粮食贸易行业所倾向的创新功能。</p>
|
|
|
|
|
- </figure>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="ln_img fr"><img src="images/pic4.1.jpg"></div>
|
|
|
|
|
- </a>
|
|
|
|
|
- </li>
|
|
|
|
|
-
|
|
|
|
|
- </ol>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
