<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
            <title>关于运城逸码科技开发公司- 逸码科技</title>    <meta name="keywords" content=""/>
    <meta name="description" content="逸码科技是一家运城APP开发、小程序开发、网站建设公司，为运城企业提供值得信赖的技术服务。"/>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1"/>
    <!--Google Adsence-->
    
    <!--百度统计-->
    <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?09687042cc9e1f9f6873c0e512bf69f4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>
    <!--Favicon -->
    <link rel="icon" type="image/png" href=""/>
    <!-- Apple Touch Icon -->
    <link rel="apple-touch-icon" href=""/>

    <!-- CSS Files -->
    <link rel="stylesheet" href="/statics/v2020/style20/css/plugins.css?v=2.2"/>
    <!-- Main Styles -->
    <link rel="stylesheet" href="/statics/v2020/style20/css/theme.css?v=2.2"/>
    <!-- Color Skins -->
    <link rel="stylesheet" href="/statics/v2020/style20/css/skins/default.css"/>
    <!-- Index Styles -->
    <link rel="stylesheet" href="/statics/v2020/style20/content/index/css/index.css?v=2.1.5"/>
    <link rel="stylesheet" href="/statics/v2020/style20/css/style.css"/>

    <!-- End Page Styles -->
    <!-- Page Styles -->
    <link rel="stylesheet" href="/statics/v2020/style20/content/everest/css/everest.css?v2.2" />
    <link rel="stylesheet" href="/statics/v2020/style20/css/components/twentytwenty.css" />

    <!--  jquery -->
    <script src="/statics/v2021/static/jquery/jquery.min.js"></script>
    <style>
        .box-inner7 {
            height: 593px;
            padding: 0;
            border-radius: 10px;
        }

        .box-inner7 img {
            width: 100%;
        }

        .qdr-col-6 > * {
            padding: 9px;
        }

        .page-title{
            line-height: 56px;
        }
        .page-title-white{
            line-height: 56px;
        }
        .box-inner7{ height:593px;padding:0;border-radius:10px; }
        .box-inner7 img { width:100%; }
        .qdr-col-6>* { padding:9px; }
        .twentytwenty-overlay:hover{ display: none; }
        .twentytwenty-container img{ width: 100%; }
        .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{ background-color:#fff; box-shadow: none; width: 4px; }
        .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after{background-color:#fff; box-shadow: none;height: 2px;}
        .twentytwenty-handle{background-color: #d82950; cursor:move; border-color: #d82950;box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.2);opacity: 0.5;-webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;}
        .twentytwenty-handle:active{ background-color:#4542d5; border-color:#4542d5; }
        .twentytwenty-container:hover .twentytwenty-handle{opacity: 1;}
        .twentytwenty-left-arrow{border-right-color:#fff;}
        .twentytwenty-right-arrow{border-left-color:#fff;}
        .twentytwenty-up-arrow{border-bottom-color:#fff;}
        .twentytwenty-down-arrow{border-top-color:#fff;}
        .twentytwenty-before-label:before, .twentytwenty-after-label:before{ font-weight: 600; text-transform: uppercase;font-family: 'Open Sans', sans-serif;}
    </style>
</head>

<meta name="applicable-device" content="pc">

<!-- BODY START -->
<body id="body">
<!-- CONTENT -->
<!-- END CONTENT -->
<section class="about-us">
    <!-- NAVIGATION -->
    <style>
    .top-row-container {
        background-color: #f6f8fb;
        color: #515d71;
    }
    .common-box{
        width: 1400px;
        margin: 0 auto;
    }

    /*蓝色按钮样式覆盖 start*/
    #navigation.modern.white-nav .nav .nav-blue-btn {
        background: #236ffb;
        height: 33px;
        margin-top: 18px;
        line-height: 33px;
        color: white;
        box-shadow: 0 6px 10px 0 rgba(35, 111, 251, .2);
        border-radius: 2px;
        text-align: center;
        width: 108px;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        text-decoration: none;
    }
    #navigation.modern.white-nav .nav a.nav-blue-btn:hover{
        opacity: 1;
    }
    /*蓝色按钮样式覆盖 end*/
/*    top row */
    .fl{
        float: left
    }
    .fr{
        float: right;
    }
    .f-w-b {
        font-weight: 700;
    }
    .top-row-container .top-row .city-highlight {
        color: #236ffb;
    }
    .top-row-container .top-row .space-r{
        margin-right: 24px;
    }
    .top-row-container .top-row .phone-box {
        display: inline-block;
        vertical-align: middle;
    }
    .top-row-container .top-row .common-icon {
        margin-right: 5px;
        height: 17px;
        display: inline-block;
        vertical-align: middle;
    }
    .top-row-container .navigation-icon-1 {
        display: inline-block !important;
    }
    .top-row-container .top-row span {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
    }
    .top-row-container .top-row .btn-list .item {
        height: 22px;
        line-height: 22px;
        margin-left: 27px;
        text-align: left;
        display: inline-block;
    }
    .top-row-container .top-row .btn-list .item .icon {
        margin-right: 7px;
        display: inline-block;
        vertical-align: middle;
    }
    .top-row-container .top-row .btn-list .item .icon-1 {
        /* width: 16px; */
        height: 22px;
    }
    .top-row-container .top-row .btn-list .item .icon-2 {
        /* width: 22px; */
        height: 22px;
    }
    .top-row-container .top-row .btn-list .item .name{
        color: #515d71;
        font-size: 16px;
        font-weight: 700;
    }
</style>
<!-- NAVIGATION -->
<nav id="navigation" class="white-nav shrink border hover modern hover4 radius-drop" data-offset="5">
    <!-- Columns -->
    <div class="columns clearfix container-xl" style="font-size: 16px;">
        <div class="top-row-container">

            <!--  入口    -->
            <div class="top-row clearfix common-box">
    <div class="fl">
        <a class="cursor" href="https://ztbweb.cn/city">
            <img class="common-icon icon navigation-icon-1" src="/statics/v2020/static/images/index/1/2.png" style="margin-right: 5px;height: 17px;margin-top: -3px;">
            <span class="text city" style="margin-right: 5px;">运城</span>
            <span class="city-highlight" style="color: #236ffb">[</span>
            <span class="city-highlight" style="color: #236ffb">切换城市</span>
            <span class="city-highlight space-r" style="color: #236ffb">]</span>
        </a>

        <span class="text">专业的APP、小程序开发公司丨广东省高新技术企业丨双软企业丨重信用守合同企业</span>
    </div>
    <div class="fr" >
            <img class="common-icon navigation-icon-1" src="/statics/v2020/static/images/index/1/4.png" style="height: 17px;margin-top: -5px;margin-right: 5px;">
            <span>电话</span>
            <span class="f-w-b phone-text">15088132354</span>
        </div></div>                                                                        
        </div>
        <div class=" common-box">
            <!-- Logo -->
            <h1 class="logo" style="margin-top: 30px;">
                <a href="https://www.zhutibang.cn">
                    <img src="/statics/v2020/static/images/index/1/1.png">
                    <!-- Retina Logo -->
                    <img src="/statics/v2020/static/images/index/1/1.png"
                         class="retina-logo">
                </a>
            </h1>

            <!-- Navigation Menu -->
            <div class="nav-menu" style="display: block;">
                <ul class="nav clearfix uppercase">
                    <!--  入口    -->
                    <li><a href="https://ztbweb.cn/" target="_blank">首页</a></li>
<li class=""><a href="https://ztbweb.cn/app-yuncheng" target="_blank">APP开发</a></li>
<li class="dropdown-toggle">
    <a href="https://ztbweb.cn/xcx-yuncheng"  target="_blank" >小程序开发</a>
    <ul class="dropdown-menu to-right">
        <li><a href="https://ztbweb.cn/xcx-yuncheng"  target="_blank">
                小程序模板
            </a>
        </li>
        <li>
            <a href="https://ztbweb.cn/xcxdz-yuncheng" target="_blank">
                小程序定制
            </a>
        </li>
    </ul>
</li>

<li class="dropdown-toggle">
    <a href="https://ztbweb.cn/webdz-yuncheng"  target="_blank" class="nav-link">网站建设</a>
</li>
<li class=""><a href="https://ztbweb.cn/iot-yuncheng" target="_blank">物联网开发</a></li>
<li class=""><a href="https://ztbweb.cn/offer-yuncheng" target="_blank">开发报价</a></li>
<li class=""><a href="https://ztbweb.cn/projects" target="_blank">案例</a></li>
<li class=""><a href="https://ztbweb.cn/articles" target="_blank">资讯</a></li>
<li class=""><a href="https://ztbweb.cn/about-yuncheng" target="_blank">关于我们</a></li>                                                                                                                                        </ul>
            </div>
        </div>

        <!-- End Navigation Menu -->
    </div>
    <!-- End Columns -->
</nav>
<!-- END NAVIGATION -->
    <!-- END NAVIGATION -->
    <div class="container t-center">
        <p class="page-title-white animated" data-animation="fadeInUp" data-animation-delay="250">逸码科技</p>
        <p class="page-title-white animated" data-animation="fadeInUp" data-animation-delay="350">靠谱的技术伙伴</p>
    </div>
</section>

<!-- PROJECTS -->
<section id="projects" class="t-center sm-py" style="background:#F8F8F8;">
    <h1 class="page-title animated white" data-animation="fadeInUp" data-animation-delay="250">逸码科技为运城企业提供值得信赖的互联网技术服务</h1>
    <!-- Container for projects -->
    <div class="projects t-left custom-slider" data-slick='{"dots": false, "arrows": true, "speed":900, "autoplay":false, "fade": false, "draggable":false, "slidesToShow": 1, "slidesToScroll": 1, "responsive":[{"breakpoint": 1024,"settings":{"slidesToShow": 1}}]}'>

        <!-- Project -->
        <div class="moving-container project-container">
            <!-- Moving div -->
            <div class="moving project container bs-xl clearfix">
                <!-- Image -->
                <div class="left-img col-lg-5 col-12 bg-cover" data-background="/statics/style2.0/images/about/about-floor1.png"></div>
                <!-- Details -->
                <div class="right-details col-lg-7 offset-lg-5 col-12">
                    <p class="about-page-desc">我们是一家运城APP开发、小程序开发、网站建设公司，为运城企业提供值得信赖的技术服务。坚守“ 做人真诚，做事靠谱，口碑至上 ”的价值观，持续5年为各行政单位、中大型企业、创业企业提供 高品质app开发、微信小程序开发、网站建设、社交电商系统开发、网络推广等服务。</p>
                    <p class="about-page-desc">5年时间，已成功为江西文旅厅、深圳供电局、广汽丰田、怡福地产、猪八戒网、东方雨虹股份、广州大学城一卡通、天讯达股份、广东邮电人才服务等400多家运城企业完成项目开发，提供技术服务，深受客户好评。</p>
                    <p class="about-page-desc">同时拥有ZTBCMS开发框架、ZTBOPEN微信开发平台、逸店电商小程序SAAS平台、AI智能海量推等多项自主技术成果，拥有相关知识产权14项。</p>
                </div>
            </div>
            <!-- End Moving -->
        </div>
        <!-- End project -->
</section>
<!-- END PROJECTS -->

<section class="about-floor2">
    <!-- Container for title -->
    <div class="container t-center">
        <h1 class="page-title-white animated" data-animation="fadeInUp" data-animation-delay="250">公司价值观</h1>
        <p class="about-desc-white animated" data-animation="fadeInUp" data-animation-delay="350">成就客户+团队合作+诚心靠谱+持续改善+永葆激情+高效敬业</p>
    </div>
    <div class="container first boxes diy-qdr-col-3 gap-14">

        <div class="box animated" data-animation="fadeInUp" data-animation-delay="150">
            <div class="box-inner5">
                <div class="about-box-image">
                    <img src="/statics/style2.0/images/about/cjkh.png" data-original="/statics/style2.0/images/about/cjkh.png" alt="成就客户">
                </div>
                <p class="about-title">成就客户</p>
                <p class="about-title-un"></p>
                <p class="about-desc-white">客户是衣食父母</p>
            </div>
        </div>

        <div class="box animated" data-animation="fadeInUp" data-animation-delay="250">
            <div class="box-inner5">
                <div class="about-box-image">
                    <img src="/statics/style2.0/images/about/tdhz.png" data-original="/statics/style2.0/images/about/tdhz.png" alt="团队合作">
                </div>
                <p class="about-title">团队合作</p>
                <p class="about-title-un"></p>
                <p class="about-desc-white">共享共担，平凡人做非凡事</p>
            </div>
        </div>

        <div class="box animated" data-animation="fadeInUp" data-animation-delay="350">
            <div class="box-inner5">
                <div class="about-box-image">
                    <img src="/statics/style2.0/images/about/cxkp.png" data-original="/statics/style2.0/images/about/cxkp.png" alt="诚信靠谱">
                </div>
                <p class="about-title">诚信靠谱</p>
                <p class="about-title-un"></p>
                <p class="about-desc-white">诚实正直，做事靠谱</p>
            </div>
        </div>
        <div class="box animated" data-animation="fadeInUp" data-animation-delay="350">
            <div class="box-inner5">
                <div class="about-box-image">
                    <img src="/statics/style2.0/images/about/cxgs.png" data-original="/statics/style2.0/images/about/cxgs.png" alt="持续改善">
                </div>
                <p class="about-title">持续改善</p>
                <p class="about-title-un"></p>
                <p class="about-desc-white">不断进步，持续学习</p>
            </div>
        </div>
        <div class="box animated" data-animation="fadeInUp" data-animation-delay="350">
            <div class="box-inner5">
                <div class="about-box-image">
                    <img src="/statics/style2.0/images/about/ybjq.png" data-original="/statics/style2.0/images/about/ybjq.png" alt="永葆激情">
                </div>
                <p class="about-title">永葆激情</p>
                <p class="about-title-un"></p>
                <p class="about-desc-white">乐观向上，永不言弃</p>
            </div>
        </div>
        <div class="box animated" data-animation="fadeInUp" data-animation-delay="350">
            <div class="box-inner5">
                <div class="about-box-image">
                    <img src="/statics/style2.0/images/about/gxjy.png" data-original="/statics/style2.0/images/about/gxjy.png" alt="高效敬业">
                </div>
                <p class="about-title">高效敬业</p>
                <p class="about-title-un"></p>
                <p class="about-desc-white">高效执行，专业执着</p>
            </div>
        </div>
    </div>
</section>
<div class="container first boxes qdr-col-4 gap-14 pt">
    <div class="box animated" data-animation="fadeInUp" data-animation-delay="250">
        <div class="box-inner4">
            <div class="box-image">
                <img src="/statics/style2.0/images/about/about1.png" data-original="/statics/style2.0/images/about/about1.png" alt="逸码科技办公1区-大闹天宫">
                <div class="about-desc"><p class="about-p">办公1区-大闹天宫</p></div>
            </div>
        </div>
    </div>
    <div class="box animated" data-animation="fadeInUp" data-animation-delay="250">
        <div class="box-inner4">
            <div class="box-image">
                <img src="/statics/style2.0/images/about/about2.png" data-original="/statics/style2.0/images/about/about2.png" alt="逸码科技办公2区-十八罗汉">
                <div class="about-desc"><p class="about-p">办公2区-十八罗汉</p></div>
            </div>
        </div>
    </div>
    <div class="box animated" data-animation="fadeInUp" data-animation-delay="250">
        <div class="box-inner4">
            <div class="box-image">
                <img src="/statics/style2.0/images/about/about3.png" data-original="/statics/style2.0/images/about/about3.png" alt="逸码科技会客区-如意庵">
                <div class="about-desc"><p class="about-p">会客区-如意庵</p></div>
            </div>
        </div>
    </div>
    <div class="box animated" data-animation="fadeInUp" data-animation-delay="250">
        <div class="box-inner4">
            <div class="box-image">
                <img src="/statics/style2.0/images/about/about4.png" data-original="/statics/style2.0/images/about/about4.png" alt="逸码科技荣誉墙">
                <div class="about-desc"><p class="about-p">荣誉墙</p></div>
            </div>
        </div>
    </div>
</div>
<!-- Slider证书 -->
<div class="custom-slider container block-img qdr-controls c-grab centermode sm-py" data-slick='{"dots": false, "centerMode": true, "arrows": true, "fade": false, "draggable":true, "slidesToShow": 5, "slidesToScroll": 2, "responsive":[{"breakpoint": 1024,"settings":{"slidesToShow": 3}},{"breakpoint": 600,"settings":{"slidesToShow": 1}}]}'>
    <div class="gap-10"><img src="/statics/style2.0/images/about/zs-b.png" alt="逸码科技计算机软件著作权登记证书-1"></div>
    <div class="gap-10"><img src="/statics/style2.0/images/about/zs-b.png" alt="逸码科技计算机软件著作权登记证书-2"></div>
    <div class="gap-10"><img src="/statics/style2.0/images/about/zs-b.png" alt="逸码科技计算机软件著作权登记证书-3"></div>
    <div class="gap-10"><img src="/statics/style2.0/images/about/zs-b.png" alt="逸码科技计算机软件著作权登记证书-4"></div>
    <div class="gap-10"><img src="/statics/style2.0/images/about/zs-b.png" alt="逸码科技计算机软件著作权登记证书-5"></div>
    <div class="gap-10"><img src="/statics/style2.0/images/about/zs-b.png" alt="逸码科技计算机软件著作权登记证书-6"></div>
    <div class="gap-10"><img src="/statics/style2.0/images/about/zs-b.png" alt="逸码科技计算机软件著作权登记证书-7"></div>
    <div class="gap-10"><img src="/statics/style2.0/images/about/zs-b.png" alt="逸码科技计算机软件著作权登记证书-8"></div>
</div>

<!-- Call To Action -->
<section id="actions" class="pb">
    <div class="container" style="padding:0">
        <div class="xs-mt calculate-height height-auto-xs white radius bs-lg-hover slow about-button">
            <div class="row">
                <div class="col-lg-9 col-12 t-center-sm xs-py xs-pl">
                    <h2 class="page-title-innovate">加入我们，携手谱写精彩明天</h2>
                </div>
                <!-- <div class="col-lg-3 col-12 t-center bottom-mobile-20">
                    <div class="v-center v-normal-mb">
                        <a class="xl-btn radius bg-innovate qdr-hover-4 bs-hover border-dashed bg-white slow1 white bold" href="https://www.zhipin.com/gongsi/0ab38f42a85a23841nV72dy8.html?ka=search_rcmd_company_0ab38f42a85a23841nV72dy8" rel="nofollow" target="_blank" role="button">投递简历</a>
                    </div>
                </div> -->
            </div>
        </div>
    </div>
</section>

<!-- FOOTER -->
<footer id="footer" class="classic_footer">
    <!-- Container -->
    <div class="container footer-body">

        <div class="row clearfix">
            <div class="col-md-4 col-sm-4 col-xs-12 sm-mb-mobile">
                <div class="item item-1">
                    <div class="logo-box" style=" height: 60px;">
                        <img class="logo" src="/statics/v2020/static/images/index/footer/logo.png">
                    </div>
                    <p class="text" style="line-height: 30px;font-size: 14px;color: rgba(255,255,255,.6);display: block;text-align: justify;">坚守“做人真诚，做事靠谱，口碑至上”的价值观，致力于为企业提供可靠的互联网+技术服务。</p>
                </div>
            </div>



            <div class="col-md-2 col-sm-4 col-xs-12 sm-mb-mobile">
                <h6 class="uppercase" style="height: 60px; line-height: 1.6; font-size: 20px; color: #fff;">主营业务</h6>
                <p><a href="https://ztbweb.cn/xcx-yuncheng" target="_blank" style="line-height: 30px; font-size: 14px; color: rgba(255,255,255,.6); display: block; text-align: justify;">小程序开发</a></p>
                <p><a href="https://ztbweb.cn/app-yuncheng" target="_blank" style="line-height: 30px; font-size: 14px; color: rgba(255,255,255,.6); display: block; text-align: justify;">APP开发</a></p>
                <p><a href="http://www.yidian168.cn" target="_blank" style="line-height: 30px; font-size: 14px; color: rgba(255,255,255,.6); display: block; text-align: justify;">电商系统</a></p>
                <p><a href="https://ztbweb.cn/webdz-yuncheng" target="_blank" style="line-height: 30px; font-size: 14px; color: rgba(255,255,255,.6); display: block; text-align: justify;">网站建设</a></p>
            </div>

            <!-- Column -->
            <div class="col-md-4 col-sm-4 col-xs-12 all-block-links sm-mb-mobile" >
                    <h6 class="uppercase" style="height: 60px; line-height: 1.6; font-size: 20px; color: #fff;">
                        <i class="fa fa-envelope mini-mr"></i>联系我们
                    </h6>
                    <p style="line-height: 30px; font-size: 14px; color: rgba(255,255,255,.6); display: block; text-align: justify;">咨询热线：15088132354</p>
                </div>            <!-- End Column -->

            <!-- Column -->
            <div class="col-md-2 col-sm-4 col-xs-12 sm-mb-mobile all-block-links">
                <!-- Title -->
                <h6 style="height: 60px; line-height: 1.6; font-size: 20px; color: #fff;">
                    <i class="fa fa-map-marker mini-mr"></i>我们的地址
                </h6>
                <p style="line-height: 30px; font-size: 14px; color: rgba(255,255,255,.6); display: block; text-align: justify;">广州市天河区天慧路10、12、14号粤港澳大湾区广东创新创业孵化基地B栋B202-204单元</p>
                <p style="line-height: 30px; font-size: 14px; color: rgba(255,255,255,.6); display: block; text-align: justify;"><a
                            rel="nofollow"
                            href="http://map.baidu.com/?newmap=1&ie=utf-8&s=s%26wd%3D%E5%B9%BF%E5%B7%9E%E5%B8%82%E6%B5%B7%E7%8F%A0%E5%8C%BA%E6%96%B0%E6%B8%AF%E4%B8%9C%E8%B7%AF1088%E5%8F%B7%E4%B8%AD%E6%B4%B2%20%E4%BA%A4%E6%98%93%E4%B8%AD%E5%BF%831610-1611%E5%8D%95%E5%85%83"
                            target="_blank" style="color: #578df1;">点击查看地图位置</a></p>
             
            </div>
            <!-- End Column -->
        </div>
    </div>

    <div style="height: 1px;background: #646b80;width: 1200px;margin: 0 auto;"></div>
    <!-- End Container -->
    <div class="footer-bottom" style="background-color: #37405e">
        <div class="container">
            <div class="row clearfix calculate-height t-center-xs">
                <!-- Bottom Note -->
                <div class="col-sm-12 col-xs-12 table-im t-left height-auto-mobile t-center-xs xxs-mt-mobile">
                    <p class="v-middle" style="color:rgba(255,255,255,.6);">
                        <span>COPYRIGHT</span>
                        <span>2026</span>
                        <span>广州主题邦信息科技有限公司</span>
                        <span>|</span>
                        <span><a href="https://beian.miit.gov.cn/" rel="nofollow">粤ICP备15081885号</a></span>
                        <span>|</span>
                        <span>承接业务：</span>
                        <span>小程序开发</span>
                        <span>APP开发</span>
                        <span>网站建设</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
</footer>

<!--客服-->
<div id="qq_content" class="qq_content" style="top: 222px;">
    <div id="contactsBlock" class="showContractsBlock">
        <div class="wechat_block">
                <img src="/statics/common/img/service_qrcode@120.png">
                <p class="consult">微信咨询</p>
            </div>        <div class="qq_block">
                <p class="kefu"><img src="/statics/v2020/style20/images/kefu/kefu.png">咨询热线</p>
                <p class="phone">15088132354</p>
            </div>    </div>
    <div class="qq_block">
        <a id="toggleText" href="javascript:toggleQQContact(this)" style="text-decoration: none;">收起</a>
    </div>
    <div class="kefuitem">
        <a id="back-to-to" href="#top">
            <img src="/statics/style2.0/images/kefu/top.png" alt="顶部" class="kefuitemimg">
            <p class="hoverwhitep">回到顶部</p>
        </a>
    </div>
</div>
<style>
    /*右侧客服悬浮窗*/
    #qq_content {
        width: 175px;
        height: auto;
        background: #ffffff;
        position: absolute;
        right: 20px;
        top: 30%;
        z-index: 99;
        box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.07);
        font-size: 12px;
        text-align: center;
        padding: 20px 10px;
        colot: #666;
    }

    .qq_block, .wechat_block, .product_block {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px #eee solid;
    }

    .wechat_block .consult {
        font-size: 16px;
        color: #666666;
        margin-top: 15px;
    }

    .qq_block img {
        width: 30px;
        height: 25px;
        margin: 0px 0px -3px -5px;
    }
    .qq_block a {
        color: #333;
    }
    .qq_block .kefu{
        font-size: 14px;
    }
    .qq_block .kefu img{
        width: 16px;
        height: 16px;
        margin: 3px;
    }
    .qq_block .phone{
        font-size: 18px;
        font-weight: bold;
        color: #236EFB;
    }
    .qq_block .qq_contact {
        font-size: 12px;
        display: block;
        margin: 10px auto;
        padding: 5px 5px;
        text-align: center;
        overflow: hidden;
        width: 120px;
        color: #FFF;
        background: #236EFB;
        border-radius: 4px;
    }
    .boteee img {
        width: 28px;
        height: 22px;
    }
    #qq_content .kefuitem {
        position: relative;
        cursor: pointer;
    }
    .hoverwhitep {
        margin-top: 5px;
    }
</style>
<script>

    function startMove_scroll() {
        var oDiv = document.getElementById("qq_content");
        var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
        var len = parseInt((document.documentElement.clientHeight - oDiv.offsetHeight) / 3 + 30 + 'px');
        startMove(scrollTop + len);
    }

    var timer = null;
    function startMove(iTarget) {
        var oDiv = document.getElementById("qq_content");
        clearInterval(timer);
        timer = setInterval(function() {
            var speed = (iTarget - oDiv.offsetTop) / 8;
            speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
            if(oDiv.offsetTop == iTarget) {
                clearInterval(timer);
            } else {
                oDiv.style.top = oDiv.offsetTop + speed + "px";
            }
        }, 10);
    }

    startMove_scroll();
    window.onscroll = function(){
        startMove_scroll();
    };

    function toggleQQContact(e) {
        $('#contactsBlock').toggleClass('showContractsBlock');
        if ($('#contactsBlock').hasClass('showContractsBlock')) {
            $('#contactsBlock').fadeIn();
            $('#toggleText').text('收起');
        } else {
            $('#contactsBlock').fadeOut();
            $('#toggleText').text('展开');
        }
    }

    function saveConsult(){
        var url = '/consult';
        $.ajax({url: url, data: {}, type: 'get'});
    }
</script>

<!--咨询弹框-->
<style>
    .contact-popup-container {
        width: 100%;
        height: 100%;
        z-index: 1000;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .3);
        z-index: 2000;
    }

    .contact-popup-container .contact-popup-fix {
        width: 580px;
        height: 260px;
        z-index: 1100;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -130px;
        margin-left: -290px
    }

    .contact-popup-container .contact-popup-fix .contact-popup {
        width: 100%;
        height: 100%;
        position: relative
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup {
        width: 100%;
        height: 100%;
        padding: 52px 47px;
        z-index: 1120;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-1 {
        line-height: 1;
        margin-bottom: 4px;
        font-family: AlibabaPuHuiTiR;
        font-size: 22px;
        color: #fff;
        opacity: .6
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-2 {
        line-height: 1;
        margin-bottom: 19px;
        font-family: AlibabaPuHuiTiR;
        font-size: 28px;
        color: #fff;
        opacity: .6
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-3 {
        line-height: 1;
        margin-bottom: 4px;
        font-family: AlibabaPuHuiTiR;
        font-size: 28px;
        color: #fff
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-4 {
        line-height: 1;
        margin-bottom: 29px;
        font-family: AlibabaPuHuiTiB;
        font-size: 28px;
        color: #fff;
        font-weight: 700
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-5 {
        line-height: 1;
        font-family: AlibabaPuHuiTiR;
        font-size: 22px;
        color: #fff;
        opacity: .6
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-6 {
        line-height: 1;
        font-family: AlibabaPuHuiTiM;
        font-size: 24px;
        color: #fff
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .wxqrcode {
        width: 148px;
        height: 148px;
        padding: 5px;
        background-color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 78px;
        right: 46px
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .wxqrcode .icon {
        width: 100%;
        height: 100%
    }

    .contact-popup-container .contact-popup-fix .contact-popup .bg {
        width: 100%;
        height: 100%;
        z-index: 1110;
        position: absolute;
        top: 0;
        left: 0
    }

    .contact-popup-container .contact-popup-fix .contact-popup .close {
        width: 50px;
        height: 50px;
        z-index: 1130;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0
    }

    .contact-popup-container .contact-popup-fix .contact-popup .close .icon {
        width: 13px;
        height: 13px;
        position: relative;
        top: 14px;
        right: -25px
    }

    .contact-popup-container-2 .contact-popup-fix .contact-popup {
        background-color: #fff
    }

    .contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-1 {
        color: #191c3d;
        opacity: 1
    }

    .contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-2 {
        color: #191c3d;
        opacity: 1
    }

    .contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-7 {
        line-height: 1;
        margin-bottom: 5px;
        font-family: AlibabaPuHuiTiR;
        font-size: 28px;
        color: #236ffb
    }
</style>
<!-- 联系我们弹框 -->
<div class="contact-popup-container contact-popup-container-2" style="display:none;">
    <div class="contact-popup-fix">
        <div class="contact-popup">
            <div class="popup">
                <p class="text-1">您好！</p>
                <br>
                <p class="text-2">咨询热线：</p>
                <p class="text-7">15088132354</p>
                <p class="text-1" style="font-size: 14px;margin-top: 11px;">扫码加顾问微信 --></p>

                <div class="wxqrcode">
                    <img class="icon" src="/statics/common/img/service_qrcode@120.png">
                </div>
            </div>
            <img class="bg" src="/statics/v2020/static/images/index/popup/7.png">
            <div class="close contact-popup-close-btn" title="关闭">
                <img class="icon" src="/statics/v2020/static/images/index/popup/5.png">
            </div>
        </div>

    </div>
</div>

<script>
    $(function () {
        // 点击关闭联系我们
        $('.contact-popup-close-btn').click(function () {
            $('.contact-popup-container').hide();
        })

        // 打开
        $('.concat-me-btn').click(function () {
            $('.contact-popup-container').show()
        })
    })
</script>


<!-- END FOOTER -->
<!-- Back To Top -->

<!-- jQuery -->
<script type="text/javascript" src="/statics/style2.0/js/jquery.min.js"></script>
<!-- MAIN SCRIPTS - Classic scripts for all theme -->
<script type="text/javascript" src="/statics/style2.0/js/scripts.js?v=2.2"></script>
<script type="text/javascript" src="/statics/style2.0/js/ban2.js"></script>
<!-- END JS FILES -->
</body>
<!-- Body End -->
</html>