/* header start */
#navigation { clear: right; float: right; height: auto; width: 759px; padding-top: 20px; padding-right: 0px; }
#logo_bar { clear: both; float: left; height: 82px; width: 1003px; background-image: url(../images/header-bg.gif); background-repeat: repeat-x; margin-bottom: 1px; }
.top-time { clear: right; float: right; height: 22px; width: 200px; padding-right: 10px;}
.logo { text-align: left; float: left; height: 82px; width: 244px; }
.heard-ad { float: right; height: 100px; width: 737px; padding-right: 8px; }
.top-bar { clear: both; float: left; height: auto; width: 100%; }
.top-nav { width: 230px; float: right; height: 22px; text-align: right; color: #FFFFFF; padding-right: 20px; }
.top-nav a { color: #FFFFFF; }
.top-nav a:hover { color: #FF0000; text-decoration: underline; }
#nav { clear: both; float: left; height: 25px; width: 100%; padding-top: 15px; overflow: hidden; }
#nav ul { list-style-type: none; }
#nav ul li { float: left; height: 25px; width: 82px; margin-right: 2px; }
#nav ul li a:link, #nav ul li a:visited { display: block; background-image: url(../images/nav2.gif); height: 23px; width: 82px; background-repeat: no-repeat; color: #333333; line-height: 24px; }
#nav ul li a:hover, #nav ul li a:active { background-image: url(../images/nav1.gif); background-repeat: no-repeat; display: block; height: 25px; width: 82px; color: #0033CC; text-decoration: underline; font-size: 12px; line-height: 24px; }
#nav ul li.nav-active a:link, #nav ul li.nav-active a:visited { display: block; background-image: url(../images/nav1.gif); height: 25px; width: 82px; background-repeat: no-repeat; color: #333333; line-height: 24px; font-weight: bold; }
.header-flash { clear: both; float: left; width: 1003px; height: 174px; text-align: center; }
.blank { background-color: #000000; clear: both; float: left; height: 4px; width: 100%; }
.title-1 { font-size: 12px; font-weight: bold; color: #f66b1a; width: auto; display: block; text-align: left; height: 20px; padding-left: 36px; margin-top: 4px; background-image: url(../images/hong.gif); background-repeat: no-repeat; background-position: 19px 3px; }
.title-2 { font-size: 12px; font-weight: bold; color: #f66b1a; width: auto; display: block; text-align: left; height: 20px; margin-right: 0px; margin-bottom: 0px; margin-top: 4px; padding-left: 17px; background-image: url(../images/hong.gif); background-repeat: no-repeat; background-position: 0px 3px; }
.title-3 { color: #333333; font-weight: bold; font-size: 16px; padding-left: 25px; height: 22px; width: 60%; display: inline; padding-top: 4px; float: left; }
.title-4 { color: #FFFFFF; font-weight: bold; font-size: 14px; padding-left: 16px; height: 22px; width: auto; display: inline; padding-top: 3px; float: left; }
.title-5 { color: #333333; font-weight: bold; font-size: 14px; padding-left: 45px; height: 22px; width: auto; display: inline; padding-top: 4px; float: left; }
.title-6 { color: #FFFFFF; font-weight: bold; font-size: 14px; padding-left: 8px; height: 22px; width: auto; display: inline; padding-top: 3px; float: left; }
.more { width: 70px; height: auto; float: right; display: inline; text-align: center; color: #FF0000; padding-top: 12px; }
.more2 { width: 50px; height: auto; float: right; display: inline; text-align: center; color: #FF0000; padding-top: 8px; }
.your_position { clear: right; float: right; height: 20px; width: auto; text-align: right; padding-top: 2px; }
/*--------     头部结束   ----------*/

/*--------       ----------*/
/*产品分类树 start*/
.proclass { clear: both; float: left; height: auto; width: 100%; margin-bottom: 3px; }
.proclass .index-pro { width: 100%; height: 25px; text-align: left; overflow: hidden; background-color: #eef1fa; font-weight: bold; color: #f66b1a; }
.proclass .inner-pro { width: 210px; height: 25px; text-align: left; overflow: hidden; font-weight: bold; color: #333333; background-image: url(../images/pro_13.gif); background-repeat: no-repeat; font-size: 14px; padding-top: 0px; padding-left: 10px; }
.proclass .inner-product { width: 210px; height: 28px; text-align: left; overflow: hidden; font-weight: bold; color: #FFFFFF; background-image: url(../images/lanmu_bj.jpg); background-repeat: no-repeat; font-size: 14px; padding-top: 2px; padding-left: 10px; }
.proclass-i { height: auto; width: 214px; background-image: url(../images/index_14.gif); background-repeat: repeat-y; padding-right: 3px; padding-left: 3px; }
.proclass-b { width:215px; height:11px; background-image: url(../images/index_18.gif); background-repeat: no-repeat; }
.proclasstree { list-style: none; height: 26px; background-color: #f0f4f5;margin-top: 3px; padding:0 0 0 10px; }
.proclasstree li {padding-top: 3px;padding-top: 3px; padding-bottom: 3px;}
.proclasstree a { COLOR: #666666; text-decoration: none; }
.proclasstree A:hover { COLOR: #FF0000; text-decoration: underline; padding-top: 3px; padding-bottom: 3px; }
#prod_class {                  /* 主营产品 start */ width: 100%; text-align: left; float: left; clear: both; }
.examp-pro { clear: both; float: left; height: auto; width: 100%; }
.examp-pro dt { background-image: url(../images/bar.gif); background-repeat: no-repeat; height: 29px; width: 220px; }
.examp-pro dd { height: 500px; width: 198px; padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; text-align: center; background-color: #f5fafe; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; }
.about { clear: both; float: left; height: auto; width: 100%; margin-bottom: 3px; }
.about dt { background-image: url(../images/bar.gif); background-repeat: no-repeat; height: 29px; width: 220px; clear: both; float: left; }
.about dd { height: auto; width: 198px; padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; text-align: center; background-color: #f5fafe; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; clear: both; float: left; }
.r-img { float: left; height: auto; width: 220px; clear: both; list-style-type: none; padding-top: 10px; }
.r-img li { text-align: center; height: auto; width: 100%; padding-bottom: 8px; }
.r-img { }
.online { clear: both; float: left; height: auto; width: 100%; background-color: #eef1fa; }
.online dt { height: 25px; width: 180px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f66b1a; margin-right: auto; margin-left: auto; }
.online dd { height: auto; width: 200px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; color: #666666; padding-top: 5px; }
.friendlink { width: 100%; float: left; height: auto; background-color: #f7f2ee; _margin-right: 5px; clear: both; }
.friendlink dt { height: 33px; width: 100%; color: #666666; font-size: 14px; font-weight: bold; background-image: url(../images/index_08.gif); background-repeat: no-repeat; }
.friendlink-i { height: auto; width: 195px; text-align: center; background-image: url(../images/index_14.gif); background-repeat: repeat-y; padding: 10px; }
.friendlink-b { background-image: url(../images/index_18.gif); background-repeat: no-repeat; height: 11px; width: 215px; }
.index-news { clear: both; float: left; height: auto; width: 528px; border: 1px solid #CCCCCC; }
.index-news dt { height: 31px; width: 100%; background-image: url(../images/bar_12.gif); background-repeat: no-repeat; }
.index-news dd { height: auto; width: 518px; padding-top: 5px; padding-bottom: 10px; padding-right: 5px; padding-left: 5px; }
.topnews-ul { list-style-type: none; margin: 0 auto; padding: 0; width: 100%; height: auto; font-size: 12px; padding-top: 5px; overflow: hidden; }
.topnews-ul li { padding-left: 18px; float: left; display: inline; line-height: 24px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; padding-top: 1px; background-image: url(../../upfiles/system/dian.gif); background-repeat: no-repeat; background-position: 5px 11px; }
.topnews-ul span { float: right; color: #666666; margin-right: 5px; }
.classnews { font-size:14px; }
.classnews span { font-size:14px; float:right; }
.classnews li { font-size:14px; height:22px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; }
.classnews li a { font-size:14px; }
.classnews li a:hover { font-size:14px; }
.index-pro { clear: right; float: right; height: auto; width: 632px; }
.index-pro dt { background: url(../images/pro.gif) no-repeat left center; height: 104px; width: 610px; text-align: center; padding-left: 22px; padding-top: 10px; }
.index-pro dd { width: 632px; background-color: #cef3fd; }
#link-img { float: left; height: 65px; width: 116px; }
#link-more { float: right; display: block; padding-top: 15px; width: 32px; }
.links { list-style-type: none; width: 100%; margin-right: auto; margin-left: auto; height: auto; }
.links li { display: inline; float: left; text-align: center; padding-top: 5px; _padding-top: 3px; }
.links a { font-weight: normal; color: #000000; text-decoration: none; }
.links a:hover { COLOR: #FF0000; text-decoration: none; }
.contact { clear: both; float: left; height: auto; width: 100%; }
.contact dt { height: 33px; width: 215px; background-image: url(../images/index_08.gif); background-repeat: no-repeat; }
.contact-i { height: auto; width: 185px; padding-right: 15px; padding-left: 15px; padding-top: 5px; padding-bottom: 10px; background-image: url(../images/index_14.gif); background-repeat: repeat-y; }
.contact-b { background-image: url(../images/index_18.gif); background-repeat: no-repeat; height: 11px; width: 215px; }
.contact-img { background-image: url(../images/contact-b.gif); background-repeat: no-repeat; height: auto; width: auto; background-position: bottom; }
.inner { width: 100%; height: auto; text-align: left; clear: both; float: right; }
.inner dt { height: 28px; width: 100%; background-image: url(../images/inner-t.gif); background-repeat: no-repeat; clear: both; float: left; }
.inner dd { height: auto; width: 730px; padding-top: 20px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; clear: both; float: left; }
/*网站公告start */
#affiche { height: 28px; width: 730px; clear: both; float: left; text-align: right; display: inline; color: #000000; background-image: url(../images/index_08.gif); background-repeat: no-repeat; padding-top: 10px; padding-right: 10px; padding-left: 43px; background-position: bottom; }
.gonggao-p { display: inline; float: left; clear: both; width: 100%; }
.recopro { clear: both; float: left; height: auto; width: 528px; border: 1px solid #CCCCCC; margin-bottom: 3px; }
.recopro dt { height: 31px; width: 100%; background-image: url(../images/bar_12.gif); background-repeat: no-repeat; }
.recopro dd { height: auto; width: 508px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; }
/* =recoproduct */
.stroll { margin:0 auto; }
.recopro-ul { }
.recopro-ul li { float:left; display:inline; }
.recopro-ul li a { margin:0 5px; display:block; border:1px solid #ccc; zoom:1; overflow:hidden; }
.recopro-ul li a:hover { border:1px solid #F0C; }
.recopro-ul li .boximg { margin:5px; }
.recopro-ul li .boxtxt { }
/* =recocase */
.recocase-ul { }
.recocase-ul li { float:left; display:inline; }
.recocase-ul li a { margin:5px 0; display:block; border:1px solid #ccc; zoom:1; overflow:hidden; }
.recocase-ul li a:hover { border:1px solid #F0C; }
.recocase-ul li .boximg { margin:5px; }
.recocase-ul li .boxtxt { }
/* newpro-ul */
.newpro-ul { }
.newpro-ul li { float:left; display:inline; }
.newpro-ul li a { margin:10px; display:block; border:1px solid #ccc; zoom:1; overflow:hidden; }
.newpro-ul li a:hover { border:1px solid #F0C; }
.newpro-ul li .boximg { margin:5px; }
.newpro-ul li .boxtxt { }
/* case-ul */
.case-ul { }
.case-ul li { float:left; display:inline; }
.case-ul li a { margin:10px; display:block; border:1px solid #ccc; zoom:1; overflow:hidden; }
.case-ul li a:hover { border:1px solid #F0C; }
.case-ul li .boximg { margin:5px; }
.case-ul li .boxtxt { }
/* =message 信息反馈 */
#messageadd { width:540px; background:#f8f8f8; }
#messageadd ul { list-style:none; }
#messageadd ul li { margin:0 0 15px 0; line-height:22px; }
#messageadd ul li span { width:80px; text-align:right; float:left; display:block; }
#messageadd ul li.messagetitle { background:#ccc; padding:3px 0; text-align:left; text-indent:2em; font-size:14px; font-weight:bold; color:#222; }
#messageadd ul li.endli { text-align:center; }
.product { width: 100%; height: auto; text-align: left; clear: both; float: left; }
.product dt { height: 33px; width: 547px; background-image: url(../images/index_22.gif); background-repeat: no-repeat; }
.product-i { height: auto; width: 527px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-image: url(../images/index_23.gif); background-repeat: repeat-y; }
.product-b { background-image: url(../images/index_25.gif); background-repeat: no-repeat; height: 10px; width: 547px; }
.newpro { width: 100%; height: auto; margin-left: 0px; margin-top: 0px; text-align: center; overflow: auto; }
.newpro-ul { list-style-type: none; margin: 0 auto; padding: 0; width: 100%; height: auto; font-size: 12px; }
.newpro-ul li { float: left; display: inline; }
.newpro2 { width: 600px; height: 88px; margin-left: 0px; margin-top: 0px; text-align: center; background-color: #cef3fd; padding-top: 6px; overflow: hidden; margin-right: 10px; }
.newpro2-ul { list-style-type: none; margin: 0 auto; padding: 0; width: 100%; height: auto; font-size: 12px; }
.newpro2-ul li { float: left; display: inline; }
.newpro2-ul li img { border: 4px solid #CCCCCC; }
.newpro2-ul li a { color: #FFFFFF; }
/*推荐产品 end*/

/* 产品详细信息 start */
#zright12 { width: auto; height: auto; margin-top: 12px; text-align: left; }
#zw3 { width: 100%; height: auto; text-align: left; }
#zw4 { width: 540px; height: 350px; text-align: left; }
.caseclass { clear: both; float: left; height: auto; width: 100%; background-color: #eef1fa; }
.caseclass dt { height: 25px; width: 100%; }
.caseclass dd { height: auto; width: 197px; padding-right: 5px; padding-bottom: 5px; padding-left: 20px; }
#caseclasstree { height: auto; background-image: url(../images/inner_02.gif); background-repeat: repeat-y; text-align: left; clear: both; float: left; width: 100%; padding-top: 10px; padding-bottom: 10px; }
.caseclasstree { list-style-type: none; padding: 0; height: 20px; margin-top: 0; margin-right: auto; margin-bottom: 0; width: 100%; }
.caseclasstree A:link { COLOR: #666666; text-decoration: none; }
.caseclasstree A:visited { COLOR: #000000; text-decoration: none; }
.caseclasstree A:hover { COLOR: #FF0000; text-decoration: underline; }
.caseclasstree A:active { COLOR: #666666; text-decoration: none; }
.case-ul { list-style-type: none; margin: 0 auto; padding: 0; width: 100%; height: auto; font-size: 12px; padding-top: 5px; }
.case-ul li { float: left; display: inline; }
/*案例列表 end*/

/*推荐案例newpro-ul start*/
#recocase { width: 100%; height: auto; margin-left: 0px; margin-top: 0px; text-align: center; }
.recocase-ul { list-style-type: none; margin: 0 auto; padding: 0; width: 100%; height: auto; font-size: 12px; padding-top: 5px; }
.recocase-ul li { float: left; display: inline; }
.classnews { /*分类资讯列表*/ list-style-type: none; margin: 0 auto; padding: 0; width: 100%; height: auto; font-size: 12px; padding-top: 5px; }
.classnews li { background: url('../../upfiles/system/dian.gif') no-repeat 10px 7px; padding-left: 20px; float: left; display: inline; line-height: 22px; }
.index-about { clear: both; float: left; height: auto; width: 528px; border: 1px solid #CCCCCC; margin-bottom: 3px; }
.index-about dt { height: 31px; width: 100%; background-image: url(../images/bar_12.gif); background-repeat: no-repeat; }
.index-about dd { height: auto; width: 508px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; }
#about_us ul { list-style-type: square; margin-left: 10px; list-style-position: inside; margin-right: 10px; }
.profilelist { list-style-type: none; height: auto; width: 100%; }
.profilelist li { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; text-align: left; height: 28px; width: 100%; list-style-type: none; clear: both; float: left; letter-spacing: 0.2em; }
.profilelist a { font-size: 12px; font-weight: normal; color: #333333; display: block; height: 22px; width: 173px; padding-top: 3px; padding-bottom: 3px; padding-left: 25px; background-image: url(../images/arr4.gif); background-repeat: no-repeat; background-position: 8px 9px; }
.profilelist a:hover { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: underline; display: block; height: 22px; width: 173px; background-color: #FF0000; padding-top: 3px; padding-bottom: 3px; padding-left: 25px; background-image: url(../images/arr4_a.gif); background-repeat: no-repeat; background-position: 8px 9px; }
#sale_net { width: 250px; }
#sale_net ul { list-style-type: square; }
.marketlist a { }
.marketlist li { margin-left: 20px; }
#newslist ul { padding-left: 10px; list-style-type: square; list-style-position: inside; padding-right: 10px; }
.newslist li { margin-top: 10px; margin-bottom: 8px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; padding-bottom: 5px; text-align: center; }
.newslist a { font-size: 14px; font-weight: bold; color: #666666; }
.newslist a:hover { font-size: 14px; font-weight: bold; color: #FF0000; }
#job_list { width: 100%; }
#job_list ul { list-style-type: decimal; }
.joblist a { font-size: 14px; font-weight: bold; color: #0000FF; }
.joblist li { margin-top: 5px; margin-bottom: 5px; margin-left: 22px; }
.seoprducts { width: auto; }
.seoprducts li { display: inline; margin-right: 10px; }
/* 主营产品 end */

/* 留言板 start */
#message { text-align: left; }
.messagename { font-size: 12px; line-height: 30px; width: 70px; float: left; clear: both; height: 30px; text-align: right; padding-right: 5px; }
.messagetitle { background: #f0f0f0; font-size: 14px; font-weight: bold; line-height: 25px; text-indent: 30px; clear: both; }
#messageadd { height: 380px; width: 520px; padding-top: 10px; }
#messageadd ul { list-style: none; }
#messageadd ul li { }
.messageadd1 { float: none; height: 30px; }
#down_load { height: auto; width: 500px; }
.down_list { text-align: center; width: 100%; display: block; }
#right4 { width: 100%; height: 20px!important; height: 10px; text-align: center; display: block; }
#down_infor { height: auto; width: 500px; }
.down_infor { height: auto; width: 100%; }
.down-title { font-size: 14px; font-weight: bold; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; }
.downlist { width: 100%; height: auto; border: 1px solid #CCCCCC; }
.downlist tr td { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; text-align:center; }
.downlist tr td { font-size: 14px; }
#footer_bar { clear: both; float: left; height: 114px; width: 930px; }
#footer_nav { height: auto; width: 100%; clear: both; float: left; margin-top: 15px; }
#footer_nav ul { font-weight: bolder; color: #9e6b43; }
#footer_nav ul li { display: inline; }
#footer_nav ul li a:link, #footer_nav ul li a:visited { font-size: 12px; color: #9e6b43; text-decoration: none; font-weight: bold; }
#footer_nav ul li a:hover { font-size: 12px; color: #FF0000; text-decoration: underline; font-weight: bold; }
#copy { text-align: left; line-height: 22px; font-weight: normal; color: #666666; clear: both; float: left; width: 760px; display: block; height: auto; padding-top: 13px; padding-bottom: 12px; padding-left: 243px; }
#company-tv { clear: both; float: left; height: auto; width: 600px; }
.navtreefirst { list-style-type: none;  width: 100%; display: block;  }
.navtreefirst li { height: 25px; width: 100%; display: block; padding-top: 3px;  background-color: #f0f4f5;padding:0 0 0 10px;}
.navtreefirst a { COLOR: #666666; text-decoration: none; padding-top: 3px; padding-bottom: 3px; }
.navtreefirst A:hover { COLOR: #FF0000; text-decoration: underline; padding-top: 3px; padding-bottom: 3px; }

.parentstree{list-style-type: none;  width: 100%; display: block;}
.parentstree li{list-style:none;padding-top: 3px;  background-color: #f0f4f5;padding:0 0 0 10px;}
.parentstree .substree{}
.parentstree .substree li{}