﻿@import url("http://skin.wbscdn.com/skin/public/tools/dialog/dialog.css");
@import url("http://skin.wbscdn.com/skin/public/tools/banner/banner.css");
@import url("http://skin.wbscdn.com/skin/public/tools/plant/plant.css");
body{margin:0;padding:0;color:#666;background:#074e9a;text-align:left;font:12px Arial;padding-top:24px;}
ul,li,dl,dt,dd,form,p,input{margin:0;padding:0;list-style:none}
table input,select,textarea,option{font:100% Verdana;BORDER:1px solid #ccc;COLOR:#333;background:#fff;height:20px;line-height:20px;}
.clear{clear:both;font-size:0;line-height:0;height:0}
img{border:none}
a{color:#666;text-decoration:none;}
a:active,a:focus{outline:none;}
a:hover{color:#F30;text-decoration:underline;}
h1,h2,h3{margin:0;padding:0;display:inline;font-size:12px;}
div,table,td{word-break:keep-all;}

#site{margin:0px auto;width:980px;background:#FFF;padding-top:3px;}
#top{height:102px;overflow:hidden;border-top:1px solid #d5d5d5;}
#topline{color:#aaa;position:absolute;font-weight:normal;line-height:20px;padding-left:10px;}
#topline a{color:#aaa}
#logo{float:left;display:inline;margin:20px 0 0 46px;background:url(http://skin.wbscdn.com/skin/S00106/images/logo.jpg) no-repeat 0 0;}
#logo a{float:left;text-indent:-99999px;overflow:hidden;line-height:0;width:72px;height:59px;}
#tool{float:right;display:inline;margin:14px 25px 0 0;height:20px;width:423px;border-bottom:1px solid #d9dfe9;text-align:right;}
#tool img{margin:0 5px 0 12px;vertical-align:top;}
.comname{float:left;display:inline;margin:42px 0 0 34px;}

#search{float:right;display:inline;margin:1px 25px 0 0;width:453px;height:30px;padding-top:6px;overflow:hidden;clear:right;border-top:1px solid #d9dfe9;}
#search p{float:left;}
#search dt{float:right;width:197px;height:28px;background:url(http://skin.wbscdn.com/skin/S00106/images/search-bg.gif) no-repeat 0 0;}
#search dd{float:right;width:24px;height:28px;}
#search .search_input{height:28px;line-height:28px;width:170px;margin-left:21px;border:0;background:none;color:#b7b7b7;font-size:12px;}
#search .search_btn{width:24px;height:28px;cursor:pointer;border:0px;background:none;float:right;background:url(http://skin.wbscdn.com/skin/S00106/images/search-bg.gif) no-repeat right top;}

#menu{height:47px;overflow:hidden;background:url(http://skin.wbscdn.com/skin/S00106/images/menu-bg.gif) repeat-x 0 0;border-bottom:10px solid #074e9a;}
#menu li{float:left;}
#menu li a{float:left;height:43px;line-height:43px;text-align:center;font-weight:bold;color:#003a79;padding:0 42px;font-size:12px;border-left:1px solid #FFF;border-right:1px solid #bac6d4;}
#menu li.last a{border-right:none;padding:0 50px;}
#menu li.first a{border-left:none;padding:0 50px;}
#menu li a:hover,#menu li a.now{text-decoration:none;color:#d7261c;background:url(http://skin.wbscdn.com/skin/S00106/images/menu-on.gif) repeat-x 0 0;}


#banner{height:260px;text-align:center;overflow:hidden;margin-top:11px; background:url(http://skin.wbscdn.com/skin/S00106/images/banner.jpg) no-repeat;}
#curpos{font-size:90%;white-space:nowrap;padding:12px 0 12px 20px;color:#666;font-weight:normal;}
#curpos a{color:#666;}
#main{padding-bottom:15px;clear:both;}

#left{width:210px;float:left;overflow:hidden;}
.ltit{height:37px;line-height:37px;overflow:hidden;padding:20px 0 0 36px;font-size:18px;color:#1488ea;background:url(http://skin.wbscdn.com/skin/S00106/images/ltit-bg.gif) no-repeat 0 0;}
.ltit1{height:30px;line-height:30px;overflow:hidden;font-size:18px;color:#1488ea;padding-left:15px;border:1px solid #e5e8ed;margin-left:20px;background:#fafafa;margin-bottom:5px;}

.hcontent{line-height:20px;word-wrap:break-word;overflow:hidden;clear:both;padding:7px;margin:0;background:url(http://skin.wbscdn.com/skin/S00106/images/hco-bg.gif) no-repeat 0 0;}
.hcontent b{color:#1488EA}
.mar{margin-top:10px;}

#nav{padding:4px 21px 0 21px;background:url(http://skin.wbscdn.com/skin/S00106/images/nav-bg.gif) repeat-y 0 0;}
#nav h2{cursor:pointer;font-weight:normal;}#nav a{color:#666;}#nav a:hover{color:#F30;}
#nav dt{line-height:25px;background:url(http://skin.wbscdn.com/skin/S00106/images/nav-dt.gif) no-repeat left center;padding-left:16px;}
#nav li{line-height:20px;padding-left:16px;}
.navbo{height:31px;overflow:hidden;background:url(http://skin.wbscdn.com/skin/S00106/images/nav-bo.gif) no-repeat 0 0;}

#right{width:755px;float:right;overflow:hidden;}
.board{height:27px;overflow:hidden;line-height:30px;margin:0 7px;padding-left:5px;font-size:14px;color:#1488ea;border-bottom:1px solid #e7e7e7;}
.board b{}
.board h1{color:#f30}
.board a{float:right;margin-top:12px;margin-right:7px;}
.board a.ic1{margin-right:4px;margin-top:7px;}
.red{color:#f00}

.probox{width:172px;float:left;height:190px;margin-top:10px;overflow:hidden;}
.protext{overflow:hidden;margin-top:4px;text-align:center; clear:both}
.protext a{color:#666;}
.protext a:hover{color:#F30}
.probox span{color:#666;text-align:center;height:18px;line-height:18px;display:block;overflow:hidden}
.probox h2{font-weight:normal;text-align:center;height:18px;line-height:18px;display:block;cursor:pointer;overflow:hidden}
.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:143px;height:143px;padding:4px;background:#FFF;border:1px solid #e1e1e1;}

.proboxlist{clear:both;margin:5px 0;border-bottom:1px dotted #cecece;}
.proboxlist span{margin:0 10px}
.proboxlist .proimg{float:right;}
.proboxlist .protext{background:none;margin:0 0 5px 0;width:100%;height:20px;text-align:left}
.proboxlist .protext a{color:#1488EA;}
.proboxlist .protext a:hover{color:#f00;text-decoration:underline}
.proboxlist .prodes{float:left;width:360px;height:160px;overflow:hidden;text-align:left;line-height:20px;}

.plitem{clear:both;margin:10px;border-bottom:1px solid #ccc}
.plitem a{color:#333}
.plitem h2{height:24px;line-height:24px;font-size:14px;cursor:pointer;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{line-height:20px;font-size:11px;text-align:center;color:#666;margin-top:24px;width:980px;margin:24px auto 0 auto;background:url(http://skin.wbscdn.com/skin/S00106/images/rootbg.gif) repeat-y 0 0;}
#root a{color:#666;}#root a:hover{color:#F30;}
#root img{vertical-align:middle;_margin:4px 0;}
.rootmenu a{font-weight:bold;margin:0 20px;}
.rootmenu,.trans,.copyright{height:20px;overflow:hidden;}
.roto{height:10px;overflow:hidden;background:url(http://skin.wbscdn.com/skin/S00106/images/rootto.gif) no-repeat 0 0;}
.robo{height:10px;overflow:hidden;background:url(http://skin.wbscdn.com/skin/S00106/images/rootbo.gif) no-repeat 0 0;}

.page{clear:both;line-height:20px;margin:10px 0;padding:5px;}
.page a{color:#1488ea;padding:3px;border:1px solid #074e9a;text-decoration:none;margin-right:5px;}
.page a:hover{background:#1488ea;color:#fff;}
.cur{background:#1488ea;color:#fff;padding:3px;border:1px solid #074e9a;margin-right:3px}

.prodetail{margin:10px auto;text-align:center;}
.prodetail img{margin:0 auto;padding:5px;border:1px solid #ccc}
.pc{clear:both;}
.pc a{background:url(http://skin.wbscdn.com/skin/S00106/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}
.pdbox{padding:5px 15px;color:#666;border:1px solid #f2f2f2;margin:5px 10px;background:url(http://skin.wbscdn.com/skin/S00106/images/nav-dt.gif) 5px 13px no-repeat}
.newslist ul{}
.newslist li{background:url(http://skin.wbscdn.com/skin/S00106/images/nav-dt.gif) no-repeat left center;padding-left:8px;border-bottom:1px dashed #ccc;overflow:hidden;}
.newslist li a{float:left;width:360px;overflow:hidden;height:23px;line-height:23px; display:block;}
.newslist span{float:right; color:#ccc}
.updatetime{margin:10px 0 10px 5px; color:#4B4C4D}
.newscontent{margin:5px}
.newstags{margin:5px}

.sitit{background:url(http://skin.wbscdn.com/skin/S00106/images/diy-li.gif) no-repeat left center;padding:5px 15px;}
.sitit,.sitit a{color:#333;font:12px}
.sibox{margin:20px auto;}
.sibox ul{}
.sibox li{background:url(http://skin.wbscdn.com/skin/S00106/images/nav-dt.gif) no-repeat 5px 9px;padding-left:2%;width:48%;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/S00106/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/S00106/images/next.gif) 85% center no-repeat;padding-right:15px;}

.contactbox{line-height:22px;color:#666;padding:6px 5px 12px 15px;border:1px solid #e5e8ed;margin-left:20px;background:#f5f5f5;}
.contactbox p{margin-bottom:6px;}
.contactbox a{color:#666;}
.contactbox a:hover{color:#F30;}

.padd{padding:0 12px;}
.comInfo{height:200px;overflow:hidden;color:#666;line-height:20px;}
.compic{margin:6px 0 0 12px;float:right;}

.flinks{width:1000px; margin:0 auto; color:#fff;}
.flinks,.flinks a{line-height:14px; font-size:11px;color:#fff}
.flinks a{color:#fff;text-decoration:none;cursor:text;}

.audited{margin:5px auto;font-size:11px;width:173px;text-align:center;line-height:16px;}

.cdes{font-size:12px;}
.cdes strong{font-weight:normal}
.padle{padding-left:10px;}
.searchmore,.relpro{ margin-left:10px;}

#rightcon{float:left;width:532px;overflow:hidden}

#newpro{float:right;width:200px;overflow:hidden; background:url(http://skin.wbscdn.com/skin/S00106/images/newpro-bg.gif) repeat-y 0 0;}
.newproto{height:20px;overflow:hidden;background:url(http://skin.wbscdn.com/skin/S00106/images/newproto.gif) no-repeat 0 0;}
.newprobo{height:20px;overflow:hidden;background:url(http://skin.wbscdn.com/skin/S00106/images/newprobo.gif) no-repeat 0 0;}
.newbox{padding:10px 0 0 16px; height:800px;}

.pros{width:100%;}
.protts{padding-top:10px;height:32px;line-height:19px;margin:0 auto;overflow:hidden;text-align:center;clear:both}
.protts a{color:#666;}
.protts a:hover{color:#F30;}
.protts span{display:block;text-align:center}
.protts h2{font-weight:normal;line-height:16px;text-align:center;cursor:pointer;clear:both}
.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:143px;height:143px;padding:4px;background:#FFF;border:1px solid #e1e1e1;}

#prolist .probox{width:185px;}
#prolist .proboxlist .prodes{width:560px;}

.hotpro{width:960px;margin:6px auto;overflow:hidden}
.hotpro li{float:left;width:24%;text-align:left;background:url(http://skin.wbscdn.com/skin/S00106/images/next.gif) no-repeat 0 7px;padding-left:1%;}


.top{width:23px;height:12px;margin:0 auto; background:url(http://skin.wbscdn.com/skin/S00106/images/top.gif) no-repeat 0 0;margin-top:8px;cursor:pointer;}
.bottom{width:23px;height:12px;margin:0 auto; background:url(http://skin.wbscdn.com/skin/S00106/images/bottom.gif) no-repeat 0 0;margin-bottom:12px;cursor:pointer;}

#scrollDiv{height:800px;position:relative;overflow:hidden;width:184px;}
#scrollDiv ul {position:absolute;zoom:1;height:1400px;width:184px;}  
#scrollDiv ul:after {content:".";display:block;height:0;clear:both;visibility:hidden; } 
#scrollDiv li{position:relative;zoom:1;}
.new{position:absolute;width:41px;height:32px;background:url(http://skin.wbscdn.com/skin/S00106/images/new.png) no-repeat 0 0;top:2px;right:17px;z-index:999;_background:url(http://skin.wbscdn.com/skin/S00106/images/news.gif) no-repeat 0 0;}
.snsbox{height:16px;overflow:hidden;padding-top:2px;}
.snsbox ul{width:100%;overflow:hidden}.snsico li{margin-right:5px;float:left;}