<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>南京五色石官网</title>
    <link rel="icon" href="favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="南京五色石文化发展有限公司是一家为政府机构、各大企事业单位提供平台开发、电子商务运营、积分运营、展览展示及宣传品定制服务的综合供应商。">
    <meta name="Author" content="CloudCore Frontend Team">
    <meta name="keywords" content="五色石,电商,企业福利">
    <meta http-equiv=Content-Language content=zh-cn>
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/layout.css?v=0.2">
    <link rel="stylesheet" href="assets/css/iconfont/css/iconfont.css"/>
    <link rel="stylesheet" href="assets/css/animate.css">
    <style>
        .svg-continer > svg {
            stroke-width: 3;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-miterlimit: 10;
        }

        .svg-continer > svg * {
            fill: #fff;
            stroke: #fff;
            fill-opacity: 0;
            transition: fill-opacity 1s;
        }

        .svg-continer > svg .ieYJCQir_27,
        .svg-continer > svg .ieYJCQir_1,
        .svg-continer > svg .ieYJCQir_0 {
            fill: #61BC46;
        }

        .svg-continer.done > svg {
            stroke-width: 1;
        }

        .svg-continer.done > svg * {
            fill-opacity: 1;
        }

        .svg-continer.done > svg .ieYJCQir_27,
        .svg-continer.done > svg .ieYJCQir_1,
        .svg-continer.done > svg .ieYJCQir_0 {
            stroke: #61BC46;
        }

        #svg-continer-2 {
            transform: translateX(-7%) translateY(-12%);/*去除svg左留白*/
        }

    </style>
</head>
<body>
<!-- PRE LOADER -->
<div class="preloader">
    <div class="spinner">
        <span class="sk-inner-circle"></span>
    </div>
</div>
<div class="share_div"><img src="assets/images/cc_512.jpg"/></div>

<!-- Header End -->
<header>
    <!-- Navigation Menu start-->
    <nav id="topNav" class="navbar navbar-default main-menu navbar-expand-md">
        <div class="container">
            <a class="navbar-brand page-scroll svg-continer done" href="#">
                <img class="logo img" id="logo" src="assets/images/logo.png" style="float: left;height: 50px;padding-right:5px;">
                <p style="color:white;font-size: 20px;">南京五色石文化发展有限公司</p>
                <p style="color:white;margin-top: -17px;">Nanjing Wuseshi Cultural Development Co.Ltd</p>
            </a>

            <button class="navbar-toggler hidden-md-up pull-right" type="button" data-toggle="collapse"
                    data-target="#collapsingNavbar">
                ☰
            </button>

            <div class="collapse navbar-toggleable-sm navbar-collapse" id="collapsingNavbar">
                <ul class="nav navbar-nav justify-content-end flex-fill">
                    <li class="nav-item active">
                        <a class="nav-link" href="#slider">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="products/products.html">产品及服务</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="cases/cases.html">案例</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="http://www.jinruiqifu.com" target="_blank">电商</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="news/news.html">动态</a>
                    </li>
                    <li>
                    <li class="nav-item">
                        <a class="nav-link" href="about/about.html">我们</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</header>
<!-- Header End -->

<!-- HOME -->
<section id="home" class="parallax-section">
    <div class="overlay" style="background-image: url('http://jrfy-jsyh-2022-1.oss-cn-shanghai.aliyuncs.com/official/bg-logo.jpg'); z-index: -200; background-size: cover; background-position: center"></div>
    <div class="container">
        <div class="row">

            <div class="col-md-12 col-sm-12">
                <div class="home-text">
                    <h1>企业福利 电商 视觉设计服务</h1>
                    <p>专业的企业福利线上电商解决方案供应商</p>
                    <ul class="section-btn">
                        <a href="about/about.html" class="smoothScroll"><span data-hover="Discover More">More</span></a>
                    </ul>
                </div>
            </div>

        </div>
    </div>

    <!-- Video -->
    <video id="myvideo" muted autoplay loop
           webkit-playsinline="true"
           playsinline="true"
           x-webkit-airplay="allow"
           x5-video-player-type="h5"
           x5-video-player-fullscreen="true"
           style="object-fit:fill">
        <source src="http://jrfy-jsyh-2022-1.oss-cn-shanghai.aliyuncs.com/official/output.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>
</section>

