﻿body { background:#fff ; font-size:12px; font-family:tahoma, verdana, arial, helvetica, sans-serif; line-height:160%; margin:0; padding:0; color:#333; }
div { margin:0 auto; padding:0; }
h1, h2, h3, h4, h5, h6, ul, li, dl,dt,form, img, p { margin:0; padding:0; border:none; list-style-type:none; }
h1, h2, h3, h4, h5, h6 { font-size:12px; font-weight:normal; }
h2 {color:#333; font-size:14px; font-weight:bold; height:32px; line-height:32px; padding:0 16px;background:#fff; border-top:#3AA400 2px solid; border-bottom:#ddd 1px solid;}
h2 span{float:right; color:#333;font:12px/32px "宋体";padding-right:0px;}
h2 span a{color:#333;font:12px/32px "宋体";}
h2 span a:hover{color:#f30;font:12px/32px "宋体";}
.box{ float:left; margin-bottom:10px; border:#ddd 1px solid; border-top:none;overflow:hidden; }
.box .content { padding:10px; overflow:hidden;}
a { color: #2f2f2f; text-decoration: none; }
a:hover { color: #f30; text-decoration:underline; }
.fl{float:left;}
.fr{float:right;}
.c{clear:both;}
.border2{ border-left:#ddd 1px solid;border-right:#ddd 1px solid;}
.search-btn { background:#3AA400; width:90px; height:27px; font-size:14px; line-height:27px;text-align:center; border:none;  color: #fff; font-weight:bold;cursor:pointer; }
.search-btn:hover{ background:#308900; }
.input-text { border:#A5ACB2 1px solid; font-size: 12px;  }
.input-btn { background:url(../images/btn.gif) no-repeat 0px 0px; width:76px; height:25px;  font-size:12px; text-align:center; border:none; line-height:25px; color: #ffffff;cursor:pointer }
#key{ width:200px;padding-left:25px; height:22px;line-height:22px;border:1px #dedede solid;background:#fff url(../images/s_bg.gif) no-repeat;}

.top-nav-wp { height:32px; line-height:32px; background:#F5F5F5; border-bottom:#eee 1px solid; overflow:hidden;}
.top-nav { width:1000px; height:32px; overflow:hidden;}
.top-nav .left{ float:left; width:350px; height:32px; line-height:32px;}
.top-nav .right{ float:right; width:300px; text-align:right;  height:32px; line-height:32px; padding-left:18px;}
.top b{ font-weight:bold; color:#CC0000;}

.header { width:1000px; height:95px; overflow:hidden; }
.logo { float:left; width:400px; height:70px; padding-top:12px; overflow:hidden;}
.area-r { float:right; width:450px; height:30px; padding-top:32px; padding-right:10px; overflow:hidden;}

.search-box { width:978px; margin:0px 0 10px 0; padding:8px 0px 8px 20px; background:#f6f6f6;border:#ddd 1px solid; overflow:hidden;}
.nav { width:1000px; height:40px; text-align:center; background:#3AA400;}
.nav ul { float:left; width:1000px; margin:0 auto;  height:36px;}
.nav ul li { background: url(); float: left; width: 100px; height: 38px; }
.nav ul li a { padding-right: 0px; display: block; padding-left: 0px;  font-size:14px;font-weight: bold; width: 100px; height:40px; line-height:40px; color: #fff;text-align: center }
.nav ul li a:hover { color:#FF3300; width:100px; background:#308900; color:#fff; text-decoration: none; }
#menu { text-align:left; padding-bottom:10px; padding-left:10px; }
#menu ul{  padding-top:2px; }
#menu ul li { width:140px; background: url(../images/arrow_01.gif) no-repeat 12px 9px; border-bottom:#ededed 1px solid; height:26px;}
#menu ul li a { display: block; color:#333; font-size:14px; padding-left:23px; width:120px; height: 15px; padding-top: 3px; padding-bottom: 8px;}
#menu ul li a:hover { color: #DA4901; }
#menu ul li .on { color: #DA4901;}

#menu_mem { text-align:left; padding-bottom:10px; }
#menu_mem  a { background: url(../images/arrow_01.gif) no-repeat 12px 14px; border-bottom:#ededed 1px solid; display: block; color:#333; font-size:14px; padding-left:23px; width:180px; height: 15px; padding-top: 8px; padding-bottom: 3px;}
#menu_mem  a:hover { color: #DA4901; }

.footer{ width:1000px;  margin-top:20px; border-top:#09B173 2px solid; padding-top:20px; overflow:hidden;  }
.footer .l-pic{ float:left; width:200px; overflow:hidden; }
.footer .list{ float:left; width:800px; overflow:hidden; }
.footer .list ul{ float:left; width:198px; border-right:#E0E0E0 1px solid; overflow:hidden; }
.footer .list ul p{ font-weight:bold; text-align:center; height:30px; line-height:30px; background: url(../images/foot-icon.png) no-repeat 0 0; }
.footer .list ul li { height: 26px; line-height:26px;  text-align: center}
.footer .list ul li a {padding:6px;  text-align: center;}
.footer .copyright { float:left; width:1000px;color: #666; margin-top:10px; padding:10px 0 20px 0; text-align: center;  }
.footer .copyright a { color:#666; }
.footer .count{ float:left; width:1000px; height:20px; text-align:center;  }
.footer .small_pic{ width:1000px; height:50px; text-align:center; overflow:hidden; }

.i_search { padding:15px 10px 15px 10px; background:#F5F5F5; border-bottom:#ccc 1px dashed; overflow:hidden;}
.i_search .btn { width:168px; height:27px; margin-left:36px;line-height:27px; text-align:center; border:none; font-size:14px; color:#fff;background:url(../images/i_btn.png) no-repeat 0px 0px; font-weight:bold;cursor:pointer}

.i-ad-box { width:1000px; overflow:hidden;}
.i-ad-box li{ float:left; display:inline; width:158px; height:60px; margin-right:10px;}
.i-ad-box li img{ width:158px; height:52px;}

.i-login{padding:15px 15px 10px 15px; border:#ddd 1px solid; width:208px; margin-bottom:10px; overflow:hidden;}
.i-login .login{ float:left; width:105px; height:36px;}
.i-login .login a{ float:left; display:block; width:105px; height:36px;background: url(../images/i_login_btn.png) no-repeat 0 0;}
.i-login .login a:hover{ float:left; display:block; width:105px; height:44px;background: url(../images/i_login_btn.png) no-repeat 0 -46px;}
.i-login .reg{ float:left; width:90px; height:36px; margin-left:5px; padding-bottom:15px;}
.i-login .reg a{ float:left; display:block; width:90px; height:36px;background: url(../images/i_login_btn.png) no-repeat 0 -92px;}
.i-login .reg a:hover{ float:left; display:block; width:90px; height:44px;background: url(../images/i_login_btn.png) no-repeat 0 -138px;}
.i-login .xhy{ float:left; color:#0082C5; width:208px; font-weight:bold; padding-top:10px; border-top:#ccc 1px dashed;}
.i-login .xhy ul li { float:left; width:90px;height:24px;line-height:24px;font-weight:normal; color:#333; padding-left:10px;background: url(../images/dot_blue.png) no-repeat 0px 12px;}

.wp { width:1000px; background: #fff;margin-top:10px;overflow:hidden; }

.wp-tit h2 {color:#146670; font-weight:bold; height:32px; line-height:32px; padding:0 16px;background: url(../images/tit_bg.jpg) repeat-x 0 0; }

.i-left { float:left; width:750px; padding-bottom:10px;}
.i-left .left{ float:left; width:170px;}
.i-left .left .box{ width:168px;  }
.i-left .right{ float:left; width:570px; margin-left:10px; padding-bottom:10px;}
.i-left .right .focus{ float:left; width:570px; height:200px;}
.cx-pic{ float:left; width:568px; height:160px; border:#eee 1px solid; border-top:none;}
.cx-pic .list{ width:568px; height:160px; padding:12px; overflow:hidden; display:none;}
.cx-pic .list li{ width:156px; height:120px; float:left; margin-right:10px; margin-left:10px; *display:inline;text-align:center;}
.cx-pic .list li img{ padding:2px; width:150px; height:120px;}

.i-right { float:left; width:240px; margin-left:10px; overflow:hidden;}
.i-right .box{ width:238px; }

.i-pic { float:left; width:1000px;}
.i-pic .box{ width:998px; }

.i-link { float:left; width:978px; padding:5px 10px 5px 10px; margin-top:10px; border:#E0E0E0 1px solid; margin-bottom:10px; overflow:hidden; }
.i-link  ul li { display:inline ;  height: 26px; line-height:26px;  text-align: center}
.i-link  ul li a {padding:6px;  text-align: center;}

.i-news-list ul{  padding-left:0px; overflow:hidden; }
.i-news-list ul li {float:left; width:330px; background:url(../images/list_dot.gif) 0px 14px no-repeat;line-height:29px; padding:0 10px; border-bottom:#dedede 1px dashed;}
.i-news-list ul li span { float:right;color:#666;}

.i-sort{ width:168px; background:#F8F8F8; padding-top:5px; overflow:hidden; }
.i-sort ul li { height:32px;  overflow:hidden;}
.i-sort ul li a { display: block; font-size:14px; color:#333; width:105px; padding-left:23px; margin-left:10px;height:25px; line-height:25px;border-bottom:#DEDEDE 1px solid;background: url(../images/arrow_04.gif) no-repeat 12px 10px; }
.i-sort ul li a:hover { color: #f60; }

.sort-list{ width:1000px; overflow:hidden; }
.sort-list ul li { float:left; overflow:hidden;}
.sort-list ul li a { display: block; margin:0px 8px 8px 0px; color:#1485C5; width:90px; height:25px; line-height:25px; border:#ddd 1px solid; text-align:center; background:#F5F7FA;}
.sort-list ul li a:hover { color: #fff; background:#09B173; }

.tel-list { padding-left:10px; font-size:14px; padding-bottom:6px;}
.tel-list li{ width:180px; height:26px; line-height:26px; font-weight:bold;}
.qq-list {padding-left:10px; padding-bottom:6px;}
.qq-list li{ float:left; width:82px; height:26px; line-height:26px;}

.left { float:left; width:200px;}
.left .box{ width:198px; }

.right { float:right; width:790px; min-height:200px; height:auto !important; height:200px;}
.right .box{ width:788px; }



#demotop {overflow:hidden;height: 208px; padding:0px 0px 0 0px;}
#demotop li { background:url(../images/list_dot.gif) 0px 10px no-repeat; height:28px; line-height:28px; padding-left:10px; font-size:12px; }
#demotop li span{ color:#666;font-size:12px;  }

#demo {overflow:hidden;height:180px;}
#demo ul { margin:0px 0 6px 0; padding:0;}
#demo li { width:156px; height:156px; float:left; margin-left:10px;text-align:center; }
#demo li img {border:#e1e1eb 1px solid; padding:2px; width:150px; height:150px; }
#demo li p { font-size:12px; margin: 6px auto 0px; width: 140px; overflow: hidden; }
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}

#demoa {overflow:hidden;height:180px;}
#demoa ul { margin:0px 0 6px 0; padding:0;}
#demoa li { width:156px; height:156px; float:left; margin-left:10px;text-align:center; }
#demoa li img {border:#e1e1eb 1px solid; padding:2px; width:150px; height:150px; }
#demoa li p { font-size:12px; margin: 6px auto 0px; width: 140px; overflow: hidden; }
#indemoa {float: left;width: 800%;}
#demoa1 {float: left;}
#demoa2 {float: left;}

#demob {overflow:hidden;height:180px;}
#demob ul { margin:0px 0 6px 0; padding:0;}
#demob li { width:156px; height:156px; float:left; margin-left:10px;text-align:center; }
#demob li img {border:#e1e1eb 1px solid; padding:2px; width:150px; height:150px; }
#demob li p { font-size:12px; margin: 6px auto 0px; width: 140px; overflow: hidden; }
#indemob {float: left;width: 800%;}
#demob1 {float: left;}
#demob2 {float: left;}

#democ {overflow:hidden;height:180px;}
#democ ul { margin:0px 0 6px 0; padding:0;}
#democ li { width:156px; height:156px; float:left; margin-left:10px;text-align:center; }
#democ li img {border:#e1e1eb 1px solid; padding:2px; width:150px; height:150px; }
#democ li p { font-size:12px; margin: 6px auto 0px; width: 140px; overflow: hidden; }
#indemoc {float: left;width: 800%;}
#democ1 {float: left;}
#democ2 {float: left;}










.index_product { padding-left:0px; overflow:hidden; }
.index_product dl { width:700px; margin:10px 0 6px 0; padding:0 }
.index_product dt { width:174px; height:160px; float:left; text-align:center; }
.index_product dt .box { border:#e1e1eb 1px solid;  margin-left:12px; overflow:hidden;  }
.index_product dt img { padding:2px; width:150px; height:120px; }
.index_product dt p { padding:3px 0;  width:160px; margin:0px 0 10px 7px; *margin:0 0 10px 0;}

.index_prolist {  overflow:hidden; margin-top:8px; width:738px; }
.index_prolist td { text-align:center;line-height:100%;}
.index_prolist td h1{ font-weight:normal;}

.contact_box {width:210px; overflow:hidden; margin-bottom:8px; }
.contact_box h2 {color:#fff; height:28px; line-height:28px; background:url(../images/kf_tit.jpg) repeat-x 0 0; padding:0 33px;  font-size:14px;  font-weight:600; overflow:hidden; }
.contact_box .content{ float:left; padding:8px 0 8px 8px;  width:200px; color:#333;border: #B5EEF4 1px solid; border-top:none;  }


.left_box {  border-top:none; width:198px;border: #B2CBCB 1px solid; border-top:none; overflow:hidden; margin-bottom:10px; }
.left_box h2 {color:#fff; height:32px; line-height:32px;background:#1C8D9B; padding:0 20px; font-size:14px;  font-weight:600;  position:relative; overflow:hidden; }
.left_box h2 span { position:absolute; top:0px; right:20px; font-weight:100; font-size:12px; color:#fff; }
.left_box h2 span a{ color:#fff; }
.left_box .content{ float:left; padding:8px 0 8px 0px; width:198px; border-top:none;}

.right_box {width:788px;margin-bottom:10px; border: #B2CBCB 1px solid; border-top:none; overflow:hidden;  }
.right_box h2 {  font-size:14px;  font-weight: bold; color:#146670; height:32px; line-height:32px;background:url(../images/tit_bg.jpg) repeat-x 0 0;  position:relative; padding:0px 20px;overflow:hidden;  }
.right_box h2 span { position:absolute; top:0px; right:20px; font-weight:100; font-size:12px; color:#666; }
.right_box h2 span a { color:#666; }
.right_box h2 span a:hover { color:#f30; }
.right_box .content {  width:768px; padding:10px; overflow:hidden; }

.main_tit {  font-size:14px;  font-weight: bold; color:#146670; height:32px; line-height:32px;background:url(../images/tit_bg.jpg) repeat-x 0 0;  position:relative; padding:0px 20px;overflow:hidden;  }
.main_tit span { position:absolute; top:0px; right:20px; font-weight:100; font-size:12px; color:#666; }
.main_tit span a { color:#666; }
.main_tit span a:hover { color:#f30; }

.news-list { margin-bottom:6px; padding:6px; }
.news-list li { position:relative; background:url(../images/list_dot.gif) 0px 14px no-repeat;border-bottom:#ccc 1px dashed; height:36px; line-height:36px; padding-left:10px; font-size:12px; }
.news-list li span { color:#999; position:absolute; top:0; right:20px; }
.news-view { margin-bottom:6px; padding:6px;font-size:14px; line-height:180%; }
.news-view h1 { text-align:center; padding-top:3px; padding-bottom:6px; font-size:16px; font-weight:bold; }
.news-view .ext { height:28px; line-height:28px; margin-bottom:10px; text-align:center; color:#999; background:#f6f6f6; }

.yaopin-list {width:1000px;margin-bottom:10px; overflow:hidden;}
.yaopin-list ul li { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; height: 28px; line-height:28px; text-align:center;float: left; overflow:hidden; }
.bt { background:#F5F7FA; font-weight:bold; color:#666}
.br { border-right:#ddd 1px solid;}

.product_list_box {width:1000px;margin-bottom:10px; overflow:hidden;  }
.product_list_box h2 {  font-size:14px; font-weight: bold; color:#333; height:32px; line-height:32px;background:url(../images/tit_bg.jpg) repeat-x 0 0; border:#B2CBCB 1px solid;  position:relative; padding:0px 20px;overflow:hidden;  }
.product_list_box h2 span { position:absolute; top:0px; right:20px; font-weight:100; font-size:12px; color:#333; }
.product_list_box h2 span a { color:#333; }
.product_list_box h2 span a:hover { color:#f30; }


.product_list { margin-top:0px; }
.product_list td { text-align:center;line-height:100%;}
.product_list td h1{ }
.product_list .cart{ margin:8px;}
.product_list .cart .btn{ float:left}
.product_list .cart .txt{ float:right; width:600px; color:#ff3300; margin:0px 0 10px 0; padding:8px 0px 8px 10px; background:#EEF4E5; border:#C7E29D 1px solid;}

.pic-list { width:998px; padding-top:10px; padding-left:6px;overflow:hidden; }
.pic-list ul { margin:10px 0px 6px 6px; padding:0; }
.pic-list li { width:180px; height:220px; float:left; margin-right:5px; margin-left:5px; display:inline;text-align:center; overflow:hidden; }
.pic-list li p { padding:3px 0; width:180px; margin-bottom:10px; overflow:hidden;}
.pic-list li p a{ color:#333;}
.pic-list li p a:hover { color:#ff6600; }

.product-view {overflow:hidden; width:768px  }
.product-view .pic { float: left; width:320px; height:230px; padding:10px;}
.product-view .pic img { border:#dedede 1px solid; width:300px; height:226px; }
.product-view .sub { float:right; width:396px; line-height:200%; padding-top:8px;overflow:hidden; }
.product-view .sub h1 {padding:6px 0px 6px 0px; font-weight: bold; font-size: 16px; color:#DA4901; }

.product-view .ext { float:left; width:760px;margin-top:10px; }
.product-view .ext h2 { height:28px; line-height:28px; color:#333; background:#f6f6f6; border-top:#999 2px solid; padding:0 20px; font-size:14px;  font-weight:600; overflow:hidden;}
.product-view .ext .content{ padding:10px; }

.msg_list { padding:10px; }
.msg_list_title { padding:0 0 4px 0; border-bottom:#ccc 1px dashed; }
.msg_list_title img { margin:10 6px 0 0; padding:0 10px 4px 0; }
.msg_list_content { padding:8px 0 18px 0; line-height:180%; word-break:break-all; }
.msg_list_reply { border: #e6c99d 1px solid; background:#fff8ed; margin:4px 10px 4px 10px; padding:4px 10px 4px 10px; width:90%; line-height:180%; }
.table_title { color:#fff; font-weight:bold; padding-left:20px; height:22px; line-height:22px; background:#368CC5;}

.page_box {width:100%;text-align:center; margin:20px auto; height:60px; line-height:60px; overflow:hidden;}
.page_box .page {float:right; height:25px; line-height:25px;}
.page_box .page span{display: inline;float:left;padding:1px 10px;margin:2px; }
.page_box .page a {border: 1px solid #ccc;display: inline;float:left;padding:1px 10px;margin:2px;color:#333;}
.page_box .page a:hover {border: #09B173 1px solid; color: #333;text-decoration: none;}
.page_box .page .current {border: #ccc 1px solid;color: #fff; background: #09B173}

.tab_msg { height:24px; clear:both }
.tab_msg ul { padding-left:20px; list-style:none; }
.tab_msg li { border:1px solid #fdd796; background:#fff8ed; cursor:pointer; display:block; float:left; text-align:center; text-decoration:none; font-size:12px; height:22px; line-height:22px; padding:0 26px; margin:0 2px; position:relative; top:1px; z-index:9; }
.tab_msg li.right { float:right; margin-right:10px; width:70px; }
.tab_msg li:hover { text-decoration:underline; }
.tab_msg li.curr { background:#fff; border-bottom-color:#fff; color: #DA4901; cursor:default; font-weight:bold; }
.tab_msg_text { border-top:1px solid #fdd796; padding:10px; }

.i-news-box { float:left; width:748px; border:#ddd 1px solid; border-top:none;overflow:hidden;}
.i-news { height:30px; clear:both;background: url(../images/i-news-tit.jpg) repeat-x 0 bottom; border-top:#3AA400 2px solid; }
.i-news ul { padding-left:0px; list-style:none; }
.i-news li { cursor:pointer; display:block; float:left; text-align:center; text-decoration:none; color:#333; font-size:14px; width:120px; height:30px; line-height:30px; margin-right:0px; border-left:#CFCFCF 0px solid; border-right:#CFCFCF 1px solid; }
.i-news li.right { float:right; margin-right:10px; width:70px; }
.i-news li:hover { text-decoration:none; }
.i-news li.curr {background:#fff; color:#333; cursor:default; font-weight:bold; }
.i-news-text { padding:10px; overflow:hidden;}