<!DOCTYPE html>
<html>
	<head>		
		<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
<meta name="screen-orientation" content="portrait"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">
<meta name="viewport" content="width=device-width, user-scalable=no">
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="../common/css/swiper.min.css"/>
<link rel="stylesheet" href="../common/css/font.css"/>
<link rel="stylesheet" href="../common/css/all.css"/>
		<meta name="description" content="北京世纪众联科技有限公司是一家互联网信息科技企业，专业从事智慧加油服务，致力于加速成品油零售行业信息化进程。 目前公司已具备集智能硬件、云存储、大数据分析、支付方案、智慧加油系统为一体的综合服务能力，同时公司也是支付宝、微信的深度合作伙伴。 通过智慧油站一体化服务解决方案，以移动支付为核心，配合优惠有效释放、加油流程优化、用户运营实现加油前、加油中、加油后的全流程有效覆盖，助力油企实现“互联网+加油”改革多维度提升油企竞争力。" />
		<meta name="keywords" content="智慧加油,POS支付,加油站,加油,互联网,大数据,世纪众联,移动支付,成品油,油企,支付,成品油零售,北京世纪众联" />
		<title>北京世纪众联科技有限公司</title>
	</head>
	<body>
		<!--S头部-->
		<div class="header_fixed J_header_box">
	<div class="main_container clearfix">
		<a href="index.html" class="inline_block middle">
			<img src="../common/img/logo.png" class="nav_logo">
		</a>
		<a href="contactUs.html" class="btn nav_contact pull_right">联系我们</a>
		<ul class="nav_list pull_right clearfix">
			<li><a href="index.html" class="nav_title">首页</a></li>
			<li>
				<a href="javascript:void(0);" class="nav_title">业务介绍<i class="iconfont icon-bjt nav_jt"></i></a>
				<div class="nav_slide_down">
					<dl>
						<dd><a href="function.html?status=0">移动支付收单</a></dd>
						<dd><a href="function.html?status=1">油站效率提升</a></dd>
						<dd><a href="function.html?status=2">企业渠道引流</a></dd>
						<dd><a href="function.html?status=3">用户运营系统</a></dd>
					</dl>
				</div>
			</li>
			<li>
				<a href="javascript:void(0);" class="nav_title">产品服务<i class="iconfont icon-bjt nav_jt"></i></a>
				<div class="nav_slide_down">
					<dl>
						<dd><a href="project.html?status=0">硬件设备支持</a></dd>
						<dd><a href="project.html?status=1">程序技术开发</a></dd>
						<dd><a href="project.html?status=2">支付合作授权</a></dd>
						<dd><a href="project.html?status=3">项目在线客服</a></dd>
					</dl>
				</div>
			</li>
			<li><a href="case.html" class="nav_title">合作案例</a></li>
			<li>
				<a href="aboutUs.html" class="nav_title">关于我们<i class="iconfont icon-bjt nav_jt"></i></a>
				<div class="nav_slide_down">
					<dl>
						<dd><a href="aboutUs.html?status=0">企业简介</a></dd>
						<dd><a href="aboutUs.html?status=1">发展历程</a></dd>
						<dd><a href="aboutUs.html?status=2">企业文化</a></dd>
						<dd><a href="aboutUs.html?status=3">团队介绍</a></dd>
						<dd><a href="aboutUs.html?status=4">加入我们</a></dd>
					</dl>
				</div>
			</li>
		</ul>
	</div>
