蓝色实用风格的海外移民留学企业网站源码下载



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

55 218 73



模板描述:蓝色实用风格 海外移民留学 企业网站。蓝色实用风格的海外移民留学企业网站源码下载html模板下载

代码结构

1. 引入CSS

<link href="css/daohang.css" rel="stylesheet" type="text/css" />
<link href="css/banner.css" rel="stylesheet" type="text/css" />
<link href="css/css.css" rel="stylesheet" type="text/css" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.touchSlider.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<script type="text/javascript" src="js/ks-switch.pack.js"></script>
<script type="text/javascript" src="js/jquery.yx_rotaion.js"></script>
<script type="text/javascript" src="js/selectFilter.js"></script>

3. HTML代码

<div class="top">
	<div class="top_blank">
   		<a href="index.html"><div class="logo"><img src="images/logo.jpg" /></div></a>
   		<div class="top_tel"><img src="images/tele.jpg" /></div>
   	</div>
</div>
<!-- 导航开始  -->
<nav class="nav pr">
<div class="nav-in">
	<!-- -------菜单html代码---------begin------- -->
    <div class="menuDiv">
        <ul>
            <li>
                <a href="index.html" >首页</a>
            </li> 
            <li>
                <a href="USA_ym.html">美国移民</a>
                <ul>
                    <li><a href="USA_ym.html" >美国EB1A移民</a></li>
                </ul>
            </li> 
            <li>
                <a href="USA_lx.html" target="_blank">美国留学</a>
                <ul>
                    <li><a href="USA_lx_gz.html" >美国高中</a></li>
                    <li><a href="USA_lx_gz.html" >美国本科</a></li>
                    <li><a href="USA_lx_gz.html" >美国研究生</a></li>
                </ul>
            </li> 
            <li>
                <a href="England_lx.html">英国留学</a>
                <ul>
                    <li><a href="England_lx_gz.html" >英国高中</a></li>
                    <li><a href="England_lx_gz.html" >英国本科</a></li>
                    <li><a href="England_lx_gz.html" >英国研究生</a></li>
                </ul>
            </li> 
            <li>
                <a href="ajzy.html" >海外服务</a>
                <ul>
                    <li><a href="ajzy.html" >安家置业</a></li>
                    <li><a href="hwfc.html" >海外房产</a></li>
                    <li><a href="cwgh.html" >财务规划</a></li>
                </ul>
            </li> 
            <li>
                <a href="hdjz.html" >活动讲座</a>
            </li> 
            <li>
                <a href="about.html" >关于慧莲</a>
                <ul>
                    <li><a href="about.html">慧莲介绍</a></li>
                    <li><a href="jytd.html" >精英团队</a></li>
                </ul>
            </li> 
        </ul>
    </div>
    <!-- -------菜单html代码---------end------- -->
    </div>
</nav>
<!-- 导航结束  -->
<!--banner-->
<div class="main_visual">
	<div class="flicking_con">
		<a href="#">1</a>
		<a href="#">2</a>
		<a href="#">3</a>
		<a href="#">4</a>
		<a href="#">5</a>
	</div>
	<div class="main_image">
		<ul>
			<a href="#"><li><span class="img_1"></span></li></a>
			<a href="#"><li><span class="img_2"></span></li></a>
			<a href="#"><li><span class="img_3"></span></li></a>
			<a href="#"><li><span class="img_4"></span></li></a>
			<a href="#"><li><span class="img_5"></span></li></a>
		</ul>
		<a href="javascript:;" id="btn_prev"></a>
		<a href="javascript:;" id="btn_next"></a>
	</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
	$(".main_visual").hover(function(){
		$("#btn_prev,#btn_next").fadeIn()
	},function(){
		$("#btn_prev,#btn_next").fadeOut()
	});
	$dragBln = false;
	$(".main_image").touchSlider({
		flexible : true,
		speed : 200,
		btn_prev : $("#btn_prev"),
		btn_next : $("#btn_next"),
		paging : $(".flicking_con a"),
		counter : function (e){
			$(".flicking_con a").removeClass("on").eq(e.current-1).addClass("on");
		}
	});
	$(".main_image").bind("mousedown", function() {
		$dragBln = false;
	});
	$(".main_image").bind("dragstart", function() {
		$dragBln = true;
	});
	$(".main_image a").click(function(){
		if($dragBln) {
			return false;
		}
	});
	timer = setInterval(function(){
		$("#btn_next").click();
	}, 5000);
	$(".main_visual").hover(function(){
		clearInterval(timer);
	},function(){
		timer = setInterval(function(){
			$("#btn_next").click();
		},5000);
	});
	$(".main_image").bind("touchstart",function(){
		clearInterval(timer);
	}).bind("touchend", function(){
		timer = setInterval(function(){
			$("#btn_next").click();
		}, 5000);
	});
});
</script>
<!--banner end-->
<!-- 评估表 -->
<div class="HL_pgb_bg">
	<div class="HL_pgb_logo"></div>