<section id="about" class="about-sec section-wrapper description">
    <div class="container">
        <div class="row">
            <!-- Section Header -->
            <div class="col-md-12 col-sm-12 col-xs-12 section-header wow fadeInDown">
                <h2 class="water-mask row no-gutters">Introduce</h2>
                <h2><span class="highlight-text">简介</span></h2>

                <p class="col-xs-12">
                    南京五色石，提供平台开发、电子商务运营、积分运营、展览展示及宣传品定制服务的综合供应商及福利解决方案提供商
                </p>
            </div>
            <!-- Section Header End -->

            <div class="col-md-4 col-sm-12 col-xs-12 custom-sec-img wow fadeInDown">
                <!--<img src="assets/images/features.png" alt="Custom Image">-->
                <strong>INTRO</strong>
                <div class="progress-hover"></div>
                <p>
                            南京五色石文化发展有限公司成立于2009年，是一家专业的企业福利解决方案供应商，提供线上电商配套服务及用户视觉设计等服务，客户覆盖电力、烟草、银行、证券等行业。
                        </p>
                <div onclick="vvv()" class="svg-continer col-xl-11 col-lg-11 col-md-12 col-sm-10 row" id="svg-continer-1"></div>
            </div>

            <div class="col-md-4 col-sm-6 col-xs-12 customized-text wow fadeInDown black-ed">
                <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa sit, numquam amet voluptatibus-->
                <!--obcaecati ea maiores totam nostrum, ad iure rerum quas harum ipsum. lobcaecati ea maiores totam-->
                <!--nostrum, ad iure rerum quas harum ipsum. Rem ea ducimus quos quae quo.</p>-->
                <div class="row">
                    <div class="col-md-8 offset-md-1 offset-lg-2">
                        <strong>01</strong>
                        <div class="progress-hover"></div>
                        <p>
                            公司为政府机构、各大企事业单位提供平台开发、电子商务运营、积分运营、展览展示及宣传品定制服务的综合供应商。
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 customized-text wow fadeInDown black-ed">
                <div class="row">
                    <div class="col-md-8 offset-md-1 offset-lg-2">
                    <strong>02</strong>
                        <div class="progress-hover"></div>
                        <p>
                            公司设立了多个仓储基地，拥有全国物流快速点到点配送发货能力。秉承线上电商平台的发展战略，致力于帮助中国各大中型机构，覆盖电力、烟草、银行、证券等行业从传统型向综合一体化福利配送服务的转变，成为中国顶级的企业福利解决方案供应商。
                        </p>
                    </div>
                </div>
            </div>

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

<section id="info" class="info-section">
    <div class="container text-center">
        <!-- Section Header -->
        <div class="col-md-12 col-sm-12 col-xs-12 section-header wow fadeInDown">
            <h2 class="water-mask row no-gutters">Products&Service</h2>
            <h2><span class="highlight-text">产品及服务</span></h2>

            <p class="col-md-8 col-sm-10 col-xs-12 offset-md-2 offset-sm-1">
                拥有高效的技术研发团队和专业的配送服务团队，为客户搭建安全稳定的线上平台;专业成熟的积分运营团队，长期服务于电信、银行等各大积分平台，提供福利解决方案
            </p>
        </div>
        <!-- Section Header End -->
        <div class="row wow fadeInUp animated">
            <a class="col-md-3 col-sm-3 col-xs-12 text-center" href="products/products.html?finance">
                <img class="product-img img col-md-8" src="assets/images/product_finance.svg" alt="finance">
                <h4>业务产品</h4>
                <p class="text-primary"><i>10+</i>行业优质客户商品配送提供商</p>
            </a>
            <a class="col-md-3 col-sm-3 col-xs-12 text-center" href="products/products.html?parallax" >
                <img class="product-img img col-md-8" src="assets/images/product_security.svg" alt="security">
                <h4>线上电商平台</h4>
                <p class="text-primary">pc，小程序，h5同步发布实物及虚拟商品</p>
            </a>
            <a class="col-md-3 col-sm-3 col-xs-12 text-center" href="products/products.html?Athena">
                <img class="product-img img col-md-8" src="assets/images/product_develop.svg" alt="develop">
                <h4>虚拟商品平台</h4>
                <p class="text-primary">与<i>3</i>大虚拟商品提供商直接对接服务，产品丰富</p>
            </a>
            <a class="col-md-3 col-sm-3 col-xs-12 text-center" href="products/products.html?UX">
                <img class="product-img img col-md-8" src="assets/images/product_design.svg" alt="design">
                <h4>视觉设计服务</h4>
                <p class="text-primary"><i>&nbsp;</i>体验创造价值</p>
            </a>
        </div>
    </div>
</section>

