/************************************************************************************
smaller than 980
*************************************************************************************/

@media screen and (max-width: 1280px) {

	/* pagewrap */
	.wrap {
		width: 100%;
		max-width:1120px;
	}
.qfinequiplist ul li { width:23.65%;}
.qfprodlist ul li { width:31.75%;}
.tsinput { width:68%;}
}
@media screen and (max-width: 1024px) {
.qfinequiplist ul li { width:23.5%;}
.qfinprodlist ul li { width:30.85%;}
.tsinput {width:60%;}
#inmtop h3 { font-size:1.5em;}
.bsinput { width:65%;}
.botcate1 .botcatelist ul li {width:45%;}
#metopr { width:81%;}
.qfprodlist ul li { width:31.5%;}
.cmincatelist { width:30.5%;}
}

/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 860px) {
.tsinput {width:62%;}
#qftopr { width:76%;}
.qftoptop { padding:3px 0;}
#botsoc { width:100%; text-align:left;}
.qfprodlist ul li { width:31%;}
}

@media screen and (max-width: 720px) {
.qfinprodlist ul li { width:22.8%;}
.scrolllist .imglist_w { width:85%;}
.whycontlist ul li { width:30%;}
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 640px) {
#jktop { padding:10px 0;}
#apddh{ height:42px;}
.botcate1 .botcatelist ul li {width:45%;}
}


/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
.fl { float:none;}
.fr { float:none;}
#fcsear { width:90%; overflow:hidden;}
#metop { padding:6px 0px;}
#qflogo ,#qftopr,#qftopsear { width:96%; margin:0px 2%; display:block; text-align:center;  padding:0; margin-top:5px;}
#qftopsear { width:90%; margin:0px auto; display:block; text-align:center;  padding:0 5%; margin-top:5px; overflow:hidden;}
#qflang { float:right;}
#qfmenu { float:left; width:70%;}

.qfinprodlist ul li,.qfinequiplist ul li{ width:47%;}
.qfinprodlist ul li span.inptext {word-break: break-word; max-height:54px; overflow:hidden; min-height:inherit;}
.qfinprodlist ul li:last-child,.qfinprodlist ul li:nth-child(3){border-right:solid 1px #dedede;}
#qftoptdh,#qfinabvid,.qfinbnewspic { display:none;}
#qflogo { width:35%; margin:0 auto;}
.qfintoptext { padding:0 1%;}
#qfinabwz ,#cmtopr{ width:98%; margin:0px auto;margin-bottom:10px;}
.qfinwhtext { padding:5px 1%; font-size:1em;}
#qfinabout { padding:0;}
.qfinabbox { padding:0;}
.cmtopbot,#cmtop { padding:5px 0;} 
.qfinbnewslist,.qfinbnewsr { width:98%; padding:5px 1%;}
.meincatebox div.inmecatelist { width:44.5%; padding:1%; margin:5px 1%;}
.inmecatelist div.inmecpic ,.inmecatelist div.inmecwz { float:none; width:98%;}
.inmecatelist div.inmecpic { text-align:center;}
.grbg { margin-top:10px;}
.qfprodlist ul li,.qfcertbox ul li { width:47%;}
.qfprodlist ul li.lplast { margin-right:1.5%;}
.lpinprodlist ul li,.cmincatelist { width:47.5%; margin:5px 1%;}
.cmincalast { margin-right:1%;}
#lpinabpic,.batincatebox ul li.incatebg { display:none;}
.lpprodpic { float:left;}
.lpprodwz { float:left;}
.locabox { position:inherit; display:block;}
#locatit { margin:0;background: rgba(0,0,0,0.1) none repeat scroll !important;
    background: #000;
    filter: Alpha(opacity=1); padding:5px 0%; display:block; max-width:100%;}
