<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<!-- 引入css样式 -->
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 头部部分 一个大div 装两个小的div -->
<div class="header">
<!-- 放语言 -->
<div class="language">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li>9℃~15℃</li>
</ul>
</div>
<!-- 导航条部分 -->
<div class="nav">
<ul>
<li>
<a href="./index.html">首页</a>
</li>
<li>
<a href="./tourMsg.html">旅游资讯</a>
</li>
<li>
<a href="./area.html">景区</a>
</li>
<li>
<a href="./line.html">线路</a>
</li>
<li>
<a href="#">美食</a>
</li>
<li>
<a href="#">酒店</a>
</li>
<li>
<a href="#">购物</a>
</li>
<li>
<a href="#">交通</a>
</li>
<li>
<a href="#">演出</a>
</li>
</ul>
<!-- banner图部分 -->
<div class="banner">
</div>
</div>
</div>
<div class="continer">
<!-- 版心的最上面部分 -->
<div class="top1">
<!-- 左 -->
<div class="left">
<h2>旅游</h2>
<ul>
<li>节庆活动</li>
<li>会议展览</li>
<li>旅游攻略</li>
<li>旅游贴士</li>
<li>图片</li>
<li>视频</li>
</ul>
</div>
<!-- 中间 -->
<div class="center"></div>
<!-- 右边 -->
<div class="right">
<!-- -->
<div class="news">
<span class="news_left">最新资讯</span>
<span class="news_right">
<a href="#">更多资讯></a>
</span>
</div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
</div>
</div>
<div class="top2">
<div class="top2Left">
<div class="top">
<span class="title">
精品线路
</span>
</span>
</div>
<div class="bottom">
<div class="bottomLeft">
<div class="world">
<p class="title">
<em>01</em>
万国建筑世遗之旅
</p>
<p>荟萃了上千座中西合璧、 风格各异的中外建筑</p>
</div>
<img id="jt" src="./img/trip_arrow_down.png" alt="">
<div class="pic">
</div>
</div>
<div class="boittomRight">
<div class="item">
<img src="img/hsd.jpeg" alt="">
<div class="itemRight">
<h3>
<em>02</em>
</h3>
<p>鼓浪屿犹如一张美丽的画卷展现在眼前,美不胜收</p>
</div>
</div>
<div class="item">
<img src="img/sjd.jpeg" alt="">
<div class="itemRight">
<h3>
<em>03</em>
</h3>
<p>设计博采中西文化之长,堪称中西合璧之经典</p>
</div>
</div>
<div class="item">
<img src="img/36022f1a09174c25867be8d76af0ccdb.jpeg" alt="">
<div class="itemRight">
<h3>
<em>04</em>
街巷寻味、体旅研学
</h3>
<p>六大精品运动休闲旅游线路,带你玩转暖冬思明</p>
</div>
</div>
</div>
</div>
</div>
<!-- 第二天--- -->
<div class="top2Right">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
</div>
<!-- 版心的第三部分 -->
<div class="top3">
<h1 class="guide">旅游向导</h1>
<div class="area">
<div class="item">
<span>景区</span>
<img src="img/travel_guider_p001.jpeg" alt="">
<ul>
<li>5A级景区</li>
<li>4A级景区</li>
<li>新24景</li>
<li>主题乐园</li>
<li>文博科教</li>
<li>遗产古迹</li>
</ul>
</div>
<div class="item">
<span>线路</span>
<img src="img/travel_guider_p002.jpeg" alt="">
<ul>
<li>5A级景区</li>
<li>4A级景区</li>
<li>厦门新24景</li>
<li>主题乐园</li>
<li>文博科教遗产古迹</li>
</ul>
</div>
<div class="item">
<span>美食</span>
<img src="img/travel_guider_p003.jpeg" alt="">
<ul>
<li>5A级景区</li>
<li>4A级景区</li>
<li>厦门新24景</li>
<li>主题乐园</li>
<li>文博科教</li>
<li>遗产古迹</li>
</ul>
</div>
<div class="item">
<span>酒店</span>
<img src="img/travel_guider_p004.jpeg" alt="">
<ul>
<li>5A级景区</li>
<li>4A级景区</li>
<li>厦门新24景</li>
<li>主题乐园</li>
<li>文博科教</li>
<li>遗产古迹</li>
</ul>
</div>
<div class="item">
<span>购物</span>
<img src="img/travel_guider_p005.jpeg" alt="">
<ul>
<li>5A级景区</li>
<li>4A级景区</li>