<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>草帽科技</title>
    <link rel="icon" href="/favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
    <meta name="keywords" content="草帽科技,草帽网络科技,草帽网,创意策划,创意外包">
    <meta name="description" content="草帽科技用量身定制的创意与创新技术，为客户提供全方位的数字创意解决方案，是我们存在的价值。">
    <meta name="renderer" content="Webkit">
    <link rel="stylesheet" href="/Index/public/css/myreset.css"/>
    <link rel="stylesheet" href="/Index/public/css/common.css"/>
    <link rel="stylesheet" href="/Index/public/css/header.css?ver=49410"/>
    <link rel="stylesheet" href="/Index/public/css/footer.css?ver=49410"/>
    <link rel="stylesheet" href="/Index/Index/css/index.css?ver=49410"/>
    <link rel="stylesheet" href="/plugin/swiper/swiper.min.css"/>
    <link rel="stylesheet" href="/plugin/wow/animate.css"/>
    <!--    <link rel="stylesheet" href="/src/animate.css"/>-->
</head>
<body>

<div class="header">
    <div class="content">
        <div class="left">
            <img src="/Index/public/image/caomall_logo.jpg"/>
        </div>
        <div class="right">
            <ul class="level-one-ul">
                <li class="level-one-li underline"><a href="http://qingfanxi.com.cn/index.php/Index/Index/index">首页</a></li>


                <li class="level-one-li">我们的服务
                    <ul class="level-two-ul">
                        <li class="level-two-li"><a href="http://qingfanxi.com.cn/index.php/Index/Index/serviceSkill">技术中心</a></li>
                        <li class="level-two-li"><a href="http://qingfanxi.com.cn/index.php/Index/Index/serviceOperate">抖音运营</a></li>
                        <li class="level-two-li"><a href="http://qingfanxi.com.cn/index.php/Index/Index/serviceDigit">数字营销</a></li>
                    </ul>
                </li>


                <li class="level-one-li underline"><a href="http://qingfanxi.com.cn/index.php/Index/Index/innovate">创新</a></li>

                <li class="level-one-li">解决方案
                    <ul class="level-two-ul">
                        <li class="level-two-li"><a href="http://qingfanxi.com.cn/index.php/Index/Index/projectCommerce">电商全渠道</a></li>
                        <li class="level-two-li"><a href="http://qingfanxi.com.cn/index.php/Index/Index/projectPark">无感停车</a></li>
                        <li class="level-two-li"><a href="http://qingfanxi.com.cn/index.php/Index/Index/projectGarden">智慧园区</a></li>
                        <li class="level-two-li"><a href="http://qingfanxi.com.cn/index.php/Index/Index/projectChain">区块链</a></li>
                    </ul>
                </li>


                <li class="level-one-li underline"><a href="http://qingfanxi.com.cn/index.php/Index/Index/about">关于草帽</a></li>
                <li class="level-one-li underline"><a href="http://qingfanxi.com.cn/index.php/Index/Index/join">加入草帽</a></li>
            </ul>
        </div>
    </div>
</div>

<link rel="stylesheet" href="/Index/Index/css/work.css"/>
<div class="clear"></div>

