歡迎給我們留言

<div   id="vh3dhf5"   class="field-body">
                        <div   id="vh3dhf5"   class="field">
                            <div   id="vh3dhf5"   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://yun-api.sungdell.com/customer-form?d=d670mekw5579.cn2.caihongjianzhan.com&aid=1394&fid=1234",
                        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: #212831;
        margin-top: @gap-size * 3;
        .footer-intro {
            padding-bottom: 24px;
        }
        .title {
            color: @white;
            font-size: 16px;
            line-height: 1.8;
            font-weight: 400;
        }
        .subtitle {
            color: @white;
            font-size: @font-size-base;
            margin-bottom: @gap-size;
            i {
                padding-right: @gap-size;
            }
        }
        .text {
            display: flex; 
            color: @white;
            align-items: center;
            justify-content: space-between;
            p {
                text-indent: 0;
                font-size: 16px;
            }
            .left{
                p:nth-of-type(1) {
                    font-size: 24px
                }
            }
            .right{
                p:nth-of-type(1) {
                    font-size: 12px
                }
            }
        }
        .column.is-1 {
            border-right: 1px solid #7f7f7f;
            height: 100px;
        }
    }
    .copyright {
        text-align: center;
        font-size: 14px;
        line-height: 4;
        color: #7f7f7f;
        background: #212831;
        border-top: 1px solid #7f7f7f;
        @media (max-width: 768px) {
            font-size: 14px;
            margin-top: @gap-size * 2;
        }
        a {
            color: #7f7f7f;
        }
    }
</style>
<div   class="vh3dhf5"   id="gongyongdibu" class="is-hidden-mobile">
    <div   id="vh3dhf5"   class="section">
        <div   id="vh3dhf5"   class="footer-intro container">
            <div   id="vh3dhf5"   class="columns is-vcentered is-centered">
                <div   id="vh3dhf5"   class="column is-2">
                    <figure class="image is-128x128">
                        <img src="http://cdn.xuansiwei.com/d670mekw5579/1646295421621/11111.jpg?x-oss-process=style/small" loading="lazy">
                    </figure>

</div>
                <div   id="vh3dhf5"   class="column is-3">
                    <h6 class="subtitle">客服服務(wù)熱線：</h6>
                    <div   id="vh3dhf5"   class="text">
                        <div   id="vh3dhf5"   class="left">
                            <p><span dynamic-var="config['公共']['公司電話']">021-56468560</span></p>
                            <p><span>夏先生：</span><span dynamic-var="config['公共']['公司手機(jī)']">15021978844</span></p>
                            <p></p>
                        </div>
                        <div   id="vh3dhf5"   class="right">

<p></p>
                        </div>
                    </div>
                </div>
                <div   id="vh3dhf5"   class="column is-1"></div>
                <div   id="vh3dhf5"   class="column is-offset-2 is-3">
                    <ul>
                        <li id="vh3dhf5"    class="subtitle"><span>公司地址：</span><span dynamic-var="config['公共']['公司地址']">上海市寶山區(qū)楊北路185弄97號(hào)</span></li>
                        <li id="vh3dhf5"    class="subtitle"><span>郵政編碼：</span><span dynamic-var="config['公共']['郵政編碼']">200941</span></li>
                        <li id="vh3dhf5"    class="subtitle"><span>客服郵箱：chunfendianqi@163.com</span>
                            <div></div>
                            <div>網(wǎng) 址：http://deyingtianxia.cn</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div   id="vh3dhf5"   class="copyright">
    <span>?<script>document.write(new Date().getFullYear())</script></span> <span dynamic-var="config['公共']['公司名稱']">上海春分電氣科技有限公司</span> <span>版權(quán)所有</span> <a style="display: none;"  dynamic-var="config['公共']['備案號(hào)']" class="beian-num">滬ICP備2022008712號(hào)</a>
</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;
            }
        }
        .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: 30px;
            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="vh3dhf5"   class="online-content is-hidden-mobile">
            <div   id="vh3dhf5"   class=" box">
                <article class="media">
                    <div   id="vh3dhf5"   class="media-content">
                        <div   id="vh3dhf5"   class="content">
                            
                            
                            <p><span><i class="fa fa-phone"></i>  電話：</span><span>021-56468560</span></p>
                            <p><span><i class="fa fa-mobile"></i>   手機(jī)：</span><span>15021978844</span></p>
                            <p><span><i class="fa fa-envelope-o"></i> 郵箱：</span><span>chunfendianqi@163.com</span></p>
                            
                            
                        </div>
                    </div>
                </article>
            </div>
        </div>
        <div   id="vh3dhf5"   class="online-mobile is-hidden-tablet">
            <div   id="vh3dhf5"   class="content">
                <a href="tel:15021978844"><i class="fa fa-phone" aria-hidden="true"></i></a>
                
            </div>
        </div>
        <div   id="vh3dhf5"   class="modal modal-fx-fadeInScale wechat-num-copy-modal">
                <div   id="vh3dhf5"   class="modal-background" onclick="$('.wechat-num-copy-modal').toggleClass('is-active')"></div>
                <div   id="vh3dhf5"   class="modal-content">
                    <img src="http://cdn.xuansiwei.com/d0000000/1614696550434/share-finish-ok.svg" alt="" loading="lazy">
                    <div   id="vh3dhf5"   class="title">微信號(hào)已復(fù)制</div>
                    <div   id="vh3dhf5"   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)頁滾動(dòng)到指定位置時(shí)會(huì)出現(xiàn)頁面錯(cuò)亂
        ScrollReveal().reveal('.section', {
            distance: '150%',
            origin: 'bottom',
            opacity: null
        });
    }
