@import url(public.css);

#pagebody{ width:990px; margin:18px auto 0px auto;}
#pageleft{ width:620px; float:left; padding-top:5px}
#pageright{ float:right; width:356px}


#company{ width:620px; margin:0 auto;}
#company h3{ background:url(../images/tit01Bg.jpg) bottom repeat-x; height:36px; width:620px; margin:0 auto}
#company h3 dt{ float:left; line-height:36px; background:url(../images/tit01.jpg) left 7px no-repeat; text-indent:26px; font-size:14px}
#company h3 dt A:link,#company h3 dt A:visited,#company h3 dt A:active{COLOR:#0055AA}
#company h3 dt A:hover {COLOR:#ff6600}
#company h3 dd{ float:right; padding-top:14px; padding-right:10px}
#company .pcon{ width:620px; margin:10px auto 0px auto}
#company .pcon .ncon{ text-align:left; line-height:24px}


#proclass{ width:620px; margin:10px auto 0px auto; background:#216BB5}
#proclass .top{ height:3px; width:620px; margin:0 auto; overflow:hidden; line-height:0px; font-size:0px;}
#proclass .top dt,#proclass .top dd{width:3px;height:3px; overflow:hidden; line-height:0px; font-size:0px; background-image:url(../images/icon01.jpg)}
#proclass .top dt{ background-repeat:no-repeat; background-position: left top; float:left}
#proclass .top dd{ background-repeat:no-repeat; background-position: right top; float:right}
#proclass .bot{ height:3px; width:620px; margin:0 auto; overflow:hidden; line-height:0px; font-size:0px;}
#proclass .bot dt,#proclass .bot dd{width:3px;height:3px; overflow:hidden; line-height:0px; font-size:0px; background-image:url(../images/icon01.jpg)}
#proclass .bot dt{ background-repeat:no-repeat; background-position: left bottom; float:left}
#proclass .bot dd{ background-repeat:no-repeat; background-position: right bottom; float:right}
#proclass .pcon{ height:114px; background:url(../images/tit02.jpg) 55px repeat-x; margin:0px auto; width:600px}
#proclass .pcon .ncon{ width:600px; margin:0 auto}
#proclass .pcon .ncon dd{ float:left; line-height:57px; text-align:left; text-indent:8px; font-size:14px; font-weight:bold; padding-right:50px}
#proclass .pcon .ncon dd A:link,#proclass .pcon .ncon dd A:visited,#proclass .pcon .ncon dd A:active{COLOR:#FFFFFF}
#proclass .pcon .ncon dd A:hover {COLOR:#ff6600}
#proclass .search{ width:600px; margin:5px auto 0px auto}
#proclass .search .input{ float:left; width:280px; text-align:left; padding-top:8px}
#proclass .search .input input{ width:270px}
#proclass .search .btn{ float:left; padding-top:8px}
#proclass .search .btn input{ background:url(../images/tit03.jpg) left top no-repeat; width:72px; height:19px; border:none}
#proclass .search .phone{ float:left; padding-left:12px}

#news{ width:356px; margin:0 auto; background:url(../images/tit04Bg.jpg) repeat-y}
#news h3{ width:356px; margin:0 auto; height:46px; background:url(../images/tit04.jpg) left top no-repeat}
#news h3 dt{ float:left; line-height:46px; text-indent:44px; font-size:14px; background:url(../images/tit04bg01.jpg) 12px 10px no-repeat }
#news h3 dd{ float:right; padding-right:14px; padding-top:19px}
#news h3 A:link,#news h3 A:visited,#news h3 A:active{COLOR:#FFFFFF}
#news h3 A:hover {COLOR:#ff6600}
#news .bot{ height:10px; width:356px; margin:0 auto; overflow:hidden; line-height:0px; font-size:0px; background:url(../images/tit04Bot.jpg) left top no-repeat}
#news .pimg{ width:335px; margin:10px auto 0px auto; padding-bottom:10px; border-bottom:1px dashed #CCCCCC}
#news .pimg .img{ float:left; width:110px; text-align:center}
#news .pimg .txt{ float:left; width:220px; text-align:left; line-height:18px}
#news .pimg .txt h4{ width:220px; text-align:left; margin:0 auto; line-height:24px}
#news .pcon{ width:335px; margin:10px auto 0px auto}
#news .pcon .ncon{ width:335px; margin:0 auto}
#news .pcon .ncon dd{ width:335px; float:left; text-align:left; line-height:24px}
#news .pcon .ncon dd span{ float:right}

#product{ width:990px; margin:20px auto 0px auto}
#product h3{ border-bottom:3px solid #216BB5; height:30px; width:990px; margin:0 auto}
#product h3 dt{ float:left; line-height:30px; text-indent:35px; background:url(../images/tit05.jpg) 6px 2px no-repeat; font-size:14px;}
#product h3 dt A:link,#product h3 dt A:visited,#product h3 dt A:active{COLOR:#0055AA}
#product h3 dt A:hover {COLOR:#ff6600}
#product h3 dd{ float:right; padding-right:10px; padding-top:10px}
#product .pcon{ width:990px; margin:10px auto 0px auto}
#product .pcon .ncon{ width:980px; margin:0 auto}
#product .pcon .ncon dl{ width:150px; float:left; margin-bottom:10px; margin-right:14px}
#product .pcon .ncon dl dt{ width:148px; border:1px solid #CCCCCC; height:108px}
#product .pcon .ncon dl dt img{ margin-top:1px}
#product .pcon .ncon dl dd{ width:150px; text-align:center; line-height:24px}






#links{ width:990px; margin:10px auto 0px auto; background:url(../images/linkBg.jpg) 96px 5px no-repeat}
#links h3{ width:990px; margin:0 auto; height:30px;}
#links h3 dt{ float:left; text-indent:30px; font-size:14px; background:url(../images/tit06.jpg) left top no-repeat; line-height:21px; color:#0055AA}
#links .pcon{ width:990px; margin:0 auto; padding-top:10px; padding-bottom:10px}
#links .pcon dd{ float:left; white-space:nowrap; line-height:20px; margin-right:20px;}



/*²»¼ä¶Ï¹ö¶¯*/
#demodemo{OVERFLOW: hidden; WIDTH:570px; COLOR: #666666; HEIGHT:130px; margin:0px auto 0px auto}
#indemo{float: left;width: 5000%;}
#demodemo1{float: left;}
#demodemo2{float: left;}
#demodemo .f_l{float:left}
#demodemo .dw{ width:160px}

#demodemo dl{ width:148px; float:left;}
#demodemo dl dt{ width:146px; margin:0 auto; border:1px solid #CCCCCC; height:95px}
#demodemo dl dd{ width:146px; margin:0px auto; text-align:center; line-height:24px; text-align:center;}