<div class="main">

    <div class="banner">
        <img src="/Index/Index/image/index/banner.png" alt="" />
    </div>

    <div class="aboutus">
        <div class="con">
            <div class="left">
                <img src="/Index/Index/image/index/tv.png" alt="" />
            </div>
            <div class="right">
                <div class="line_1">
                    <div class="shu"></div>
                    <div class="title">
                        <p>关于我们</p>
                        <p>About us</p>
                    </div>
                </div>
                <div class="line_2">
                    草帽科技，互联网整体解决方案的优质提供商
                </div>
                <div class="line_3">
                    草帽致力于以提供一站式商业互联网解决方案，涉及产品研发、数字营销、抖音运营、视觉设计。我们的业务覆盖从电商app研发、品牌官网开发、抖音专业化运营从流量到变现的全渠道的商业模式的构建。
                </div>
                <a href="http://qingfanxi.com.cn/index.php/Index/Index/about">
                    <div class="line_4">
                        <p>了解更多</p>
                        <i class="right_jiantou"></i>
                    </div>
                </a>
            </div>
        </div>
    </div>




    <!--第二banner-->
    <div class="banner_2" style="background: url('/Index/Index/image/index/banner_1.png')">
        <div class="con">
            <div class="line_1">
                <div class="shu"></div>
                <div class="title">
                    <p>科技改变生活</p>
                    <p>Technology changes life</p>
                </div>
            </div>
            <div class="line_2">
                用创新思维，打通科技、连接未来
            </div>
            <a href="http://qingfanxi.com.cn/index.php/Index/Index/serviceSkill">
                <div class="line_3">
                    <p>了解更多</p>
                    <i class="right_jiantou"></i>
                </div>
            </a>
        </div>
    </div>

    <!--核心业务-->
    <div class="hxyw">
        <div class="title">核心业务</div>
        <div class="f4">
            <div class="con">
                <p class="title_img">
                    <img src="/Index/Index/image/index/icon_modify.png" alt="核心业务" />
                </p>
                <p class="title">软件开发</p>
                <p class="lists">政务类办公自动化软件</p>
                <p class="lists">CRM客户关系管理系统</p>
                <p class="lists">MES工厂管理定制化系统</p>
                <p class="lists">电商全平台系统研发</p>
            </div>

            <div class="con">
                <p class="title_img">
                    <img src="/Index/Index/image/index/icon_code.png" alt="移动应用" />
                </p>
                <p class="title">移动应用</p>
                <p class="lists">APP开发</p>
                <p class="lists">小程序开发</p>
                <p class="lists">H5广告落地页</p>
            </div>
            <div class="con">
                <p class="title_img">
                    <img src="/Index/Index/image/index/pc.png" alt="网站建设" />
                </p>
                <p class="title">网站建设</p>
                <p class="lists">C2C/B2C/B2B商城</p>
                <p class="lists">O2O电商平台开发</p>
                <p class="lists">品牌官方网站</p>
                <p class="lists">信息门户网站</p>
            </div>
            <div class="con">
                <p class="title_img">
                    <img src="/Index/Index/image/index/icon_cat.png" alt="电商系统" />
                </p>
                <p class="title">抖音运营</p>
                <p class="lists">官方抖音号运营</p>
                <p class="lists">抖音带货</p>
                <p class="lists">网红直播</p>
                <p class="lists">逗得红MCN</p>
            </div>
        </div>
    </div>

    <!--解决方案-->
    <div class="project" style="height: auto;">
        <p class="title">解决方案</p>
        <div class="works_list works_list_1 wow">
            <div class="work">
                <a href="/index.php/Index/Index/projectCommerce">
                    <img src="/Index/Index/image/index/work1.png" alt="">
                    <div class="top">
                        <div class="t1">电商全渠道</div>
                        <div class="t2">提供个性化电商平台搭建服务</div>
                        <div class="t2">兼容B2C&B2B2C&O2O&B2B等各种运营模式</div>
                        <div class="t2">打造线上线下一体化电商生态圈</div>
                    </div>
                </a>
            </div>
            <div class="work">
                <a href="/index.php/Index/Index/projectChain">
                    <img src="/Index/Index/image/index/work2.png" alt="">
                    <div class="top">
                        <div class="t1">区块链</div>
                        <div class="t2">系统功能丰富 强大实用</div>
                        <div class="t2">多种交易模式自由组合</div>
                        <div class="t2">动态管理</div>
                    </div>
                </a>
            </div>
            <div class="clear"></div>
        </div>

        <div class="works_list works_list_2 wow">

            <div class="work">
                <a href="/index.php/Index/Index/projectGarden">
                    <img src="/Index/Index/image/index/work3.png" alt="">
                    <div class="top">
                        <div class="t1">智慧园区</div>
                        <div class="t2">企业管理透明便捷</div>
                        <div class="t2">管理层级明确</div>
                        <div class="t2">申报流程更直观</div>
                    </div>
                </a>
            </div>
            <div class="work">
                <a href="/index.php/Index/Index/projectPark">
                    <img src="/Index/Index/image/index/work4.png" alt="">
                    <div class="top">
                        <div class="t1">无感停车</div>
                        <div class="t2">停车更便捷</div>
                        <div class="t2">管理更便捷</div>
                        <div class="t2">快速抬杆不等待</div>
                    </div>
                </a>
            </div>
            <div class="clear"></div>
        </div>
    </div>


    <!--我们的优势-->
    <div class="our_adv">
        <p class="title">我们的优势</p>
        <div class="con">
            <div class="level_1">
                <div class="lists cursor">
                    <div class="img">
                        <img src="/Index/Index/image/index/icon_3.png" alt="" />
                    </div>
                    <div class="title">技术与创新</div>
                    <div class="info">从产品、设计、UI、UE、到前端开发、后端开发、ios开发、安卓开发草帽具有完整的互联网技术流水线，草帽的技术人员均来自于北上广深等一线互联网公司的返乡人员。虽然我们地处苏北，但是我们的技术水平没有随着地域而落后。</div>
                </div>
                <div class="lists cursor">
                    <div class="img">
                        <img src="/Index/Index/image/index/icon_location.png" alt="" />
                    </div>
                    <div class="title">内容与流量</div>
                    <div class="info">从内容产生流量、从流量产生变现，草帽深谙互联网的本质。草帽不仅是技术的服务商也是流量的制造商。我们在微信公众号、新闻平台、抖音短视频等领域均有深厚的运营经验，并且草帽在上述平台的变现目前每年是千万级别的。</div>
                </div>
                <div class="lists cursor">
                    <div class="img">
                        <img src="/Index/Index/image/index/icon_4.png" alt="" />
                    </div>
                    <div class="title">人才与培养</div>
                    <div class="info">草帽的核心就是人才，目前草帽具有完整的人才培养路线，不论您是技术大拿还是初出茅庐的毕业生，在草帽均可找到适合您的岗位并发挥您的价值，毕竟诚信、利他、高效是草帽的核心价值观。</div>
                </div>
            </div>
        </div>
    </div>
    <!--明星客户-->
    <div class="star_customer">
        <p class="title">明星客户</p>
        <div class="con">
            <div class="lists cursor">
                <img src="/Index/Index/image/index/1.png" alt="尼康" />
            </div>
            <div class="lists cursor">
                <img src="/Index/Index/image/index/3.png" alt="奔驰" />
            </div>
            <div class="lists cursor">
                <img src="/Index/Index/image/index/2.png" alt="吉普" />
            </div>
            <div class="lists cursor">
                <img src="/Index/Index/image/index/6.png" alt="西门子" />
            </div>
            <div class="lists cursor">
                <img src="/Index/Index/image/index/12.png" alt="安利" />
            </div>
            <div class="lists cursor">
                <img src="/Index/Index/image/index/5.png" alt="京东" />
            </div>
            <div class="lists cursor">
                <img src="/Index/Index/image/index/13.png" alt="洋河股份" />
            </div>
            <div class="lists cursor">
                <img src="/Index/Index/image/index/9.png" alt="星巴克" />
            </div>
            <div class="lists cursor">
                <img src="/Index/Index/image/index/15.png" alt="面包新语" />
            </div>
            <div class="lists cursor">
                <img src="/Index/Index/image/index/14.png" alt="中国联通" />
            </div>
            <div class="lists cursor">
                <img src="/Index/Index/image/index/8.png" alt="中国电信" />
            </div>
            <div class="lists cursor">
                <img src="/Index/Index/image/index/7.png" alt="中国移动" />
            </div>
            <div class="lists cursor">
                <img src="/Index/Index/image/index/11.png" alt="上膳源" />
            </div>
            <div class="lists cursor">
                <img src="/Index/Index/image/index/4.png" alt="小汪糕点" />
            </div>
            <div class="lists cursor">
                <img src="/Index/Index/image/index/10.png" alt="rofeia" />
            </div>
        </div>
    </div>

