<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
	<meta charset="UTF-8">
	<link rel="SHORTCUT ICON" href="/statics/images/logo.png">
	<title>LUBEFORCE-首页</title>
	<meta name="description" content="LUBEFORCE-洛勃士是一家致力于为客户提供增值工业解决方案的公司。我们的技术和产品源自欧洲，同时与国内顶尖科研机构共同合作创新，从而能够更满足本土客户的需求。">
	<meta name="Keywords" content="LUBEFORCE-首页,洛勃士,生态环保,environment protection,节能减排,energy saving solution,润滑,lubrication,">
		<link href="/statics/reception/css/style.css" rel="stylesheet" type="text/css" />
	<!--	<link href="/statics/reception/css/swiper.css" rel="stylesheet" type="text/css" />-->
	<link href="/statics/reception/css/idangerous.swiper2.7.6.css" rel="stylesheet" type="text/css" />
	<script src="/statics/reception/js/jquery.js"></script>
<!-- 	<script src="/statics/reception/js/jquery.mousewheel.js"></script> -->
<!--	<script src="/statics/reception/js/swiper.js"></script>-->
	<script src="/statics/reception/js/idangerous.swiper2.7.6.min.js"></script>
	<script src="/statics/reception/js/tween.js"></script>
</head>
<body>		<style type="text/css">
			.swiper-slide{
				position: relative;
				overflow: hidden;
			}
		</style>
	<div class="arr1">
        <img src="/statics/reception/images/arr0.gif" />
        <div class="slide-backward"></div>
    </div>
    <div class="arr1" style="display: none">
        <img src="/statics/reception/images/arr1.gif" />
        <div class="slide-forward"></div>
        <div class="slide-backward"></div>
    </div>
    <div class="arr1" style="display: none">
        <img src="/statics/reception/images/arr2.gif" />
        <div class="slide-forward"></div>
    </div>
	<div class="box">
			<div class="top">
		<div class="logo"><a href="/index.php?r=home%2Fdefault%2Findex" style="color:#006cb8"><img src="/statics/reception/images/logo.png"/></a></div>
        <div class="top-ellipse" style="position: absolute; height: 60px; width: 120px; top: 0; left: 100px; ">
            <div class="ellipse2" style="border: 1px solid white; height: 20px; top: 20px;  border-radius: 10px; width: 70px;"></div>
        </div>
		<ul class="menu_ul">
			<li><a href="/index.php?r=news%2Fdefault%2Findex&inid=16">关于LUBEFORCE</a></li>
			<li>
				<div>主要行业</div>
				<ul>
															<li><a href="/index.php?r=news%2Fdefault%2Findex&inid=6">铁路行业</a></li>
											<li><a href="/index.php?r=news%2Fdefault%2Findex&inid=3">火电行业</a></li>
											<li><a href="/index.php?r=news%2Fdefault%2Findex&inid=4">输变电行业</a></li>
											<li><a href="/index.php?r=news%2Fdefault%2Findex&inid=5">水泥行业</a></li>
											<li><a href="/index.php?r=news%2Fdefault%2Findex&inid=1">薄膜拉伸</a></li>
													</ul>
			</li>
			<li>
				<div>业务单元</div>
				<ul class="yw_ul">
					<li><a href="/index.php?r=news%2Fdefault%2Findex&inid=8">润滑技术及解决方案</a></li>
					<li><a href="/index.php?r=news%2Fdefault%2Findex&inid=9">润滑系统</a></li>
					<li><a href="/index.php?r=news%2Fdefault%2Findex&inid=7">激光测风技术</a></li>
					<li style="display: none"><a href="/index.php?r=news%2Fdefault%2Findex&inid=10">危险品运输和仓储</a></li>
				</ul>
			</li>
			<li>
				<div>技术服务</div>
				<ul class="jx_ul">
					<li><a href="/index.php?r=news%2Fdefault%2Findex&inid=11">机械动力试验</a></li>
					<li><a href="/index.php?r=news%2Fdefault%2Findex&inid=14">油品检测中心</a></li>
					<li><a href="/index.php?r=news%2Fdefault%2Findex&inid=12">润滑系统研发中心</a></li>
					<li style="display: none"><a href="/index.php?r=news%2Fdefault%2Findex&inid=13">物流中心</a></li>
				</ul>
			</li>
			<li>
				<div><a href="/index.php?r=news%2Fdefault%2Findex&inid=15">职业发展</a></div>
			</li>
			<li><a href="/index.php?r=news%2Fdefault%2Findex&inid=17">联系我们</a></li>
		</ul>
		<div class="chen">
			<a href="/index.php?r=home/default/index"><span class="chen_s1">中 文</span></a>
			<a href="/en.php?r=enhome/default/index"><span class="chen_s2">E N</span></a>
			<!--img class="chen_pic" src="/statics/reception/images/ch_s.png"/-->
		</div>
	</div>		<div class="top2"><div class="triangle-top"></div></div>
		<div class="main_context">
			<div class="swiper-container page">
				<div class="swiper-wrapper">
				    <div class="swiper-slide hand"><img class="s1_pics" src="/statics/reception/images/pic1.jpg" />
				    	<div class="s1_mask none stop-swiping">
							<div class="s1_mask_t">
		                        <div><img src="/statics/reception/images/s1_in_t.png"/></div>
		                        <ul class="s1_mask_t_txt">
		                            <li><a href="" class="inid-link inid631"><img src="/statics/reception/images/s1_cb.png"></a><div onclick="goInid('inid631')" class="link-span">
		                                    <a href="index.php?r=news%2Fdefault%2Findex&inid=6#inid631">铁路润滑</a></div></li>
		                            <li><a href="" class="inid-link inid439"><img src="/statics/reception/images/s1_cb.png"></a><div onclick="goInid('inid439')" class="link-span">
		                                    <a href="index.php?r=news%2Fdefault%2Findex&inid=6#inid439">铁路润滑系统</a></div></li>
		                            <li><a href="" class="inid-link inid449"><img src="/statics/reception/images/s1_cb.png"></a><div onclick="goInid('inid449')" class="link-span">
		                                    <a href="index.php?r=news%2Fdefault%2Findex&inid=6#inid449">铁路行业清洗剂</a></div></li>
		                        </ul>
		                    </div>
						</div>
				    </div>
				    <div class="swiper-slide hand"><img class="s1_pics" src="/statics/reception/images/pic4.jpg" />
				    	<div class="s1_mask none stop-swiping">
		                    <div class="s1_mask_t">
		                        <div><img src="/statics/reception/images/s1_in_t2.png"/></div>
		                        <ul class="s1_mask_t_txt">
		                            <li style="margin-left: 62px;"><a href="" class="inid-link inid329"><img src="/statics/reception/images/s1_cb.png"></a><div onclick="goInid('inid329')" class="link-span">
		                                    <a href="index.php?r=news%2Fdefault%2Findex&inid=2#inid329">风力电机润滑</a></div></li>
		                            <li><a href="" class="inid-link inid330"><img src="/statics/reception/images/s1_cb.png"></a><div onclick="goInid('inid330')" class="link-span">
		                                    <a href="index.php?r=news%2Fdefault%2Findex&inid=2#inid330">测风设备及附件</a></div></li>
		                        </ul>
		                    </div>
		                </div>
				    </div>
				    <div class="swiper-slide hand"><img class="s1_pics" src="/statics/reception/images/pic3.jpg" />
				    	 <div class="s1_mask none stop-swiping">
		                    <div class="s1_mask_t">
		                        <div><img src="/statics/reception/images/s1_in_t3.png"/></div>
		                        <ul class="s1_mask_t_txt">
		                            <li style="margin-left: 118px;"><a href="" class="inid-link inid351"><img src="/statics/reception/images/s1_cb.png"></a><div onclick="goInid('inid351')" class="link-span">
		                                    <a href="index.php?r=news%2Fdefault%2Findex&inid=3#inid351">降低综合成本</a></div></li>
		                        </ul>
		                    </div>
		                </div>
				    </div>
				    <div class="swiper-slide hand"><img class="s1_pics" src="/statics/reception/images/pic2.jpg" />
				    	<div class="s1_mask none stop-swiping">
		                    <div class="s1_mask_t">
		                        <div><img src="/statics/reception/images/s1_in_t4.png"/></div>
		                        <ul class="s1_mask_t_txt">
		                            <li style="margin-left: 93px;"><a href="" class="inid-link inid390"><img src="/statics/reception/images/s1_cb.png"></a><div onclick="goInid('inid390')" class="link-span">
		                                    <a href="index.php?r=news%2Fdefault%2Findex&inid=4#inid390">开关及触点润滑</a></div></li>
		                            <li><a href="" class="inid-link inid391"><img src="/statics/reception/images/s1_cb.png"></a><div onclick="goInid('inid391')" class="link-span">
		                                    <a href="index.php?r=news%2Fdefault%2Findex&inid=4#inid391">高燃点变压器油</a></div></li>
		                        </ul>
		                    </div>
		                </div>
				    </div>
				</div>
				<div class="swiper-pagination swiper-pagination1"></div>
				<!--<div class="s1_mask none">
					<div class="s1_mask_t">
                        <div><img src="/statics/reception/images/s1_in_t.png"/></div>
                        <ul class="s1_mask_t_txt">
                            <li><a href="" class="inid-link inid631"><img src="/statics/reception/images/s1_cb.png"></a><div onclick="goInid('inid631')" class="link-span">
                                    <a href="index.php?r=news%2Fdefault%2Findex&inid=6#inid631">铁路润滑</a></div></li>
                            <li><a href="" class="inid-link inid439"><img src="/statics/reception/images/s1_cb.png"></a><div onclick="goInid('inid439')" class="link-span">
                                    <a href="index.php?r=news%2Fdefault%2Findex&inid=6#inid439">铁路润滑系统</a></div></li>
                            <li><a href="" class="inid-link inid449"><img src="/statics/reception/images/s1_cb.png"></a><div onclick="goInid('inid449')" class="link-span">
                                    <a href="index.php?r=news%2Fdefault%2Findex&inid=6#inid449">铁路行业清洗剂</a></div></li>
                        </ul>
                    </div>
				</div>-->
                <!--<div class="s1_mask none">
                    <div class="s1_mask_t">
                        <div><img src="/statics/reception/images/s1_in_t2.png"/></div>
                        <ul class="s1_mask_t_txt">
                            <li style="margin-left: 62px;"><a href="" class="inid-link inid329"><img src="/statics/reception/images/s1_cb.png"></a><div onclick="goInid('inid329')" class="link-span">
                                    <a href="index.php?r=news%2Fdefault%2Findex&inid=2#inid329">风力电机润滑</a></div></li>
                            <li><a href="" class="inid-link inid330"><img src="/statics/reception/images/s1_cb.png"></a><div onclick="goInid('inid330')" class="link-span">
                                    <a href="index.php?r=news%2Fdefault%2Findex&inid=2#inid330">测风设备及附件</a></div></li>
                        </ul>
                    </div>
                </div>-->
                <!--<div class="s1_mask none">
                    <div class="s1_mask_t">
                        <div><img src="/statics/reception/images/s1_in_t3.png"/></div>
                        <ul class="s1_mask_t_txt">
                            <li style="margin-left: 118px;"><a href="" class="inid-link inid351"><img src="/statics/reception/images/s1_cb.png"></a><div onclick="goInid('inid351')" class="link-span">
                                    <a href="index.php?r=news%2Fdefault%2Findex&inid=3#inid351">降低综合成本</a></div></li>
                        </ul>
                    </div>
                </div>-->
                <!--<div class="s1_mask none">
                    <div class="s1_mask_t">
                        <div><img src="/statics/reception/images/s1_in_t4.png"/></div>
                        <ul class="s1_mask_t_txt">
                            <li style="margin-left: 93px;"><a href="" class="inid-link inid390"><img src="/statics/reception/images/s1_cb.png"></a><div onclick="goInid('inid390')" class="link-span">
                                    <a href="index.php?r=news%2Fdefault%2Findex&inid=4#inid390">开关及触点润滑</a></div></li>
                            <li><a href="" class="inid-link inid391"><img src="/statics/reception/images/s1_cb.png"></a><div onclick="goInid('inid391')" class="link-span">
                                    <a href="index.php?r=news%2Fdefault%2Findex&inid=4#inid391">高燃点变压器油</a></div></li>
                        </ul>
                    </div>
                </div>-->
			</div>
			<div class="page">
				<div class="item2_box">
					<ul class="item2_ul">

						<li>
							<div class="item2_ul_pic"><a href=""></a><a href="index.php?r=news%2Fdefault%2Findex&inid=8">
                                    <img src="/statics/reception/images/item_1_02.jpg"/></a></div>
							<div class="item2_ul_mask"><a href="index.php?r=news%2Fdefault%2Findex&inid=8">润滑技术及解决方案</a></div>
						</li>
						<li>
							<div class="item2_ul_pic"><a href="index.php?r=news%2Fdefault%2Findex&inid=9">
                                <img src="/statics/reception/images/item_1_03.jpg"/></a></div>
							<div class="item2_ul_mask"><a href="index.php?r=news%2Fdefault%2Findex&inid=9">润滑系统</a></div>
						</li>
						<li>
							<div class="item2_ul_pic"><a href="index.php?r=news%2Fdefault%2Findex&inid=7">
                                <img src="/statics/reception/images/item_1_01.jpg"/></a></div>
                            <div class="item2_ul_mask"><a href="index.php?r=news%2Fdefault%2Findex&inid=7">激光测风技术</a></div>
						</li>
                        <li>
                            <div class="item2_ul_pic"><a href="index.php?r=news%2Fdefault%2Findex&inid=14">
                                <img src="/statics/reception/images/item_1_04.jpg"/></a></div>
                            <div class="item2_ul_mask"><a href="index.php?r=news%2Fdefault%2Findex&inid=14">油品检测</a></div>
                        </li>
					</ul>
				</div>
				<div class="swiper-container2">
					<div class="swiper-wrapper">
					    <div class="swiper-slide hand"><img class="s2_pics" src="/statics/reception/images/s2_pic1.jpg" />
					    	<div class="s2_mask none stop-swiping">
		                        <div class="s2_mask_t">
		                            <p class="title">LUBEFORCE</p>
		                            <p class="desc"><a href="index.php?r=news%2Fdefault%2Findex&inid=8">润滑系统</a></p>
		                        </div>
		                    </div>
					    </div>
					    <div class="swiper-slide hand"><img class="s2_pics" src="/statics/reception/images/s2_pic2.jpg" />
					    	<div class="s2_mask none stop-swiping">
		                        <div class="s2_mask_t">
		                            <p class="title">LUBEFORCE</p>
		                            <p class="desc"><a href="index.php?r=news%2Fdefault%2Findex&inid=9">润滑技术及解决方案</a></p>
		                        </div>
		                    </div>
					    	
					    </div>
					    <div class="swiper-slide hand"><img class="s2_pics" src="/statics/reception/images/s2_pic3.jpg" />
					    	<div class="s2_mask none stop-swiping">
		                        <div class="s2_mask_t">
		                            <p class="title">LUBEFORCE</p>
		                            <p class="desc"><a href="index.php?r=news%2Fdefault%2Findex&inid=7#inid466">激光测风技术</a></p>
		                        </div>
		                    </div>
					    </div>
					    <div class="swiper-slide hand"><img class="s2_pics" src="/statics/reception/images/s2_pic4.jpg" />
					    	<div class="s2_mask none stop-swiping">
		                        <div class="s2_mask_t">
		                            <p class="title">LUBEFORCE</p>
		                            <p class="desc"><a href="index.php?r=news%2Fdefault%2Findex&inid=14">油品检测</a></p>
		                        </div>
		                    </div>
					    </div>
					</div>
					<div class="swiper-pagination swiper-pagination2" style="bottom:5%"></div>
                    <!--<div class="s2_mask none">
                        <div class="s2_mask_t">
                            <p class="title">LUBEFORCE</p>
                            <p class="desc"><a href="index.php?r=news%2Fdefault%2Findex&inid=8">润滑技术及解决方案</a></p>
                        </div>
                    </div>
                    <div class="s2_mask none">
                        <div class="s2_mask_t">
                            <p class="title">LUBEFORCE</p>
                            <p class="desc"><a href="index.php?r=news%2Fdefault%2Findex&inid=9">润滑系统</a></p>
                        </div>
                    </div>
                    <div class="s2_mask none">
                        <div class="s2_mask_t">
                            <p class="title">LUBEFORCE</p>
                            <p class="desc"><a href="index.php?r=news%2Fdefault%2Findex&inid=7#inid466">激光测风技术</a></p>
                        </div>
                    </div>
                    <div class="s2_mask none">
                        <div class="s2_mask_t">
                            <p class="title">LUBEFORCE</p>
                            <p class="desc"><a href="index.php?r=news%2Fdefault%2Findex&inid=14">油品检测</a></p>
                        </div>
                    </div>-->
				</div>
			</div>
			<div class="b_item_box page">
				<img class="b_item_box_bg" src="/statics/reception/images/bg1.jpg" />
				<div class="b_item">
					<div class="title1"><img src="/statics/reception/images/title1.png" /></div>
					<div class="swiper-container3">
						<div class="swiper-wrapper">
						    <div class="swiper-slide">
						    	<ul>
						    		<li class="hand"><img src="/statics/reception/images/s3_pic1.jpg" /></li>
						    		<li>
						    			<div class="s3_t1_01">
						    				<a class="s3_t1_text" href="/statics/环保.pdf">环保生物可降解Lubeforce铁路轨道润滑案例</a>
						    				<a class="s3_t1_text1" href="/statics/环保.pdf">
						    					到2015年底，中国高铁运营里程达到1.9万公里，居世界第一，占世界高铁总里程
						    					的60%以上。高铁与其他铁路共同构成的快速客运网已基本覆盖50万以上人口城市。
						    					到“十二五”末，全国铁路营业里程达到12.1万公里。
						    				</a>
                                            <span class="time">2017-05-01</span>
						    				<a class="more hand" href="/statics/环保.pdf"><img src="/statics/reception/images/more.png" /></a>
						    			</div>
						    			<div class="triangle-left"></div>
						    		</li>
						    		<li class="hand"><img src="/statics/reception/images/s3_pic2.jpg" /></li>
						    		<li>
						    			<div class="s3_t1_01">
						    				<a class="s3_t1_text" href="/statics/雾霾清洗.pdf">雾霾克星：Lubeforce铁路车身清洗剂</a>
						    				<a class="s3_t1_text1" href="/statics/雾霾清洗.pdf">
						    					2017年1月2号，元旦刚过，一列从上海开往北京南站的高铁，在穿越华东、华北全部重雾霾区后未经雨水冲刷，
												尘埃布满车身，白色的高铁显得灰头土脸。图片被大量转发后引发了人们的关注，穿越雾霾区的高铁究竟为何“变脸”？
												高铁身上的黑色物质全都是因为霾吗？
						    				</a>
                                            <span class="time">2017-05-01</span>
						    				<a class="more hand" href="/statics/雾霾清洗.pdf"><img src="/statics/reception/images/more.png" /></a>
						    			</div>
						    			<div class="triangle-left"></div>
						    		</li>
						    		<li>
						    			<div class="s3_t1_01">
						    				<a class="s3_t1_text" href="#">环保生物可降解Lubeforce铁路轨道润滑案例</a>
						    				<a class="s3_t1_text1" href="#">
						    					到2015年底，中国高铁运营里程达到1.9万公里，居世界第一，占世界高铁总里程
						    					的60%以上。高铁与其他铁路共同构成的快速客运网已基本覆盖50万以上人口城市。
						    					到“十二五”末，全国铁路营业里程达到12.1万公里。
						    				</a>
                                            <span class="time">2017-05-01</span>
						    				<a class="more hand" href="#"><img src="/statics/reception/images/more.png" /></a>
						    			</div>
						    			<div class="triangle-right"></div>
						    		</li>
						    		<li class="hand"><img src="/statics/reception/images/s3_pic3.jpg" /></li>
						    		<li>
						    			<div class="s3_t1_01">
						    				<a class="s3_t1_text" href="#">环保生物可降解Lubeforce铁路轨道润滑案例</a>
						    				<a class="s3_t1_text1" href="#">
						    					到2015年底，中国高铁运营里程达到1.9万公里，居世界第一，占世界高铁总里程
						    					的60%以上。高铁与其他铁路共同构成的快速客运网已基本覆盖50万以上人口城市。
						    					到“十二五”末，全国铁路营业里程达到12.1万公里。
						    				</a>
                                            <span class="time">2017-05-01</span>
						    				<a class="more hand" href="#"><img src="/statics/reception/images/more.png" /></a>
						    			</div>
						    			<div class="triangle-right"></div>
						    		</li>
						    		<li><img src="/statics/reception/images/s3_pic4.jpg" /></li>
						    	</ul>
						    </div>
						    <div class="swiper-slide">
						    	<ul>
						    		<li class="hand"><img src="/statics/reception/images/s3_pic1.jpg" /></li>
						    		<li>
						    			<div class="s3_t1_01">
						    				<a class="s3_t1_text" href="/statics/环保.pdf">环保生物可降解Lubeforce铁路轨道润滑案例</a>
						    				<a class="s3_t1_text1" href="/statics/环保.pdf">
						    					到2015年底，中国高铁运营里程达到1.9万公里，居世界第一，占世界高铁总里程
						    					的60%以上。高铁与其他铁路共同构成的快速客运网已基本覆盖50万以上人口城市。
						    					到“十二五”末，全国铁路营业里程达到12.1万公里。
						    				</a>
                                            <span class="time">2017-05-01</span>
						    				<a class="more hand" href="/statics/环保.pdf"><img src="/statics/reception/images/more.png" /></a>
						    			</div>
						    			<div class="triangle-left"></div>
						    		</li>
						    		<li class="hand"><img src="/statics/reception/images/s3_pic2.jpg" /></li>
						    		<li>
						    			<div class="s3_t1_01">
						    				<a class="s3_t1_text" href="/statics/雾霾清洗.pdf">雾霾克星：Lubeforce铁路车身清洗剂</a>
						    				<a class="s3_t1_text1" href="/statics/雾霾清洗.pdf">
						    					2017年1月2号，元旦刚过，一列从上海开往北京南站的高铁，在穿越华东、华北全部重雾霾区后未经雨水冲刷，
												尘埃布满车身，白色的高铁显得灰头土脸。图片被大量转发后引发了人们的关注，穿越雾霾区的高铁究竟为何“变脸”？
												高铁身上的黑色物质全都是因为霾吗？
						    				</a>
                                            <span class="time">2017-05-01</span>
						    				<a class="more hand" href="/statics/雾霾清洗.pdf"><img src="/statics/reception/images/more.png" /></a>
						    			</div>
						    			<div class="triangle-left"></div>
						    		</li>
						    		<li>
						    			<div class="s3_t1_01">
						    				<a class="s3_t1_text" href="#">环保生物可降解Lubeforce铁路轨道润滑案例</a>
						    				<a class="s3_t1_text1" href="#">
						    					到2015年底，中国高铁运营里程达到1.9万公里，居世界第一，占世界高铁总里程
						    					的60%以上。高铁与其他铁路共同构成的快速客运网已基本覆盖50万以上人口城市。
						    					到“十二五”末，全国铁路营业里程达到12.1万公里。
						    				</a>
                                            <span class="time">2017-05-01</span>
						    				<a class="more hand" href="#"><img src="/statics/reception/images/more.png" /></a>
						    			</div>
						    			<div class="triangle-right"></div>
						    		</li>
						    		<li class="hand"><img src="/statics/reception/images/s3_pic3.jpg" /></li>
						    		<li>
						    			<div class="s3_t1_01">
						    				<a class="s3_t1_text" href="#">环保生物可降解Lubeforce铁路轨道润滑案例</a>
						    				<a class="s3_t1_text1" href="#">
						    					到2015年底，中国高铁运营里程达到1.9万公里，居世界第一，占世界高铁总里程
						    					的60%以上。高铁与其他铁路共同构成的快速客运网已基本覆盖50万以上人口城市。
						    					到“十二五”末，全国铁路营业里程达到12.1万公里。
						    				</a>
                                            <span class="time">2017-05-01</span>
						    				<a class="more hand" href="#"><img src="/statics/reception/images/more.png" /></a>
						    			</div>
						    			<div class="triangle-right"></div>
						    		</li>
						    		<li><img src="/statics/reception/images/s3_pic4.jpg" /></li>
						    	</ul>
						    </div>
						</div>
                        <div class="swiper-pagination swiper-pagination3"></div>
					</div>
					<div class="b_pic"><img src="/statics/reception/images/b_pic.png" /><span style="text-align:center; display: block;font-size: 10px;"><a href="http://beian.miit.gov.cn/#/Integrated/recordQuery" target="_blank">沪ICP备18002120号-1</a></span></div>

					<div class="b_item_floot"></div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		var browser=navigator.appName 
		var b_version=navigator.appVersion 
		var version=b_version.split(";");
        var trim_Version;
        if(version.length>1)trim_Version=version[1].replace(/[ ]/g,"");
		$(function(){
			$(".page").css("opacity","0");
		})
        function preventDefault(event){ if(document.all){ window.event.returnValue = false; }else{ event.preventDefault(); } }
        function stopPropagation(event){ if(document.all){ window.event.cancelBubble=true; }else{ event.stopPropagation(); } }
		if (!document.getElementsByClassName) {
			function getElementsByClassName(className, element){
				var children = (element || document).getElementsByTagName('*');
				var elements = new Array();
				for (var i = 0; i < children.length; i++) {
					var child = children[i];
					var classNames = child.className.split(' ');
					for (var j = 0; j < classNames.length; j++) {
						if (classNames[j] == className) {
							child.getElementsByClassName = function(className){
								getElementsByClassName(className,child);
							};
							elements.push(child);
							break;
						}
					}
				}
				return elements;
			}
			document.getElementsByClassName = getElementsByClassName;
		}
        $(function(){

//            var ellipseflag = false;
            $('.menu_ul>li').mouseover(function(){
//                ellipseflag = true;
                var left = $(this).position().left + $('.menu_ul').position().left;
//                if($('.top-ellipse:visible').length>0){
//                    $('.top-ellipse').stop().animate({'left': left+'px'},500);
//                }else{
//                    $('.top-ellipse').css('left', left+'px').show();
//                }
				if($(this).position().left==0){
					$('.top-ellipse .ellipse2').css('left','-1px');
					$('.top-ellipse .ellipse2').css('width','120px');
				}else{
					$('.top-ellipse .ellipse2').css('left','23px');
					$('.top-ellipse .ellipse2').css('width','70px');
				}
                $('.top-ellipse').css('left', left+'px').stop().show();
            }).mouseout(function(){
//                ellipseflag = false;
                $('.top-ellipse').stop().hide();
//                setTimeout(function(){
//                    if(!ellipseflag){
//                        $('.top-ellipse').hide(100);
//                    }
//                },200)
            });
        });
		window.onload=function(){
			$(".page").animate({opacity:1},1000);
			var swiperContainer2=document.getElementsByClassName("swiper-container2")[0];
			var swiperContainer3=document.getElementsByClassName("swiper-container3")[0];
			var lis3=swiperContainer3.getElementsByTagName("li");
			var b_item_box_bg=document.getElementsByClassName("b_item_box_bg")[0];
			$(window).on("resize",function(){setTimeout(setS2Pic,20)});
			var mySwiper3flag = true;
			setS2Pic();
			function setS2Pic(){

				var swiperContainer=document.getElementsByClassName("swiper-container")[0];
				var s1_pics=document.getElementsByClassName("s1_pics");
				for(var i=0;i<s1_pics.length;i++){
					s1_pics[i].style.width="100%";
					s1_pics[i].style.height="auto";
					s1_pics[i].style.marginLeft="0px";
				}
                console.log(s1_pics[0].offsetHeight);
                setTimeout(function(){
                    console.log(s1_pics[0].offsetHeight);
                    if(s1_pics[0].offsetHeight<swiperContainer.offsetHeight){
                        var h=swiperContainer.offsetHeight;
                        var ml=($(window).width()-s1_pics[0].offsetWidth)/2;
                        for(var i=0;i<s1_pics.length;i++){
                            s1_pics[i].style.width="auto";
                            s1_pics[i].style.height=h+"px";
                            s1_pics[i].style.marginLeft=ml+"px";
                        }
                    }

                },200);
				if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE8.0") {
					swiperContainer2.style.height=$(window).height()*2-swiperContainer2.offsetTop+"px";
				}else{
					swiperContainer2.style.height=$(window).height()-swiperContainer2.offsetTop+"px";
				}
//                swiperContainer2.style.height = swiperContainer2.style.width;
				var s2_pics=document.getElementsByClassName("s2_pics");
				for(var i=0;i<s2_pics.length;i++){
					s2_pics[i].style.width="100%";
					s2_pics[i].style.height="auto";
					s2_pics[i].style.marginLeft="0px";
				}
				var page=document.getElementsByClassName("page");
				swiperContainer2.style.height=$(window).height()-(swiperContainer2.offsetTop-page[1].offsetTop)+"px";
                setTimeout(function() {
                    if (s2_pics[0].offsetHeight < swiperContainer2.offsetHeight) {
                        var h = swiperContainer2.offsetHeight;
                        var ml = ($(window).width() - s2_pics[0].offsetWidth) / 2;
                        for (var i = 0; i < s2_pics.length; i++) {
                            s2_pics[i].style.width = "auto";
                            s2_pics[i].style.height = h + "px";
                            s2_pics[i].style.marginLeft = ml + "px";
                        }
                    }
                },200);
                lis3_h=Math.floor(lis3[0].offsetWidth);
				for(var i=0;i<lis3.length;i++){
					lis3[i].style.height=$(window).width()*0.145 + 'px';
				}
				b_item_box_bg.style.width="100%";
				b_item_box_bg.style.height="auto";
				b_item_box_bg.style.marginLeft="0px";
				if(b_item_box_bg.offsetHeight<$(window).height()){
					b_item_box_bg.style.width="auto";
					b_item_box_bg.style.height=$(window).height()+"px";
					b_item_box_bg.style.marginLeft=($(window).width()-b_item_box_bg.offsetWidth)/2+"px";
				}else{
					b_item_box_bg.style.width="100%";
					b_item_box_bg.style.height="auto";
					b_item_box_bg.style.marginLeft="0px";
				}
				$('.s3_t1_text1').css("height",Math.floor($('.s3_t1_text1').height()/17)*17+"px");

                $('.swiper-container3').height($(window).width()*0.29 + 30);
                if(mySwiper3flag) {
					console.log("mySwiper3");
                    mySwiper3flag = false;
                    var mySwiper3 = new Swiper('.swiper-container3', {
                        autoplay: 7000,
                        loop: true,
                        pagination: '.swiper-pagination3',
                        paginationHide: true,
                        paginationClickable: true
                    })
                }
			}
            
			var mySwiper = new Swiper('.swiper-container', {
				autoplay:7000,
				loop:true,
//				autoplayDisableOnInteraction : false,
				observer:true,
				pagination : '.swiper-pagination1',
				paginationHide :true,
				noSwiping : true,
				noSwipingClass : 'stop-swiping',
                paginationClickable: true,
//              onSlideClick: function(swiper){
//                  if(!canScroll)return;
//                  $(".s1_mask").eq(swiper.activeLoopIndex).css("left","-100%");
//                  $(".s1_mask").eq(swiper.activeLoopIndex).show();
//                  $(".s1_mask").eq(swiper.activeLoopIndex).animate({left:"0%"},350);
//                  swiper.stopAutoplay();
//                  canScroll=false;
//              }
			})
			var mySwiper2 = new Swiper('.swiper-container2', {
				autoplay:7000,
				loop:true,
				pagination : '.swiper-pagination2',
				paginationHide :true,
                paginationClickable: true,
                noSwiping : true,
				noSwipingClass : 'stop-swiping',
//              onSlideClick: function(swiper){
//                  if(!canScroll)return;
//                  $(".s2_mask").eq(swiper.activeLoopIndex).css("left","-100%");
//                  $(".s2_mask").eq(swiper.activeLoopIndex).show();
//                  $(".s2_mask").eq(swiper.activeLoopIndex).animate({left:"0%"},350);
//                  mySwiper2.stopAutoplay();
//                  canScroll=false;
//              }
			})