</div>
<div class="HL_pgb_text">想移民,先评估!快速、全面、准确评估您与移民目标国的匹配度,锁定目标</div>
<div class="HL_pgb">
	<div class="item">
			<div class="filter-box">
				<div class="filter-text">
					<input class="filter-title" type="text" readonly placeholder="移民留学国家" />
					<i class="icon icon-filter-arrow"></i>
				</div>
				<select name="filter">
                	<option value="-1"></option>
					<option value="1">美国EB1A移民</option>
					<option value="2">美国留学</option>
					<option value="3">英国留学</option>
					<option value="4">海外投资</option>
					<option value="5">其它</option>
				</select>
			</div>
	</div>
    <div class="item" style="margin-left:20px">
			<div class="filter-box1">
				<div class="filter-text">
					<input class="filter-title" type="text" readonly placeholder="预算" />
					<i class="icon icon-filter-arrow"></i>
				</div>
				<select name="filter">
                	<option value="-1"></option>
					<option value="1">50万-100万</option>
					<option value="2">100万-200万</option>
					<option value="3">300万-500万</option>
					<option value="4">500万-800万</option>
					<option value="5">1000万以上</option>
                    <option value="5">其他</option>
				</select>
              </div>
	</div>
    <div class="item" style="margin-left:20px">
    	<input class="input" placeholder="联系方式" />
    </div>
    <div class="pgbButton" style="margin-left:20px">
        <input type="reset"  value="立即评估"/>
    </div>
</div>
<!-- 评估表 end -->
<!-- 活动讲座 -->
<div class="HL_jz">
	<div class="HL_jz_img"><img src="images/HL_img1.jpg" /></div>
    <div class="HL_hdjz">活动讲座<span><a href="hdjz.html" target="_blank">更多+</a></span></div>
    <div class="HL_hdjz_nr">
    	<div class="HL_hdjz_nr_img"><img src="images/HL_img2.jpg" /></div>
        <div class="HL_hdjz_nr_text">
        	<a href="#">
        	<p><span>[02-24 - 02-28]</span> 澳洲考察行繁荣新南威尔士州为中国投资人提供上佳契机澳洲上佳契澳洲考察行繁荣新南威尔士州为中国投资人提供上佳契机澳洲上南威尔士州为中国投供澳洲上南威尔士州为中国投供澳洲上南威尔士州为中国投供上佳契机澳洲考察行繁荣新南威尔士州为中国投资人提供上佳契机澳洲上佳契澳洲考察行繁荣新南威尔士州为中国投资人提供上佳契机澳洲上南威尔士州为中国投供澳洲上南威尔士州为中国投供澳洲上南威尔士州为中国投供上佳契机</p>
            </a>
        </div>
    </div>
    <div class="HL_ymli">
    	<div class="HL_ym">
        	<strong>移民讲座</strong>
            <a href="xiangqing.html" target="_blank"><li><span>02-26</span>澳出生籍还是籍还是绿卡...</li></a>
            <a href="xiangqing.html" target="_blank"><li><span>02-26</span>澳出生籍还是籍还是绿卡...</li></a>
            <a href="xiangqing.html" target="_blank"><li><span>02-26</span>澳出生籍还是籍还是绿卡...</li></a>
            <a href="xiangqing.html" target="_blank"><li><span>02-26</span>澳出生籍还是籍还是绿卡...</li></a>
            <a href="xiangqing.html" target="_blank"><li><span>02-26</span>澳出生籍还是籍还是绿卡澳出生籍还是籍还是绿卡澳出生籍还是籍还是绿卡</li></a>
        </div>
        <div class="HL_ym" style=" float:right">
        	<strong>留学讲座</strong>
            <a href="xiangqing.html" target="_blank"><li><span>02-26</span>澳出生籍还是籍还是绿卡...</li></a>
            <a href="xiangqing.html" target="_blank"><li><span>02-26</span>澳出生籍还是籍还是绿卡...</li></a>
            <a href="xiangqing.html" target="_blank"><li><span>02-26</span>澳出生籍还是籍还是绿卡...</li></a>
            <a href="xiangqing.html" target="_blank"><li><span>02-26</span>澳出生籍还是籍还是绿卡...</li></a>
            <a href="xiangqing.html" target="_blank"><li><span>02-26</span>澳出生籍还是籍还是绿卡澳出生籍还是籍还是绿卡澳出生籍还是籍还是绿卡</li></a>
        </div>
    </div>
