@charset "utf-8";
/* CSS Document */
/* header部分 */
#logo-bar{height:auto;float:left;text-align:center; width:100%; clear:both; overflow:hidden;}
#nav{ background:url(../images/dh_bg.jpg) no-repeat left top; width:980px; clear:both;}
#nav ul{}
#nav ul li{ list-style:none; float:left; height:34px; line-height:34px; padding:0 18px;}
#nav ul .xianxi { background:url(../images/xixian_tu_01.jpg) no-repeat left top; width:2px; height:34px; margin:0; padding:0;}
#nav ul li a{TEXT-DECORATION: none; color:#fff; display:inline; font-weight:bold; font-size:14px; }
#nav ul li a:hover{COLOR: #fff;TEXT-DECORATION: none; font-weight:bold;}
#banner{ width:100%; float:left;}
/*内页导航样式*/
#nav_a{background:url(../images/nav_a_bg.jpg) repeat-x;  width:100%; text-align:center; float:left;height:35px; }
#nav_a ul{text-align:center; padding-left:173px; padding-top:5px; overflow:hidden; width:100%;}
#nav_a ul li{margin:0 0px;list-style:none; background:url(../images/li_bg.gif) no-repeat right;   text-align:center; padding:0px 22px; float:left;}
#nav_a ul li a{TEXT-DECORATION: none; color:#ff9933; display:inline;  font-size:14px; }
#nav_a ul li a:hover{COLOR: #FF6600;TEXT-DECORATION: none; }
#top_postion{ background: url(../images/top_postion.gif) left center; text-align:right; float:left; width:100%; height:40px;}
#top_postion span{ float:right; padding-right:130px; line-height:40px;}
#banner01{ width:100%; float:left;}
/**主内容区**/

