﻿@import url("http://skin.wbscdn.com/skin/tools/dialog/dialog.css");
body{margin:0; padding:0;color:#333; background:#fff; text-align:left; font-size:11px; font-family:Verdana;}
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:hover{color:#f70;text-decoration:underline;}
h1,h2,h3{margin:0;padding:0; display:inline; font-size:11px}
table,td{word-break:break-all}
.write{color:#FFF}
#site{ margin:0 auto; width:1001px;}

#top{padding:0; height:90px; overflow:hidden;}
#topline{color:#999; position:absolute; font-weight:normal; font-size:11px; top:0;}
#topline a{color:#90acc0}
#topline h1{font-weight:normal}
#logo{float:left; display:inline; margin:16px 0 0 64px;}
.tools {color:#424242;margin-top:21px; font-size:11px;text-align:right;}
.tools a{line-height:16px;height:16px;color:#424242;padding:0 6px;}
.tools a:hover{color:#333;text-decoration:underline;}
.tools a.c1{background:url(http://skin.wbscdn.com/skin/yangyu/images/c1.gif) left no-repeat;padding-left:16px;}
.tools a.c2{background:url(http://skin.wbscdn.com/skin/yangyu/images/c2.gif) left no-repeat;padding-left:16px;}
.tools a.c3{background:url(http://skin.wbscdn.com/skin/yangyu/images/c3.gif) left no-repeat;padding-left:16px;}
.tools a.c4{background:url(http://skin.wbscdn.com/skin/yangyu/images/c4.gif) left no-repeat;padding-left:16px;}
.tools a.c5{background:none;}
.comname{color:#333; font-size:150%; height:24px; float:left; font-weight:bolder; margin:30px 0 0 20px}
.menucon{margin-left:20px;}
#search{background:url(http://skin.wbscdn.com/skin/yangyu/images/searchbg.gif) repeat-x left top; }
.searchl{background:url(http://skin.wbscdn.com/skin/yangyu/images/searchl.gif) no-repeat left top;}
.searchr{ height:35px;background:url(http://skin.wbscdn.com/skin/yangyu/images/searchr.gif) no-repeat right top;line-height:31px;color:#B40101;padding-left:179px; vertical-align:middle;}
#search dd,#search dt{ float:left;}
#search dt{width:150px;height:25px;background:url(http://skin.wbscdn.com/skin/yangyu/images/search_input.gif) no-repeat left top;margin-left:10px; overflow:hidden;}
.search_input{width:140px;border:0;height:25px;line-height:23px; background:none;color:#9D9D9C;margin:0 4px 0 6px;}
.search_btn{background:url(http://skin.wbscdn.com/skin/yangyu/images/search.gif) no-repeat left top; width:44px;height:25px; border:0; margin-left:5px;}

#banner{height:200px; margin:0; background:url(http://skin.wbscdn.com/skin/yangyu/images/banner.jpg)  no-repeat #e4edf6;}
#curpos{font-size:100%; white-space:nowrap;padding-left:13px;color:#666; font-weight:normal}
#curpos a{color:#666;}
#main{padding:0 0 10px 0; margin:10px 0 0 0; clear:both; }

.leftbg{ background:url(http://skin.wbscdn.com/skin/yangyu/images/leftb.gif) no-repeat left bottom;width:232px; padding-bottom:20px;}
#left{width:232px;overflow:hidden;float:left;background:url(http://skin.wbscdn.com/skin/yangyu/images/leftbg.gif) repeat-y left top;}
.list LI {BORDER-RIGHT: #5dab2a 1px solid; BORDER-TOP: #5dab2a 1px solid; PADDING-LEFT: 14px; BACKGROUND: url(http://skin.wbscdn.com/skin/yangyu/images/small.gif) #ffffff no-repeat 4px 50%; FLOAT: left; MARGIN: 2px 4px; BORDER-LEFT: #5dab2a 1px solid; WIDTH: 183px; BORDER-BOTTOM: #5dab2a 1px solid}
.list LI A {COLOR: #348d10; TEXT-DECORATION: none;}
.list LI A:hover {COLOR: #ff3300; TEXT-DECORATION: underline}
.hcontent,.hcontent2{line-height:20px; border:1px solid #B8B7B7; border-top:0;word-wrap:break-word;clear:both;padding:0;}
.hcontent2{background:none;}
.hcontent b{color:#6699cc}
.mar{ margin-top:10px;}

.nav{}
.navmid{ padding:0 3px 5px 1px;}
.newprotop,.navtop{height:31px;line-height:31px;text-align:left;color:#fff; background:url(http://skin.wbscdn.com/skin/yangyu/images/ltitbg1.gif) no-repeat left top;
padding-left:32px}
.newprotop{background:url(http://skin.wbscdn.com/skin/yangyu/images/ltitbg2.gif) no-repeat;height:32px;line-height:32px;}
.nav dt{height:23px;overflow:hidden;}
.nav dd li{height:21px;line-height:21px;margin:0 18px 0 25px;overflow:hidden;}
.nav dt h2{padding-left:37px;background:url(http://skin.wbscdn.com/skin/yangyu/images/dt.gif) 26px no-repeat;display:block;line-height:23px; height:23px; cursor:pointer;color:#333; font-size:12px}
.nav dd h2{padding-left:26px;display:block;cursor:pointer;font-weight:normal;background:url(http://skin.wbscdn.com/skin/yangyu/images/dd.gif) 12px 10px no-repeat;color:#333; font-size:11px}

.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}
.ltit{line-height:22px; font-size:120%; padding-left:10px; background:url(http://skin.wbscdn.com/skin/yangyu/images/lboxtop.gif) no-repeat}
.lboxbg{font-size:11px;  margin:5px 0; padding:10px;}
#llink{margin:10px 0;}


#right{width:761px; overflow:hidden;float:right;}
.board{height:30px;line-height:30px;background:url(http://skin.wbscdn.com/skin/yangyu/images/board.gif) repeat-x left;clear:both;color:#E10404; border:1px solid #B8B7B7;}
.board strong{ padding-left:32px;background:url(http://skin.wbscdn.com/skin/yangyu/images/boa.gif) no-repeat 17px;}
.board a.ic1{ margin-right:4px;margin-top:7px;}
.suptit{line-height:23px; padding-left:22px;height:23px; font-weight:bold;border:1px solid #f0f0f0; background:#f5f5f5;}
.profilebox{padding:10px}
.more{text-align:right; background:url(http://skin.wbscdn.com/skin/yangyu/images/more.gif) no-repeat right; height:30px; line-height:30px; font-size:11px;clear:both; padding-right:4px; float:right; width:100px}
.more a{color:#cc6600;}
.red{color:#f00}
.title{color:#fff; font-weight:bold}
.board h1{color:#fff}
.board a{float:right; margin:12px 14px 0 0;}
.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/yangyu/images/small.gif) no-repeat 0 8px; padding-left:10px}
.group li a{color:#ff7c00}


.probox{width:177px; float:left; margin-top:10px; height:210px; overflow:hidden;}
.protext{padding-top:7px; height:38px; overflow:hidden; text-align:center; clear:both}
.protext a{color:#333;}
.protext a:hover{color:#333}
.probox span{ display:block; text-align:center}
.probox h2{font-weight:normal;color:#333;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:158px; height:158px;background:#fff;line-height:158px;vertical-align:middle;position:relative; text-align:center;display:table-cell;overflow:hidden; margin:0 auto; border:1px solid #8D8C8C;}

.proboxlist{clear:both;border-bottom:1px dotted #cecece}
.proboxlist span{ margin:0 10px}
.proboxlist .proimg{ float:right;  width:140px; height:140px;}
.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:#cc3333;}
.proboxlist .protext a:hover{ color:#f00;text-decoration:underline}
.proboxlist .prodes{float:left; width:300px; height:170px; overflow:hidden; text-align:left;}

#hot{color:#BC0101; border:1px solid #eee; width:739px; margin:5px auto; }
#hot .probox{width:175px}
.htit1,.htit2{width:120px; line-height:18px;height:18px;float:left; border:none; cursor:pointer;color:#999; padding-left:15px }
.htit2{color:#BC0101; background:url(http://skin.wbscdn.com/skin/yangyu/images/small.gif) 7px 6px no-repeat;}
.hotbox{width:739px; 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:460px;float:right; margin:10px 0;}
.plitem .probox{ height:180px;}

.contacttable{padding:20px 0; width:520px; margin:0 auto;}
.linkcontent{margin:10px 0}
.weltext{padding:10px;margin:10px;margin-top:0;border:1px solid #ebebeb;background:#fff;}
.paing{ padding-top:10px;}

#root{ width:1001px;clear:both; text-align:center;background:#FBFBFB url(http://skin.wbscdn.com/skin/yangyu/images/rootbg.gif) repeat-x top left;margin:0 auto;line-height:25px;}
.rootseo{text-align:center; color:#666;}
.rootseo div{border:1px dotted #ff7c00; padding:5px}
.rootmenu{line-height:24px;color:#585858;text-align:center;margin:0 auto;}
.rootmenu a{padding:0 10px;color:#585858;}
.copyright{color:#494848;text-align:center;clear:both; vertical-align:middle; height:31px;padding-top:6px}
.copyright a{color:#494848;}

.page{clear:both;line-height:20px; margin:10px 0; background:#f3f3f3; padding:5px;}
.page a{color:#BC0101;padding:3px;border:1px solid #BC0101;text-decoration:none;margin-right:5px;}
.page a:hover{background:#BC0101;color:#fff;}
.cur{background:#BC0101;color:#fff;padding:3px;border:1px solid #BC0101;margin-right:3px;}
.searchmore{ margin-left:10px;}


.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/yangyu/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/yangyu/images/small.gif) 8px 13px no-repeat}
.newslist ul{ padding:0 10px;}
.newslist li{background:url(http://skin.wbscdn.com/skin/yangyu/images/li.gif) no-repeat 0 9px; padding-left:8px; margin:3px; margin-top:0;border-bottom:1px dashed #ccc; width:515px; overflow:hidden;}
.newslist li a{float:left; color:#333;}
.newslist span{float:right; color:#ccc}
.updatetime{margin:10px 0 10px 5px; color:#ccc}
.newscontent{margin:5px}
.newstags{margin:5px}


.sitit{background:url(http://skin.wbscdn.com/skin/yangyu/images/small3.gif) no-repeat left; padding:5px 14px;margin:10px; margin-top:0;}
.sitit,.sitit a{color:#333;font:12px}
.sibox{margin:0 auto 20px auto;width:570px;}
.sibox ul{}
.sibox li{background:url(http://skin.wbscdn.com/skin/yangyu/images/small.gif) no-repeat 0 8px; padding-left:8px; width:175px; float:left}
.sibox li a{margin-right:10px;}

.trans{text-align:center;font-size:11px;clear:both;color:#474646;margin:3px auto}
.trans a{color:#474646;}
.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/yangyu/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/yangyu/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:38px;background:url(http://skin.wbscdn.com/skin/yangyu/images/bg.gif) repeat-x left top;overflow:hidden; padding-left:15px;}
#menu li{float:left;background:url(http://skin.wbscdn.com/skin/yangyu/images/menuli.gif) no-repeat right top;display:inline;padding:0 10px;}
#menu li a{float:left;height:38px;line-height:35px;text-align:center;color:#FFF; display:inline;padding:0 20px;}
#menu li strong{ float:left;height:38px;line-height:35px;}
#menu li a:hover,#menu li a.now{background:url(http://skin.wbscdn.com/skin/yangyu/images/menuover.gif) no-repeat left bottom;color:#C10101;text-decoration:none;padding-left:20px;}
#menu li a:hover strong,#menu li a.now strong{background:url(http://skin.wbscdn.com/skin/yangyu/images/menuover2.gif) no-repeat right bottom;padding-right:20px; margin-right:-20px; cursor:pointer;}
#menu li.last{ background:none;}

#rightcon{ float:left; width:550px; overflow:hidden;}
.contactbox{padding:13px 0 10px 13px;color:#333;line-height:18px;}
.contactbox a{color:#333;}
.contactbox p{ margin:10px 0;}
.contactbox img{ margin:0 10px 0 8px;}.contactbox ul{ padding:10px 0;}

#newpro{ float:right; width:201px; overflow:hidden;background:url(http://skin.wbscdn.com/skin/yangyu/images/newprobg.gif) repeat-y top left;}
.newbox{ padding-bottom:12px; background:url(http://skin.wbscdn.com/skin/yangyu/images/newprob.gif) no-repeat bottom;}
.pros{width:196px;float:left;height:160px;overflow:hidden;margin:12px 0;}
.protts{padding-top:2px;margin:0 auto;overflow:hidden;text-align:center;clear:both}
.protts a{color:#333;}
.protts a:hover{color:#ff7700}
.pros span{ display:block; text-align:center}
.pros h2{font-weight:normal; line-height:18px; text-align:center; clear:both; height:18px; overflow:hidden}

.proimgs{display:table;text-align:center;#position: relative;overflow:hidden;}
.proimgs p{#position:absolute;#top:50%;display:table-cell;vertical-align:middle;left:50%;}
.proimgs img{#position:relative;#top:-50%;left:-50%}
.proimgs{width:140px; height:140px;background:url(http://skin.wbscdn.com/skin/yangyu/images/hpoimg.gif) no-repeat 0 0;}

.padd{padding:0 12px;}
.comInfo{ height:156px; overflow:hidden; padding:8px;}
.comInfo img{ margin-left:12px; margin-top:6px;}
.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 #ccc;text-align:center; margin-top:3px; text-align:center;}


#newnotice {display: block;position:absolute;z-index:999;right:0;float:right;width: 160px;border: solid #BC0101 1px;background: #fff;}
#noticecon{border:1px solid #BC0101;margin:10px;}
#newnotice p {font-size: 11px;margin: 1px;padding: 0px 2px 0px 5px;background: #BC0101;color: #fff;height: 20px;line-height: 20px;}
#newnotice p .newtitle {float: left;}
#newnotice p #bts {display: block;float: right;width: 48px;height: 15px;}
#newnotice p #bts .button {display: block;float: left;width: 15px;height: 15px;line-height: 15px; cursor: pointer;}

#newnotice div {font-size: 11px;margin: 1px;padding: 0px 5px 0px 5px;background: #fff;color: #999;line-height: 20px;}

.sup dl{ padding-left:24px;}
.sup dt{ color:#db3535; font-weight:bold; margin-top:10px; cursor:pointer;}
.sup p{ margin-top:10px;}
.sup dd{ display:none}
.flinks{width:1001px; margin:0 auto}
.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{color:#626262;font-size:11px;float:left;}
.audited a{color:#626262;}
.audited p{text-align:center;padding:0 4px;line-height:14px; }
.audited li{padding-left:10px;background:url(http://skin.wbscdn.com/skin/yangyu/images/ttsupli.gif) no-repeat 0 10px; height:23px; text-align:left;line-height:23px; margin-left:13px;}

#popFootOut{display:none;position:absolute;margin-top:-20px;background:none;left:0;}
#popFootIn{background:#e20a0a;padding:10px 0;color:#fff;border:1px solid #e20a0a;margin:0 auto;}
#popFootOut a{color:#fff;}

.bottom{margin-top:25px; text-align:center}
.pad10{padding:10px;}

.cdes strong{ font-weight:normal;}.pb53{ padding-bottom:53px;}
.sitable{font-size:11px}
.msnbox{ float:right;margin-top:4px;}
.msnbox img{margin-right:15px;}

.hotpro ul{width:980px;overflow:hidden;clear:both;margin:10px auto;}
.hotpro li { float:left; width:165px; text-align:left; background:url(http://skin.wbscdn.com/skin/yangyu/images/next.gif) no-repeat 0 8px; padding-left:10px; line-height:20px}