歡迎給我們留言

<div   id="mo8q8qo"   class="field-body">
                        <div   id="mo8q8qo"   class="field">
                            <div   id="mo8q8qo"   class="control" style="text-align: center;">
                                <input type="submit" class="button is-primary" value="提交留言">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <script type="text/javascript">
            $(function(){
                function handlerSubmit() {
                    
                            if (!$("[name=mobile]").val()) {
                                alert('手機(jī)號(hào)不能為空')
                                return false ;
                            }
                        
                    const fields = [{"type":"text","name":"user","label":"姓名","required":false},{"type":"text","name":"envelope-o","label":"郵箱","required":false},{"type":"text","name":"mobile","label":"手機(jī)號(hào)","required":true},{"type":"text","name":"phone","label":"QQ","required":false},{"type":"text","name":"message","label":"留言信息","required":false}];
                    var values = fields.map(item => {
                        return {
                            name: item.name,
                            label: item.label,
                            value: $("[name='" + item.name + "']").val()
                        }
                    })
                    console.info(values);
                    $.ajax({
                        url: "http://d511lbdq1154.hk3.jiaogeiwo.cn/api/customer-form-foreign/submit-row/378/376",
                        type: 'POST',
                        data: JSON.stringify(values),
                        dataType: 'json',
                        contentType: 'application/json',
                        success: function (data, status, xhr) {
                            if (data && data.status === 0) {
                                alert("提交成功!")
                                location.reload();
                            } else {
                                alert(data.message);
                            }
                        },
                        error: function (xhr, error, exception) {
                            alert(exception.toString());
                        },
                        beforeSend:function() {
                            $("#liuyan_form input[type=submit]").off('click');
                        },
                        complete: function (data) {
                            $("#liuyan_form input[type=submit]").on('click', handlerSubmit);
                        }
                    });
                }
                $("#liuyan_form input[type=submit]").on('click', handlerSubmit);
            })
        </script>
    
        </div>

</div>
        </div>

<div component="footer.html">
            <style type="text/less">
    #gongyongdibu {
        background: #212121;
        /* margin-top: @gap-size * 3; */
        color: #bfbfbf;
        .footer-intro {
            padding-bottom: 24px;
        }
        .title {
            color: @white;
            font-size: 20px;
            letter-spacing: 2px;
        }
        .subtitle {
            color: @white;
            font-size: @font-size-base;
            i {
                padding-right: @gap-size;
            }
        }
        .intro {
            color: @white;
        }
        .call-box {
            i {
                color: #ce906d;
                font-size: 20px;
            }
        }
        .footer-intro {
            p {
                font-size: 14px;
                color: #bfbfbf;
                line-height: 30px;
                text-indent: 0em;
                letter-spacing: 1px;
            }
            .code-box {
                display: flex;
                justify-content: space-around;
            }
            .code-item {
                h2 {
                    font-size: 14px;
                    color: #bfbfbf;
                    line-height: 30px;
                    text-indent: 0em;
                    letter-spacing: 1px;
                    text-align: center;
                }
            }
        }
        hr {
            width: 3em;
            background-color: #ce906d;
            height: 4px;
        }
        .footer-title {
            background-color: @primary-color;
            color: #fff;
            padding: 1rem 1.5rem;
            .columns {
                .column {
                    display: flex;
                    align-items: center;
                    a.button {
                        background-color: #ce906d;
                        border-color: #ce906d;
                        padding: 10px 40px;
                        color: #fff;
                    }
                }
            }
            .text {
                font-size: 22px;
                color: #ffffff;
                letter-spacing: 2px;
            }
        }
    }
    .copyright {
        background: #212121;
        padding: 0rem 1.5rem;
        .wrap {
            border-top: 1px solid @primary-color;
            display: flex;
            justify-content: space-between;
            align-items: center;
            @media (max-width: 768px) {
                justify-content: center;
            }
            .text {
                text-align: center;
                font-size: 16px;
                line-height: 4;
                color: #bfbfbf;
                @media (max-width: 768px) {
                    font-size: 14px;
                }
            }
            .nav-box {
                ul {
                    display: flex;
                    li {
                        margin: 0 15px;
                        a {
                            color: #bfbfbf;
                        }
                    }
                }
            }
        }
    } 
