<?php include_once(mvc::$cfg['PATH_TPL'].'public/headMenu.php');?>
<link rel="stylesheet" type="text/css" href="<?php echo mvc::$cfg['SYS_URL'];?>static/css/user.css?ver=<?php echo mvc::$cfg['VER']['css'];?>">







<?php include_once(mvc::$cfg['SELF_TPL'].'public/heard01.php');?>



<!-- <header class="mui-bar mui-bar-nav top-menu2 order-status-menu" style="">
	<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-negative">
		<a class="mui-control-item" data-t="info" href="javascript:;">关于我们</a>
	</div>
</header> -->
<header class="mui-bar mui-bar-nav top-menu2 order-status-menu">
	<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-negative">
		<a class="mui-control-item mui-active" data-t="info" href="javascript:;">关于我们</a>
		<a class="mui-control-item" data-t="con" href="javascript:movemap();">联系我们</a>
	</div>
</header>

<div class="mui-content ord-list mui-scroll-wrapper" id="refreshContainer">
	
	<div class="mui-scroll">
	<!-- 联系我们 -->
		<div class="item-li item-con" style="display: none;">
			<div class="ab_map"><img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/img02.jpg" ></div>
			<div class="kongzhi01">
				<a href="<?php echo mvc::$cfg['SELF_URI'];?>index/contact">关于我们</a>
				<a href="<?php echo mvc::$cfg['SELF_URI'];?>index/jiameng">经销加盟</a>
				<a href="javascript:;"  class="kz-act">联系我们</a>
			</div>
			
			<div class="ab-wen">
				
				<div class="ab-wen01">
					<p>
						无论您是想咨询产品，解决问题，或者是对我们提出建议，
						您都可以联系我们，我们会尽我们所能为您服务。
					</p>
				</div>
				<div class="ab-wen02">
					<div class="ab-fs ab-fs01">
						<div>
							<a href="tel:057683581889">0576-83581889</a>
						</div>
					</div>

					
					<div class="ab-fs ab-fs02">
						<div>
							<a href="mailto:cworks-toyotats@xyparts.cn">cworks-toyotats@xyparts.cn</a><br>
						</div>
					</div>

				</div>
				
			</div>
			<div class="con-main">
				

				<br>
				<h5 style="">联系地址：</h5>
				<p class="c-txt01">杭州市萧山区新街镇新塘头工业区</p>

				<!-- 地图 -->
				<script type="text/javascript" src="<?=mvc::$cfg['HOST']['tdtmap']?>"></script>
				<div id="mapDiv" style="height: 250px; margin-bottom: 20px;"></div>
				<!-- 地图结束 -->
			</div>
		</div>
	<!-- 切换 关于我们-->
		<div class="item-li item-info">
			<div class="ab_map">
				<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/img05.jpg" >

				<ul>
					<li class="act"><a href="<?php echo mvc::$cfg['SELF_URI'];?>index/contact">关于我们</a></li>
					<li><a href="<?php echo mvc::$cfg['SELF_URI'];?>index/chengzhao">经销加盟</a></li>
					<li><a href="<?php echo mvc::$cfg['SELF_URI'];?>index/lianxi">联系我们</a></li>
				</ul>
			</div>
			<div class="ab-main">
				<h5>企业简介</h5>
				<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/img03.jpg" >
				
				<p class="con-txt">
					重庆五顺汽车零部件有限公司是一家集自主研发、生产、销售为一体的产业链公司。<br><br>
					公司旗下拥有自主品牌，五顺缸体缸盖总成、五顺大修包、五顺正时修理包、博盛德、动力之家、陵翔动力品牌系列，产品销售涉及缸体、缸盖、缸体缸盖总成、曲轴、连杆、挺杆、摇臂、进排气门、导管、座圈、锁片、活塞、活塞环、大小瓦、止推片、水泵、机油泵、分火线、正时套装、皮带、大修包、气缸床、气门室盖垫、等覆盖车系包括日系、德系、美系、韩系、法系、国产自主等。
				</p>

				<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/img03_02.jpg" >

				<p class="con-txt">
					公司秉承着专业经营超值服务、用户至上、追求卓越的经营理念为合作伙伴带来诚信为先，实效为本的五顺文化灵魂，致力于精细制造、合法经营、技术支持等共建汽车市场发动机体系产业链的持续健康发展。
				</p>
				<h5>企业优势</h5>
				<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/map_03.jpg" >
					
			</div>
		</div>
		<div class="ab-main001">
			<h5>热门系列</h5>
			<div class="marqueeleft-box">
				<div id="marquee1" class="marqueeleft">
					<div style="width:16000px;">
						<ul id="marquee1_1">
								<li><a class="pic" href="javascript:;"><img  src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/pr01.jpg"><p>大修包系列</p></a></li>
								<li><a class="pic" href="javascript:;"><img  src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/pr02.jpg"><p>发动机系列</p></a></li>
								<li><a class="pic" href="javascript:;"><img  src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/pr03.jpg"><p>曲轴系列</p></a></li>
								<li><a class="pic" href="javascript:;"><img  src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/pr04.jpg"><p>三元催化系列</p></a></li>
								<li><a class="pic" href="javascript:;"><img  src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/pr05.jpg"><p>水泵系列</p></a></li>
								<li><a class="pic" href="javascript:;"><img  src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/pr06.jpg"><p>正时修理包系列</p></a></li>
						</ul>
						<ul id="marquee1_2"></ul>
					</div>
				</div>
			</div>
		</div>
		<div class="ab-main002">
			<h5>厂房车间</h5>
			<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/img03_03.jpg" >
			<h5>仓库库房</h5>
			<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/img06.jpg" >
		</div>
	</div>
