@charset "utf-8";
/* CSS Document */
body{background:url(product_r1_c2.jpg) repeat-x;background-color:#EDEDED; font-family:Arial;}
.red{ color:#C3010A;}
.red a{ color:#C3010A;}
.red a:hover{ color:#C3010A;}
.yellow{ color:#FF7700;}
.yellow a{ color:#FF7700;}
.yellow a:hover{ color:#FF7700;}
.yellows a{ color:#FF7700;}
.bll{ color:#089C8E;}
.bll a{ color:#089C8E;}
.bll a:hover{ color:#089C8E;}
#main{float:left; width:1012px; border:1px solid #C0C0C0; border-width:0 1px;border-top:2px #fff solid;background:url(../images/bg_main.gif) repeat-y 2px 2px #fff;}
#left{ float:left; width:193px; padding:10px 15px 0px 2px;}
#right{ float:left; width:787px; padding-top:20px;overflow:hidden;}
#left .pronav{margin:0px;paading:0px;}
#left .pronav dt{ background:url(bg_left_title.gif) no-repeat; line-height:25px; padding:5px 0 0 15px; font-size:12px;font-weight:bold;height:32px;color:#444;}
#left .pronav dt span{font-weight:normal;color:#a3a3a3;}
#left .pronav dd{ background:url(product_07.jpg) no-repeat left 56px; line-height:25px; padding-left:20px; border-bottom:1px dotted #6D6D6D; color:#151515;}
#left .pronew .nt{padding-bottom:10px; line-height:14px; color:#151515;}
#left .pronew .nd{background:url(product_17.jpg) no-repeat 100px 122px; padding-bottom:13px;}
#left .pronew .ns{ padding-left:5px; padding-bottom:10px;}
#left .prosupport dt{line-height:18px; font-size:12px;color:#151515; padding-bottom:10px;}
#left .prosupport dd{background:url(product_34.jpg) no-repeat; text-align:right; margin-bottom:5px;}
#left .prosupport dd a{ line-height:16px; padding-right:15px;}
#left .sc{ padding:20px 0;margin-left:8x;}
#right .top{ line-height:20px; border-bottom:1px solid #ccc;}
#right .ps{ padding:20px 10px;border-bottom:1px solid #ccc; width:767px; float:left;}
#right .ps dl{ float:left; width:760px;}
#right .ps dt{ float:left; width:370px; padding-right:20px;}
#right .ps dt h1{ padding-bottom:15px;}
#right .ps dt li{list-style-type: square; line-height:25px; margin-left:20px;}
#right .ps dd{ float:left; width:250px;}
#right dl.psss{ width:450px; float:left; padding-right:50px;}
#right dl.psss dt{ line-height:25px;width:450px; font-size:14px; padding-bottom:15px; font-weight:bold;}
#right dl.psss dd{width:450px;  line-height:18px;}
#right dl.proinfo{ width:750px; float:left; padding-right:0px;}
#right dl.proinfo dt.tit{ line-height:25px;width:550px; height:30px; font-size:14px; padding-bottom:15px; font-weight:bold;}
#right dl.proinfo dd.info{width:550px;  line-height:18px;}
#right dl.proinfo dd.quote{ float:left; height:30px; width:100px;}
#right .pssimg{ float:left; width:250px;}
#right .prs{ width:787px; padding-top:20px;}
#right .prs .tx{ width:340px; margin-right:30px; float:left;}
#right .prs .tx dd{ padding:25px 15px;}
#right .prs .xinghao{ clear:both;}
#right .prs .xinghao dd{ padding:25px 15px;}
#right .prs .pt{ background-color:#F6F6F6; height:18px;}
#right .prs .pt span{ line-height:16px; display:block; float:left; font-weight:bold; padding:0 10px 2px 15px; color:#FD8936;}
#right .prs .pt span.more{ float:right; background-color:#F6F6F6;}
#right .prs .pc{ padding:17px 0; width:787px; float:left;}
#right .pc dl{ border:1px solid #E8E8E8; width:290px; height:200px; padding:20px 10px; margin:0 28px; margin-bottom:10px; float:left;}
#right .pc dt{ width:140px; float:left; padding-right:10px;}
#right .pc dd{ width:140px; float:left;}
#right .pc dd.pright{ height:180px;}
#right .pc h1{ font-size:12px; padding-bottom:10px;}
#right .pc h3{ font-size:12px; font-weight:normal; padding-bottom:5px; line-height:18px;}
#right .map{ width:787px;}
#right .map dt{ width:775px; border:1px solid #C4C2C3; background-color:#F6F6F6; line-height:25px; margin-top:15px; padding-left:10px;}
#right .map dd{ width:765px; padding:10px;}
#right .map dd li{ }
#right .map dd li a{line-height:25px; height:25px; padding-left:10px;}
#right dd.mappro{ padding-left:20px;}
#right dd.maplist ul{ padding-left:10px;}
#center .newcenter{padding:10px 0;}
#center .newcenter dt{ border-bottom:1px solid #C4C2C3; line-height:25px; padding-left:10px;}
#center .newcenter dd{line-height:25px;}



#right .title{ width:787px;}
#right .title dt{ background:url(about_r3_c3.jpg) repeat-x; line-height:25px; padding-top:5px; color:#161616; padding-left:8px; font-size:14px; font-weight:bold;}
#right .title dd{line-height:20px; padding-top:10px; padding-left:8px; border-bottom:1px solid #ccc;}
#right .pcs{ padding:17px 0; width:772px; float:left; padding-left:15px;}
#right .pcs dl{ border:1px solid #E8E8E8; width:210px; height:300px; padding:10px 5px; margin-right:30px; margin-bottom:10px; float:left;}
#right .pcs dt{ width:180px; padding-right:10px;}
#right .pcs dd{ width:180px;}
#right .pcs h1{ font-size:12px; padding-bottom:10px;}
#right .pcs h3{ font-size:12px; font-weight:normal; padding-bottom:15px;}

#right .page{ float:left; width:747px; margin-top:20px; padding:10px 40px 20px 0; border-top:1px solid #ccc;}
#right .page ul{ float:right;}
#right .page li{ float:left;}
#right .page li a{ padding:0 10px; line-height:18px; display:block; margin-right:2px;}
#right .page li.current a{ padding:0 10px; line-height:18px; display:block; margin-right:2px;background-color:#2D4A74; color:#fff;}
#right .page li a:hover{background-color:#2D4A74; color:#fff;}

#center{float:left; width:578px; padding:10px 0;overflow:hidden;}
#center .title{ width:578px;}
#center .title dt{ background:url(about_r3_c3.jpg) repeat-x; line-height:25px; padding-top:5px; color:#161616; padding-left:8px; font-size:14px; font-weight:bold;}
#center .title dd{line-height:20px; padding-top:10px; padding-left:8px; border-bottom:1px solid #ccc;}
#center .text dt{ text-align:center; font-size:12px; font-weight:bold; color:#161616; padding-top:15px; line-height:20px;}
#center .text dd{ text-indent:20px; line-height:20px; padding:10px 20px; text-align:justify;}
#center .text dd div{ clear:both;}
#center .text dd span{ clear:both;}
#center .text dd.read{ text-align:right; border-bottom:1px solid #ccc;}
#center .date{ background-color:#EEE; float:left; width:578px;}
#center .date li{ float:left; margin-right:0px;}
#center .date li a{ line-height:25px; padding:0 8px;}
#center .date li select{ font-size:12px; height:18px; margin:4px 0 0 5px;}
#center .news{}
#center .news dt{border-bottom:1px solid #ccc; padding-left:5px; font-size:12px; line-height:20px; padding-top:20px; width:573px;}
#center .news dd{ padding-left:5px; line-height:20px; width:563px;}
#center .support{}
#center .support dt{text-align:right;}
#center .support dd{ line-height:25px; text-align:justify; padding-bottom:20px;}
#center .support .yellow{ display:block; line-height:25px; border-bottom:1px solid #ccc;}
#center .support .archives{ width:578px;}
#center .support .archives li{ float:left; width:250px; margin-right:14px; padding:5px 0 2px 2px;  line-height:14px; height:32px; border-bottom:1px dotted #3A3A3A;background:url(ico_pdf.gif) no-repeat left 6px;padding-left:24px;}

#center .support .archivess{ width:578px;}
#center .support .archivess li{ float:left; width:250px; margin-right:14px; padding:5px 0 2px 2px;  line-height:14px; border-bottom:1px dotted #3A3A3A;}

#about{ float:left; width:207px; padding:0px 0px 0px 15px;}
* html #about{ padding-left:10px;}
#about .enews{ padding:6px 6px 15px 6px;background:#EBEBEB;}
#about .enews dt{background:url(ico_02.gif) no-repeat left 3px; width:182px; padding-left:18px; padding-bottom:15px;}
#about .enews dd{padding-left:18px; width:182px;}
#about .enews dd.time{font-size:10px;color:#aaa;}
#about .enews dd.ti{ padding-bottom:10px;}










