﻿/* Copyright (c) 2008 All rights reserved. */
/* Built by cws */
/* xide314@hotmail.com */
/* ///////////////////////////////////////////// */

* { margin: 0px; padding: 0px; }

body { background:#999999 url(../img/bady_bak.gif) repeat-y center; margin: 0px; padding:0px;  /* text-align: center; */ }
body,div,td,th { font-family: verdana, simsun, Lucida Grande, sans-serif;  font-size:12px; color: #000000; line-height:150%; }

div,form,img { padding: 0px; border: 0px; margin: 0px; }
dl,dt,dd,ul,ol,li { list-style-type: none; list-style-position: outside; padding: 0px; border: 0px; margin: 0px; }
dl,ul { clear: left; text-align: left; }
dt,dd,li { display: block; }
h1,h2,h3,h4,h5 { margin: 0px; }


a img{border:none;}
img{display:block;}
/* td,p { text-align: left; } */

em { font-style: normal; }

a { text-decoration: none; }
a:link    { color: #000000; }
a:visited { color: #000000; }
a:hover   { color: #33CC00;  ; text-decoration: underline; }
a:active  { color: #33CC00; }

.clear-both { clear: both; height: 0; overflow: hidden; }

.white { color:#FFFFFF; }
.red { color: #FF0000; }
.gray { color:#999999; }
.orange { color:#D96D03; }
.blue { color:#014CCC; }
.green { color:#157c10; }
.yellow { color:#FFFF00; }
.b { font-weight:bold; color:#932901; }
/* ///////////////////////////////////////////// */
.input { font-size:12px;height:18px; line-height:10px; color:#333333; border:1px solid #FFFFFF; }

.space5 { clear:both; width:100%; height:5px; font-size:0; overflow:hidden; }
.space10 { clear:both; width:100%; height:10px; font-size:0; overflow:hidden; }

.page { clear:both; width:100%; height:30px; line-height:30px; text-align:right; background:url(../img/img_004.gif) repeat-y; }
.page a { margin:0 3px;  }
.page a:link    { color: #000000; }
.page a:visited { color: #000000; }
.page a:hover   { color: #FF0000; text-decoration: none; }

.pages { padding-left:10px; color: #999; }
.pages .total {float:left;padding-left:10px;padding-right:10px;}
.pages a, .pages .cpb { text-decoration:none;float: left; padding: 0 5px; border: 1px solid #ddd;background: #ffff;margin:0 2px; font-size:11px; color:#000;}
.pages a:hover { background-color: #999; color:#fff;border:1px solid #999; text-decoration:none;}
.pages .cpb { font-weight: bold; color: #fff; background: #999; border:1px solid #999;}

/* head///////////////////////////////////////////// */
#body { width:800px; margin:0 outo;	}

#head { width:798px; margin:0 auto; }
.head_top { width:798px; height:70px; }
.logo { float:left; margin:12px 0 0 5px; }
.search { clear:none; float:right; width:190px; height:27px; margin:30px 0 0 0; background:url(../img/search.gif) no-repeat; }
.search .input { border:none; width:145px; height:27px; line-height:25px; padding-left:5px; background:none; }
.nextBtn { width:24px; height:27px; border:none; margin:0 0 0 5px; background:none; cursor:pointer; }

#tbSLMenu a{display:inline;float:none;width:0px; height:0px;}

.nav { width:798px; }
.nav ul {}
.nav ul li { float:left; }
.nav ul li a { float:left; cursor:pointer;}
.nav001 span, .nav002 span, .nav003 span, .nav004 span, .nav005 span, .nav006 span { display:none; }
.nav001 { width:133px;  height:35px; background: url(../img/nav_bak.gif) no-repeat left top; } 
.nav002 { width:133px;  height:35px; background: url(../img/nav_bak.gif) no-repeat -133px top; } 
.nav003 { width:133px;  height:35px; background: url(../img/nav_bak.gif) no-repeat -266px top; } 
.nav004 { width:133px;  height:35px; background: url(../img/nav_bak.gif) no-repeat -399px top; } 
.nav005 { width:133px;  height:35px; background: url(../img/nav_bak.gif) no-repeat -532px top; } 
.nav006 { width:133px;  height:35px; background: url(../img/nav_bak.gif) no-repeat -665px top; } 
.nav001:hover, .nav001Hover  { background: url(../img/nav_bak.gif) no-repeat left bottom; }
.nav002:hover, .nav002Hover  { background: url(../img/nav_bak.gif) no-repeat -133px bottom; }
.nav003:hover, .nav003Hover  { background: url(../img/nav_bak.gif) no-repeat -266px bottom; }
.nav004:hover, .nav004Hover  { background: url(../img/nav_bak.gif) no-repeat -399px bottom; }
.nav005:hover, .nav005Hover  { background: url(../img/nav_bak.gif) no-repeat -532px bottom; }
.nav006:hover, .nav006Hover  { background: url(../img/nav_bak.gif) no-repeat -665px bottom; }

.nav ul li ul { display:none; width:400px; height:30px; position: absolute; margin-top:-30px !important;*margin-top:-65px !important; margin-top:-70px; margin-left:-100px; }
.nav ul li ul li { float:left; height:15px; line-height:40px; margin:0 5px; }

.news { width:798px;overflow:hidden; height:34px;background:url(../img/pak_bak.gif) no-repeat; }
.news ul { width:700px; height:34px; margin:0 0 0 95px;}
.news ul li { float:left; width:345px; height:34px; line-height:34px; font-size:11px; text-indent:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(../img/ico001.gif) no-repeat 5px 16px; }

/* main///////////////////////////////////////////// */
#main { width:785px; margin:0 auto; padding:8px 0; }
.left { float:left; width:225px; height:auto; }
.right { clear:none; float:right; width:546px; min-height:900px; height:auto !important; height:900px; }

.sort { float:left; width:225px; height:auto; display:table; }
.sort #newp img { padding-top:1px;}
.sort #allp img { padding-top:1px;}
.sort h3 { width:225px; height:50px; line-height:50px; text-align:center; font-size:16px; font-family:Arial; color:#FFF; background:url(../img/h3_bak.gif) no-repeat; }
.sort ul { width:225px; height:auto; display:table; }
.sort ul li { width:225px; font-size:14px; font-weight:bold; color:#333; }
.sort ul li span { display:block;  padding:0 0 0 20px; background:url(../img/ul_bak.gif) no-repeat; height:49px; line-height:49px; }
.sort ul li ul { width:205px; height:auto; display:table; margin-left:20px; }
.sort ul li ul li  {width:203px; height:25px; padding-left:0px; text-indent:10px; margin-top:-1px; font-weight:normal; border:1px solid #999999; line-height:25px; font-size:12px; color:#333; background:none; }
.sort ul li ul li a { display:block;bottom:7px; font-size:11px;  }

.mail { position:absolute; top:940px; width:210px; margin-left:0px !important;*margin-left:-220px !important;margin-left:-220px; height:95px; background:url(../img/mail_pic.gif) no-repeat; }
.mail .sear { clear:none; width:200px; height:23px; margin:65px 0 0 5px; background:url(../img/mail_bak.gif) no-repeat; }
.sear .input { border:none; width:160px; height:23px; line-height:23px; color:#FFF; padding-left:5px; background:none; }
.sear .nextBtn { width:24px; height:27px; border:none; margin:0 0 0 5px; background:none; cursor:pointer; }

.banner { width:545px; height:300px; }

.goods { width:545px; height:auto; margin:10px 0 0 0; }
.goods h3 { width:100%; height:25px; line-height:25px; font-size:14px; color:#008ACA; border-bottom:2px dashed #E2E2E2; font-family:Arial, Helvetica, sans-serif; }
.goods ul { width:545px; height:auto; margin:15px 0; }
.goods ul li { float:left; width:265px; height:250px; margin:0 3px 0 4px !important; margin:0 3px; font-family:Arial, Helvetica, sans-serif; padding-bottom:8px; }
.goods ul li img { width:262px; height:170px; border:1px solid #CCC; }
.goods ul li span { font-weight:bold; color:#008ACA; }

.goods_list { float:right; width:540px; height:auto; }
.goods_list h3 { width:100%; height:27px; line-height:27px; font-size:12px; text-indent:15px; color:#FFF; font-weight:normal; background:url(../img/h3_bak001.gif) no-repeat; font-family:Arial, Helvetica, sans-serif;font-weight:bold }
.goods_list ul { width:540px; height:auto; margin:15px auto; }
.goods_list ul li { clear:none; float:left; width:234px; height:220px; margin:5px 15px !important; margin:5px 8px 5px 8px; border-bottom:1px solid #666; font-family:Arial, Helvetica, sans-serif; padding-bottom:8px; }
.goods_list ul li a { display:block; width:228px; line-height:105%; padding:0 3px; }
.goods_list ul li .title { clear:both; width:234px; font-weight:bold; padding-top:8px; word-break:break-all;word-wrap:break-word;}
.goods_list ul li .cont { width:234px; height:23px;display:block;background:url(../img/title_bak.gif) no-repeat; overflow:hidden; }
.goods_list ul li .cont a:link    { color: #FFFFFF; }
.goods_list ul li .cont a:visited { color: #FFFFFF; }
.goods_list ul li .cont a:hover   { color: #FFFFFF; background:url(../img/title_ha_bak.gif) no-repeat;}
.goods_list ul li .cont a:active  { color: #FFFFFF; background:url(../img/title_ha_bak.gif) no-repeat;}
.goods_list ul li .pic { width:234px; height:27px; }
.goods_list ul li .pic img { float:left; padding-top:8px; margin:0 3px; }
.goods_list ul li .pic .ip { float:right; }

/* product_show///////////////////////////////////////////// */
.product_show { width:508px; min-height:900px; height:auto !important; height:900px; margin:0 auto;  }
.product_show h4 { width:100%; height:20px; font-size:11px; color:#FFF; text-indent:15px; background:#333333; }
.banner002 { width:508px; height:175px; margin:5px 0; }
.product_show h3 { width:100%; height:27px; line-height:27px; font-size:14px; text-indent:15px; color:#FFF; background:url(../img/h3_bak002.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; }
.product_show ul { width:508px; height:27px; margin:5px 0; }
.product_show ul li { float:left; width:125px; height:27px; line-height:27px; text-align:center; margin-left:1px; background:url(../img/h4_bak001.gif) repeat-x; }
.product_show ul li a { display:block; width:124px; height:27px; cursor:pointer; }
.showHover { background: url(../img/h4_bak002.gif) repeat-x; }

.pic001 { position:relative; width:295px; height:60px; top:10px; margin-left:150px; }
.pic001 h5 { width:295px; height:25px; text-indent:18px; font-size:12px; font-weight:normal; }
.pic001 p { width:400px; height:45px; }
.pic001 p img { float:left; margin:0 5px; }

.detail { width:508px; height:auto; }
.detail dl { width:508px; height:auto; display:table; margin:15px 0;  }
.detail dt { float:left; width:69px; height:69px; }
.detail img { width:69px; height:69px;padding-top:10px;padding-bottom:10px }
.detail dd { float: right; width:415px; font-size:11px; line-height:120%; }

.detail table { width:506px; height:auto; border:1px solid #7F7F7F; margin:25px 0; }
.detail table td { height:22px; border-bottom:1px solid #7F7F7F; padding-left:8px; }
.disNone {display:none;}

/* product_list///////////////////////////////////////////// */
.product_list { width:508px; min-height:900px; height:auto !important; height:900px; margin:0 auto; }
.banner003 { width:508px; height:87px; margin:5px 0 15px 0; }
.protable tr td { vertical-align:top;}
.pro { float:left; width:220px; height:auto; margin:0 15px 0 15px !important;margin:0 15px 0 10px;}
.pro h3 { width:220px; height:20px; line-height:20px; font-size:12px; color:#FFF; text-indent:10px; background:#33CC00; }
.pro dl { width:220px; height:auto; margin:5px 0; }
.pro dt { width:220px; height:116px; }
.pro dd { width:220px; height:15px; line-height:15px; text-indent:18px; background:url(../img/ico010.gif) no-repeat 5px 5px;}
.pro dd a:link    { color: #000000; text-decoration:underline; }
.pro dd a:visited { color: #000000; text-decoration:underline; }
.pro dd a:hover   { color: #FF9900;  ; text-decoration: underline; }
.pro dd a:active  { color: #FF9900; }

/* problem///////////////////////////////////////////// */
.problem { width:508px; min-height:900px; height:auto !important; height:900px; margin:0 auto;  }
.problem h4 { width:100%; height:20px; font-size:14px; color:#FFF; text-indent:15px; background:#333333; }
.banner001 { width:508px; height:133px; margin:5px 0; }
.problem h3 { width:100%; height:27px; line-height:27px; font-size:18px; text-indent:15px; color:#FFF; background:url(../img/h3_bak002.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; }
.problem dl { width:508px; height:auto; margin:10px 0; }
.problem dt { width:508px; height:25px; line-height:25px; font-size:13px; font-weight:bold; text-indent:30px; color:#33CC00; background:url(../img/ico008.gif) no-repeat 5px 5px; }
.problem dd { width:478px; line-height:150%; padding-left:30px; }

/* download///////////////////////////////////////////// */
.download { width:508px; min-height:900px; height:auto !important; height:900px; margin:0 auto;}
.download h4 { width:100%; height:20px; font-size:14px; color:#FFF; text-indent:15px; background:#333333; }
.banner001 { width:508px; height:133px; margin:5px 0; }
.download h3 { width:100%; height:27px; line-height:27px; font-size:18px; text-indent:15px; color:#FFF; background:url(../img/h3_bak002.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; }
.download h5 { width:100%; margin:8px 0; height:17px; height:17px; font-size:14px; text-indent:30px; color:#FFF; background: url(../img/h5_bak.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; }
.download table td { height:25px; border-bottom:1px solid #000000;}
.download ul { width:100%; margin:25px auto; }
.download ul li { width:100%; height:25px; line-height:25px; }
.download_show { width:100%; margin:20px auto; }
.download_show h6 { width:100%; height:25px; line-height:25px; font-size:14px; }
.download_show p { text-indent:24px; padding-top:10px; }



/* news_list///////////////////////////////////////////// */
.news_list { width:545px; }
.news_list h3 { width:100%; height:25px; line-height:25px; color:#008ACA; font-size:14px; border-bottom:1px dashed #FF9900; }
.news_list ul { margin:10px auto; }
.news_list li {clear:both; height:33px; line-height:33px; border-bottom:1px dashed #DDDDDD; background: url(../img/ico003.gif) no-repeat 5px 14px; text-indent:25px; }
.news_list li a { float:left; width:400px; overflow:hidden; text-overflow:ellipsis;  white-space:nowrap; }
.news_list .date { float:right; color:#999; font-size:11px; }

.news_show { width:760px; margin:15px auto; }
.news_show h3 { width:100%; height:30px; text-align:center; color:#008ACA; font-size:14px; border-bottom:1px dashed #FF9900; }
.news_show h3 span { font-size:12px; color:#999999; font-weight:normal; }
.news_show p { width:740px; height:auto; padding-top:10px; margin:0 auto; text-indent:24px; line-height:200%; }

/* refer///////////////////////////////////////////// */
.refer { width:508px; min-height:900px; height:auto !important; height:900px; margin:0 auto;  }
.refer h4 { width:100%; height:20px; font-size:14px; color:#FFF; text-indent:15px; background:#003300; }
.refer h3 { width:100%; height:22px; line-height:22px; font-size:14px; color:#4D4D4D; text-indent:12px; background: url(../img/h3_bak003.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; }
.refer table { width:90%; margin:40px auto; }
.refer table th { height:25px; padding:2px 8px; }
.refer table td { padding:5px 8px; }
.refer table .input {width:200px; border:1px solid #CCC;font-size:14px; height:18px; line-height:18px; padding-left:3px;  }
.refer table .Submit { height:25px; background:#EEE; padding:1px 8px; border:1px solid #CCC; cursor:pointer; }

/* about///////////////////////////////////////////// */
.about { width:508px; min-height:900px; height:auto !important; height:900px; margin:0 auto;  }
.about h4 { width:100%; height:20px; font-size:14px; color:#FFF; text-indent:15px; background:#003300; }
.banner004 { width:508px; height:134px; margin:5px 0; }
.about h3 { width:100%; height:25px; line-height:25px; font-size:14px; color:#E67819; text-indent:23px; background:url(../img/ico008.gif) no-repeat 0 4px; font-family:Arial, Helvetica, sans-serif; }
.about p { font-size:11px; line-height:120%; font-family:Arial, Helvetica, sans-serif; }
.img { margin:20px auto; }
.about table { margin:15px auto; }
.about table td { height:65px; padding:2px 2px; }

/* where///////////////////////////////////////////// */
.where { width:508px; min-height:900px; height:auto !important; height:900px; margin:0 auto;  }
.where h4 { width:100%; height:20px; font-size:14px; color:#FFF; text-indent:15px; background:#003300; }
.banner005 { width:508px; height:133px; margin:5px 0; }
.where h3 { width:100%; height:22px; line-height:22px; font-size:14px; color:#4D4D4D; text-indent:12px; background: url(../img/h3_bak003.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; }
.where table { margin:10px auto;border:1px solid #999999; }
.where table td { padding:5px 5px;margin:0px; }
.tw table{border:0px none #999999;}
.tw table td{padding:0px 0px;}


/* foot///////////////////////////////////////////// */
#foot { clear:both; width:798px; height:68px; line-height:68px; margin:10px auto 0 auto; text-align:center; color:#666666; background:url(../img/foot_bak.gif) repeat-x; }
