lan_road_science_and_technology
/
index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="Author" content="Fly">
    <title>兰途科技-首页12313123</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common1.css">
    <link rel="stylesheet" href="css/index1.css">
    <link rel="stylesheet" href="css/indexMedia.css">
    <script src="js/jquery-3.1.1.min.js"></script>
</head>
<body>
    <!-- header start -->
    <div id="header">
        <div class="h-main">
            <!--logo-->
            <div class="h-m-logo">
                <a href="index.html"><img src="img/logo.png" alt="" width="132" height="37"></a>
            </div>
            <!--nav-->
            <div class="h-m-nav">
                <ul class="nav-list1">
                    <li class="active"><a href="index.html">首页</a></li>
                    <li><a href="campus.html">移动校园</a></li>
                    <li><a href="">经典案例</a></li>
                    <li><a href="">公司动态</a></li>
                    <li><a href="">招贤纳士</a></li>
                    <li><a href="">联系我们</a></li>
                </ul>
                <ul class="nav-list2">
                    <li class="active"><a href="index.html">首页</a></li>
                    <li><a href="">移动校园</a></li>
                    <li><a href="">经典案例</a></li>
                    <li class="more" onselectstart="return false">更多<img src="img/index/nav_icon.png" />
                        <div class="more-hide">
                            <ul>
                                <li><a href="">行业新闻</a></li>
                                <li><a href="">招贤纳士</a></li>
                                <li><a href="">联系我们</a></li>
                                <li><a href="">兰途家族</a></li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--end header-->

    <!--banner-->
    <div id="banner">
        <div class="b-part">

            <div class="part part1">
                <div class="img1"></div>
                <div class="img2"></div>
            </div>

            <div class="part part2">
                <div class="img1">
                    <p><img src="img/index/bg2-1.png" alt=""></p>
                    <p><img src="img/index/bg2-2.png" alt=""></p>
                    <p style="background: #b3cd35; width: 96%; padding: 2%; border-radius: 6px;"><img src="img/index/bg2-3.png" alt=""></p>
                </div>
                <div class="img2"></div>
            </div>
            <div class="part part3">
                <div class="img1"></div>
                <div class="img2">
                    <p><img src="img/index/bg3-3.png" alt=""></p>
                    <p><img src="img/index/bg3-4.png" alt=""></p>
                    <p style="background: #b3cd35; width: 96%; padding: 2%; border-radius: 6px;"><img src="img/index/bg3-5.png" alt=""></p>
                </div>
            </div>
        </div>
        <div class="b-tab">
            <ul>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
    <!--end banner-->

    <!--classic start-->
    <div id="classic">
        <div class="c-title">
            <img src="img/index/t_c.png" alt="">
            <p>经典案例</p>
        </div>
        <div class="c-main">
            <ul>
                <li><img src="img/index/i1.png" alt=""></li>
                <li><img src="img/index/i2.png" alt=""></li>
                <li><img src="img/index/i3.png" alt=""></li>
                <li><img src="img/index/i4.png" alt=""></li>
                <li><img src="img/index/i5.png" alt=""></li>
                <li><img src="img/index/i6.png" alt=""></li>
                <li><img src="img/index/i7.png" alt=""></li>
                <li><img src="img/index/i8.png" alt=""></li>
                <li><img src="img/index/i9.png" alt=""></li>
            </ul>
        </div>
        <div class="btn">
            <div class="left"><img src="img/index/t_l.png" alt=""></div>
            <div class="right"><img src="img/index/t_r.png" alt=""></div>
        </div>
    </div>
    <!--end classic-->

    <!--partner start-->
    <div id="partner">
        <div class="p-title">
            <img src="img/index/rd.png" alt="">
            <p>研发伙伴</p>
        </div>
        <div class="p-list">
            <ul>
                <li class="l1"><a href=""><img src="img/index/rd1.jpg" alt=""></a></li>
                <li class="l2"><a href=""><img src="img/index/rd2.jpg" alt=""></a></li>
                <li class="l3"><a href=""><img src="img/index/rd3.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>
    <!--end partner-->

    <!--copy start-->
    <div id="copy">
        <span>备案号：蜀ICP备13025447号-1</span>
        <span>©2013-2017 版权所有</span>
        <span>成都兰途网络科技有限公司</span>
    </div>
    <!--end copy-->
    <script src="js/index1.js"></script>
</body>
</html>