<!doctype html>
<html>

	<head> <meta name="keywords" content="keywords_temp" />
<meta name="description" content="description_temp" />

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=.5">
		<link rel="stylesheet" href="css/style.css">
		<link href="images/favicon.ico" type="image/x-icon" rel="shortcut icon">
		<link rel="stylesheet" href="css/normalize.css">
		<link rel="stylesheet" href="css/ionicons.min.css">
		<link rel="stylesheet" href="css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
		

		<link href="images/favicon.ico" type="image/x-icon" rel="shortcut icon">
		<link href="css/index.css" rel="stylesheet">
		<link href="dist/mfb.css" rel="stylesheet">
		<script src="js/jquery-2.1.3.min.js"></script>
		<script src="js/jquery.lazyload.js?v=1.9.1"></script>
		<script src="dist/lib/modernizr.touch.js"></script>
		<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css" />
		<script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
		<script
			src="http://webapi.amap.com/maps?v=1.3&key=2d29fb3e8516c7ae3bfae2ce8973edd2&&plugin=AMap.Scale,AMap.OverView,AMap.ToolBar">
		</script>
		
		
		<script src="js/jquery.SuperSlide.js" type="text/javascript" language="javascript"></script>
		<title>卡力互联-物流确定性交付标准的定义者</title>
	</head>

	<body>
		<ul id="menu" class="mfb-component--br  mfb-slidein-spring " data-mfb-toggle="hover" style="z-index:99999">
			<li class="mfb-component__wrap">
				<a href="#" data-mfb-label="返回顶部" class="mfb-component__button--main">
					<i class="mfb-component__child-icon icon iconfont icon-top"></i>
					
				</a>
				<ul class="mfb-component__list">
					
				</ul>
			</li>
		</ul>

		

		<div class="bodybox top dddd">
			<nav class="nav container">
				<div class="logo fl">
					<div style="display: flex;flex-direction: column; align-items: flex-end;">
						<img src="images/kali_logo.png" width="160px">
						<div style="top: 60px;"><img src="images/title_main.png" width="200px"></div>
					</div>
				</div>
				<ul class="fr">
					<li class="active">
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="scope_of_business.html">业务范围</a>
					</li>
					<li>
						<a href="wandianhezuo.html">核心优势</a>
					</li>
					<li>
						<a href="news_center.html">卡力动态</a>
					</li>
					<li class="acitve">
						<a href="about_us.html">关于卡力</a>
					</li>
				</ul>
			</nav>
		</div>


		<div class="banner" style="position:relative;">
			<a class="prev"></a>
			<a class="next"></a>
			<div class="body">
				<ul>
					
					<li>
						<div id="box1" class="swiper-slide">
							<div id="box1_bg">
								<p><img src="images/banner/bg2_2.jpg" width="100%" height="100%"></p>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="bodybox mybody">
			
			
			
			<div class="container mybodyifm" style="margin-top: -40px;">
				<div class="title">
					<table width="100%" cellpadding="0" cellspacing="0">
						<tr>
							<td>
								<span class="titletext2">业务及合作</span>
								
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div style="clear:both">
			</div>
			<div class="mybodyifmsun2">
				<div class="container">
					<ul>
						<a href="scope_of_business.html">
							<li style="width:25%">
								<div class="grid" style="width:100%;height:210px;">
									<figure class="effect-goliath" style="width:100%;height:210px;">
										<img src="images/index_banner77.png" width="100%" height="210px" />
										<figcaption>
											<p style="margin:0;padding:20px;background:none;font-size:12px">点击查看详情</p>
										</figcaption>
									</figure>
								</div>
								<p class="hhh">
									<span class="mybodyifmsun21">供应链解决方案</span>
									
									<span class="ccc"></span>
								</p>
							</li>
						</a>
						<a href="scope_of_business.html">
							<li style="width:25%">
								<div class="grid" style="width:100%;height:210px;">
									<figure class="effect-goliath" style="width:100%;height:210px;">
										<img src="images/fw_05.jpg" width="100%;" height="210px">
										<figcaption>
											<p style="margin:0;padding:20px;background:none;font-size:12px">点击查看详情</p>
										</figcaption>
									</figure>
								</div>
								<p class="hhh">
									<span class="mybodyifmsun21">整车干线运输</span>
									
									<span class="ccc"></span>
								</p>
							</li>
						</a>
						<a href="scope_of_business.html">
							<li style="width:25%">
								<div class="grid" style="width:100%;height:210px;">
									<figure class="effect-goliath" style="width:100%;height:210px;">
										<img src="images/timg.jpg" width="100%;" height="210px">
										<figcaption>
											<p style="margin:0;padding:20px;background:none;font-size:12px">点击查看详情</p>
										</figcaption>
									</figure>
								</div>
								<p class="hhh">
									<span class="mybodyifmsun21">生态服务产品</span>
									
									<span class="ccc"></span>
								</p>
							</li>
						</a>
						<a href="scope_of_business.html">
							<li style="width:25%">
								<div class="grid" style="width:100%;height:210px;">
									<figure class="effect-goliath" style="width:100%;height:210px;">
										<img src="images/qd.png" width="100%;" height="210px">
										<figcaption>
											<p style="margin:0;padding:20px;background:none;font-size:12px">点击查看详情</p>
										</figcaption>
									</figure>
								</div>
								<p class="hhh">
									<span class="mybodyifmsun21">查看更多</span>
									
									<span class="ccc"></span>
								</p>
							</li>
						</a>
					</ul>
				</div>
			</div>
			<div style="clear:both">
			</div>
			<div class="mybodyifmsun3" style="margin-top: 40px;height: 450px; background-image:url(images/lansebeijin.png);background-size:cover;-moz-background-size:100% 100%;
    background-size:100% 100%;width: 100%; height: 100%;">
				 <div align="center" style="padding-top: 50px;"><div style="font-size: 24px;font-weight: 700;color: #ffffff;">核心优势</div><div style="color: #ffffff;font-size: 18px;margin-top: 10px;">CORE ADVANTAGE</div></div>
				<div class="container" style="height:450px;margin-top: -80px;">
					<div class="btn3 fl" onClick="aawl(this)">
					</div>
					<div class="mid3">
						<div
							style="height:450px;width:calc(100% - 200px);margin:0 0 0 100px;overflow:hidden;position:relative;">
							<table width="300%" height="550px;" style="margin:0 auto;position:absolute;left:0;"
								class="nnnn">
								<tr>
									<td width="33.33333%" style="position:relative">
										<table>
											<tr>
												<td class="click_1">
													<p class="sun31 click_1_1 sun3211">覆盖全国的运力体系</p>
													<p class="sun32 click_1_2 sun3212">直营车辆500+
														&nbsp;&nbsp;&nbsp;自有司机500+&nbsp;&nbsp;&nbsp;外协车70万+</p>
													<button class="sun34 click_1_4 sun3214" onclick="window.location.href='wandianhezuo.html'">
														<table style="margin:0 auto;">
															<tr>
																<td>
																	了解详情
																</td>
																<td>
																	<img src="images/14.png" width="13px">
																</td>
															</tr>
														</table>
													</button>
													<img src="images/nub_03.png" width="233px"
														style="position:absolute;right:0;top:32px"
														class="click_1_5 sun3215">
												</td>
											</tr>
										</table>
									</td>
									<td width="33.33333%" style="position:relative">
										<table>
											<tr>
												<td class="click_2">
													<p class="sun321 click_2_1">打开黑盒，让物流全程“看得见”</p>
													<p class="sun323 click_2_3">
														智能订单管理&nbsp;&nbsp;*&nbsp;&nbsp;动态调度协同&nbsp;&nbsp;*&nbsp;&nbsp;在途透明可视&nbsp;&nbsp;*&nbsp;&nbsp;电子化交接&nbsp;&nbsp;*&nbsp;&nbsp;数字化回单
													</p>
													<button class="sun324 click_2_4" onclick="window.location.href='wandianhezuo.html'">
														<table style="margin:0 auto;">
															<tr>
																<td>
																	了解详情
																</td>
																<td>
																	<img src="images/14.png" width="13px">
																</td>
															</tr>
														</table>
													</button>
													<img src="images/nub_05.png" width="233px"
														style="position:absolute;right:0;top:32px"
														class="click_2_5 sun325">
												</td>
											</tr>
										</table>
									</td>
									<td width="33.33333%" style="position:relative">
										<table>
											<tr>
												<td class="click_3">
													<p class="sun321 click_3_1">AI驱动效率提升</p>
													<p class="sun323 click_3_3">应用AI客服、AI调度、AI路由规划等智能体矩阵，驱动人效革命，深度赋能核心业务环节。</p>
													<button class="sun324 click_3_4" onclick="window.location.href='wandianhezuo.html'">
														<table style="margin:0 auto;" >
															<tr>
																<td>
																	了解详情
																</td>
																<td>
																	<img src="images/14.png" width="13px">
																</td>
															</tr>
														</table>
													</button>
													<img src="images/nub_10.png" width="233px"
														style="position:absolute;right:0;top:32px"
														class="click_3_5 sun325">
												</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
						</div>
					</div>
					<div class="btn3 fr" onClick="aawr(this)">
					</div>
				</div>
				<div style="clear:both">
				</div>
			</div>
			<div style="background:#f8f8fa;padding-top:40px;padding-bottom:40px;">
				<div class="mybodyifm container">
					<div class="title" style="margin-top:0;">
						<table width="100%" cellpadding="0" cellspacing="0">
							<tr>
								<td>
									<span class="titletext2" style="text-align:center">新闻动态</span>
									<span class="titletext1" style="text-align:center">News Center</span>
								</td>

							</tr>
						</table>
					</div>
				</div>
				<div class="sun3ifm">
					<div class="sun3ifmtitlel fl tr sun3ifmtitlel1">
						<p style="font-size:18px;color:#46494e;" class="ooo1 ooo1_1">
							<a href="news_detail28.html" target="view_window" style="text-decoration:none;color:#666;">
								孟碧辉清华EMBA论坛发声：AI正在重新定义物流的“确定性”
							</a>
						</p>
						<p style="font-size:14px;color:#46494e;line-height:22px;margin-top:18px;" class="ppp1">
							发布日期：2026年03月14日
						</p>
						<div class="sun3ifmdatel tl qqq1">
							<a href="news_detail32.html" target="view_window" style="text-decoration:none;color:#666;">
								<img src="images/32_1.jpg" style="width: 310px;height:160px;">
							</a>
						</div>
					</div>
					<div style="clear:both">
					</div>

					<div class="sun3ifmtitler fr tl sun3ifmtitlel2">
						<p style="font-size:18px;color:#46494e;" class="ooo2">
							<a href="news_detail23.html" target="view_window" style="text-decoration:none;color:#666;">
								载誉良渚！卡力互联荣获“2025年度良渚服务业创新发展示范企业”，以科技定义物流新标准
							</a>
						</p>
						<p style="font-size:14px;color:#46494e;line-height:22px;margin-top:18px;" class="ppp2">
							发布日期：2026年03月04日
						</p>
						<div class="sun3ifmdater tr qqq2">
							<a href="news_detail31.html" target="view_window">
								<img src="images/31_1.jpg" style="width: 310px;height:160px;float: right;">
							</a>
						</div>
					</div>
					<div style="clear:both">
					</div>
					
					<div class="sun3ifmtitlel fl tr sun3ifmtitlel3">
						<p style="font-size:18px;color:#46494e;" class="ooo3">
							<a href="news_detail22.html" target="view_window" style="text-decoration:none;color:#666;">
								喜报！卡力互联旗下浙江卡力获评浙江省科技型中小企业！
							</a>
						</p>
						<p style="font-size:14px;color:#46494e;line-height:22px;margin-top:18px;" class="ppp3">
							发布日期：2026年02月26日
						</p>
						<div class="sun3ifmdatel tl qqq3">
							<a href="news_detail30.html" target="view_window" style="text-decoration:none;color:#666;">
								<img src="images/30_1.jpg" / style="width: 310px;height:160px;">
							</a>
						</div>
					</div>
					<div style="clear:both">
					</div>
					<a href="news_center.html" style="text-decoration:none;">
						<button
							style="margin:0 auto;display:block;width:170px;height:46px;color:#ffffff;background:#6eba2b;font-size:16px;border-radius:5px;border:none;margin-top:2px;">
							<table style="margin:0 auto;">
								<tr>
									<td>
										了解详情
									</td>
									<td>
										<img src="images/14.png" width="13px">
									</td>
								</tr>
							</table>
						</button>
					</a>
				</div>
			</div>
			<div class="mybodyifm container">
				<div class="title" style="margin-top:90px;">
					<table width="100%" cellpadding="0" cellspacing="0">
						<tr>
							<td>
								<span class="titletext2" style="text-align:center">关于我们</span>
								<span class="titletext1" style="text-align:center">About Us</span>
							</td>

						</tr>
					</table>
				</div>
			</div>
			<div class="mybodyifmsun4 container">
				<p
					style="max-width:1200px;margin:0 auto; text-align:left;font-size:14px;line-height:24px;margin-top:30px;">
					卡力互联成立于2017年，作为物流确定性交付标准的定义者,卡力互联是一家以科技创新为核心的现代物流解决方案提供商。公司致力于通过数智化技术、标准化运力服务，重塑物流交付体验，为客户提供从生产端订单到运力、在途、回单的全链路、线上线下可视化物流服务，帮助客户提升订单交付效率，提高客户体验，让物流始于运输而不止于运输。
				</p> 
			</div>
			
			<a href="about_us.html" style="text-decoration:none;">
				<button class="fff">
					更多
				</button>
			</a>
			<table width="1200px" style="margin:60px auto 0">
				<tr>

					<td align="center" width="50%">
						<table cellpadding="0" cellspacing="0">
							<tr>
								<td align="right">
									<p class="contantit">公司地址</p>
									<p class="contantit1">Address</p>
									<p class="contantit2">总部地址：浙江省杭州市钱塘区白杨街道17号大街161号综保钱诚创新中心13幢2层</p>
									<p class="contantit2">上海办公室：上海青浦区徐泾镇华徐公路568号仓加国际商务园B座15层</p>
								</td>
								<td width="30px;">
								</td>
								<td align="center">
									<img src="images/16.png" width="35px">
								</td>
							</tr>
							<tr>
								<td height="10px;">
								</td>
							</tr>
							<tr>
								<td>

								</td>
								<td width="30px;">
								</td>
								<td align="center">
									<img src="images/21.png" width="1px">
								</td>
							</tr>
							<tr>
								<td height="10px;">
								</td>
							</tr>
							<tr>
								<td align="right">
									<p class="contantit">电话</p>
									<p class="contantit1">Telephone</p>
									<p class="contantit2">400-826-8858</p>
								</td>
								<td width="30px;">
								</td>
								<td>
									<img src="images/17.png" width="35px">
								</td>
							</tr>
							
						</table>
					</td>
					<td width="50%" class="map">
						<div style="width:100%;height:320px;border-radius:2px;overflow:hidden">
							<div style="width:100%;height:340px;overflow:hidden" id="container"></div>
						</div>
					</td>

				</tr>
			</table>
			<div style="width:100%;height:110px;border-top:1px solid #ececec;margin-top:120px;">
				

				<div class="footer">
    <div class="clearfix" style="max-width:1100px;padding-top:30px;padding-bottom:30px;margin:0 auto;padding-left:50px;">
      <dl>
        <dt style="margin-bottom: 5px;">卡力互联科技（上海）有限公司</dt>
        <dt style="font-size: 12px; font-weight: normal; margin-bottom: 20px; color: #a1a1a1;">United Carrier Technology (Shanghai) Co., Ltd.</dt>
        <dd>
          <span>全国统一客服电话：400-826-8858</span>
        </dd>
        <dd>
          <span>总部地址：浙江省杭州市钱塘区白杨街道17号大街161号综保钱诚创新中心13幢2层</span>
        </dd>
        <dd>
          <span>上海办公室：上海青浦区徐泾镇华徐公路568号仓加国际商务园B座15层</span>
        </dd>
      </dl>
      <dl class="other">
        <dd>
          <img src="images/1579.png" width="130px">
        </dd>
      </dl>
    </div>
	<div style="width:100%;margin:0 auto; padding:20px 0;display: flex;align-items: center;justify-content: center;">
		<span style="color: #939393;margin-right: 20px;">
			Copyright © 2017-2021 卡力互联科技（上海）有限公司 版权所有
		</span>					
		<a target="_blank"
			href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011802003133"
			style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="./images/footer.png"
				style="float:left;" />
			<p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">
				沪公网安备 31011802003133号</p>
		</a>
		<a target="_blank"
			href="http://beian.miit.gov.cn"
			style="display:inline-block;text-decoration:none;height:20px;line-height:20px;margin-left: 20px;">
			<p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">
				沪ICP备18008956号-1</p>
		</a>
		
	</div>
  </div>
			</div>
		</div>
		<script src="js/addons.js" type="text/javascript" language="javascript"></script>
	</body>

