<!doctype html>
<html lang="zh-CN">

<head>
    <title>{{qcms:Cate_Name}} —— {{qcms:WebName}}</title>
    <meta charset="utf-8">
    <meta name="keywords" content="{{qcms:Cate_Keywords}}" />
    <meta name="description" content="{{qcms:Cate_Description}}" />

</head>
{{include filename='component_meta.html'}}
<body>
    {{include filename='component_header.html'}}
    <div class="mb-4 CateBannerPic">
        <div style="background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-image: url({{qcms:Cate_Pic}}); background-size: cover; background-position: center center; width: 100%; height: 100%; opacity: 1; visibility: inherit;"></div>
    </div>
    <div class="container text-dark bg-white pt-40 my-5">
        <div class=" text-center">
            <div class=" h3 text-black font-weight-bold">保持联系</div>
            <p class="text-secondary" >无线降噪无线降噪无线降噪无线降噪无线降噪</p>
        </div >
        <div class="row ">
            <div class="col-6  p-5 ">
                <div class="font-weight-bold " style="font-size:1.2rem; ">联系我们</div>
                <div class="mb-3">联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们</div>
                <div><i class="bi bi-house-door-fill mr-2"></i>地址：上海市徐汇区某某路XX号</div>
                <div><i class="bi bi-phone-fill mr-2"></i>电话：+086 18888888888</div>
                <div><i class="bi bi-globe mr-2"></i>传真：+086 18888888888</div>
                <div><i class="bi bi-envelope-fill mr-2"></i>邮件：+seles@admin.com</div>
                <div class="mt-4" id="map" style="height: 400px;"></div>
            </div>
            <div class="col-6 p-5">
                <form method="post" action="/index/form/form1.html"><div class="form-group col-12  col-lg-12">
        <label for="Input_Name" class=" mb-1">名字</label><span class="text-danger ml-2" style="font-weight: 900;">*</span>
        <input type="text"  class="form-control " name="Name" id="Input_Name" placeholder="请输入名字" value="" required="required">
</div>
<div class="form-group col-12  col-lg-12">
        <label for="Input_Phone" class=" mb-1">电话</label><span class="text-danger ml-2" style="font-weight: 900;">*</span>
        <input type="text"  class="form-control " name="Phone" id="Input_Phone" placeholder="请输入电话" value="" required="required">
</div>
<div class="form-group col-12  col-lg-12">
                        <label for="Input_Message" class="mb-1">留言</label><span class="text-danger ml-2" style="font-weight: 900;">*</span>
                        <textarea class="form-control" name="Message"  rows="6" id="Input_Message" placeholder="请输入留言" required="required"></textarea>
                      </div>
<div class="form-group col-12  col-lg-12"><button type="submit" class="btn btn-primary " id="Button_">提交</button></div></form>

            </div>
        </div>
    </div>

    {{include filename='component_footer.html'}}
</body>
{{include filename='component_js.html'}}
<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=boKTPiys0KAOXXrgA5GWDjhd3rlVDlfo"></script>
<script type="text/javascript">
// 百度地图API功能
    var map = new BMapGL.Map("map");
    var point = new BMapGL.Point(121.410169,31.179938);
    map.centerAndZoom(point, 15);

    var marker = new BMapGL.Marker(point);  // 创建标注
    map.addOverlay(marker);              // 将标注添加到地图中
    var opts = {
        width : 200,     // 信息窗口宽度
        height: 100,     // 信息窗口高度
        title : "{{qcms:WebName}}" , // 信息窗口标题
        message:"这里是公司地址"
    }
    var infoWindow = new BMapGL.InfoWindow("地址：北京市东城区王府井大街88号乐天银泰百货八层", opts);  // 创建信息窗口对象
    map.openInfoWindow(infoWindow, point);
    marker.addEventListener("click", function(){
        map.openInfoWindow(infoWindow, point); //开启信息窗口
    });

</script>
</html>