</div>
<!-- 活动讲座 end -->
<!-- 热门项目  -->
<div class="HL_rmxm">
	<div class="YMCountry_top">
    	<div class="YMCountry_top_title">热门项目</div>
    </div>
	<div class="YMCountry">
    	<dl class="slideBox1">
			<dt>
				<span>美国移民</span>
				<span>美国留学</span>
            	<span>英国留学</span>
				<span>海外投资</span>
			</dt>
			<dd><!--美国移民 -->
			<div class="YMCountry_nr">  
            	<div class="YMCountry_image"><a href="#"><img src="images/HL_img4.jpg" alt=""/></a></div>
                <div class="YMCountry_xm">
                <div class="kv4" style="margin-left:25px;">
    			<div class="kv4-content">
        		<div class="kv4-content-one has_bottom">
    				<a href="#">
        				<img src="images/HL_img5.jpg" alt="">
        				<span>10万欧起移民欧洲 · 预期8%年收益</span>
        				<div class="box">
            					<h3 class="title">学历重要吗?初中毕业的裁缝铺老板也可以成为EB-1A的楷模!</h3>
           				 <p>杰出人才,最低学历是什么?</p>
						<p>想起了之前批准的一位苏商</p>
						<p>初中毕业后经营一家裁缝铺</p>
        				</div>
   				 	</a>
				</div>
                <div class="kv4-content-one has_bottom">
    				<a href="#">
        				<img src="images/HL_img6.jpg" alt="">
        				<span>10万欧起移民欧洲 · 预期8%年收益</span>
        				<div class="box">
            					<h3 class="title">学历重要吗?初中毕业的裁缝铺老板也可以成为EB-1A的楷模!</h3>
           				 <p>杰出人才,最低学历是什么?</p>
						<p>想起了之前批准的一位苏商</p>
						<p>初中毕业后经营一家裁缝铺</p>
        				</div>
   				 	</a>
				</div>
				<div class="kv4-content-one has_bottom">
    				<a href="#">
        				<img src="images/HL_img7.jpg" alt="">
        				<span> 15万加币起投资 · 慧莲标致性项目</span>
        				<div class="box">
            				<h3 class="title">批准函没加水印,轨道交通高管杰出人才客户变身成为武林高手!</h3>
            				<p>“诡异的”批准函:武林高手并非我们的客户</p>
							<p>才华与品德兼备的轨道交通专家“变身记”</p>
							<p>通过对比日期,找到了批准函的所有者</p>
        				</div>
    				</a>
				</div>
				<div class="kv4-content-one has_bottom">
    				<a href="#">
        				<img src="images/HL_img8.jpg" alt="">
        				<span> 25万欧投资马耳他A级国债 · 1人申请4代移民</span>
        				<div class="box">
            				<h3 class="title">刻意练习造就90后天才魔术师成美国杰出人才,6天即获批!</h3>
            				<p>一位优秀的客户</p>
							<p>只需一个不会犯错的律师团队就可以成功</p>
							<p>&nbsp;任何杰出,源于对自己技能的“刻意练习”</p>
        					</div>
    				</a>
				</div>
                </div>
                </div>
                </div>
          </div>      
		</dd>
			<dd><!--美国留学 -->
			<div class="YMCountry_nr">  
            	<div class="YMCountry_image"><a href="#"><img src="images/HL_img4.jpg" alt=""/></a></div>
                <div class="YMCountry_xm">
                <div class="kv4" style="margin-left:25px;">
    			<div class="kv4-content">
        		<div class="kv4-content-one has_bottom">
    				<a href="#">
        				<img src="images/HL_img6.jpg" alt="">
        				<span>10万欧起移民欧洲 · 预期8%年收益</span>
        				<div class="box">
            					<h3 class="title">学历重要吗?初中毕业的裁缝铺老板也可以成为EB-1A的楷模!</h3>
           				 		<p>杰出人才,最低学历是什么?</p>
								<p>想起了之前批准的一位苏商</p>
        				</div>
   				 	</a>
				</div>
                <div class="kv4-content-one has_bottom">
    				<a href="#">
        				<img src="images/HL_img7.jpg" alt="">
        				<span>10万欧起移民欧洲 · 预期8%年收益</span>
        				<div class="box">
            					<h3 class="title">学历重要吗?初中毕业的裁缝铺老板也可以成为EB-1A的楷模!</h3>
           				 <p>杰出人才,最低学历是什么?</p>
						<p>想起了之前批准的一位苏商</p>
						<p>初中毕业后经营一家裁缝铺</p>
        				</div>
   				 	</a>
				</div>
				<div class="kv4-content-one has_bottom">
    				<a href="#">
        				<img src="images/HL_img8.jpg" alt="">
        				<span> 15万加币起投资 · 慧莲标致性项目</span>
        				<div class="box">
            				<h3 class="title">批准函没加水印,轨道交通高管杰出人才客户变身成为武林高手!</h3>
            				<p>“诡异的”批准函:武林高手并非我们的客户</p>
							<p>才华与品德兼备的轨道交通专家“变身记”</p>
							<p>通过对比日期,找到了批准函的所有者</p>
        				</div>
    				</a>
				</div>
				<div class="kv4-content-one has_bottom">
    				<a href="#">
        				<img src="images/HL_img5.jpg" alt="">
        				<span> 25万欧投资马耳他A级国债 · 1人申请4代移民</span>
        				<div class="box">
            				<h3 class="title">刻意练习造就90后天才魔术师成美国杰出人才,6天即获批!</h3>
            				<p>一位优秀的客户</p>
							<p>只需一个不会犯错的律师团队就可以成功</p>
							<p>&nbsp;任何杰出,源于对自己技能的“刻意练习”</p>
        					</div>
    				</a>
				</div>
                </div>
                </div>
                </div>
          </div> 
		</dd>
        	<dd><!--英国留学 -->
			<div class="YMCountry_nr">  
            	<div class="YMCountry_image"><a href="#"><img src="images/HL_img4.jpg" alt=""/></a></div>
                <div class="YMCountry_xm">
                <div class="kv4" style="margin-left:25px;">
    			<div class="kv4-content">
        		<div class="kv4-content-one has_bottom">
    				<a href="#">
        				<img src="images/HL_img7.jpg" alt="">
        				<span>10万欧起移民欧洲 · 预期8%年收益</span>
        				<div class="box">
            					<h3 class="title">学历重要吗?初中毕业的裁缝铺老板也可以成为EB-1A的楷模!</h3>
           				 <p>杰出人才,最低学历是什么?</p>
						<p>想起了之前批准的一位苏商</p>
						<p>初中毕业后经营一家裁缝铺</p>
        				</div>
   				 	</a>
				</div>
                <div class="kv4-content-one has_bottom">
    				<a href="#">
        				<img src="images/HL_img8.jpg" alt="">
        				<span>10万欧起移民欧洲 · 预期8%年收益</span>
        				<div class="box">
            					<h3 class="title">学历重要吗?初中毕业的裁缝铺老板也可以成为EB-1A的楷模!</h3>
           				 <p>杰出人才,最低学历是什么?</p>
						<p>想起了之前批准的一位苏商</p>
						<p>初中毕业后经营一家裁缝铺</p>
        				</div>
   				 	</a>
				</div>
				<div class="kv4-content-one has_bottom">
    				<a href="#">
        				<img src="images/HL_img5.jpg" alt="">
        				<span> 15万加币起投资 · 慧莲标致性项目</span>
        				<div class="box">
            				<h3 class="title">批准函没加水印,轨道交通高管杰出人才客户变身成为武林高手!</h3>
            				<p>“诡异的”批准函:武林高手并非我们的客户</p>
							<p>才华与品德兼备的轨道交通专家“变身记”</p>
							<p>通过对比日期,找到了批准函的所有者</p>
        				</div>
    				</a>
				</div>
				<div class="kv4-content-one has_bottom">
    				<a href="#">
        				<img src="images/HL_img6.jpg" alt="">
        				<span> 25万欧投资马耳他A级国债 · 1人申请4代移民</span>
        				<div class="box">
            				<h3 class="title">刻意练习造就90后天才魔术师成美国杰出人才,6天即获批!</h3>
            				<p>一位优秀的客户</p>
							<p>只需一个不会犯错的律师团队就可以成功</p>
							<p>&nbsp;任何杰出,源于对自己技能的“刻意练习”</p>
        					</div>
    				</a>
				</div>
                </div>
                </div>
                </div>
          </div> 
		</dd>
            <dd><!--海外投资 -->
                <div class="YMCountry_nr">  
                    <div class="YMCountry_image"><a href="#"><img src="images/HL_img4.jpg" alt=""/></a></div>
                    <div class="YMCountry_xm">
                    <div class="kv4" style="margin-left:25px;">
                    <div class="kv4-content">
                    <div class="kv4-content-one has_bottom">
                        <a href="#">
                            <img src="images/HL_img8.jpg" alt="">
                            <span>10万欧起移民欧洲 · 预期8%年收益</span>
                            <div class="box">
                                    <h3 class="title">学历重要吗?初中毕业的裁缝铺老板也可以成为EB-1A的楷模!</h3>
                             <p>杰出人才,最低学历是什么?</p>
                            <p>想起了之前批准的一位苏商</p>
                            <p>初中毕业后经营一家裁缝铺</p>
                            </div>
                        </a>
                    </div>
                    <div class="kv4-content-one has_bottom">
                        <a href="#">
                            <img src="images/HL_img5.jpg" alt="">
                            <span>10万欧起移民欧洲 · 预期8%年收益</span>
                            <div class="box">
                                    <h3 class="title">学历重要吗?初中毕业的裁缝铺老板也可以成为EB-1A的楷模!</h3>
                             <p>杰出人才,最低学历是什么?</p>
                            <p>想起了之前批准的一位苏商</p>
                            <p>初中毕业后经营一家裁缝铺</p>
                            </div>
                        </a>
                    </div>
                    <div class="kv4-content-one has_bottom">
                        <a href="#">
                            <img src="images/HL_img6.jpg" alt="">
                            <span> 15万加币起投资 · 慧莲标致性项目</span>
                            <div class="box">
                                <h3 class="title">批准函没加水印,轨道交通高管杰出人才客户变身成为武林高手!</h3>
                                <p>“诡异的”批准函:武林高手并非我们的客户</p>
                                <p>才华与品德兼备的轨道交通专家“变身记”</p>
                                <p>通过对比日期,找到了批准函的所有者</p>
                            </div>
                        </a>
                    </div>
                    <div class="kv4-content-one has_bottom">
                        <a href="#">
                            <img src="images/HL_img7.jpg" alt="">
                            <span> 25万欧投资马耳他A级国债 · 1人申请4代移民</span>
                            <div class="box">
                                <h3 class="title">刻意练习造就90后天才魔术师成美国杰出人才,6天即获批!</h3>
                                <p>一位优秀的客户</p>
                                <p>只需一个不会犯错的律师团队就可以成功</p>
                                <p>&nbsp;任何杰出,源于对自己技能的“刻意练习”</p>
                                </div>
                        </a>
                    </div>
                    </div>
                    </div>
                    </div>
              </div> 
            </dd>
		</dl><!-- -->
    </div><!--移民国家到此结束 -->
