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

@media screen and (max-width: 1200px) {
.cd-top { z-index:999;}
.psprodlist ul li { width:30.85%;}
#yfwhybox { width:auto;}
}
@media screen and (max-width: 1120px) {
.psinapplist ul li { width:30.5%;}
#pstopr { width:73%;}
.inprodlist ul li { width:23.15%;}
#wainapbox .wainapitem { margin-right:4.5%;}
#wainapbox .wainaplast { margin-right:0%;}
.wainprodbox .wainproditem { width:22.35%;}
}
@media screen and (max-width: 1024px) {
.wrap {
		width: 98%;
		max-width:98%;
	}
.inprodlist ul li span.inptit { font-size:1.25em;}
.wainprodbox .wainproditem { width:22.35%;}
.waabcertilist .waabceritem { width:22.5%;}
.facshowbox ul li { width:23.15%;}
.waprodlist ul li { width:28.75%;}
#inmtop h3 { font-size:1.5em;}
.bsinput { width:65%;}
.wainabwz { width:63%; padding-right:1%;}
#botreq::before { transform:none;}
.wanewsbox .wanewslist { width:29.15%;}
}

/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 860px) {
.wawhyitem h5 a { font-size:1.5em;}
.wawhypic img { max-width:75px;}
.wawhycol .wawhyitem { padding:10px;}
.ingrctwz { padding:10px; min-height:inherit;}
.ingrcttext { line-height:1.5em;}
.ingrcateoth .ingrcaitem { width:30.5%;}
.ingrctprod ul li { width:30.75%;}
.inprodlist ul li span.inptit { line-height:inherit;}
#grinadvan .grinaditem { width:24.65%;}
.yfinbnewstit { line-height:inherit;}
.yfinbnewstext { line-height:1.5em;}
#yfmenu { margin-top:1em;}
.jyinprodlist ul li { width:21.85%;}
#jrtsear { width:45%;}
/*.tsinput {width:62%;}*/
.spinsollist ul li { width:30.75%;}
.spincatelist ul li { width:23.35%;}

#jytopr { width:59%;}
#jylogo { width:40%;}
#bottom h4 { font-size:1.25em;}
#botsoc { width:100%; text-align:left;}
}
@media screen and (max-width: 768px) {
.watop { padding-top:10px;}
#wadh { margin-top:5px;}
.wainpabox ul li { width:15.35%;}
.botsignbox .bsbtn { width:90%;}
.waiinappic { width:90px; height:90px;}
.wainpmore { text-align:center;}
.wainpmore a { padding:10px 15px;}
.wainprodbox .wainpwbox { padding:30px 15px;}
.grbg { padding:1em 0;}
.waprodlist ul li { padding-top:25px;}
.indexformtop input { width:46.5%;}
.index_form_left h5 { font-size:2em; line-height:2em;}
.index_form_text { font-size:1.15em; line-height:24px;}
.inprocate ul li a{ font-size:1.05em; padding:8px 9px;}
.wainprodbox .wainproditem { width:22.25%;}
.inbnewslist ul li { width:30.35%;}
.waiinappic { width:75px; height:75px;}
#watopr { width:75%;}
.wainpmore a { padding:5px 10px;}
.waprodlist ul li {box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.12);}
.waappbox .waappitem { width:47.5%;}
.waappitem h5 { font-size:1.15em;}
.wanewsbox .wanewslist { width:29.05%;}
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 640px) {
#yfinabwz {width: 96%;top:0; position:relative;}
#grtdhl ul li.tel ,#grtdhr{ display:none;}
.watop { padding:10px 0;}
.inprodlist ul li { width:23.05%;}
#yfinabout,#yfproduct { margin-top:2em; margin-bottom:2em;}
.yfwhylist ul li {width:95%;}
.rbox h4 span.lmprosearbox { float:none;}
.rbox h4 span.lmprosearbox b { display:block;}
.rbox h4 span.lmprosearbox input.lsinput { width:71%;}
.rbox h4 span.lmprosearbox input.lsbtn { width:26%;}
#procatelist ul { text-align:center;}
#procatelist ul li { width:46.35%; margin:10px 1%;display: inline-block;vertical-align:top;*display:inline;*zoom:1; float:none;}
.abwz,.abpic, .abpic1 { float:none; display:block; width:98%; margin:10px 1%;}
.abpic img, .abpic1 img { right:0; top:0; left:0;}
.waabcertilist .waabceritem { width:46.5%;}
.reqbg { background:#00a0e8;}
}


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

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
.wrap { max-width:98%; margin:0 auto;}
.fl { float:none;}
.fr { float:none;}
#wawhy,#wainprod { padding:1em 0;}
#walogo { width:30%; display:block; float: left;}
#watopr { width:60%; float:right;}
.wattbox { display:none;}
#wadh {margin-top:10px;}
.wawhycol {-ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;}
.wawhytext { font-size:1.15em; max-height:110px; overflow: hidden;}
#wainprod h4 ,.wainapbg h4,.wainabwz h4,#wainbnews h4,#wainpart h4 { font-size:2em;}
.wainptext { padding:5px 2%;}
#wainapbox .wainapitem { width:47%; margin:1em 1%;}
.wainprodbox .wainproditem { width:95.5%; margin:1em 2%;}
.wainproditem h5 { font-size:1.5em;}
.wainapbg,#wainbnews { padding:2em 0;}
.waprodlist ul li { width:45%; margin:10px 1%;}
#ingrcate,.psabbg,#grinadvan,#grinabout { padding:1em 0; margin:0 auto;}
.wainabtext { font-size:1.15em; line-height:1.75em;}
.brtitle { font-size:18px; line-height:24px; text-align:center;}
.brbtn { text-align:center; margin-top:10px;}
.brbtn a { font-size:1.15em; padding:3px 10px;}
.wainabpic,.wainabwz,#grinabwz,.grabadvanitem .abadvpic,.grabadvanitem .abadvwz { width:98%; margin:5px 1%; float:none;}
.rbox1 img {-ms-interpolation-mode: bicubic; border:none;height: auto; width: auto; max-width:100%; }
#botreq { bottom:0; padding:1em 20px;}
.wanewsbox .wanewslist { width:44.5%;}
#jyinprod ,.grbg { padding:1em 0;}
#grinadvan .grinaditem { width:92%; padding:2%; margin:5px 2%;}
.ingrctprod ul li,.ingrcateoth .ingrcaitem { width:45%; margin:1em 2%;}
.psinapplist ul li { width:92%; margin:1em 4%;}
#pstsoc { display:none;}
.grabadvanwz { width:96%; display:block; padding:2%; float:none;}
.grprodlist ul li.lplast,.inprodlist ul li.lpjlast { margin-right:1%;}
.grprodlist ul li,.alprodlist ul li,.spcaselist ul li,.spnewslist { width:45.25%; margin:10px 1%;}
.index_form { padding:1.5em 0;}
.index_form_left,#lminqual,.index_form_right { width:98%; max-width:98%; flex:inherit; margin:0 auto; padding:5px 0;}
.indexformtop, .indexformbot { padding-left:1%;}
.waappitem h5 { font-weight:normal;}
.botcatelist ul li { font-size:1.05em; line-height:1.5em;}
.procatebg{ display:none;}
.mpinbnewslist,.mpinbnewsr { display:block; float:none; margin:10px 1%; width:98%;}
.mpinbnewspic,.alprodlist ul li.lplast { display:none;}
.lpprodpic { float:left;}
.lpprodwz { float:left;}
#locatit { left:1em; top:1em; max-width:90%;}
.locatitle  { font-size:1.5em; line-height:1.5em; width:98%; padding:5px 1%; display:none;}
.locanr {  width:98%; padding:5px 1%;}
.pvinqbox ul li { padding:5px 0;}
.pvinqbox ul li label, .pvinqbox ul li p,.pvinqbox ul li input, .pvinqbox ul li textarea { display:block; float:none;width:98%;}
.lpprodwzmore { display:block; clear:both; width:98%;}
.pvinqleft,.pvinqright,.pvinqcode, .pvinqbtn { width:98%;}
.pvinqbtn { padding-top:10px;}
.pvinqbtn input { width:96%;}
.grnewslist ul li,.fccaselist ul li { width:47%; margin:10px 1%;}
.inbnewslist ul li { width:96%; margin:10px auto; display:block;}
.botsign { margin:0;}
.tsinput {width:80%; height:36px; line-height:36px;}
.tsbtn{ height:36px; line-height:36px; width:15%;}
.bsinput { width:55%;}
.signbox { width:98%;}

#cminabwz,#cminabpic,.lxleft,.lxform {width:98%; padding:0px 1%; padding-top:5px; margin:0;}
.spinbnewslist{ margin:5px 1%; width:98%;}
.inbnewslist ul li div.inbwz { width:98%;}
.cmincawz { padding:5px;}
#bottom { padding:1.5em 0;}
#footer { padding:1em 0;}
#copy { line-height:1.5em;}
#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;}

.lxform ,.lxtext,#botlx,.lxpic,.botcate1,#footer,#botnews, #botsign ,.lxformleft, .lxformright{width:98%; padding:0px 1%; padding-top:5px;}
.botcate,.botcate1{ width:47%; padding:5px 1%;display:inline-block;vertical-align:top;*display:inline;*zoom:1;}
.lxcontactform { padding:10px;}
.botcate1 .botcatelist ul li a { line-height:1.35em;}
.injknewslist { padding:5px 3px;}
.bsinput { width:58%;}
.psnewslist { padding:10px 0;}
.psnewspic { display:none;}
.psnewsr { display:block; padding:5px 1%; width:98%;}
.botnewslist { padding:6px 0px;}
.pvh4 ul li { display:block; float:none; text-align:center; border-bottom:solid 1px #fff;}
.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:100%; padding: 0px 0;}
#pvright {width:98%; padding: 0px 1%;}
#pvinq { padding:5px;}
#mltdhl ul li { padding-left:22px;}
#newslist ul li span.nltit { padding:4px 0px;line-height:18px; border-bottom:dotted 1px #ccc; font-weight:bold; color:#333;}

.sinprodlist ul li,.alsoprodlist ul li{ width:47.15%; margin:3px 1% 3px 1%; 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;}
.topadv { margin-top:0;}
#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%; text-align:center;}
.botdh { text-align:center;}
#bottom { }
.locabox {  }
#locatit {    background: rgba(246,246,246,1) none repeat scroll !important; padding:5px; margin:0; display:block;}
.locatitle  { font-size:1.5em; line-height:1.5em; width:98%; padding:5px 1%; display:none;}
.locanr {  width:98%; padding:5px 1%; color:#444;}
.locanr a { color:#444;}
#fdrdiv {}
.messboxnr { display:none;}
.theme-popover { top:5%; left:5%; width:90%;}
.dform div.callist label { display:block; float:none; width:100%; text-align:left; }
.dform div.callist div.calr input,.dform div.callist div.calr select  { width:92%;}
.dform div.callist div.calr { display:block; width:100%;}
.dform { padding:1% 5%;}
}


/************************************************************************************
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;}

}