<!-- Portfolio Section -->
<section id="portfolio" class="bgSection portfolio-section">
    <div class="container">
        <!-- Section Header -->
        <div class="col-md-12 col-sm-12 col-xs-12 section-header wow fadeInDown">
            <h2 class="water-mask row no-gutters">Cases</h2>
            <h2><span class="highlight-text">案例</span></h2>

            <p class="col-md-8 col-sm-10 col-xs-12 offset-md-2 offset-sm-1">
                长期入驻三大电信公司积分商城(中国电信、中国移动中国联通)，入驻京东慧采平台，不断积累知识与经验，持续注入新的合作中</p>
        </div>
        <!-- Section Header End -->

    </div>

    <!-- Works -->
    <div class="portfolio-works wow fadeIn container case">

        <!-- Filter Button Start -->
        <!--<div id="portfolio-filter" class="portfolio-filter-btn-group">-->
            <!--<ul>-->
                <!--<li>-->
                    <!--<a href="#" class="selected" data-filter="*">ALL</a>&lt;!&ndash;-->
					 <!--&ndash;&gt;<a href="#" data-filter=".mbk">移动应用</a>&lt;!&ndash;-->
					 <!--&ndash;&gt;<a href="#" data-filter=".platform">平台</a>&lt;!&ndash;-->
					 <!--&ndash;&gt;<a href="#" data-filter=".nbk">网银</a>&lt;!&ndash;-->
					 <!--&ndash;&gt;<a href="#" data-filter=".ebk">企业应用</a>-->
                <!--</li>-->
            <!--</ul>-->
        <!--</div>-->
        <!-- Filter Button End -->

        <div class="portfolio-items">

            <!-- Portfolio Items -->
            <a class="item portfolio-item platform" href="cases/casesDet_1.html">

                <img src="http://jrfy-jsyh-2022-1.oss-cn-shanghai.aliyuncs.com/official/cases/cover01.jpg" alt="">
                <div class="portfolio-details-wrapper">
                    <div class="portfolio-details">
                        <h3 class="animated slideInDown">江苏银行节日商品秒杀</h3>
                        <!--<div class="portfolio-meta-btn">-->
                        <!--<ul class="work-meta">-->
                        <!--<li class="lighbox"><a href="assets/images/img-portfolio/portfolio1.jpg"-->
                        <!--class="featured-work-img"><i class="fa fa-search-plus"></i></a>-->
                        <!--</li>-->
                        <!--</ul>-->
                        <!--</div>-->
                    </div>
                </div>

            </a>
            <!-- Portfolio Items End -->

            <!-- Portfolio Items -->
            <a class="item portfolio-item ebk" href="cases/casesDet_2.html">

                <img src="http://jrfy-jsyh-2022-1.oss-cn-shanghai.aliyuncs.com/official/cases/cover02.png" alt="">
                <div class="portfolio-details-wrapper">
                    <div class="portfolio-details">
                        <h3 class="animated slideInDown">邮储银行节假日福利发放</h3>

                        <!--<div class="portfolio-meta-btn">-->
                        <!--<ul class="work-meta">-->
                        <!--<li class="lighbox"><a href="assets/images/img-portfolio/portfolio2.jpg"-->
                        <!--class="featured-work-img"><i class="fa fa-search-plus"></i></a>-->
                        <!--</li>-->
                        <!--</ul>-->
                        <!--</div>-->
                    </div>
                </div>

            </a>
            <!-- Portfolio Items End -->

            <!-- Portfolio Items -->
            <a class="item portfolio-item ebk" href="cases/casesDet_3.html">

                <img src="http://jrfy-jsyh-2022-1.oss-cn-shanghai.aliyuncs.com/official/cases/cover03.png" alt="">
                <div class="portfolio-details-wrapper">
                    <div class="portfolio-details">
                        <h3 class="animated slideInDown">江苏电力文化墙视觉设计</h3>

                        <!--<div class="portfolio-meta-btn">-->
                        <!--<ul class="work-meta">-->
                        <!--<li class="lighbox"><a href="assets/images/img-portfolio/portfolio3.jpg"-->
                        <!--class="featured-work-img"><i class="fa fa-search-plus"></i></a>-->
                        <!--</li>-->
                        <!--</ul>-->
                        <!--</div>-->
                    </div>
                </div>

            </a>
            <!-- Portfolio Items End -->

            <!-- Portfolio Items -->
            <a class="item portfolio-item nbk" href="cases/casesDet_5.html">

                <img src="http://jrfy-jsyh-2022-1.oss-cn-shanghai.aliyuncs.com/official/cases/cover05.jpg" alt="">
                <div class="portfolio-details-wrapper">
                    <div class="portfolio-details">
                        <h3 class="animated slideInDown">云南中烟节日员工礼品发放</h3>
                        <!--<div class="portfolio-meta-btn">-->
                        <!--<ul class="work-meta">-->
                        <!--<li class="lighbox"><a href="assets/images/img-portfolio/portfolio5.jpg"-->
                        <!--class="featured-work-img"><i class="fa fa-search-plus"></i></a>-->
                        <!--</li>-->
                        <!--</ul>-->
                        <!--</div>-->
                    </div>
                </div>

            </a>
            <!-- Portfolio Items End -->

            <!-- Portfolio Items -->
            <a class="item portfolio-item mbk" href="cases/casesDet_6.html">

                <img src="http://jrfy-jsyh-2022-1.oss-cn-shanghai.aliyuncs.com/official/cases/cover06.jpg" alt="">
                <div class="portfolio-details-wrapper">
                    <div class="portfolio-details">
                        <h3 class="animated slideInDown">华泰证券内部员工福利礼品设计</h3>

                        <!--<div class="portfolio-meta-btn">-->
                        <!--<ul class="work-meta">-->
                        <!--<li class="lighbox"><a href="assets/images/img-portfolio/portfolio6.jpg"-->
                        <!--class="featured-work-img"><i class="fa fa-search-plus"></i></a>-->
                        <!--</li>-->
                        <!--</ul>-->
                        <!--</div>-->
                    </div>
                </div>

            </a>
            <!-- Portfolio Items End -->

            <!-- Portfolio Items -->
            <a class="item portfolio-item mbk" href="cases/casesDet_10.html">

                <img src="http://jrfy-jsyh-2022-1.oss-cn-shanghai.aliyuncs.com/official/cases/cover04.jpg" alt="">
                <div class="portfolio-details-wrapper">
                    <div class="portfolio-details">
                        <h3 class="animated slideInDown">国家电网展示设计</h3>

                        <!--<div class="portfolio-meta-btn">-->
                        <!--<ul class="work-meta">-->
                        <!--<li class="lighbox"><a href="assets/images/img-portfolio/portfolio4.jpg"-->
                        <!--class="featured-work-img"><i class="fa fa-search-plus"></i></a>-->
                        <!--</li>-->
                        <!--</ul>-->
                        <!--</div>-->
                    </div>
                </div>
            </a>
            <!-- Portfolio Items End -->

        </div>
        <a style="margin-top: 50px" class="button_box index_button_box" href="cases/cases.html">查看更多</a>
    </div>
    <!-- Works End -->