.locatitle  { display:none;}
.locanr {  width:98%; padding:5px 1%; border:none; color:#333;}
.locanr a { color:#333;}

.lpprodwzmore { display:block; clear:both; width:98%;}
.pvinqleft,.pvinqright,.pvinqcode, .pvinqbtn { width:98%;}
.pvinqbtn { padding-top:10px;}
.pvinqbtn input { width:96%;}
.meprodlist ul li,.fccaselist ul li { width:47%;}
.inbnewslist ul li { width:96%;}
.botsign { margin:0;}
.tsinput {width:62%;}
.bsinput { width:55%;}
.signbox { width:98%;}
.infcabtu,.inbnewslist ul li div.inbpic,.cmincatext { display:none;}
.cmincatit { font-size:1.25em;}
.inapexihlist div.apexbox { width:49%;}
.lpinwhylist,.apdbnewslist ul li { width:98%; margin:10px 1%; padding:5px;}
.balprolist ul li { width:45%;display:inline-block; vertical-align:top;*display:inline;*zoom:1; padding:10px 1.5%;}
#cminabwz,#cminabpic,.lxleft,.lxform {width:98%; padding:0px 1%; padding-top:5px; margin:0;}
.cminabbtn { padding:1em 0;}
.cminprodlist ul li { margin:5px 1%; width:47.5%;}
.meinbnewslist { display:block; width:98%; margin:0 1%; padding:5px 0;}
.meinbnewspic { display:none;}
.meinbnewsr {width:98%; padding:5px 1%; margin:0;}

#botsoc { text-align:center;}
#trfabpic {width:98%; padding:0px 1%; padding-top:5px;}
.cmprodlist ul li,.apdprodlist ul li { width:46%; margin:5px 1%;}
.cmprodlist ul li span { padding:5px;}
#main { padding:1em 0;}
.cmprodlist ul li span.lptext { display:none;}
.facshowbox ul li { width:45%; padding:5px 2%; margin:5px 0;}
.whinbacclist ul li { width:28%; padding:5px 1%;}
.lxform ,.lxtext {width:98%; padding:0px 1%; padding-top:5px;}
.botnews,#botdh,#botsoc,#botlx,.botcate,.botcate1,.botcate2,#footer { width:98%; padding:5px 1%;}
.bmessbox { width:98%; padding:0 1%; right:0;}
#footer { margin-bottom:30px;}
#botsign { width:45%;display:inline-block; padding:5px 2%; vertical-align:top;*display:inline;*zoom:1; }
.botcate1 .botcatelist ul li { width:97%; display:block; padding:5px 1%; padding-left:15px;}
.botcate1 .botcatelist ul li a { line-height:1.35em;}
.injknewslist { padding:5px 3px;}
.bsinput { width:58%;}
.qfnewspic { display:none;}
.qfnewsr { display:block; padding:5px 1%; width:98%;}
.botnewslist { padding:6px 0px;}
.copy { margin:0px;}
	/* content */
	#right {
		width: 98%;
		float: none;
		margin: 10px 0;
	}
#pvtright {
		width: 98%;
		float: none;
		margin: 10px 0;
	}
#pvtleft {
		width: 98%;
		float: none;
	}
	/* sidebar */
	#left {
		width: 98%;
		margin: 0;
		float: none;
	}

#lnews {width:98%; padding: 0px 1%;}
#inlianx {width:98%; padding: 0px 1%;}

.inservlist ul li { width:46%; padding:5px 2%; float:left;}

#left {width:98%; padding: 0px 1%;}
#right {width:98%; padding: 0px 1%;}
#pvright {width:98%; padding: 0px 1%;}


#newslist ul li span.nltit { padding:4px 0px;line-height:18px; border-bottom:dotted 1px #ccc; font-weight:bold; color:#333;}

.lcproductlist ul li { width:46%; padding:3px 2% 3px 2%; float:left; text-align:center;}
.lcproductlist ul li span { height:4.5em; overflow:hidden;}
#procate ul li { width:46%; padding:3px 2% 3px 2%; float:left; text-align:center;}

#rpage { width:98%; padding:0px 1%; text-align:left;}
.rcsort { width:98%; padding:0px 1%;}
#ptoptit {height:auto;margin-bottom:10px;}

#copy { width:98%; float:none; padding:5px 1%;}
#bottom { margin-top:10px;}
}


/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

.prodlist ul li { width:96%; padding:3px 2% 3px 2%; text-align:center;}
#bottom { min-height:60px;}

}