<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>新生支付</title>
	<meta name="Author" content="盛炬支付" />
	<meta name="Keywords" content="盛炬支付" />
	<meta name="Description" content="盛炬支付" />
	<meta property="wb:webmaster" content="29eba6291b8d105d" />
    <meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="stylesheet" href="./stylesheets/reset.css" />
	<link rel="stylesheet" href="./stylesheets/bootstrap.min.css" />
	<link rel="stylesheet" href="./stylesheets/index.css" />
	
	<script src="./javascripts/jquery.min.js"></script>
	<script src="./javascripts/bootstrap.bundle.min.js"></script>


</head>
<body>
	<div class="navbar navbar-expand-sm fixed-top padding30">
		<div class="d-flex align-items-center">
	      <div class="flex-grow-1">
	        <a class="navbar-brand" href="/" title="ROPEMAX-WEB">
	          <img src="images1/logo_white.png" height="80" alt="新生支付">
	        </a>
	      </div>
	    </div>
	    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
	      <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" focusable="false">
	        <path style="color:#ffffff;" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path>
	      </svg>
	    </button>
	    <div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar">
	      <ul class="navbar-nav">
	        <li class="nav-item">
	          <a class="nav-link" href="#top">首页</a>
	        </li>
	        <li class="nav-item">
	          <a class="nav-link" href="#service">商户入网及服务</a>
	        </li>
	        <li class="nav-item">
	          <a class="nav-link" href="#product">产品服务</a>
	        </li>
	        <li class="nav-item">
	          <a class="nav-link" href="#ams">售后服务</a>
	        </li>
	      </ul>
	    </div>	    
	</div>
	<div class="backimg-1" id="top">
		<div class="container text-center">
			<h3><b>NEWPAY银行卡收单</b><span style="font-weight:300">全新上线</span></h3>
			<div class="en">A one-stop aggregated payment solution for physical merchants in various industries</div>
			<div class="cn">为各行业实体商家打造的一站式聚合支付解决方案</div>
		</div>
	</div>
	<div class="backimg-2" id="service">
		<div class="container">
			<h3>商户入网及服务</h3>
			<div class="en">MERCHANT ACCESS AND SERVICES</div>
			<div class="cn">新生支付在线服务系统，是为合作伙伴提供商户入网、商户管理、交易数据查询、<br/>账报表下载等功能为一体的综合型在线服务平台。</div>
			<a class="link" href="https://www.esicash.com/declaration/" target="_blank">登 录</a>
		</div>
	</div>
	<div class="backimg-3" id="product">
		<div class="container">
			<h3>产品服务</h3>
			<div class="en">PRODUCT SERVICES</div>
			<div class="cn">覆盖所有主流支付渠道，提供简单、快捷的接入体验。同时提供资金对账、技术对接、差错处理、会员账户、运营维护、终端维护等服务，从财务管理、店铺营销、会员管理等多个方面辅助商户经营，为商家打造一站式聚合支付解决方案。</div>
			<div class="row justify-content-between">
				<div class="col-lg-2 col-6 text-center mt-4"><img src="images1/s_1.jpg" /></div>
				<div class="col-lg-2 col-6 text-center mt-4"><img src="images1/s_2.jpg" /></div> 
				<div class="col-lg-2 col-6 text-center mt-4"><img src="images1/s_3.jpg" /></div> 
				<div class="col-lg-2 col-6 text-center mt-4"><img src="images1/s_4.jpg" /></div> 
				<div class="col-lg-2 col-6 text-center mt-4"><img src="images1/s_5.jpg" /></div>  
			</div>
		</div>
	</div>
	<div class="backimg-4" id="ams">
		<div class="container">
			<h3>售后服务</h3>
			<div class="en">AFTER SERVICE</div>
			<div class="row justify-content-between mt-5">
				<div class="col-lg-7 cn">
					<span style="font-size:30px;font-weight:bold;">联系我们</span><br/>
					新生支付有限公司收单事业部客户服务热线：400-0890-098<br/>
					客服邮箱：xs-kefu@hnair.com<br/>
					公司地址：浙江省杭州市西湖区紫霞街176号杭州互联网创新创业园B幢1212室 <br/>
					邮编：310012<br/>
				</div>
				<div class="col-lg-2 weixin">
					扫一扫，官方微信<br/><img src="images1/weixin.jpg" /><br/>
					新生支付NewPay
				</div>
			</div>
		</div>
	</div>
	<div class="backimg-5">
		<div class="container">
			<h3>交易服务承启数字经营</h3>
			<div class="en">DIGITAL OPERATION ON TRANSACTION SERVICE</div>
		</div>
	</div>
	<div class="footer">
		<div class="container">
			<div class="row justify-content-between">
				<div class="col-lg-8 mt-3">
					<span class="icon-tel">客服电话:</span>  <span style="font-size:36px;">400-0890-098</span>（9:00-21:00）
					<hr/>
					Copyright © 2018 新生支付 琼ICP备11000638号-6
				</div>
				<div class="col-lg-2 text-center mt-3">
					<img src="images1/pay_license.jpg" /><br/>许可证
				</div>
			</div>
		</div>
	</div>	
	<script type="text/javascript">
	  window.addEventListener('scroll', function (e) {
	    if (window.scrollY > 100) {
	      var navbar = document.getElementsByClassName("navbar")[0];
	      if (navbar.className.indexOf("scrolled") == -1)
	        document.getElementsByClassName("navbar")[0].className += " scrolled";
	    } else {
	      document.getElementsByClassName("navbar")[0].className = document.getElementsByClassName("navbar")[0].className.replace(/\b\sscrolled\b/, '');
	    }
	  });
	  $(function(){
		//顶部向下滑动
		$(document).on("scroll", onScroll);
		$('a[href^="#"]').on('click', function (e) {
			e.preventDefault();
			$(document).off("scroll");
			$('a').each(function () {
				$(this).removeClass('active');
			})
			$(this).addClass('active');
			var target = this.hash;
			$target = $(target);
			$('html, body').stop().animate({
				'scrollTop': $target.offset()!=null&&$target.offset().top!='undefined'?$target.offset().top:$(document).scrollTop()
			}, 500, 'swing', function () {
				window.location.hash = target;
				$(document).on("scroll", onScroll);
			});
		});
	});
	function onScroll(event){
		var scrollPosition = $(document).scrollTop();
		$('.nav li a').each(function () {
			var currentLink = $(this);
			var refElement = $(currentLink.attr("href"));
			if (refElement.position().top <= scrollPosition && refElement.position().top + refElement.height() > scrollPosition) {
				$('.nav li a').removeClass("active");
				currentLink.addClass("active");
			}
			else{
				currentLink.removeClass("active");
			}
		});
	}	  
	</script>
</body>
</html>