</div>


		<!--E头部-->
		<div id="indexVm">
			<!--Sbanner-->
			<div class="pos_rel">
				<div class="swiper-container J_swiper_banner">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="http://snsmb.cn/function.html?status=0" class="index_banner" style="background-image:url(../common/img/index_banner1.jpg);">
								<div class="main_container table" style="height:100%;">
									<div class="table_cell middle">
										<h3 class="banner_title">智慧油站一体化服务</h3>
										<p class="banner_dec">解决方案</p>
										<p class="banner_type"><span>移动便捷支付</span> | <span>油站效率提升</span> | <span>车主用户引流</span> | <span>用户运营</span></p>
										<span class="banner_btn">立即开始</span>
									</div>
								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:void(0);" class="index_banner" style="background-image:url(../common/img/index_banner.jpg);"></a>
						</div>
					</div>
					<!-- 如果需要分页器 -->
					<div class="swiper-pagination banner_pagination J_swiper_pagination"></div>
				</div>
				<!-- <div class="index_banner_icon"></div> -->
			</div>
			<!--Ebanner-->
			<!--S我们做什么-->
			<div class="index_do J_animate">
				<div class="text_center">
					<h3 class="f48 index_doText">what we do</h3>
					<h3 class="f48">我们做什么？</h3>
					<span class="index_solid"></span>
				</div>
				<ul class="do_list index_translate clearfix main_container">
					<li>
						<img src="../common/img/do_icon1.png" class="do_img">
						<h3 class="do_title">智慧加油</h3>
						<p class="do_text">提供智能完善的智慧加油解决策略，助力油企实现“互联网+”转型</p>
					</li>
					<li>
						<img src="../common/img/do_icon2.png" class="do_img">
						<h3 class="do_title">云储存  大数据分析</h3>
						<p class="do_text">针对油企提供详尽有效的大数据营销分析，让油企的营销决策有据可依</p>
					</li>
					<li>
						<img src="../common/img/do_icon3.png" class="do_img">
						<h3 class="do_title">支付方案</h3>
						<p class="do_text">微信/支付宝深度合作伙伴，提供原生化的支付宝/微信支付移动收单业务</p>
					</li>
					<li>
						<img src="../common/img/do_icon4.png" class="do_img">
						<h3 class="do_title">智能硬件</h3>
						<p class="do_text">拥有智能硬件开发团队，提供定制化的智能硬件功能开发</p>
					</li>
				</ul>
				<a href="aboutUs.html?status=0" class="btn team_more c_333">More</a>
			</div>
			<!--E我们做什么-->
			<!--S加油站-->
			<div class="earch_box">
				<div class="text_center">
					<p class="f32 c_fff">触达<span class="f50">8</span>个省</p>
					<p class="f32 c_fff">已服务全国近<span class="f50">12000</span>座加油站</p>
				</div>
				<div class="earth_con pos_rel">
					<img src="../common/img/earth_icon.png" class="earth_icon">
					<img src="../common/img/earth_img.png" class="earth_img">
				</div>
			</div>
			<!--E加油站-->
			<!--S移动支付收单-->
			<div class="type_box swiper-container J_animate J_type_box">
				<div class="swiper-wrapper">
					<div class="clearfix type_item swiper-slide J_type_item">
						<div class="main_container clearfix hidden type_height">
							<div class="pull_left pt40 type_left">
								<img src="../common/img/type_icon1.png" class="type_icon">
								<h3 class="f48 mt20">移动支付收单</h3>
								<h4 class="type_subtitle">Mobile payment</h4>
								<p class="type_text">世纪众联作为支付宝&微信支付的深度合作伙伴</p>
								<p class="type_text">以支付宝和微信支付为支付渠道</p>
								<p class="type_text">定向油企提供移动便捷支付业务</p> 
								<a href="function.html?status=0" class="btn type_more">了解<i class="iconfont icon-rjt c_fff ml20"></i></a>
							</div>
							<img src="../common/img/type_img1.png" class="type_img type_img1">
						</div>
					</div>
					<div class="clearfix type_item swiper-slide J_type_item">
						<div class="main_container clearfix hidden type_height">
							<div class="pull_left pt40 type_left">
								<img src="../common/img/type_icon2.png" class="type_icon">
								<h3 class="f48 mt20">油站效率提升</h3>
								<h4 class="type_subtitle">efficiency improvement</h4>
								<p class="type_text">以移动支付结合手持防爆POS机</p>
								<p class="type_text">打造快捷支付模式</p>
								<p class="type_text">有效提升加油站高峰时段的加油效率</p> 
								<p class="type_text">改善用户支付体验</p>
								<a href="function.html?status=1" class="btn type_more">了解<i class="iconfont icon-rjt c_fff ml20"></i></a>
							</div>
							<img src="../common/img/type_img2.png" class="type_img type_img2">
						</div>
					</div>
					<div class="clearfix type_item swiper-slide J_type_item">
						<div class="main_container clearfix hidden type_height">
							<div class="pull_left pt40 type_left">
								<img src="../common/img/type_icon3.png" class="type_icon">
								<h3 class="f48 mt20">油站渠道引流</h3>
								<h4 class="type_subtitle">Channel drainage</h4>
								<p class="type_text">通过阿里腾讯生态渠道推送、油站专属券系统、</p>
								<p class="type_text">异业合作资源，实现用户进站引导</p>
								<a href="function.html?status=2" class="btn type_more">了解<i class="iconfont icon-rjt c_fff ml20"></i></a>
							</div>
							<img src="../common/img/type_img3.png" class="type_img type_img3">
						</div>
					</div>
					<div class="clearfix type_item swiper-slide J_type_item">
						<div class="main_container clearfix hidden type_height">
							<div class="pull_left pt40 type_left">
								<img src="../common/img/type_icon4.png" class="type_icon">
								<h3 class="f48 mt20">用户运营系统</h3>
								<h4 class="type_subtitle">User operation system</h4>
								<p class="type_text">利用大数据分析功能</p>
								<p class="type_text">实现用户分层，并进行精准营销</p>
								<p class="type_text">构建车主用户体系，促进用户粘性提升</p> 
								<a href="function.html?status=3" class="btn type_more">了解<i class="iconfont icon-rjt c_fff ml20"></i></a>
							</div>
							<img src="../common/img/index_server.png" class="type_img type_img4">
						</div>
					</div>
				</div>
				<a href="javascript:void(0);" class="type_btn iconfont icon-ljt type_prev"></a>
				<a href="javascript:void(0);" class="type_btn iconfont icon-rjt type_next"></a>
				<div class="swiper-pagination type_pagination J_type_pagination"></div>
			</div>
			<!--E移动支付收单-->
			<!--S团队介绍-->
			<!-- <div class="team_box">
				<div class="text_center">
					<h3 class="f48 c_fff">团队介绍</h3>
					<span class="index_solid"></span>
					<p class="f18 c_999 team_title">Aliquam sagittis neque in lectus semper, nec elementum arcu scelerisque. Curabitur ullamcor-<br>per auctor mauris, placerat fermentum.</p>
				</div>
				<ul class="team_list clearfix main_container">
					<li>
						<img src="../common/img/team_img1.png" class="team_img">
						<h3 class="team_title">John Doe</h3>
						<p class="team_text">Curabitur ullamcorper auctor mauris, placerat fermentum.</p>
					</li>
					<li>
						<img src="../common/img/team_img2.png" class="team_img">
						<h3 class="team_title">John Doe</h3>
						<p class="team_text">Curabitur ullamcorper auctor mauris, placerat fermentum.</p>
					</li>
					<li>
						<img src="../common/img/team_img3.png" class="team_img">
						<h3 class="team_title">John Doe</h3>
						<p class="team_text">Curabitur ullamcorper auctor mauris, placerat fermentum.</p>
					</li>
					<li>
						<img src="../common/img/team_img4.png" class="team_img">
						<h3 class="team_title">John Doe</h3>
						<p class="team_text">Curabitur ullamcorper auctor mauris, placerat fermentum.</p>
					</li>
				</ul>
				<a href="javascript:void(0);" class="btn team_more">More</a>
			</div> -->
			<!--E团队介绍-->
			<!--S一体化服务-->
			<div class="service_box">
				<div class="text_center">
					<h3 class="f48 c_333 index_title">实现信息触达、客群转化<br>客群运营的一体化服务</h3>
					<span class="index_solid"></span>
				</div>
				<div class="pos_rel pt80 main_container">
					<img src="../common/img/index_server.png" class="service_img">
					<div class="clearfix mt70">
						<div class="service_info">
							<span class="service_num">1</span>
							<h3 class="service_title">信息触达</h3>
							<p class="service_text">复合渠道，高效触达目标客群</p>
							<img src="../common/img/service_icon.png" class="service_icon">
						</div>
						<div class="service_info">
							<span class="service_num">2</span>
							<h3 class="service_title">加油体验</h3>
							<p class="service_text">快捷支付、智能班节，提升油企工作效率</p>
							<img src="../common/img/service_icon.png" class="service_icon">
						</div>
						<div class="service_info">
							<span class="service_num">3</span>
							<h3 class="service_title">用户运营</h3>
							<p class="service_text">会员系统&数据运营</p>
						</div>
					</div>
				</div>
			</div>
			<!--E一体化服务-->
		
			<!--S底部-->
			<div class="footer_box J_footer_box">
				<div class="text_center">
					<h3 class="f48 c_fff">合作伙伴</h3>
					<span class="index_solid"></span>
				</div>
				<div class="partner_box J_partner_box">
					<a href="javascript:void(0);" class="partner_icon partner_prev iconfont icon-ljt"></a>
					<div class="partner_list swiper-wrapper">
						<div class="swiper-slide"><a href="javascript:void(0);"><img src="../common/img/footer_icon1.png" class="partner_img"></a></div>
						<div class="swiper-slide"><a href="javascript:void(0);"><img src="../common/img/footer_icon2.png" class="partner_img"></a></div>
						<div class="swiper-slide"><a href="javascript:void(0);"><img src="../common/img/footer_icon3.png" class="partner_img"></a></div>
						<div class="swiper-slide"><a href="javascript:void(0);"><img src="../common/img/footer_icon4.png" class="partner_img"></a></div>
						<div class="swiper-slide"><a href="javascript:void(0);"><img src="../common/img/footer_icon5.png" class="partner_img"></a></div>
						<div class="swiper-slide"><a href="javascript:void(0);"><img src="../common/img/footer_icon6.png" class="partner_img"></a></div>
						<div class="swiper-slide"><a href="javascript:void(0);"><img src="../common/img/footer_icon8.png" class="partner_img"></a></div>
						<div class="swiper-slide"><a href="javascript:void(0);"><img src="../common/img/footer_icon9.png" class="partner_img"></a></div>
						<div class="swiper-slide"><a href="javascript:void(0);"><img src="../common/img/footer_icon10.png" class="partner_img"></a></div>
					</div>
					<a href="javascript:void(0);" class="partner_icon partner_next iconfont icon-rjt"></a>
				</div>
				<div class="clearfix border_t main_container ptb50">
					<div class="footer_list pull_left clearfix">
						<dl>
							<dt>功能解析</dt>
							<dd><a href="function.html?status=0">移动支付收单</a></dd>
							<dd><a href="function.html?status=1">油站效率提升</a></dd>
							<dd><a href="function.html?status=2">企业渠道引流</a></dd>
							<dd><a href="function.html?status=3">用户运营系统</a></dd>
						</dl>
						<dl>
							<dt>项目支持</dt>
							<dd><a href="project.html?status=0">硬件设备支持</a></dd>
							<dd><a href="project.html?status=1">程序技术开发</a></dd>
							<dd><a href="project.html?status=2">支付合作授权</a></dd>
							<dd><a href="project.html?status=3">项目在线客服</a></dd>
						</dl>
						<dl>
							<dt>关于我们</dt>
							<dd><a href="aboutUs.html">企业简介</a></dd>
							<!-- <dd><a href="javasript:void(0);">发展历程</a></dd>
							<dd><a href="javasript:void(0);">企业文化</a></dd>
							<dd><a href="javasript:void(0);">团队介绍</a></dd>
							<dd><a href="javasript:void(0);">加入我们</a></dd> -->
							<dd><a href="aboutUs.html">联系我们</a></dd>
						</dl>
					</div>
					<img src="../common/img/footer_icon.png" class="footer_icon pull_right">
				</div>
				<p class="footer_text mt40">北京世纪众联科技有限公司</p>
				<p class="footer_text mt40">Copyright © centunion.cn. All rights reserved. </p>
				<p class="footer_text"><a class="f12 c_fff" href="http://beian.miit.gov.cn" target="_blank">京ICP备19036364号-1</a></p>
				<!--S置顶-->
				<div class="back_top" @click="backTop" v-show="isShowBack"><i class="iconfont icon-tjt"></i></div>
				<!--E置顶-->
			</div>
			<!--E底部-->
		</div>
		<script src="../common/js/jquery-1.11.3.js"></script>
		<script src="http://cdn.jsdelivr.net/npm/vue"></script>
		<script src="../common/js/swiper.min.js"></script>
		<script type="text/javascript">
			var vm = new Vue({
				el: '#indexVm',
				data: {
					isShowBack:false
				},
				mounted(){
					//banner
					var bannerSwiper = new Swiper ('.J_swiper_banner', {
						//autoplay: true,//可选选项，自动滑动
						loop: true, // 循环模式选项
						allowTouchMove:false,
						pagination: {
							el:'.J_swiper_pagination',
							clickable :true,
						}
					})  
					
					//移动支付收单
					var typeSwiper = new Swiper ('.J_type_box', {
						//autoplay: true,//可选选项，自动滑动
						loop: true, // 循环模式选项
						allowTouchMove:false,
						navigation: {
							nextEl: '.type_next',
							prevEl: '.type_prev',
						},
						pagination: {
							el:'.J_type_pagination',
							clickable :true,
						}
					})  
					typeSwiper.on('slideChangeTransitionStart', function () {
						$(".J_type_item").removeClass('type_animate');
						$(".J_type_item").eq(typeSwiper.activeIndex).addClass('type_animate');
					});
					
					//底部=>合作伙伴
					var partnerSwiper = new Swiper ('.J_partner_box', {
						//autoplay: true,//可选选项，自动滑动
						slidesPerView: 'auto',
						loop: true, // 循环模式选项
						allowTouchMove:false,
						navigation: {
							nextEl: '.partner_next',
							prevEl: '.partner_prev',
						}
					}) 
				},
				methods:{
					backTop:function(){
						$('body,html').animate({scrollTop:0},300)
					}
				}
			})
				
			$(window).scroll(function(){
				for(var i=0;i<$(".J_animate").length;i++){
					if($(".J_animate").eq(i).offset().top<=$(window).scrollTop()+300){
						if(i==0){
							$(".J_animate").eq(i).addClass('do_animate');
						}else if(i==1){
							$('.J_type_item').eq(1).addClass('type_animate');
						}
					}
				}
				
				vm.isShowBack = false;
				var top = $(".J_footer_box").offset().top;
				if(top<=$(window).scrollTop()+900){
					vm.isShowBack = true;
				}
			})
		</script>
	</body>
</html>
