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

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

	/* pagewrap */
	.wrap {
		width: 100%;
		max-width:1200px;
	}
.inbnewslist ul li { width:30.15%;}
#kxsear{ width:40%;}
}
@media screen and (max-width: 1024px) {
#kxlogo { width:18%; margin-right:2%;}
#kxsear{ width:35%;}
.tsbtn {width:12%;}
#inmtop h3 { font-size:1.5em;}
.bsinput { width:65%;}
.botcate1 .botcatelist ul li {width:45%;}
#metopr { width:81%;}
.inkxtrprodlist ul li { width:45%; margin:10px 2%;}
.inkxtrprodlist ul li.rlast { margin:2%;}
}

/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 860px) {
.tsinput {width:62%;}
#kxsear{ width:50%;}
#kxtdhr { margin-top:5px;}
.searbox { margin-top:10px;}
#kxtdhr ul li { float:none; display:block; font-size:0.75em; }
}

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

.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;}
.kxdh { height:35px;}
.kxtop { padding:6px 0px;}
#kxlogo ,#kxtdhr,#kxsear,#inkxtright { width:96%; margin:0px 2%; display:block; text-align:center;  padding:0; margin-top:5px;}
#kxtdhr ul li { display:inline-block; margin-left:2px; padding-left:25px;}
#inkxtleft,#kxinabvid,.wkxpic { display:none;}
#kxlogo { width:35%; margin:0 auto;}
#memenu { height:32px;}
#cmdh ,#cmtopr{ width:100%; margin:0px 0;margin-bottom:10px;}
.cmtopbot,#cmtop { padding:5px 0;} 
#inkxwhybox .kxinwhylist{ width:96%; padding:5px 2%;}
.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;}
#meinabout { padding:10px 0;}
#kxinabwz { width:96%; margin:5px 2%;}
.kxinabtext { word-wrap:break-word;}
.inbnewslist ul li img { display:none;}
#meinabwz,#fcinbclient,#fcinbnews { width:98%; margin:0 auto;}
#fcinabout ,#fcinprod,.fcinlxbg,#fcinbot{ padding:1em 0;}
#fcinabvid { display:none;}
#fcinabout h4,#fcinprod h4,#fcinbot h4 { font-size:1.5em;}
#fcinbot h4 { margin-top:1em;}
.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%;}
.kxprodlist ul li { width:45%;}
.kxprodlist ul li.rlast { margin-right:3.5%;}
.inbnewslist ul li { width:96%; padding-top:10px;}
.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,.botcate1,#footer { width:98%; padding:5px 1%;}
.botcate,#botsign { width:45%;display:inline-block; padding:5px 2%; vertical-align:top;*display:inline;*zoom:1; }
.botcate1 .botcatelist ul li { padding:5px 1%; }
.botcate1 .botcatelist ul li a { line-height:1.35em;}
.injknewslist { padding:5px 3px;}
.bsinput { width:58%;}
.kxnewspic { display:none;}
.kxnewsr { 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%;}

.block { overflow:scroll;}
.block img {height: auto; width: auto; max-width: 100%;}
#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;}

}