/*qietu.com*/
img{
	max-width:100%; height:auto !important;
}
body{
	width:100%;
}
.navToggle{
	display:block;
}
.wrapper{
	width:auto;
}

.header .logo{
	left:0;
}
.header .nav{
	position:fixed; 
	width:100%;
	left:auto;
	right:-100%;
	top:120px;
	height:auto;
	background:#fff;
	z-index:99;
}
.header .nav ul{
	float:none;
	display:block;
}
.header .nav ul li{
	float:none;
	display:block;
	text-align:center;
	border-bottom:#ccc solid 1px;
}
.header .nav li a{
	float:none;
	display:block;
	color:#333;
	height:40px;
	line-height:40px;
}
.header .nav li.selected a{
	color:#fff;
}

.about .title{
	position:static; background:#cc0001; padding:20px; text-align:center;
}
.about .text{
	padding:20px;
}
.about .text li{
	float:none;
	display:block;
	width:auto;
	border:none;
	text-align:center;
}

.service{
	background:none; height:auto;
}
.service .wrapper{
	background:none;
}
.service .title{
	position:static; padding:20px; text-align:center;
}
.service .uprow, .service .downrow{
	height:auto; padding-top:20px;
}
.service .arrow{
	display:none;
}
.service .item{
	margin-top:20px;
}

.works {
	background:none; height:auto;
}
.works  .title{
	position:static; padding:20px; text-align:center;
}
.works .list{
	margin-left:0; padding:20px; text-align:center;
}
.works .list li{
	float:none;
	display:inline-block;
	margin-bottom:20px;
}
.works .dialog{
	display:none !important;
}

.videos{
	height:auto;
}
.videos .view{
	width:auto;
	height:auto;
	text-align:center;
}
.videos .list{
	width:auto;
}
.videos .list ul{
	width:auto;
}
.videos .list li{
	width:25%; height:auto; margin-right:0;
}

.news .title{
	left: 200px;
    top: 50px;
	display:none;
}
.news .list, .news .view{
	padding: 20px;
}
/*pad*/
@media screen and (max-width: 800px) {
	.header .logo{
		left:0;
	}
	.service .uprow, .service .downrow{
		padding:0;
	}
	.service .item{
		display:block; 
		width:auto;
		height:auto;
		margin-top:20px;
	}
	
	.works .list li{
		display:block;
		width:auto;
		height:auto;
		padding-bottom:86px;
		margin-right:0;
	}
	.works .list li img{
		width:100%;
	}
	
	.videos{
		background:#3e3e3e;
	}
	.videos .wrapper{
		padding:0;
	}
	.videos .title{
		position:static; text-align:center;
	}
	.videos .list{
		background:#cc0001;
	}
	.videos .list li{
		width:auto;
		float:none;
		display:block;
	}
	.videos .list li img{
		width:100%;
	}
	.videos .view .play{
		width:95px;
		height:95px;
		background-size:100% 100%;
		margin-left:-47px;
		margin-top:-47px;
	}
	.videos .prev, .videos .next{
		display:none;
	}
	
	.footer .inner{
		width:auto;
		padding:20px;
		text-align:center;
	}
	.footer .qrcode{
		width:auto;
		float:none;
		display:block;
	}
	.footer .text{
		width:auto;
		float:none;
		display:block;
		padding:0;
	}
	.camera_prev, .camera_next, .camera_commands{
		margin-top:40px;
	}
	.camera_prev > span, .camera_next > span{
		width:42px; height:72px; background-size:100% 100%;
	}
	
	.news{
		padding:20px;
	}
	.news .list, .news .view{
		padding:0;
		margin-top:20px;
	}
	.news .title{
		position:static;
		text-align:center;
		display:none;
	}
	.pages{
		text-align:center;
	}
	
	
}