<?php
/** 
 *  默认分类页面，-- 产品分类页面
 */ 

?>
	<!-- / 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_news_line">
		<div class="container">
			<div class="row no-gutters clearfix">
				<div class="single-sidebar order-xl-first d-lg-block d-none sidebar-right mr-lg-4  ">
					<!-- / star single_bar_line -->
<?php get_template_part("TempParts/Main/Sidebar/sidebar"); ?>
					<!-- / end single_bar_line -->
				</div>
				<div class="news-line col pb-4 ml-xl-2">
					<ul class="news-box news-box-1 archive-news row">
<?php while ( have_posts() ) : the_post(); ?>
<?php get_template_part("TempParts/Main/item-Template/item-news-1"); ?>
<?php endwhile; wp_reset_query(); ?>
					</ul>
					<ul class="news—item-ul_1">
	<?php while ( have_posts() ) : the_post(); ?>
	<?php //get_template_part("TempParts/Main/item-Template/item-news"); ?>
	<?php endwhile; wp_reset_query(); ?>
					</ul>
					<div class="page-bar page_bar_1 pt-3 pb-3">
						<div class="pages-row row">
							<?php echo heku_mypage(); ?>
						</div>
					</div>
				</div>
			</div>
		</div>	
	</div>
	<!-- / end #archive_project_line -->
<style>

/* ----------------------------------------------------
    06) start #archive_news_line   #archive_news_line 新闻分类  模板：archive-news 文件：archive-news.php
-------------------------------------------------------*/

.news-box-1 .news-item-box{border:1px solid #f6f6f8;border-bottom:0px;position:relative;background-color:#fff;box-shadow:0 3px 40px rgba(36,36,36,.1);float:left;margin-bottom:30px;border-radius:8px;overflow:hidden;transition:.3s ease;position:relative;}
.news-box-1 .news-item-box .news-img{width:100%;height:auto;aspect-ratio:3/2;overflow:hidden;}

.news-box-1 .news-item-box .news-img img{width:100%;}
.news-box-1 .news-item-box .news-content{padding:15px 14px 12px 18px;}
.news-box-1 .news-item-box .news-content .t{line-height:78px;height:78px;overflow:hidden;}
.news-box-1 .news-item-box .news-content .t span{font-size:18px;line-height:26px;display:inline-block;vertical-align:middle;}
.news-box-1 .news-item-box .news-content .c{line-height:72px;height:72px;overflow:hidden;}
.news-box-1 .news-item-box .news-content .c span{font-size:12px;line-height:18px;color:#939393;display:inline-block;vertical-align:middle;font-weight:lighter;}
.news-box-1 .news-item-box .news-readmore{font-size:14px;}
.news-box-1 .news-item-box .news-time{font-size:14px;}
.news-box-1 .news-item-box .news-readmore .icon{font-size:10px;}
.news-box-1 .news-item-box .li-line{width:0;height:3px;background:var(--color_eye);position:absolute;left:0;bottom:0;transition:all 0.5s ease;}
.news-box-1 .news-item-box:hover{box-shadow:1px 2px 15px 0px rgba(0,0,0,0.6);}
.news-box-1 .news-item-box:hover .news-content .t span{color:var(--color_subs);}
.news-box-1 .news-item-box:hover .news-content .c span{color:var(--color_eye);}
.news-box-1 .news-item-box:hover .li-line{width:100%;}

/* ----------------------------------------------------
    06) end #archive_news_line   #archive_news_line 新闻分类  模板：archive-news 文件：archive-news.php
-------------------------------------------------------*/


/* ----------------------------------------------------
	12) start #archive-news  新闻中心
------------------------------------------------------- */

.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;height: 15rem;}
.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;font-weight: bold;border: 0px solid #ffffff;background: rgb(35 91 184);}
.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>