</script>
<script type="text/javascript" src="/js/customer.js"></script>
        </div>

<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://deyingtianxia.cn/" title="韩国欧美国产在线播放_欧美日韩视频网站_老司机在线精品视频网站_日韩午夜成人精品免费网_国产婷婷午夜在线理论_最近免费视频中文字幕2019_国产免费观看久久黄av片涩av_玩老熟女嫖老妓女_亚洲自偷自偷图片在线播放_中文字幕黄色网站网址">韩国欧美国产在线播放_欧美日韩视频网站_老司机在线精品视频网站_日韩午夜成人精品免费网_国产婷婷午夜在线理论_最近免费视频中文字幕2019_国产免费观看久久黄av片涩av_玩老熟女嫖老妓女_亚洲自偷自偷图片在线播放_中文字幕黄色网站网址</a>

<a href="http://www.lyopto.cn/">洲国产精品尤物yw在线观看_美美女毛片视频全免费_亚洲成人丝袜在线观看_亚洲成av人片高潮喷水妓女_最好的在线影视免费_欧美自拍亚洲综合图区_韩日视频在线观看_久久伊人国产精品_亚洲无码特级电影_午夜男女无遮挡拍拍流水视频</a>
<a href="http://www.ok36c.cn/">国产 综合 日韩_yy6080成人a一级毛片_在线精品国自产拍中文字幕_欧美精品99久久久_一塚本av中字免费在线_人妻无码视频大全_欧美国产日韩夜色一区_av高清无码在线_亚洲国产精品日韩高清秒播_色欲香天天综合网站</a>
<a href="http://marykay020.cn/">国产思思久久er99精品_日韩精品国产一区二区_中文字幕一本在线无卡_日本欧美色欲一区二区中文_日本电影免费久久精品_亚洲欧美日韩校园春色_国产亚洲av综合人人澡精品_国产免费三级性生活片子_最新国产成人免费视频_青青草原视频在线</a>
<a href="http://qiangzhiqi.cn/">老鸭窝欧美在线观看国产_无码毛片一级片特黄_污污在线观看网站_国产精品成人av_天天性爱综合网性色av_99久久精品全部_国产古代一级毛片_有码中文字幕精激_亚洲Av无码一区二区丝袜_1000部拍拍拍18勿入免费视频</a>
<a href="http://netticket.cn/">国产精品jizz在线观看网站_一级欧美一日韩片一级二级_国产在线精品99_亚洲欧洲三级片免费观看_97久久超碰精品视觉盛宴_乱色综合网伦伦视频_黄色视频天天干夜夜操_最新亚洲精品国偷自产在线_最大成人一区二区_丁香六月色婷婷狠狠爱</a>
<a href="http://shouzukoubing.com.cn/">欧美亚洲国产日韩欧美_日韩在线中文字幕有码在线_国产精品有码在线观着撒放_国产精选91热在线观看_国产成年人免费观看91视频_国产在线精品综合第一区二区二区_4480中文字幕乱码私人影院_无码人妻日韩av免费_欧美猛烈潮喷视频在线播放_中文字幕欧美爱亚洲</a>
<a href="http://www.linuxrm.cn/">国产v综合v亚洲欧美_美日韩黄色A一一片_99视频在线精品免费观看1_了解最新91爱国产_亚洲网站在线观看完整版_婷停五月丁香啪啪六月综合色_国产成人a∨电影在线观看_国产精品视频铁牛tv_毛片在线播放网站免费_午夜电影伦理电影</a>
<a href="http://www.nb03.cn/">国产免费XXX视频在线观看_欧美日韩制服诱惑在线_黑色丝袜高跟国产在线91_日韩中文字幕在线观看网址_五级黄高潮片90分钟免费视频_欧美精品偷拍一直L_国产精品一区三区_日韓一區二區電影_新品区影院在线观看_天堂va亚洲va欧美va国产</a>
<a href="http://www.h6868.cn/">欧美日韩国产综合视频专区_97日韩精品中文字幕_苍井空在线一区二区_亚洲第一香蕉视频_av无码精品一区二区三区电影_国产精品第二页在线秦先生_传媒免费进入网站_男人操女人的软件_午夜福利影院视频_国产在线综合网站</a>
</div>
</div>

</footer>