{include file="head"}
<div class="banner-sub" style="background-image: url({$site_ext_nbanner});"></div>

{include file="so"}
<div class="container">
  <div class="ct2 clearfix">
    <div class="ct2-sd">
      <div class="panel-sd lanmu">
        <div class="tit">{$topnav_name}</div>
        <div class="bd">
          <ul>
            {rg:nav pid="$topnav_id"}
            <li > <a href="{$nav.url}" {if $nav.iscurrent}style="background:#f7c433;color:white"{/if}>{$nav.name}</a>
              <div class="lanmu-box">
              {rg:nav pid="$nav['id']"}
                <p ><a href="{$nav.url}" {if $nav.iscurrent}style="color:#015cb5"{/if}>{$nav.name}</a></p>
               {/rg:nav}</div>
            </li>
            {/rg:nav}
          </ul>
        </div>
      </div>
      <div class="panel-sd">
    <div class="tit">{:lang("Contact us")}</div>
    <div class="bd">
      <div class="contact-sd">
        <div class="tel">
          <div class="img-center"><img src="{$tempdir}/skin/images/lx_tel.gif" alt=""></div>
          <strong>{$site_tel}</strong> </div>
        <p>{:lang("Fax")}：{$site_fax}</p>
        <p>{:lang("Email")}：{$site_email}</p>
        <p>{:lang("Mobile")}：{$site_mobile}</p>
        <p>{:lang("Address")}：{$site_address}</p>
      </div>
    </div>
  </div>
    </div>
    <div class="ct2-mn">
      <div class="position">{:lang("Location")}：{rg:location /}</div>
      <div class="yunu-showcase clearfix">
        <div class="pc-slide">
          <div class="view">
            <div class="swiper-container swiper-container-horizontal">
              <div class="swiper-wrapper"> {rg:imgs imgs="$info_imgs" default_src="$info_img"}
                <div class="swiper-slide img-center">
                  <div class="imgauto"><img src="{$imgs.src}" alt="" rel="{$imgs.src}" class="jqzoom"></div>
                </div>
                {/rg:imgs} </div>
            </div>
          </div>
          <div class="preview"> <a class="arrow-left" href="javascript:;"></a> <a class="arrow-right" href="javascript:;"></a>
            <div class="swiper-container swiper-container-horizontal">
              <div class="swiper-wrapper"> {rg:imgs imgs="$info_imgs" default_src="$info_img"}
                <div class="swiper-slide">
                  <div class="imgauto"><img src="{$imgs.src}"></div>
                </div>
               {/rg:imgs} </div>
            </div>
          </div>
        </div>
        <div class="yunu-showcase-info">
          <h1 class="protit">{$info_title}</h1>
          <p>{$info_desc}</p>
			<p>{:hook('favoritehook')}</p>
          <div class="tel"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin={$site_ext_qq}&amp;site=qq&amp;menu=yes" target="_blank" class="btn">{:lang('Query')}</a></div>
        </div>
      </div>
      <div class="cp-content-tit">{:lang('Description')}</div>
      <div class="content-body" id="maximg">{$info_content|raw}</div>
		<p>{:hook('mylikehook',['modelid'=>$info_cmsmodels_id,'cid'=>$info_id])}</p>
      <div style="padding-top: 10px;border-top: 1px dashed #ddd;margin-top: 10px;">{:lang('Keywords')}：{$info_keys}</div>
      <ul class="content-exp">
        <li><a href="{$prev.url}">{:lang('Prev')}：{$prev.title}</a></li>
        <li><a href="{$next.url}">{:lang('Next')}：{$next.title}</a></li>
      </ul>
      <br>
      <div class="cp-content-tit">{:lang('Query')}</div>
      <div class="yunu-message">
        <form id="myform1">
          <div class="hlbd clearfix">
            <div class="form-group">
              <label class="form-label"><span>*</span>{$site_alias == 'zh'?'你的姓名':'Name'}</label>
              <div class="form-content">
                <input type="text" name="name" id="name" class="form-control" placeholder="">
              </div>
            </div>
            <div class="form-group">
              <label class="form-label"><span>*</span>{$site_alias == 'zh'?'手机号码':'Mobile'}：</label>
              <div class="form-content">
                <input type="tel" name="mobile" id="tel" class="form-control" placeholder="">
              </div>
            </div>
            <div class="form-group">
              <label class="form-label"><span>*</span>{$site_alias == 'zh'?'电子邮箱':'Email'}：</label>
              <div class="form-content">
                <input type="email" name="email" id="email" class="form-control" placeholder="">
              </div>
            </div>
          </div>
          <div class="form-group">
            <label class="form-label"><span>*</span>{$site_alias == 'zh'?'留言内容':'Content'}：</label>
            <div class="form-content">
              <textarea class="form-control" name="content" id="yuanwang" rows="5" placeholder=""></textarea>
            </div>
          </div>
          {:token('__form__')}
          <input type="hidden" name="model" value="feedback" />
          <div class="form-group">
            <label class="form-label"></label>
            <div class="form-content">
              <button type="submit" class="form-submit">{:lang('Submit')}</button>
              <button type="reset" class="form-button" style="margin-left: 20px;">{:lang('Reset')}</button>
            </div>
          </div>
        </form>
      </div>
      <br>
      <div class="cp-content-tit">{:lang('Related')}<small>/ PRODUCTS</small></div>
      <ul class="list-6 clearfix">
        {rg:list model="product" nid="$nav_id" limit="4"}
        <li><a href="{$list.url}"  title="{$list.title}">
          <div class="img-cover"><span style="background-image: url({$list.img});"></span></div>
          <div class="text">
            <h4>{$list.title}</h4>
          </div>
          </a> </li>
        {/rg:list}
      </ul>
    </div>
  </div>
