@import url("../../tools/dialog/dialog.css");
body{margin:0;padding:0;color:#333;text-align:left;font:12px Arial;background:#fff;}
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}
div,table,td{word-break:keep-all;}

#site{margin:0px auto;width:980px}

#top{height:109px; overflow:hidden; background:url(../images/top.jpg) no-repeat;}
#topline{color:#ccc;position:absolute;font-weight:normal;font-size:11px;top:2px;}
#topline a{color:#ccc}
#logo{float:left;display:inline;margin:25px 0 0 16px;background:url(../images/logo.jpg) no-repeat left;}
#logo a{display:block;text-indent:-99999px;overflow:hidden;line-height:0;width:163px;height:73px;}

.comname{float:left;display:inline;margin:39px 0 0 235px;}
#search{height:30px; padding-left:522px;background:url(../images/searchbg.gif) repeat-x;}
#search dd,#search dt{float:left; margin-top:5px;}
#search dt{width:165px;height:18px;border:1px solid #7F9DB9; border-right:0;background:#fff;overflow:hidden;}
.search_input{width:165px;height:18px;border:0;color:#ADADAD;line-height:18px;background:none;overflow:hidden;}
.search_btn{width:54px;height:20px;border:0;background:url(../images/search.gif) no-repeat;cursor:pointer}

.tools{text-align:right;font-size:11px;color:#5B5B5B;margin-top:15px;}
.tools a{ color:#5B5B5B; margin-left:6px;}
.tools a.c1{background:url(../images/c1.gif) no-repeat left; padding-left:15px;}
.tools a.c2{background:url(../images/c2.gif) no-repeat left; padding-left:15px;}
.tools a.c3{background:url(../images/c3.gif) no-repeat left; padding-left:15px;}
.tools span{ clear:rught;color:#1B53A2; float:right; font-size:12px; margin-top:10px;}
.cnbox{ clear:right;text-align:right; margin-top:50px;}
.cnbox img{ margin-right:10px; cursor:pointer}

#banner{height:200px;overflow:hidden; width:1004px; margin:0 auto;}
#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;clear:both}


#left{width:185px;float:left; overflow:hidden}
.ltit{ height:20px; padding-top:6px;color:#228AD3;line-height:20px; font-size:14px;padding-left:8px;overflow:hidden;background:url(../images/ltit.gif) no-repeat;}
.list LI {BORDER-RIGHT: #5dab2a 1px solid; BORDER-TOP: #5dab2a 1px solid; PADDING-LEFT: 14px; BACKGROUND: url(../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; clear:both;padding-bottom:5px;border-top:1px solid #ccc}
.hcontent b{color:#6699cc}

.navtop{height:24px;line-height:24px;padding-left:30px;color:#fff;background:url(../images/ltitbg1.gif) no-repeat;}
.navtop b{ font-weight:normal; font-size:14px;}
#nav{background:#F2F2F2 url(../images/nav.gif) no-repeat bottom;padding:0 10px 8px 10px;}
#nav dt h2{display:block;cursor:pointer;height:23px; line-height:23px;color:#000;background:url(../images/dt.gif) no-repeat 0 10px;padding-left:12px; overflow:hidden;}
#nav dd li h2{font-weight:normal;color:#454646;cursor:pointer;background:url(../images/dd.gif) no-repeat 8px 6px; padding-left:19px;height:19px; line-height:19px;}
#nav dd li{border-bottom:1px dashed #cacaca;overflow:hidden}

.protext a:link,#nav dl a:link{color:#666;text-decoration:none}
.protext a:visited,#nav dl a:visited{color:#db3535;text-decoration:none}
.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:785px; float:right; overflow:hidden}
.board{line-height:24px;clear:both;height:24px;background:url(../images/board.gif) no-repeat;color:#454646;overflow:hidden;font-size:14px;}
.board b{ float:left;display:inline;height:24px;padding:0 20px 0 21px;background:url(../images/boardb.gif) repeat-x left bottom; overflow:hidden;}
.board a{float:right; display:inline; margin:7px 15px 0 0;}
.board a.ic1{ margin-right:8px;margin-top:6px}
.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(../images/small.gif) no-repeat 0 8px; padding-left:10px}
.group li a{color:#ff7c00}


.probox{width:196px; float:left; margin-top:10px; height:220px; 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; line-height:16px; color:#000;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:165px;height:165px;border:1px solid #929191;}


.proboxlist{clear:both; margin:5px 0; border-bottom:1px dotted #cecece}
.proboxlist span{ margin:0 10px}
.proboxlist .proimg{ float:right; margin-right:10px;}
.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:#007DD5}
.proboxlist .protext a:hover{ color:#f00;text-decoration:underline}
.proboxlist .prodes{float:left; width:300px; height:160px; overflow:hidden; text-align:left; line-height:20px;}

#hot{color:#006600; border:1px solid #eee; width:569px; margin:5px auto}
#hot .probox{width:189px}
.htit1,.htit2{width:120px; line-height:18px;height:18px;float:left; border:none; cursor:pointer;color:#999; padding-left:15px }
.htit2{color:#007DD5; background:url(../images/small.gif) 7px 6px no-repeat}
.hotbox{width:569px; 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:540px;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; border:1px solid #ebebeb; background:#fff}

#root{clear:both;text-align:center; font-size:11px;margin-top:8px;background:#fff url(../images/root.gif) repeat-x; padding-top:10px;}
.rootseo{text-align:center; color:#959595}
.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}
.copyright,.trans{ color:#959595}
.copyright a,.trans a{ color:#959595}

.page{clear:both;line-height:20px; margin:10px 0; padding:5px}
.page a{color:#007DD5;padding:3px;border:1px solid #007DD5;text-decoration:none;margin-right:5px}
.page a:hover{background:#007DD5;color:#fff}
.cur{background:#007DD5;color:#fff;	padding:3px;border:1px solid #007DD5;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(../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(../images/small.gif) 8px 13px no-repeat}
.newslist ul{ padding:0 10px}
.newslist li{background:url(../images/li.gif) no-repeat 0 9px; padding-left:8px; margin:3px; border-bottom:1px dashed #ccc; width:554px; overflow:hidden}
.newslist li a{float:left; color:#333;overflow:hidden;height:23px;line-height:23px; display:block; width:400px;}
.newslist span{float:right; color:#ccc}
.updatetime{margin:10px 0; color:#ccc}
.newscontent{margin:5px; padding:10px 10px 10px 0;}
.newstags{margin:5px}


.sitit{background:url(../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(../images/small.gif) no-repeat 0 8px; padding-left:8px; width:180px; float:left; height:23px; line-height:23px; overflow:hidden}
.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(../images/prev.gif) 6px center no-repeat; padding-left:15px}
.nextbtn{ border:1px solid #5d94cc; padding:0 5px; float:right; background:url(../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{height:34px;margin:-4px auto 0 auto;overflow:hidden;background:url(../images/menu.gif) repeat-x bottom;}
#menu li{float:left;background:url(../images/menuli.gif) no-repeat right 11px;}
#menu li a{float:left;height:34px;line-height:36px;padding:0px 37px;text-align:center;color:#030303; overflow:hidden;}
#menu li a h3{float:left;height:34px;padding-right:37px;margin-right:-37px;font-weight:normal;font-size:14px;}
#menu li a:hover,#menu li a.now{text-decoration:none;color:#FFF;background:url(../images/menuover.gif) repeat-x left top;}
#menu li a:hover h3,#menu li a.now h3{background:url(../images/menuover1.gif) no-repeat right top; cursor:pointer;}
#menu li.lias{ background:none}

#rightcon{ float:left; width:590px; overflow:hidden}
.contactbox{color:#454646;line-height:18px;padding:8px 7px 10px 7px;background:url(../images/contactboxb.gif) no-repeat bottom;}
.contactboxb{background:url(../images/contactbox.gif) repeat;}
.contactbox b{ color:000;}
.contactbox a{ color:#454646;}

#newpro{ float:right; width:185px; overflow:hidden;}
.newbox{ padding:6px 0 16px 0; background:#F2F2F2 url(../images/newbox.gif) no-repeat bottom;}
.pros{border-bottom:1px dashed #A5A5A5; width:100%; margin:10px 0}
.protts{padding-top:10px; height:32px; line-height:19px; margin:0 auto; overflow:hidden; text-align:center; clear:both}
.protts a{color:#000;}
.protts a:hover{color:#ff7700}
.pros span{ display:block; text-align:center}
.pros 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:158px; height:158px;line-height:158px;vertical-align:middle;position:relative; text-align:center;display:table-cell;overflow:hidden; margin:0 auto; border:1px solid #1B80C1; background:#fff;}

.padd{padding:10px 12px}
.comInfo{ height:173px; padding:10px 0 10px 10px;color:#454646;overflow:hidden}
.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}

.audited{margin:5px 0;color:#626262; font-size:11px;}

#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}
.infoimg img{}.infoimg{margin-top:6px; text-align:center}
.neliBox{border-left:1px solid #C7C7C7;border-right:1px solid #C7C7C7;padding:2px 0;width:188px;}
.neliBox li{background:url(../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}
.compic{ margin-right:6px; float:left}
