﻿@import url("http://skin.wbscdn.com/skin/tools/dialog/dialog.css");
body{margin:0;padding:0;font:12px Tahoma;color:#333;background:url(http://skin.wbscdn.com/skin/sangle/images/bg.jpg) repeat-x scroll 0 0 #223E0E;text-align:left;}
ul,li,dl,dt,dd,form,p{margin:0;padding:0;list-style:none}
textarea, input, select{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;color:#000;}
.clear{clear:both;font-size:0;line-height:0;height:0}
img{border:none}
a{color:#333;text-decoration: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:0 auto;width:980px;}
#top{height:107px;}
#topline{font-weight:normal;color:#ccc;position:absolute;z-index:100;}
#topline a{color:#ccc;}
#topline a:hover{color:#ccc;}
#logo{float:left;display:inline;margin:5px 0 0 15px;background:url(http://skin.wbscdn.com/skin/sangle/images/logo.jpg) no-repeat left;width:386px;height:63px;}
#logo a{display:block;text-indent:-99999px;overflow:hidden;line-height:0;width:386px;height:63px;}

.snsbox{height:16px;overflow:hidden;padding-top:6px; padding-left:5px;}
.snsbox ul{width:100%;overflow:hidden}.snsico li{margin-right:5px;float:left;}

.renzheng{width:264px;height:51px;float:right;display:inline;margin:12px 0 0 0; text-align:right;}
.renzheng img{ margin-right:5px;}
.comname{float:left;display:inline;margin:30px 0 0 82px;}
#lag{float:right;clear:right;display:inline;margin:5px 5px 0 0;}#lag a{color:#fff;}
#menu{height:28px;background:url(http://skin.wbscdn.com/skin/sangle/images/menu-bg.gif) no-repeat 0 0;overflow:hidden;padding-top:11px;padding-left:104px;}
#menu li{float:left;line-height:28px;padding:0 25px 0 23px; background:url(http://skin.wbscdn.com/skin/sangle/images/menu-li.gif) no-repeat right top;}
#menu li a{color:#FFF;text-decoration:none;height:28px;line-height:28px;text-align:center;float:left;font-weight:bold;font-size:12px;}
#menu li.last{background:none;}

#search{background:url(http://skin.wbscdn.com/skin/sangle/images/search-bg.gif) repeat-x 0 0;height:33px; padding-left:26px;}
#search b{ line-height:33px; float:left; color:#feed07;}
#search dl{height:28px;overflow:hidden;padding-top:7px; padding-left:16px;}
#search dt,#search dd{float:left;}
#search dt{height:19px;margin-right:5px;display:inline;}
.search_input{width:180px;height:17px;line-height:17px;background:#FFF;border:0;color:#666;}
.search_sel{ width:220px;height:19px;border:none;background:#FFF;color:#666;}
.search_btn{width:57px;height:19px;cursor:pointer;border:0;background:url(http://skin.wbscdn.com/skin/sangle/images/search-bu.gif) no-repeat 0 0;}

#banner{height:425px;text-align:center;position:relative;background:url(http://skin.wbscdn.com/skin/sangle/images/banner.gif) no-repeat 0 0;z-index:999}
.banner{ background:#FFF; text-align:center;}

#curpos{font-size:90%;white-space:nowrap;height:28px;line-height:28px;color:#333;font-weight:normal;}
#curpos span{background:url(http://skin.wbscdn.com/skin/sangle/images/small2.gif) no-repeat 13px 3px;padding-left:27px;}
#curpos a{color:#333;}
#main{clear:both; background:#e8e7e3; padding:0 17px 16px 17px;}

#left{width:200px;float:left;overflow:hidden;background:#FFF;padding-top:7px; padding-bottom:10px;}
.hcontent{padding:10px;line-height:20px;word-wrap:break-word;clear:both;}
.ltit{height:27px;line-height:27px;padding-left:10px;background:url(http://skin.wbscdn.com/skin/sangle/images/ltitbg.gif) repeat-x left;color:#06c;border:1px solid #ccc;}
.ltitc{background:#aaa;height:22px;line-height:22px;padding-left:10px; color:#fff;}

#nav{}
.navmid{ padding:10px 5px 10px 5px;}
#nav h2{cursor:pointer;font-weight:normal;}#nav dt h2{font-weight:bold;}#nav a{color:#557309;}#nav a:hover{color:#f70;}
#nav dt{border-bottom:1px dashed #C1C1C1;padding:3px 0;padding-left:20px;background:url(http://skin.wbscdn.com/skin/sangle/images/dt.gif) 8px 10px no-repeat;line-height:20px;overflow:hidden;}
#nav dd{padding:2px 0;}
#nav li{font-weight:normal;background:url(http://skin.wbscdn.com/skin/sangle/images/dd.gif) 14px 8px no-repeat;padding-left:24px;line-height:19px;overflow:hidden; height:19px;}
#lcontact{margin:10px 0;border-top:1px solid #ccc;}
#lcontact td{word-break:keep-all}

#right{width:729px;float:right;overflow:hidden;background:#FFF;padding-top:7px;}
.boardl{}
.boardr{}
.board{height:29px;line-height:29px;background:url(http://skin.wbscdn.com/skin/sangle/images/navtop-bg.gif) repeat-x 0 0; margin-right:12px;}
.board b{float:left;background:#a3cd39;padding-left:10px;color:#FFF; width:110px;}
.board a{float:right;display:inline; margin:9px 9px 0 0;}
.board h1{color:#f30}
.profilebox{padding:10px}
.red{color:#f00}
.title{color:#fff;font-weight:bold}


.featbox{padding:10px 0;overflow:auto}
.probox{width:177px;float:left;margin-top:10px;height:210px;}
.protext{padding-top:10px;height:36px;line-height:16px;overflow:hidden;text-align:center;clear:both;}
.protext a h2{color:#333;}
.protext a:hover h2{color:#f30}
.protext b{font-weight:normal;color:#f60;font-size:10px;}
.probox span{text-align:center;color:#999;height:18px;line-height:18px;display:block;overflow:hidden}
.probox h2{font-weight:normal;height:18px; line-height:18px; display:block; overflow:hidden;text-align:center;cursor:pointer; 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:154px;height:154px;background:#fff;border:1px solid #ccc;}

.proboxi{width:177px;float:left;margin-top:10px;height:180px;}
.protexti{padding-top:10px;height:36px;line-height:16px;overflow:hidden;text-align:center;clear:both;}
.protexti a h2{color:#333;}
.protexti a:hover h2{color:#f30}
.protexti b{font-weight:normal;color:#f60;font-size:10px;}
.proboxi span{text-align:center;color:#999;height:18px;line-height:18px;display:block;overflow:hidden}
.proboxi h2{font-weight:normal;height:18px; line-height:18px; display:block; overflow:hidden;text-align:center;cursor:pointer; clear:both;}
.proimgi{display:table;text-align:center;#position: relative;overflow:hidden;}
.proimgi p{#position:absolute;#top:50%;display:table-cell;vertical-align:middle;left:50%;}
.proimgi img{#position:relative;#top:-50%;left:-50%}
.proimgi{width:150px;height:150px;background:#fff;border:1px dashed #ccc; padding:2px;}

.proboxlist{clear:both;margin:5px 0;border-bottom:1px dotted #cecece;text-align:left;padding:4px 0;}
.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 h2{color:#a3cd39;}
.proboxlist .protext a:hover h2{color:#f70;text-decoration:underline}
.proboxlist .prodes{float:left;width:480px;height:170px;overflow:hidden;text-align:left;line-height:20px;}

#hot{width:705px;margin:5px auto;border:1px solid #ebebeb;background:url(http://skin.wbscdn.com/skin/sangle/images/hotbg.gif) left top repeat-x;}
#hot .probox{ width:176px;}
.htit1,.htit2{width:120px;line-height:23px;height:23px;float:left;border:none;cursor:pointer;color:#999;padding-left:20px }
.htit2{color:#fff;background:#1f862d url(http://skin.wbscdn.com/skin/sangle/images/hotico.gif) 7px 7px no-repeat;}
.hotbox{width:704px;margin:0 auto;}
#htitlebg{border-bottom:1px solid #ebebeb;height:23px;}

.plitem{clear:both;margin:10px;border-bottom:1px solid #e1e1e1}
.plitem a{color:#a3cd39;}
.plitem .probox{height:160px;}
.plitem h2{height:24px;line-height:24px;font-size:14px;cursor:pointer;display:block}
.plitem .proimg{float:left;background:none;}
.plitem .pldes{width:480px;float:right;margin:10px 0;height:160px;line-height:20px;overflow:hidden}

.contacttable{padding:20px 0;width:520px;margin:0 auto;}
.linkcontent{margin:10px 0}
.weltext{padding:10px;margin:10px;}

#root{clear:both; background:#d2d6c9;text-align:center;width:960px;padding:8px 0;font-size:11px;margin:10px auto 0 auto;color:#000;line-height:28px; border:4px solid #a9c2cf; padding:6px;}
#root a{color:#000;}#root a:hover{color:#f30;}
.rootmenu{height:27px;line-height:27px;text-align:right;margin:0 auto;}
.rootmenu a{padding:0 0;}
.copyright{vertical-align:middle; text-align:right;}
.copyright img{ vertical-align:middle; margin:8px 0;}

.page{clear:both;line-height:20px;margin:10px;padding:5px;}
.page a{padding:2px 4px;border:1px solid #a3cd39;text-decoration:none;margin-right:5px;color:#a3cd39}
.page a:hover{background:#a3cd39;color:#fff;}
.cur{background:#a3cd39;color:#fff;padding:2px 4px;border:1px solid #a3cd39;margin-right:3px;}

.prodetail{margin:10px auto;text-align:center;}
.prodetail img{margin:0 auto;border:1px solid #ccc; padding:5px }
.pc{clear:both; color:#333;}
.pc a{background:url(http://skin.wbscdn.com/skin/sangle/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,.searchmore{margin:10px;font-size:10px;}
.searchmore a{color:#333;text-decoration:none; cursor:text;}
.searchmore a:hover{color:#333;text-decoration:none;}
.pdbox{padding:5px 15px;color:#333;border:1px solid #ebebeb;margin:5px 1px;}

.newslist li{padding-left:14px;margin:3px;border-bottom:1px dotted #ccc;width:690px;overflow:hidden;
background:url(http://skin.wbscdn.com/skin/sangle/images/li.gif) left no-repeat}
.newslist li a{float:left;width:500px;height:23px;line-height:23px;overflow:hidden;}
.newslist span{float:right;color:#ccc}
.updatetime{margin:2px 10px 6px 10px;text-align:center;}
.newscontent{margin:5px 10px;border-bottom:1px dashed #ccc;}
.newstags{margin:5px 10px}

.sitit{padding:3px 0;margin:10px;border-bottom:1px solid #e1e1e1;}
.sitit,.sitit a{color:#000;}
.sibox{margin:20px auto;width:700px;}
.sibox ul{}
.sibox li{background:url(http://skin.wbscdn.com/skin/sangle/images/li2.gif) no-repeat 0 14px;padding:4px 0;line-height:23px;padding-left:2%;width:48%;float:left;}
.sibox li a{margin-right:10px;}

.trans{ text-align:right;clear:both;margin:0 auto;}
.trans img{ vertical-align:middle; margin:8px 0;}
.showctr{clear:both;text-align:right;line-height:24px;padding:0 20px;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/sangle/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/sangle/images/next.gif) 85% center no-repeat;padding-right:15px;}
.grouppro a{border:1px solid #69F;margin:0 2px;padding:3px 5px}

.comInfo{height:100px;color:666px;overflow:hidden;line-height:20px; display:none; padding:4px 10px;}
.comInfo1{ line-height:26px;}
.compic{margin:7px;}
.fqqc{padding:10px;}
.fqqc dd{margin-bottom:20px;}
.flinks{width:1000px;margin:0 auto;}
.flinks,.flinks a{line-height:14px;font-size:10px;text-align:left;color:#fff;}
.flinks a{color:#fff;text-decoration:none;cursor:text;}

.mar{margin-top:8px;}
.audited{ background:none}
.contactBox{padding:10px 5px;line-height:20px;color:#666;}
.contactBox b{color:#BA0000;}
.contactBox a{color:#666;} 

.hmain{ background:#e8e7e3; padding:16px 17px;}
.inbox{width:304px;float:left;background:#FFF;padding-top:7px;}
.pbox{width:304px;float:left;display:inline;margin-left:17px;left;background:#FFF;padding-top:7px;}
.hboxlast{float:right;width:304px;left;background:#FFF;padding-top:7px;}
.hcont{height:154px; position:relative;}
.hcont a.more{position:absolute; left:12px; bottom:6px;}
.hboxtxt{margin:10px 0;height:170px;overflow:hidden;}
.hboxtxt2{margin:10px 0;color:#666;}
.hboxtxt2 b{color:#BA0000;margin-left:25px;}
.hboxtxt2 p{margin-left:20px;}


.msn{margin:3px 15px;border:2px solid #f0f0f0;height:27px;line-height:27px;background:url(http://skin.wbscdn.com/skin/sangle/images/msn.gif) left no-repeat; padding-left:35px;}
#hpro{}
#hpro .probox{width:152px;height:105px;}
#hpro .proimg{width:118px;height:118px;padding:1px;border:1px solid #CCC;}
.hcontInfo b {font-size:14px;}
.brandlist{padding:20px 0 10px 70px;}
.brandlist ul li{float:left; margin:10px 10px 10px 0;}
.brandlist ul li img {margin:0;padding:0;border:4px solid #EEE;}
.rotbox{clear:both;position:relative;}

#rootl{width:250px;float:left;text-align:left; line-height:28px;}
#rootm{width:220px;float:left;text-align:center;}
#rootr{width:460px;float:right;}

.newbox{font-size:11px;line-height:15px;padding-top:20px;padding-right:12px; height:90px; overflow:hidden;}
.newbox li{padding-left:22px; background:url(http://skin.wbscdn.com/skin/sangle/images/new-li.gif) no-repeat 12px 4px;}
.newbox li p{display:block;height:15px;overflow:hidden;}
.newbox li p a{color:#333;}
.newbox li span{color:#999;display:block;height:15px;overflow:hidden;}

#showDiv008{ line-height:24px;}
#showDiv008 img{ vertical-align:middle; margin-top:5px;}
#showDiv008 b{ float:left; font-weight:normal;}

.sup dl{ padding-left:24px;}
.sup dt{ color:#000; font-weight:bold; margin-top:10px; cursor:pointer;}
.sup p{ margin-top:10px;}
.sup dd{display:none}

#infoleft{ padding:0px 5px 20px 5px;}
#infoleft li{height:30px;line-height:30px;margin-bottom:1px;background:#000;color:#FFF;background:#CCC;font-weight:bold;}
#infoleft a{text-decoration:none;display:block;height:30px;color:#666;padding-left:20px;}
#infoleft a:hover{background:#A3CD39; color:#FFF;}

#hpro{height:125px;width:290px;position:relative;overflow:hidden;float:left; margin-left:7px;display:inline;margin-top:7px;}
#hpro ul {position:absolute;zoom:1;width:6640px;}  
#hpro ul:after {content:".";display:block;height:0;clear:both;visibility:hidden; } 
#hpro li {width:145px;height:125px;float:left;text-align:center;}

.hotpro ul{ clear:both; padding-left:10px}
.hotpro li{ float:left; text-align:left;  width:180px; background:url(http://skin.wbscdn.com/skin/sangle/images/next.gif) no-repeat 0 6px; padding-left:10px; line-height:20px;}

#homeout{width:734px;position:absolute;line-height:20px;color:#333;left:100px;top:0px;font-size:13px;cursor:default;z-index:999;text-align:left;padding:45px 15px 18px 15px;background:url(http://skin.wbscdn.com/skin/sangle/images/fudong.gif) no-repeat 0 0 #c8dcf4;}
#homeout h1{display:block;text-align:center;font-size:18px;font-weight:normal;}
#homeout a{color:#333;}#homeout a:hover{color:#F30;}
#banner-close{position:absolute;top:9px;right:14px;cursor:pointer;height:12px;width:12px;}
#banner-zhang{position:absolute;width:161px;height:162px;background:url(http://skin.wbscdn.com/skin/sangle/images/banner-2.jpg) no-repeat 0 0;top:423px;right:52px;}