@import url("http://skin.wbscdn.com/skin/tools/dialog/dialog.css");
body{margin:0;padding:0;color:#333;text-align:left;font-size:12px; background:#F9EEFF url(http://skin.wbscdn.com/skin/shenao/images/bg.gif) repeat-x left top;font-family:Arial;-webkit-text-size-adjust:none;}
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:#333;text-decoration: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,.flinks{margin:0px auto;width:944px;}

#top{height:99px; overflow:hidden;}
#logoline{ margin:0 auto;}
#topline{color:#fff;position:absolute;font-weight:normal;font-size:11px;top:2px;}
#topline a{color:#fff}
#logo{float:left; display:inline;margin:36px 0 0 53px;background:url(http://skin.wbscdn.com/skin/shenao/images/logo.jpg) left no-repeat;}
#logo a{display:block;text-indent:-99999px;overflow:hidden;line-height:0;width:111px; height:48px;}

.comname{float:left; display:inline;margin:57px 0 0 21px;}
#search{ float:right;height:25px;line-height:25px; display:inline;margin:57px 36px 0 0;}
#search dd,#search dt{ float:left}
#search dt{background:url(http://skin.wbscdn.com/skin/shenao/images/search_input.gif) no-repeat right top;width:124px;height:26px; overflow:hidden;}
.search_input{width:98px;height:26px; line-height:26px;border:0;color:#fff;margin-left:26px; background:none;line-height:19px; border:0;}
.search_btn{width:43px;height:26px;border:0;background:url(http://skin.wbscdn.com/skin/shenao/images/search.gif) no-repeat;cursor:pointer}

#banner{height:283px;overflow:hidden;margin:21px auto 0 auto;background:url(http://skin.wbscdn.com/skin/shenao/images/banner.jpg) no-repeat}
#curpos{font-size:90%; white-space:nowrap;padding-left:13px;color:#666; font-weight:normal; margin-bottom:3px}
#curpos a{color:#666}
#main{ background:#FFF;margin-top:7px; padding:0 11px;clear:both}


#left{width:240px;float:left; overflow:hidden}
.hcontent,.hcontent2{line-height:20px; clear:both;padding-bottom:5px; border-top:1px solid #ccc}
.hcontent b{color:#6699cc}

.navtop,.board{height:47px;line-height:47px; font-size:16px;padding-left:12px;color:#830EBA; _padding-top:10px; _height:37px;}
.navtop img,.board img.ho{ vertical-align:middle; margin-right:14px;}


#nav{ background:url(http://skin.wbscdn.com/skin/shenao/images/leftbg.gif) repeat-y top;clear:both;}
.leftt{background:url(http://skin.wbscdn.com/skin/shenao/images/leftt.gif) no-repeat top; padding-top:10px;}
.leftb{background:url(http://skin.wbscdn.com/skin/shenao/images/leftb.gif) no-repeat bottom; padding:0 23px 15px 23px;}
#nav dt a{display:block;height:27px;line-height:27px;padding-left:35px;overflow:hidden;background:url(http://skin.wbscdn.com/skin/shenao/images/dt.gif) no-repeat;color:#666464;cursor:pointer; text-decoration:none;}#nav dt{ margin-bottom:1px;}
#nav dt a:hover{background:url(http://skin.wbscdn.com/skin/shenao/images/dt2.gif) no-repeat;}
#nav dt a:hover h2{ color:#FFF;}
#nav dd li{padding:3px 0 3px 39px;}
#nav dd h2{font-weight:normal;color:#000;cursor:pointer;background:url(http://skin.wbscdn.com/skin/shenao/images/dd.gif) no-repeat 0 6px;padding-left:10px}


.protts a:link,.protext a:link,#nav dl a:link{color:#666;text-decoration:none}
.protts a:visited,.protext a:visited,#nav dl a:visited{color:#db3535;text-decoration:none}
.protts a:hover,.protext a:hover,#nav dl a:hover{color:#f70;text-decoration:underline}

#lcontact{margin:10px 0; border-top: 1px solid #ccc}
#lcontact td{word-break: keep-all}
.lboxbg{font-size:11px;margin:5px 0;padding:10px}
#llink{margin:10px 0}


#right{width:669px;float:right;overflow:hidden}

.board a{float:right;display:inline;margin:30px 15px 0 0;}
.board a.ic1{ margin-right:8px;margin-top:25px}
.suptit{line-height:23px; padding-left:22px;height:23px;font-weight:bold;border:1px solid #f0f0f0; background:#f5f5f5;}
.profilebox{padding:10px;}
.red{color:#f00;}
.title{color:#fff; font-weight:bold;}
.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/shenao/images/small.gif) no-repeat 0 8px;padding-left:10px;}
.group li a{color:#ff7c00;}

.probox{width:160px; float:left; margin-top:10px; height:197px; overflow:hidden}
.protext{overflow:hidden; text-align:center; clear:both}
.protext a{color:#666}
.protext a:hover{color:#ff7700}
.probox span{ display:block; text-align:center}
.probox h2{font-weight:normal; color:#666;line-height:16px; text-align:center; clear:both}
.proimg{display:table;text-align:center;#position: relative;overflow:hidden;}
.proimg p{#position:absolute;#top:50%;display:table-cell;vertical-align:middle;left:50%;}
.proimg img{#position:relative;#top:-50%;left:-50%}
.proimg{width:150px;height:150px;}



.proboxlist{clear:both; margin:5px 0; border-bottom:1px dotted #cecece}
.proboxlist span{ margin:0 10px}
.proboxlist .proimg{ float:right;  width:150px; height:150px}
.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:#C78CE3}
.proboxlist .protext a:hover{ color:#f00;text-decoration:underline}
.proboxlist .prodes{float:left; width:300px; height:200px; overflow:hidden; text-align:left}

#plist .probox{width:220px}
#plist .proimg{width:180px;height:180px;}

#hot{color:#006600; border:1px solid #eee; width:466px; margin:5px auto}
#hot .probox{width:155px}
.htit1,.htit2{width:120px; line-height:18px;height:18px;float:left; border:none; cursor:pointer;color:#999; padding-left:15px }
.htit2{color:#7E09B5; background:url(http://skin.wbscdn.com/skin/shenao/images/small.gif) 7px 6px no-repeat}
.hotbox{width:466px; margin:0 auto}
#htitlebg{ margin:0 6px}


.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:430px;float:right; margin:10px 0}

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

#root{clear:both;text-align:center; font-size:11px;margin-top:10px; padding-top:10px;background:#EDC6FF url(http://skin.wbscdn.com/skin/shenao/images/root.gif) repeat-x left top;color:#666;}
#root a{ color:#666}
.rootseo{text-align:center; color:#666}
.rootseo div{border:1px dotted #ff7c00; padding:5px}
.rootmenu{line-height:24px; font-weight:bold;text-align:center; margin:0 auto}
.rootmenu a{padding:0 10px}
.rootbg{}
.copyright{text-align:center;clear:both; vertical-align:middle; height:31px;padding-top:6px}


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


.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/shenao/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}
.relpro{margin:10px; font-size:10px}
.pdbox{padding:5px 15px; color:#000; border:1px solid #f2f2f2; margin:5px 10px; background:url(http://skin.wbscdn.com/skin/shenao/images/small.gif) 8px 13px no-repeat}
.newslist ul{ padding:0 10px}
.newslist li{background:url(http://skin.wbscdn.com/skin/shenao/images/li.gif) no-repeat 0 9px; padding-left:8px; margin:3px; border-bottom:1px dashed #ccc; width:454px; overflow:hidden}
.newslist li a{float:left; color:#333}
.newslist span{float:right; color:#ccc}
.updatetime{margin:10px 0; color:#ccc}
.newscontent{margin:5px; padding:10px}
.newstags{margin:5px}


.sitit{background:url(http://skin.wbscdn.com/skin/shenao/images/small3.gif) no-repeat left; padding:5px 14px;margin:10px}
.sitit,.sitit a{color:#333;font:12px}
.sibox{margin:20px auto;width:570px}
.sibox ul{}
.sibox li{background:url(http://skin.wbscdn.com/skin/shenao/images/small.gif) no-repeat 0 10px;padding:4px 0;width:48%;float:left;padding-left:2%}
.sibox li a{margin-right:10px}

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

.prenextctrl{ margin:10px; clear:both; height:18px; line-height:20px}
.prebtn{ border:1px solid #5d94cc; padding:0 5px; float:left; background:url(http://skin.wbscdn.com/skin/shenao/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/shenao/images/next.gif) 85% center no-repeat; padding-right:15px}
.grouppro a{ border:1px solid #69F; margin:0 2px; padding:3px 5px}

/********-----su----********/
.c1{ color:#cc2424}
.appli{float:right; text-align:right; margin-top:10px}
.appli a{padding:28px 4px 0 4px;text-align: center; color:#666}

#menu{font-weight:bold;height:35px;line-height:35px;overflow:hidden;background:url(http://skin.wbscdn.com/skin/shenao/images/menu.gif) no-repeat; padding:0 30px;}
#menu li{ float:left;background:url(http://skin.wbscdn.com/skin/shenao/images/menuli.gif) no-repeat right 2px;padding-right:2px;}
#menu li a{float:left;display:inline;padding:0px 39px;text-align:center; font-size:14px;color:#FFF;font-family:Tahoma;}
#menu li a:hover,#menu li a.now{color:#fff;text-decoration:none; background:url(http://skin.wbscdn.com/skin/shenao/images/menuover.gif) repeat-x left top;}
#menu li.lias{ background:none}

#rightcon{ float:left; width:488px; overflow:hidden}
.contactbox{color:#303030;line-height:18px; background:url(http://skin.wbscdn.com/skin/shenao/images/leftbg.gif) repeat-y top;}
.contactbox a{ color:#303030}
.contactbox img{ margin:10px 8px 0px 8px; vertical-align:middle;}

#newpro{ float:right; width:168px; overflow:hidden}
.newbox{ padding:6px 0;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}


.padd{padding:10px 12px}
.comInfo{height:130px;padding-bottom:10px;color:#666;font-family:Tahoma;overflow:hidden}
.compic{ margin-left:12px; margin-top:6px; float:right;}
.comInfo p{font-family:Verdana; margin-bottom:23px}
.appbox p{ margin-top:10px}
.appbox img{ margin-top:10px}
.appbox { margin-top:10px}
.friendlink{ border:1px solid #cccccc;text-align:center; margin-top:3px; text-align:center}

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

.skype{text-align:center}
.skype a{ margin:5px 3px}
.factory .probox{height:170px}
.audited{margin:5px 0; font-size:11px;}
.audited p{text-align:left;padding:0 4px;line-height:14px}
.audited li{padding-left:10px;background:url(http://skin.wbscdn.com/skin/shenao/images/ttsupli.gif) no-repeat 0 10px; height:23px; line-height:23px}

#popFootOut{display:none;position:absolute;margin-top:-20px;background:none;left:0}
#popFootIn{background:#9c010d;padding:10px 0;color:#fff;border:1px solid #9c010d;margin:0 auto}
#popFootOut a{color:#fff}
.mar{ margin-top:9px}
.searchmore{padding:0 10px}
.online{text-align:center;background:#f60; border:1px solid #f30; padding:3px 0}
.online img{ margin-top:0; margin-right:12px}
.neliBox{border-left:1px solid #C7C7C7;border-right:1px solid #C7C7C7;padding:2px 0;width:188px;}
.neliBox li{background:url(http://skin.wbscdn.com/skin/shenao/images/li.gif) no-repeat 5px 9px;padding:3px 3px 3px 15px; border-bottom:1px dashed #ccc; width:180px; overflow:hidden; font-size:12px;}
.neliBox span,.neliBox li a{color:#666; display:inline; float:none}

.hotpro{width:980px;margin:6px auto;overflow:hidden}
.hotpro li{float:left;width:24%;text-align:left;background:url(http://skin.wbscdn.com/skin/shenao/images/next.gif) no-repeat 0 7px;padding-left:1%;}
.hott{ background:url(http://skin.wbscdn.com/skin/shenao/images/hott.gif) no-repeat top; padding-top:4px;}
.hotb{ background:url(http://skin.wbscdn.com/skin/shenao/images/hotb.gif) no-repeat bottom; padding-bottom:4px;}
.butt,.butb{ text-align:center;}

.btnL,.btnR{ cursor:pointer}
.newProCont{ padding:0 10px;}
#scrollDiv{width:146px; height:680px; position: relative;overflow: hidden;}
#scrollDiv ul {position:absolute; zoom:1; height:1700px}  
#scrollDiv ul:after{content:"."; display:block;height:0; clear:both;visibility:hidden;} 
#scrollDiv li{height:170px; overflow:hidden}
.protts{padding-top:10px; height:30px; line-height:19px; margin:0 auto; overflow:hidden; text-align:center; clear:both}
.protts a{color:#434343}
.protts a:hover{color:#ff7700}
.scrollDiv span{ display:block; text-align:center}
.scrollDiv h2{font-weight:normal; line-height:16px; text-align:center; clear:both}
.proimgs img{position:static;+position:relative; top:-50%;left:-50%; vertical-align:middle}
.proimgs p{position:static; +position:absolute; top:50%; vertical-align:middle; margin:0; padding:0 }
.proimgs{width:143px;height:143px;line-height:143px;vertical-align:middle;position:relative; text-align:center;display:table-cell;overflow:hidden; margin:0 auto; background:url(http://skin.wbscdn.com/skin/shenao/images/proimgs.gif) no-repeat;}