﻿@charset "utf-8";

*{ padding: 0px; margin: 0px; }

html{ background: #FFF; }

body{ font: 12px Verdana,Arial,Tahoma; line-height: 150%; background:url("../img/top.jpg") repeat-x top;}

img{ border: none; }

a{ color: #000; text-decoration: none; }

a:hover{ color: #F00; text-decoration: underline; }

ul{ list-style: none; }

input,select,button{ vertical-align: middle; }

.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

*html .clearfix{ height: 1%; }

*+html .clearfix{ height: 1%; }

/*英文强制换行*/

.word{ word-break: break-all; }

.red{ color: #f00; }



/*--------------- stock ---------------------------------------------------------*/

.center{ margin: 0px auto; }

.w960{ width: 980px; /*position:relative;*/ }

.fLeft{ float: left; }

.fRight{ float: right; }

.left_column{ width: 225px; border:1px solid #bce0bc; background:#ecf6ed; padding:20px;}

.center_column{ width: 684px; }

.right_column{ width: 190px; }

#center{ background:url("../img/top.jpg") repeat-x top; width:924px; margin:0 auto}

/*通用块*/

.box{ margin-top: 8px; }

.box h3{border-bottom:1px solid #6EA36D;color:#196B19;font-size:14px;height:26px;line-height:26px;margin-bottom:3px;padding-left:5px;}

.box ul{padding: 3px 3px 10px 3px; }



/*面包屑导航*/

.daohang{ border-bottom: 1px #ccc solid; height: 25px; line-height: 25px; }



/*---------- frame : header ---------------------------------------------------*/

/* 头部语言 */

.languages_block_top { font-size: 11px; margin-top: 5px; }

.languages_block_top li{ float: left; margin-left: 5px; }



/* 导航 */

.NavBottom{ margin-bottom: 10px; width:764px; position:relative;margin:0 auto -16px; top:-14px;+top:-20px; padding-left:210px; clear:both;}

.MainNav{ padding: 2px 0 8px 0; }

.MainNav li{ float: left; font-weight: bold; background:url("../img/nav.jpg") repeat-x; height:36px; line-height:36px; text-align:center;}

.MainNav li.first{ border-left: 0; padding-left: 0; }
.MainNav li a{ color:#6d6d6d;float:left;padding: 0 14px;}
.MainNav li .b1{ background:url("../img/nav-l.jpg") no-repeat; height:36px; width:7px;float:left;}
.MainNav li .b2{ background:url("../img/nav-r.jpg") no-repeat; height:36px; width:7px; float:left;}
.MainNav li a:hover{ color:#358337; text-decoration:none;}
/*头部搜索*/

.search_block_nav .keyword{ border: 1px #999 solid; background: #f3f4f5; }

.search_block_nav .button{ background: url("../img/search-bt.gif"); width: 29px; height: 15px; border: 0; color: #fff; font-size: 10px; text-align: left; padding-left: 2px; }

#search_block_left{ margin:15px 0 8px;}
#search_block_left #search_query{ width:215px; height:22px; line-height:22px; border:1px groove #d2d2d2; color:#000;}
#search_block_left #search_button{ background:url("../img/search.jpg") no-repeat; float:right; width:81px; height:23px; border:0; margin:8px 8px 0 0;}
.c-seo{ color:#ffffff; margin:5px; font-size:13px; font-family:"宋体";width:100%;text-align:right;}
.c-seo a{ color:#ff6600; margin:5px; font-size:13px; font-family:"宋体"}
.clear{ clear:both;}
/*---------- frame : left -----------------------------------------------------*/

/* 左边分类 */
.l-title{ background:url("../img/left-t.jpg") no-repeat; width:267px; height:19px; float:left; margin:-21px -21px 0 -21px; position:relative;}
#categories_block_left h3,.box-title{height: 26px; line-height: 26px; font-size: 14px; color: #196b19; margin-bottom: 3px; padding-left: 5px; border-bottom:1px solid #6ea36d; clear:both;}

#categories_block_left{ }
.categories_block_left{margin:0 auto; clear:both}
.categories_block_left a{color:#727471; margin-left:5px;}
#categories_block_left ul.tree {padding: 3px; }

#categories_block_left ul.tree li { border: none; font-size: 12px; line-height: 22px; margin-top: 2px; font-weight: normal;background: url("../img/dian.jpg") left 10px no-repeat; padding-left:5px;font-size:11px;}

#categories_block_left ul.tree li ul li{ background: url("../img/dian.jpg") left center no-repeat; font-weight: normal; margin-left: 10px; padding-left: 10px; font-size:10px;}

#categories_block_left ul.tree li ul li ul li{ padding-left: 20px; font-size: 9px; }

#categories_block_left ul.tree a{ padding-left: 5px; color: #727272; }

#categories_block_left ul.tree a:hover{ }

#categories_block_left ul.tree a.selected{ color: #f00; font-weight: bold; }

#categories_block_left span.grower{ display: block; float: left; background-position: 0px 7px; background-repeat: no-repeat; width: 9px; height: 22px; padding: 0; }

#categories_block_left span.OPEN { background-image: url("../img/icon/less.gif"); }

#categories_block_left span.CLOSE{ background-image: url("../img/icon/more.gif"); }



/*左边联系方式*/

.left-contact{ padding: 5px; color: #595959;}

#newsletter_block_left .box_content{color:#5b5b5b; padding:5px;}
#newsletter_block_left .button_mini{ background:url("../img/ok.jpg") no-repeat; width:61px; height:21px; border:0; margin-left:30px;}
#newsletter_block_left form p{ margin:6px 0;}
/*banner*/
.banner{clear:both; margin-bottom:18px;}
.banner img{ display:block; clear:both;}
/*左边新闻列表*/

.news-left{ display: block; }

.news-left li{ line-height: 23px;padding-left: 5px; }

.news-left li a{ color: #595959; }

.news-l h3{ background:#478e48;color: #fff;font-size: 13px; line-height: 27px; height:27px;margin-bottom:10px; text-align:left; padding:0; border:0;}
.news-l b{ background:url("../img/title-l.jpg") no-repeat;width:24px; height:27px; float:left;}
.news-l span,.news-list span{ float:right; +margin:-24px 10px 0 0; color:#d3d3d3;}
.news-l a{ background:url("../img/dian.jpg") no-repeat left center; padding-left:10px;}
/*左边标签*/
.tags_content{padding: 5px;color: #595959;}
.tags_content a{color: #595959;}


/*---------- frame : right ----------------------------------------------------*/

/*首页简介*/

.editorial_block{ display: block; }

.products-top h3,.editorial_block h3{ background:#478e48;color: #fff; margin: 5px auto; font-size: 13px; line-height: 27px; margin-bottom:10px; text-align:left;}
.products-top b,.editorial_block b{ background:url("../img/title-l.jpg") no-repeat; width:24px; height:27px; float:left;}
.editorial_block .about-c{ padding:5px 0 0 5px; height:142px;+height:138px; overflow:hidden; line-height:150%;}
.editorial_block .about-pic{ float:right; margin-left:20px;}
.editorial_block .more1{ margin-left:10px; color:#115f14;}
/*内页单页面内容*/

.subpage{ line-height: 150%; }



/*产品列表*/

.products-top{margin: 10px auto 0 auto; }

.products h2{ font-size: 12px; color:#488e46; margin:3px 0; text-align:center; display:block; }
.products-top h2{text-align:left;}
.products h2 a{color:#488e46;}
.products p{ color: #f00; }

.products{ display: block; text-align: center; }

.products ul{ margin: 10px 0; text-align:center}

.products li{ float: left; width: 213px; height: 200px; margin: 5px 0px 0px 5px; overflow:hidden;}
.products .product_image,.products .product_img_link{border:1px solid #93be93; float:left; padding:5px 20px;}
.products .product_image img,.products .product_img_link img{ display:block;}
.products .product_desc{ text-align:left; }
.products .product_desc a{color:#515151;}
/*内页新闻列表*/

.news-list{ display: block; overflow: hidden; margin-top: 10px; }

.news-list li{ border-bottom: 1px #ddd solid; line-height: 25px; background: url("../img/dot.gif") left center no-repeat; padding-left: 10px; }



/*留言表单*/

.contact-form{ display: block; }

.contact-form p.tishi{ padding: 5px 0; }

.contact-form form label{ width: 150px; color: #000; float: left; }

.contact-form p{ margin: 5px auto; }

.contact-form input,.contact-form textarea{ width: 300px; }



/*产品详细页*/

.product_detail{margin-top:10px;}

.product_detail h1{font-size:16px; margin-bottom:10px;}

.product_detail .product_img{margin:0 auto; text-align:center; border:1px #CCC solid;}

.product_detail .thumbs_list{text-align:center; border:1px #CCC solid; border-top:0; padding:10px 0;}

.product_detail .thumbs_list li{margin:5px; display:inline; border:1px #CCC solid;}

.more_info_block{border:1px #CCC solid; border-top:0; padding:10px;}

/*搜索结果*/

.search h2,.search h3{font-size:14px; margin-top:10px;}

.search h3{border-bottom:1px #ccc dashed; padding-bottom:10px;}



/*---------- frame : footer ---------------------------------------------------*/
#footer{ width:100%; background:#e9f7e8; margin-top:20px;}
.footer{padding: 10px 0;background:#e9f7e8;padding: 10px auto; text-align:center;line-height: 150%; color:#727471;}
.footer ul{ clear:both;}
.footer li{ display: block; line-height: 150%;}
.footer li a{color:#727471;}
.block_various_links{ padding-left:10%;}
.block_various_links li{ float:left; margin:0 20px 10px;+margin:0 20px 0px;}

.footer .block_various_links li a{ color:#287024;}
.footer-blank{ margin:0 auto;}
.f-t{ text-align:center; display:block; margin:5px; color:#727471;}
/*---------- 分页 --------------------------------------------------------------*/

div.pagination { margin:10px auto; }

ul.pagination {list-style: none;float: left;}

ul.pagination li {display: inline;float: left;margin-right: 0.3em;}

ul.pagination li, ul.pagination a, ul.pagination span {font-weight: bold;color: #374853;}

ul.pagination a, ul.pagination span {border: 1px solid #888;padding: 0em 0.4em;display: block;line-height: 17px;background: #bdc2c9 url("../img/pagination_bg.gif") repeat-x top right;}

ul.pagination a { text-decoration: none; }

ul.pagination li.current span {background-color: #595a5e;background-image: url("../img/pagination-bg-current.gif");color: white;border: 1px solid #595a5e;}

ul.pagination li.truncate {padding: 0.3em;background: none;}

#pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span {

background-image: url("../img/pagination-prevnext-bg.gif");	border: none;line-height: 19px;	border-color: #d0d1d5;border-style: solid;border-width: 0 1px;}

#pagination_previous {background: transparent url("../img/pagination-prev-border.gif") no-repeat top left;padding-left: 6px;}

#pagination_previous a, #pagination_previous span {border-left: none;}

#pagination_next {background: transparent url("../img/pagination-next-border.gif") no-repeat top right;padding-right: 6px;}

#pagination_next a, #pagination_next span { border-right: none; }

li.disabled span {color: #888;background-color: #f1f2f4;}



form.pagination { text-align: right; }

form.pagination label {line-height: 1.4em;vertical-align: bottom;float:right;margin-left: 0.3em;}

form.pagination select { float:right; }

form.pagination select option{font-size: 0.9em;padding-right: 1em;}

form.pagination input{ float:right; }

form.pagination .button_mini{width:50px;}



/*  站点地图 */

#sitemap_content{ margin-left:20px; }

div.sitemap_block{padding:0;float:right;width:40%;}

div.sitemap_block ul{ text-align:left; }

div.sitemap_block h3, .categTree h3{font-size:14px; margin:10px auto;}

div.categTree {width:45%; float:left;}

/* Category tree (i.e. in sitemap) */

div.tree_top1 {	background:url("../img/sitemap-top.gif") no-repeat -1px -3px;padding-left:24px;	padding-bottom:5px;	padding-top:3px;}

ul.tree1, ul.tree1 ul{ list-style-type:none; }

ul.tree1 li{padding-left:1.2em;	border-left:1px gray dotted;background:url("../img/sitemap-horizontal.gif") no-repeat left 10px;margin-left:1em;}

ul.tree1 a{ padding-left:0.2em; }

ul.tree1 a.selected{ font-weight:bold; }

ul.tree1 li.last{background:url("../img/sitemap-last.gif") no-repeat -12px -2px;border:none;}



/*---------- 图片切换 CSS -----------------------------------------------------*/

.picshow { z-index: 444; position: relative; background-color: #e4f2fa; width: 100%; height: 200px; }/**/

.picshow_main { position: relative; width: 727px; height: 200px; border: 1px #ccc solid; }

.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 727px; height: 200px; }

.picshow_change { position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 660px; top: 180px; }

.picshow_change img { width: 15px; height: 15px; padding: 0 !important; }

.picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px; -display: inline; line-height: 15px; height: 15px; }

.picshow_change a.axx { border-color: #555; }

.picshow_change a.axx:hover { border-color: #000; }

.picshow_change a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4; }

.picshow_change a.axx:hover img { filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; }

.picshow_change a.bxx { border-color: #000; }

.picshow_change a.bxx:hover { border-color: #000; }



/*---------- errors 错误 --------------------------------------------------------*/

.error { width: 90%; border: 1px solid #da0f00; background-color: #f1f2f4; color: #f00; margin: 0.3em auto 1.5em auto; padding: 0.3em 0.8em 1em; }

.error p { font-weight: bold; }

.error li { list-style-position: inside; list-style-type: decimal-leading-zero; padding-left: 3em; }



/*---------- warning 警告----------------------------------------------------- */

.warning { color: black; font-size: 1.2em; background-color: #F8E1A0; border: 1px dashed #F9E400; font-weight: bold; margin: 0.2em 2em; padding: 0.6em 1em; }

.warning_inline { color: #da0f00; font-weight: bold; }



/*---------- success 成功 -----------------------------------------------------*/

.success { color: green; background-color: #d0d3d8; border: 1px dashed green; font-weight: bold; margin: 0.2em 1em; padding: 0.3em 0.8em 1em; }

.success_inline { color: green; font-weight: bold; }

/*分页样式*/
#page {padding:8px; margin: 3px;  text-align: center; clear:both;}
#page a{border:#333333 1px solid; padding:2px 5px; margin:2px; color:#999999; text-decoration:none; height:18px;}
#page a:hover{color:#FFFFFF; background:#333333;}
#page span.current{border:#333333 1px solid;padding:2px 5px; margin:2px;color: #FFFFFF;background:#01B0ED;}
#page span.disabled{border:#333333 1px solid;padding:2px 5px; margin:2px;color: #DDDDDD;}
#page span.text {border:#333333 1px solid;padding:2px 5px; margin:2px;color: #666666;}