</html>
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" charset="utf-8">
	$(function() {
		// $("#box1_bg").lazyload({ effect: "fadeIn" });
	});
</script>
<script type="text/javascript">
	function aawr(obj) {
		if ($(".nnnn").css("left") == 0 + "px") {
			$('.click_1_1').removeClass('left11').addClass('left1')
			setTimeout("$('.click_1_2').removeClass('left12').addClass('left1')", 100)
			setTimeout("$('.click_1_3').removeClass('left13').addClass('left2')", 200)
			setTimeout("$('.click_1_4').removeClass('left14').addClass('left3')", 300)
			setTimeout("$('.click_1_5').removeClass('left15').addClass('left4')", 400)
			setTimeout("$('.nnnn').css('left','-940px')", 1000)
			setTimeout("$('.click_2_1').addClass('left')", 1100)
			setTimeout("$('.click_2_2').addClass('left1')", 1200)
			setTimeout("$('.click_2_3').addClass('left2')", 1300)
			setTimeout("$('.click_2_4').addClass('left3')", 1400)
			setTimeout("$('.click_2_5').addClass('left4')", 1500)
			setTimeout(
				"eee()",
				1400)
		}
		if ($(".nnnn").css("left") == "-" + 940 + "px") {
			$('.click_2_1').addClass('left01')
			setTimeout("$('.click_2_2').addClass('left102')", 100)
			setTimeout("$('.click_2_3').addClass('left203')", 200)
			setTimeout("$('.click_2_4').addClass('left304')", 300)
			setTimeout("$('.click_2_5').addClass('left405')", 400)
			setTimeout("$('.nnnn').css('left','-1880px')", 1000)
			setTimeout("$('.click_3_1').addClass('left')", 1100)
			setTimeout("$('.click_3_2').addClass('left1')", 1200)
			setTimeout("$('.click_3_3').addClass('left2')", 1300)
			setTimeout("$('.click_3_4').addClass('left3')", 1400)
			setTimeout("$('.click_3_5').addClass('left4')", 1500)
			setTimeout(
				"fff()",
				1400)
		}
		if ($(".nnnn").css("left") == "-" + 1880 + "px") {
			$('.click_3_1').addClass('left01')
			setTimeout("$('.click_3_2').addClass('left102')", 100)
			setTimeout("$('.click_3_3').addClass('left203')", 200)
			setTimeout("$('.click_3_4').addClass('left304')", 300)
			setTimeout("$('.click_3_5').addClass('left405')", 400)
			setTimeout("$('.nnnn').css('left','0px')", 1000)
			setTimeout("$('.click_1_1').addClass('left11')", 1100)
			setTimeout("$('.click_1_2').addClass('left12')", 1200)
			setTimeout("$('.click_1_3').addClass('left13')", 1300)
			setTimeout("$('.click_1_4').addClass('left14')", 1400)
			setTimeout("$('.click_1_5').addClass('left15')", 1500)
			setTimeout(
				"ddd()",
				1400)
		}

	}

	/*$('.click_1_1').removeClass('sun321');
	  $('.click_1_2').removeClass('sun322');
	  $('.click_1_3').removeClass('sun323');
	  $('.click_1_4').removeClass('sun324');
	  $('.click_1_5').removeClass('sun325');*/
	function eee() {
		$('.click_3_1').removeClass('left');
		$('.click_3_2').removeClass('left1');
		$('.click_3_3').removeClass('left2');
		$('.click_3_4').removeClass('left3');
		$('.click_3_5').removeClass('left4');
		$('.click_1_1').removeClass('left0 sun31_1 sun31 left11').addClass('sun321');
		$('.click_1_2').removeClass('left1 sun32_1 sun32 left12').addClass('sun322');
		$('.click_1_3').removeClass('left2 sun33_1 sun33 left13').addClass('sun323');
		$('.click_1_4').removeClass('left3 sun34_1 sun34 left14').addClass('sun324');
		$('.click_1_5').removeClass('left4 left15').addClass('sun325');
	}

	function fff() {
		$('.click_1_1').removeClass('left');
		$('.click_1_2').removeClass('left1');
		$('.click_1_3').removeClass('left2');
		$('.click_1_4').removeClass('left3');
		$('.click_1_5').removeClass('left4');
		$('.click_2_1').removeClass('left01');
		$('.click_2_2').removeClass('left102');
		$('.click_2_3').removeClass('left203');
		$('.click_2_4').removeClass('left304')
		$('.click_2_5').removeClass('left405')
	}

	function ddd() {
		$('.click_1_1').removeClass('sun31 sun321');
		$('.click_1_2').removeClass('sun32 sun322');
		$('.click_1_3').removeClass('sun33 sun323');
		$('.click_1_4').removeClass('sun34 sun324');
		$('.click_1_5').removeClass('sun35 sun325');
		$('.click_2_1').removeClass('left');
		$('.click_2_2').removeClass('left1');
		$('.click_2_3').removeClass('left2');
		$('.click_2_4').removeClass('left3');
		$('.click_2_5').removeClass('left4');
		$('.click_3_1').removeClass('left01');
		$('.click_3_2').removeClass('left102');
		$('.click_3_3').removeClass('left203');
		$('.click_3_4').removeClass('left304')
		$('.click_3_5').removeClass('left405')
	}
