144 lines
6.3 KiB
HTML
144 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<!--[if lt IE 9]>
|
|
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/html5.js"></script>
|
|
<![endif]-->
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
|
|
<meta name="format-detection" content="telephone=no" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<title>{sort:title}</title>
|
|
<meta name="keywords" content="{sort:keywords}">
|
|
<meta name="description" content="{sort:description}">
|
|
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.min.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="{pboot:sitedomain}/skin/css/owl.carousel.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{pboot:sitedomain}/skin/css/animate.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{pboot:sitedomain}/skin/css/global.css">
|
|
<link rel="stylesheet" type="text/css" href="{pboot:sitedomain}/skin/css/style.css">
|
|
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/wow.js"></script>
|
|
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/main.js"></script>
|
|
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/owl.carousel.js"></script>
|
|
</head>
|
|
<body>
|
|
<!-------------------------------------- 头部开始 -------------------------------------->
|
|
{include file=head.html}
|
|
<!-------------------------------------- 头部结束 -------------------------------------->
|
|
<!-------------------------------------- 内容开始 -------------------------------------->
|
|
<div class="mainer">
|
|
<div class="wrap">
|
|
<div class="contact">
|
|
<div class="img wow fadeInUp" data-wow-delay=".1s">
|
|
<div id="allmap" style="width:100%; height:400px; margin:20px auto"></div>
|
|
<script type="text/javascript" src="https://api.map.baidu.com/getscript?v=2.0&ak=DsyzV6aY9pNspbZrMHG6tSQ9dWUTSOHA=&t=20180323171755"></script>
|
|
<script>
|
|
$(function () {
|
|
ShowMap('{pboot:companyother}', 'cname', 'address', 'tel', 'fax', 'email', '18');
|
|
})
|
|
function ShowMap(zuobiao, name, addrsee, phone, chuanzhen, email, zoom) {
|
|
var arrzuobiao = zuobiao.split(',');
|
|
var map = new BMap.Map("allmap");
|
|
map.centerAndZoom(new BMap.Point(arrzuobiao[0], arrzuobiao[1]), zoom);
|
|
map.addControl(new BMap.NavigationControl());
|
|
var marker = new BMap.Marker(new BMap.Point(arrzuobiao[0], arrzuobiao[1]));
|
|
map.addOverlay(marker);
|
|
var infoWindow = new BMap.InfoWindow('<p>{pboot:companyaddress}</p><p> </p><p>电话：{pboot:companyphone}</p>');
|
|
marker.addEventListener("click", function () {
|
|
this.openInfoWindow(infoWindow);
|
|
});
|
|
marker.openInfoWindow(infoWindow);
|
|
}
|
|
</script>
|
|
</div>
|
|
<div class="cont_rt wow fadeInUp" data-wow-delay=".1s">
|
|
<div class="contact_box">
|
|
<div class="tit">
|
|
<h3>用户留言</h3>
|
|
<span></span></div>
|
|
<form action="{pboot:msgaction}" method="post" onsubmit="return checkForm();">
|
|
<div class="list">
|
|
<ul>
|
|
<li><span>姓名：</span>
|
|
<div class="div_input">
|
|
<input type='text' name='name' id='name'>
|
|
</div>
|
|
</li>
|
|
<li><span>电话：</span>
|
|
<div class="div_input">
|
|
<input type='text' name='tel' id='tel'>
|
|
</div>
|
|
</li>
|
|
<li><span>邮箱：</span>
|
|
<div class="div_input">
|
|
<input type='text' name='email' id='email'>
|
|
</div>
|
|
</li>
|
|
<li class="li_last"><span>写下您的需求和建议：</span>
|
|
<div class="div_input">
|
|
<textarea type='text' name='content' id='content'></textarea>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div class="clear"></div>
|
|
<div class="btn1"><a onclick="$('form').submit()"><span>提交留言</span></a></div>
|
|
</div>
|
|
</form>
|
|
<script type="text/javascript">
|
|
function checkForm()
|
|
{
|
|
if(document.getElementById('name').value.length == 0)
|
|
{
|
|
alert('姓名不能为空！');
|
|
return false;
|
|
}
|
|
if(document.getElementById('tel').value.length == 0)
|
|
{
|
|
alert('电话不能为空！');
|
|
return false;
|
|
}
|
|
if(document.getElementById('email').value.length == 0)
|
|
{
|
|
alert('邮箱不能为空！');
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
}
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="c_list wow_list">
|
|
<ul>
|
|
<li class="fadeInUp wow">
|
|
<div class="img"><img src="{pboot:sitedomain}/skin/images/icon13.png"/><i class="i1 animated wow infinite flash"></i></div>
|
|
<div class="text">
|
|
<h4>电 话</h4>
|
|
<p>{pboot:companyphone}</p>
|
|
</div>
|
|
</li>
|
|
<li class="fadeInUp wow">
|
|
<div class="img"><img src="{pboot:sitedomain}/skin/images/icon14.png"/><i class="i2 animated wow infinite bounceInLeft"></i></div>
|
|
<div class="text">
|
|
<h4>邮 箱</h4>
|
|
<p>{pboot:companyemail} </p>
|
|
</div>
|
|
</li>
|
|
<li class="fadeInUp wow">
|
|
<div class="img"><img src="{pboot:sitedomain}/skin/images/icon15.png"/><i class="i3 animated wow infinite rubberBand"></i></div>
|
|
<div class="text">
|
|
<h4>地 址</h4>
|
|
<p>{pboot:companyaddress} </p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-------------------------------------- 内容结束 -------------------------------------->
|
|
<!-------------------------------------- 尾部开始 -------------------------------------->
|
|
{include file=foot.html}
|
|
<!-------------------------------------- 尾部结束 -------------------------------------->
|
|
</body>
|
|
</html> |