</div>
<!-- 热门项目 end  -->
<!-- 热点资讯  -->
<div class="HL_rdzx">
	<div class="HL_rdzx_title">热点资讯</div>
</div>
<div class="HL_rdzx_nr">
    <div class="yx-rotaion">
		<ul class="rotaion_list">
			<li><a href=""><img src="images/HL_img9.jpg" alt="塞浦路斯欧盟护照项目"></a></li>
			<li><a href=""><img src="images/HL_img4.jpg" alt="达拉斯1号 2017美国EB-5钻石项目"></a></li>
			<li><a href=""><img src="images/HL_img9.jpg" alt="美国纽约帝国奥特莱斯购物中心"></a></li>
			<li><a href=""><img src="images/HL_img4.jpg" alt="曼哈顿9号缩短排期EB-5项目震撼问世"></a></li>
		</ul>
	</div>
    <div class="HL_rdzx_ym">
    	<div class="HL_rdzx_img">
        	<a href="#">
        	<div class="HL_rdzx_img_img"><img src="images/HL_img10.jpg" alt="塞浦路斯欧盟护照项目"></div>
            <div class="HL_rdzx_img_title"><p>澳洲188C重大投资类别项目</p></div>
            </a>
        </div>
        <div class="HL_rdzx_zx">移民咨询<a href="liebiao.html" target="_blank">更多+</a></div>
        <div class="HL_rdzx_zx_nr">
        	<a href="#"><li><span>02-06</span>保本理财产品将消失保本理财产品将消失保本理财产品将消失保本理财产品将消失</li></a>
            <a href="#"><li><span>02-06</span>外联客户子女专享福利:500强公司实...</li></a>
            <a href="#"><li><span>02-06</span>孩子在澳出生算澳籍还是绿卡 外联移...</li></a>
            <a href="#"><li><span>02-06</span>特朗普任内二度上演关门“闹剧” ...</li></a>
            <a href="#"><li><span>02-06</span>跌跌不休!比特币投资压力大 不如随...</li></a>
            <a href="#"><li><span>02-06</span>保本理财产品将消失保本理财产品将消失保本理财产品将消失保本理财产品将消失 留学容易“留...</li></a>
        </div>
    </div>
    <div class="HL_rdzx_ym" >
    	<div class="HL_rdzx_img">
        	<a href="#">
        	<div class="HL_rdzx_img_img"><img src="images/HL_img11.jpg" alt="塞浦路斯欧盟护照项目"></div>
            <div class="HL_rdzx_img_title"><p>澳洲188C重大投资类别项目</p></div>
            </a>
        </div>
        <div class="HL_rdzx_zx">留学资讯<a href="liebiao.html" target="_blank">更多+</a></div>
        <div class="HL_rdzx_zx_nr">
        	<a href="#"><li><span>02-06</span>保本理财产品将消失 中海哈德逊稳赚...</li></a>
            <a href="#"><li><span>02-06</span>外联客户子女专享福利:500强公司实...</li></a>
            <a href="#"><li><span>02-06</span>孩子在澳出生算澳籍还是绿卡 外联移...</li></a>
            <a href="#"><li><span>02-06</span>特朗普任内二度上演关门“闹剧” ...</li></a>
            <a href="#"><li><span>02-06</span>跌跌不休!比特币投资压力大 不如随...</li></a>
            <a href="#"><li><span>02-06</span>中国迎来最大海归潮 留学容易“留...</li></a>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/jquery.yx_rotaion.js"></script>
