usound-official-website
/
contact.html

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>联系我们</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./static/css/animate.min.css">
    <link rel="stylesheet" href="./static/css/common.css">
    <link rel="stylesheet" href="./static/css/swiper.css">
    <link rel="stylesheet" href="./static/css/contact.css">
    <link rel="stylesheet" href="./static/css/locomotive-scroll.css">
</head>

<body>
    <div class="home">


        <div class="header hasBg">
            <div class="box">
                <a href="./index.html" class="logo">
                    <img src="./static/images/logo-white.png" alt="">
                </a>
                <div class="links">
                    <div class="item">
                        <a href="./index.html" class="a1">首页</a>
                    </div>
                    <div class="item">
                        <a href="./about.html" class="a1">关于</a>
                    </div>
                    <div class="item">
                        <a href="./cases.html" class="a1">案例</a>
                    </div>
                    <div class="item">
                        <a href="./service.html" class="a1">服务</a>
                    </div>
                    <div class="item">
                        <a href="./ideas.html" class="a1">观点</a>
                    </div>
                    <div class="item">
                        <a href="./contact.html" class="a1 active">联系</a>
                    </div>
                </div>
                <div class="rb">
                    <div class="lan">
                        <a href="">ENG</a>
                        <p>中文</p>
                     </div>
                    <a class="contact each_btn">
                        <div class="text">
                            <p>定制专属方案</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInLeft">
                    <img src="./static/images/logo.png" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="item">
                <a href="./about.html">关于</a>
            </div>
            <div class="item">
                <a href="./cases.html">案例</a>
            </div>
            <div class="item">
                <a href="./service.html">服务</a>
            </div>
            <div class="item">
                <a href="./ideas.html">观点</a>
            </div>
            <div class="item">
                <a href="./contact.html">联系</a>
            </div>
            <div class="bottom">
               <div class="box1">
                <div class="p1">数字营销全面诊断，定制专属增长方案</div>
                <a class="contact" href="./contact.html" >
                    定制专属方案
                </a>
               </div>
               <div class="box2">
                 <p class="p1">业务咨询</p>
                 <a href="tel:15257713337">
                    152-5771-3337
                 </a>
               </div>

            </div>

        </div>


        <div data-scroll-container>

            <div class="shadow">
                <img src="./static/images/shadow.png" alt="">
            </div>

            <div class="section animated fadeIn">
                <div class="lbox">
                    <div class="t">聊一聊,我们总是乐于回答问题<br>
                        倾听新的想法</div>
                    <div class="info">
                        <div class="item">
                            <p class="p1">合作咨询</p>
                            <p class="p2">152-5771-3337</p>
                            <p class="p3">627603421@qq.com</p>
                        </div>
                        <div class="item">
                            <p class="p1">售后支持</p>
                            <p class="p2">152-5771-3337</p>
                        </div>
                        <div class="item">
                            <p class="p1">地址</p>
                            <p class="p2">浙江省宁波市江北区育才路26号4号楼</p>
                        </div>
                        <div class="code">
                            <img src="./static/images/code.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="rbox">
                    <div class="t">留言给我们，您将很快收到我们的回复</div>
                    <div class="form">
                        <div class="item half">
                            <p class="p1">怎么称呼您？*</p>
                            <input type="text" placeholder="姓名">
                        </div>
                        <div class="item half">
                            <p class="p1">如何联系您？*</p>
                            <input type="text" placeholder="手机号">
                        </div>
                        <div class="item">
                            <p class="p1">您的公司名称或者网址是？</p>
                            <input type="text" placeholder="公司名称或网址">
                        </div>
                        <div class="item">
                            <p class="p1">您的项目需求有哪些？</p>
                            <textarea placeholder="请填写您的项目需求"></textarea>
                        </div>
                        <div class="chose">
                            <p class="p1">您需要咨询（可多选）*</p>
                            <div class="cs">
                                <div class="it active">
                                    <div class="k"></div>
                                    <p>企业网站定制开发</p>
                                </div>
                                <div class="it">
                                    <div class="k"></div>
                                    <p>Web/APP/小程序开发</p>
                                </div>
                                <div class="it">
                                    <div class="k"></div>
                                    <p>SEM效果提升</p>
                                </div>
                                <div class="it">
                                    <div class="k"></div>
                                    <p>SEO排名优化</p>
                                </div>
                                <div class="it">
                                    <div class="k"></div>
                                    <p>新媒体营销推广</p>
                                </div>
                                <div class="it">
                                    <div class="k"></div>
                                    <p>品牌策划</p>
                                </div>
                            </div>
                        </div>
                        <div class="btn each_btn">
                            <div class="text">
                                <p>立即提交</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="foot">
                <div class="dom1">
                    <div class="d1">
                        <div class="dbox">
                            <div class="dl">
                                <div class="logo">
                                    <img src="./static/images/logo.png" alt="">
                                </div>
                                <div class="st">数字化策略与营销专家</div>
                                <div class="sr">
                                    <input type="text" placeholder="输入手机号,即刻体验">
                                    <div class="btn">确定</div>
                                </div>
                            </div>
                            <div class="dc">
                                <a href="">关于</a>
                                <a href="">案例</a>
                                <a href="">服务</a>
                                <a href="">观点</a>
                                <a href="">联系</a>
                            </div>
                            <div class="dr">
                                <div class="item">
                                    <div class="t">官网</div>
                                    <span></span>
                                    <a href="">
                                        企业官网定制开发
                                    </a>
                                    <div class="icon">
                                        <img src="./static/images/jt.png" alt="">
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="t">产品</div>
                                    <span></span>
                                    <a href="">
                                        web/app/小程序开发
                                    </a>
                                    <div class="icon">
                                        <img src="./static/images/jt.png" alt="">
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="t">转化</div>
                                    <span></span>
                                    <a href="">
                                        sem效果提升
                                    </a>
                                    <div class="icon">
                                        <img src="./static/images/jt.png" alt="">
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="t">流量</div>
                                    <span></span>
                                    <a href="">
                                        SEO排名优化
                                    </a>
                                    <div class="icon">
                                        <img src="./static/images/jt.png" alt="">
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="t">传播</div>
                                    <span></span>
                                    <a href="">
                                        SEO排名优化
                                    </a>
                                    <div class="icon">
                                        <img src="./static/images/jt.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="dlink">
                            <p>友情链接</p>
                            <div class="as">
                                <a href="">数阔云听cem</a>
                                <a href="">企业直播</a>
                                <a href="">营销自动化</a>
                            </div>
                        </div>
                    </div>
                    <div class="d2">
                        <div class="dbox">
                            <div class="t1">每个品牌都需要精心策划</div>
                            <div class="t2">点击下方按钮，立即免费获取</div>
                            <a class="btn each_btn" href="./contact.html">
                                <img src="./static/images/jt2.png" alt="">
                                <div class="text">
                                    <p>免费获取</p>
                                </div>
                            </a>
                            <div class="pic">
                                <img class="pic1" src="./static/images/fbg1.png" alt="">
                                <div class="pic2">
                                    <img src="./static/images/fp.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="dInfo">
                            <div class="t">业务咨询</div>
                            <div class="dc">
                                <div class="phone">152-5771-3337</div>
                                <div class="wxchat">
                                    <p>微信咨询</p>
                                    <div class="icon">
                                        <img src="./static/images/wx.png" alt="">
                                    </div>
                                    <div class="code">
                                        <img src="./static/images/code.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <a class="email" href="mailto:627603421@qq.com" target="_blank">
                                627603421@qq.com
                            </a>
                        </div>
                    </div>
                </div>
                <div class="dom2">
                    <p>© 2024 优升网络科技 Rights Reserved.</p>
                    <a class="bei" href="https://beian.miit.gov.cn/" target="_blank">滇ICP备2022001335号</a>
                    <div class="links">
                        <a href="">网站声明</a>
                        <span></span>
                        <a href="">隐私政策</a>
                    </div>
                </div>
            </div>
        </div>


    </div>
    <script src="./static/js/jquery-3.6.1.min.js"></script>
    <script src="./static/js/swiper.js"></script>
    <script src="./static/js/common.js"></script>
    <script src="./static/js/wow.min.js"></script>
    <script src="./static/js/countUp.js"></script>
    <script src="./static/js/gsap.min.js"></script>
    <script src="./static/js/jquery.parallax.js"></script>
    <script src="./static/js/ScrollTrigger.min.js"></script>
    <script src="./static/js/locomotive-scroll.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
        // new WOW().init();

        let locomotive, scrollTop;
        window.addEventListener('load', function () {
            if (document.querySelector('[data-scroll-container]')) {
                locomotive = new LocomotiveScroll({ el: document.querySelector('[data-scroll-container]'), smooth: true, lerp: 0.09, });
                locomotive.on('scroll', function (position) {
                    scrollTop = position.scroll.y;
                    WOW.init();
                });
            }
        })


        $('.each_btn').each(function (i, e) {
            var text = $(e).find('p').text()
            var split = text.split('')
            var html = '';
            for (let j = 0; j < split.length; j++) {
                html += `<div>${split[j]}</div>`
            }
            $(e).find('.text').html(html)

            $(e).find('.text').append('<div class="inset">' + html + '</div>')

            $(e).hover(function () {
                $(e).find('.text > div:not(.inset)').each(function (i, e) {
                    var delay = i * 0.05
                    $(e).css('transition-delay', delay + 's')
                })
                $(e).find('.text .inset div').each(function (index, ele) {
                    var delay2 = (($(e).find('.text > div:not(.inset)').length * 0.05)) + (index * 0.05)
                    $(ele).css('transition-delay', delay2 + 's')
                })
                $(e).find('.text div:not(.inset)').css('opacity', '0')
                $(e).find('.text .inset div').css('opacity', '1')
            }, function () {

                $(e).find('.text > div:not(.inset)').get().reverse().forEach(function (el, i) {
                    var delay = (($(e).find('.text > div:not(.inset)').length * 0.05)) + (i * 0.05)
                    $(el).css('transition-delay', delay + 's');
                });

                $(e).find('.text .inset div').get().reverse().forEach(function (el, i) {
                    var delay2 = i * 0.05
                    $(el).css('transition-delay', delay2 + 's')
                })

                $(e).find('.text div:not(.inset)').css('opacity', '1')
                $(e).find('.text .inset div').css('opacity', '0')

            })

        })


        $('.chose .cs .it').click(function(){
            $(this).stop().toggleClass('active')
        })

    </script>
</body>

</html>