<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/style-apply-program.css">
</head>
<body>

<header>
<div class="top-nav">
    <div class="container w1000 cf">
        <div class="logo left">
            <a class="navbar-brand" href="javascript:;">
                <img src="img/top-logo.png" class="normal" alt="logo">
            </a>
        </div>
        <div class="user-center right">
                            <a href="/?r=login/index" class="link">登录</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="/?r=register/index" class="link">注册</a>
                    </div>
        <div class="contact-way right">
            <ul>
                <li class="mail"><img width="20px" src="img/icon-email.png" alt="">pinpai@qimao.com</li>
                <li class="phone"><img width="20px" src="img/icon-phone.png" alt="">021-33269988</li>
            </ul>
        </div>
    </div>
</div>
<div class="nav-bar">
    <div class="container w1000">
        <ul class="menu-list">
            <li><a href="/">首页</a></li>
            <li><a class="scroll" href="/#aboutUs">关于我们</a></li>
            <li><a class="scroll" href="/#ourService">服务介绍</a></li>
            <li><a href="/?r=index/dongman" target="_blank">漫画专区</a></li>
            <li><a class="scroll" href="/#contactUs">联系我们</a></li>
        </ul>
    </div>
</div></header><div class="wrapper">
    <div class="section section-banner"></div>
    <div class="section section-intro bgWheat">
        <div class="wrapper w1000">
            <div id="aboutUs" name="aboutUs" class="about-us cf">
                <h2 class="sub-title center"><em>关于我们</em></h2>
                <div class="cont left">
                    <p class="p-des mt20">七猫是一家深耕文化娱乐行业的互联网企业，公司总部位于上海市浦东新区海阳西路555号前滩中心25—26楼，在北京、武汉、海南澄迈设有分部，现有员工800余人。公司创始人及核心管理层均来自A股互联网上市公司，企业文化诚实踏实，团队有创业拼搏精神。目前，七猫旗下拥有数字阅读平台“七猫免费小说”，及原创文学平台“七猫中文网”等产品，并积极拓展影视、有声、动漫、出版改编及网文出海等版权衍生业务。 <br>
                    </p>
                </div>
                <div class="img-wrapper left">
                    <img src="img/about-us.png" alt="">
                </div>
            </div>
            <div id="ourService" name="ourService" class="our-service">
                <h2 class="sub-title center"><em>我们的服务</em></h2>
                <ul class="cont cf">
                    <li class="left">
                        <h3><a href="/dongman"><img src="img/dm.png" alt="">动漫手绘项目设计</a></h3>
                        <p class="p-des mt10">吉祥物、互动表情包、品牌故事、产品延展、网络推文包装</p>
                    </li>
                    <li class="left">
                        <h3><img src="img/jh.png" alt="">交互原型设计</h3>
                        <p class="p-des mt10">信息架构、低保真原型、界面布局、快速原型、产品原型</p>
                    </li>
                </ul>
                <ul class="cont cf">
                    <li class="left">
                        <h3><img src="img/sj.png" alt="">移动产品设计</h3>
                        <p class="p-des mt10">移动界面设计、iOS/Android界面设计、微信公众平台、Html5设计开发、移动网站设计开发、在线教育系统开发应用</p>
                    </li>
                    <li class="left">
                        <h3><img src="img/wz.png" alt="">网站设计与开发</h3>
                        <p class="p-des mt10">品牌网站设计开发、展示营销网站、电子商务网站、手机网站/响应式网站、前端开发与测试</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="section section-company-service">
        <div class="company hide">
            <div class="mask"></div>
            <div class="cont w1000">
                <h1>我们为企业提供优质的服务</h1>
                <a class="scroll" href="#contactUs">立刻联系我们</a>
            </div>
        </div>
        <div class="our-client hide">
            <h2 class="sub-title center"><em>我们的客户</em></h2>
            <ul class="w1000 cf">
                <li><img src="img/p-by.png" alt=""></li>
                <li><img src="img/p-jny.png" alt=""></li>
                <li><img src="img/p-kj.png" alt=""></li>
                <li><img src="img/p-qy.png" alt=""></li>
                <li><img src="img/p-wz.png" alt=""></li>
            </ul>
        </div>
    </div>
</div>
<footer id="contactUs" name="contactUs">
    <div class="lace"></div>
    <div class="container w1000">
        <ul class="cf">
            <li class="left">
                <div class="img-wrapper">
                    <img src="img/location.png" alt="">
                </div>
                <span class="s-des">上海市浦东新区海阳西路555号前滩中心26层</span>
            </li>
            <li class="left">
                <div class="img-wrapper">
                    <img src="img/email.png" alt="">
                </div>
                <span class="s-des">pinpai@qimao.com</span>
            </li>
            <li class="left">
                <div class="img-wrapper">
                    <img src="img/tel.png" alt="">
                </div>
                <span class="s-des">021-33269988</span>
            </li>
        </ul>
        <div class="copyright mt20 center">
            <img src="img/top-logo.png" alt="">
            <p>版权所有@上海七猫文化传媒有限公司
                <a href="http://wap.scjgj.sh.gov.cn/businessCheck/verifKey.do?showType=extShow&serial=9031000020200326153223000005658396-SAIC_SHOW_310000-20200415095628328043&signData=MEUCICht2lqW+pgM8eBR7D4r+qSq5LRJ5+lVwSD7+98WTVFuAiEAtpNgE6adV96jV+VfgtitxnLrz+m3N2HkRLa3zPE/TbM="><img src="img/dianzi.png" width="31"></a>
            </p>
            <p><a href="http://beian.miit.gov.cn">沪ICP备17012825号-5</a> 沪网文 [2020] 1747-135号 沪ICP证：沪B2-20190085</p>
        </div>
    </div>
</footer>
<script src="js/jquery-1.10.0.min.js"></script>
<script>
    $(function () {
        $('.log-del').click(function () {
            if (confirm("注销后将无法登录，请确认是否注销？")) {
               location.href='/?r=index/clear';
            }
        })
    })
</script>
<script>
    $(function(){
        $(".scroll").click(function(event){
            event.preventDefault();
            $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
        });

        $('.toTop').click(function(){
            $('html,body').animate({scrollTop:0},1000);
        });
    })
</script>
</body>
</html>