静态旅游网站（移动端）

HTML部分：

index.html

	
	
	
	





			

				
网站导航
				

					
首页
					
资讯
					
票务
					
关于
				
			
		

搜索

热门旅游

最新的各种热门旅游推荐！

<凤凰山6日游>

包团特惠，超丰富景点

满意度 77% ¥ 2864 起

<马尔代夫双鱼岛6日游>

上海出发，机+酒包含：早晚餐+快艇

满意度 97% ¥ 8039 起

<海南双飞5日游>

含盐城接送，全程挂牌四星酒店

满意度 90% ¥ 2709 起

<法瑞意德12日游>

4至5星，金色列车，少女峰

满意度 97% ¥ 9199 起

<巴厘岛5日自助游>

蓝梦出海，独栋别墅

满意度 95% ¥ 7680 起

<花样姐姐土耳其9日游>

中餐六菜一汤+土耳其当地美食

满意度 98% ¥ 8980 起

<杭州4日游>

包团特惠，超丰富景点

满意度 94% ¥ 2988 起

<乌鲁木齐+吐鲁番+鄯善+天山天池5日游>

1晚五星 共享沙漠雪山

满意度 98% ¥ 2869 起

客户端 | 触屏版 | 电脑版

Copyright © JH季槐旅行社 |京ICP证056787号

information.html

	
	
	
	


	


			

				
网站导航
				

					
首页
					
资讯
					
票务
					
关于
				
			
		

旅游资讯

介绍各种最新旅游信息、资讯要闻、景点攻略等

热门旅游

凤凰山6日游

包团特惠，超丰富景点，升级1晚国五，无自费，赠送600元

¥2864

马尔代夫双鱼岛6日游

上海出发，机+酒包含：早晚餐+快艇

¥8039

海南双飞5日游

含盐城接送，全程挂牌四星酒店

¥2709

法瑞意德12日游

4至5星，金色列车，少女峰

¥9199

巴厘岛5日自助游

蓝梦出海，独栋别墅

¥7680

花样姐姐土耳其9日游

中餐六菜一汤+土耳其当地美食

¥8980

杭州4日游

包团特惠，超丰富景点

¥2988

乌鲁木齐+吐鲁番+鄯善+天山天池5日游

1晚五星 共享沙漠雪山

¥2869

客户端 | 触屏版 | 电脑版

Copyright © JH季槐旅行社 |京ICP证056787号

ticket.html

	
	
	
	


	


			

				
网站导航
				

					
首页
					
资讯
					
票务
					
关于
				
			
		

票务订购

各种飞机票、火车票、汽车票和轮渡票的订购服务

机票预订

航班类型单程往返

出发城市

返回城市

出发日期

返回日期

订票

最新机票

• 热门城市：
• 北京
• 上海
• 广州
• 深圳
• 重庆
• 成都
• 杭州

路线	日期	价格	税费	餐食	航班	预定
北京-成都	10-15	¥768	¥45	有	春秋航空	预定
北京-上海	10-15	¥659	¥55	无	南方航空	预定
北京-深圳	10-15	¥568	¥43	有	西部航空	预定
北京-杭州	10-15	¥369	¥35	有	天津航空	预定
北京-广州	10-15	¥868	¥65	有	首都航空	预定
北京-重庆	10-15	¥478	¥39	有	东方航空	预定
北京-昆明	10-15	¥568	¥44	无	厦门航空	预定
北京-厦门	10-15	¥786	¥63	无	深圳航空	预定
北京-长沙	10-15	¥669	¥42	有	四川航空	预定
加载更多航班...

客户端 | 触屏版 | 电脑版

Copyright © JH季槐旅行社 |京ICP证056787号

about.html

	
	
	
	


	


			

				
网站导航
				

					
首页
					
资讯
					
票务
					
关于
				
			
		

公司简介

公司的发展历程，获得荣誉以及联系方式

关于我们

季槐旅行社旅游网创立于2017年11月，以“让旅游更简单”为使命，为消费者提供由北京、上海、广州、深圳等64个城市出发的旅游城市产品预定服务，产品全面，价格透明，全年365天24小时666电话预定，并提供丰富的后续服务和保障。

目前，季槐旅行社旅游网提供8万多种旅游产品供消费者选择，涵盖跟团、自驾、自助、邮轮、签证、酒店、景区门票以及公司旅游等，已成功服务超过400万人次出游。

同时，基于季槐旅行社旅游网全球中文景点目录以及中文旅游社区，可以更好的帮助游客了解目的地信息，妥善制定好出游计划，并方便的预定旅程中的服务项目。

