歡迎給我們留言

<div   id="h9jr7zpn"   class="field-body">
                        <div   id="h9jr7zpn"   class="field">
                            <div   id="h9jr7zpn"   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":"weixin","label":"微信","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);
                    jQuery.ajax({
                                url: "http://yun-api.sungdell.com/customer-form?d=d309hkhw9362.cn3.caihongjianzhan.com&aid=1311&fid=1588",
                                type: 'POST',
                                data: JSON.stringify(values),
                                dataType: 'json',
                                contentType: 'application/json',
                                success: function (data, status, xhr) {
                                    if (data && data.status === 0) {
                                        const email = data.data.email || '';
                                        if (email) {
                                            var emailObj = {
                                                body: {
                                                    greeting: '您好',
                                                    signature: '交給我建站',
                                                    name,
                                                    intro: '這是您的后臺(tái)表單數(shù)據(jù)',
                                                    table: {
                                                        data: values.map(item=>({name: item.label, value: item.value}))
                                                    },
                                                    action: {
                                                        instructions: '您可以登錄你的后臺(tái)查看全部數(shù)據(jù):',
                                                        button: {
                                                            color: '#3869D4',
                                                            text: '點(diǎn)擊進(jìn)入',
                                                            link: 'http://d309hkhw9362.cn2.caihongjianzhan.com'
                                                        }
                                                    },
                                                    outro: '感謝您的使用，您遇到任務(wù)問(wèn)題都可以聯(lián)系我們的售后'
                                                }
                                            }
                                            jQuery.post('//yun-api.sungdell.com/send-email?email=' + email, "subject=表單數(shù)據(jù)&emailObj=" + JSON.stringify(emailObj), function (data) {
                                                console.info('發(fā)送郵件成功');
                                                if (data.status === 0) {
                                                    alert("提交成功!");
                                                    location.reload();
                                                }
                                                console.info('失敗', data)
                                            })
                                        } else {
                                            alert("提交成功!");
                                            location.reload();
                                        }
                                    } else {
                                        alert(data.message);
                                    }
                                },
                                error: function (xhr, error, exception) {
                                    alert(exception.toString());
                                },
                                beforeSend:function() {
                                    jQuery("#liuyan_form [type=submit]").off('click');
                                },
                                complete: function (data) {
                                    jQuery("#liuyan_form [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-image: url('//cdn.xuansiwei.com/d309hkhw/1575883312305/dibu.jpg?x-oss-process=style/small');
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: 50%;
        background-position-y: 50%;

.section {
        padding: 2rem 1.5rem 1rem 1.5rem;

@media (max-width:768px) {
            padding: 1rem 1.5rem 1rem 1.5rem;
        }
    }

.footer-intro {
        padding-bottom: 24px;

@media (max-width:768px) {
            padding-bottom: 0px;
        }

h1 {
            font-size: 36px;
            text-align: center;
            letter-spacing: 3px;
            color: #FFFFFF;
            label {
                color: #222832;
                background: #e46f21;
                padding: 10px 2px 10px 12px;
            }
            span {
                border-bottom: 3px solid #e46f21;
                border-right: 3px solid #e46f21;
                padding: 10px 12px 7px 0px;
            }
        }

p {
            text-align: center;
            text-indent: 0;
            color: @white;
            font-family: Microsoft YaHei;
            font-size: 14px;
            margin-top: 1rem;
        }
    }

.title {
        color: @white;
        font-size: 20px;
        letter-spacing: 2px;
    }

.subtitle {
        color: @white;
        font-size: @font-size-base;
        margin-bottom: .5rem;
        i {
            padding-right: 12px;
            font-size: 20px;
            color: @primary-color;
        }
    }

li{
        color: @white;
    }

.intro {
        color: @white;
        text-align:center;
        text-indent:0;
        @media (max-width: 768px){
            .intro {
                font-size: 14px;
            }
        }
    }

hr {
        width: 3em;
        background-color: @primary-color;
    }

.column{
        ul{
            display: flex;
            justify-content: space-around;
        }
        @media (max-width:768px){
            .clearul{
                display: block;
            }
        }
    }
}
</style>
<div   class="h9jr7zpn"   id="gongyongdibu">
    <div   id="h9jr7zpn"   class="section" style="visibility: visible;">
        <div   id="h9jr7zpn"   class="footer-intro container">
            <div   id="h9jr7zpn"   class="columns is-multiline is-centered has-text-centered">
                <div   id="h9jr7zpn"   class="column is-12 is-hidden-mobile">
                    <h1><label>琪</label> <span>?美棋</span></h1>
                    <p>體驗(yàn)包裝中令人驚嘆的藝術(shù)</p>
                </div>
                <div   id="h9jr7zpn"   class="column is-7 is-hidden-mobile">
                    <ul class="clearul">
                        <li id="h9jr7zpn"    class="subtitle"><i class="fa fa-phone"></i><span>服務(wù)熱線：</span><span dynamic-var="config['公共']['公司電話']">021-67220919</span></li>
                        <li id="h9jr7zpn"    class="subtitle"><i class="fa fa-envelope-o"></i><span>電子郵箱：</span><span dynamic-var="config['公共']['公司郵箱']">yinwei.lu@shqmq.com</span></li>
                        <li id="h9jr7zpn"    class="subtitle"><i class="fa fa-map-marker"></i><span>地址：</span><span dynamic-var="config['公共']['公司地址']">上海市金山區(qū)定業(yè)路77號(hào)</span></li>
                    </ul>
                </div>
                <div   id="h9jr7zpn"   class="column is-6 is-hidden-mobile">

</ul>

</div>

</div>
                <div   id="h9jr7zpn"   class="column is-12">
                    <p class="intro">
                        <span>?<script>document.write(new Date().getFullYear())</script></span> <span dynamic-var="config['公共']['公司名稱']">上海琪美棋包裝科技有限公司</span> <span>版權(quán)所有</span> <a style="display: none;color: #FFFFFF;"  dynamic-var="config['公共']['備案號(hào)']" class="beian-num">滬ICP備2020029794號(hào)-1</a>
                    </p>
                </div>

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

<div component="online_1.html">
            <style type="text/less">
    #online_1 {
        /*使用組件將 --position 的值改為 fixed*/
        --position: fixed;
        .online-show {
            position: var(--position);
            right: 0;
            top: calc(50% - 74px);
            z-index: 1001;
            background-color: @primary-color;
            color: #fff;
            display: flex;
            align-items: center;
            flex-direction: column;
            width: 26px;
            padding: @gap-size;
            border-top-left-radius: @gap-size;
            border-bottom-left-radius: @gap-size;
            transition: right 500ms;
            p {
                text-indent: 0;
                font-size: 14px;
                line-height: 1.5;
                padding: @gap-size 0;
                max-width: 100%;
                word-break: break-word;
                text-transform: uppercase;
                text-align: center;
            }
        }
        .online-content {
            position: var(--position);
            top: calc(50% - 74px);
            z-index: 1000;
            right: -100vw;
            transition: right 500ms; 
            .box{
                padding: @gap-size * 2;
                border: 2px solid @primary-color;
                .content {
                    p {
                        text-indent: 0;
                        margin: 0;
                        font-size: 14px;
                        &.is-flex {
                            align-items: center;
                        }
                    }
                    p:not(:last-child) {
                        padding-bottom: @gap-size;
                    }
                    .icon {
                        width: auto;
                    }
                }
            }
        }
        .online-mobile {
            position: var(--position);
            right: 0;
            bottom: 50px;
            z-index: 999;
            .content {
                display: flex;
                flex-direction: column;
                i {
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    font-size: 20px;
                    background: rgba(31, 31, 31, 0.65);
                    color: #fff;
                    border-radius: 50%;
                    margin: @gap-size @gap-size 0 0;
                    cursor: pointer;
                }
            }
        }
        .wechat-num-copy-modal {
            .modal-content {
                background: rgb(255, 255, 255);
                width: 238px;
                padding-top: 20px;
                text-align: center;
                img {
                    margin-bottom: 10px;
                }
                .title {
                    font-size: 14px;
                    margin: 0;
                    padding: 0;
                }
                .subtitle {
                    color: rgb(153, 153, 153);
                    font-size: 12px;
                    line-height: 17px;
                    margin-top: 3px;
                    padding-bottom: 0;
                    margin-bottom: 0;
                }
                .is-ok {
                    color: rgb(51, 132, 227);
                    padding: 9px 0px;
                    margin: 12px 12px 0px;
                    border-top: 1px solid rgb(236, 236, 236);
                }
            }

}
    }
</style>

<div component="1_online.js">
            
        <div   id="h9jr7zpn"   class="online-content is-hidden-mobile">
            <div   id="h9jr7zpn"   class=" box">
                <article class="media">
                    <div   id="h9jr7zpn"   class="media-content">
                        <div   id="h9jr7zpn"   class="content">
                            
                            
                            <p><span><i class="fa fa-phone"></i>  電話：</span><span>021-67220919</span></p>
                            <p><span><i class="fa fa-mobile"></i>   手機(jī)：</span><span>13788986003</span></p>
                            <p><span><i class="fa fa-envelope-o"></i> 郵箱：</span><span>yinwei.lu@shqmq.com</span></p>
                            <p><span><i class="fa fa-weixin"></i> 微信：</span><span>13788986003</span></p>
                            
                        </div>
                    </div>
                </article>
            </div>
        </div>
        <div   id="h9jr7zpn"   class="online-mobile is-hidden-tablet">
            <div   id="h9jr7zpn"   class="content">
                <a href="tel:13788986003"><i class="fa fa-phone" aria-hidden="true"></i></a>
                <a href="javascript:wechatNumCopy('13788986003')"><i class="fa fa-weixin"></i></a>
            </div>
        </div>
        <div   id="h9jr7zpn"   class="modal modal-fx-fadeInScale wechat-num-copy-modal">
                <div   id="h9jr7zpn"   class="modal-background" onclick="$('.wechat-num-copy-modal').toggleClass('is-active')"></div>
                <div   id="h9jr7zpn"   class="modal-content">
                    <img src="http://cdn.xuansiwei.com/d0000000/1614696550434/share-finish-ok.svg" alt="" loading="lazy">
                    <div   id="h9jr7zpn"   class="title">微信號(hào)已復(fù)制</div>
                    <div   id="h9jr7zpn"   class="is-ok" onclick="$('.wechat-num-copy-modal').toggleClass('is-active')">我知道了
                </div>
            </div>
        </div>
    
        </div>

</div>
<script>
    var online_selector = '#online_1';
    $(online_selector + ' .online-show').on('mouseenter', function() {
        $(this).css('right', '-100vw');
        $(online_selector + ' .online-content').css('right', '0');
    });
    $(online_selector + ' .online-content').on('mouseleave', function() {
        $(this).css('right', '-100vw');
        $(online_selector + ' .online-show').css('right', '0');
    });

// 復(fù)制鏈接
    function copyFn(value) {
        var isRTL = document.documentElement.getAttribute('dir') === 'rtl';
        var input = document.createElement('textarea');
        input.style.fontSize = '12pt';
        // Reset box model
        input.style.border = '0';
        input.style.padding = '0';
        input.style.margin = '0';
        input.style.position = 'absolute';
        input.style[isRTL ? 'right' : 'left'] = '-9999px';
        var yPosition = window.pageYOffset || document.documentElement.scrollTop;
        input.style.top = yPosition + 'px';

input.setAttribute('readonly', '');
        input.value = value;
        document.body.appendChild(input);
        input.select();
        input.setSelectionRange(0, input.value.length);
        if (document.execCommand) {
            document.execCommand('copy');
        }
    }

// 復(fù)制鏈接
    function wechatNumCopy(num) {
        copyFn(num);
        $(online_selector + ' .wechat-num-copy-modal').toggleClass('is-active');
    }
</script>
        </div>

// 存在備案號(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>

<a href="http://www.uorieqv.cn/">寂寞的少妇无码_一级做a爱免费视频在线观看_亚洲区色片在线观看亚洲_超碰caopro熟女m超碰分类_国产一级午夜理论片久久不卡_99精品热视频这里只有精品_无码爽到爆高潮抽搐喷水app_亚洲欧美裸体一级播放_巨爆中文字幕区乳爆中_男人插女人好爽视频</a>
<a href="http://www.zhonghechang.cn/">天堂网WWW资源在线_日本三级中文字幕_歐美一區二區三區影院_亚洲精品中文字幕不卡无码_天天爽夜夜爽人人爽曰高清_啪啪黄片免费视频_亚洲欧美国产老妇精品_吸咬奶头狂揉60分钟视频_九九久久精品免费观看z0zo_樱桃视频影院在线播放免费观看</a>
<a href="http://016070.cn/">了解最新91大神精品网站在线观看_亚洲一级毛片提莫影院_欧美日韩精品区一区二区_惠民福利亚洲国产精品无码久久电影_最近中文在线播放国语_欧美igao视频网站_蜜臀AV在线成人_a毛片免费视频播放_羞羞视频免费网站含羞草_免费看无码特级毛片</a>
<a href="http://www.mendou.com.cn/">国产好紧好爽大再浪一点视频_三上悠亚ssⅰn939无码播放_夜色成人交友网yese_91在线亚洲精品专区不卡_亚洲男人天堂av_18禁黃網站禁片免費觀看_中文字幕久久波多野结衣av_开心激情四房播播五月天_影音先锋国产系列精品_成年人黄页网站Av</a>
<a href="http://4100fdj.cn/">久久久精品欧美福利_操逼视频软件下载_五月丁香婷婷综合色_亚洲AV无码片一区二区三区无码_人妻无码中文字幕中出精品_丰满人妇h在线观看_成人av电影天堂_欧美黄色一级黄片_欧美精品在线高清_黄色a级国产免费大片</a>
<a href="http://aydesign.cn/">成年性午夜免费网站_免费爱碰视频在线观看_久久久精品国产免_国产中文字幕亚洲欧美在线_美女校花口爆吞精在线观看_了解最新国产无套抽出白浆来_日本内射干少妇亚洲69xxx_日韩伦理一区二区三区_www.丁香五月天婷婷五月天开心激情站色_亚洲va老文色欧美黄大片人人</a>
<a href="http://massage-in-suzhou.cn/">国产婷婷精品成人_影视国产三级久久_免费亚洲av成人a在线观看_欧美精品videossex少妇_户外露出网站_亚洲视频中文字幕在线观。_欧美午夜福利啪啪_100款夜里禁用b站视频_一区二区免费看毛片_亚洲无码动漫网站</a>
<a href="http://xxfkw.cn/">超碰在线无码AV_五月婷婷亚洲综合色色_精品一区二区蜜臀av_欧美极品色影院_97美女超碰精品国产_日韩av免费在线看_91福利电影在线_偷窥目拍性综合图区_女性隐私免费观看视频_日韩欧美日韩国产</a>
<a href="http://tv369.cn/">五月天自拍偷拍第一页_成人在线毛片视频_日出水了啊快点使劲动态图_在线观看热码亚洲a∨每日更新_亚洲国产中文第一站精品蜜芽_日本 成人 中文字幕_H无码里番肉片在线观看的_一级a特黄毛片高清视频免费看_成熟丰满熟妇av 无码区_免费的性开放网络交友网站</a>
<a href="http://rjammck.com.cn/">国产性爱在线_黄色视频一级毛片_午夜激情诱惑网_呦交小u女国产精品天堂视频_97电影院在线观看_日韓亂碼人妻無碼中文字幕視頻_欧美日韩不卡高清_黄色三级日韩_Julia无码专区在线播放_国产高清美女一级a毛片久</a>
</div>
</div>

</footer>

最好看的中文字幕2019_91尤物在线观看免费_日本亚洲激情一区二区_美女张开腿喷水高潮视频免费_九九在线视屏免费_少妇无码一晚三次_国产亚洲第一精品综合A v_爆乳喷水高潮视频_亚洲无码成人电影_國產精品無碼專區在線觀看

Contact us

聯(lián)系我們

電話

地址

郵箱

QQ

服務(wù)宗旨

全心全意為客戶創(chuàng)造價(jià)值

服務(wù)理念

客戶的滿意就是我們不懈動(dòng)力

服務(wù)定制

因?yàn)閷I(yè) 所以值得信賴

頂尖行業(yè)

注重提高產(chǎn)品質(zhì)量注重建立品牌

歡迎給我們留言

最好看的中文字幕2019_91尤物在线观看免费_日本亚洲激情一区二区_美女张开腿喷水高潮视频免费_九九在线视屏免费_少妇无码一晚三次_国产亚洲第一精品综合A v_爆乳喷水高潮视频_亚洲无码成人电影_國產精品無碼專區在線觀看

Contact us

聯(lián)系我們

電話

地址

郵箱

QQ

服務(wù)宗旨

全心全意為客戶創(chuàng)造價(jià)值

服務(wù)理念

客戶的滿意就是我們不懈動(dòng)力

服務(wù)定制

因?yàn)閷I(yè) 所以值得信賴

頂尖行業(yè)

注重提高產(chǎn)品質(zhì)量 注重建立品牌

歡迎給我們留言

注重提高產(chǎn)品質(zhì)量注重建立品牌