<?php require_once(dirname(__FILE__) . '/../include/config.inc.php');
$active = 102;?>
<!DOCTYPE html>
<html>
	<head>
		<?php echo GetDiyHeader(102);?>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />
		<meta name="renderer" content="webkit" />
		<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="author" content="design by www.jerei.com" />
		<link rel="shortcut icon" href="/en/static/image/favicon.ico" />
		<link href="/en/static/css/animate.min.css" rel="stylesheet" />
		<link href="/en/static/css/ui.css" rel="stylesheet" />
		<link href="/en/static/css/style.css" rel="stylesheet" />
		<link href="/en/static/css/responsive.css" rel="stylesheet" />
		<link href="/en/static/css/header.css" rel="stylesheet" />
		<link href="/en/static/css/animate.css" rel="stylesheet" />
		<link href="/en/static/css/animations.css" rel="stylesheet" />
		<!--[if lt IE 9]><script src="/en/static/js/H5shiv.js"></script><![endif]-->
		<!-- <script src="/en/static/js/sea.js" id="seajsnode"></script>
		<script src="/en/static/js/seajs.config.js" id="seajsConfig" domain="http://www.kuntye.com"></script> -->
		<style>
			/* .product_banner .con_tab ul:before {
					display: block;
			} */
		
			
			/* .product_banner .con_tab ul:before {
				top:135px;
			} */
			/* .product_banner .con_tab ul:before{

			} */
			
		</style>
	</head>
	<body>
		<?php require_once( 'common/header.php');?>
		<!-- banner -->
		<div class="common_banner product_banner">
				<img src="/<?php echo GetCatPic(102);?>" alt="" style="width:100%;"/>
			<div class="con_tab">
				<div class="wrap">
					<ul>
						<!-- <div class="dh"></div> -->
						<?php $count=0;
						$dosql->Execute("SELECT * FROM `#@__infoclass` WHERE parentid=102 AND checkinfo=true ORDER BY orderid ASC");
						while($procate = $dosql->GetArray()){$count++;?>
						<li class="<?php echo $count==1?'active':'';?>">
							<a href="/en/product_list-<?php echo $procate['id'];?>/">
								<p class="n"><?php echo str_pad($count,2,0,STR_PAD_LEFT);?></p>
								<p class="t"><?php echo $procate['classname'];?></p>
							</a>
						</li>
						<?php }?>
					</ul>
				</div>
			</div>
		</div>
		<!-- banner end -->
		<section class="channel_content product">
			<div class="pt1">
				<div class="wrap">
					<div class="con">
						<?php $dosql->Execute("SELECT * FROM `#@__infoclass` WHERE parentid=102 AND checkinfo=true ORDER BY orderid ASC");
						while($procate = $dosql->GetArray()){?>
						<div class="item fix  wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="0s">
							<div class="pic">
								<div class="rect-45 picWrap">
									<img src="/<?php echo $procate['picurl'];?>" class="active _full" alt="" />
								</div>
								<div class="tit">
									<p class="t"><?php echo $procate['classname'];?></p>
									<!-- <span class="arrow l_arrow"><i class="iconfont" data-code="xe646;">&#xe646;</i></span>
									<span class="arrow r_arrow"><i class="iconfont" data-code="xe60c;">&#xe60c;</i></span> -->
								</div>
							</div>
							<div class="info">
								<div class="c">
									<div class="en"><?php echo $procate['description'];?></div>
									<div class="ch"><?php echo $procate['classname'];?></div>
									<?php echo Info($procate['id']);?>
									<div class="d"></div>
									<a href="/en/product_list-<?php echo $procate['id'];?>/" style="display: block;">
										<div class="common-btn">
											View more
										</div>
									</a>
								</div>
							</div>
						</div>
						<?php }?>
					</div>
				</div>
			</div>
		</section>
		<?php require_once( 'common/footer.php');?>
		
		<script src="/en/static/js/jquery.min.js"></script>
		<script src="/en/static/js/header.js"></script>
		<script src="/en/static/js/wow.js"></script>
		<script>
			new WOW().init();
		</script>

		<script>
			$(".product_banner .con_tab").find("ul li").hover(function(){
				var index=$(this).index();
				console.log(index);
			
				var tops=20 + (index - 1 ) * 115+"px";
				$(this).parents("ul").find(".dh").css("top",tops);
				console.log($(this).parents("ul").find(".dh"));
			})
		</script>
	</body>
</html>