联系方式

• 季槐旅行社股份有限公司
• 地址：重庆市渝北区无名路233号
• 邮编：123456
• 电话：010-23336666
• 传真：010-88886666

客户端 | 触屏版 | 电脑版

Copyright © JH季槐旅行社 |京ICP证056787号

CSS部分：

style.css

@charset "utf-8";

html {
	font-size:625%;
}

body,h1,h2,h3,h4,ul,ol,p,figure {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei UI","Microsoft Yahei",SimHei,"宋体",simsun,sans-serif;
	font-size: 0.16rem;
}


ul,ol {
	list-style: outside none none;
}
a {
	text-decoration: none;
}

img {
	display: block;
	max-width: 100%;
}

.none {
	display: none;
}
.clearfix:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;

}

#header {
	width: 100%;
	height: 0.45rem;
	background-color: #333;
	font-size: 0.16rem;
	position: fixed;
	top: 0;
	z-index: 9999;
}

#header .link{
	height: 0.45rem;
	line-height: 0.45rem;
	color: #eee;
	

}
#header .link li {
	width: 25%;
	text-align: center;
	float:left;

}
#header .link a {
	color: #eee;
	display: block;
}
#header .link a:hover, 
#header .active a {
	background-color: #000;
}

div,figure,figcaption {
	box-sizing: border-box;
}

#adver {
	max-width: 6.4rem;
	margin: 0 auto;
	padding: .45rem 0 0 0;
}

#footer {
	max-width: 6.4rem;
	background-color: #222;
	color:#777;
	margin:0 auto;
	padding:0.1rem 0;
	text-align: center;
	font-size: .16rem;
}

#footer .top {
	padding: 0 0 0.05rem 0;
}

#search {
	max-width: 6.4rem;
	height: .33rem;
	background-color: #ddd;
	margin: 0 auto;
	position: relative;
	padding: .03rem 0 0 0;
	position: relative;
}

#search .search {
	width: 95%;
	height: .27rem;
	background-color: #fff;
	border: none;
	border-radius: .04rem;
	outline: none;
	display: block;
	margin: 0 auto;
	font-size: .14rem;
	padding: 0 .05rem;
	margin: 0 auto;
}

#search button {
	display: block;
	outline: none;
	cursor: pointer;
	color: #666;
	width: .5rem;
	height: .27rem;
	border: none;
	border-top-right-radius: .04rem;
	border-bottom-right-radius: .04rem;
	font-size: .14rem;
	position: absolute;
	top: .03rem;
	right: 1%;
}

#tour {
	max-width: 6.4rem;
	margin: .1rem auto 0 auto;
}
#tour h2 {
 	text-align: center;
 	color: #666;
 	font-size: .26rem;
 }

 #tour h3 {
 	text-align: center;
 	font-weight: normal;
	color: #666;
	font-size: .16rem;
	margin: .05rem 0 .1rem 0;

 }

#tour figure {
 	width: 50%;
 	float: left;
 	background-color: #eee;
 	margin: 0 0 .05rem 0;
 	font-size: .16rem;
 } 

#tour figure img {
 	padding: .02rem;
 	vertical-align: middle;
 	border-radius: .04rem;
 }
 #tour figcaption {
 	color: #666;
 	padding: .02rem .05rem;
 	font-size: .16rem;
 } 

 #tour h4 {
 	font-weight: normal;
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }

 #tour p {
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }

 #tour .info {
 	padding: .1rem 0 0 0;
 	font-size: .16rem;
 }

 #tour .price {
 	color: #f60;
 }

 #tour .price strong {
 	letter-spacing: .01rem;
 }

