/* CSS Document */
body { font-family: Arial; font-size:12px; background-color: #cccccc; margin-top:0; margin-bottom:0px; text-align:center; }
.main { width: 797px; text-align:left; background:url(images/mainjb.jpg) repeat-y; overflow:hidden; margin:auto;}
.medium { width: 753px; margin-left:22px; }
.framlogo { height:55px;  }
.framnv { width: 753px; height: 54px; background:#000; overflow:hidden;}
.nav { width: 749px; height:30px; margin: 12px 2px; color:#FFF; font: 14px #FFF;}
.nav a { width: 107px; float:left; height:30px; line-height:30px; text-align:center;color:#FFF;text-decoration:none; background-color:#a3131c;}
.nav a:hover{color:#FFF; background:#d80c18;}
	
.topd { width: 753px;  height: 316px; color:#FFF; background:#000; }
.lnews { font: Arial 14px; padding-top:8px; margin-left:16px; letter-spacing:1px; line-height:20px;}

.middle { width: 753px;}
.gray { width: 753px; height: 4px; overflow: hidden;}
.gray1 { height:3px; background-color:#ababab; }
.gray2 { height:1px; background-color:#9d9d9d;}
.jb { width: 753px; height:31px; background-image:url(images/jb3.jpg); line-height:30px; text-indent:16px; font-family: Arial; font-size:16px; color:#666; }
.pic { width:753px; height:125px; background-color:#252525; color:#FFF;}
.pic a { width:188px; height:125px; float:left; background:#252525; }
.pic a:hover { background:#3b3b3b; width:188px; height:125px; float:left;}
.pic span { font: Arial 12px; margin-top:4px; }


.proli { width:753px; height:171px; float:left;}
.proli1 { width: 186px; margin-left:1px; float:left;}
.proli1t { height:31px; background:url(images/jb4.jpg); margin-top:2px; text-indent:15px; line-height:30px; color:#a41816; font-size:12px;}
.proli1m { font-size:11px; text-indent:5px;}
.proli1mw { height:26px; line-height:25px; }
.proli1mw a { width: 186px; height:26px; text-decoration:none; color:#646464; }
.proli1mb { height:17px; background:#f3f3f3; line-height:20px; }
.proli1mb a { width: 186px; height:17px; text-decoration:none; color:#646464; }
.prolill { width: 186px; font-size:0; border-bottom: 1px dotted; }

.info { width: 753px; height:94px; background:#504f50; font:Arial 11px; color:#cabeb5; float:left;}
.info span { font:Verdana; font-size:16px; font-weight:800; }
.ico { width: 159px; height:65px; margin-top: 14px; margin-right: 40px; float:right; font-family:Impact; font-size:15px; }
.ico1 { width: 59px; height:65px; float:left; text-align:center; }

/*about us*/
.abusnav { width: 188px; float:left;}
.abusnav a { width: 188px; height:28px; background:url(images/jtb.jpg); text-decoration:none; color:#666; line-height:28px; font:Arial 12px; display:block; text-indent:25px; }
.abusnav a:active,.abusnav a:hover { width: 188px; height:28px; background:url(images/jtr.jpg); text-decoration:none; color:#a41818; line-height:28px; font:Arial 12px; text-indent:25px;}
.abusnavline { width:188px; font-size:0px; border-bottom:1px solid #cdcdcd; }
.abuscon { width: 522px; background:url(images/abusjb.jpg) repeat-y; float: right; color:#666; }

/*products*/
.procon { width: 565px; background:url(images/abusjb.gif) repeat-y; float: right; color:#666; }
.product1 { width: 562px; height:91px; margin-top:1px; margin-left: 3px;}
.product1t { width: 432px; height:82px; margin-left: 10px; padding-right:9px; float: right; font:Arial 11px; }
.product1t p { margin:0px; }
.proline { width: 560px; font-size:0; margin:1px 2px 1px 3px; background: url(images/proline.jpg) repeat-x; }
/*news*/
.newscon { width: 751px; margin-top:15px; margin-bottom:27px;}
.neww { line-height:25px; text-indent:24px; }
.newb { background:#f2f2f2; line-height:25px;text-indent:24px; }
.neww span,.newb span{ float:right;margin-right:23px; }
/*single product*/
.protop { width:558px; margin:2px 3px 3px 3px; overflow:hidden;}
.protopl { width: 260px; height:261px; float:left; }
.protopld {width: 260px; height: 48px; margin-top:2px; overflow:hidden; }
.protoul{float:left;width:239px;overflow:hidden;}
.protoul ul{margin:0px;madding:0px;list-style:none;}
.protoul li{float:left;width:60px;text-align:center;}
.protoul li img{cursor:pointer;}

.protopr { width: 291px; height:245px; float:right; margin:11px 0 0 7px; color:#666;}
.load { width: 286px; margin-bottom:8px; color:#666; }
.typelist { width:102px; height:32px; margin-top:5px; margin-left:0; background: url(images/typelist.jpg) repeat-x; font: Georgia 14px; color:#be2426; line-height:28px; text-align:center;}
.typelinet { width:291px; font-size:0; border-bottom:1px solid #929292; }
.typelined { width: 291px; background:url(images/proline.jpg) repeat-x; }
.protoprd { width:200px; height:37px; overflow:hidden;}
.protoprd a{ width:99px; height:37px; background: url(images/contactme.jpg) no-repeat; float:left; text-align:center; line-height:12px; text-decoration:none; }
.prolinem { width: 561px; margin:1px 1px 1px 3px; background: url(images/proline.jpg) repeat-x; }
.prodown { width: 539px; margin: 4px 3px 16px 8px; text-align:left; }
/*production line*/
.linetop { width:704px; height:247px; margin: 11px 29px 0 20px; color:#666; }
.linetopl { width:287px; float:left; line-height:30px; }
.linetopr { width:405px; float:left; margin-left:12px; }
.linedown { width: 753px; color:#666; }
.linedownline { width:743px; background:url(images/proline.jpg) repeat-x; margin-left:5px; margin-right:5px; }
.linedowntext { font:Arial 11px; margin-left:20px; margin-bottom:13px; margin-right:25px; }