﻿@import url("http://skin.wbscdn.com/skin/tools/dialog/dialog.css");
@import url("http://skin.wbscdn.com/skin/tools/plant/plant.css");
body{margin:0;padding:0;font:12px Arial;color:#333;background:#fff url(http://skin.wbscdn.com/skin/suita/images/bg.gif) repeat-x left top;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}
table,td{word-break:break-all}

#site{margin:0 auto;width:960px;}
#top{ height:105px; overflow:hidden;}
#topline{font-weight:normal;color:#999;position:absolute;z-index:100;}
#topline a{color:#999;}
#topline a:hover{color:#999;}
#logo{float:left; display:inline;margin:16px 0 0 0;}
.comname{margin-top:30px; float:left;}
#menu{background:url(http://skin.wbscdn.com/skin/suita/images/menu.gif) repeat-x top left;}
.menul{background:url(http://skin.wbscdn.com/skin/suita/images/menul.gif) no-repeat left;}
.menur{background:url(http://skin.wbscdn.com/skin/suita/images/menur.gif) no-repeat right;height:49px;padding:0 25px;}
#menu li{float:left;line-height:39px;margin:0 1px;}
#menu li a{COLOR:#0A3674;text-decoration:none;height:39px;line-height:39px;float:left;display:inline;width:145px;text-align:center;font-weight:bold; padding:0 1px;}
#menu li a.now,#menu li a:hover{display:block;text-decoration:none;background:url(http://skin.wbscdn.com/skin/suita/images/menuo.gif) no-repeat center top;color:#fff;}

.logoline{ float:right; margin-top:39px;}
.tools{float:right; color:#ccc; font-weight:bold;line-height:17px;}
.tools a{font-size:11px;color:#535353; margin:0 5px;}

#search{clear:both;float:right;height:23px;margin:4px 4px 0 0; overflow:hidden;width:220px;}
#search dd,#search dt{float:left;}
#search .search_input{height:18px;line-height:19px;width:160px;padding-left:5px;border:1px solid #ccc;color:#7c7c7c;}
#search .search_btn{width:43px;height:21px;cursor:pointer;border:0;background:url(http://skin.wbscdn.com/skin/suita/images/search.gif) no-repeat left top;margin-left:7px;}


#banner{clear:both;margin:8px auto 0 auto;height:279px;text-align:center;background:url(http://skin.wbscdn.com/skin/suita/images/banner.jpg) no-repeat;}
#curpos{font-size:90%;white-space:nowrap;height:25px;line-height:25px;color:#666;font-weight:normal;}
#curpos span{background:url(http://skin.wbscdn.com/skin/suita/images/small2.gif) no-repeat 0 3px;padding-left:13px;}
#curpos a{color:#666;}
#main{background:#fff url(http://skin.wbscdn.com/skin/suita/images/mainbg.gif) no-repeat top center;clear:both;padding:10px 9px; margin-top:6px;}

#left{width:209px;float:left;overflow:hidden;}
.list LI {BORDER-RIGHT: #5dab2a 1px solid; BORDER-TOP:#5dab2a 1px solid;PADDING-LEFT:14px;BACKGROUND:url(http://skin.wbscdn.com/skin/suita/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{padding:10px 0 10px 10px;line-height:20px;word-wrap:break-word;clear:both;border:1px solid #D5E9FF;border-bottom:0;border-top:0;}
.rightb{background:url(http://skin.wbscdn.com/skin/suita/images/rightb.gif) no-repeat bottom; padding-bottom:4px;}
.ltit{height:30px;line-height:30px;padding-left:21px;color:#fff;background:url(http://skin.wbscdn.com/skin/suita/images/ltit.gif) no-repeat left top;font-size:15px;}

.leftt{background:#EDF4FB url(http://skin.wbscdn.com/skin/suita/images/navt.gif) no-repeat top;}
.leftb{background:url(http://skin.wbscdn.com/skin/suita/images/navb.gif) no-repeat bottom; padding:15px 0 10px 0;}
#nav dt{padding:0 5px 0 24px;background:url(http://skin.wbscdn.com/skin/suita/images/dt.gif) no-repeat 15px 11px;overflow:hidden;}
#nav dd li{padding:0 5px 0 24px;}
#nav a{color:#004f8c; text-decoration:none;}
#nav dt h2{height:22px;line-height:22px;color:#0E417A;}
#nav dd h2{font-weight:normal;line-height:17px;color:#0E417A;}

#lcontact{margin:10px 0; border-top:1px solid #ccc;}
#lcontact td{word-break: keep-all}

#right{width:722px;float:right;overflow:hidden;}
.board{height:29px;overflow:hidden;background:url(http://skin.wbscdn.com/skin/suita/images/board.gif) no-repeat left top; padding-left:26px;}
.board strong{float:left;color:#326192; font-size:15px; padding-top:7px;}
.board a{float:right;height:29px;line-height:29px;display:inline;margin-right:18px;}
.board a.ic1{margin-right:6px;margin-top:7px;}
.profilebox{padding:10px}
.red{color:#f00}
.title{color:#fff; font-weight:bold}
.mar{ margin-top:8px;}

.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/suita/images/small.gif) no-repeat 0 8px; padding-left:10px}
.group li a{color:#f30}

.featbox{ padding:5px 0;}
.probox{width:170px;float:left;margin-top:10px;height:204px;}
.protext{padding-top:10px;text-align:center;clear:both;}
.protext a h2 {color:#3F6C9E;}
.protext a:hover h2{color:#f30}
.protext b{font-weight:normal;color:#f30;font-size:10px;}
.probox h2{font-weight:normal;display:block;height:18px;line-height:18px;overflow:hidden; text-align:center;}
.probox span{display:block; text-align:center;color:#999;height:18px; line-height:18px;overflow:hidden;}
.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:146px;height:146px;background:#fff;line-height:146px;vertical-align:middle;position:relative;text-align:center;display:table-cell;overflow:hidden;margin:0 auto;border:1px solid #e0e0e0;}
.proimg img{ text-align:center;}
.proimg{display:block\0;}/*ie8*/

.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;border:1px solid #ccc;}
.proboxlist .protext{background:none; margin:0 0 5px 0;width:100%;height:20px;text-align:left}
.proboxlist .protext a h2{color:#0667ab;}
.proboxlist .protext a:hover{color:#f30;text-decoration:underline}
.proboxlist .prodes{float:left;width:410px;height:146px;overflow:hidden;text-align:left;}

#hot{width:705px;margin:5px auto;border:1px solid #666;background:url(http://skin.wbscdn.com/skin/suita/images/hotbg.gif) left top repeat-x;padding-bottom:15px;}
.htit1,.htit2{width:120px; line-height:23px;height:23px;float:left; border:none; cursor:pointer;color:#666; padding-left:20px }
.htit2{color:#fff; background:#666 url(http://skin.wbscdn.com/skin/suita/images/hotico.gif) 7px 7px no-repeat;}
.hotbox{width:705px;margin:0 auto;}
#htitlebg{border-bottom:1px solid #666;height:23px;}

.plitem{clear:both;margin:10px; border-bottom:1px solid #e1e1e1}
.plitem a{color:#0295e1}
.plitem .probox{height:210px; background:none;}
.plitem .proimg{border:1px solid #ccc;}
.plitem h2{height:24px; line-height:24px; font-size:14px; display:block}
.plitem .proimg{float:left;}
.plitem .pldes{width:350px;float:right; margin:10px 0;}

.contacttable{padding:20px 0; width:640px; margin:0 auto;}
.linkcontent{margin:10px 0}
.weltext{padding:10px; margin:10px;}

#root{clear:both;text-align:center;padding-bottom:8px;color:#616161;}
.rootseo{text-align:center; color:#616161;}
.rootseo div{padding:5px}
.rootseo a{color:#535353;}
.rootmenu{text-align:center;margin:0 auto;background:#DFEEFF;color:#2E5B8D;height:31px;line-height:31px;}
.rootmenu a{padding:0 5px; color:#2E5B8D;}
.copyright{text-align:center;clear:both;vertical-align:middle;height:19px;color:#616161;}
.copyright a{color:#616161;}

.page{clear:both;line-height:20px; margin:10px; margin-bottom:0;padding:5px;}
.page a{padding:3px 5px;border:1px solid #333;text-decoration:none;margin-right:5px;color:#333}
.page a:hover{background:#333;color:#fff;}
.cur{background:#333;color:#fff;padding:3px 5px;border:1px solid #333;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/suita/images/curjt.gif) no-repeat right;padding-right:10px}
.prenext{padding:3px; background:#f6f6f6; margin:5px 0}
.prodetaildes{margin:10px 0}
.prodetaildes table{ background:#ccc;}
.prodetaildes table td{background:#fff}
.relpro,.searchmore{margin:10px; margin-bottom:0; 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 #e8eff9; margin:5px 1px;}

.newslist li{padding-left:14px;margin:3px;border-bottom:1px dotted #ccc;width:660px;overflow:hidden;
background:url(http://skin.wbscdn.com/skin/suita/images/li.gif) left no-repeat}
.newslist li a{float:left;width:420px;overflow:hidden;height:23px}
.newslist span{float:right; color:#ccc}
.updatetime{margin:2px 10px 6px 10px; color:#ccc; 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:10px auto; margin-bottom:0;width:700px;}
.sibox ul{}
.sibox li{background:url(http://skin.wbscdn.com/skin/suita/images/li2.gif) no-repeat 0 10px;height:23px;line-height:23px;padding-left:8px;width:220px;float:left;overflow:hidden;}
.sibox li a{margin-right:10px;}

.trans{ text-align:center; clear:both; margin:3px auto;}
.trans a{color:#616161;}
.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/suita/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/suita/images/next.gif) 85% center no-repeat; padding-right:15px;}
.grouppro a{ border:1px solid #69F; margin:0 2px; padding:3px 5px}

/********------------------su-------------*******/
.comInfo{height:186px;overflow:hidden; color:#5F5F5F;}
.comInfo img{ margin-left:13px;}
.hcontent h1{color:#02599c;font-size:14px;}
.fqqc{padding:10px;}
.fqqc dd{margin-bottom:20px;}
.flinks{ width:960px; margin:0 auto;}
.flinks,.flinks a{line-height:14px;font-size:10px;text-align:left;color:#616161;}
.flinks a{color:#616161;text-decoration:none;cursor:text;}

.audited{margin-top:10px;}
.audited p{text-align:center;padding:0 4px;line-height:14px; }
.audited ul{ margin:10px 0 0 20px;}
.audited li{padding-left:20px;background:url(http://skin.wbscdn.com/skin/suita/images/ttsupli.gif) no-repeat 10px 10px;line-height:23px; color:#616161;}
.audited a{color:#616161;}
.contactBox{color:#060B08;line-height:21px; padding:10px;}
.contactBox a{color:#060B08;}
.contactBox span{ display:block;padding:10px;}

#popFootOut{display:none;position:absolute;margin-top:-20px;background:none;left:0;}
#popFootIn{background:#336192;padding:10px 0;color:#fff;margin:0 auto;border:1px solid #336192}
#popFootOut a{color:#fff;}
.hobox{ padding:0 10px 15px 10px;}
.hobox a{ margin:0 12px;}
.hobox img{ border:1px solid #aabbd5;}

.hotpro{width:980px;margin:6px auto;overflow:hidden}
.hotpro li{float:left;width:24%;text-align:left;background:url(http://skin.wbscdn.com/skin/suita/images/next.gif) no-repeat 0 7px;padding-left:1%;}


.newimg{float:left; display:inline;margin:7px 9px 0 13px;}
.newbox .newslist{height:140px; overflow:hidden;}
.newbox .newslist li{float:left; width:520px; font-size:11px;}
.newbox .newslist li a{color:#416EA0;}
#plant{position:relative;overflow:hidden;margin:10px;float:right;height:150px;width:200px;}