#tour .sat {
 	color: #999;
 	font-style: normal;
 	float: right;
 	position: relative;
 	float: right;
 	right: .05rem;
 	font-style: normal;
 }

 #headline {
 	max-width: 6.4rem;
 	margin: 0 auto;
 	padding: .45rem 0 0 0;
 	position: relative;
 }


 #headline hgroup {
 	position: absolute;
 	top: 50%;
 	left: 10%;
 	color: #eee;
 }

 #headline h2 {
 	font-size: .22rem;

 }

 #headline h3 {
 	font-size: .14rem;
 }

 .list {
 	margin: .15rem auto;
 	max-width: 6.4rem;
 	font-size: .16rem;
 	color: #666;
 	padding: 0 .1rem;
 }
 .list h2 {
 	font-size: .20rem;
 	border-bottom: .01rem dashed #999;
 	padding: 0 0 .15rem 0;
 }

 .about p {
 	line-height: 2;
 	margin: .2rem 0;
 }
 .about address {
 	font-style: normal;
 	margin: .2rem 0;
 	line-height: 1.6;
 }

 .information figure:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

 .information figure {
 	margin: .15rem 0 0 0;
 	position: relative;
 }
 .information figure img {
 	width: 50%;
 	float: left;
 }
 .information figure figcaption {
 	width: 48%;
 	float: right;
 }

 .information .title {
 	border: none;
 	padding: 0 0 .05rem 0;
 	display: -webkit-box;
 	overflow: hidden;
 	-webkit-line-clamp:1;
 	-webkit-box-orient:vertical;
 }

 .information .small_title {
	font-weight: normal;
	padding: 0;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp:2;
 	-webkit-box-orient:vertical;
 }
 .information .price {
 	color: #f60;
 	position: absolute;
 	bottom: 0;
 }

 .information .price strong {
 	font-size: .26rem;
 }

 .ticket .type {
 	margin: .2rem 0 .2rem 0;
 	border: none;
 }

 .ticket p {
	margin: .2rem 0 .1rem 0;
}
 .ticket mark {
	color: #fff;
	background-color: #458B00;
	padding: .05rem .08rem;
	border-radius: .04rem;
	margin: 0 .1rem 0 .16rem;
}
 .ticket .form {
 	border: none;
 	font-size: .2rem;
 }

 .ticket .form p {
	margin: .1rem 0;
}
 .ticket .form label {
 	display: block;
 	margin: 0 0 .05rem 0;
 	font-size: .16rem;
 } 

 .ticket .form input {
	width: 97%;
	height: .2rem;
	border: .01rem solid #ccc;
	background-color: #fff;
	border-radius: .04rem;
	padding: .05rem;
	color: #666;
}

 .ticket .form .submit {
	width: 30%;
	border-radius: .04rem;
	background-color: #f60;
	color: #fff;
	text-align: center;
	border:none;
	cursor: pointer;
	display: block;
	padding: .1rem;
	margin: 0 auto;
}


 .ticket .new {
	margin: .2rem 0 0 0;
}
 .ticket .new ul {
	margin: 20px 0 0 0;
}
 .ticket .new li {
	display: inline-block;
	padding: 5px 10px;
}
 .ticket .new li:first-child {
	padding-left: 0;
}
 .ticket .new li:nth-child(2) {
	background-color: #458b00;
	color: #fff;
	border-radius: 4px;
}
 .ticket table {
 	width: 100%;
 	border-collapse: collapse;
 	margin: .2rem 0 0 0;
 	border:.1rem solid #ddd;
 }

 .ticket table th {
 	padding: .15rem 0;
	border-bottom: 1px solid #ddd;
	font-weight: normal;
	
}
 .ticket table td {
 	padding: .15rem 0;
	border-bottom: 1px solid #ddd;
	text-align: center;
	
}
 .ticket table tr:nth-child(2n) {
	background-color: #fafafa;
}
 .ticket table tr:hover {
	background-color: #eee;
}
#container .ticket .price {
	color: #f60;
}
 .ticket .more {
	color: #666;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
	display: block;
}
 .ticket .reserve {
	display: inline-block;
	border-radius: .04rem;
	padding: .05rem .08rem;
	text-align: center;
	color: #fff;
	background-color: #f60;
}	




/* 媒体查询，大于480px小于640px*/
@media (min-width: 480px) and (max-width: 640px) {
  #tour h2, .information .price strong  {
 	
 	font-size: .26rem;
 }

  #tour h3,#footer,#tour figcaption, #tour .info, .list {
 
	font-size: .16rem;
 }
 #footer {

	font-size: .16rem;
 }
  #headline h2 {
 	font-size: .22rem;
 }

 #headline h3 {
 	font-size: .14rem;
 }
 .list h2 {
 	font-size: .20rem;
 }
}

/* 媒体查询，小于480px*/
@media (max-width: 480px) {
   #tour h2, .information .price strong   {
 	
 	font-size: .20rem;
 }
   #tour h3, #tour figcaption, #tour .info, .list {
 
	font-size: .14rem;
 }

  #footer {

	font-size: .12rem;
 }
  #headline h2 {
 	font-size: .18rem;
 }

 #headline h3 {
 	font-size: .12rem;
 }
 .list h2 {
 	font-size: .17rem;
 }
 .min {
 	display: none;
 }
}