</section>

<section id="partner" class="partner-section">
    <div class="text-center">
        <!-- Section Header -->
        <div class="section-header wow fadeInDown">
            <h2 class="water-mask row no-gutters">Partners</h2>
            <h2><span class="highlight-text">客户</span></h2>

            <p class="col-md-8 col-sm-10 col-xs-12 offset-md-2 offset-sm-1">
                以客户需求为导向,集聚品牌优势,整合产品供应链,提供专业的一站式优质服务<br>
                专注于为客户搭建安全稳定的线上平台;服务电信、银行等各大积分平台<br>
                致力于打造行业标杆,成为行业领导者。面向未来，共同创造互利共赢！
            </p>
        </div>
        <!-- Section Header End -->
        <div class="partner-box wow fadeInUp animated" style="background: #787878;">
            <div class="partner-slider partner-slider-1">
                <img src="assets/images/partner/logo.png" alt="">
                <img src="assets/images/partner/logo.png" alt="">
            </div>
            <!--<div class="partner-slider partner-slider-2">-->
                <!--<img src="assets/images/partner/02.png" alt="">-->
                <!--<img src="assets/images/partner/02.png" alt="">-->
            <!--</div>-->
            <!--<div class="partner-slider partner-slider-3">-->
                <!--<img src="assets/images/partner/03.png" alt="">-->
                <!--<img src="assets/images/partner/03.png" alt="">-->
            <!--</div>-->
            <!--<div class="partner-slider partner-slider-4">-->
                <!--<img src="assets/images/partner/04.png" alt="">-->
                <!--<img src="assets/images/partner/04.png" alt="">-->
            <!--</div>-->
        </div>
    </div>
</section>


<!--返回頂部-->
<div class="goTop">
    <div class="fs1" aria-hidden="true" data-icon="&#x32;"></div>
</div>

<footer>
    <div class="container">
        <div class="row footer">
            <div class="col-md-6 col-ms-6 col-xs-12">
                <p>Jinruiqifu</p>
                <p>版权所有 © 南京五色石文化发展有限公司 2009-2023 <span>苏ICP备2022025605号-1号</span></p>
            </div>
            <div class="col-md-6 col-ms-6 col-xs-12">
                <div class="row contact">
                    <div class="icon iconfont icon-phone"></div>
                    <div class="icon iconfont icon-mail"></div>
                    <div class="active icon iconfont icon-location"></div>
                </div>
                <div class="content">
                    <p class="row">400-840-1500</p>
                    <p class="row">cs@jinruiqifu.com</p>
                    <p class="row active">南京市雨花区大数据产业园4栋</p>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- Footer End -->



<script src="assets/js/jquery-2.1.3.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="news/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/vivus.min.js"></script>
<script src="index.js?v=0.3"></script>
</body>
</html>
