body .mainmenu:after { clear: both; content: " "; display: block; }

body .mainmenu li{ float:left;
margin-top:3px;
width: 29%;  border-radius:3px; overflow:hidden;}

body .mainmenu li a{ display:block;  color:#FFF;   text-align:center }
body .mainmenu li a b{ display:block; height:80px;}
body .mainmenu li a img{ margin: 1px auto 1px;
width: 95%;
height: 95%;}
body .mainmenu li a span{ display:block; height:36px; line-height:36px;background-color:#FFF; color: #999; font-size:12px; }

body .mainmenu li:nth-child(8n+1) {background-color:#36A1DB}
body .mainmenu li:nth-child(8n+2) {background-color:#678ce1}
body .mainmenu li:nth-child(8n+3) {background-color:#8c67df}
body .mainmenu li:nth-child(8n+4) {background-color:#84d018}
body .mainmenu li:nth-child(8n+5) {background-color:#14c760}
body .mainmenu li:nth-child(8n+6) {background-color:#f3b613}
body .mainmenu li:nth-child(8n+7) {background-color:#ff8a4a}
body .mainmenu li:nth-child(8n+8) {background-color:#fc5366}


.production_detail {width:35%;  text-align:center; margin:0 auto; }
.production_detail img {float:certer; width:99%; }