</script>

<script type="text/javascript">
	function aawl(obj) {
		if ($(".nnnn").css("left") == 0 + "px") {
			$('.click_1_1').removeClass('left11').addClass('left')
			setTimeout("$('.click_1_2').removeClass('left12').addClass('left1')", 100)
			setTimeout("$('.click_1_3').removeClass('left13').addClass('left2')", 200)
			setTimeout("$('.click_1_4').removeClass('left14').addClass('left3')", 300)
			setTimeout("$('.click_1_5').removeClass('left15').addClass('left4')", 400)
			setTimeout("$('.nnnn').css('left','-940px')", 1000)
			setTimeout("$('.click_2_1').addClass('left')", 1100)
			setTimeout("$('.click_2_2').addClass('left1')", 1200)
			setTimeout("$('.click_2_3').addClass('left2')", 1300)
			setTimeout("$('.click_2_4').addClass('left3')", 1400)
			setTimeout("$('.click_2_5').addClass('left4')", 1500)
			setTimeout(
				"eee()",
				1500)
		}
		if ($(".nnnn").css("left") == "-" + 940 + "px") {
			$('.click_2_1').addClass('left01')
			setTimeout("$('.click_2_2').addClass('left102')", 100)
			setTimeout("$('.click_2_3').addClass('left203')", 200)
			setTimeout("$('.click_2_4').addClass('left304')", 300)
			setTimeout("$('.click_2_5').addClass('left405')", 400)
			setTimeout("$('.nnnn').css('left','-1880px')", 1000)
			setTimeout("$('.click_3_1').addClass('left')", 1100)
			setTimeout("$('.click_3_2').addClass('left1')", 1200)
			setTimeout("$('.click_3_3').addClass('left2')", 1300)
			setTimeout("$('.click_3_4').addClass('left3')", 1400)
			setTimeout("$('.click_3_5').addClass('left4')", 1500)
			setTimeout(
				"fff()",
				1500)
		}
		if ($(".nnnn").css("left") == "-" + 1880 + "px") {
			$('.click_3_1').addClass('left01')
			setTimeout("$('.click_3_2').addClass('left102')", 100)
			setTimeout("$('.click_3_3').addClass('left203')", 200)
			setTimeout("$('.click_3_4').addClass('left304')", 300)
			setTimeout("$('.click_3_5').addClass('left405')", 400)
			setTimeout("$('.nnnn').css('left','0px')", 1000)
			setTimeout("$('.click_1_1').addClass('left11')", 1100)
			setTimeout("$('.click_1_2').addClass('left12')", 1200)
			setTimeout("$('.click_1_3').addClass('left13')", 1300)
			setTimeout("$('.click_1_4').addClass('left14')", 1400)
			setTimeout("$('.click_1_5').addClass('left15')", 1500)
			setTimeout(
				"ddd()",
				1500)
		}

	}

	/*$('.click_1_1').removeClass('sun321');
	  $('.click_1_2').removeClass('sun322');
	  $('.click_1_3').removeClass('sun323');
	  $('.click_1_4').removeClass('sun324');
	  $('.click_1_5').removeClass('sun325');*/
	function eee() {
		$('.click_3_1').removeClass('left');
		$('.click_3_2').removeClass('left1');
		$('.click_3_3').removeClass('left2');
		$('.click_3_4').removeClass('left3');
		$('.click_3_5').removeClass('left4');
		$('.click_1_1').removeClass('left1 sun31_1 sun31 left11').addClass('sun321');
		$('.click_1_2').removeClass('left1 sun32_1 sun32 left12').addClass('sun322');
		$('.click_1_3').removeClass('left2 sun33_1 sun33 left13').addClass('sun323');
		$('.click_1_4').removeClass('left3 sun34_1 sun34 left14').addClass('sun324');
		$('.click_1_5').removeClass('left4 left15').addClass('sun325');
	}

	function fff() {
		$('.click_1_1').removeClass('left');
		$('.click_1_2').removeClass('left1');
		$('.click_1_3').removeClass('left2');
		$('.click_1_4').removeClass('left3');
		$('.click_1_5').removeClass('left4');
		$('.click_2_1').removeClass('left01');
		$('.click_2_2').removeClass('left102');
		$('.click_2_3').removeClass('left203');
		$('.click_2_4').removeClass('left304')
		$('.click_2_5').removeClass('left405')
	}

	function ddd() {
		$('.click_1_1').removeClass('sun31 sun321');
		$('.click_1_2').removeClass('sun32 sun322');
		$('.click_1_3').removeClass('sun33 sun323');
		$('.click_1_4').removeClass('sun34 sun324');
		$('.click_1_5').removeClass('sun35 sun325');
		$('.click_2_1').removeClass('left');
		$('.click_2_2').removeClass('left1');
		$('.click_2_3').removeClass('left2');
		$('.click_2_4').removeClass('left3');
		$('.click_2_5').removeClass('left4');
		$('.click_3_1').removeClass('left01');
		$('.click_3_2').removeClass('left102');
		$('.click_3_3').removeClass('left203');
		$('.click_3_4').removeClass('left304')
		$('.click_3_5').removeClass('left405')
	}
