模板文件不存在: ./template/pc/meta.htm

<header class="pf transition">
  <section class="wrapper mauto flexJb flexAc">
    <div class="flexCenter logo"><a href="/" title="Vine Connected Corporation"  class="flexCenter"><img src="https://vine-web.oss-cn-shenzhen.aliyuncs.com/uploads/allimg/20230525/1-23052515522T10.png" alt="Logo"></a></div>
    <div class="m-navbth"> <a href="javascript:void(0)"><span class="menu_top"></span> <span class="menu_mid"></span> <span class="menu_bot"></span></a> </div>
    <nav class="flexCenter showPc">
      <ul class="flex">
        <li class="flexAc "><a href="/" title="Home" class="pz nav-link">Home</a></li>
                  <li class="pz flexAc "><a href="/professional/oem/" class="pz nav-link"  title="Professional">Professional</a>
            <dl class="pa">
                            <dd><a href="/professional/oem/" title='OEM'>OEM</a></dd>
                            <dd><a href="/professional/odm/" title='ODM'>ODM</a></dd>
                          </dl>
          </li>
                    <li class=" flexAc " style="position:static!important;"> <a href="/products/" class="pz nav-link"  title="Products">Products</a>
          <div class="pa productsSons">
            <div class="wrapper flexWrap">
                           <div class="products-item"> 
                <a href="/products/227.html" alt="Wi-Fi Thermostat – Model ST300" class="db"> 
                  <span class="ov db scaleImg"><img src="https://vine-web.oss-cn-shenzhen.aliyuncs.com/uploads/allimg/20231208/11-23120Q00H4196.png"  alt="Wi-Fi Thermostat – Model ST300" class="db"></span>
                  <p class="b">ST300</p>
                </a>
              </div>
                            <div class="products-item"> 
                <a href="/products/228.html" alt="Wi-Fi Thermostat – Model TJ-919T" class="db"> 
                  <span class="ov db scaleImg"><img src="https://vine-web.oss-cn-shenzhen.aliyuncs.com/uploads/allimg/20240109/1-240109111224E7.png"  alt="Wi-Fi Thermostat – Model TJ-919T" class="db"></span>
                  <p class="b">TJ-919T</p>
                </a>
              </div>
                            <div class="products-item"> 
                <a href="/products/10.html" alt="Wi-Fi Thermostat – Model TJ-560" class="db"> 
                  <span class="ov db scaleImg"><img src="https://vine-web.oss-cn-shenzhen.aliyuncs.com/uploads/allimg/20230527/1-23052G03330394.png"  alt="Wi-Fi Thermostat – Model TJ-560" class="db"></span>
                  <p class="b">TJ-560</p>
                </a>
              </div>
                            <div class="products-item"> 
                <a href="/products/11.html" alt="Wi-Fi Thermostat – Model TJ-550" class="db"> 
                  <span class="ov db scaleImg"><img src="https://vine-web.oss-cn-shenzhen.aliyuncs.com/uploads/allimg/20230527/1-23052G04010c1.png"  alt="Wi-Fi Thermostat – Model TJ-550" class="db"></span>
                  <p class="b">TJ-550</p>
                </a>
              </div>
                            <div class="products-item"> 
                <a href="/products/9.html" alt="Wi-Fi Thermostat – Model TJ-919E" class="db"> 
                  <span class="ov db scaleImg"><img src="https://vine-web.oss-cn-shenzhen.aliyuncs.com/uploads/allimg/20230527/1-23052G10413329.png"  alt="Wi-Fi Thermostat – Model TJ-919E" class="db"></span>
                  <p class="b">TJ-919</p>
                </a>
              </div>
                            <div class="products-item"> 
                <a href="/products/7.html" alt="Wi-Fi Thermostat – Model TJ-610E" class="db"> 
                  <span class="ov db scaleImg"><img src="https://vine-web.oss-cn-shenzhen.aliyuncs.com/uploads/allimg/20230527/1-23052G6012GH.png"  alt="Wi-Fi Thermostat – Model TJ-610E" class="db"></span>
                  <p class="b">TJ-610</p>
                </a>
              </div>
                          </div>
          </div>
        </li>
                       <li class="pz flexAc "><a href="/contacts/" class="pz nav-link"  title="Contact">Contact</a></li>           
                     <li class="pz flexAc "><a href="/support/" class="pz nav-link"  title="Support">Support</a>
            <dl class="pa">
                            <dd><a href="/support/thermostat/" title='Thermostat compatibility'>Thermostat compatibility</a></dd>
                            <dd><a href="/support/product-installation/" title='Product installation'>Product installation</a></dd>
                            <dd><a href="/support/helps/" title='Help center'>Help center</a></dd>
                          </dl>
          </li>
                    <li class="pz flexAc "><a href="/abouts/" class="pz nav-link"  title="About Us">About Us</a>
            <dl class="pa">
                            <dd><a href="/abouts/News/" title='News'>News</a></dd>
                          </dl>
          </li>
                </ul>
       <div class="search_c pz">            <form name="form2"  class="search_form"  method="get" action="/search.html">
            <button type="submit" class="search_btn"><span class="fa fa-search"></span></button>
             <input type="text"  name="keywords" id="keywords" class="search_ip" placeholder="Search">
                <input type="hidden" name="channelid" id="channelid" value="9" />             </form>
           
       </div>
       <div class="sing_up pz"><a href="javascript:void(0)" onclick="dl()">Sign In</a></div>
    </nav>
  </section>
  <div class="nav_box">
      <div class="nav_search pz">         <form name="form2"  class="search_form"  method="get" action="/search.html">
           <button type="submit" class="search_sbtn"><span class="fa fa-search"></span></button>
          <input type="text"  name="keywords" id="keywords" class="search_ip" placeholder="Search">
          <input type="hidden" name="channelid" id="channelid" value="32" />        </form>
         </div>
      <div class="head-nav">         <div class="nav_item">           <h3 class="title"><a href="/professional/oem/" style="display:block; width:100%">Professional</a><span class="fa fa-angle-down jtt"></span></h3>
          <div class="link-list">  <a href="/professional/oem/">OEM</a>  <a href="/professional/odm/">ODM</a>  </div>
           </div>
                <div class="nav_item">           <h3 class="title"><a href="/products/" style="display:block; width:100%">Products</a></h3>
           </div>
                <div class="nav_item">           <h3 class="title"><a href="/contacts/" style="display:block; width:100%">Contact</a></h3>
           </div>
                <div class="nav_item">           <h3 class="title"><a href="/support/" style="display:block; width:100%">Support</a><span class="fa fa-angle-down jtt"></span></h3>
          <div class="link-list">  <a href="/support/thermostat/">Thermostat compatibility</a>  <a href="/support/product-installation/">Product installation</a>  <a href="/support/helps/">Help center</a>  </div>
           </div>
                <div class="nav_item">           <h3 class="title"><a href="/abouts/" style="display:block; width:100%">About Us</a><span class="fa fa-angle-down jtt"></span></h3>
          <div class="link-list">  <a href="/abouts/News/">News</a>  </div>
           </div>
         </div>
        <div class="ksing_up pz"><h3 class="title"><a href="javascript:void(0)" onclick="dl()">Sign In</a></h3></div> 
    </div>
