* { margin:0; padding:0; border:0; text-decoration:none; color:#000000; font-family: Arial, Helvetica, sans-serif; font-size:14px;}
body{ direction:ltr;  text-align:left; }
h1{ font-size:1.5em;   color:#2A88BC; }
h2{ font-size:1.2em; color:#2A88BC;  }
p{ text-align:left; clear:both; }
ul{ margin:7px; padding:7px; list-style-type:square; }
link_item1{ color:#2A88BC; font-size: 12px;  }
.main_link {color:#2A88BC; text-decoration: underline; }



.homeikon{width:100%;}
.homeikonss{position:relative; width:18%; float:right; margin: 15px 0 0 2%; border: 1px solid #2A88BC;  box-sizing: border-box; padding:1%; height:250px;background:#FFF;}
.homeikonss img { max-width:98%;  position:absolute; top:38px; bottom:0; left:0; right:0; margin:auto; }



.aboutus{width:100%;}
.abouttxt{width:55%; float:right; }
.aboutpic {width:35%; float:right;margin: 0 0 0 10%;}


.about222us{width:100%;}
.about222txt{width:55%; float:left; }
.about333txt {width:35%; float:left;margin: 0 0 0 3%;}




.production{width:100%;}
.productiontxt{width:55%; float:right; }
.productionpic {width:35%; float:right;margin: 0 0 0 10%;}




.costomers{width:100%;}
.ourcostomers{ position:relative; width:14.666%; float:left; margin: 8px 2% 8px 0; border: 1px solid #2A88BC;  box-sizing: border-box; padding:0.5%; height:125px; background-color:#FFF;}
.ourcostomers img { max-width:99%;  position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }





@media screen and (max-width: 760px) { 	
.production, .costomers,  .aboutus, .abouttxt, .aboutpic, .about222us, .about222txt, .about333txt,
.production, .productiontxt,  .productiontxt , .productionpic  {width:98%; margin: 2%;}
}

@media screen and (max-width: 480px) { 	
.ourcostomers, .homeikonss{ width:46%; }
}


