tubao
/
tubao_official_website


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

<head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus?">
    <title>青岛途宝软件开发有限公司</title>
    <meta name="author" content="代码库"/>
    <meta name="keywords" content="宽屏,简洁大气,公司,企业官网,网站模板,整站下载"/>
    <meta name="description" content="宽屏简洁大气公司企业官网网站模板整站下载，下载文件包含企业官网所有网页模板，完整版下载。"/>
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <link href="css/global.css" rel="stylesheet" type="text/css">
    <script src="js/jquery-1.11.1.min.js"></script>
</head>

<body>
<!--头部-->
<div class="site_head">
    <div class="head_cont wth1200">
        <a href="index.html"><img src="pictures/logo.png" class="fl"></a>
        <ul class="head_nav fr">
            <li><a href="index.html" class="navon">首页</a></li>

            <li><a href="about.html">关于我们</a></li>

<!--            <li><a href="culture.html">企业精神</a></li>-->

<!--            <li><a href="course.html">发展历程</a></li>-->

<!--            <li><a href="news.html">公司动态</a></li>-->

            <li><a href="contact.html">联系我们</a></li>
        </ul>
    </div>
</div>
<!--内容-->
<div class="banner">
    <ul class="banner_img" id="banner_img">
        <li><a target="_blank" href="javascript:"><img src="pictures/banner02.jpg"></a></li>
        <li><img src="pictures/banner03.jpg"></li>
        <li><img src="pictures/banner02.jpg"></li>
        <li><img src="pictures/banner01.jpg"></li>
    </ul>
    <ul class="banner_dian" id="banner_dian">
        <li class="slet"></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <a href="javascript:void(0)" id="ban_left"><i class="icon ban_left"></i></a>
    <a href="javascript:void(0)" id="ban_right"><i class="icon ban_right"></i></a>
