gdc
/
website


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>易粮易运-产品中心</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
<style>
	#wrap{
		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>
</head>
	
<body>
<div class="index-header clearfix">
	<div class="index- fl">
		<a href=""></a>
	</div>
	<ul class="index-nav fl">
		<li><a href="index.html">首页</a></li>
		<li><a href="about.html">关于我们</a></li>
		<li><a href="business.html">业务范围</a></li>
		<li><a href="products.html" class="active">产品中心</a></li>
		<li><a href="cases.html">应用案例</a></li>
		<li><a href="news.html">新闻资讯</a></li>
		<li><a href="jobs.html">人才招聘</a></li>
		<li><a href="service.html">服务支持</a></li>
		<li><a href="contact.html">联系我们</a></li>
	</ul>
<!-- 	<div class="index-header-right fr">
		<a href="" class="search-btn">搜索</a>	
		<a href="" class="erweima">
			<div class="erweima-pic">
				<img src="images/pic1.jpg">
			</div>
		</a>
	</div> -->
	<div class="clear"></div>
</div>
	
<!-- <div class="search_sec">
	<a href="#" title="" class="close-search"><i class=" la-close"><img src="images/icon5.png"></i></a>
	<div class="search_field">
		<div class="container">
			<form>
				<input type="text" name="search" placeholder="Search for...">
				<button type="submit"><img src="images/search2.png" alt=""></button>
			</form>
		</div>
	</div>
</div>	 -->
<!--search_sec end-->

<div id="wrap">
	<!-- <section id="top clearfix">
		<div class="page-banner pic scroll-animate animated fadeInDownSmall" data-effect="fadeInDownSmall" >
			<img src="images/page-banner.jpg" class="banner">
		</div>
		<div class="clear"></div>
		<div class="msg">
            <h1 class="f-50 mb-12">产品中心</h1>
            <div id="down-more">
                <i class="wc"><img src="images/jt2.png"></i><br>
                <a class="">Scroll More</a>
            </div>
        </div>
       <section class="sub-menu clearfix">
			<div class="index-con">
				<div class="fl sub-menu-left">
					<em><img src="images/tu48.png"></em>
					<a href="">our news</a>
					<em><img src="images/tu10.jpg"></em>
					<a href="">我们的新闻</a>
				</div>
			    <ul class="pinner fr">
			        <li><a href="" class="link on">案例展示一</a></li>
			        <li><a href="" class="link">案例展示二</a></li>
			        <li><a href="" class="link">案例展示三</a></li>
			        <li><a href="" class="link">案例展示四</a></li>
			    </ul>
			</div>	
			<div class="clear"></div>
		</section>
	</section>
	 -->
	<div class="page-main">
		<div class="linian">
			
	    	<div class="index-con">
	    		<div class="p-title">
					<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>
	   </div>   	
	</div>
	

	<!--footer-->
	<div class="index-footer" style="margin-top: 0;">										
		<div class="clearfix index-footer-info index-con">
			<div class=" fl">
				
			</div>
			<div class="lianxi fl">
				<h2>联系方式</h2>
				<p>前台电话： xxx </p>
				<p>报修电话：xxx</p>
				<P>地址：xxx省xxx市XX区XX1201号XXXXXX</P>
				<p>商务产业园x期x号楼东xxx室</p>
			</div>
			<div class="phone fl">			
				xxx
			</div>
			<div class="erweima fr">
				<img src="images/pic1.jpg">
				<p>二维码</p>
			</div>
		</div>
		
		<div class="index-footer-bottom">
			<div class="index-con clearfix">
				<p class="fl">版权所有 © 2020 xxxx科技有限公司  皖ICP备xxxxxxxx号 x公网安备xxxxxxxxxxxxxxxxxx号</p>
				<a href="http://www.5imoban.net" target="_blank" class="fr">技术支持：静态网页模板</a>
			</div>
		</div>
	</div>	
	<div class="clear"></div>		
</div>
<script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type='text/javascript' src='js/base.js'></script>
<script type="text/javascript" src='js/app.js'></script>
<script src="js/more.js"></script>
<script>
scrolly.init({
	wrapper: '#bloc',
	targets: '.scr-el',
	bgParallax: true,
	wrapperSpeed: 0.08
});
</script>
</body>
</html>