@import url("http://skin.wbscdn.com/skin/tools/dialog/dialog.css");
body{margin:0; padding:0;color:#333; background:#E5E5E5 url(http://skin.wbscdn.com/skin/haichang/images/bg.gif) repeat-x top left; text-align:left; font-size:12px; font-family:tahoma,Arial,Helvetica,sans-serif;}
ul,li,dl,dt,dd,form,p{margin:0; padding:0; list-style:none}
table input,select,textarea,option{ font:100% Verdana;BORDER: 1px solid #ccc; COLOR: #333; BACKGROUND-COLOR: #fff; height:20px; line-height:20px;
}
.hide,.clear{clear:both; font-size:0; line-height:0; height:0}
.hide{ overflow:hidden;}
img{border:none}
a{color:#666;text-decoration:none;}
a:active,a:focus { outline:none;}
a:hover{color:#f70;text-decoration:underline;}
h1,h2,h3{margin:0;padding:0; display:inline; font-size:12px}
table,td{word-break:break-all}

#site{margin:0px auto;width:1000px;}

#top{height:128px;overflow:hidden;}
#topline{color:#888; position:absolute; font-weight:normal;top:3px; padding-left:10px;}
#topline a{color:#90acc0}
#logo{float:left;display:inline;margin:37px 0 0 12px;background:url(http://skin.wbscdn.com/skin/haichang/images/logo.jpg) no-repeat left;}
#logo a{display:block;text-indent:-99999px;overflow:hidden;line-height:0;width:269px;height:66px;}

.comname{ float:left;margin:65px 0 0 28px;}
.tools{ text-align:right;margin-top:13px;}
.tools img{ margin:0 5px 0 10px;}

#search{float:right;height:28px;overflow:hidden; margin-top:54px;}
#search dt,#search dd{float:left; vertical-align:middle;}
#search dt{background:url(http://skin.wbscdn.com/skin/haichang/images/search_input.gif) no-repeat right top;width:123px;height:28px;overflow:hidden;}
#search .search_input{height:25px;line-height:25px;width:115px;border:0; margin-left:8px;background:none; color:#ABABAB;}
#search .search_btn{width:55px;height:28px;cursor:pointer;border:0px;background:url(http://skin.wbscdn.com/skin/haichang/images/search.gif) no-repeat left top;}

#banner{height:253px;text-align:center;overflow:hidden;background:url(http://skin.wbscdn.com/skin/haichang/images/banner.jpg) no-repeat; margin-top:10px;}
#curpos{font-size:90%;white-space:nowrap;padding:4px 0 4px 20px;color:#666;font-weight:normal;}
#curpos a{color:#666;}

#main{padding:0 0 15px 0;clear:both;}

#left{width:240px;float:left;overflow:hidden;background:#DFEEDC url(http://skin.wbscdn.com/skin/haichang/images/leftb.gif) no-repeat bottom;padding-bottom:5px;}
.ltit{height:31px;line-height:31px;background:url(http://skin.wbscdn.com/skin/haichang/images/ltit.gif) no-repeat left top;color:#FFF;padding-left:20px;}
.hcontent,.hcontent2 {line-height:20px;word-wrap:break-word;overflow:hidden;clear:both;padding:0;padding-bottom:5px;margin:0;border-left:1px solid #C4C4C4;border-right:1px solid #C4C4C4; background:#E9E9E9;}
.hcontent2{ padding:15px 0;}
.hcontent b{color:#49a038}
.mar{ margin-top:10px;}

#nav{padding:0 28px 10px 34px;border-left:1px solid #83A87D;border-right:1px solid #83A87D;}
#nav dt{border-bottom:1px solid #D9FCD2;border-bottom:1px solid #6EB75F;height:26px;color:#1D5712;line-height:26px;padding-left:4px;}
#nav dd li{background:url(http://skin.wbscdn.com/skin/haichang/images/dd.gif) no-repeat 12px 14px;padding:6px 0 6px 20px;border-bottom:1px dashed #9CAB99;font-weight:normal;color:#1D5712;}
#nav a.on{color:#f30;}
#nav dt h2{ font-weight:normal;}
#nav dd h2{ font-weight:normal;}

#asd dd{ display:none;}

#right{width:750px;float:right;overflow:hidden;}
.board{clear:both;background:url(http://skin.wbscdn.com/skin/haichang/images/board.gif) no-repeat left top;padding-left:18px;height:30px;line-height:30px;}
.board strong{float:left;font-size:13px;color:#fff;background:url(http://skin.wbscdn.com/skin/haichang/images/board1.gif) no-repeat right top;padding-right:20px;}
.board h1{color:#999}
.board a{float:right; margin-top:15px; margin-right:16px;}
.board a.ic1{ margin-right:4px;margin-top:8px;}
.red{color:#f00}

.group{border:1px dashed #33CC33; padding:5px 10px; margin:5px}
.group ul{clear:both; width:100%}
.group li{float:left; width:150px; background:url(http://skin.wbscdn.com/skin/haichang/images/small.gif) no-repeat 0 8px; padding-left:10px}
.group li a{color:#ff7c00}


.probox{width:183px;float:left;height:200px;margin-top:10px;overflow:hidden;}
.protext{height:38px; overflow:hidden; text-align:center; clear:both}
.protext a{color:#333;}
.protext a:hover{color:#ff7700}
.probox span{ display:block; text-align:center}
.probox h2{color:#666;font-weight:normal; line-height:16px; text-align:center; clear:both}
/*.proimg img{position:static;+position:relative; top:-50%;left:-50%; vertical-align:middle}
.proimg p{position:static; +position:absolute; top:50%; vertical-align:middle; margin:0; padding:0 }
.proimg{width:150px;height:150px;line-height:150px;vertical-align:middle;position:relative;text-align:center;display:table-cell;overflow:hidden;margin:0 auto;border:0; background:none}
.proimg{display:block\0;}*//*ie8*/

.proimg{width:135px;height:150px;line-height:150px;text-align:center;margin:0 auto;border:0;}
.proimg img{padding:1px 0 0 2px;}

.proboxlist{clear:both; margin:5px 0; border-bottom:1px dotted #cecece}
.proboxlist span{ margin:0 10px}
.proboxlist .proimg{ float:right;}
.proboxlist .proimg img{vertical-align:top}
.proboxlist .protext{ background:none; margin:0 0 5px 0; width:100%; height:20px; text-align:left}
.proboxlist .protext a{color:#217610;}
.proboxlist .protext a:hover{ color:#f00;text-decoration:underline}
.proboxlist .prodes{float:left; width:440px; height:170px; overflow:hidden; text-align:left;}




.plitem{clear:both;margin:10px; border-bottom:1px solid #ccc}
.plitem a{color:#333}
.plitem h2{height:24px; line-height:24px; font-size:14px; display:block}
.plitem .pldes{width:460px;float:right; margin:10px 0;}

.contacttable{padding:20px 0; width:520px; margin:0 auto;}
.weltext{padding:10px; margin:10px;border:1px solid #ebebeb; background:#fff;}

#root{clear:both;width:100%;overflow:hidden;padding:10px 0 15px 0; line-height:28px;}
.rootseo{text-align:center;color:#434343;}
.rootseo div{border:1px dotted #ff7c00;padding:5px}
.rootmenu{font-weight:bold;color:#545252;height:38px; background:url(http://skin.wbscdn.com/skin/haichang/images/rootmenu.gif) no-repeat top;line-height:38px; overflow:hidden;text-align:center;margin:0 auto;}
.rootmenu a{padding:0 10px; color:#545252;}
.copyright{color:#666; font-size:11px;text-align:center;}
.copyright a{color:#666;}

.page{clear:both;line-height:20px; margin:10px 0; background:#f3f3f3; padding:5px;}
.page a{color:#217610;padding:3px;border:1px solid #217610;text-decoration:none;margin-right:5px;}
.page a:hover{background:#217610;color:#fff;}

.prodetail{margin:10px auto; text-align:center;}
.prodetail img{margin:0 auto; padding:5px }
.pc{clear:both; color:#333;}
.pc a{background:url(http://skin.wbscdn.com/skin/haichang/images/curjt.gif) no-repeat right;padding-right:10px}
.prenext{padding:3px; background:#f3f3f3; margin:5px 0}
.prodetaildes{margin:10px 0}
.prodetaildes table{ background:#ccc;}
.prodetaildes table td{background:#fff}
.newslist ul{ padding:0 10px;}
.newslist li{background:url(http://skin.wbscdn.com/skin/haichang/images/li.gif) no-repeat 9px 10px;clear:both;padding-left:23px;margin:3px;margin-top:3px !important;margin-top:0; border-bottom:1px dashed #666;overflow:hidden;}
.newslist li a{float:left;color:#666;width:670px;overflow:hidden;height:23px;line-height:23px; display:block;}
.newslist span{float:right; color:#666;}
.updatetime{margin:10px 0 10px 5px; color:#ccc}
.newscontent{margin:5px}
.newstags{margin:5px}


.sitit{background:url(http://skin.wbscdn.com/skin/haichang/images/small3.gif) no-repeat left; padding:5px 14px;margin:10px;}
.sitit,.sitit a{color:#333;font:12px}
.sibox{margin:20px auto;}
.sibox li{background:url(http://skin.wbscdn.com/skin/haichang/images/small.gif) no-repeat 8px 8px; padding-left:16px; width:185px; float:left}
.sibox li a{margin-right:10px;}

.showctr{clear:both; text-align:right; height:24px; line-height:24px;padding:0 20px 0 0; background:#f3f3f3}
#view_gallery,#view_list{cursor:pointer}

.prebtn{ border:1px solid #5d94cc; padding:0 5px; float:left; background:url(http://skin.wbscdn.com/skin/haichang/images/prev.gif) 6px center no-repeat; padding-left:15px;}
.nextbtn{ border:1px solid #5d94cc; padding:0 5px; float:right; background:url(http://skin.wbscdn.com/skin/haichang/images/next.gif) 85% center no-repeat; padding-right:15px;}
.grouppro a{ border:1px solid #69F; margin:0 2px; padding:3px 5px}

/********------------------------su----********/

#menu{height:40px;overflow:hidden;background:url(http://skin.wbscdn.com/skin/haichang/images/menu.gif) no-repeat left top;padding-left:10px;}
#menu li{float:left;height:40px;background:url(http://skin.wbscdn.com/skin/haichang/images/menuli.gif) right no-repeat;padding:0 18px 0 15px;}
#menu li a{float:left;display:inline;height:40px;line-height:40px;text-align:center;font-weight:bold;color:#fff;padding:0 24px;font-size:13px;}
#menu li a:hover,#menu li a.now{text-decoration:none;color:#fff;background:url(http://skin.wbscdn.com/skin/haichang/images/menuover.gif) no-repeat top;}
#menu li.last{ background:none;}

.padd{padding:0 12px;}
.comInfo{height:100px;overflow:hidden;color:#757474;margin:0 10px;padding-top:15px;}

.flinks,.flinks a{line-height:14px; font-size:10px;color:#333}
.flinks a{ padding-left:6px;color:#333;text-decoration:none;cursor:text;}

.factory .probox{height:170px}
.audited{ padding:5px auto; font-size:11px;border-left:1px solid #83A87D;border-right:1px solid #83A87D;}
.audited p{text-align:center;padding:0 4px;line-height:14px;}
.audited p a{color:#6097d7;}
.audited li{padding-left:10px;height:23px; line-height:23px;background:url(http://skin.wbscdn.com/skin/haichang/images/audli.gif) no-repeat left; margin-left:35px;}
.audited li a{ color:#333;}

.cdes{font-size:12px;}
.cdes strong{font-weight:normal}

#popFootOut{display:none;position:absolute;margin-top:-20px;background:none;left:0;}
#popFootIn{background:#ff830f;padding:10px;color:#fff;margin:0 auto;border:1px solid #ff830f;}
#popFootOut a{color:#fff;}

.padle{ padding-left:10px;}

.cfbox{border-left:1px solid #83A87D;border-right:1px solid #83A87D;border-top:3px solid #48A037; padding:25px 0;}
.hcontentb{ background:url(http://skin.wbscdn.com/skin/haichang/images/rightb.gif) no-repeat bottom; padding-bottom:12px;}
.trans{ text-align:center;}

.searchmore,.searchmore a{color:#999; margin:0 6px;}

#infopicbox{float:left;width:150px;height:100px;background:#FFF;margin:20px 12px 0 10px;overflow:hidden;}
#infopicbox li{position:absolute;}

.hotpro{width:990px;margin:6px auto;overflow:hidden}
.hotpro li{float:left;width:24%;text-align:left;background:url(http://skin.wbscdn.com/skin/haichang/images/next.gif) no-repeat 0 7px;padding-left:1%; line-height:20px;}

#smenu dl{ position:absolute;background:#f1f1f1;color:#000;display:none;z-index:100;}
#smenu dt{cursor:pointer; padding:5px; border-bottom:1px solid #FFFFFF; font-size:13px; width:160px;}
#smenu a{ color:#000; text-decoration:none;}
#smenu dt h2{font-weight:normal;}
#smenu dt.movovo{background:#459a35}
#smenu dt.movovo a{ color:#fff;}