第一阶段项目（3body）

<div class="H1">
            <div class="top-nav">
                <div class="tn1">
                    <img src="img/羁旅logo.png" style="width: 97.5px; height: 65px;" />                    
                </div>
                <div class="tn2">
                    <a class="ykbz" href="http://www.cncn.com/baozhang/" target="_blank" onclick="">
                        游客保障
                    </a>
                </div>
                <a href="#" target="_blank">
                    <div class="tn3">网站导航</div>
                </a>
            </div>
            <div class="a1">
                    <div class="A1">
                    <a href="羁旅.html"><div class="a11">首&nbsp;页</div></a>    
                    <a href="#"><div class="a11">旅游顾问</div></a>
                    <a href="#"><div class="a11">羁旅优选</div></a>
                    <a href="#"><div class="a11">跟团游</div></a>
                    <a href="#"><div class="a11">自助游</div></a>
                    <a href="#"><div class="a11">主题游</div></a>
                    <a href="#"><div class="a11">目的地</div></a>
                    <a href="#"><div class="a11">攻略</div></a>
                    <a href="#"><div class="a11">百宝箱</div></a>
                    </div>
            </div>
            <div class="a2">
                <div class="text">
                    <div class="text1">                        
                        <div class="t1a">
                            <div class="t1">
                                <input class="ta1a" type="text" placeholder="世界那么大，应该去看看"/>
                            </div>
                        </div>
                        <div class="t1b">
                            <a href="#" target="_blank">GO</a>
                        </div>
                    </div>    
                    <div class="dizhi"><a href="#">北京</a></div>                
                    <div class="dizhi"><a href="#">上海</a></div>
                    <div class="dizhi"><a href="#">厦门</a></div>
                    <div class="dizhi"><a href="羁旅4.html">昆明</a></div>
                    <div class="dizhi"><a href="#">桂林</a></div>
                    <div class="dizhi"><a href="羁旅2.html">三亚</a></div>
                    <div class="dizhi"><a href="#">成都</a></div>
                    <div class="dizhi"><a href="#">西安</a></div>
                    <div class="dizhi"><a href="#">苏州</a></div>
                    <div class="dizhi"><a href="#">无锡</a></div>
                    <div class="dizhi1"><a href="#">查看全部目的地>></a></div>
                </div>
                
            </div>
            <div class="a3">
                <div class="b">
                    <h1>羁旅人生</h1><br />
                    <h5>这儿没有一场说走就走的旅行，只有遍布全球的人生体验。</h5>
                </div>
            </div>
        </div>