</div>
<div class="clear"></div>

<script src="/src/jquery-1.9.1.min.js"></script>
<script src="/plugin/swiper/swiper.min.js"></script>
<script src="/Index/Index/js/index.js?ver=49410"></script>
<script src="/plugin/wow/wow.js"></script>

<script>
    wow = new WOW({
        animateClass: 'animated',
    });
    wow.init();
</script>
<script type="text/javascript">
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 'auto',
        spaceBetween: 30,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });

    // var swiper = new Swiper('.swiper-container', {
    //     slidesPerView: "auto",
    //     autoHeight:true,
    //     spaceBetween: 50,
    //     freeMode: true,
    //     // autoplay: {
    //     //     delay: 2500,
    //     //     disableOnInteraction: false,
    //     // },
    //     // loop: true
    // });
</script>

<script>
    var culImgWidth = function () {
        var w = $(window).width() / 4;
        if (w < 1002 / 4) {
            w = 1002 / 4;
        }
        w = Math.floor(w);
        $(".works_list img").height(w);
    };

    culImgWidth();

    var worklist1 = new TimelineMax({
        paused: true,
    });
    worklist1.staggerFrom(".works_list_1 .work", 0.6, {autoAlpha: 0, y: '+=100px'}, 0.2);

    var worklist2 = new TimelineMax({
        paused: true,
    });
    worklist2.staggerFrom(".works_list_2 .work", 0.6, {autoAlpha: 0, y: '+=100px'}, 0.2);

    console.log('tuo qian gong zi');
