<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
	<title>易式信息科技有限公司</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="stylesheet" href="css/main.css"/>
    <link rel="stylesheet" href="css/index.css"/>
</head>

<body>
	<header>
        <div class="hd-spacing"></div>
        <div class="hd-box hd-fixed">
            <div class="hd-cont">
                <h1></h1>
                <div class="hd-nav">
                    <ul>
                        <li><a href="introduction.html">案例介绍</a></li>
                        <li><a href="consultation.html">案例咨询</a></li>
                        <li><a href="aboutUs.html">关于我们</a></li>
                        <li><a href="contactUs.html">联系我们</a></li>
                    </ul>
                </div>
                <div class="search-model">
                    <div id="searchWord" class="search-box">
                        <p class="search-group">
                            <input type="text" class="search-cont" placeholder="请输入查询内容">
                            <button class="search-btn" title="搜索"></button>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <main>
        <!-- banner -->
        <div id="ban" class="ban">
            <div class="hd">
                <ul></ul>
            </div>
            <div class="bd" id="bd">
                <ul>
                    <li><a href=""><img src="http://admingac.wxdos.com/upload/04644683528806301.jpg" class="blocked" /></a></li>
                    <li><a href=""><img src="http://admingac.wxdos.com/upload/20170717154512.png" class="blocked" /></a></li>
                    <li><a href=""><img src="http://admingac.wxdos.com/upload/04644683528806301.jpg" class="blocked" /></a></li>
                </ul>
            </div>
        </div>

        <div class="container">
            <div id="page" class="cont-lef">
                <menu>
                    <nav class="sub-nav nav">
                        <ul>
                            <li class="active"><a href="javascript:;">最新</a></li>
                            <li><a href="javascript:;">案例</a></li>
                            <li><a href="javascript:;">创意</a></li>
                            <li><a href="javascript:;">视频</a></li>
                            <li class="classify-li"><a href="javascript:;">分类</a>
                            </li>
                        </ul>                
                    </nav>
                </menu>
                <!--<p class="info-hd">第2条信息，共3条</p>-->
                <ul class="info-list" id="infoList">
                </ul>
                <div id="noMore" class="no-more">没有更多了</div>
                <div id="noDataTips" class="nodata-tip"></div>
            </div>   

            <div class="cont-rig">
                <div class="new-list">
                    <h3>
                        最新案例
                    </h3>
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <img src="http://admingac.wxdos.com/upload/ad882855855957396d04f6f22cc722d1.jpg" alt="">
                                <div>
                                    这个项目目前没有发布体验影片，所以这里就只能用文字描述。
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="http://admingac.wxdos.com/upload/ad882855855957396d04f6f22cc722d1.jpg" alt="">
                                <div>
                                    这个项目目前没有发布体验影片，所以这里就只能用文字描述。
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="http://admingac.wxdos.com/upload/ad882855855957396d04f6f22cc722d1.jpg" alt="">
                                <div>
                                    这个项目目前没有发布体验影片，所以这里就只能用文字描述。
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="http://admingac.wxdos.com/upload/ad882855855957396d04f6f22cc722d1.jpg" alt="">
                                <div>
                                    这个项目目前没有发布体验影片，所以这里就只能用文字描述。
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="http://admingac.wxdos.com/upload/ad882855855957396d04f6f22cc722d1.jpg" alt="">
                                <div>
                                    这个项目目前没有发布体验影片，所以这里就只能用文字描述。
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="http://admingac.wxdos.com/upload/ad882855855957396d04f6f22cc722d1.jpg" alt="">
                                <div>
                                    这个项目目前没有发布体验影片，所以这里就只能用文字描述。
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="new-list">
                    <h3>
                        推荐案例
                    </h3>
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <img src="http://admingac.wxdos.com/upload/ad882855855957396d04f6f22cc722d1.jpg" alt="">
                                <div>
                                    这个项目目前没有发布体验影片，所以这里就只能用文字描述。
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="http://admingac.wxdos.com/upload/ad882855855957396d04f6f22cc722d1.jpg" alt="">
                                <div>
                                    这个项目目前没有发布体验影片，所以这里就只能用文字描述。
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="http://admingac.wxdos.com/upload/ad882855855957396d04f6f22cc722d1.jpg" alt="">
                                <div>
                                    这个项目目前没有发布体验影片，所以这里就只能用文字描述。
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="http://admingac.wxdos.com/upload/ad882855855957396d04f6f22cc722d1.jpg" alt="">
                                <div>
                                    这个项目目前没有发布体验影片，所以这里就只能用文字描述。
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="http://admingac.wxdos.com/upload/ad882855855957396d04f6f22cc722d1.jpg" alt="">
                                <div>
                                    这个项目目前没有发布体验影片，所以这里就只能用文字描述。
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="http://admingac.wxdos.com/upload/ad882855855957396d04f6f22cc722d1.jpg" alt="">
                                <div>
                                    这个项目目前没有发布体验影片，所以这里就只能用文字描述。
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>      
        </div>


    </main>

    <footer>
        <div class="footer-box">
            <section class="wid1000 foot-cont">
                <div class="foot-logo"></div>
                <div class="foot-addr">
                    <p>地址：广州市越秀区广州大道307号富力东山新地C栋607-609</p>
                    <p>邮编：510060</p>
                    <p>Fax：86-020-83318025</p>
                </div>
                <div class="ft-qwcode"></div>
            </section>
        </div>
    </footer>
    <div class="copy-fixed"><p class="copyright">EASYS+  <span>&copy;2017 EASYS+ ALL rights reserved.Terms of Service Privacy Policy</p></span></div>
    
    <template id="tpl-li" style="display: none;">
    	<li class="list-item">
            <a href=":link">
                <div class="info-lef-side">:imgSrc</div>
                <div class="info-rig-side">
                    <h3 class="info-title">:title</h3>
                    <p class="info-date">:date</p>
                    <p class="info-text">:abstract</p>
                    <p class="ind-keyword2">技术关键词:keyword</p>
                </div>                          
            </a>
            
            <div class="info-contact">
                <a role="contact" href="javascript:;">联系我们</a>
                <div class="info-addr">
                    <a class="btn-close" href="javascript:;">&times;</a>
                    地址：广州市越秀区广州大道<br>
                    307号富力东山新地C栋607-609<br>
                    Tel：86-020-83227976<br>
                    Fax：86-020-83318025<br>
                    E-mail：sales@easys.co
                </div>
            </div>
        </li>
    </template>

    <!-- 弹窗 -->
    <div id="popPanel" class="e-pop-panel">
        <div class="e-pop-box">
        	<!--手机号快速登录-->
            <div id="popLogin" class="e-pop-cont">
                <header class="e-pop-hd">手机号快速登录<a class="btn-close-pop" href="javascript:;">&times;</a></header>
                <section class="e-pop-form">
                    <div class="inpt-item">
                        <i class="ico-user"></i>
                        <div class="inpt-cont"><input type="text" data-type="phone" maxlength="11" placeholder="请输入手机号码" value=""><p class="error-msg"></p></div>
                    </div>
                    <div class="inpt-item inpt-rig">
                        <i class="ico-imgcode"></i>
                        <div class="inpt-cont"><input type="text" data-type="required" placeholder="请输入图中验证码" value=""><p class="error-msg"></p></div>
                        <a class="btn-getmsg" href="javascript:;">M 5 7 9</a>
                    </div>
                    <div class="inpt-item inpt-rig">
                        <i class="ico-phocode"></i>
                        <div class="inpt-cont"><input data-type="kapkey" type="text" placeholder="请输入短信验证码" value=""><p class="error-msg"></p></div>
                        <a class="btn-getmsg" role="validLogin" href="javascript:;">获取验证码</a>
                    </div>
                    <div class="inpt-btn"><a data-type="fastLogin" class="btn-common" href="javascript:;">登陆</a></div>
                    <div class="other-login">
                    	<p>其他方式登录</p>
                    	<p><a class="oth-qq" href="javascript:;"></a><a class="oth-wx" href="javascript:;"></a><a class="oth-wb" href="javascript:;"></a></p>
                    </div>
                    <div class="e-pop-foot">
                    	<a class="btn-reg-lef" role="register" href="javascript:;">用户注册</a><a role="loginPWD" class="btn-reg-rig" href="javascript:;">密码登录</a>
                    </div>
                </section>
            </div>
            <!--用户密码登录-->
            <div id="popPwdLogin" class="e-pop-cont">
                <header class="e-pop-hd">用户密码登录<a class="btn-close-pop" href="javascript:;">&times;</a></header>
                <section class="e-pop-form">
                    <div class="inpt-item">
                        <i class="ico-user"></i>
                        <div class="inpt-cont"><input data-type="required" type="text" placeholder="手机/邮箱/用户名" value=""><p class="error-msg"></p></div>
                    </div>
                    <div class="inpt-item">
                        <i class="ico-imgcode"></i>
                        <div class="inpt-cont"><input data-type="required" type="password" placeholder="请输入密码" value=""><p class="error-msg"></p></div>
                    </div>
                    <div class="inpt-btn"><a data-type="login" class="btn-common" href="javascript:;">登陆</a></div>
                    <div class="other-login">
                    	<p>其他方式登录</p>
                    	<p><a class="oth-qq" href="javascript:;"></a><a class="oth-wx" href="javascript:;"></a><a class="oth-wb" href="javascript:;"></a></p>
                    </div>
                    <div class="e-pop-foot">
                    	<a class="btn-reg-lef" role="register" href="javascript:;">用户注册</a><a role="loginPhone" class="btn-reg-rig" href="javascript:;">手机登录</a>
                    </div>
                </section>
            </div>
            <!--快速注册-->
            <div id="popRegister" class="e-pop-cont" style="display: none;">
                <header class="e-pop-hd">快速注册<a class="btn-close-pop" href="javascript:;">&times;</a></header>
                <section class="e-pop-form">
                    <div class="inpt-item">
                        <i class="ico-user"></i>
                        <div class="inpt-cont"><input data-type="phone" type="text" maxlength="11" placeholder="请输入手机号码" value=""><p class="error-msg"></p></div>
                    </div>
                    <div class="inpt-item inpt-rig">
                        <i class="ico-imgcode"></i>
                        <div class="inpt-cont"><input data-type="required" type="text" placeholder="请输入图中验证码" value=""><p class="error-msg"></p></div>
                        <a class="btn-getmsg" href="javascript:;">M 5 7 9</a>
                    </div>
                    <div class="inpt-item inpt-rig">
                        <i class="ico-phocode"></i>
                        <div class="inpt-cont"><input data-type="kapkey" type="text" placeholder="请输入短信验证码" value=""><p class="error-msg"></p></div>
                        <a class="btn-getmsg" role="validCode" href="javascript:;">获取验证码</a>
                    </div>
                    <div class="inpt-item">
                        <i class="ico-imgcode"></i>
                        <div class="inpt-cont"><input data-type="password" type="password" placeholder="请输入密码" value=""><p class="error-msg"></p></div>
                    </div>
                    <div class="inpt-item">
                        <i class="ico-imgcode"></i>
                        <div class="inpt-cont"><input data-type="samepassword" type="password" placeholder="确认密码" value=""><p class="error-msg"></p></div>
                    </div>
                    <div class="inpt-item arg-box" style="padding-left: 0;">
                    	<label class="lab-ckb"><input class="ckb" type="checkbox" value=""><span class="ico-ckb"></span>申请VIP</label>
                    </div>
                    <div class="inpt-btn"><a data-type="register" class="btn-common" href="javascript:;">注册</a></div>
                    <div class="other-login">
                        <p>其他方式登录</p>
                        <p><a class="oth-qq" href="javascript:;"></a><a class="oth-wx" href="javascript:;"></a><a class="oth-wb" href="javascript:;"></a></p>
                    </div>
                    <div class="e-pop-foot">
                    	<a class="btn-reg-lef" style="float: none;" role="loginPWD" href="javascript:;">密码登录</a>
                    </div>
                </section> 
            </div>            
        </div>
    </div>
	
    <!-- jquery -->
    <script src="plugins/jquery/jquery.min.js"></script>
    <!-- slide -->
    <script src="plugins/superSlide/jquery.SuperSlide.js"></script>
    <script>
        jQuery("#ban").slide({ titCell:".hd ul", mainCell:".bd ul", effect:"fade", vis:"auto", scroll:1, autoPlay:true, autoPage:true, trigger:"click" });
        
    </script>

    <script src="js/el.validate.js"></script>
    <script>
    	var $reg = new Valid({box: '#popRegister'});
    	var $fl = new Valid({box: '#popLogin', validCod: '[role="validLogin"]'});
    	var $pl = new Valid({box: '#popPwdLogin'});
    	
    	// 注册
    	$('[data-type="register"]').on('click', function() {
    		if($reg.valPhone() && $reg.valRequire() && $reg.valKapkey() && $reg.valPassword() && $reg.valSamePassword()){
    			
    		}
    	});
    	
    	// 快速登录
    	$('[data-type="fastLogin"]').on('click', function() {
    		if($fl.valPhone() && $fl.valRequire() && $fl.valKapkey()){
    			
    		}
    	});
    	
    	// 密码登陆
    	$('[data-type="login"]').on('click', function() {
    		if($pl.valRequire() && $pl.valPassword()){
    			console.log('11')
    		}
    	});
    	
    	// 快速登陆短信验证
    	$('[role="validLogin"]').on('click', function() {
    		if($fl.valPhone()){
    			$fl.time();
    		}
    	});
    	
    	// 注册短信验证
    	$('[role="validCode"]').on('click', function() {
    		if($reg.valPhone()){
    			$reg.time();
    		}
    	});
    	
    	// search
		;(function($){
			$('#searchWord .search-btn').on('click', function() {
				if('' == $(this).siblings('.search-cont').val().trim()) {
					$(this).closest('.search-group').addClass('bo-red');
				} else {
					$(this).closest('.search-group').removeClass('bo-red');
				}
		    });
		    $('#searchWord .search-cont').on('keyup', function(e){
                var ev = document.all ? window.event : e;
		    	if('' != $(this).val().trim()) {
		    		$(this).closest('.search-group').removeClass('bo-red');
		    	}
                if(e.keyCode == 13) {
                    $('#searchWord .search-btn').trigger('click');
                }
		    })
		})(jQuery);
    </script>
    <!-- common -->
    <script src="js/common.js"></script>
    <script type="text/javascript">
    	$('.top-nav li').eq(0).addClass('active');
    </script>
    <script src="js/el.popTip.js"></script>
    
    <script src="js/utils.tools.js"></script>
    
    <script type="text/javascript">
    	// 分页
    	;(function($, window){
	    	var html = '';
		    var cont = $('#tpl-li').html(); // 模板
		    var pageNUm = 1;
		    var url = 'http://admingac.wxdos.com/api/index';
		    
		    initData();
		    
		    function initData() {
		    	utils.ajax('GET', url, {page: pageNUm}, renderData);
		    }
		    
		    function getKeyword(str) {
		    	if(!str) return '-无';
		    	var arr = str.split(',');
		    	var keyword = '';
		    	for(var i = 0;i < arr.length; i++) {
		    		keyword += '-<a href="javascript:;">' + arr[i] + '</a>';
		    	}
		    	return keyword;
		    }
		    
	    	function renderData(data) {
	    		if(!data) return;
	    		$('#noDataTips').hide();
	    		if(data.data.length == 0 || data.data == '') {
	    			$('#noMore').show();
	    			return;
	    		}
	    		$.each(data.data.result, function(index, _d) {
	    			var dateStr = utils.formatDate(new Date(_d.case_publish_time * 1000));
	    			var img = '<img src="'+ (_d.case_image ? _d.case_image : 'http://admingac.wxdos.com/static/easys/img/nonePic.png')+'" alt=" ">';
	    			var item = cont.replace(/:link/, 'cases/view?id=' + _d.case_id)
	    				.replace(/:keyword/, getKeyword(_d.case_keyword))
	    				.replace(/:title/, _d.case_title)
	    				.replace(/:imgSrc/, img)
	    				.replace(/:date/, dateStr)
	    				.replace(/:abstract/, _d.case_abstract);
	    			$('#infoList').append(item);
	    		});
	    		pageNUm++;
	    	}    
	    	
	    	//获取滚动条当前的位置 
			function getScrollTop() {
				var scrollTop = 0;
				if (document.documentElement && document.documentElement.scrollTop) {
					scrollTop = document.documentElement.scrollTop;
				}
				else if (document.body) {
					scrollTop = document.body.scrollTop;
				}
				return scrollTop;
			} 
			
			//获取当前可视范围的高度 
			function getClientHeight() {
				var clientHeight = 0;
				if (document.body.clientHeight && document.documentElement.clientHeight) {
					clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight);
				}
				else {
					clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight); 
				}
				return clientHeight;
			} 
			
			//获取文档完整的高度 
			function getScrollHeight() {
				return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
			}
			
			window.onscroll = function () {
				if (getScrollTop() + getClientHeight() == getScrollHeight()) {
					initData();
				}
			}
			
    	})(jQuery, window)
    	
    </script>


</body>
</html>
    <script src="/static/easys/plugins/jquery/jquery.min.js"></script>
    <script src="/static/easys/plugins/superSlide/jquery.SuperSlide.js"></script>