fengyun
/
fengyun_website


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
							<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
<meta name="renderer" content="webkit">
<title>{content:title}-{pboot:sitetitle}</title>
<meta name="keywords" content="{content:keywords}">
<meta name="description" content="{content:description}">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/swiper.min.css">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/style.css">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/media.css">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/animate.min.css">
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.min.js"></script>
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/swiper.min.js"></script>
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/wow.min.js"></script>
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.countup.min.js"></script>
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/main.js"></script>
</head>
<body class="menu-bg">
{include file=head.html}
<!--内容-->
{pboot:sort scode={sort:tcode}}
<div id="bann" style="background-image: url([sort:pic]);">
  <div class="container">
    <div class="t1 wow fadeInUp" data-wow-delay="200ms">[sort:subname]<br>
    </div>
    <div class="t2 wow fadeInUp" data-wow-delay="300ms"> <span>[sort:def1]</span> </div>
  </div>
</div>
{/pboot:sort}
<div class="nav_pc hide wow fadeInLeft" id="nav" data-wow-delay="400ms">
  <div class="container"> <a class="home" href="{pboot:sitedomain}/"><img src="{pboot:sitedomain}/skin/images/home_ico.png" style="background-color: #0f6ab4;" alt=""></a>
    <div class="first">
      <h4>{sort:topname}</h4>
      <ul>
        {pboot:nav}
        <li><a href="[nav:link]">[nav:name]</a></li>
        {/pboot:nav}
      </ul>
    </div>
    <div class="second active">
      <h4> {sort:name} </h4>
      <ul>
        {pboot:nav num=50 parent={sort:tcode}}
        <li><a href="[nav:link]">[nav:name]</a></li>
        {/pboot:nav}
      </ul>
    </div>
  </div>
</div>
<div class="nav_phone hide container ">
  <p>{pboot:position}</p>
</div>
<div id="product_dt">
  <div class="container">
    <div class="product-detail">
      <div class="tops-box">
        <div class="banner wow fadeInUp" data-wow-delay="200ms">
          <div class="swiper-container swiper-pro">
            <div class="swiper-wrapper">
              {pboot:pics id={content:id} num=10}
              <div class="swiper-slide" style="background-image:url('[pics:src]');"> <img src="[pics:src]" alt=""> </div>
              {/pboot:pics}
            </div>
          </div>
          <div class="swiper-pagination swiper-pagination-pro"></div>
        </div>
        <div class="info-box">
          <div class="title-box">
            <p class="t1 wow fadeInUp" data-wow-delay="100ms">{content:title}</p>
          </div>
          <div class="desc wow fadeInUp" data-wow-delay="300ms">{content:content drophtml=1 dropblank=1 len=300 more='...'}</div>
          <div class="bottoms wow fadeInUp" data-wow-delay="400ms"> {pboot:sort scode=22}<a href="[sort:link]#message" class="query">产品咨询</a>{/pboot:sort} </div>
        </div>
      </div>
      <div class="pro-cont">
        <div class="pro-nav wow fadeInUp" data-wow-delay="500ms">
          <div class="item active" data-tab="1">产品介绍</div>
          <div class="item" data-tab="2">产品参数</div>
        </div>
        <div class="content wow fadeInUp maximg" data-wow-delay="300ms" id="cont01">
          {content:content}
        </div>
        <div class="content hide wow fadeInUp maximg" data-wow-delay="300ms" id="cont02">
          {content:ext_canshu}
        </div>
        <div class="content hide wow fadeInUp" data-wow-delay="300ms" id="cont03"><img src=""></div>
        <div class="content hide" id="cont04"> </div>
      </div>
    </div>
  </div>
</div>
{include file=foot.html}
<script>
    $('.nav_pc .first, .nav_pc .second').on('mouseenter mouseleave', function () {
        $(this).children('ul').stop().slideToggle()
    });

    function displaySubMenu(li) {
        var subMenu = li.getElementsByTagName("ul")[0]; subMenu.style.display = "block";
    }
    function hideSubMenu(li) {
        var subMenu = li.getElementsByTagName("ul")[0]; subMenu.style.display = "none";
    }

    var pro_banner= new Swiper('.swiper-container', {
        speed:1000,
        loop:true,
        autoplay: {
            delay: 5000,
            stopOnLastSlide: false,
            disableOnInteraction: false,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });

    $(".product-detail .pro-cont .pro-nav .item").click(function () {
        $(this).addClass("active").siblings(".item").removeClass("active");
        var tab=$(this).attr("data-tab");
        // console.log("tab="+tab);
        $(".product-detail .pro-cont .content").addClass("hide");
        $("#cont0"+tab).removeClass("hide");
    });
</script>
</body>
</html>