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

<head>
    <meta charset="UTF-8">

    <title>深圳软件外包_软件开发_软件定制_软件制作_沃龙软件公司</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="深圳软件外包公司,深圳软件开发公司,深圳软件定制公司,软件外包,软件开发,软件定制,app开发公司、小程序开发公司">
    <meta name="description" content="深圳沃龙信息技术有限公司位于深圳，专注于软件外包、软件开发和软件定制业务。我们拥有专业的技术团队，为客户提供高质量、定制化的软件解决方案，满足不同行业的多样化需求，助力企业数字化转型。">
    <meta name="Copyright" content="深圳软件外包公司">
    <link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">

    <!-- stylesheets -->
<!--    <link rel="stylesheet" href="http://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@300;400;500;600&display=swap">-->
    <link rel="stylesheet" href="assets/css/google-fonts.css">
    <link rel="stylesheet" href="assets/css/flaticon.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/custom-animation.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/bootstrap-v4.1.3.min.css">
    <link rel="stylesheet" href="assets/css/spacing.min.css">
    <link rel="stylesheet" href="assets/css/mainmenu.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/responsive.css">

</head>

<body>

    <div class="page-wrapper">

        <!-- Preloader -->
        <div class="preloader"></div>

        <!--==================================================================== 
                            Start header area
    =====================================================================-->

        <header class="main-header">

            <!--Header-Upper-->
            <div class="header-upper">
                <div class="container-fluid clearfix">

                    <div class="header-inner clearfix">
                        <div class="logo-outer">
                            <div class="logo" style="float: right;"><a href="index.html"><img src="assets/img/logo.png" alt="" title=""></a></div>
                        </div>

                        <!-- Main Menu -->
                        <nav class="main-menu navbar-expand-lg ml-md-auto">
                            <div class="navbar-header clearfix">
                                <div class="logo"><a href="index.html"><img src="assets/img/logo.png" alt="" title=""></a></div>
                                <!-- Toggle Button -->
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-one">
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>

                            <div class="navbar-collapse navbar-collapse-one collapse clearfix">
                                <ul class="navigation clearfix">
                                    <li class="current"><a href="index.html">首页</a></li>
                                    <li><a href="about.html">关于我们</a></li>
                                    <li class="dropdown"><a href="services.html" >服务范围</a>
                                        <ul>
                                            <li><a href="services.html#software_development">软件开发</a></li>
                                            <li><a href="services.html#software_outsourcing">软件外包</a></li>
                                            <li><a href="services.html#software_maintenance">软件维护支持</a></li>
                                            <li><a href="services.html#software_consulting">软件咨询</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="case.html">客户案例</a></li>
                                    <li><a href="news.html">新闻资讯</a></li>
                                    <li><a href="contact.html">联系我们</a></li>
                                </ul>
                            </div>
                        </nav>
                        <!-- Main Menu End-->

                        <!-- Menu buttons-->
                        <div class="menu-button ml-55" id="wechatQrcode">
                            <a href="javascript:void(0)" class="theme-btn" onclick="showQRCode()"><i class="fa fa-wechat"></i> 扫码咨询</a>
                        </div>
                    </div>

                </div>
            </div>
            <!--End Header Upper-->

        </header>

        <!--==================================================================== 
                            End header area
    =====================================================================-->



        <!--==================================================================== 
							Start hero section
	=====================================================================-->
        <section class="hero-section rel pt-220 rpt-150 pb-130 rpb-0">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="hero-content my-50">
                            <h1 class="wow customFadeInUp delay-0-1s slow">深圳软件外包</h1>
							    <h1 class="wow customFadeInUp delay-0-1s slow">软件开发</h1>
								    <h1 class="wow customFadeInUp delay-0-1s slow">软件定制公司</h1>
                            <p class="wow customFadeInUp delay-0-3s slow">更快、更高效、更高质量、更省心的深圳软件开发与定制外包服务</p>
                            <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=82516886&amp;site=qq&amp;menu=yes" class="theme-btn btn-big wow customFadeInUp delay-0-5s slow"  target="_blank">联系定制 <i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="hero-img">
                            <img src="assets/img/hero/hero.png" alt="Hero Image">
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="shape shapeAnimationOne l-10 t-60">
                <img src="assets/img/shapes/shape1.png" alt="Shape">
            </div>
            <div class="shape shapeAnimationTwo l-70 t-60">
                <img src="assets/img/shapes/shape2.png" alt="Shape">
            </div>
            <div class="shape shapeAnimationThree l-50 t-100">
                <img src="assets/img/shapes/shape3.png" alt="Shape">
            </div>
        </section>
        <!--==================================================================== 
							End hero section
	=====================================================================-->


        <!--==================================================================== 
							Start services section
	=====================================================================-->
        <section class="services-section rel text-center mt-100 mb-70">
            <div class="container">
                <div class="row">

                    <!-- single-service -->
                    <div class="col-lg-4 col-md-6">
                        <div class="single-service-box style-three">
                            <div class="service-icon">
                                <img src="assets/img/services/service1.png" alt="Service Icon">
                            </div>
                            <div class="service-content">
                                <h4><a href="#">软件外包</a></h4>
                                <p>软件外包能够显著降低开发成本，提高项目执行效率，企业可以专注于核心业务。同时，外包公司通常拥有专业的技术团队和丰富的项目经验，能够提供高质量的服务。此外，外包模式还具有灵活性，可以根据项目需求快速调整资源。</p>
                            </div>
                        </div>
                    </div>

                    <!-- single-service -->
                    <div class="col-lg-4 col-md-6">
                        <div class="single-service-box style-three">
                            <div class="service-icon">
                                <img src="assets/img/services/service2.png" alt="Service Icon">
                            </div>
                            <div class="service-content">
                                <h4><a href="#">软件系统定制</a></h4>
                                <p>深入了解您的业务流程，明确需求，量身定制系统架构，确保高效、安全。提供专业的部署服务和持续的技术支持，保障系统的长期运行。无论您是初创企业还是大型机构，我们都将为您打造最适合的软件解决方案</p>
                            </div>
                        </div>
                    </div>

                    <!-- single-service -->
                    <div class="col-lg-4 col-md-6">
                        <div class="single-service-box style-three">
                            <div class="service-icon">
                                <img src="assets/img/services/service3.png" alt="Service Icon">
                            </div>
                            <div class="service-content">
                                <h4><a href="#">软件开发</a></h4>
                                <p>我们提供全面的软件开发服务，涵盖多种技术和平台，包括：网站建设、APP开发、小程序开发、公众号开发、H5开发、系统集成与API开发、系统系统定制等服务，无论您的需求是什么，我们都能为您提供专业的软件开发解决方案。</p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            
            <div class="shape shapeAnimationOne l-10 t-0">
                <img src="assets/img/shapes/shape3.png" alt="Shape">
            </div>
            <div class="shape shapeAnimationTwo t-100 r-5">
                <img src="assets/img/shapes/shape1.png" alt="Shape">
            </div>
        </section>
        <!--==================================================================== 
							End services section
	=====================================================================-->



        <!--==================================================================== 
							Start About Section
	=====================================================================-->
        <section class="about-section rel mb-100">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-5">
                        <div class="about-content mr-20 rmr-0 rmb-50 wow customFadeInRight delay-0-1s slow">
                            <div class="section-title mb-35">
                                <span class="sub-title">About</span>
                                <h2>沃龙软件：<br/>全方位的软件开发解决方案公司</h2>
                            </div>
                            <p>深圳沃龙软件提供从产品原型设计、交互设计到系统编码开发、后期运维的全流程软件开发服务。我们深刻理解企业需求，根据您的成本控制预算，量身定制最合适的解决方案，确保每个项目都能交付高质量的商用软件产品。</p>
                            <p>凭借我们出色的软件开发团队和丰富的项目经验，我们致力于将您的创意转化为用户喜爱的、功能强大的、可扩展的商用软件系统，为企业带来卓越的用户体验和商业价值。</p>
                            <a href="about.html" class="theme-btn mt-20">查看更多</a>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="about-image wow customFadeInLeft delay-0-1s slow">
                            <img src="assets/img/about/about.png" alt="about image">
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="shape shapeAnimationFour l-10 t-5">
                <img src="assets/img/shapes/shape4.png" alt="Shape">
            </div>
            <div class="shape shapeAnimationFive r-10 t-100 zm-1">
                <img src="assets/img/shapes/shape2.png" alt="Shape">
            </div>
        </section>
        <!--==================================================================== 
							End About Section
	=====================================================================-->


        <!--==================================================================== 
            Start Our Success Section
        =====================================================================-->
        <section class="success-section pt-105 pb-70">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-6">
                        <div class="success-box">
                            <i class="flaticon-competition"></i>
                            <div class="count-wrap">
                                <span class="count-text" data-speed="5000" data-stop="99">80</span>
                                <p>客户好评</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="success-box">
                            <i class="flaticon-happy"></i>
                            <div class="count-wrap">
                                <span class="count-text" data-speed="5000" data-stop="190">180</span>
                                <p>成功案例</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="success-box">
                            <i class="flaticon-admin"></i>
                            <div class="count-wrap">
                                <span class="count-text" data-speed="5000" data-stop="50">38</span>
                                <p>团队成员</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="success-box">
                            <i class="flaticon-startup"></i>
                            <div class="count-wrap">
                                <span class="count-text plus" data-speed="5000" data-stop="200">180</span>
                                <p>完成项目</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="success-bg"></div>
            <div class="shape shapeAnimationFour r-5 t-100">
                <img src="assets/img/shapes/shape3.png" alt="Shape">
            </div>
        </section>
        <!--==================================================================== 
            End Our Success Section
        =====================================================================-->



        <!--==================================================================== 
							Start services two section
	=====================================================================-->
        <section class="services-two rel mb-115">
            <div class="container">
                <div class="service-inner" style="background-image:url(assets/img/services/bg.png);">

                    <div class="section-title text-center mb-15">
                        <span class="sub-title">Services</span>
                        <h2>优势服务 <br/>软件外包、软件定制</h2>
                    </div>

                    <div class="service-carousel owl-carousel">
                           
                        <div class="service-style-two">
                            <div class="service-image">
                                <img src="assets/img/services/s-two1.png" alt="Service Image">
                            </div>
                            <div class="service-two-content">
                                <h4><a href="#">专业的技术团队</a></h4>
                                <p>拥有一支经验丰富的开发团队，精通多种编程语言和技术栈。</p>
                                <a href="#" class="read-more"><i class="flaticon-logout"></i>Read More</a>
                            </div>
                        </div>

                        <div class="service-style-two">
                            <div class="service-image">
                                <img src="assets/img/services/s-two2.png" alt="Service Image">
                            </div>
                            <div class="service-two-content">
                                <h4><a href="#">丰富的项目经验</a></h4>
                                <p>参与过多个行业的项目，积累了丰富的开发经验和最佳实践。 </p>
                                <a href="#" class="read-more"><i class="flaticon-logout"></i>Read More</a>
                            </div>
                        </div>

                        <div class="service-style-two">
                            <div class="service-image">
                                <img src="assets/img/services/s-two3.png" alt="Service Image">
                            </div>
                            <div class="service-two-content">
                                <h4><a href="#">高效的项目管理</a></h4>
                                <p>采用敏捷开发方法，确保项目快速迭代和灵活调整，建立高效的沟通机制。</p>
                                <a href="#" class="read-more"><i class="flaticon-logout"></i>Read More</a>
                            </div>
                        </div>
                        
                        <div class="service-style-two">
                            <div class="service-image">
                                <img src="assets/img/services/s-two4.png" alt="Service Image">
                            </div>
                            <div class="service-two-content">
                                <h4><a href="#">全面的质量保障</a></h4>
                                <p>实施严格的代码审查和测试流程，确保交付高质量的软件产品。</p>
                                <a href="#" class="read-more"><i class="flaticon-logout"></i>Read More</a>
                            </div>
                        </div>

                        <div class="service-style-two">
                            <div class="service-image">
                                <img src="assets/img/services/s-two5.png" alt="Service Image">
                            </div>
                            <div class="service-two-content">
                                <h4><a href="#">定制化解决方案</a></h4>
                                <p>根据客户的特定需求，提供量身定制的软件开发服务，确保高度的业务贴合度。</p>
                                <a href="#" class="read-more"><i class="flaticon-logout"></i>Read More</a>
                            </div>
                        </div>

                        <div class="service-style-two">
                            <div class="service-image">
                                <img src="assets/img/services/s-two6.png" alt="Service Image">
                            </div>
                            <div class="service-two-content">
                                <h4><a href="#">完善的售后服务</a></h4>
                                <p>提供长期的技术支持和维护服务，定期进行系统维护，根据客户需求进行功能迭代。</p>
                                <a href="#" class="read-more"><i class="flaticon-logout"></i>Read More</a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            
            <div class="shape shapeAnimationThree b-40 l-10">
                <img src="assets/img/shapes/shape1.png" alt="Shape">
            </div>
            <div class="shape shapeAnimationFive b-5 l-5">
                <img src="assets/img/shapes/shape3.png" alt="Shape">
            </div>
            <div class="shape left-right r-10 b-30">
                <img src="assets/img/shapes/shape5.png" alt="Shape">
            </div>
            <div class="shape shapeAnimationOne r-10 b-0">
                <img src="assets/img/shapes/shape2.png" alt="Shape">
            </div>
        </section>
        <!--==================================================================== 
							End services two section
	=====================================================================-->



        <!--==================================================================== 
							Start team section
	=====================================================================-->
        <section class="team-section rel mb-65">
            <div class="container">
                <div class="section-title mb-35 pr-65">
                    <span class="sub-title">Team</span>
                    <h2>多年开发经验的优秀团队成员 <br>才是我们自信的来源</h2>
                </div>

                <div class="team-carousel owl-carousel text-center">

                    <div class="team-item">
                        <img src="assets/img/team/team1.png" alt="Team Image">
                        <div class="service-two-content">
                           <div class="social-link-icon">
                            </div>
                            <h5>Steven Zhang</h5>
                            <h6>高级产品经理</h6>
                        </div>
                    </div>
                    <div class="team-item">
                        <img src="assets/img/team/team2.png" alt="Team Image">
                        <div class="service-two-content">
                           <div class="social-link-icon">

                            </div>
                            <h5>Cindy Liu</h5>
                            <h6>UI设计工程师</h6>
                        </div>
                    </div>
                    <div class="team-item">
                        <img src="assets/img/team/team3.png" alt="Team Image">
                        <div class="service-two-content">
                           <div class="social-link-icon">

                            </div>
                            <h5>Henry Liang</h5>
                            <h6>项目经理</h6>
                        </div>
                    </div>
                    <div class="team-item">
                        <img src="assets/img/team/team4.png" alt="Team Image">
                        <div class="service-two-content">
                           <div class="social-link-icon">

                            </div>
                            <h5>Calvin Chen</h5>
                            <h6>架构师</h6>
                        </div>
                    </div>
                    <div class="team-item">
                        <img src="assets/img/team/team5.png" alt="Team Image">
                        <div class="service-two-content">
                           <div class="social-link-icon">

                            </div>
                            <h5>Louis Liu</h5>
                            <h6>java高级工程师</h6>
                        </div>
                    </div>
                    <div class="team-item">
                        <img src="assets/img/team/team6.png" alt="Team Image">
                        <div class="service-two-content">
                           <div class="social-link-icon">

                            </div>
                            <h5>William Li</h5>
                            <h6>前端工程师</h6>
                        </div>
                    </div>
                    
                </div>
            </div>
            
            <div class="shape shapeAnimationThree b-30 r-10">
                <img src="assets/img/shapes/shape1.png" alt="Shape">
            </div>
            <div class="shape shapeAnimationTwo t-90 l-10">
                <img src="assets/img/shapes/shape4.png" alt="Shape">
            </div>
        </section>
        <!--==================================================================== 
							End team section
	=====================================================================-->




        <!--==================================================================== 
							Start FAQ section
	=====================================================================-->
        <section class="faq-section mb-90">
            <div class="container-fluid">
                <div class="row align-items-center">
                    <div class="col-xl-6 col-md-6">
                        <div class="faq-image">
                            <img src="assets/img/faq.png" alt="FAQ">
                        </div>
                    </div>
                    <div class="col-xl-6 col-md-6">
                        <div class="faq-wrap ml-50 rml-0">
                            <div class="section-title mb-40">
                                <span class="sub-title">FAQ</span>
                                <h2>客户常见问题</h2>
                            </div>
                            <div id="accordion" class="faq-accordion">
                                <div class="card">
                                    <div class="card-header">
                                        <button class="collapsed" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false">
                                            <i class="flaticon-chevron"></i>
                                            你们的软件开发服务包括哪些内容?
                                        </button>
                                    </div>
                                    <div id="collapseOne" class="collapse" data-parent="#accordion">
                                        <div class="card-body">
                                            我们提供全方位的软件开发服务，包括但不限于：<br/>
                                            需求分析与规划：深入了解您的业务需求，制定详细的项目计划。<br/>
                                            系统设计：进行系统架构设计、用户界面设计和数据库设计。<br/>
                                            开发与测试：按照设计文档进行编码，实施单元测试、集成测试和系统测试。<br/>
                                            部署与上线：准备生产环境，部署应用，并进行上线前的最后检查。<br/>
                                            维护与支持：提供长期的技术支持和维护服务，根据客户需求进行功能迭代。
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        <button data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true">
                                            <i class="flaticon-chevron"></i>
                                            你们如何确保项目的质量和按时交付?
                                        </button>
                                    </div>
                                    <div id="collapseTwo" class="collapse show" data-parent="#accordion">
                                        <div class="card-body">
                                            我们采取以下措施确保项目的质量和按时交付：<br/>
                                            专业团队：拥有一支经验丰富的开发团队，精通多种编程语言和技术栈。<br/>
                                            敏捷开发：采用敏捷开发方法，确保项目快速迭代和灵活调整。<br/>
                                            严格的质量控制：实施严格的代码审查和测试流程，确保交付高质量的软件产品。<br/>
                                            透明沟通：建立高效的沟通机制，定期向客户汇报项目进展，及时解决问题。
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        <button class="collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false">
                                           <i class="flaticon-chevron"></i>
                                            你们是否提供软件定制化的解决方案?
                                        </button>
                                    </div>
                                    <div id="collapseThree" class="collapse" data-parent="#accordion">
                                        <div class="card-body">
                                            是的，我们提供高度定制化的解决方案。我们会根据您的具体业务需求，量身定制开发方案，确保软件完全符合您的业务要求。从需求分析到最终交付，每一步都以客户为中心，确保高度的业务贴合度。
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        <button class="collapsed" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false">
                                           <i class="flaticon-chevron"></i>
                                            项目完成后，你们是否提供后续的支持和服务?
                                        </button>
                                    </div>
                                    <div id="collapseFour" class="collapse" data-parent="#accordion">
                                        <div class="card-body">
                                            是的，我们提供全面的后续支持和服务：<br/>
                                            技术支持：提供长期的技术支持，解决运行中的任何问题。<br/>
                                            系统维护：定期进行系统维护，确保软件系统的稳定运行。<br/>
                                            功能迭代：根据客户反馈和市场需求，持续优化和升级软件产品。<br/>
                                            培训服务：提供用户培训和技术培训，确保您的团队能够熟练使用和管理软件系统。
                                        </div>
                                    </div>
                                </div>
                            </div>
                       
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--==================================================================== 
							End FAQ section
	=====================================================================-->




    <!--==================================================================== 
                            Start Testimonials section
    =====================================================================-->
        <section class="testimonials-section rel text-center mb-115">
            <div class="container">
                <div class="testimonials-wrap">
                    <div class="section-title mb-40">
                        <span class="sub-title">客户见证</span>
                        <h2>友好的建议和体验，来自我们的 <br>客户反馈</h2>
                    </div>
                    
                    <div class="testimonial-two-wrap">
                        <div class="testi-two-item">
                           <i class="flaticon-quote"></i>
                            <p>“在整个项目过程中，贵公司的沟通非常高效，项目管理也非常透明。定期的项目报告和进度更新让我们随时了解项目的最新状态，这让我们感到非常安心。” <br/>建议： 我们将继续保持高效的沟通机制，定期向客户汇报项目进展，确保信息的透明度和及时性。同时，我们也会进一步优化项目管理流程，确保每个环节都能顺畅进行。</p>
                            <div class="author-info">
                                <div class="author-img">
                                    <img src="assets/img/testimonials/testi1.png" alt="Testimonial Author">
                                </div>
                                <div class="author-about">
                                    <h4>Lili 刘</h4>
                                    <h6>深圳某服装品牌总监</h6>
                                    <div class="rattings">
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="testi-two-item">
                           <i class="flaticon-quote"></i>
                            <p>“贵公司的开发团队非常专业，不仅技术能力强，还能根据我们的具体需求提供定制化的解决方案。这使得我们的软件不仅功能强大，而且非常贴合我们的业务流程。” <br/>建议： 我们将继续投资于团队的技术培训和知识更新，确保我们的开发人员始终掌握最新的技术趋势。同时，我们将进一步加强定制化服务的能力，确保每个项目都能精准满足客户的业务需求。</p>
                            <div class="author-info">
                                <div class="author-img">
                                    <img src="assets/img/testimonials/testi2.png" alt="Testimonial Author">
                                </div>
                                <div class="author-about">
                                    <h4>Farzana 黄</h4>
                                    <h6>深圳某科技公司经理</h6>
                                    <div class="rattings">
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
            <div class="shape shapeAnimationFive r-20 t-5">
                <img src="assets/img/shapes/shape2.png" alt="Shape">
            </div>
            <div class="shape left-right l-5 t-100">
                <img src="assets/img/shapes/shape5.png" alt="Shape">
            </div>
            <div class="shape shapeAnimationOne r-5 t-100">
                <img src="assets/img/shapes/shape3.png" alt="Shape">
            </div>
        </section>
        <!--==================================================================== 
                            End Testimonials section
    =====================================================================-->



        <!--==================================================================== 
							Start Blog section
	=====================================================================-->
        <section class="blot-section rel mb-90">
            <div class="container">
                <div class="section-title text-center mb-45">
                    <span class="sub-title">News</span>
                    <h2>热点资讯</h2>
                </div>
                
                <div class="row" id="divNewsList">
                    <!-- 推荐新闻列表，动态填充-->
                </div>
            </div>
            
            <div class="shape shapeAnimationOne l-5 t-30">
                <img src="assets/img/shapes/shape3.png" alt="Shape">
            </div>
            <div class="shape shapeAnimationTwo r-10 t-100 zm-1">
                <img src="assets/img/shapes/shape1.png" alt="Shape">
            </div>
        </section>
        <!--==================================================================== 
							End Blog section
	=====================================================================-->



        <!--==================================================================== 
                            Start Call For Action section
    =====================================================================-->
       <section class="call-for-action rel text-center">
           <div class="container">
               <div class="call-action-content">
                   <h2>来告诉我们 您的需求?</h2>
                   <p>静下心，一起坐下来聊聊天、喝杯茶，你的需求和梦想或许就能实现！</p>
                   <a href="contact.html" class="theme-btn">联系我们</a>
               </div>
           </div>
           
            <div class="shape shapeAnimationThree l-10 t-50">
                <img src="assets/img/shapes/shape2.png" alt="Shape">
            </div>
       </section>
        <!--==================================================================== 
							End Call For Action section
	=====================================================================-->



    <!--==================================================================== 
                            Start footer section
    =====================================================================-->
        <footer class="footer-section mt-125 pt-100">
            <div class="container">

                <div class="row">

                    <!--big column-->
                    <div class="col-lg-7">
                        <div class="row">

                            <!--Footer Column-->
                            <div class="col-sm-7">
                                <div class="footer-widget logo-widget mr-35">
                                    <div class="footer-logo"><a href="index.html"><img src="assets/img/logo.png" alt="logo"></a></div>
                                    <div class="widget-content">
                                        <div class="text mt-30">
                                            <p>深圳沃龙软件，不仅是一家软件开发服务外包公司，更致力于成为您实现业务梦想的坚实伙伴。我们拥有一支经验丰富的开发团队，精通多种编程语言和技术栈，能够为您提供量身定制的解决方案。从需求分析到项目交付，我们全程陪伴，确保您的每一个需求都能完美实现。</p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--Footer Column-->
                            <div class="col-sm-5">
                                <div class="footer-widget links-widget">
                                    <h4 class="footer-title">站内链接</h4>
                                    <div class="widget-content">
                                        <ul>
                                            <li><a href="about.html">关于我们</a></li>
                                            <li><a href="services.html">服务范围</a></li>
                                            <li><a href="case.html">客户案例</a></li>
                                            <li><a href="news.html">新闻咨询</a></li>
                                            <li><a href="contact.html">联系我们</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--big column-->
                    <div class="col-lg-5">
                        <div class="row">

                            <!--Footer Column-->
                            <div class="col-sm-5">
                                <div class="footer-widget links-widget">
                                    <h4 class="footer-title">服务范围</h4>
                                    <div class="widget-content">
                                        <ul>
                                            <li><a href="http://fksc.net.cn">深圳软件开发</a></li>
                                            <li><a href="http://fksc.net.cn">深圳软件外包</a></li>
                                            <li><a href="http://fksc.net.cn">深圳软件定制</a></li>
                                            <li><a href="http://app.wooolong.com" target="_blank">深圳APP开发</a></li>
                                            <li><a href="http://applet.wooolong.com" target="_blank">深圳小程序开发</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <!--Footer Column-->
                            <div class="col-sm-7">
                                <div class="footer-widget info-widget">
                                    <h4 class="footer-title">联系我们</h4>
                                    <div class="office-info">
                                        <ul>
                                            <li><i class="flaticon-home"></i>深圳市龙华区龙华街道富康社区永联时代大厦5层521</li>
                                            <li><i class="flaticon-telephone"></i>138 2659 2087</li>
                                            <li><i class="flaticon-email"></i>wooolong@qq.com</li>
                                            <li><i class="fa fa-wechat" style="margin-top: 5px;"></i>13826592087</li>
                                            <li>
                                                <i class="fa fa-qq" style="margin-top: 5px;"></i>
                                                <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=82516886&amp;site=qq&amp;menu=yes" class="main-btn" title="点击QQ咨询" target="_blank"> 82516886</a>
                                            </li>

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

                </div>
            </div>
            <!--Copyright-->
            <div class="footer-bottom">
                <div class="copyright">
                    Copyright @2015-2025 深圳沃龙信息技术有限公司 版权所有 All Rights Reserved.
                </div>
                <a href="http://beian.miit.gov.cn/" style="color: #848484;" target="_blank">粤ICP备18119321号</a>
            </div>
        </footer>


        <!--==================================================================== 
                            End footer section
    =====================================================================-->

        <!-- Scroll Top Button -->
        <button class="scroll-top scroll-to-target" data-target="html">
            <span class="fa fa-angle-up"></span>
        </button>

    </div>



    <!--====================================================================
                            Include All Js File 
     ====================================================================-->
    <!-- All Plugins -->
    <script src="assets/js/jquery-3.3.1.min.js"></script>
    <script src="assets/js/layer/layer.js"></script>
    <script src="assets/js/bootstrap-v4.1.3.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/jquery.countTo.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/slick.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/appear.js"></script>
    <script src="assets/js/main.js"></script>
    <script src="assets/js/axios.min.js"></script>
    <script src="assets/js/http.js"></script>
    <script>
        getRequest('/wolong-api/api/getRecommendNewsList', { size: 3 })
            .then(res => {
                console.log('res,',res);
                if(res.code === 0){
                    $.each(res.data, function(index, item) {
                        var itemHtml = '';
                        itemHtml+='<div class="col-lg-4 col-md-6">';
                        itemHtml+='    <div class="blog-item">';
                        itemHtml+='        <div class="blog-img">';
                        itemHtml+='            <img src="'+item.imageUrl+'" alt="'+item.title+'">';
                        itemHtml+='        </div>';
                        itemHtml+='        <div class="blog-content">';
                        itemHtml+='            <div class="name-date">';
                        itemHtml+='                <span class="name">By: 沃龙官方</span>';
                        itemHtml+='                <span class="date">'+item.createTime+'</span>';
                        itemHtml+='            </div>';
                        itemHtml+='           <h4><a href="news-details.html?newsId='+item.id+'" target="_blank">'+item.title+'</a></h4>';
                        itemHtml+='           <a href="news-details.html?newsId='+item.id+'" class="read-more" target="_blank"><i class="flaticon-logout"></i>查看详情</a>';
                        itemHtml+='        </div>';
                        itemHtml+='   </div>';
                        itemHtml+=' </div>';
                        $('#divNewsList').append(itemHtml);
                    });
                }
                else{
                    layer.alert(res.msg+"，非法访问！", {icon: 5});
                }
            })
            .catch(error => {
                console.error(error);
            });

    </script>
    <script>

    </script>
</body>

</html>