</style>
<div   class="mo8q8qo"   id="gongyongdibu" class="is-hidden-mobile">
    <div   id="mo8q8qo"   class="footer-title">
        <div   id="mo8q8qo"   class="container">
            <div   id="mo8q8qo"   class="columns">
                <div   id="mo8q8qo"   class="column is-2-desktop">
                    <img dynamic-var="config['公共']['頁(yè)腳logo']" src="" loading="lazy" alt="http://www.gtechbuild.com/">
                </div>
                <div   id="mo8q8qo"   class="column is-6-desktop is-offset-1">

</div>
                <div   id="mo8q8qo"   class="column is-2-desktop is-offset-1">

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

<div   id="mo8q8qo"   class="section">
        <div   id="mo8q8qo"   class="footer-intro container">
            <div   id="mo8q8qo"   class="columns">
                <div   id="mo8q8qo"   class="column is-3">
                    <div   id="mo8q8qo"   class="call-box">
                        <h1 class="title">聯(lián)系方式</h1>
                        <hr>
                        <ul>
                            <li id="mo8q8qo"    class="subtitle"><i class="fa fa-phone"></i>電話：<span dynamic-var="config['公共']['公司電話']">+86 010-88082306</span></li>
                            <li id="mo8q8qo"    class="subtitle"><i class="fa fa-envelope-o"></i>Email：<span dynamic-var="config['公共']['公司郵箱']">aliciachn@cbme.cn</span></li>
                            
                            <li id="mo8q8qo"    class="subtitle"><i class="fa fa-map-marker"></i>地址：<span dynamic-var="config['公共']['公司地址']">China Building Material Plaza_4F, Haidian District, Beijing, China</span></li>
                        </ul>
                    </div>
                </div>
                <div   id="mo8q8qo"   class="column is-5">
                    <h1 class="title">關(guān)于我們</h1>
                    <hr>
                    <p dynamic-var="config['公共']['公司簡(jiǎn)介_footer']" class="intro"></p>
                </div>
                <div   id="mo8q8qo"   class="column is-offset-1">
                    <div   id="mo8q8qo"   class="footer-intro">
                        <h1 class="title">獲取資訊</h1>
                        <hr>
                        <p>掃描二維碼，我們會(huì)以最快的速度告訴金融、市場(chǎng)、股票等領(lǐng)域的最新資訊。</p>
                        <div   id="mo8q8qo"   class="code-box">
                            <div   id="mo8q8qo"   class="code-item">
                                <figure class="image is-96x96">

</figure>
                                <h2>手機(jī)版</h2>
                            </div>
                            <div   id="mo8q8qo"   class="code-item">
                                <figure class="image is-96x96">

</figure>
                                <h2>手機(jī)版</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div   id="mo8q8qo"   class="copyright">
    <div   id="mo8q8qo"   class="container">
        <div   id="mo8q8qo"   class="wrap">
            <div   id="mo8q8qo"   class="text">版權(quán)所有：<span dynamic-var="config['公共']['公司名稱']">http://www.gtechbuild.com/</span></div>
            <div   id="mo8q8qo"   class="nav-box is-hidden-mobile">

<li><a href="/xiangmuzhanshi.html" class="subtitle">項(xiàng)目展示</a></li>

<li><a href="/xiangmufuwu.html" class="subtitle">項(xiàng)目服務(wù)</a></li>

</div>
        </div>
    </div>
</div>
<script src="http://cdn.xuansiwei.com/lazyload.min.js"></script>
<script>
    // 異步加載圖片
    $('img[data-src]').lazyload();

// 存在備案號(hào)時(shí)才顯示備案號(hào)
    if ($('.beian-num').text().trim()) {
        $('.beian-num').show();
    }

// animate
    if (window.scrollY < 100) { // 解決網(wǎng)頁(yè)滾動(dòng)到指定位置時(shí)會(huì)出現(xiàn)頁(yè)面錯(cuò)亂
        ScrollReveal().reveal('.section', {
            distance: '150%',
            origin: 'bottom',
            opacity: null
        });
    }
</script>
<script type="text/javascript" src="/js/customer.js"></script>
        </div>

</div>
</div>

</footer>

天天综合入口I在线亚洲欧美视频I色婷婷视频在线I亚洲一区二区精品I国产精品99免视看9I天天干干

致力于工業(yè)軸承的研究開發(fā)

一流的生產(chǎn)流程和完善的檢測(cè)設(shè)備

歡迎給我們留言