nav li.on a {
	background:url(../images/fqmnav.png) no-repeat;	
	color:#fff;
}
.tagline {

	font-size:2.3em;
	letter-spacing:0.02em;
	padding:0;
}
.tagline a{text-decoration:underline}
.panel {
	position:relative;
	height:100vh;
	border-bottom:1px solid #666;
}
.oneleft {
	float:left;
	width:24.1%;
	padding:0 2.6%;
	height:100%;
	background:url(../images/fqmbg.png);
	background:rgba(192,11,11,0.9);
	overflow:auto;
}
.oneleft h4 {
	margin:8% 0 5%;
}
.oneleft .text {
	display:block;
	color:#fff;
	font-size:15px;	
	line-height:28px;
	text-align:left;
	overflow:auto;
	text-align:justify;
	text-indent:2em;
}
.scroll {
	display:block;
	position:absolute;
	bottom:0px;
	left:50%;
	width:80px;
	height:80px;
	background:url(../images/goto.png) no-repeat center center;
	margin-left:-40px;	
}
.home {
	background:url('../images/fqm1bg.jpg') no-repeat fixed center center;
	background-size: cover;
	text-align:center;
}
.home .center {
	padding-top:74px;	
}
.overview {
	background:url('../images/fqm1.1bg.jpg') no-repeat fixed center center;
	background-size: cover;
	text-align:center;
	height:100%;overflow:hidden;
}
.overview1 {
	background:url('../images/fqm1.2bg.jpg') no-repeat fixed center center;
	background-size: cover;
	text-align:center;
	height:100%;overflow:hidden;
}
.overview2 {
	background:url('../images/fqm1.3bg.jpg') no-repeat fixed center center;
	background-size: cover;
	text-align:center;
	height:100%;overflow:hidden;
}
.overview3{
	background:url('../images/fqm1.4bg.jpg') no-repeat fixed center center;
	background-size: cover;
	text-align:center;
	height:100%;overflow:hidden;
}
.overview4{
	background:url('../images/fqm1.5bg.jpg') no-repeat fixed center center;
	background-size: cover;
	text-align:center;
	height:100%;overflow:hidden;
}
.djm1p img{
	position:absolute;
	top:4%;
	left:50%;
	margin-left:-960px;
}
.lhpic {
	position:absolute;
	width:980px;
	height:490px;
	left:50%;
	margin-left:-490px;	
	top:29%;
}
.lhpic1 {
	position:absolute;
	width:800px;
	height:490px;
	left:50%;
	margin-left:-400px;	
	top:29%;
}
.lhpic2 {
	position:absolute;
	width:700px;
	height:490px;
	left:50%;
	margin-left:-350px;	
	top:29%;
}
.lhpic3 {
	position:absolute;
	width:800px;
	height:490px;
	left:50%;
	margin-left:-400px;	
	top:29%;
}
.configuration {
	background:url('../images/nzm1.3.jpg') no-repeat fixed center center;
	background-size: cover;
	text-align:center;
}
.configuration img {
	position:absolute;
	top:17.9%;
	left:43.6%;
}
.options {
	background:url('../images/nzm1.4.jpg') no-repeat fixed center center;
	background-size: cover;
	text-align:center;
}
.options img {
	position:absolute;
	top:10%;
	left:42.6%;
}
.methods {
	background:url('../images/nzm1.5.jpg') no-repeat fixed center center;
	background-size: cover;
	text-align:center;
}
.methods img {
	position:absolute;
	top:10%;
	left:28.8%;
}
/* 本例子css */
.slideBox{ width:900px; height:490px;  position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:900px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:-6%; top:50%; margin-top:-44px; display:block; width:32px; height:88px; background:url(../images/slider-arrow.png) -116px 2px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:-6%; background-position:0px 2px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
/*========== 本例子css1============ */
.slideBox1{ width:900px; height:490px;  position:relative; }
.slideBox1 .hd1{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox1 .bd1{ position:relative; height:100%; z-index:0;   }
.slideBox1 .bd1 li{ zoom:1; vertical-align:middle; }
.slideBox1 .bd1 img{ width:900px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox1 .prev,
.slideBox1 .next{ position:absolute; left:-6%; top:50%; margin-top:-44px; display:block; width:32px; height:88px; background:url(../images/slider-arrow.png) -116px 2px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox1 .next{ left:auto; right:-6%; background-position:0px 2px; }
.slideBox1 .prev:hover,
.slideBox1 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox1 .prevStop{ display:none;  }
.slideBox1 .nextStop{ display:none;  }
/*========== 本例子css2============ */
.slideBox2{ width:800px; height:490px;  position:relative;}
.slideBox2 .hd2{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox2 .bd2{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd2 li{ zoom:1; vertical-align:middle; }
.slideBox2 .bd2 img{ width:800px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox2 .prev,
.slideBox2 .next{ position:absolute; left:-6%; top:50%; margin-top:-44px; display:block; width:32px; height:88px; background:url(../images/slider-arrow.png) -116px 2px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox2 .next{ left:auto; right:-6%; background-position:0px 2px; }
.slideBox2 .prev:hover,
.slideBox2 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox2 .prevStop{ display:none;  }
.slideBox2 .nextStop{ display:none;  }

/*========== 本例子css3============ */
.slideBox3{ width:700px; height:490px;  position:relative; }
.slideBox3 .hd3{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox3 .bd3{ position:relative; height:100%; z-index:0;   }
.slideBox3 .bd3 li{ zoom:1; vertical-align:middle; }
.slideBox3 .bd3 img{ width:700px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox3 .prev,
.slideBox3 .next{ position:absolute; left:-6%; top:50%; margin-top:-44px; display:block; width:32px; height:88px; background:url(../images/slider-arrow.png) -116px 2px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox3 .next{ left:auto; right:-6%; background-position:0px 2px; }
.slideBox3 .prev:hover,
.slideBox3 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox3 .prevStop{ display:none;  }
.slideBox3 .nextStop{ display:none;  }

/*========== 本例子css4============ */
.slideBox4{ width:800px; height:490px;  position:relative; }
.slideBox4 .hd4{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox4 .bd4{ position:relative; height:100%; z-index:0;   }
.slideBox4 .bd4 li{ zoom:1; vertical-align:middle; }
.slideBox4 .bd4 img{ width:800px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox4 .prev,
.slideBox4 .next{ position:absolute; left:-6%; top:50%; margin-top:-44px; display:block; width:32px; height:88px; background:url(../images/slider-arrow.png) -116px 2px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox4 .next{ left:auto; right:-6%; background-position:0px 2px; }
.slideBox4 .prev:hover,
.slideBox4 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox4 .prevStop{ display:none;  }
.slideBox4 .nextStop{ display:none;  }
@media only screen and (max-width:1300px) {
	.overview img {
	}
	.configuration img {
		height:270px;
	}
	.options img {
		height:450px;
	}
	.methods img {
		height:400px;
	}
}