<?php /*Template Name: 公司资质*/
get_header(); ?>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/muban18/flexslider.css" />
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/zoomify.min.css">
<div class="page-banner">
	<picture>
        <source srcset="<?php echo of_get_option( 'm_banner_gszz'); ?>" media="(max-width:768px)" alt="公司资质">
        <img src="<?php echo of_get_option('banner_gszz'); ?>" alt="公司资质">
    </picture>
</div>
<style>
    .page-title p {color: #999999;}
    .pg-news-title {display: none;margin: 0;}
    .pg-news-title ul li {margin-bottom: 0;width: auto;}
    @media (max-width: 1560px) {.pg-news-title {display: block;}}
</style>
<div class="page-path">
    <div class="path-box container-width">
        <img src="<?php bloginfo('template_url'); ?>/images/home-ico.png" alt="首页"> 您当前的位置：<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="首页">首页</a> <b>»</b> <span>公司资质</span></div>
    </div>
</div>
<div class="quali-box">
    <ul class="quali-tab">
        <li class="quali-show"><a href="/qualification" title="公司资质">公司资质</a></li>
        <li><a href="/news" title="资讯中心">资讯中心</a></li>
        <li><a href="/contact-us" title="联系我们">联系我们</a></li>
    </ul>
    <div class="container-width">
        <div class="pg-news-title">
            <ul class="clearfix casesTit">
                <li><a href="/qualification" title="公司资质">公司资质</a></li>
                <li><a href="/news" title="资讯中心">资讯中心</a></li>
                <li><a href="/contact-us" title="联系我们">联系我们</a></li>
            </ul>
        </div>
    </div>
    <div class="quali quali-item">
        <div class="container-width">
            <div class="page-title">
                <h3>公司资质</h3>
                <p>为您提供优质的服务</p>
            </div>
            <ul class="clearfix">
            <?php $posts = get_posts('cat=6&showposts=-1&order=DESC&orderby=date');if ($posts) : foreach( $posts as $post ) : setup_postdata( $post ); {?>
                <li>
                    <div class="quali-img">
                        <?php if ( has_post_thumbnail() ) { ?>
                            <img src="<?php echo wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'large')[0]; ?>" alt="<?php bloginfo('name'); ?>">
                        <?php } else {?>
                            <img src="<?php bloginfo('template_url'); ?>/images/zz-thum.png" alt="<?php bloginfo('name'); ?>">
                        <?php } ?>
                    </div>
                    <a href="javascript:;" title="<?php the_title(); ?>"><p><?php the_title(); ?></p></a>
                </li>
            <?php } endforeach; endif; wp_reset_query(); ?>	
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
	jQuery(function() {
		jQuery(".flexslider").flexslider({
			animation: "slide",
			slideshowSpeed: 4000, //展示时间间隔ms
			animationSpeed: 400, //滚动时间ms
			touch: true //是否支持触屏滑动
		});
  });
</script>
<script src="<?php bloginfo('template_url'); ?>/js/zoomify.min.js"></script>
<script type="text/javascript">
	jQuery('.quali ul li .quali-img img').zoomify();
</script>
<?php get_footer(); ?>