<script type="text/javascript">
$(".yx-rotaion").yx_rotaion({auto:true});
</script>
<!-- 热点资讯 end  -->
<!-- 移民留学  -->
<div class="HL_rdzx">
	<span><a href="liebiao.html" target="_blank">更多+</a></span>
	<div class="HL_rdzx_title">移民留学</div>
</div>
<div class="HL_ymlx">
<div class="HL_ymlxa">
	<ul>
    	<li>
        	<a href="#">
            <div class="HL_ymlx_img"><img src="images/HL_ymlx_img1.jpg" alt=""></div>
            <div class="HL_ymlx_bg">
            	<p><span>美 国</span></p>
				<p>世界第一大经济体</p>
            </div>
            </a>
        </li>
        <li>
        	<a href="#">
            <div class="HL_ymlx_img"><img src="images/HL_ymlx_img2.jpg" alt=""></div>
            <div class="HL_ymlx_bg">
            	<p><span>英 国</span></p>
				<p>移民同时获得英期工作</p>
            </div>
            </a>
        </li>
        <li>
        	<a href="#">
            <div class="HL_ymlx_img"><img src="images/HL_ymlx_img3.jpg" alt=""></div>
            <div class="HL_ymlx_bg">
            	<p><span>加拿大</span></p>
				<p>宜居的福利天堂</p>
            </div>
            </a>
        </li>
        <li>
        	<a href="#">
            <div class="HL_ymlx_img"><img src="images/HL_ymlx_img4.jpg" alt=""></div>
            <div class="HL_ymlx_bg">
            	<p><span>荷 兰</span></p>
				<p>性价比超高的移民项目</p>
            </div>
            </a>
        </li>
        <li>
        	<a href="#">
            <div class="HL_ymlx_img"><img src="images/HL_ymlx_img5.jpg" alt=""></div>
            <div class="HL_ymlx_bg">
            	<p><span>西班牙</span></p>
				<p>欧洲第四大经济体系</p>
            </div>
            </a>
        </li>
        <li>
        	<a href="#">
            <div class="HL_ymlx_img"><img src="images/HL_ymlx_img6.jpg" alt=""></div>
            <div class="HL_ymlx_bg">
            	<p><span>希 腊</span></p>
				<p>全欧洲额最低</p>
            </div>
            </a>
        </li>
        <li>
        	<a href="#">
            <div class="HL_ymlx_img"><img src="images/HL_ymlx_img7.jpg" alt=""></div>
            <div class="HL_ymlx_bg">
            	<p><span>美 国</span></p>
				<p>世界第一大经济体</p>
            </div>
            </a>
        </li>
        <li>
        	<a href="#">
            <div class="HL_ymlx_img"><img src="images/HL_ymlx_img8.jpg" alt=""></div>
            <div class="HL_ymlx_bg">
            	<p><span>英 国</span></p>
				<p>移民同时获得英期工作</p>
            </div>
            </a>
        </li>
    </ul>
    </div>