</script>
<script>
	function getTop(clsName) {
		var obj = document.getElementsByClassName(clsName)[0];
		return obj.getBoundingClientRect().top;
	}

	function getDom(clsName) {
		var obj = document.getElementsByClassName(clsName)[0];
		return obj;
	}



	window.addEventListener('scroll', function() {
		var scrollT = document.documentElement.scrollTop || document.body.scrollTop;

		/*第二页动画的触发*/
		// if (getTop('mybodyifmsun3') < 400) {
			getDom('sun3211').classList.add('sun31_1');
			getDom('sun3212').classList.add('sun32_1');
			getDom('sun3214').classList.add('sun34_1');
		// }
		// if (getTop('sun3ifm') < 500) {
			getDom('ooo1').classList.add('ooo1_1');
			getDom('ppp1').classList.add('ppp1_1');
			getDom('qqq1').classList.add('qqq1_1');
			getDom('ooo2').classList.add('ooo2_1');
			getDom('ppp2').classList.add('ppp2_1');
			getDom('qqq2').classList.add('qqq2_1');
			getDom('ooo3').classList.add('ooo3_1');
			getDom('ppp3').classList.add('ppp3_1');
			getDom('qqq3').classList.add('qqq3_1');
			getDom('sun3ifmtitlel1').classList.add('sun3ifmtitlel1_1');
			getDom('sun3ifmtitlel2').classList.add('sun3ifmtitlel2_1');
			getDom('sun3ifmtitlel3').classList.add('sun3ifmtitlel3_1');
		// }
	})
