<?php
/** 
 *  默认分类页面，-- 产品分类页面
 */ 
global $is_from_show;
$is_from_show = true;
?>
	<!-- / star heku_top  -->
<?php get_template_part( "TempParts/Main/TopMenu/top_menu"); ?>
<?php get_template_part( "TempParts/Main/TopBanner/top_banner"); ?>
	<!-- / end heku_top  -->

	<!-- / star single_bar_line -->
<?php get_template_part("TempParts/Main/Breadcrumb/breadcrumb"); ?>
	<!-- / end single_bar_line -->

	<!-- start #archive_project_line -->
	<div id="archive_project_line">
		<div class="container">
			<div class="row no-gutters clearfix">
				<div class="single-sidebar ">
					<!-- / star single_bar_line -->
<?php get_template_part("TempParts/Main/Sidebar/sidebar"); ?>
					<!-- / end single_bar_line -->
				</div>
				<div class="single-main col clearfix news-line ">
					<ul class="news—item-ul_1 no-gutters row">
						<!--  end heku-top-menu  -->
<?php while ( have_posts() ) : the_post(); ?>
<?php get_template_part("TempParts/Main/item-Template/item-product"); ?>
<?php endwhile; wp_reset_query(); ?>

						<!--  end heku-top-menu  -->
					</ul>
					<div class="page-bar py-4 page_bar_2 pt-3 pb-3">
						<div class="pages-row">
							<?php echo heku_mypage2(); ?>
						</div>
					</div>
				</div>
			</div>
		</div>	
	</div>
	<!-- / end #archive_project_line -->


	
<style>



.news—item-ul_1 .news-item{box-shadow: 0px 2px 5px rgba(0,0,0,0.26);background: #f7f7f7;border-radius: 8px;margin: 0px 0px 25px 0px;position: relative;}
.news—item-ul_1 .news-item .news-img{width: 100%;border-radius: 6px;overflow: hidden;}
.news—item-ul_1 .news-item .news-time{right: 10px;position: absolute;}
.news—item-ul_1 .news-item .news-tit a{font-size: 24px;color: #000000;line-height: 60px;height: 76px;overflow: hidden;font-weight: 600;letter-spacing: 1px;}
.news—item-ul_1 .news-item .news-tit a span{display: inline-block;vertical-align: middle;line-height: 38px;}
.news—item-ul_1 .news-item .news-summary span{color: #898b8e;}
.news—item-ul_1 .news-item .news-time-d{font-size: 50px;line-height: 50px;font-weight: bolder;}
.news—item-ul_1 .news-item:hover .news-tit a span{color: #235bb8;}
.news—item-ul_1 .news-item:hover .heku-btn{color: #ffffff;border: 0px solid #ffffff;background: rgb(35 91 184);}
.news—item-ul_1 .news-item .heku-btn .icon{font-size: 12px;}
.news—item-ul_1 .news-item:hover .news-time{color: #235bb8;}
.news—item-ul_1 .news-item .news-comt{padding-left: 40px;}
.news—item-ul_1 .news-item:hover{background: #ddd}


/* --- 1) 小于780尺寸   --- sm --- */
@media only screen and (max-width: 768px){
	.news-item .news-tit a{font-size: 18px;height: 64px;}
	.news-item .news-tit a span{line-height: 24px;color: #235bb8;}
	.news-item .news-summary span{font-size: 14px;}
	.news-item .news-comt{padding-left: 0px;}
}
/* --- 0) 手机  --- mobile --- */
@media (max-width: 576px){
	.news-item .news-tit a{font-size: 18px;height: 48px;}
	.news-item .news-tit a span{line-height: 24px;color: #235bb8;}
	.news-item .news-summary span{font-size: 14px;}
	.news-item .news-comt{padding-left: 0px;}
}
/* --- 2) 大于768px尺寸   --- md --- */
@media(min-width:768px){
	.news-item .news-tit a{font-size: 18px;height: 64px;}
	.news-item .news-tit a span{line-height: 32px;}
	.news-item .news-comt{padding-left: 30px;}
}
/* --- 3) 大于992px尺寸  --- lg --- */
@media(min-width:992px){
	.news-item .news-tit a{font-size: 20px;height: 64px;}
	.news-item .news-tit a span{line-height: 32px;}
	.news-item .news-comt{padding-left: 30px;}
}
/* --- 4) 大于1200尺寸时候使用  --- xl --- */
@media(min-width:1200px){
	.news-item .news-tit a{font-size: 24px;height: 76px;}
	.news-item .news-tit a span{line-height: 38px;}
	.news-item .news-comt{padding-left: 40px;}
}
/* ----------------------------------------------------
	30-40) end #archive  60-79分类  分类页样式 
------------------------------------------------------- */

</style>