/* CSS Document */
body{  font:12px/1.5 "΢ÈíÑźÚ"; color:#333;}
address,cite,dfn,em,var,i{font-style:normal;}
body,div,p{word-wrap:break-word;}
small{font-size:12px;}
ul,ol,li{list-style:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#0c6eeb;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
.ind{text-indent:2em;}
.vis{overflow:visible;}
.rel{position:relative;}
.abs{position:absolute;}
.noborder{border:0;}
.undis{display:none;}
.dis{display:block;}
.cfix{zoom:1;}
.cfix:after{content:'.';display:block;clear:both; height:0; visibility:hidden;line-height:0;overflow:hidden;}
.cl{clear:both; float:none; height:0; width:100%; line-height:0px; font-size:0px; overflow:hidden;} 
.fl{float:left;}
.fr{float:right;}

.w1180{ width:1180px; margin:0px auto;}
.w188{ width:188px;}.w992{ width:992px;}.w387{ width:387px;}.w793{ width:793px;}
.mt10{ margin-top:10px;} .ml10{ margin-left:10px;}
.bd{ border:1px solid #eee;}

.category li a,.category li a span,.proscroll span.pre,.proscroll span.next,.technicaltab,.technicalcont li span{ background-image:url(/images/bbs/indexbg.png);}

.category{ width:228px; border:1px solid #e8e8e8; border-top:0px; height:262px; overflow:hidden;}
.category li{ border-bottom:1px solid #ddd;}
.category li a{ height:43px; line-height:43px; display:block; padding:0px 14px; overflow:hidden; width:200px; font-size:14px;}
.category li a:hover{ color:#06c; font-weight:bold; background-position:left -46px;}
.category li a span{ display:block; width:100%; background-position:right -105px; background-repeat:no-repeat; height:43px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.category li a:hover span{ background-position:right -152px; }

.banner_bbs{ width:655px; height:253px; overflow:hidden; position:relative;} 
.banner_bbs img{ width:655px; height:253px; }
.jsNavbox{ position:absolute; bottom:13px; z-index:6; height: 15px; right:0px; }
.jsNav a{  width: 4px; height:4px; background-color:#fff; margin-right:10px; display:block; line-height:0px; font-size:0px; overflow:hidden; text-indent:1000px; float:left; border:5px solid #666;    }
.jsNav a.imgSelected { border:5px solid #fe0201;}



.menubox{ height:33px; line-height:33px;color:#FFF; background:url(/images/bbs/nav.png) repeat-x 0 -33px}
.menubox a,.menubox a:hover{ color:#FFF;}
.menubox span a:hover{ text-decoration:underline;}
.menubox .allcate{ width:208px; font-size:14px; padding:0px 10px; font-weight:bold; cursor:pointer; background:url(/images/bbs/nav.png) repeat-x left top;}
.menubox li{ float:left; position:relative; line-height:23px; font-size:14px; font-weight:bold; height:28px; padding-top:5px;}
.menubox li span a{ float:left; padding:0px 20px; border-right:1px solid #082fa5;}
.menubox li div{ position:absolute; width:100%; background-color:#1257d3; left:0px; top:33px; display:none; _width:110px; z-index:2;}
.menubox li div a{ height:28px; line-height:28px; display:block; text-align:center; font-weight:normal;}
.menubox li div a:hover{ background-color:#447fed;}
.menubox li.new{ background:url(/images/bbs/anew.gif) no-repeat right top;}
.menubox li span a.nobd{ border-right:0px;}
.menubox li.jticon{ background:url(/images/bbs/menujt.gif) no-repeat right center;}
.menubox .bomprice{ line-height:33px; padding:0px 20px; font-size:14px; font-weight:bold; background:url(/images/bbs/edmqc.gif) repeat-x left top;}


.bominquiry{ width:275px; height:251px; border:1px solid #ebebeb;}
.bominquiry a{ display:block; width:275px; height:96px; background:url(/images/bbs/bominquiry.jpg) no-repeat left top; padding-top:155px;}
.bominquiry a span{ width:123px; height:33px; text-align:center; line-height:33px; background-color:#f00000; color:#FFF; font-size:14px; font-weight:normal; display:block; margin:0px auto; font-weight:bold; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.tit{ padding:18px 0px 12px; font-size:18px; color:#101010; font-weight:normal;}
.tit span{ background:url(/images/bbs/indexicon.png) no-repeat left top; padding-left:45px; display:inline-block; line-height:35px;}
.tit span.pcbicon{ background-position:left -56px;}
.tit span.technicalicon{ background-position:left -110px;}
.tit span.helpicon{ background-position:left -166px; padding-left:36px;}
.tit span.proicon{ background-position:left -232px; padding-left:40px;}

.pcbbox{ height:398px; width:186px; overflow:hidden;}

.developmentbox{ border-left:0px; height:398px; overflow:hidden; width:991px;}
.developClass{ width:100%; overflow:hidden; border-bottom:1px solid #eee; height:199px;}
.developClass div{ float:left; width:211px; position:relative; overflow:hidden; height:179px; border-right:1px solid #eee; padding:20px 18px 0px;}
.developClass div.nobdr{ border-right:0px;}
.developClass div img{ position:absolute; right:-10px; bottom:0px; transition:all 0.3s ease 0s;}
.developClass div:hover img{ right:0px; right:-10px\9;}
.developClass div dl{ position:relative; z-index:5;}
.developClass div dt{ font-size:14px; font-weight:bold; margin-bottom:5px; overflow:hidden; height:28px; line-height:14px;}
.developClass dt a{ color:#000;}
.developClass dd{ width:100%; height:60px; overflow:hidden; color:#e5e5e5; line-height:20px; margin-bottom:15px;}
.developClass dd a{ margin:0px 10px; color:#666;}
.developClass dd a.noml{ margin-left:0px;}
.developClass div a:hover{ color:#0c6eeb;}
.developClass div span{ position:relative; z-index:6;}
.developClass div span a{ display:inline-block; width:66px; height:22px; text-align:center; line-height:22px; color:#FFF; background-color:#8f8f8f; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.developClass div span a:hover{ background-color:#0c6eeb; color:#FFF; }

.proscroll{ height:178px; overflow:hidden; padding:10px;}
.proscroll span.pre,.proscroll span.next{ width:16px; height:28px; background-position:left -219px; margin-top:70px; cursor:pointer;}
.proscroll span.pre{ float:left;}
.proscroll span.next{ float:right; background-position:-18px -219px;}
.proscroll .proscrollcont{ width:900px; float:left; overflow:hidden; margin-left:20px; position:relative;}
.proscroll .proscrollcont ul{ width:3000px;}
.proscroll .proscrollcont li{ width:160px; float:left; text-align:center; padding:0px 10px;}
.proscroll .proscrollcont span{ display:table-cell; width:160px; height:100px; vertical-align:middle; *display:block; *font-size:76px;}
.proscroll .proscrollcont span img{ vertical-align:middle; max-width:160px; max-height:100px;}
.proscroll .proscrollcont h4{ font-size:12px; font-weight:normal; line-height:14px; height:28px; width:100%; overflow:hidden; padding:14px 0px 6px;}
.proscroll .proscrollcont strong{ font-size:18px; color:#ff0000; background-position:left -123px; padding-left:13px; background-repeat:no-repeat;}
.proscrollimg{ width:8000px; position:relative;} 

.technicalbox{ height:334px; width:385px; overflow:hidden;}
.technicaltab{ height:36px; width:100%; border-bottom:1px solid #e5e5e5; background-position:left -259px; _overflow:hidden;}
.technicaltab li{ float:left; width:109px; line-height:36px; font-weight:bold; text-align:center; border-right:1px solid #e5e5e5; cursor:pointer; font-size:14px;}
.technicaltab li.on{ background-color:#FFF; color:#ff6804; height:37px; _position:relative;}
.technicalcont{ padding:6px 15px 0px;}
.technicalcont li{ line-height:26px; width:100%; overflow:hidden; height:26px; *float:left;}
.technicalcont li a{ color:#547ba0;}
.technicalcont li a:hover{ color:#0c6eeb;}
.technicalcont li span{ width:237px; float:left; height:26px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; background-position:left -356px; background-repeat:no-repeat; padding-left:13px;}
.technicalcont li span.topicon{ background-position:left -314px;}
.technicalcont li em{ float:right; color:#ccc;}

.helptit i{ font-size:14px; color:#317ee7; margin-left:14px; background-position:right -399px; padding-right:20px; background-repeat:no-repeat; cursor:pointer; }
.helptit em{ margin-top:8px;}
.btn{ height:27px; line-height:27px; color:#FFF; background-color:#f60; padding:0px 20px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; display:inline-block; font-size:14px;}
.btn:hover{ color:#FFF;}
.helpbox{ border-left:0px; height:334px; width:792px; overflow:hidden;}
.helplist{ padding:0px 10px;}
/*.helplist li{ width:100%; height:55px; overflow:hidden; border-bottom:1px dotted #c6c6c6; padding-top:10px;}
.helplist h4{ width:100%; overflow:hidden; font-weight:normal; line-height:24px;}
.helplist h4 strong{ font-size:16px; color:#ff6804;}
.helplist h4 a{ color:#317ee7; font-size:16px; margin:0px 6px;}
.helplist h4 em{ color:#8a8a8a;}
.helplist p{ color:#6e6e6e; line-height:18px; overflow:hidden; width:95%; white-space: nowrap; text-overflow: ellipsis;}*/
.helplist li{ width:100%; height:100px; overflow:hidden; border-bottom:1px dotted #c6c6c6; padding-top:10px;}
.helplist img{ width:110px; height:76px; border:1px solid #e4e4e4}
.helplist  .fr{ width:640px;}
.helplist h4{ width:100%; overflow:hidden; font-weight:normal; line-height:24px;}
.helplist h4 i{ color:#787878;}
.helplist h4 a{ color:#000; font-weight:bold; font-size:14px;}
.helptit p{ font-size:12px; color:#787878;}
.helptit p a{ color:#000;}

.procont{ padding:0px 15px;}
.procont div{ width:100%; overflow:hidden;}
.procont div dl{ float:left; height:84px; width:382px; overflow:hidden; border-bottom:1px dotted #c6c6c6; padding:13px 0px 10px;}
.procont div dt{ width:50px; height:50px; float:left; margin-right:15px; position:relative; padding-top:5px;}
.procont div dt img{ width:50px; height:50px; }
.procont div dt i{ width:18px; height:18px; line-height:18p; text-align:center; color:#FFF; background-color:#ff0000; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; position:absolute; right:-5px; top:2px;}
.procont div dd{ width:260px; float:left; background:url(/images/bbs/fileimg/probg.gif) no-repeat right top; padding-right:40px;}
.procont div dd h4{ font-size:12px; font-weight:normal; width:100%; height:22px; line-height:22px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.procont div dd h4 a{ color:#063783;}
.procont div dd h4 a:hover{ color:#0c6eeb;}
.procont div dd span{ font-size:16px; font-weight:bold; color:#ff6804; line-height:22px;}
.procont div dd p{ width:100%; height:36px; overflow:auto;}