</script>
<script src="dist/mfb.js"></script>
<script type="text/javascript">
	var panel = document.getElementById('panel'),
		menu = document.getElementById('menu'),
		effect = 'mfb-zoomin',
		pos = 'mfb-component--br';


	function _toggleCode() {
		panel.classList.toggle('viewCode');
	}

	function switchEffect(e) {
		effect = this.options[this.selectedIndex].value;
		renderMenu();
	}

	function switchPos(e) {
		pos = this.options[this.selectedIndex].value;
		renderMenu();
	}

	function renderMenu() {
		menu.style.display = 'none';
		// ?:-)
		setTimeout(function() {
			menu.style.display = 'block';
			menu.className = pos + effect;
		}, 1);
	}
</script>
<script>
	//初始化地图对象，加载地图

	var map = new AMap.Map("container", {
		resizeEnable: true,
		center: [120.359407,30.283912], //地图中心点
		zoom: 17 //地图显示的缩放级别
	});
	AMap.plugin('AMap.ToolBar', function() { //异步加载插件
		var toolbar = new AMap.ToolBar();
		map.addControl(toolbar);
	});
	//添加点标记，并使用自己的icon
	new AMap.Marker({
		map: map,
		position: [120.359407,30.283912],
		icon: new AMap.Icon({
			size: new AMap.Size(40, 50), //图标大小
			image: "images/way_btn2.png",
			imageOffset: new AMap.Pixel(0, 0)
		})
	});
</script>
