@charset "utf-8";

/*
“全局公用定义” 样式
2010.4.23 17:00 for SEOPLUS01
Last modified 2010.4.23 17:00
Author:Jeffrey (erick@web-sun.cn)
Copyright (c) 2010, Web-sun.cn All rights reserved.

*/


/*---------------- base -----------------------------------------------------------*/

*{ padding: 0px; margin: 0px; }
html{ background: #FFF; }
body{ font: 12px Arial,Verdana,Tahoma; line-height: 150%; color:#333;}
img{ border: none; }
a{ color: #333; text-decoration: none; }
a:hover{ color: #F00; text-decoration: underline; }
ul{ list-style: none; }
h3{border-radius:3px 3px 0 0; font-size:13px; }
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: 960px; /*position:relative;*/ }
.fLeft{ float: left; }
.fRight{ float: right; }
.left_column{ width: 213px; }
.center_column{ width: 727px; }
.right_column{ width: 190px; }



/*通用块*/

.box{ margin-top: 8px; }
.box h3{ background:#ccc;  height:25px; line-height:25px; font-size: 12px; color: #fff; padding-left: 5px; }
.box ul{  border: 1px #d4d7d1 solid; border-top:0px; padding: 3px 3px 10px 3px; }
.right-title{height:25px; line-height:25px; border-radius:15px;}


/*面包屑导航*/

.daohang{ border-bottom: 1px #ccc dotted; height: 25px; line-height: 25px; }



/*---------- frame : header ---------------------------------------------------*/

/* 头部语言,logo */
.logo { height:90px;}
.logotitle {font-size:30px; padding:0 0 10px 0; display:block; margin:-50px 0 0 80px;}
.languages_block_top { font-size: 11px; margin-top: 5px; }
.languages_block_top li{ float: left; margin-left: 5px; }



/* 导航 */

.NavBottom{ border-bottom: 1px #e8e8e8 solid; margin-bottom: 10px;}
.MainNav{ height:30px; line-height:30px;}
.MainNav li{ float: left; padding: 0 20px; font-weight: bold; }
.MainNav li a{ color:#fff;}
.MainNav li.first{ border-left: 0; padding-left: 0; }
/*头部搜索*/

.search_block_nav .keyword{ border: 1px #fff solid; background: #f3f4f5; }

.search_block_nav .button{ background: #fff; width: 29px; height: 18px; border: 0; color: #333; font-size: 12px; text-align: center; border-radius: 3px; }



/*---------- frame : left -----------------------------------------------------*/

/* 左边分类 */

#categories_block_left h3{ background: #ccc; height:25px; line-height:25px; font-size: 12px; color: #fff; padding-left: 5px; }

#categories_block_left{ }

#categories_block_left ul.tree { border: 1px #d4d7d1 solid; border-top:0px; padding: 3px; }
#categories_block_left ul.tree li { border: none; font-size: 12px; line-height: 22px; margin-top: 2px; font-weight: bold; border-top:1px dotted #D2D2D2; }
#categories_block_left ul.tree li ul li{ background: url("dot.gif") left center no-repeat; font-weight: normal; margin-left: 10px; padding-left: 5px; }
#categories_block_left ul.tree li ul li ul li{ padding-left: 15px; font-size: 9px; }

#categories_block_left ul.tree a{ padding-left: 5px; }
#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("less.gif"); }
#categories_block_left span.CLOSE{ background-image: url("more.gif"); }



/*左边联系方式*/

.left-contact{ padding: 5px;  border: 1px #d4d7d1 solid; overflow:hidden;}



/*左边新闻列表*/

.news-left{ display: block; }
.news-left li{ line-height: 23px; border-bottom:1px dotted #D2D2D2;  padding-left: 5px; }
.news-left li a{ color: #333; }

/*左边标签*/
.tags_content{padding: 5px;  border: 1px #d4d7d1 solid; border-top:0px;}


/*---------- frame : right ----------------------------------------------------*/

/*首页简介*/
.editorial_block{ display: block;padding:5px 0; margin-top:10px; text-align:justify;}
.editorial_block h3{ margin: 5px auto; line-height: 25px;}

/*内页单页面内容*/

.subpage{ line-height: 150%; }



/*产品列表*/

.products-top{margin: 10px auto 0 auto; }
.products h2{ font-size: 12px; font-weight: normal; }
.products p{ color: #f00; }
.products{ display: block; }
.products ul{ margin: 10px auto; }
.products li{ float: left; width: 150px; height: 220px; margin: 15px; padding:5px 0 0 0; }
.products li img{ border: 1px #ccc solid;}
.products li img:hover{ border: 1px #f00 solid; }



/*内页新闻列表*/

.news-list{ display: block; overflow: hidden; margin-top: 10px; }
.news-list li{ border-bottom: 1px #ddd solid; line-height: 25px; background: url("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; 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; text-align:center;}

.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{ border-top: 1px #e8e8e8 solid; padding: 30px 0 0 0; margin: 10px auto 0 auto; text-align:center; background:#e4e4e4; height:70px;}
.footer li{ display: block; line-height: 150%; }





/*---------- 分页 --------------------------------------------------------------*/

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("pagination_bg.gif") repeat-x top right;}

ul.pagination a { text-decoration: none; }

ul.pagination li.current span {background-color: #595a5e;background-image: url("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("pagination-prevnext-bg.gif");	border: none;line-height: 19px;	border-color: #d0d1d5;border-style: solid;border-width: 0 1px;}

#pagination_previous {background: transparent url("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("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("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("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("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: #333; }

.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: #333; }

.picshow_change a.bxx:hover { border-color: #333; }



/*---------- 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: #ccc; border: 1px dashed #333; 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; }