</div>
<!-- 移民留学 end  -->
<!-- 成功案例  -->
<div class="HL_success">
	<div class="index_new_case">
    <div class="left">
        <ul>
            <li class="cur">美国移民案例</li>
            <li>美国留学案例</li>
            <li>英国留学案例</li>
            <li>其他成功案例</li>
        </ul>
    </div>
    <div class="center">
        <ul>  
            <li><a href="#"><img src="images/HL_success_img1.jpg" alt=""></a></li>   
            <li><a href="#"><img src="images/HL_success_img2.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/HL_success_img3.jpg" alt=""></a></li>
        </ul>
    </div>
    <div class="center" style="display: none;">
        <ul>  
            <li><a href="#"><img src="images/HL_success_img2.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/HL_success_img3.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/HL_success_img1.jpg" alt=""></a></li> 
        </ul>
    </div>
    <div class="center" style="display: none;">
        <ul>  
        	<li><a href="#"><img src="images/HL_success_img3.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/HL_success_img1.jpg" alt=""></a></li>   
            <li><a href="#"><img src="images/HL_success_img2.jpg" alt=""></a></li>
        </ul>
    </div>
    <div class="center" style="display: none;">
        <ul>  
            <li><a href="#"><img src="images/HL_success_img1.jpg" alt=""></a></li>   
            <li><a href="#"><img src="images/HL_success_img2.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/HL_success_img3.jpg" alt=""></a></li>
        </ul>
    </div>
