/************************************************************************************
smaller than 1170
*************************************************************************************/

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

	/* pagewrap */
	.wrap {
		width: 100%;
		max-width:1170px;
	}

}


/************************************************************************************
smaller than 800
*************************************************************************************/

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

	/* header */

.logo, .search {
    width: 96%;
    margin: 6px 2%;
}

.gonggao, .about, .newlist, .yeji, .zb, .tell, .fagui, .yewu, #right, #left{ width:98%; padding:0 1%; margin:1%}
#contactform textarea { width:60%
}

.linklist li {
    float: left;
    margin: 1% 0.7%;
    width: 22%;
}
}


/************************************************************************************
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;}
#left{ width:98%}
.prolist{ width:48%}
.prolist dd {
    width: 80%;
}
.scrolllist .imglist_w{ width:95%; height:165px}
.scrolllist .imglist_w li {
    float: left;
    margin: 5px 8px;
    padding: 5px;
    width: 135px;
}
.con .proimgs, .con .procon{ width:98%}

a.abtn { display:none}
.tell{ padding-top:0}
#right, .proimgs, .procon{ width:98%}
.m1_l, .m1_r, .about, .news{ width:98%}
 .m3_lb ul li{ width:47%; padding:0 1%}
#flash{ display:none}

#contactform label {
    width: 98%;
}

.m3_l{
     width:98%;
		float: none;
}
#pvtright {
		width: 98%;
		float: none;
		margin: 10px 0;
	}
#pvtleft {
		width: 98%;
		float: none;
	}



}


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

}