<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JRAPI.Web.Default" %>
<%@ Register src="Controls/Web_Top.ascx" tagname="Web_Top" tagprefix="uc1" %>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<link  href="css/css.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<title><%=JRAPI.Cache.ConfigCache.getSysConfigModel().SiteName%></title>
<meta name="description" content="<%=JRAPI.Cache.ConfigCache.getSysConfigModel().SiteDescription%>"/>
<meta name="keywords" content="<%=JRAPI.Cache.ConfigCache.getSysConfigModel().SiteKeyword%>"/>

</head>
<body>
    <form id="form1" runat="server">
<script>
    var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');
    var i = e.length;
    while (i--) {
        document.createElement(e[i])
    }
</script>
<script>
    $(function () {
        //首页默认显示第一个标签
        $("#menu>li a:last").addClass("cli");
        var appVersion = (navigator.appVersion);
        //鼠标移动到某菜单上，子菜单向下展开
        $("#menu>li").mousemove(function () {
            //alert($(this).find('ul li').length);
            //当主菜单无下拉子菜单时，不显示空白子菜单
            if ($(this).find('ul li').length < 1) {
                $(this).find('ul').hide();
                //手机移动端不显示子菜单
            } else if (appVersion.indexOf("iPhone") != -1 || appVersion.indexOf("Android") != -1) {
                $(this).find('ul').hide();
            } else {
                $(this).find('ul').slideDown(500);
            }
        });
        //鼠标离开某菜单，子菜单向上收起
        $("#menu>li").mouseleave(function () {
            $(this).find('ul').slideUp(500);
            $("#menu>li a:last").addClass("cli");
        });
        //公司动态标题内容超过显示范围，则使用...代替
        $(".indexnews").find('a').each(function () {
            if ($(this).html().length > 31) {
                $(this).html($(this).html().substr(0, 31) + "...");
            }
        });

        //取“关于我们”摘要信息
        var brief = $(".company>p a").html().split(";");
        $(".company>p a").html(brief[1]);
        //繁体、英文，正在建设中……
        $("#fanti").click(function () {
            location.href = "./ready/setting1.html";
        });
        $("#en").click(function () {
            location.href = "./ready/setting1.html";
        });

        //获取“企业文化”等四模块的内容，并显示
        var contents = $("#content").html().split(";");
        $(".one").html(contents[0]);  //企业文化
        $(".two").html(contents[1]);   //用户体验
        $(".three").html(contents[2]);  //7*24小时
        $(".four").html(contents[3]);   //服务理念

        //获取“企业文件”模块的链接
        $("#menu li").each(function () {
            $(this).find("ul li").each(function () {
                if ($(this).find("a").html() == "企业文化") {
                    $(".one").attr("href", $(this).find("a").attr("href"));
                }
            });
        });
    });
</script>
<uc1:Web_Top ID="Web_Top1" runat="server" />
<div role="banner" id="banner">
	<ul>
    	<li><img src="images/banner01.png"></li>
    </ul>