</div>
{include file="footer"}
<script src="{$tempdir}/skin/js/jquery.imagezoom.min.js"></script> 
<script>
    if ($(window).width() > 767) {
        $('.jqzoom').imagezoom();
    }

    $('.preview .swiper-slide').eq(0).addClass('active-nav');

    var viewSwiper = new Swiper('.view .swiper-container', {
        on: {
            slideChangeTransitionStart: function() {
                updateNavPosition()
            }
        }
    });
    $('.view .arrow-left,.preview .arrow-left').on('click', function(e) {
        e.preventDefault();
        if (viewSwiper.activeIndex === 0) {
            viewSwiper.slideTo(viewSwiper.slides.length - 1, 1000);
            return
        }
        viewSwiper.slidePrev();
    });
    $('.view .arrow-right,.preview .arrow-right').on('click', function(e) {
        e.preventDefault();
        if (viewSwiper.activeIndex === viewSwiper.slides.length - 1) {
            viewSwiper.slideTo(0, 1000);
            return
        }
        viewSwiper.slideNext();
    });
    var previewSwiper = new Swiper('.preview .swiper-container', {
        //visibilityFullFit: true,
        slidesPerView: 3,
        allowTouchMove: false,
        spaceBetween: 5,
        on: {
            tap: function() {
                viewSwiper.slideTo(previewSwiper.clickedIndex)
            }
        }
    });
    function updateNavPosition() {
        $('.preview .active-nav').removeClass('active-nav');
        var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav');
        if (!activeNav.hasClass('swiper-slide-visible')) {
            if (activeNav.index() > previewSwiper.activeIndex) {
                var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1;
                previewSwiper.slideTo(activeNav.index() - thumbsPerNav);
            } else {
                previewSwiper.slideTo(activeNav.index());
            }
        }
    }
</script>
<script type="text/javascript">
$(".form-submit").click(function(){
  $.ajax({
    type: "POST",
    dataType: "json",
    url: "{$url_form}" ,//url
    data: $('#myform1').serialize(),
    success: function (result) {
        if (result.code == '0') {
            alert("{:lang('Submission Failed')}");
        } else {
          alert("{:lang('Submitted successfully')}");
          // window.location.href='/';
          window.location.reload();
        }
    },
    error : function() {
        alert("网络异常！");
    }
  });
  return false;
});
</script>
</body>
</html>