<?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="<?php echo mvc::$cfg['SELF_URI'];?>index/rongyu">公司荣誉</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/pinpai">车间设备</a></li>
					<li><a href="<?php echo mvc::$cfg['SELF_URI'];?>index/rongyu">检测仪器</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">
					本公司地处浙江私营经济最活跃的黄金海岸海滨城市玉环境内公司建于1985年，占地面积12000平方米，员工200余名。<br><br>
					公司主要生产汽车转向系统零部件，拥有大量的高精度生产设备及检验设备，并拥有一支高素质的管理队伍和专业技术人员，并通过TS16949:2002质量体系认证。年产值达8000万、并与国外知名公司建立了良好的合作关系。
				</p>
				<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/img03_02.jpg" ><br>
				<p class="con-txt">
					求实、创新、用于开拓是童氏公司的作风。高效节能，高性能低成本高性价比是同事经营宗旨。公司正式凭着得天独厚的优势不断开拓到汽车零部件领域，力争为我国的汽车工业发展做出更大的贡献。
				</p>

				<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/img06.jpg" ><br>
			</div>
		</div>
		
		<div class="ab-main002">
			<br>
			<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/img07.jpg" ><br>
			
		</div>
		<div class="ab-main001">
			<br>
			<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/img08.jpg" >
			<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/img08_02.jpg" ><br>
		</div>
		<div class="ab-main001">
			<br>
			
			<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/img08_03.jpg" ><br>
		</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(121.387210,28.236010), zoom);
            var point = new T.LngLat(121.387210,28.236010);
            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>