</div>
<!--主体内容-->
<div id="contentbox">
	<div class="company">	
	
	  <h4>关于我们<br><span class="spansmall">ABOUT US</span></h4>
	  <p><a href="\">XX网络科技有限公司成立于2011年7月，自成立以来，一直致力于电子商务业务平台和电子商务支付平台的研发、构建和运营，致力于电子商务支付手段的探索、拓展和创新。</a></p>	  
	
    </div>
    <div class="indexnews">
    <h4>公司动态<br><span class="spansmall">NEWS</span></h4>
     <ul>
         <asp:Repeater ID="repNewsList" runat="server">
         <ItemTemplate>
	  	  <li>
	  <a href="NewsInfo.aspx?newsid=<%# Eval("Annid") %>">[<%# Eval("AnnounceTime", "{0:yyyy-MM-dd}")%>]&nbsp;<%# JRAPI.Common.Utils.CutString(Eval("AnnounceTitle").ToString(),0,25)%></a>   
	  </li>
         </ItemTemplate>
         </asp:Repeater>
	   	
	  </ul>
     </div>
     <div class="culture">
    	<h4>企业文化<br>
        <span class="spansmall">corporate culture</span>
        </h4>
        <a href="#" class="one">        
        </a>
     </div>
     <div id="content" style="display:none;"><div>
	<p>
		<b>愿景</b>：最受尊敬的企业。<br />
		<b>使命</b>：科技改变生活，我们努力用科技改变现在。<br />
		<b>管理理念</b>：关爱员工</p>
</div>
<p>
	;</p>
<div>
	良好的<b>用户体验</b>是广大用户选择我们的原因之一</div>
<p>
	;</p>
<div>
	我们的团队会为您提供<b>7*24小时</b>在线服务</div>
<p>
	;</p>
<div>
	专业、诚信、创新、卓越是我们的<b>服务理念</b></div>
</div>
     <div class="indexbusiness">
    	<h4>公司业务<br><span class="spansmall">BUSINESS</span></h4>
    	
    	
		<ul class="indexproduct">
		
	 					
		 
		  <li onclick="location='\'"><img src="images/bus_01.png" ><span>卡类兑换 </span></li>
		 	
		  				
		 
		  <li onclick="location='\'"><img src="images/bus_02.png" ><span>话费充值 </span></li>
		 	
		  				
		 
		  <li onclick="location='\'"><img src="images/bus_03.png" ><span>流量充值 </span></li>
		 	
		  				
		 
		  <li onclick="location='\'"><img src="images/bus_04.png" ><span>贺年年卡 </span></li>
		 	
		  	 		
		</ul>
	
    	<!-- 
  		<ul class="indexproduct">
           <li ><img src="images/bus_01.png" ><span>话费快值</span></li>        
           <li><img src="images/bus_06.png" ><span>贺年年卡</span></li>
        </ul>
         -->
    </div>
</div>
<div class="indexservice">
       <ul>
       		<li>
          	  <img src="images/ser_01.png" >
          	  <span class="two"></span>          	  
           	 <!-- 
           	  <span>良好的<b>用户体验</b>是广大用户选择我们的原因之一
          	  </span>
          	   -->
            </li>
       		<li>
            <img src="images/ser_02.png" >
            <span class="three"></span> 
            <!-- 
            <span>我们的团队会为您提供<b>7*24小时</b>在线服务</span>
             -->
            </li>       		
            <li>
            <img src="images/ser_03.png" >
            <span class="four"></span> 
            <!-- 
            <span>专业、诚信、创新、卓越是我们的<b>服务理念</b></span>
            -->
            </li>
       </ul>
    </div>
<footer>	
    <div class="indexparbox">
  	 	 <div class="indexpar">
   				<div class="icbc">
   					 <h4>合作银行及机构  </h4>
            		 <img src="images/300001.gif">
            		 <img src="images/300002.gif">
           			 <img src="images/300003.gif">
           		  	 <img src="images/300004.gif">
           		  	 <img src="images/300005.gif">
             		 <img src="images/300006.gif">
             		 <img src="images/300007.gif">
             		 <img src="images/300008.gif">
             		 <img src="images/300009.gif">
             	 	 <img src="images/300010.gif">
             		 <img src="images/300011.gif">
             		 <img src="images/300012.gif">
             		 <img src="images/300013.gif">
             		 <img src="images/300014.gif">
             		 <img src="images/300015.gif">
             		 <img src="images/300016.gif">
             		 <img src="images/300017.gif">
             		 <img src="images/300018.gif">
             		 <img src="images/300019.gif">
             		 <img src="images/300020.gif">
      	  		</div>
       			<div class="canonical">
       	  			<h4>权威认证</h4>
           			 <img src="images/su_01.gif">
                     </a>
       				<img src="images/su_02.gif">
     				<img src="images/su_03.gif">
       	 		</div>
   	  </div>
    </div>
  <div align="center" class="adress">
    <span>Copyright @ 2009 -2016 XX网络科技有限公司&nbsp;&nbsp;京ICP备14004334号-1</span>
    </div>
</footer>
    </form>
</body>
</html>