</header>


<section class="indexbanner">
  <div class="swiper-container">
    <div class="swiper-wrapper">
       
    </div>
    <div class="swiper-pagination"></div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
</section>
<!-- Initialize Swiper -->
<script>
    var swiper = new Swiper('.indexbanner .swiper-container', {
	  speed:600,
	  loop: true,
	  autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
	   pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
</script>

<div class="pz wrapper otherMain">
	   
    
      <section class="ov bz transition wrapper guestbook">
          <h2 class="flexAc typename">选择参数</h2>
        <script type="text/javascript" src="/public/plugins/layer-v3.1.0/layer.js?t=1681622293"></script>          <form name='theForm' id="theForm" method="post" autocomplete="off">
          <ul class="list1">
              <li class="flex">
                  <h2 class="flexAc title">流量</h2>
                  <input type="text" required name="t1" maxlength="100" class="bz input">
                  <h2 class="flexAc unit">m3/h</h2>
              </li>
              <li class="flex">
                  <h2 class="flexAc title">扬程m</h2>
                  <input type="text" required name="t2" maxlength="100" class="bz input">
                <h2 class="flexAc unit">m</h2>
              </li>
              <li class="flex">
                  <h2 class="flexAc title">工作介质</h2>
                  <input type="text" required name="t3" maxlength="100" class="bz input">
              </li>
              <li class="flex">
                  <h2 class="flexAc title">环境温度</h2>
                  <input type="text" required name="t4" maxlength="100" class="bz input">
                <h2 class="flexAc unit">℃</h2>
              </li>
              <li class="flex">
                  <h2 class="flexAc title">供电电压</h2>
                  <input type="text" required name="t5" maxlength="100" class="bz input">
                <h2 class="flexAc unit">V</h2>
              </li>
              <li class="flex">
                  <h2 class="flexAc title">是否需要变频</h2>
                  <input type="text" required name="t6" maxlength="100" class="bz input">
              </li>
              <li class="flex">
                  <h2 class="flexAc title">耐压</h2>
                  <input type="text" required name="t7" maxlength="100" class="bz input">
                <h2 class="flexAc unit">Mpa</h2>
              </li>
              <li class="flex">
                  <h2 class="flexAc title">噪声</h2>
                  <input type="text" required name="t8" maxlength="100" class="bz input">
                <h2 class="flexAc unit"></h2>
              </li>
              <li class="flex">
                  <h2 class="flexAc title">数量</h2>
                  <input type="text" required name="t9" maxlength="100" class="bz input">
              </li>
              <li class="flex">
                  <h2 class="flexAc title">应用场景</h2>
                  <input type="text" required name="t10" maxlength="100" class="bz input">
              </li>
          </ul>
          <h2 class="flexAc typename t2">您的信息</h2>
          <ul class="ov bz list2">
              <li class="flexJb">
                  <div class="flex l">
                      <h2 class="flexAc title">您的姓名</h2>
                      <input type="text" class="bz input" name="xm" maxlength="10">
                  </div>
                  <div class="flex r">
                      <h2 class="flexAc title">您的电话</h2>
                      <input type="text" class="bz input" name="dh" maxlength="20">
                  </div>
              </li>
              <li class="flex">
                <h2 class="flexAc title">您的需求</h2>
                <textarea placeholder="请输入所需要的的产品大体需求，我们会安排专人及时联系您" name="xq" class="bz textarea"></textarea>
              </li>
              <li class="flex">
                <h2 class="flexAc title">验证码</h2>
                <input type="text" name="vertify" maxlength="4" class="input"><img src="/api/Ajax/vertify/type/users_reg.html" id="imgVerifys" class="fl yanzhengma"
                    onclick="fleshVerify();" style="height: 50px; margin-left: 15px;" />
              </li>
              <li class="flexCenter">
                  <button type="button" class="flexCenter submit" onclick="checkGb()">提交</button>
              </li>
          </ul>
          </form>
      </section>

</div>
<div class="cb"></div>
<script type="text/javascript">
    function fleshVerify(){
        var src = "/api/Ajax/vertify/type/users_reg.html";
        if (src.indexOf('?') > -1) {
            src += '&';
        } else {
            src += '?';
        }
        src += 'r='+ Math.floor(Math.random()*100);
        $('#imgVerifys').attr('src', src);
    }

    function checkGb(){
        var dh = $('#theForm input[name=dh]');
        var vertify = $('#theForm input[name=vertify]');
        if(dh.val() == ''){
            layer.msg('电话号码不能为空！', {time: 1500});
            dh.focus();
            return false;
        }
		
        if(vertify.val() == ''){
            layer.msg('验证码不能为空！', {time: 1500});
            vertify.focus();
            return false;
        }

        //layer_loading('正在处理');
        $.ajax({
            // async:false,
            url: "/home/guestbook/add2.html",
            data: $('#theForm').serialize(),
            type:'post',
            dataType:'json',
            success:function(response){
                layer.closeAll();
                var res = response.data;
				console.log(res);
                if(res.status == 0){
                    layer.msg(response.msg, {time: 1500}, function(){
                        window.location = response.url;
                    });
                } else if ('vertify' == res.status) {
                    fleshVerify();
                    layer.msg(response.msg, {time: 2000});
                }else if(res.status == 1){
                    layer.msg(response.msg, {time: 2000});
                }else if(res.status == 2){
                    layer.msg(response.msg, {time: 1500}, function(){
                        window.location.reload();
                    });
                }else if(res.status == 3){
                    layer.msg(response.msg, {time: 1500}, function(){
                        window.location = response.url;
                    });
                }else{
                    fleshVerify();
                    layer.msg(response.msg, {time: 2000});
                }
            },
            error : function() {
                layer.closeAll();
                fleshVerify();
                layer.alert('网络失败，请刷新页面后重试', {icon: 5});
            }
        });
    };
	
	</script>


<section class="index-three" id="why">
    <div class="wrapper">
          <div class="indexcate_tit textCenter">Why Vine</div>
            <div class="td-list flexJb">
           <div class="td-item">
      <div class="td-item-icon flexJb">
         <div class="icon-img"><img src="https://vine-web.oss-cn-shenzhen.aliyuncs.com/uploads/allimg/20230527/1-23052GI631b3.png"  alt="Planet Positive" class="db"></div>
         <div class="icon-lv"></div>
      </div>
      <div class="td-item-tit">Planet Positive</div>
      <div class="td-item-con">Our technologies improve the way people consume energy to create a more sustainable future.</div>
    </div>
        <div class="td-item">
      <div class="td-item-icon flexJb">
         <div class="icon-img"><img src="https://vine-web.oss-cn-shenzhen.aliyuncs.com/uploads/allimg/20230527/1-23052GIA0957.png"  alt="Unforgettable Care" class="db"></div>
         <div class="icon-lv"></div>
      </div>
      <div class="td-item-tit">Unforgettable Care</div>
      <div class="td-item-con">We're here to help when you need it, and provide human support that exceeds expectations.</div>
    </div>
        <div class="td-item">
      <div class="td-item-icon flexJb">
         <div class="icon-img"><img src="https://vine-web.oss-cn-shenzhen.aliyuncs.com/uploads/allimg/20230527/1-23052GIF4N9.png"  alt="Seamless Experiences" class="db"></div>
         <div class="icon-lv"></div>
      </div>
      <div class="td-item-tit">Seamless Experiences</div>
      <div class="td-item-con">We provide hassle-free solutions that can be used alone or in conjunction with other smart home systems.</div>
    </div>
        <div class="td-item">
      <div class="td-item-icon flexJb">
         <div class="icon-img"><img src="https://vine-web.oss-cn-shenzhen.aliyuncs.com/uploads/allimg/20230527/1-23052GIGV60.png"  alt="Welcome Visitors" class="db"></div>
         <div class="icon-lv"></div>
      </div>
      <div class="td-item-tit">Welcome Visitors</div>
      <div class="td-item-con">We consider ourselves guests in your home, so we don't sell or misuse your data.</div>
    </div>
      </div>
    </div>
</section>
<footer>
<div class="wrapper">
   <div class="foot-list-nav flexWrap">
    <div class="foot-nav">
      <div class="foot_nav_tit">Vine Connected Corporation</div>
      <div class="foot_nav_list">
         <a href="/abouts/" target="_blank">About Us</a> Vine Smart Home<br/>Open Monday-Friday 8AM-5PM      </div>
    </div>
    <div class="foot-nav">
      <div class="foot_nav_tit">Contact Info</div>
      <div class="foot_contact">
         info@vineconnected.com<br/>
         1-800-264-3457 ext. 801 or 803 (9am-5pm PST) <br/>San Leandro, California, USA      </div>
    </div>
    <div class="foot-social">
      <div class="foot_nav_tit">We're Social!</div>
      <div class="foot_icon flexJb">
         <a href="https://www.facebook.com/VineSmartHome" class="i-facebook" target="_blank"></a> <a href="https://www.linkedin.com/company/vine-connected/mycompany/" class="i-twitter" target="_blank"></a> <a href="https://www.instagram.com/vinesmarthome/" class="i-instagram" target="_blank"></a> <a href="https://www.youtube.com/@vinesmarthome1053" class="i-youtube" target="_blank"></a>
      </div>
      <div class="foot-logo">
         <a  class="ft-logo" href="/" title="Vine Connected Corporation"  ><img src="https://vine-web.oss-cn-shenzhen.aliyuncs.com/uploads/allimg/20230525/1-23052515522T10.png"></a>
      </div>
    </div>
  </div>
  <div class="foot_copy">
          </div>
	
	
	
<!--
	<div class="right_qr_code">
		<div class="one_code">
			<img src="/template/pc/skin/images/app1.jpg">
			<div class="qr_code_font">Download<br>Vine Thermostat App</div>			
		</div>
		<div class="one_code">
			<img src="/template/pc/skin/images/app2.jpg">
			<div class="qr_code_font">Download<br>Vine Control App</div>			
		</div>
	
	</div>
-->
	
	
  </div>
	
</footer>



<div id="leo-side-contact-form"> <span class="closeBtn"></span>
  <h3 class="form-title">Contact Us</h3>
  <form name='contact-form' id="contact-form" method="post">
   <div class="flexJb">
      <div class="form-line">
         <input type="text" name="Name" value="" size="40" class="form-control" placeholder="Enter your name *" />
      </div>
      <div class="form-line">
         <input type="text" name="Email" value="" size="40" class="form-control" placeholder="Enter your email *" />
      </div>
       <div class="form-line">
         <input type="text" name="tel" value="" size="40" class="form-control" placeholder="Enter your phone *"/>
      </div>
      <div class="form-line">
        <input type="text" name="company" value="" size="40" class="form-control"  placeholder="Company Name" />
       </div>
     </div>  
    <div class="form-wline">
      <input type="text" name="website" value="" size="40"  placeholder="Website"   class="form-control" />
    </div>
    <div class="form-wline">
      <textarea name="message" cols="40" rows="4" class="form-control" placeholder="Message*"></textarea>
    </div>
	  <div id="upimgload_right">
				
				<input type="hidden" id="userupimg_right" name="userupimg" value="">
				
				<div class="message-item-1-right" id="upimgload1_right">
				
					<input type="file" id="upimg_right" name="upload" value="" accept="image/png,image/jpeg"  />
				
				</div>
				
			
			</div>
    <div class="form-wline">
      <input type="hidden" name="gourl" value="http://www.vineconnected.com/other/Message/">
      <input type="button" value="Send Message" class="sbth_b" onclick="checkGb2()">
    </div>
  </form>
</div>
<div id="side-form-button">
      <div class="ode-scope-text-us">Text us</div>
      <div class="ode-scope-text-top">
         <div class="ode-scope-text-htop flexWrap" id="text-us">
            <div class="ode-scope-text-img"></div> 
            <div class="ode-scope-text-title">Hi there, have a question? Text us here.</div> 
         </div>   
      </div>
</div>


<div class="msing_up"><a href="/contacts/">Contact</a> </div>
<script>

	
$(document).ready(function(){
    if ($(window).width() > 1000) {
        
   
        var position1 = $('#side-form-button').offset();
    	console.log("Top: " + position1.top + ", Left: " + position1.left);
	
		$('.right_qr_code').css('top', position1.top+45);
    }
});


	
var closeBtn=document.querySelector("#leo-side-contact-form .closeBtn");
var sideBtn=document.getElementById("side-form-button");
var leoSideForm=document.getElementById("leo-side-contact-form");
sideBtn.addEventListener("click",toggleSideForm);
closeBtn.addEventListener("click",toggleSideForm);
function toggleSideForm(e){
   if(e.stopPropagation){
     e.stopPropagation()
	}else{
	e.cancelBubble=true
	}
	
	var leoSideFormClassList=leoSideForm.classList;
	if(leoSideFormClassList.contains("active"))
	 {
	  leoSideFormClassList.remove("active");
	  sideBtn.classList.remove("sactive");
	 }else if(!leoSideFormClassList.contains("active"))
	 {
	 leoSideFormClassList.add("active"); 
	  sideBtn.classList.add("sactive");
	 }
}
</script>
<a class="getTop" href="javascript: void(0);" style="display: block;"></a>
<script type="text/javascript" src="/template/pc/skin/js/global.js?t=1762940974"></script><!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XESH34MWK9"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XESH34MWK9');
</script>
</body>
</html> 
<script src="/template/pc/skin/js/common.js"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XESH34MWK9"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XESH34MWK9');
</script>
</body>
</html>