gswz/SFHY/apply.html

255 lines
9.7 KiB
HTML
Raw Normal View History

2024-02-28 14:35:44 +08:00
<!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.0">
<meta name="applicable-device" content="pc,mobile">
<title>图像识别比对平台</title>
<meta name="description" content="图像识别比对平台,新生图像信息识别比对平台。">
<meta name="keywords" content="图像识别比对平台,新生图像信息识别比对平台。">
<link rel="stylesheet" href="static/css/iconfont.css">
<link rel="stylesheet" media="screen and (max-width:768px)" href="static/css/jquery.mmenu.all.css">
<link rel="stylesheet" href="static/css/animate.css">
<link rel="stylesheet" href="static/css/swiper.min.css">
<link rel="stylesheet" href="static/css/reset.css">
<link rel="stylesheet" href="static/css/public.css">
<link rel="stylesheet" href="static/css/apply.css">
<link rel="stylesheet" href="static/css/drawer.min.css">
<script src="static/js/vue.min.js"></script>
<script src="static/js/jquery-3.7.1.min.js"></script>
<script src="static/js/mobile.js"></script>
<script src="static/js/tongji.js"></script>
<script src="static/js/jquery.min.js"></script>
<script src="static/js/iscroll.js"></script>
<script src="static/js/jquery.drawer.min.js"></script>
<!--<script src="//s.union.360.cn/57239.js"></script>-->
</head>
<body>
<div id="app">
<!-- 头部导航 -->
<header class="hidden-xs" :class="{'headerShadow':headerCss}">
<div class="nav-wrap">
<div class="logo">
<a href="index.html"><img src="static/picture/logo1.png" alt=""></a>
</div>
<div class="nav-right">
<i class="iconfont icondianhua"></i>
<span>免费咨询:</span>
<p class="telNum">180-4353-0712</p>
<a class="tryout" href="" onclick="toApply(0)" target="_blank">免费试用</a>
</div>
</div>
</header>
<div class="header-blank"></div>
<header class="visible-xs" :class="{'mobileHeader':headerCss}" style="background-color: #fff;">
<div class="nav-wrap">
<a class="logo" href="index.html">
<img src="static/picture/logo.png" alt="" v-cloak="">
</a>
<div class="drawer drawer-right">
<div class="drawer-toggle drawer-hamberger"><span></span></div>
<div class="drawer-main drawer-default">
<nav class="drawer-nav" role="navigation">
<div class="drawer-brand">
<a href="index.html">
<img src="static/picture/logo.png" alt="" style="max-height: 2rem;">
</a>
</div>
<ul class="drawer-nav-list">
<li><a href="callcenter.html">产品</a></li>
</ul>
<ul class="drawer-nav-list">
<li><a href="ivvr.html">行业分析</a></li>
</ul>
<div class="xianxas"></div>
<ul class="drawer-nav-list">
<li><a href="company.html">公司介绍</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
<div class="xianxas"></div>
<ul class="drawer-nav-list">
<li><a href="apply.html" rel="nofollow">免费试用</a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- 头部导航end -->
<!-- 表单内容start -->
<div id="apply" class="apply-wrap">
<div class="apply-box">
<div class="apply-left hidden-xs">
<img src="static/picture/step7.png" alt="" v-cloak="">
</div>
<div class="apply-right">
<h2>免费注册体验</h2>
<form action="apply.php" method="POST" name="agent">
<div class="input-box" :class="telTips?'border-high':''">
<label for="tel">手机号</label>
<input id="tel" name="tel" v-model="tel" placeholder="请输入手机号" onfocus="this.placeholder=''" onblur="this.placeholder='请输入手机号'" @input="verifyTel()">
</div>
<div class="tips-wrap">
<p class="tips" :class="telTips?'show-tips':''" v-cloak="">{{ telTips }}</p>
</div>
<div ref="wrap" class="hidden-xs slider-unlock" :class="{'slider-show': sliderShow}">
<div class="before">请将滑块拖到右侧,获取验证码</div>
<div ref="after" class="after">
<div class="after-inner">{{ success?codeText:'请将滑块拖到右侧,获取验证码' }}</div>
</div>
<div ref="slider" class="slider" :class="{'is-success': success}">
</div>
</div>
<div class="input-box" :class="comTips?'border-high':''">
<label for="com">姓名</label>
<input id="com" name="com" v-model="com" placeholder="请输入姓名" onfocus="this.placeholder=''" onblur="this.placeholder = vm.placeComTitle" @input="verifyCom">
</div>
<div class="tips-wrap">
<p class="tips" :class="comTips?'show-tips':''" v-cloak="">{{ comTips }}</p>
</div>
<div class="input-box" :class="comTips?'border-high':''">
<label for="com">企业</label>
<input id="com" name="com" v-model="com" placeholder="请输入企业名称" onfocus="this.placeholder=''" onblur="this.placeholder = vm.placeComTitle" @input="verifyCom">
</div>
<div class="tips-wrap">
<p class="tips" :class="comTips?'show-tips':''" v-cloak="">{{ comTips }}</p>
</div>
<div class="input-box" :class="cityTips?'border-high':''">
<label for="city">城市</label>
<input id="city" name="city" v-model="city" placeholder="请输入城市" onfocus="this.placeholder=''" onblur="this.placeholder = vm.placeCityTitle" @input="verifyCity">
</div>
<div class="tips-wrap">
<p class="tips" :class="cityTips?'show-tips':''" v-cloak="">{{ cityTips }}</p>
</div>
<input class="tosubmit" type="button" @click="verify" value="提交">
</form>
</div>
</div>
</div>
<!-- 底部导航...........................底部导航 -->
<footer>
<div class="footer-wrap hidden-xs">
<div class="footer-box">
<div class="footer-right">
<div class="kjrk">
<img src="static/picture/footer01.png" alt="">
快速链接
</div>
<div class="kuyiy"></div>
<div class="kuyiy2"></div>
<div class="gedwq">
<a href="callcenter.html">产品</a>
<a href="ivvr.html">行业分析</a>
<a href="company.html">公司简介</a>
<a href="company.html">联系我们</a>
</div>
</div>
<div class="footer-nav">
<div class="kjrk">
<img src="static/picture/footer02.png" alt="">
联系方式
</div>
<div class="kuyiy"></div>
<div class="kuyiy2"></div>
<div class="gedwq">
<div class="ewediv">咨询地址长春市南关区卫星路与人民大街交汇财富领域13层</div>
<div class="ewediv">服务热线180-4353-0712</div>
</div>
</div>
<div class="footer-right">
<div class="kjrk">
<img src="static/picture/footer03.png" alt="">
扫码关注
</div>
<div class="kuyiy"></div>
<div class="kuyiy2"></div>
<div class="gegjhj">
<div class="footer-code" style="float: left;">
<img src="static/picture/yunkefu.png" alt="捌零信创客服">
</div>
<div class="yutu">
<p class="footer-code-title" style="padding-top: 40px;">
扫码关注我们
</p>
<p class="footer-code-title">
获取更多资讯
</p>
</div>
</div>
</div>
</div>
<div class="footer-copy-wrap">
<div class="footer-copy">
Copyright&nbsp;&copy;&nbsp;2023&nbsp;
<a href="" target="_blank" rel="nofollow">吉ICP备2023004920号-1</a>
<img src="static/picture/beian.png" alt="备案图标">
<a href="" target="_blank" rel="nofollow">京公网安备110108002742号</a>
</div>
</div>
</div>
<!-- 移动端底部-->
<div class="visible-xs mobile-footer-wrap">
<div class="visible-xs box mobile-footer">
<div class="mobile-footer-link">
<a href="callcenter.html">
产品
<img src="static/picture/mobile_hot.png" alt="热点">
</a>
<a href="ivvr.html">
行业分析
<img src="static/picture/mobile_hot.png" alt="热点">
</a>
<a href="company.html">关于我们</a>
</div>
<div class="mobile-footer-tel">
<div class="mobile-telNum-box">
售前电话:
<a class="telNum" href="tel:180-4353-0712">180-4353-0712</a>
</div>
</div>
<div class="mobile-footer-bottom">
<p class="mobile-footer-com">吉林省捌零信创科技有限公司</p>
<p>
Copyright © 2023<a href="" target="_blank" rel="nofollow" style="margin-left: 10px;">吉ICP备2023004920号-1</a>
</p>
</div>
</div>
</div>
<!-- IE浏览器提示 -->
<div class="ie-tips-box" id="ie-tips">
<i class="iconfont iconicon-safe-bluefuben"></i>
<i class="iconfont iconclose tips-close"></i>
<div class="ie-tips">
<h3>抱歉!您浏览的页面可能无法正常显示</h3>
<h4>推荐使用<a href="https://www.google.cn/intl/zh-CN/chrome/" title="点击下载" target="_blank" rel="nofollow">谷歌浏览器</a>
<a href="https://www.firefox.com.cn/" title="点击下载" target="_blank" rel="nofollow">火狐浏览器</a><a href="https://www.microsoft.com/zh-cn/edge/home" title="点击下载" target="_blank" rel="nofollow">EDGE</a>浏览器如果您使用的是360、搜狗、QQ等双核浏览器请将兼容模式切换为极速模式访问(如下图所示)</h4>
<div class="ie-tips-img">
<img src="static/picture/ie_tip.png" alt="ie浏览器提示">
</div>
</div>
</div>
</footer>
<!-- 底部导航end -->
</div>
<script>
$(document).ready(function(){
$('.drawer').drawer();
$('.js-trigger').click(function(){
$('.drawer').drawer("open");
});
});
</script>
<script src="static/js/swiper.min.js"></script>
<script src="static/js/axios.min.js"></script>
<script src="static/js/ga.js"></script>
<script src="static/js/tool_apply.js"></script>
<script src="static/js/apply.js"></script>
</body>
</html>