<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>{model.title}</title>

<meta name="keywords" content="{model.seo_keywords}" />

<meta name="description" content="{model.seo_description}" />

<link href="<%templateskin%>/style/bootstrap.min.css" rel="stylesheet">



<link href="<%templateskin%>/style/common.css" rel="stylesheet">

<script src="<%templateskin%>/script/WJDH_mobile.js"></script>

<script src="<%templateskin%>/script/common.js"></script>

<%diy("mhead")%>

</head>

<body>



<%template src="nav_ny.html"%>

<div id="page" class="goout">

  <div class="bar">

    <div class="goback"> </div>

    <div class="lcbody">

      <div class="lcitem top">

        <div class="rect top"> </div>

      </div>

      <div class="lcitem bottom">

        <div class="rect bottom"> </div>

      </div>

    </div>

  </div>

  <div id="main">

    <%template src="header.html"%>

    <div class="container">

      <div class="page-content wow fadeInUp">

        <div class="page-title text-center">

          <h3>

		   <%set DataTable pro=get_category_info({catid})%>

			  <%loop dr pro%>

			  {dr[catname]}

			  <%/loop%>

		  </h3>

        </div>

        {model.content}

        <!-- 以上是内容  -->

      </div>

      <div class="wjdh-title text-center wow fadeInUp">

        <h3> 在线留言</h3>

        <span>Related to recommend</span> </div>

      <div class="product-message">

        <ul>

          <li class="wow fadeInUp">

            <svg class="icon icon-tel">

              <use xlink:href="<%templateskin%>/img/n/svg.svg#icon-user"> </use>

            </svg>

            <input type="text" placeholder="姓名" class="form-control" id="msgName" name="msgName">

          </li>

          <li class="wow fadeInUp">

            <svg class="icon icon-tel">

              <use xlink:href="<%templateskin%>/img/n/svg.svg#icon-phone"> </use>

            </svg>

            <input type="text" placeholder="电话" class="form-control" id="msgTel" name="msgTel">

          </li>

          <li class="wow fadeInUp">

            <svg class="icon icon-tel">

              <use xlink:href="<%templateskin%>/img/n/svg.svg#icon-email"> </use>

            </svg>

            <input type="text" placeholder="邮箱" class="form-control" id="msgemail" name="msgemail">

          </li>

          <li class="wow fadeInUp">

            <svg class="icon icon-tel">

              <use xlink:href="<%templateskin%>/img/n/svg.svg#icon-message"> </use>

            </svg>

            <textarea class="form-control" rows="3" placeholder="留言内容" id="msgContext" name="msgContext"></textarea>

          </li>

          <li class="wow fadeInUp">

            <button type="button" class="btn btn-tj" onClick="commSubmitmsg()"> 提交</button>

          </li>

        </ul>

      </div>

      <div class="wjdh-title text-center wow fadeInUp">

	  	 <%set DataTable jianzheng=get_category_info(60)%>

        <%loop drjz jianzheng%>

			<h3>{drjz[catname]}</h3>

        	<span>{drjz[enname]}</span>

        <%/loop%>

         </div>

      <div class="pic-list">

        <ul>

          <%set DataTable ganyan=get_content_list(60,3)%>

          <%foreach(DataRow dr in ganyan.Rows)%>

          <li class="wow fadeInUp"><a href="<%linkurl(0,{dr[catid]},{dr[id]})%>" title="{dr[title]}" class="go">

            <div class="img"> <img src="{dr[thumb]}" title="{dr[title]}" alt="{dr[title]}"> </div>

            <div class="info">

              <h5> {dr[title]}</h5>

              <p>

                <%cutstring({dr[zhaiyao]},55)%>

              </p>

            </div>

            </a></li>

          <%/foreach%>

        </ul>

      </div>

    </div>

  </div>

  <%template src="footer.html"%>

</div>

<script type="text/javascript">        

function commSubmitmsg() {

            var msgContext = $('#msgContext').val();

            var msgName = $('#msgName').val();

            var msgTel = $('#msgTel').val();

            var msgqq = "";

            var msgemail = $('#msgemail').val(); ;

            var msgtitle = "";

            if (msgName == "") {

                $("#msgName").focus();

                return false;

            }

            if (msgTel == "") {

                $("#msgTel").focus();

                return false;

            }

            if (msgContext == "") {

                $("#msgContext").focus();

                return false;

            }

            $.post("/api/message.ashx?action=add", {

                "kcontent": msgContext,

                "kuser": msgName,

                "kphone": msgTel,

                "kqq": msgqq,

                "kemail": msgemail,

                "ktitle": msgtitle

            }, function (d) {

                if (d == "1") {

                    alert("提交成功");

                    $('#msgContext').val("");

                    $('#msgName').val("");

					$('#msgemail').val("");

                    $('#msgTel').val("");

                    wjdhClose();

                } else {

                    alert("提交失败:");

                }

            });

        }      

</script>

</body>

</html>

