﻿.tour-banner{
	height: 800px;
	background: url(../images/tour/Airwheel-tour-banner.jpg) center no-repeat;
	position: relative;
}
.banner-intro{
	text-align: center;
	color: #FFF;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -97px;
}
.banner-intro h1{
	font-weight: 500;
	font-size: 100px;
}
.banner-intro p{
	font-size: 24px;
	width: 600px;
	margin: auto;
}
.imglist-content{
	overflow-x: hidden;
}
.img-list:after{
	content: '';
	display: block;
	clear: both;
}
.img-list{
	padding: 0 15px;
	/*display: -webkit-flex;
  	display: flex;
  	 flex-direction: row;
  	 flex-wrap: wrap;
  	 justify-content:center;
  	 align-items: flex-start;*/
}
.img-list>li{
	float: left;
	padding: 15px;
	box-sizing: border-box;
	position: relative;
}
.img-list>li img{
	display: block;
	max-width: 100%;
	margin: auto;
}
.col-2>li{
	width: 50%;
}
.col-4>li{
	width: 25%;
}
.imglist-content .intro{
	margin: 3% 0;
	text-align: center;
}
.imglist-content .intro h1{
	font-size: 50px;
	font-weight: 100;
}
.imglist-content .intro p{
	font-size: 24px;
	width: 762px;
	margin: auto;
}
.pos{
	position: absolute;
    padding:0 15px;
    box-sizing: border-box;
    left: 0;
}
.contact-info{
	padding: 5% 0;
	color: #FFF;
	background: rgb(38,38,38);
	text-align: center;
	margin-top: 15px;
}
.contact-info h1,.contact-info h1 a{
	font-size: 50px;
	font-weight: 100;
	text-decoration: none;
	color: #fff;
}
.contact-info p{
	font-size: 24px;
	width: 70%;
	margin: auto;
}
.contact-info p a{
	font-size: 24px;
	color: red;
}
.contact-info .send{margin-top: 30px;}
.contact-info .send a{
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	padding: 5px 20px;
	background: red;
	border-radius: 30px;
}
@media only screen and (max-width: 768px) {
	.tour-banner{
		height: 320px;
		background-size:768px auto ;
	}
	.banner-intro{margin-top: -42px;}
	.banner-intro h1{
		font-size: 50px;
		line-height: 50px;
	}
	.banner-intro p{width: 100%;font-size: 16px;}
	.imglist-content .intro h1{font-size: 26px;}
	.imglist-content .intro p{width: 100%;font-size: 16px;}
	.contact-info{margin-top: 5px;}
	.contact-info h1, .contact-info h1 a{font-size: 26px;line-height: 26px;}
	.contact-info p{width: 100%;font-size: 16px;}
	.contact-info p a{font-size: 14px;}
	.col-4>li{width: 50%;}
	.img-list>li{padding: 5px;}
	.img-list{padding: 0 5px;}
	.img-list>li.pos-mob{float: right;}
	.pos{position: relative;    padding: 0;}
	.pos-mob .pos{position: absolute;padding: 5px;}
	/*.pos-mob{
		position: absolute;
    	padding:0 15px;
    	box-sizing: border-box;
    	left: 0;
	}*/
}
/*将主容器的布局方式设置为相对布局*/
/*#container{
    position: relative;
    width: 1200px;
}

.box{
    float: left;
    box-sizing: border-box;
}*/
/*将承载图片的容器定制颜色及边框大小和圆角*/
/*.boximg{*/
    /*padding: 15px;*/
    /*box-shadow: 0 0 5px #ccc;
    border: 1px solid #cccccc;
    border-radius: 5px;*/
/*}*/
/*定制图片尺寸*/
/*.boximg img{
    width: 250px;
    height: auto;
}*/

/*.box{
    float: left;
    width: 25%;
    padding: 15px;
    box-sizing: border-box;
}
.box img{
	display: block;
	width: 100%;
}*/