/**首页左侧**/
.index-l-lanmu{ background: url(../images/l01_bg.jpg) no-repeat left top; width:333px; height:159px; float:left;}
.index-l-lanmu h2{ line-height:28px; padding-left:30px; font-weight:normal; font-size:14px; text-align:right; padding-right:30px; color:#ffdd96; }
.index-l-lanmu span{float:right; width:120px; color:#d8ac7d; text-align:left; padding-right:5px; overflow:hidden;}
.index-l-lanmu  a{color:#d8ac7d}
/*首页产品*/
.index-l-pro{ background: url(../images/l02_bg.jpg) no-repeat left top; width:333px; height:159px; float:left;}
.index-l-pro h2{ line-height:30px; padding-left:30px; font-weight:normal; font-size:14px; text-align:left; padding-right:30px; color:#ffdd96;}
.index-l-pro ul{ padding:10px;}
.index-l-pro  a{color:#d8ac7d}
/*首页咖啡美学*/
.index-r-lanmu{ background: url(../images/l03_bg.jpg) no-repeat left top; width:333px; height:159px; float:left;}
.index-r-lanmu h2{ line-height:38px; padding-left:30px; font-weight:normal; font-size:14px; text-align:left; padding-right:30px; color:#ffdd96;}
.index-r-lanmu ul{ padding:20px;color:#d8ac7d; text-align:left;}
.index-r-lanmu a{color:#d8ac7d}
/*内页左侧*/
.n_leftbox{ padding-left:80px; padding-top:20px; height:auto}
.proclass{}
.proclass li{ background: url(../images/arrow.jpg) no-repeat left center; list-style:none; padding-left:20px; line-height:25px;}
.proclass li a{ color:#663300; font-size:14px;}
.protu{ padding-top:10px;}
.content_box{ padding:10px; border:1px solid #d2b887; width:600px;}
/**底部**/
#footer span{ font-size:12px; text-align:center;  line-height:20px;  margin:0px; font-weight:normal; width:100%; float:left;}
#footer span a{ color:#603b2f;}
/*全局标签*/
/*网站搜索*/
.searchboxinput{ /*background: url(/Template/images/serarch_bg.jpg) no-repeat left center #fff;*/ border:1px solid #7CC402;color:#999; padding-left:5px; line-height:18px; height:18px; width:145px; margin-bottom:10px;}
.searchbotton{background: url(/Template/images/button_bg.gif) no-repeat left center; border:0px solid #999; color:#FFF; font-size:12px; font-weight:bold; border:0px; line-height:25px; height:25px;width:55px; text-align:left; margin-bottom:10px;}
/*多级分类样式*/
.tablename{ width:250px;}
.tableclass{  height:25px; /*这是tr样式*/list-style:none; background:url(../images/arrow.jpg) no-repeat left center; padding-left:25px; }
.table_tdclass{} /*这是td样式*/
.tableclass2{ height:20px;} /*二级tr样式*/
/**关于我们**/
.about{ margin:0 0px; padding:10px 20px 20px 20px; }
.about img{ float:left; margin:0 20px 0px 0;}
.about h3{ font-size:12px; font-weight:normal; line-height:24px; padding:0; margin:0;}
/**新闻中心**/
.news{ padding:20px 20px 0 20px; overflow:hidden;  }
.news span{}
.news li{border-bottom-width: 1px;border-bottom-style:dashed;border-bottom-color:#ccc;padding-top:2px;  list-style-position:inside; color:#603b2f; text-align:left; line-height:25px; background:url(../images/dian.jpg) no-repeat left 12px; padding-left:10px} 
.news li span{ float:right; margin-right:15px;  color:#333;}
.newslist{padding:10px 20px 0 20px;}
.newslist h1{text-align:center; font-size:16px; margin:10px 0;}
/**产品展示**/
.pro{height: auto;text-align:center; float:left;}
.pro .div22{ }
.pro li { text-align:center; list-style:none; /*padding:2px 15px;*/float:left; width:330px;/* height:160px padding-right:30px;*/ padding-bottom:10px;border:none;}
.pro li img{border: 0px solid #ccc; height:188px; width:150px; /*margin-top:20px;*/}
.pro li span{line-height: 30px;  text-align:center; clear:both;}
/*产品内容页样式*/
.prolist{ text-align:center;  background: url(../images/bg_down.jpg) no-repeat left bottom;}
.prolist img{ /*margin:20px 0;*/ text-align:left}
.pro_title{height: 25px;line-height:25px;text-align:left;padding:10px 20px 0 20px; border-top:1px dashed #8ab2f4;}
.pro_content{line-height:25px;text-align:left;padding:0 20px; margin:0px;}
/*客户反馈*/
.k_info{width:100%;height:auto;margin:5px 0px;text-align:left;display:table;border:1px solid #e7c4a0;}/*这是大边框*/
.class_line{border:1px solid #e7c4a0 ;}
.feedbackcss{ width:500px}
.text001{ border:1px solid #CCC; background:#FFFFFF;}
/*在线订购*/
.orderlist{ line-height:30px;}
.orderlist input{ }
/*最新产品*/
#gg { text-align:center;padding-top:10px;padding-bottom:10px;}
#demo {overflow:hidden;width: 100%;}
#demo li {border: 0px solid #F2F2F2;float:left;  text-align:center;  padding: 0 22px;list-style:none;}
#demo li img{margin-top:6px;border:1px #CCCCCE solid; padding:2px; height:160px; width:200px;}}
#indemo {float: left;}
#demo1 {float: left;}
#demo2 {float: left;}
/*滚动*/
#pro_gg {height:auto; text-align:center; overflow:hidden; padding: 0 10px;}
#pro_demo {overflow:hidden;width:100%;height:auto;}
#pro_demo li {border: 0px solid #F2F2F2;float:left; margin:0 10px; text-align:center; list-style:none;display:inline}
#pro_demo li img{margin-top:16px; border:1px solid #c2c1c1; padding:2px; height:160px; width:200px;}
#pro_indemo {float: left;width: 880%;}
#pro_demo1 {float: left; }
#pro_demo2 {float: left;}
/*滚动条样式*/
.autoscr{  display:block;  padding:5px; margin-top:5px; width:600px; height:350px; overflow:auto;SCROLLBAR-FACE-COLOR: #890a04;SCROLLBAR-BASE-COLOR: #000;hightlight-color:#ffffff;
    } 
/*官方链接样式*/
.kstyx_link{ clear:both; display:none}
.kstyx_link ul{ padding-left:10px}
.kstyx_link h3{ font-size:12px; text-align:left; text-indent:28px; background:url(../images/tubiao3.gif) no-repeat 10px center}
.kstyx_link h3 span a{ font-weight:normal; text-decoration:underline;font-size:10px;}
.kstyx_link li{ padding: 0 10px; list-style:none; line-height:25px; background:url(../images/biao.gif) no-repeat 3px center; display:inline}

.kstyx_proshowk1{
border:1px #003300 solid; font-weight:bold; color:#009900; border-color:#000000;
}
.kstyx_proshowk1 td{
border-right:1px #003300 solid; 
border-bottom:1px #003300 solid; 
line-height:150%;
padding-left:10px;
text-align:left;
}

#thumbs { padding-top: 5px; position: relative; width: 330px; text-align: left; }
#thumbs span {  width: 60px; height: 60px; cursor: pointer; display: inline-block; margin-right:10px;}
#thumbs span img { width:60px; height:60px; border:1px solid #ccc; }
#arrow {  }
#preview_wrap { margin: 0 auto; width: 330px; height: 330px;  }
#preview_outer { overflow: hidden; width: 330px; height: 330px; position: relative; }
#preview_inner { text-align: left; height: 100%; position: relative; }
#preview_inner div { float: left; width: 330px; height: 330px; position: relative; }
#preview_inner img{ width:330px; height:330px;}