</div>

<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>
<script type="text/javascript">
var type = '<?php echo $Params['t'];?>';
$(function(){
 var map, marker;
        var zoom = 12;
       
            //初始化地图对象
            map = new T.Map("mapDiv");
            //设置显示地图的中心点和级别
            map.centerAndZoom(new T.LngLat(106.451090,29.521960), zoom);
            var point = new T.LngLat(106.451090,29.521960);
            marker = new T.Marker(point);// 创建标注
            map.addOverLay(marker);
            var markerInfoWin = new T.InfoWindow("重庆五顺汽车零部件有限公司");
            marker.addEventListener("click", function () {
                marker.openInfoWindow(markerInfoWin);
            });// 将标注添加到地图中
   


	$('.mui-bar .mui-control-item').bind('tap', function(){
		$(this).addClass('mui-active').siblings().removeClass('mui-active');
		$('.mui-scroll .item-li').hide();
		$('.item-'+$(this).data('t')).show();
		$('.mui-title').html($(this).html());

		// 后加载
		window.setTimeout(function(){
			//map.panTo(new BMap.Point(113.463907,23.746967));
		}, 400);
		// 后加载结束

	});
	if($('[data-t="'+type+'"]').length > 0){
		$('[data-t="'+type+'"]').trigger('tap');
	}else{
		$('[data-t]:eq(0)').trigger('tap');
	}


}) 
</script>

<!--  -->
<script type="text/javascript">
$(function(){ 
	$('.nan001-btn').click(function(){
		$('.nan001').toggle();
		});
})
</script>



<!--  -->
<script type="text/javascript">
//js无缝滚动代码
function marquee(i, direction){
	var obj = document.getElementById("marquee" + i);
	var obj1 = document.getElementById("marquee" + i + "_1");
	var obj2 = document.getElementById("marquee" + i + "_2");
	if (direction == "up"){
		if (obj2.offsetTop - obj.scrollTop <= 0){
			obj.scrollTop -= (obj1.offsetHeight + 20);
		}else{
			var tmp = obj.scrollTop;
			obj.scrollTop++;
			if (obj.scrollTop == tmp){
				obj.scrollTop = 1;
			}
		}
	}else if(direction == "right"){
		if (obj.scrollLeft <= 0){
			obj.scrollLeft += obj1.offsetWidth;
		}else{
			obj.scrollLeft--;
		}
	}else if(direction == "left"){
		if (obj2.offsetWidth - obj.scrollLeft <= 0){
			obj.scrollLeft -= obj1.offsetWidth;
		}else{
			obj.scrollLeft++;
		}
	}
}

function marqueeStart(i, direction){
	var obj = document.getElementById("marquee" + i);
	var obj1 = document.getElementById("marquee" + i + "_1");
	var obj2 = document.getElementById("marquee" + i + "_2");

	obj2.innerHTML = obj1.innerHTML;
	if(direction == "right"){
		obj.scrollLef = obj1.offsetWidth;
	}

	var marqueeVar = window.setInterval("marquee("+ i +", '"+ direction +"')", 20);
	obj.onmouseover = function(){
		window.clearInterval(marqueeVar);
	}
	obj.onmouseout = function(){
		marqueeVar = window.setInterval("marquee("+ i +", '"+ direction +"')", 20);
	}
}
$(function(){
   marqueeStart(1, "right");
})
</script>
