<?php 
/*
Template Name: 产品列表
Author: 畔游科技  
Version: 1.0  
*/
get_header(); ?>
		<div class="pg-banner">
		<picture>
				<source srcset="<?php echo of_get_option( 'mb_404_slide_src'); ?>" media="(max-width:768px)" alt="<?php the_title(); ?>">
				<img src="<?php echo of_get_option( '404_slide_src'); ?>">
			</picture>
		
		</div>
		<!-- ./banner -->
		<div class="container-width">
			<div class="cate-path">
				<img src="<?php bloginfo('template_url'); ?>/images/path-ico.jpg"> 您当前的位置：<a href="/">首页</a> <b>&gt;</b> <span><?php single_cat_title(); ?></span>
			</div>
		</div>
		<!-- ./path -->
		<!---------------- main ---------------->
		<div class="container-width clearfix">
			<div class="pg-peitao pd50">
				<ul class="clearfix">
					<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
						<li>
							<a href="<?php the_permalink(); ?>">
								<div class="pg-peitao-box">
									<div class="pg-peitao-box-pic">
										<?php if ( has_post_thumbnail() ) { ?>
											<img src="<?php echo wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'large')[0]; ?>" alt="<?php the_title(); ?>">
										<?php } else {?>
											<img src="<?php bloginfo('template_url'); ?>/images/news/news-p1.jpg" alt="<?php the_title(); ?>">
										<?php } ?>
									</div>
									<div class=" clearfix">
										<div class="pg-peitao-box-content">
											<h3><?php the_title(); ?></h3>
											<p><?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 200, '……'); ?></p>
											<i class="iconfont">&#xe605;</i>
										</div>
										<!-- ./ -->
									</div>
								</div>
							</a>
						</li>
					<?php endwhile; endif; ?>
				</ul>
			</div>
			<!-- ./ -->
		</div>

		<!---------------- main ---------------->

<?php get_footer(); ?>