</div>
</div>
<script type="text/javascript">
	$(".index_new_case .left li").hover(function () {
        var i = $(this).index();
        $(".index_new_case .left li").eq(i).addClass("cur").siblings().removeClass("cur");
        $(".index_new_case .center").eq(i).show().siblings(".index_new_case .center").hide();
    })
</script>
<!-- 成功案例 end  -->
<!-- 慧莲国际  -->
<div class="HL_rdzx">
	<div class="HL_rdzx_title">慧莲国际</div>
</div>
<div class="Box">
    	<div class="content">
    		<div class="Box_con clearfix">
    			<span class="btnl btn" id="btnl"></span>
    			<span class="btnr btn" id="btnr"></span>
    			<div class="conbox" id="BoxUl">
	    			<ul>
	    				<li>
                        	<a href="#">
                            <div class="Box_nr">
                            	<img src="images/HL.hlgj_img1.jpg" alt=""/>
                                <div class="Box_bg">
                                	<p>G·T Lauren</p>
                                    <p>合作律师</p>
                                </div>
                            </div>
                            </a>
                        </li>
	    				<li>
                        	<a href="#">
                            <div class="Box_nr">
                            	<img src="images/HL.hlgj_img2.jpg" alt=""/>
                                <div class="Box_bg">
                                	<p>G·T Lauren</p>
                                    <p>合作律师</p>
                                </div>
                            </div>
                            </a>
                        </li>
                        <li>
                       		<a href="#">
                        	<div class="Box_nr">
                            	<img src="images/HL.hlgj_img3.jpg" alt=""/>
                                <div class="Box_bg">
                                	<p>G·T Dillon R.Colucc</p>
                                    <p>合作律师</p>
                                </div>
                            </div>
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            <div class="Box_nr">
                            	<img src="images/HL.hlgj_img1.jpg" alt=""/>
                                <div class="Box_bg">
                                	<p>G·T Lauren</p>
                                    <p>合作律师</p>
                                </div>
                            </div>
                            </a>
                        </li>
	    				<li>
                        	<a href="#">
                        	<div class="Box_nr">
                            	<img src="images/HL.hlgj_img2.jpg" alt=""/>
                                <div class="Box_bg">
                                	<p>D·H Bima Korpicaara</p>
                                    <p>合作律师</p>
                                </div>
                            </div>
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                        	<div class="Box_nr">
                            	<img src="images/HL.hlgj_img3.jpg" alt=""/>
                                <div class="Box_bg">
                                	<p>G·T Dillon R.Colucc</p>
                                    <p>合作律师</p>
                                </div>
                            </div>
                            </a>
                        </li>
    				</ul>
    			</div>
    		</div>
    	</div>
    </div>
<script type="text/javascript">
    //滚动元素id,左切换按钮,右切换按钮,切换元素个数id,滚动方式,切换方向,是否自动滚动,滚动距离,滚动时间,滚动间隔,显示个数
    LbMove('BoxUl','btnl','btnr','BoxSwitch',true,'left',true,205,1000,5000,4);
</script>
<!-- 慧莲国际 end  -->
<!-- 底部评估表 -->
<div class="HL_pgb_bottom">
	<div class="HL_pgb">
	<div class="item">
			<div class="filter-box2">
				<div class="filter-text">
					<input class="filter-title" type="text" readonly placeholder="移民留学国家" />
					<i class="icon icon-filter-arrow"></i>
				</div>
				<select name="filter">
                	<option value="-1"></option>
					<option value="1">美国EB1A移民</option>
					<option value="2">美国留学</option>
					<option value="3">英国留学</option>
					<option value="4">海外投资</option>
					<option value="5">其它</option>
				</select>
			</div>
	</div>
    <div class="item" style="margin-left:20px">
			<div class="filter-box3">
				<div class="filter-text">
					<input class="filter-title" type="text" readonly placeholder="预算" />
					<i class="icon icon-filter-arrow"></i>
				</div>
				<select name="filter">
                	<option value="-1"></option>
					<option value="1">50万-100万</option>
					<option value="2">100万-200万</option>
					<option value="3">300万-500万</option>
					<option value="4">500万-800万</option>
					<option value="5">1000万以上</option>
                    <option value="5">其他</option>
				</select>
              </div>
	</div>
    <div class="item" style="margin-left:20px">
    	<input class="input" placeholder="联系方式" />
    </div>
    <div class="pgbButton" style="margin-left:20px">
        <input type="reset"  value="立即评估"/>
    </div>