</div>
<div class="site_cont">
    <div class="news">
        <div class="news_cont wth1200 relative">
            <i class="icon announcement fl"></i>
            <div class="news_d">
                <div class="news_dynamic">
                    <a href="/nwes/196.html" target="_blank">新闻资讯：庆祝青岛途宝软件开发有限公司于2020年成立</a>
                    <a href="/nwes/196.html" target="_blank">新闻资讯：庆祝青岛途宝软件开发有限公司于2020年成立</a>

                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $('#indexPage').addClass("selected");
            //上页转换
            var a = 0;
            var cd = $("#banner_img li").length;
            $("#ban_left").click(function () {
                a--;
                if (a < 0) a = cd - 1;
                $("#banner_dian li").eq(a).addClass("slet").siblings().removeClass("slet");
                $("#banner_img li").hide().eq(a).css("opacity", "0").fadeTo(0, 1).siblings().removeClass("dongh");
            });
            //下页转换
            $("#ban_right").click(function () {
                a++;
                if (a >= cd) a = 0;
                $("#banner_dian li").eq(a).addClass("slet").siblings().removeClass("slet");
                $("#banner_img li").hide().eq(a).css("opacity", "0").fadeTo(0, 1).siblings().removeClass("dongh");
            });
            //自动转换
            var time;
            start(); //定义 函数循环开始
            function start() {
                time = setInterval(function () { //函数内的元素一直执行
                    a++;
                    if (a > cd - 1) a = 0;
                    $("#banner_dian li").eq(a).addClass("slet").siblings().removeClass("slet");
                    $("#banner_img li").hide().eq(a).css("opacity", "0").fadeTo(0, 1).siblings().removeClass("dongh");
                }, 4000);
            };
            //鼠标浮动转换
            $("#banner_dian li").hover(function () { //鼠标浮动在圆点上的时候
                if (time) clearInterval(time); //清除 函数循环
                a = $(this).index(); //定义
                $("#banner_img li").hide().eq(a).css("opacity", "0").fadeTo(0, 1).siblings().removeClass("dongh");
                $(this).addClass("slet").siblings().removeClass("slet");
            }, function () {
                start();
            });

            var settime;
            $(".news_d").hover(function () {
                clearInterval(settime);
            }, function () {
                settime = setInterval(function () {
                    var $first = $(".news_d div:first"); //选取div下的第一个ul 而不是li；
                    var height = $first.find("a:first").height(); //获取第一个li的高度，为ul向上移动做准备；
                    $first.animate({
                        "marginTop": -height + "px"
                    }, 600, function () {
                        $first.css({
                            marginTop: 0
                        }).find("a:first").appendTo($first); //设置上边距为零，为了下一次移动做准备
                    });
                }, 2000);
            }).trigger("mouseleave");
        });

    </script>
    <div style="margin: 30px 0;">
        <div class="wth1200">
            <div class="index_title">
                <b class="fs18">关于我们</b><span>About us</span>
                <em></em>
            </div>
            <div class="index_introduce_box clearfix">
                <div class="index_introduce fl" style="font-size: 18px">
                    <p>　
                        青岛途宝软件开发有限公司成立于2020年，前身青岛易车配网络科技有限公司，公司拥有专业软件研发人员30余名，从事基于JAVA语言的的各种管理系统的开发，公司注重客户需求，核心项目经理有20年的管理系统开发经验。</p>
                    <p>自公司成立来，承接国家电网（山东省）工程项目管理系统、上市公司赛轮集团PCR RE渠道管理系统、青岛啤酒文化管理平台、山东金宇集团WMS系统、上海博禄凯龙公司物流车辆TPMS管理系统等。</p>
                </div>
                <div class="index_video fr" style="border: 0px solid #000;box-shadow: 0 0 0px #D7D7D7;">
                    <img src="images/qingpi.png" alt="" style="width: 30%;margin-left:35%;margin-top: 8%">
                    <div style="width: 100%;">
                        <img src="images/sailun.jpg" alt="" style="width: 49%;">
                        <img src="images/dianwang.jpg" alt="" style="width: 49%;">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div style="padding: 30px 0; background: #f2f2f2;">
        <div class="wth1200 index_culture_box relative">
            <div class="index_title">
                <b class="fs18">企业精神</b><span>corporate culture</span>
                <em></em>
            </div>
            <img src="pictures/index01.png" class="index_culture absolute1">
            <div class="index_culture_left absolute1">
                <p class="thought1 transition">付出不亚于任何人的努力</p>
                <p class="thought2 transition">谦虚戒骄</p>
                <p class="thought3 transition">天天反省</p>
            </div>
            <div class="index_culture_right absolute1">
                <p class="thought4 transition">活着就要感谢</p>
                <p class="thought5 transition">积善行，思利他</p>
                <p class="thought6 transition">不要有感性的烦恼</p>
            </div>
        </div>
    </div>
    <div class="business">
        <div class="wth1200 color_yellow center business_title">
            <span>业务体系</span><br>Products<br>
            <i class="icon business_tb"></i>
        </div>
    </div>
    <div>
        <div class="wth1200 business_cont">
            <ul class="clearfix">
                <li class="yx_cluster">
                    <div></div>
                    <a href="/business/index.html?id=2">软件开发</a>
                </li>
                <li class="sj_cluster">
                    <div></div>
                    <a href="/business/index.html?id=4">技术维护</a>
                </li>
                <li class="rj_cluster">
                    <div></div>
                    <a href="/business/index.html?id=1">安卓开发</a>
                </li>
                <li class="sn_cluster">
                    <div></div>
                    <a href="/business/index.html?id=8">IOS开发</a>
                </li>
                <li class="yy_cluster">
                    <div></div>
                    <a href="/business/index.html?id=3">PC端开发</a>
                </li>
                <li class="ds_cluster">
                    <div></div>
                    <a href="/business/index.html?id=5">网页开发</a>
                </li>
                <li class="xkc_cluster">
                    <div></div>
                    <a href="/business/index.html?id=9">小程序开发</a>
                </li>
                <li class="gy_cluster">
                    <div></div>
                    <a href="/business/index.html?id=6">程序设计</a>
                </li>
                <li class="bk_cluster">
                    <div></div>
                    <a href="/business/index.html?id=7">数据统计</a>
                </li>
            </ul>
        </div>
    </div>

    <!--底部-->
    <div class="center copyright">
        <img src="images/icp.png" alt="" style="margin-right:2px;height: 14px;"> <span><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=37021302000853" style="color:#FFFFFF;">鲁公网安备 37021302000853号</a> <a href="https://beian.miit.gov.cn/" style="color:#FFFFFF;">鲁ICP备2021000559号-4</a>  青岛途宝软件开发有限公司</span>
    </div>
</div>
</body>

</html>