
html,body{margin:0;padding:0;font:12px Arial;}
div,h1,h2,h3,h4,p,form,ul,ol,li{margin:0;padding:0;}
a{color:#416000;text-decoration:none;}
a:hover{color:#f25500;}
a img{border:none;}
p{padding:4px;}
input, select{vertical-align:middle;}
.now{color:#f00;font-weight:bold;}
.keyword{color:#f00;border-bottom:2px dotted #f00;}
.keyword a{color:#f00;text-decoration:underline;}
.red{color:#f00;}

.cf:after{content:".";clear:both;height:0;visibility:hidden;display:block;} /* for Firefox */
.cf{display:inline-block;} /* for Mac IE */
* html .cf {height:1%;} /* for Win IE */
.cf{display:block;} /* for display:inline-block; */

#container{ margin: 0 auto; width: 960px; }

#topbar{padding:4px 8px;height:16px;color:#FFF;background:#528321;}
#topbar a{color:#FFF;}
#sponsor{float:left;width:400px;}
#member{float:left;width:540px;text-align:right;}

#header{padding:4px 0 0 0;}
#header #logo{float:left;width:245px;margin:12px 0 0 0;}
#header #banner{float:left;width:472px;}
#header #search input#key{border:1px solid #528321;padding:2px;width:120px;}
#header #search select{border:1px solid #528321;}

#nav{clear:left;margin:8px 0 8px 0;height:24px;background:url(/x/images/zinav_bg.gif) repeat-x;}
#nav #host{float:left;margin-right:20px;border-left:1px solid #87a93e;list-style:none;}
#nav #host li{float:left;line-height:22px;height:22px;width:35px;text-align:center;border:1px solid #87a93e;border-left:none;background:url(/x/images/zinav_bg2.gif) repeat-x;}
#nav #host li.thistag{width:38px;background:url(/x/images/zinav_bg.gif) repeat-x;color:#fff;}
#nav #host li.thistag a{color:#000;}
#nav #host li a{text-decoration:none;color:#fff;}
#nav #host li a:hover{text-decoration:none;color:#000;}
#nav #column{float:left;list-style:none;}
#nav #column li{float:left;}
#nav #column li a{display:block;padding:0 10px;line-height:24px;color:#000;}
#nav #column li a:hover{color:#fff;background:url(/x/images/zinav_bg2.gif) repeat-x;text-decoration:none;}

#middle{float:left;width:100%;}
#middle #index{margin-left:230px;width:560px;}
#left{float:left;width:220px;margin-left:-960px;}
#right{float:left;width:160px;margin-left:-160px;}
#middle #list{margin-left:230px;width:560px;}
#article{margin-left:230px;width:710px;}
#article p{text-indent:24px;}
#company-article p{text-indent:24px;}

#hotspot{width:560px;position:relative;height:180px}
#hotspot #news{position:absolute;z-index:90;top:0px;left:0px;width:555px;height:170px;border:#9ec159 1px solid;background:#f0f0f0;}
#hotspot #pics{float:left;margin:7px 14px 0px 6px;overflow:hidden;width:285px;height:160px}
#hotspot #pics img{width:280px;height:143px;}
#hotspot ul{float:left;overflow:hidden;margin:8px auto 0 auto;width:240px;}
#hotspot ul li { overflow: hidden; line-height: 30px; height: 30px; border-bottom: #dbdbdb 1px solid; }
#hotspot ul li a { padding: 5px 0px 5px 12px; font-size: 14px; background: url(/x/images/dian.gif) no-repeat 0 4px; }
#hotspot ul li a.up { font-weight: bold; background: url(/x/images/jiantou.gif) no-repeat; color: #f25500; }
#hotspot #shadow { z-index: 80; background: #dedede; left: 4px; width: 560px; position: absolute; top: 4px; height: 172px; }

/* ic : index container */
.ic{width:560px;}
.ic h3{margin:8px 0 0 0;padding:4px;font-size:12px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.ic ul{list-style:none;}
.ic li{overflow:hidden; padding:0 0 0 8px; line-height:20px; height:20px; background:url(/img/li_dot.gif) no-repeat 0 7px; }
.icl{float:left;width:275px;margin-right:10px;}
.icl ul{margin:4px;}
.icr{float:left;width:275px;}
.icrp{margin:4px;}
.icrp img{float:left;margin:0 4px 4px 0;padding:1px;border:1px solid #999;}
.icrp p{line-height:16px;}
.icr ul{clear:left;margin:4px;}
.iad{width:560px;}
.ilad{float:left;width:275px;margin-right:10px;}
.irad{float:left;width:275px;}

#left .industry {margin-bottom:10px;}
#left .industry h3{margin:0px;height:20px;line-height:20px;text-align:center;font-size:12px;color:#000;background: url(/x/images/lef_title.gif) no-repeat;}
#left .industry ul{border-top:none;list-style:none;border:1px solid #9ec159;}
#left .industry ul li{margin-bottom:1px;}
#left .industry ul li a{display:block;padding:5px 0 3px 20px;height:12px;line-height:12px;text-decoration:none;background:#edf8d8; color:#000;}
#left .industry ul li a:hover{background:#e0eec6; color:#000;}

#left #tabproduct{margin-bottom:10px;}
#left #tabproduct h2{ margin:0px;text-align:center;font-size:12px;height:20px;}
#left #tabproduct h2 span{display:block; float:left;width:110px; background: url(/x/images/lef_title3.gif) no-repeat; text-align:center;  line-height:20px;cursor:pointer;}
#left #tabproduct h2 span.selected{color:#000; background: url(/x/images/lef_title2.gif) no-repeat;}
#left #tabproduct ul{border:1px solid #9ec159;list-style:none;}
#products_tab{display:none;}
#products_tab li a{text-align:right;}
#left #tabproduct ul li{margin-bottom:1px;}
#left #tabproduct ul li a { display: block; height: 12px; line-height: 12px; padding: 5px 16px 3px 16px; text-decoration: none; background: #edf8d8; color: #000; }
#left #tabproduct ul li a:hover { padding: 5px 16px 3px 16px; text-decoration: none; background: #e0eec6; color: #000; }
#left #leftad img{margin:4px 0;padding:1px;border:1px solid #999;}

#newsletter h3{font-size:12px;line-height:20px; padding-left:5px;background: url(/img/right_h3_bg.gif) no-repeat;text-align:center;}
#newsletter div{margin:0 0 8px 0;padding:0 0 8px 0;background:#eaf4df;text-align:center;border-left:1px solid #9ec159;border-right:1px solid #9ec159;border-bottom:1px solid #9ec159;}
#newsletter ul{margin:0 0 8px 0;}
#newsletter li{padding:2px 0 2px 8px;list-style:none;text-align:left;}
#newsletter #bao{display:block;margin:4px auto;padding:1px;width:142px;border:1px solid #ccc;}
#right_top img{display:block;margin:4px auto;padding:1px;width:140px;border:1px solid #999;}

.rc{margin:0 0 10px 0;padding:4px;border:1px solid #ccc;background:#f0f0f0;}
.rc h3{padding:2px;font-size:12px;border-bottom:1px dashed #999;}
.rc ul{list-style:none;}
.rc li { overflow: hidden; padding: 0 0 0 8px; line-height: 20px; height: 20px; background: url(/img/li_dot.gif) no-repeat 0 7px; }
#rightad img{display:block;margin:4px auto;padding:1px;width:140px;border:1px solid #999;}

#link{clear:left;margin:8px auto;width:960px;}
#link a{margin:0 0 4px 0;}
#link img{padding:1px;border:1px solid #999;}

#footer{ background:#e8eedd; margin:0 auto; padding:5px 0; clear:both; text-align:center;}
#footer .line{padding-top:5px;}
#count{display:none;}

#path{padding:4px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#window{margin:8px 0;}
#window div{float:left;margin:0 4px 0 0;padding:4px 0 0 2px;width:178px;border:1px solid #ccc;}
#window div a img{float:right;margin:0 2px;border:1px solid #ccc;}
#window div h3{font-size:12px;}
#window div ul{clear:right;list-style:none;}
#window div li{overflow:hidden;padding:0 0 0 8px;line-height:150%;height:18px;background:url(/img/li_dot.gif) no-repeat 0 7px;}

#list #search{clear:left;padding:8px;border:1px solid #ccc;background:#f0f0f0;}

.page{margin:8px 0;}
.page span{display:block;float:left;margin-right:10px;height:22px;line-height:22px;}
.page span.now{color:#f00;font-weight:bold;}
.page span a{padding:3px 6px 1px 6px; text-decoration:none; border:1px solid #ccc;}
.page span a:hover{background:#ccc; border:1px solid #999;}

#articles{clear:left;margin:8px 0;border-top:1px dashed #ccc;}
#articles ul li{padding:4px;border-bottom:1px dashed #ccc;}
#articles ul li.odd{background:#f0f0f0;}
#articles ul li h3{font-size:14px;margin:8px 0 2px 0;}
#articles ul li h3 span{font-size:12px;font-weight:normal;}
#articles ul li img{float:right;margin:8px 0 4px 4px;padding:1px;border:1px solid #999;}
#articles ul li p{text-indent:24px;margin:0px;}

#listleft{float:left;margin:8px 8px 0 0;width:390px;}
#listleft #picnew{margin:0 0 8px 0;}
#listleft #picnew div{float:left;width:185px;}
#listleft #picnew div#first{margin:0 8px 0 0;}
#listleft #picnew img{padding:1px;border:1px solid #999;}
#listleft #picnew h3{font-size:12px;}

#listright{float:left;width:160px;}
#listright h3{margin:8px 0 0 0;padding:4px;font-size:12px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#listright ul{list-style:none;}
#listright li{overflow:hidden;padding:0 0 0 8px;line-height:18px;height:18px;background:url(/img/li_dot.gif) no-repeat 0 7px;}

#convention #cleft{float:left;width:700px;}
#convention #cleft .cc{float:left;width:225px;margin:8px 4px 0 0;}
#convention #cleft .cc img{padding:1px;border:1px solid #999;}
#convention #cleft .cc h2{margin:6px 0 0 0;padding:3px 0 4px 8px;font-size:12px;background:url(/img/convention_h2_bg.jpg);}
#convention #cleft .cc h2 a{color:#fff;}
#convention #cleft .cc ul{padding:2px;list-style:none;border:1px solid #ccc;}
#convention #cleft .cc li{overflow:hidden;padding:0 0 0 8px;line-height:20px;height:20px;background:url(/img/li_dot.gif) no-repeat 0 7px;}

#convention #cright{float:left;width:256px;}
#convention #cright h2{margin:6px 0 0 0;padding:3px 0 4px 8px;font-size:12px;background:url(/img/convention_h2_bg.jpg);color:#fff;}
#convention #cright h2 a{color:#fff;}
#convention #cright ul{padding:2px;list-style:none;border:1px solid #ccc;}
#convention #cright li{overflow:hidden;padding:0 0 0 8px;line-height:20px;height:20px;background:url(/img/li_dot.gif) no-repeat 0 7px;}
#convention #cright #con img{padding:1px;margin:0 1px 4px 0;border:1px solid #999;}

#article h1{margin:8px 0 4px 0;font-size:18px;}
#content{margin:8px 0 0 0;line-height:150%;font-size:14px;border-top:1px solid #ccc;}
#accessory{margin:0 0 16px 0;border:1px solid #ccc;}
#accessory h2{padding:8px;font-size:12px;border-bottom:1px solid #ccc;background:#f0f0f0;}
#accessory ul{padding:8px;list-style:none;}
#accessory li{overflow:hidden;padding:0 0 0 8px;line-height:20px;height:20px;background:url(/img/li_dot.gif) no-repeat 0 7px;}

#related{margin:0 0 16px 0;border:1px solid #ccc;}
#related h2{padding:8px;font-size:12px;border-bottom:1px solid #ccc;background:#f0f0f0;}
#related ul { margin: 8px; list-style: none; }
#related li { padding:0 0 0 8px; line-height:20px; height:20px; background:url(/img/li_dot.gif) no-repeat 0 7px; }


#comments{margin:0 0 16px 0;border:1px solid #ccc;}
#comments h2{padding:8px;font-size:12px;border-bottom:1px solid #ccc;background:#f0f0f0;}
#comments h3{margin:8px 8px 0 8px;padding:0 0 0 8px;height:32px;line-height:32px;font-size:12px;border-bottom:1px solid #ccc;background:#f0f0f0;}
#comments h3 img{float:right;}
#comments div{margin:0 8px 8px 8px;padding:8px;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
#comments h4{font-size:12px;}
#comments p{text-indent:0px;vertical-align:middle;}
#comments img{vertical-align:middle;}

.hidden{display:none;}
.show{display:block;position:absolute;z-index:9;padding:8px;border:1px solid #bcbaa2;background-color:#f5f4eb;top:25%;left:25%;}
.showad{display:block;position:absolute;z-index:9;border:1px solid #999;width:280px;background-color:#fff4eb;}
.showad .top{background:url(/x/images/ad/adtop.gif) no-repeat;height:16px;text-align:right;}
.showad .top a{font-size:12px;color:#000;padding-right:2px;}
.showad .middle{padding-left:5px;}
.showad .middle ul{list-style:inside;text-align:left;}
.showad .middle li{font-size: 8pt;}
.showad .middle li .intor{padding:0 12px;}
.showad .middle li a{color:#f50;font-weight:bold;padding:0 2px;}
.showad .foot{background-image:url(/x/images/ad/adfoot.gif);height:16px;}

#company-title{clear:both; background:url(/x/images/top.jpg);border:#dfe4eb 1px solid; height:80px; margin-bottom:8px; width:960px;}
#company-title p{font-size:28px; color:#09F; font-weight:bold; padding:24px 0 0 10px;font-family:"微软雅黑","宋体", beijing,  Helvetica, arial, sans-serif;text-align:center;}
#company-left{float:left;width:220px;}
#company-main{float:left;margin:0 0 0 8px;width:730px;}
#company-card{text-align:center;padding:8px 4px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#f0f0f0;}
#company-card img{padding:1px;border:1px solid #999;}
#company-card a.btn{display:block;float:left;margin:8px 0 8px 16px;padding:7px 9px 5px 8px;background:#d0d0d0;border-right:1px solid #999;border-bottom:1px solid #999;}
#company-card a.btn:hover{color:#000;background:#e0e0e0;border-right:1px solid #999;border-bottom:1px solid #999;text-decoration:none;}

#product-list h2{padding:4px;margin:8px 0 0 0;font-size:12px;border:1px solid #ccc;background:#f0f0f0;}
#product-list ul{padding:2px;list-style:none;}
#product-list li{overflow:hidden;padding:0 0 0 8px;line-height:20px;height:20px;background:url(/img/li_dot.gif) no-repeat 0 7px;}

#company_request{padding:8px;}
#company_request td.lb{width:60px;text-align:right;}
.hidden{display:none;}
.showform{display:block;position:absolute;z-index:9;padding:8px;border:1px solid #bcbaa2;background-color:#f5f4eb;top:25%;left:25%;}
#company_request td img,#company_request td input{vertical-align:middle;}

#company-menu{margin:8px 0;border-left:1px solid #ccc;}
#company-menu a{display:block;float:left;padding:2px 8px;font-weight:bold;height:20px;line-height:20px;color:#000;background:#f0f0f0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
#company-menu a.this{background:#fff;color:#396;}
#company-menu a:hover{background:#fff;color:#396;text-decoration:none;}

#company-column1{float:left;width:520px;margin:0 8px 0 0;}
#company-column2{float:left;width:200px;}
#company-intro{padding:4px;background:#f0f0f0;border:1px solid #ccc;}
#company-intro img{float:left;padding:1px;margin:0 4px 4px 0;border:1px solid #ccc;}
#company-intro p{line-height:150%;}
#company-column1 h2{padding:4px;margin:8px 0 0 0;font-size:12px;border:1px solid #ccc;background:#f0f0f0;}
#company-column1 ul{padding:2px;list-style:none;}
#company-column1 li{overflow:hidden;padding:0 0 0 8px;line-height:20px;height:20px;background:url(/img/li_dot.gif) no-repeat 0 7px;}
#product-show div{float:left;margin:8px 8px 8px 0;width:120px;text-align:center;}
#product-show div img{padding:1px;border:1px solid #999;}
#product-show div span{display:block;}

#company-column2 h2{margin:8px 0 0 0;padding:4px;font-size:12px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#company-column2 ul{padding:2px;list-style:none;}
#company-column2 li{overflow:hidden;padding:0 0 0 8px;line-height:20px;height:20px;background:url(/img/li_dot.gif) no-repeat 0 7px;}

#company-article h1{font-size:18px;}

#topic-index{float:left;width:220px;margin:0 0 16px -960px;border:1px solid #ccc;}
#topic-index h2{padding:4px;text-align:center;font-size:14px;background:#f0f0f0;border-bottom:1px solid #ccc;}
#topic-index ul{padding:2px;list-style:none;}
#topic-index li{overflow:hidden;padding:0 0 2px 8px;background:url(/img/li_dot.gif) no-repeat 0 7px;}
#topic-index a#ziliao{background:url(/x/images/botton_zhuanti.gif) no-repeat; display:block; margin:8px 0 0 0; text-indent:-9999px; height:40px;}
#topic-index a#ziliao:hover{background:url(/x/images/botton_zhuanti2.gif) no-repeat; display:block; text-indent:-9999px;}
#topic_ad{float:right;margin:8px;padding:1px;border:1px solid #ccc;}

#signin{float:left;margin:16px 10px;padding:8px;width:320px;border:1px solid #f0f0f0;background:#f9f9f9;}
#signup-intro{float:left;margin:16px 10px;padding:8px;width:540px;border:1px solid #f0f0f0;background:#f9f9f9;}
#signup-intro h3{padding:8px 0;}
#signup-intro li{margin:10px 0;padding-left:15px;line-height:180%;list-style-type:none;background:url(/x/images/user_arrow.gif) no-repeat 0px 6px;}
#forget { margin: 16px auto; padding: 16px; width:480px; border: 1px solid #f0f0f0; background: #f9f9f9; }

#member_menu{float:left;width:220px;margin:0 0 16px -960px;text-align:center;border:1px solid #ccc;}
#member_index{margin-left:230px;width:730px;}
#member_menu h2{padding:4px;font-size:12px;background:#f0f0f0;border-bottom:1px solid #ccc;}
#member_menu img{margin:4px;padding:1px;border:1px solid #ccc;}
#member_menu ul{margin:0 0 16px 0;list-style:none;}
#member_menu li{border:1px solid #fff;}
#member_menu li a{display:block;padding:4px 8px;margin:1px 8px;background:#f0f0f0;border:1px solid #ccc;}
#member_menu li a:hover{background:#ccc;border:1px solid #999;}
#member_operate{margin:16px auto;width:720px;text-align:center;border:1px solid #ccc;}
#member_operate h3{padding:8px;text-align:left;font-size:12px;background:#f0f0f0;border-bottom:1px solid #ccc;}
#member_operate form{margin:0 0 16px 0;}
#member_operate table{width:80%;}
#member_operate td.lb{width:120px;text-align:right;}
#member_operate td.ip{text-align:left;}
#member_operate th.dl{padding:4px;background:#f0f0f0;}
#member_operate img{margin:4px;padding:1px;border:1px solid #ccc;}

#friendlylink {}
#friendlylink #category, #friendlylink #alphabetic{margin:8px 0;padding:8px;border:1px solid #ccc;background:#f0f0f0;}

#friendlylink #links h3{padding:4px 4px 4px 16px;font-size:12px;border-bottom:1px solid #ccc;background:#f7f7f7;}
#friendlylink #links div{padding:4px;}
#friendlylink #links img{padding:1px;border:1px solid #ccc;}

#exception{margin:5%;padding:5%;background:#fee;border:1px solid #c00;text-align:center;color:#f00;}
#message{margin:5%;padding:5%;background:#efe;border:1px solid #0c0;text-align:center;}

#business_list table{border-collapse:collapse;width:100%;}
#business_list th{padding:8px;background:#F1F4F6;border-top:#bbcb9d solid 2px;border-bottom:#ccc dashed 1px;}
#business_list tr.odd{background:#f0f0f0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
#business_list td{padding:4px;}
#business_list td.title span{color:#f00;font-weight:bold;}
#business_list td.title a{font-weight:bold;}
#business_list td.title p{color:#666;}
#business_list td.views{text-align:right;}
#business_list td.published, #business_list td.region, #business_list td.by{text-align:center;}

#business_type{margin:4px 0 8px 0;background:#edf8d8; border-bottom:#9ec159 1px solid;border-top:#9ec159 1px solid;}
#business_type ul{list-style:none;float:right;margin-right:30px}
#business_type li{float:left;}
#business_type li a{ color:#000; display:block; padding:0 10px; line-height:24px; text-decoration:none;}
#business_type li a:hover{color:#fff; background:url(/x/images/zinav_bg2.gif) repeat-x;  padding:0 10px; line-height:24px; text-decoration:none;}

#business_info{clear:right;margin:8px 0 0 0;border-bottom:1px solid #89aa36;border-left:1px solid #89aa36;border-right:1px solid #89aa36;}
#business_info h3{line-height:24px;text-indent:8px;font-size:12px;background:url(/img/binfo_header_bg.gif);}
#business_info table{margin:0 0 16px 0;width:100%;}
#business_info td{padding:4px;border-bottom:1px dashed #ccc;}
#business_info td.lb{width:120px;text-align:right;font-weight:bold;}

#operate_button{float:right;margin:-26px 0 0 0 !important;margin:-35px 5px 0 0;}
#operate_button a{float:left;padding:6px 8px;color:#000;background:url(/img/btn_bg.gif) repeat-x;border:1px solid #77ae02;}
#operate_button a:hover{color:#fff;background:url(/img/btn_bg_o.gif) repeat-x;}

#business_info_c{margin-left:230px;width:720px;}
#business_info_c #search{clear:left;padding:8px;border:1px solid #ccc;background:#f0f0f0;}

#comment_detail{margin:8px;}
#comment_detail h4{font-size:12px;}

.new-ad{ margin:8px 9px 0 0; }
.new-ad img{padding:1px;border:1px solid #999;}

.newright{width:252px;padding:1px; margin-top:8px; height:94px;}
.newright img{padding:1px;border:1px solid #999;}

#hr { float:left; width:960px; }
#hr_list { width: 780px; }

#activity_intro { margin: 8px 4px; text-align: left; background: #fcc; border: 1px solid #f99; }
#activity_intro h3 { padding: 8px; font-size: 12px; }
#activity_intro div { margin: 0 24px; padding: 8px; }
#activity_intro div li { padding: 4px; }
