<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>成都斯普智和信息技术有限公司 - CPSOFT</title>
<meta name="description" content="成都斯普智和信息技术有限公司,大数据业务驱动平台,以更简单的管理方式,获得更大的数据价值">
<link rel="stylesheet" href="assets/css/site.css">
<style>
/* ================= 首页专属样式 ================= */
a { color: #ffffff; }
a:hover { color: rgb(29,185,238); }

/* header begin */
.header{
    height: 535px;
    position: relative;
    background: url('assets/img/wzsy/banner/pic1.jpg') no-repeat;
    background-size: cover;
}
.header-content{ color:#FFFFFF; height: 100%; }
.header-content .header-title{
    padding-top: 150px;
    padding-right: 200px;
    font-size: 40px;
    text-align: right;
}
.header-content .header-subhead{
    font-size: 18px;
    padding-right: 200px;
    text-align: right;
}

/* banner begin */
.content-banner-h1{ margin: 50px auto; }
.content-banner{ padding: 0 18% 30px; text-align: center; }
.content-banner img{ width: 100%; }
.content-banner img:last-child{ margin-top: 25px; }

/* 优势产品 begin */
.content-banner2-adv{ height: 380px; }
.content-banner2{
    color: white;
    background: url('assets/img/wzsy/bgone.jpg') no-repeat;
    background-size: 100% 100%;
}
.content-banner2-adv .banner-white{ padding: 50px 0 40px; }
.content-banner2-content p,.banner3-content p,.banner4-content p{
    text-align: center;
    display: block;
    font-size: 14px;
    line-height: 24px;
}
.row .banner4-same-bg img{ width: 40%; }

/* 六边形产品图标：默认白色线框+虚线圆环，悬停蓝色六边形 */
.pd-icon{ display: inline-block; width: 70%; max-width: 190px; }
.pd-icon svg{ width: 100%; height: auto; display: block; }
.pd-icon .ico-hover{ display: none; }
.same-bg1:hover .ico-default,.same-bg2:hover .ico-default,
.same-bg3:hover .ico-default,.same-bg4:hover .ico-default{ display: none; }
.same-bg1:hover .ico-hover,.same-bg2:hover .ico-hover,
.same-bg3:hover .ico-hover,.same-bg4:hover .ico-hover{ display: block; }

.banner2-same-title{ padding: 20px 0; }
.banner2-same-title h3,.banner3-same-title h3,.banner4-same-title h3{ font-size: 20px; }
.banner3-same-title{ margin-top: 20px; }

/* banner3 begin */
.content-banner3 h1,.content-banner4 h1{ padding-bottom: 55px; margin-top: 70px; }
.banner3-same-title p{ padding: 10px 50px; }

/* 圆形优势图标：灰色默认，悬停蓝色(tp1-3)/白色(tp7-9) */
.bn-icon{ display: inline-block; width: 120px; }
.bn-icon svg{ width: 100%; height: auto; display: block; }
.bn-icon .ico-hover{ display: none; }
.banner3-same-bg:hover .ico-default{ display: none; }
.banner3-same-bg:hover .ico-hover{ display: block; }

/* 多年匠心 begin */
.content-banner4{ padding-bottom: 50px; margin-top: 30px; }
.banner4-same-title{ padding: 20px 0; }
.banner4-same-title p{ margin: 14px 0 -16px 0; }
.banner4-item:hover{
    background-color: #1dbbf3;
    color: white;
}
.banner4-item:hover .ico-default{ display: none; }
.banner4-item:hover .ico-hover{ display: block; }

.sp-wzsy-img{ width: 70% !important; }

/* 右侧悬浮：联系电话图标（原 call.png 改为 CSS 实现） */
.call-badge{
    width: 88px;
    height: 88px;
    background-color: #3b4a78;
    border-radius: 8px 0 0 8px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding-top: 14px;
    line-height: 1.4;
}
.call-badge svg{ display: block; margin: 0 auto 6px; }

/* 小屏时 */
@media (max-width: 768px) {
    .header{
        height: 256px;
        width: auto;
        background: url('assets/img/wzsy/banner/pic1.jpg') no-repeat;
        background-size: cover;
    }
    .header-content .header-title{
        padding-top: 100px;
        font-size: 24px;
        padding-right: 0;
        text-align: center;
    }
    .header-content .header-subhead{
        font-size: 20px;
        padding-right: 0;
        text-align: center;
    }
    .content-banner-h1{ font-size: 22px; }
    .content-banner2-adv{
        height: 100% !important;
        background: url("") ;
        background-color: rgb(8,30,56);
    }
    .content-banner2-content p,.banner3-content p,.banner4-content p{ display: none; }
    .banner3-same-bg{ padding: 20px 70px; }
    .banner-white{ font-size: 20px; }
    .banner2-same-title h3,.banner3-same-title h3,.banner4-same-title h3{ font-size: 16px; }
    .row .banner4-same-bg img{ width: 20%; }
    .pd-icon{ width: 50%; }
}
.pd-icon img,.bn-icon img{width:100%;height:auto;}
.row .banner4-same-bg .bn-icon img{width:100%;}
</style>
</head>
<body>

<!-- ================= 顶部导航 ================= -->
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" id="navToggle" aria-label="切换导航">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">
                <img alt="斯普智和 CPSOFT" src="assets/img/wzsy/logo.png">
            </a>
        </div>
        <div class="navbar-collapse" id="main_nav">
            <ul class="nav navbar-nav">
                <li class="active"><a href="f/wzsy/index.html">网站首页</a></li>
                <li><a href="f/cpjs/cpjs.html">产品介绍</a></li>
                <li><a href="f/khal/khal.html">客户案例</a></li>
                <li><a href="f/ssfw/ssfw.html">实施服务</a></li>
                <li><a href="f/xwzx/xwzx.html">新闻资讯</a></li>
                <li><a href="f/gywm/gywm.html">关于我们</a></li>
            </ul>
        </div>
    </div>
</nav>

<div class="section-content">
    <!-- 首屏 banner -->
    <div class="header">
        <div class="header-content">
            <div class="header-title text-center">大数据业务驱动平台</div>
            <div class="header-subhead text-center hidden-xs">
                <p>以更简单的管理方式，获得更大的数据价值</p>
            </div>
        </div>
    </div>

    <!-- 整合业务数据 -->
    <div class="content-banner text-center">
        <h1 class="text-center content-banner-h1">整合业务数据,驱动业务发展</h1>
        <img class="sp-wzsy-img" src="assets/img/wzsy/sjjz.jpg" alt="整合业务数据">
        <img class="sp-wzsy-img" src="assets/img/wzsy/dsjck.jpg" alt="数据仓库管控">
    </div>

    <!-- 优势产品 -->
    <div class="content-banner2">
        <div class="container">
            <div class="content-banner2-adv">
                <h1 class="text-center banner-white">优势产品,实力见证</h1>
                <div class="content-banner2-content">
                    <div class="row">
                        <div class="col-xs-6 col-sm-3">
                            <div class="banner2-same-bg text-center same-bg1">
                                <a href="f/cpjs/cpjs.html?p=spetl" class="pd-icon" aria-label="斯普ETL"><img class="js-swap" src="assets/img/wzsy/dbx1_1.png" alt=""></a>
                            </div>
                            <div class="banner2-same-title">
                                <h3 class="text-center"><a href="f/cpjs/cpjs.html?p=spetl">斯普ETL</a></h3>
                                <p>将不同业务系统中的异构数据采集转换为统一格式</p>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-3">
                            <div class="banner2-same-bg text-center same-bg2">
                                <a href="f/cpjs/cpjs.html?p=sjzl" class="pd-icon" aria-label="数据质量"><img class="js-swap" src="assets/img/wzsy/dbx2_1.png" alt=""></a>
                            </div>
                            <div class="banner2-same-title">
                                <h3 class="text-center"><a href="f/cpjs/cpjs.html?p=sjzl">数据质量</a></h3>
                                <p>提高数据资产的可信任度,保障不让有质量问题的数据影响业务</p>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-3">
                            <div class="banner2-same-bg text-center same-bg3">
                                <a href="f/cpjs/cpjs.html?p=dsjck" class="pd-icon" aria-label="大数据仓库"><img class="js-swap" src="assets/img/wzsy/dbx3_1.png" alt=""></a>
                            </div>
                            <div class="banner2-same-title">
                                <h3 class="text-center"><a href="f/cpjs/cpjs.html?p=dsjck">大数据仓库</a></h3>
                                <p>将大规模海量业务数据统一存储于数据仓库中进行加工处理</p>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-3">
                            <div class="banner2-same-bg text-center same-bg4">
                                <a href="f/cpjs/cpjs.html?p=mjbi" class="pd-icon" aria-label="敏捷BI"><img class="js-swap" src="assets/img/wzsy/dbx4_1.png" alt=""></a>
                            </div>
                            <div class="banner2-same-title">
                                <h3 class="text-center"><a href="f/cpjs/cpjs.html?p=mjbi">敏捷BI</a></h3>
                                <p>以业务数据分析结果自动优化业务</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 低成本私有化部署 -->
    <div class="content-banner3 container text-center">
        <h1 class="text-center banner-white">低成本私有化部署,按需个性化定制</h1>
        <div class="banner3-content">
            <div class="row">
                <div class="col-xs-12 col-sm-4">
                    <div class="banner3-same-bg text-center banner3-same-bg5">
                        <span class="bn-icon"><img class="js-swap" src="assets/img/wzsy/tp1.png" alt=""></span>
                    </div>
                    <div class="banner3-same-title">
                        <h3 class="text-center">私有化平台</h3>
                        <p>私有化部署、底层权限控制，保障企业的业务系统和数据安全。</p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4">
                    <div class="banner3-same-bg text-center banner3-same-bg6">
                        <span class="bn-icon"><img class="js-swap" src="assets/img/wzsy/tp2.png" alt=""></span>
                    </div>
                    <div class="banner3-same-title">
                        <h3 class="text-center">小时级部署</h3>
                        <p>小时级别即可部署实施完毕，以更少的时间成本获取更大的价值。</p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4">
                    <div class="banner3-same-bg text-center banner3-same-bg7">
                        <span class="bn-icon"><img class="js-swap" src="assets/img/wzsy/tp3.png" alt=""></span>
                    </div>
                    <div class="banner3-same-title">
                        <h3 class="text-center">个性定制</h3>
                        <p>深入了解业务场景及需求，按需定制，用更少的价钱获得更适合自己的方案。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 多年匠心 -->
    <div class="content-banner4 container text-center">
        <h1 class="text-center banner-white">多年匠心,打造高品质平台</h1>
        <div class="banner4-content">
            <div class="row">
                <div class="col-xs-12 col-sm-4 banner4-item">
                    <div class="banner4-same-bg text-center banner4-same-bg8">
                        <span class="bn-icon"><img class="js-swap" src="assets/img/wzsy/tp7.png" alt=""></span>
                    </div>
                    <div class="banner4-same-title">
                        <h3 class="text-center">安全可靠</h3>
                        <p>保障体系</p>
                        <p>数据隐私</p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4 banner4-item">
                    <div class="banner4-same-bg text-center banner4-same-bg9">
                        <span class="bn-icon"><img class="js-swap" src="assets/img/wzsy/tp8.png" alt=""></span>
                    </div>
                    <div class="banner4-same-title">
                        <h3 class="text-center">优越性能</h3>
                        <p>流式计算</p>
                        <p>分布式内存计算和列式储存</p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4 banner4-item">
                    <div class="banner4-same-bg text-center banner4-same-bg10">
                        <span class="bn-icon"><img class="js-swap" src="assets/img/wzsy/tp9.png" alt=""></span>
                    </div>
                    <div class="banner4-same-title">
                        <h3 class="text-center">敏捷智能</h3>
                        <p>可视化自助式制作</p>
                        <p>智能化探索式分析</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 右侧悬浮窗 -->
<div class="right_suspension hidden-xs">
    <div class="contact_us">
        <span class="call-badge">
            <svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/>
            </svg>
            联系方式
        </span>
        <div class="contact_way">
            联系电话：13830599818
            <br/>
            E-MAIL:public@cdspzh.com
        </div>
    </div>
    <a href="javascript:void(0)" id="scrollTop">
        <div class="back_to_top">回顶部</div>
    </a>
</div>

<!-- 小屏时显示的内容 -->
<div class="right-small-susp visible-xs" id="right-small-susp">
    <div class="row">
        <div class="col-xs-6 foot-border-right text-center" id="contact-small">
            联系我们
            <div class="contact-small-way" id="contact-small-way">
                联系电话：13830599818
                <br/>
                E-MAIL:public@cdspzh.com
            </div>
        </div>
        <div class="col-xs-6 text-center" id="smallScrollTop">回到顶部</div>
    </div>
</div>

<!-- 页脚 -->
<footer class="footer">
    <div class="container sp-default-footer">
        <div class="footer-nav">
            <ul>
                <li class="col-xs-4 col-sm-2 text-center"><a href="f/wzsy/index.html">网站首页</a></li>
                <li class="col-xs-4 col-sm-2 text-center"><a href="f/cpjs/cpjs.html">产品介绍</a></li>
                <li class="col-xs-4 col-sm-2 text-center"><a href="f/khal/khal.html">客户案例</a></li>
                <li class="col-xs-4 col-sm-2 text-center"><a href="f/ssfw/ssfw.html">实施服务</a></li>
                <li class="col-xs-4 col-sm-2 text-center"><a href="f/xwzx/xwzx.html">新闻资讯</a></li>
                <li class="col-xs-4 col-sm-2 text-center"><a href="f/gywm/gywm.html">关于我们</a></li>
            </ul>
        </div>
        <div class="clearfix"></div>
        <a class="records" href="http://beian.miit.gov.cn/">
            <p>Copyright © 2017 蜀ICP备13016063号-4. All Right Reserved.斯普智和版权所有</p>
        </a>
    </div>
</footer>

<script src="assets/js/site.js"></script>
</body>
</html>