//			$(".swiper-container .swiper-wrapper").click(function(){
//				if(!canScroll)return;
//				$(".s1_mask").css("left","-100%");
//				$(".s1_mask").show();
//				$(".s1_mask").animate({left:"0%"},350);
//				mySwiper.stopAutoplay();
//				canScroll=false;
//			})

			var qwe=true;
			$(".swiper-container .swiper-slide").click(function(){
				if(qwe){
					$(".s1_mask").css("left","-100%");
	                $(".s1_mask").show();
	                $(".s1_mask").animate({left:"0%"},350);
				}
			});
			$(".swiper-container2 .swiper-slide").click(function(){
				if(qwe){
					$(".s2_mask").css("left","-100%");
	                $(".s2_mask").show();
	                $(".s2_mask").animate({left:"0%"},350);
				}
			});
//			var p_y1;
			//
//			$(".s1_mask").mousedown(function(e){
//				p_y1=e.pageY;
//				console.log("mousemove1"+e.pageX+"--"+e.pageY);
//			})
//			$(".s1_mask").mouseup(function(e){
//				if(p_y1==e.pageY){
//					 e.stopPropagation();
//					$(".s1_mask").animate({left:"-100%"},350);
//					setTimeout(function(){$(".s1_mask").hide();},360);
//					mySwiper.startAutoplay();
//					canScroll=true;
//				}
//				console.log("mouseleave2"+e.pageX+"--"+e.pageY);
//			});
			
			$(".s1_mask").click(function(e){
				e.stopPropagation();
				$(".s1_mask").animate({left:"-100%"},350);
				setTimeout(function(){$(".s1_mask").hide();},360);
				mySwiper.startAutoplay();
				canScroll=true;
			});

            $(".s2_mask").click(function(e){
            	console.log("s");
            	e.stopPropagation();
                $(this).animate({left:"-100%"},350);
                setTimeout(function(){$(".s2_mask").hide();},360);
                mySwiper2.startAutoplay();
                canScroll=true;
            });

			
			var sse;
