<?php include_once(mvc::$cfg['PATH_TPL'].'public/topIndex.php');?>
<script type="text/javascript" src="/cache/js/partdata.js?ver=1.0.0"></script>
<div class="main_auto">
	<div class="masthead_ctn">
		<div class="main-nav">
			<div class="inner-con2">商品分类</div>
			<a href="#" class="nav-color">首页</a>
			<a href="#" class="nav-color">服务</a>
			<a href="#" class="nav-color">VIN查询</a>
			<span>|</span>
			<a href="#">栏目1</a>
			<a href="#">栏目2</a>
			<a href="#">栏目3</a>
			<a href="#">栏目4</a>
			<a href="#">栏目5</a>
		</div>
	</div>
</div>
<div id="mallPage" class="mui-global-biz-mallfp">
	<!-- banner与导航 -->
	<div class="banner_box">
		<div id="banner">
			<div class="nav-con">
				<div class="normal-nav-box">
				<?php if(!empty($res)){?>
				 <?php foreach($res as $partK=>$partV){?>
					<div class="i-empy">
						<ul class="normal-nav">
							<li><a href="#"><?php echo $partV['name'];?></a></li>
						</ul>
						<div part='<?php echo $partK;?>' class="part-list" order='0'>
							<ul class="part_ul">
							<?php if(!empty($partV['part'])){?>
							 <?php foreach($partV['part'] as $partSonK=>$partSonV){?>
							 	<li class="second-part">
									<div class="part-left part-content"><a href="#" partid='<?php echo $partSonK;?>'></a></div>
									<div class="part-right part-content">
										<ul class="last-part">
										<?php foreach($partV['part'][$partSonK] as $partLastK=>$partLastV){?>
											<li><a href="#" lastPartid='<?php echo $partLastV;?>'></a></li>
										<?php } ?>
										</ul>
									</div>
								</li>
							 <?php } ?>
							<?php }?>
							</ul>
							<div class="part-ads">
								<script type="text/javascript">CallYpAd(211, '<?php echo $partK;?>');</script>
								<script type="text/javascript">CallYpAd(212, '<?php echo $partK;?>');</script>
								<script type="text/javascript">CallYpAd(213, '<?php echo $partK;?>');</script>
							</div>
						</div>
					</div>
				 <?php } ?>
				<?php } ?>
				</div>
			</div>
			<div class="banner_img_box">
				<div id='slider' class="slider">
					<ul class="banner-list" id="silder_list">
						<li class="banner-list01"><a href="#"><img src="static/images/test_banner/test_img_01.jpg" alt=""></a></li>
						<li class="banner-list01"><a href="#"><img src="static/images/test_banner/test_img_03.jpg" alt=""></a></li>
						<li class="banner-list01"><a href="#"><img src="static/images/test_banner/test_img_02.jpg" alt=""></a></li>
						<li class="banner-list01"><a href="#"><img src="static/images/test_banner/test_img_04.jpg" alt=""></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="main_auto">
		<div class="martb10">
			<div class="marr10 floatl"><script type="text/javascript">CallYpAd(205, 0);</script></div>
			<div class="floatl"><script type="text/javascript">CallYpAd(206, 0);</script></div>
			<div class="clear"></div>
		</div>
		<!-- logo列表 -->
		<div class="module-body">
			<ul class="brand-list">
				<li><a href="#"><img src="/static/images/img08.jpg"></a></li>
				<li><a href="#"><img src="/static/images/img08.jpg"></a></li>
				<li><a href="#"><img src="/static/images/img08.jpg"></a></li>
				<li><a href="#"><img src="/static/images/img08.jpg"></a></li>
				<li><a href="#"><img src="/static/images/img08.jpg"></a></li>
				<li><a href="#"><img src="/static/images/img08.jpg"></a></li>
				<li><a href="#"><img src="/static/images/img08.jpg"></a></li>
				<li><a href="#"><img src="/static/images/img08.jpg"></a></li>
				<li><a href="#"><img src="/static/images/img08.jpg"></a></li>
				<li><a href="#"><img src="/static/images/img08.jpg"></a></li>
				<li><a href="#"><img src="/static/images/img08.jpg"></a></li>
				<li><a href="#"><img src="/static/images/img08.jpg"></a></li>
				<li><a href="#"><img src="/static/images/img08.jpg"></a></li>
				<li><a href="#"><img src="/static/images/img08.jpg"></a></li>
				<li><a href="#"><img src="/static/images/img08.jpg"></a></li>
				<li><a href="#"><img src="/static/images/img08.jpg"></a></li>
			</ul>
			<div class="above-cover"><script type="text/javascript">CallYpAd(207, 0);</script></div>
		</div>
		<!-- 热销产品 -->
		<div id="Selling">
			<p class="Selling-txt">热销产品</p>
			<div class="Selling-product-box">
				<ul class="Selling-product">
					<?php foreach($allSaleInfoMsg as $v){ ?>
					<li>
						<a href="/item/index?proId=<?php echo $v['pro_id'];?>" >
						<img class="Selling-product-img" src="<?php echo mvc::$cfg['FILE_CENTER']['b2c']['url_get'].'&c=product&f='.$v['pro_pic'];?>">
						</a>
						<p><?php echo mb_substr($v['pro_name'],0,4).'...'; ?></p>
					</li>
					<?php } ?>
				</ul>
			</div>
		</div>
		<!-- 产品1 -->
		<div class="floor-line-con">
			<div class="floor-line-top">
				<div class="floor-name">驱动器与半轴</div>
				<div class="hot-word-con">
					<a href="#">驱动器</a>
					<a href="#">半轴</a>
				</div>
			</div>
			<div class="big-banner-con"><script type="text/javascript">CallYpAd(208, 0);</script></div>
			<div class="right-column-con">
					<ul class="column-con">
						<li>
							<a href="#" class="pro-pic"><img src="/static/images/product.jpg"></a>
							<a href="#" class="pro-name">轮毂轴承单元</a>
							<p class="oe-num">OE:168 350 03 35</p>
							<span class="pro-price">200元</span>
						</li>
						<li>
							<a href="#" class="pro-pic"><img src="/static/images/product.jpg"></a>
							<a href="#" class="pro-name">轮毂轴承单元</a>
							<p class="oe-num">OE:168 350 03 35</p>
							<span class="pro-price">200元</span>
						</li>
						<li>
							<a href="#" class="pro-pic"><img src="/static/images/product.jpg"></a>
							<a href="#" class="pro-name">轮毂轴承单元</a>
							<p class="oe-num">OE:168 350 03 35</p>
							<span class="pro-price">200元</span>
						</li>
						<li>
							<a href="#" class="pro-pic"><img src="/static/images/product.jpg"></a>
							<a href="#" class="pro-name">轮毂轴承单元</a>
							<p class="oe-num">OE:168 350 03 35</p>
							<span class="pro-price">200元</span>
						</li>
						<li>
							<a href="#" class="pro-pic"><img src="/static/images/product.jpg"></a>
							<a href="#" class="pro-name">轮毂轴承单元</a>
							<p class="oe-num">OE:168 350 03 35</p>
							<span class="pro-price">200元</span>
						</li>
						<li>
							<a href="#" class="pro-pic"><img src="/static/images/product.jpg"></a>
							<a href="#" class="pro-name">轮毂轴承单元</a>
							<p class="oe-num">OE:168 350 03 35</p>
							<span class="pro-price">200元</span>
						</li>
						<li>
							<a href="#" class="pro-pic"><img src="/static/images/product.jpg"></a>
							<a href="#" class="pro-name">轮毂轴承单元</a>
							<p class="oe-num">OE:168 350 03 35</p>
							<span class="pro-price">200元</span>
						</li>
						<li>
							<a href="#" class="pro-pic"><img src="/static/images/product.jpg"></a>
							<a href="#" class="pro-name">轮毂轴承单元</a>
							<p class="oe-num">OE:168 350 03 35</p>
							<span class="pro-price">200元</span>
						</li>
					</ul>
			</div>
		</div>
		<!-- 产品2 -->
		<div class="floor-line-con">
			<div class="floor-line-top">
				<div class="floor-name">驱动器与半轴</div>
				<div class="hot-word-con">
					<a href="#">驱动器</a>
					<a href="#">半轴</a>
				</div>
			</div>
			<div class="big-banner-con"><script type="text/javascript">CallYpAd(209, 0);</script></div>
			<div class="right-column-con">
					<ul class="column-con">
						<li>
							<a href="#" class="pro-pic"><img src="/static/images/product.jpg"></a>
							<a href="#" class="pro-name">轮毂轴承单元</a>
							<p class="oe-num">OE:168 350 03 35</p>
							<span class="pro-price">200元</span>
						</li>
						<li>
							<a href="#" class="pro-pic"><img src="/static/images/product.jpg"></a>
							<a href="#" class="pro-name">轮毂轴承单元</a>
							<p class="oe-num">OE:168 350 03 35</p>
							<span class="pro-price">200元</span>
						</li>
						<li>
							<a href="#" class="pro-pic"><img src="/static/images/product.jpg"></a>
							<a href="#" class="pro-name">轮毂轴承单元</a>
							<p class="oe-num">OE:168 350 03 35</p>
							<span class="pro-price">200元</span>
						</li>
						<li>
							<a href="#" class="pro-pic"><img src="/static/images/product.jpg"></a>
							<a href="#" class="pro-name">轮毂轴承单元</a>
							<p class="oe-num">OE:168 350 03 35</p>
							<span class="pro-price">200元</span>
						</li>
						<li>
							<a href="#" class="pro-pic"><img src="/static/images/product.jpg"></a>
							<a href="#" class="pro-name">轮毂轴承单元</a>
							<p class="oe-num">OE:168 350 03 35</p>
							<span class="pro-price">200元</span>
						</li>
						<li>
							<a href="#" class="pro-pic"><img src="/static/images/product.jpg"></a>
							<a href="#" class="pro-name">轮毂轴承单元</a>
							<p class="oe-num">OE:168 350 03 35</p>
							<span class="pro-price">200元</span>
						</li>
						<li>
							<a href="#" class="pro-pic"><img src="/static/images/product.jpg"></a>
							<a href="#" class="pro-name">轮毂轴承单元</a>
							<p class="oe-num">OE:168 350 03 35</p>
							<span class="pro-price">200元</span>
						</li>
						<li>
							<a href="#" class="pro-pic"><img src="/static/images/product.jpg"></a>
							<a href="#" class="pro-name">轮毂轴承单元</a>
							<p class="oe-num">OE:168 350 03 35</p>
							<span class="pro-price">200元</span>
						</li>
					</ul>
			</div>
		</div>
		<!-- 底部广告 -->
		<div class="ad-bottom"><script type="text/javascript">CallYpAd(210, 0);</script></div>
	</div>
</div>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footAll.php');?>
<script type='text/javascript'>
$(document).ready(function(){
	//banner 轮播图
    $("#slider").imgSilder({
		s_width:'100%', //容器宽度
		s_height:'100%', //容器高度
		is_showTit:false, // 是否显示图片标题 false :不显示，true :显示
		s_times:2000,//设置滚动时间
		mouseEvent:'click',
		changeType:1,//1渐变轮播  0上下轮播
		btnBox:"silder_page", //按钮的容器,
		btnCurClassName:'Current-selection', //选中按钮的className,
		speed:600
	});
	$('.i-empy').mouseover(function(){
		$(this).find('a').addClass('Current-nav');
		var type = $(this).find('[part]').attr('part');
		var order = $(this).find('[order]').attr('order');
		INDEXPART.show(this,type,order);
	}).mouseleave(function(){
		$(this).find('a').removeClass('Current-nav');
		$('.part-list').hide();
	});
});
</script>