{include file=comm/head.html}
<link rel="stylesheet" href="{pboot:sitetplpath}/static/css/share.min.css">
<script src="{pboot:sitetplpath}/static/js/jquery.share.min.js"></script>   
<link rel="stylesheet" href="{pboot:sitetplpath}/static/css/owl.carousel.css">
<script src="{pboot:sitetplpath}/static/js/qrcode.js"></script>
    <!--{* 前端配置 *}-->

    <!-- * 内页banner * -->
    <div class="page-banner">
            <img src="{pboot:sitetplpath}/static/picture/2.jpg" alt="产品展示">
        <div class="nybt">
        <h3>{sort:name}</h3>
		<h4>{sort:subname}</h4>
    </div>
</div>

    <!-- * 当前位置 * -->
    {include file=comm/position.html}

    <!-- * 主体部分 * -->
    <div class="page-wrap">
        <div class="container">
            <!-- * 左侧 * -->
            
            
            <!-- * 右侧 * -->
             <div class="page-wrap-right" style="width:100%;">
                <div class="xypg-right-content">
                        <!-- * 判断后台有没有录入多图 * -->
    	<!-- 产品详情页面 -->
          <div class="xypg-product-detail">
            <div class="page-product-detail-box clearfix">
             <div class="page-product-detail-effect">
            <div class="big-img easyzoom easyzoom--overlay"><a href="{content:ico}"><img src="{content:ico}" alt="{content:title}"></a></div>
			<div class="product-detail-slick">
                <div class="owl-carousel">
				{pboot:pics id={content:id} num=4}
                   <a class="slick-item active" href="[pics:src]" data-standard="[pics:src]">
                        <img src="[pics:src]" />
                    </a>
					{/pboot:pics}
					
                                    </div>
            </div>
        </div>
        <div class="page-product-detail-right">
            <h1>{content:title}</h1>
            <ul class="product-detail-item">
                <li>所属类目：{content:sortname}</li>
                
				
				<li style="color:#131313;font-size:20px;padding-top:20px;">产品简介：<br/><span>{content:description len=130}</span></li>
            </ul>
			<div class="dianz">
			<p class="p0"><img src="{pboot:sitetplpath}/static/image/350fcbf2962e8fd1bd505ccf95a98a4930b45198.png" /><span >邮箱：{pboot:companyemail}</span></p>
			<p class="p9"><img src="{pboot:sitetplpath}/static/image/350fcbf2962e8fd1bd505ccf95a98a4930b45198.png" /><span>电话：{pboot:companyphone}</span></p>
			</div>
			<div class="anniu">
			{pboot:sort scode=11}
			<p><a href="[sort:link]">立即询价</a></p>
			{/pboot:sort}
			{pboot:sort scode=5}
			<p><a href="[sort:link]">更多产品</a></p>
			{/pboot:sort}
			<p><a href="https://b2b.baidu.com/shop?name=%E5%BE%90%E5%B7%9E%E5%92%8C%E9%A3%8E%E6%99%BA%E8%83%BD%E7%A7%91%E6%8A%80%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&xzhid=64580864&iswapurl=0&tpath=index&pi=b2b.c.c_enter_shop...5767161557708061&category=%E5%8E%82%E5%AE%B6&fid=84672512%2C1747387098537&jid=8341551073821813&prod_type=92" target="_blank">爱采购店铺</a></p>
			</div>
            
<script>
    $(".anniu p").eq(0).addClass("cur");
                $(".anniu p").hover(function () {
                    $(this).addClass("cur").siblings().removeClass("cur");
                    var ind = $(this).index();
                    
                })
</script>
            
        </div>
    </div>

    <div class="product-detail-tab">
        <ul class="product-detail-tabli">
            <li style="font-size:18px;font-weight:bold;text-align:left;margin-left:10px;">产品详情</li>
                 
        </ul>

        <div class="product-detail-tabbox">
            <div class="product-detail-tabcon">
                {content:content}
            </div>
                    </div>
    </div>


    
    
   

    <div class="xypg-detail-pn">
        <div><b>上一篇：</b><a href="{content:prelink}">{content:pretitle}</a></div>
        <div><b>下一篇：</b><a href="{content:nextlink}">{content:nexttitle}</a></div>
    </div>

</div>

<script>
   function showQrcode(url, id) {
       var qrcode = new QRCode(document.getElementById(id), {
           width: 100, //设置宽高
           height: 100
       });
       qrcode.makeCode(url);
       $("#" + id).parent().show()
       $("#" + id).show()
   }

   function cancelQrcode(id) {
       $("#" + id).html('')
       $("#" + id).parent().css('display','none')
   }
</script>    
</div>
</div>
            
           
                    </div>
    </div>





<script src="{pboot:sitetplpath}/static/js/owl.carousel.js"></script>

<script src="{pboot:sitetplpath}/static/js/easyzoom.js"></script>
<script>
    $(function () {
        $(".product-detail-slick .owl-carousel").owlCarousel({
            margin: 10,
            dots:false,
            nav: true,
            loop: false,
            items: 4,
            navText: ['<i class="icon-font icon-left-arrow"></i>', '<i class="icon-font icon-right-arrow"></i>']
        });
        var $easyzoom = $('.easyzoom').easyZoom();
        var api1 = $easyzoom.filter('.page-product-detail-effect .big-img').data('easyZoom');
        $('.product-detail-slick .owl-item').on('click', 'a', function(e) {
            var $this = $(this);
            e.preventDefault();
            $this.addClass('active').parents('.owl-item').siblings().find('a').removeClass('active');
            // Use EasyZoom's `swap` method
            api1.swap($this.data('standard'), $this.attr('href'));
        });
    })
</script>

{include file=comm/foot.html}