//			var skipSpan=$(".swiper-container .swiper-pagination1 span");
//			for(var i=0;i<skipSpan.length;i++){
//				(function(i){
//					skipSpan[i].onclick=function(){
//						mySwiper.slideTo(i+1, 1000, false);
//						skipSpan.removeClass("swiper-pagination-bullet-active");
//						$(skipSpan[i]).addClass("swiper-pagination-bullet-active");
//						clearTimeout(sse);
//						sse=setTimeout(function(){
//							mySwiper.slideNext();
//							mySwiper.startAutoplay();
//						},8000);
//					}
//				})(i)
//			}
//			var skipSpan1=$(".swiper-container2 .swiper-pagination2 span");
//			for(var i=0;i<skipSpan1.length;i++){
//				(function(i){
//					skipSpan1[i].onclick=function(){
//						mySwiper2.slideTo(i+1, 1000, false);
//						skipSpan1.removeClass("swiper-pagination-bullet-active");
//						$(skipSpan1[i]).addClass("swiper-pagination-bullet-active");
//						clearTimeout(sse);
//						sse=setTimeout(function(){
//							mySwiper2.slideNext();
//							mySwiper2.startAutoplay();
//						},8000);
//					}
//				})(i)
//			}

//			var skipSpan2=$(".swiper-container3 .swiper-pagination3 span");
//			for(var i=0;i<skipSpan2.length;i++){
//				(function(i){
//					skipSpan2[i].onclick=function(){
//						mySwiper3.slideTo(i+1, 1000, false);
//						skipSpan2.removeClass("swiper-pagination-bullet-active");
//						$(skipSpan2[i]).addClass("swiper-pagination-bullet-active");
//						clearTimeout(sse);
//						sse=setTimeout(function(){
//							mySwiper3.slideNext();
//							mySwiper3.startAutoplay();
//						},8000);
//					}
//				})(i)
//			}
			
			var item2_ul=document.getElementsByClassName("item2_ul")[0].getElementsByTagName("li");
			var item2_ul_mask=document.getElementsByClassName("item2_ul_mask");
			var mask_height=item2_ul[0].offsetHeight-60;
			for(var i=0;i<item2_ul.length;i++){
				(function(i){
					$(item2_ul[i]).on("mouseenter",function(e){
						stopPropagation(e);
//						$(item2_ul_mask[i]).animate({top:"62%"},200);
//						setTimeout(function(){
							$(item2_ul_mask[i]).animate({top:mask_height+"px"},150);
//						},200)
//						for(var j=0;j<item2_ul_mask.length;j++){
//							$(item2_ul_mask[j]).animate({top:"100%"},50);
//						}
					})
					$(item2_ul[i]).on("mouseleave",function(e){
						stopPropagation(e);
						$(item2_ul_mask[i]).animate({top:"100%"},50);
					})
				})(i)
			}
			var item2_box=document.getElementsByClassName("item2_box")[0];
			var main_context=document.getElementsByClassName("main_context")[0];
			var main_context=$(".main_context")[0];
			var scroll=0;
			var canScroll=true;
			var ds=30;
			var wh;
			$(window).on("mousewheel",mouseWheel);
			$(window).on("DOMMouseScroll",mouseWheel);

            $('.arr1 .slide-backward,.arr1 .slide-forward').click(function(){
                if(!canScroll)return;
                if($(this).is('.slide-forward'))scroll--;
                if($(this).is('.slide-backward'))scroll++;

                if(scroll>2)scroll=2;
                if(scroll<0)scroll=0;
                console.log(scroll)
                $('.arr1').hide().eq(scroll).show();
                wh=scroll*$(window).height()-main_context.scrollTop;
                if(Math.abs(wh)>0&&canScroll){
                    if(scroll==1){
                        $(".top").animate({top:"-60px"},200);
                        setTimeout(function(){$(".top2").animate({top:"0px"},150);},200);
                        setTimeout(function(){topIsHidden=true;},360)
                        $(".item2_box").css("opacity","0");
                        $(".item2_box").animate({opacity:1},3000);
                        $(".swiper-container2").css("opacity","0");
                        $(".swiper-container2").animate({opacity:1},2000);
                    }else if(scroll==0){
                        $(".top").animate({top:"0px"},200);
                        setTimeout(function(){$(".top2").animate({top:"-30px"},150);},200);
                        setTimeout(function(){topIsHidden=false;},360)
                        $(".swiper-container").css("opacity","0");
                        $(".swiper-container").animate({opacity:1},3000);
                    }else if(scroll==2){
//						$('.s3_t1_text1').dotdotdot();
                        $(".swiper-container3").css("opacity","0");
                        $(".swiper-container3").animate({opacity:1},3000);
                    }
                    canScroll=false;
                    startScroll();
                }
            });
			function mouseWheel(e){
				if(!canScroll)return;
				var e=e||window.event;
				var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) ||  // chrome & ie
                                (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1));
				if(e.wheelDelta){
					var wheelDelta=e.wheelDelta;
				}else{
					var wheelDelta=delta<0?-120:120;
				}
				if(wheelDelta<0){
					scroll=scroll<2?scroll+1:scroll;
				}else if(wheelDelta>0){
					scroll=scroll>0?scroll-1:scroll;
				}
                $('.arr1').hide().eq(scroll).show();
				wh=scroll*$(window).height()-main_context.scrollTop;
				if(Math.abs(wh)>0&&canScroll){
					if(scroll==1){
						$(".top").animate({top:"-60px"},200);
						setTimeout(function(){$(".top2").animate({top:"0px"},150);},200);
						setTimeout(function(){topIsHidden=true;},360)
						$(".item2_box").css("opacity","0");
						$(".item2_box").animate({opacity:1},3000);
						$(".swiper-container2").css("opacity","0");
						$(".swiper-container2").animate({opacity:1},2000);
					}else if(scroll==0){
						$(".top").animate({top:"0px"},200);
						setTimeout(function(){$(".top2").animate({top:"-30px"},150);},200);
						setTimeout(function(){topIsHidden=false;},360)
						$(".swiper-container").css("opacity","0");
						$(".swiper-container").animate({opacity:1},3000);
					}else if(scroll==2){
//						$('.s3_t1_text1').dotdotdot();
						$(".swiper-container3").css("opacity","0");
						$(".swiper-container3").animate({opacity:1},3000);
					}
					canScroll=false;
					startScroll();
				}
			}
			var topIsHidden=true;
			$(".top2").mouseenter(function(){
				$(".top").animate({top:"0px"},200);
				setTimeout(function(){$(".top2").animate({top:"-30px"},150);},200);
				setTimeout(function(){topIsHidden=false;},360)
			})
			$(".top").mouseleave(function(){
				if(!topIsHidden&&scroll>0){
					$(".top").animate({top:"-60px"},200);
					setTimeout(function(){$(".top2").animate({top:"0px"},150);},200);
					setTimeout(function(){topIsHidden=true;},360)
				}
			})
			function startScroll(){
				var move=wh;
				var cMove;
				var t=0;
				var et=90;
				var scrollTop=main_context.scrollTop;
				loop();
				function loop(){
					t++;
					if(t>et){
						if(move>0){
							main_context.scrollTop=scroll*$(window).height();
							canScroll=true;
						}else if(move<0){
							main_context.scrollTop=scroll*$(window).height();
							canScroll=true;
						}
						return;
					}
					cMove=Math.floor(Tween.Quart.easeInOut(t,0,move,et));
					main_context.scrollTop=scrollTop+cMove;
					setTimeout(loop,1000/60);
				}
			}
		}


	</script>
</body>
</html>