</script>

<div class="footer">
    <div class="three">
        <div class="three_left">
            <div class="three_left_content" style="text-align: right;margin-right: -10px;margin-top: 40px;width: 300px;">
                <p class="contact_us">联系我们</p>
                <p class="three_left_lists">
                    <span>合作邮箱:</span>
                    <span>service@caomall.net</span>
                </p>
                <p class="three_left_lists">
                    <span>联系人:</span>
                    <span>谭先生</span>
                </p>
                <p class="three_left_lists">
                    <span>合作电话:</span>
                    <span>15651539988</span>
                </p>
<!--                <p class="three_left_lists">-->
<!--                    <span>企业QQ:</span>-->
<!--                    <span>400-6700-866i</span>-->
<!--                </p>-->
            </div>
        </div>
        <div class="three_center" style="padding-top: 30px;">
            <div class="cen_1">
                <img class="img" src="/Index/public/image/caomall_logo_white.png"  />
            </div>
            <div class="cen_2">江苏草帽网络科技有限公司</div>
            <div class="cen_3" style="height: 25px;margin: 0px;">
                &nbsp;
            </div>
            <div class="cen_4">江苏省宿迁市洪泽湖东路电子商务产业园A3栋5层</div>
            <div class="cen_5">
                <span><a href="javascript:void(0);">免责声明</a></span>
                <span>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <span><a href="javascript:void(0);">隐私政策</a></span>
            </div>
        </div>
        <div class="three_right">
            <div class="right_con" style="margin-left: -10px;margin-top: 40px;">
                <p style="text-align: left;">赢在草帽</p>
                <p style="text-align: left;"><a href="/index.php/Index/Index/join">加入我们</a></p>
                <p style="text-align: left;"><a href="javascript:void(0);">投资者关系</a></p>
                <p style="text-align: left;"><a href="javascript:void(0);">公司福利</a></p>
                <p style="text-align: left;"><a href="javascript:void(0);">公司荣誉</a></p>
            </div>
        </div>
    </div>
</div>
<div class="footer_copyright" style="background-color: #353E5D;">
    草帽科技 | © 2021 caomall.net All Rights Reserved.<a href="http://beian.miit.gov.cn/#/Integrated/index" target="_blank" style="color:#fff;">苏ICP备2021035366号-2</a>
</div>



</body>
</html>