</div>
</div>
<!-- 底部评估表 end  -->
<!-- 底部信息开始 -->
<div class="HL_gj">
	<div class="HL_gj_nr">
    	<li>
        	<a href="#"><p>美国移民</p></a>
            <a href="#"><p>美国EB1A移民</p></a>
        </li>
        <li>
        	<a href="#"><p>美国留学</p></a>
            <a href="#"><p>美国高中</p></a>
            <a href="#"><p>美国本科</p></a>
            <a href="#"><p>美国研究生</p></a>
        </li>
        <li>
        	<a href="#"><p>英国留学</p></a>
            <a href="#"><p>英国高中</p></a>
            <a href="#"><p>英国本科</p></a>
            <a href="#"><p>英国研究生</p></a>
        </li>
        <li>
        	<a href="#"><p>海外服务</p></a>
            <a href="#"><p>安家置业</p></a>
            <a href="#"><p>海外房产</p></a>
            <a href="#"><p>财务规划</p></a>
        </li>
        <li>
        	<a href="#"><p>关于慧莲</p></a>
            <a href="#"><p>慧莲介绍</p></a>
            <a href="#"><p>精英团队</p></a>
            <a href="#"><p>活动讲座</p></a>
        </li>
        <li><img src="images/HL_logo.png" alt=""></li>
    </div>
</div>
<div class="HL_bottom">
	<div class="HL_bottom_nr">
    	<li>
        	<img src="images/HL_fwh.jpg" alt="">
            <div class="HL_bottom_title">关注官方服务号</div>
        </li>
        <li>
        	<img src="images/HL_dyh.jpg" alt="">
            <div class="HL_bottom_title">关注官方订阅号</div>
        </li>
        <li>
        	<p><span>VIP免费热线:400-659-8399</span></p>
            <p>地址:上海长宁区遵义南路88号协泰中心9/22层</p>
            <p>版权所有 ©2018 上海慧莲因私出入境服务有限公司</p>
            <p>沪ICP备17020179号-1</p>
        </li>
    </div>
</div>
<!-- 底部信息结束 -->
<script type="text/javascript" src="js/selectFilter.js"></script>
<script type="text/javascript">
			//本小插件支持移动端哦
			//这里是初始化
			$('.filter-box').selectFilter({
				callBack : function (val){
					//返回选择的值
					console.log(val+'-是返回的值')
				}
			});
			$('.filter-box1').selectFilter({
				callBack : function (val){
					//返回选择的值
					console.log(val+'-是返回的值')
				}
			});
			$('.filter-box2').selectFilter({
				callBack : function (val){
					//返回选择的值
					console.log(val+'-是返回的值')
				}
			});
			$('.filter-box3').selectFilter({
				callBack : function (val){
					//返回选择的值
					console.log(val+'-是返回的值')
				}
			});
</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 扁平化 养生会馆 植物花草 游戏 黑色 bootstrap自适应 IT网络科技 蓝色 普通自适应 欧美风 旅游 红色 中国风 金融理财保险 绿色 韩系 高校 灰色 日系 简洁简约 工业产品 黄色 炫酷 家居装饰 紫色 卡通动画 橙色 招聘猎头 精美 实用通用 艺术创意 粉色 政府 婚庆 大气 白色 新闻资讯 婚纱摄影 棕色 清新 教育培训 彩色 绘画 设计 餐饮美食 其他风格 外贸 服装服饰 建筑 化工企业 医药器械 美容美发 动漫 电影视频 包装印刷 机械 汽车4S店 农业产品 咨询管理 酒店 健身房 化妆品 食品 花卉 房地产 协会组织 快递货运 数码电器 搬家 珠宝首饰 酒业 文化传媒 装修装饰 医院医疗 律师 酒吧音乐 图书 动物宠物 航空航天 股票 能源 公益 饮品 生活用品 家政保洁 体育 房屋租赁 商务 电力公司 打车租车 环保 宗教寺庙 工具文具 企业行业 自适应响应式 风格类型 颜色色彩

×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到