@media screen and (min-width: 1366px){
body{margin:0 20px;}
#warp{ width:100%;}
#h31{float:left;width:20%;}
#h32{float:right;width:79%;}
#spacect{float:left;width:1%; height:100%;}
}

@media screen and (max-width: 1366px){
#h31{ float:left; width:20%; max-width:210px;}
#h32{float:right; width:79%; }
#spacect{float:left; display:inline-block; width:1%; height:500px;}
}
@media screen and (max-width: 1365px){
	
}
@media screen and (max-width: 1024px){
.item_pro{ width:28%;}
}
@media screen and (max-width: 940px){
#spleft{ width:40%;}
#spright{ width:60%;}
.item_spr{ width:100%; display:block;}
}
@media screen and (max-width:800px){
#h2 ul li {width:50%;}
.item_pro{ width:46%;}
.markermenu ul li img{ display:none;}
.markermenu ul li a{ font-size:10px;}
#pnspnew{ display:none;}
}

@media screen and (max-width:720px){
#h31{ display:none;}
#h32{ clear:both; width:100%;}
#spacect{float:left;width:0; height:0;}
#h321{ display:none;}
}

@media screen and (max-width:520px){
#h2 ul li {width:46%;}
}
@media screen and (max-width:450px){
#spleft{ width:100%; clear:both;}
#spright{width:100%; clear:both;}
}
@media screen and (max-width:360px) {
#h2 ul li {width:100%; display:block; clear:both;}
.item_pro{ width:100%; display:block; clear:both;}
#topbanner img{ width:80%;}
#h1 #topbanner { width:100%; display:block; clear:both;}
#h1 #cart{display:block; clear:both;}
}