@charset "utf-8";



/*



“全局公用定义” 样式



2010.4.23 17:00 for SEOPLUS01



Last modified 2010.4.23 17:00



Author:Jeffrey (wjf217@foxmail.com)



Copyright (c) 2010, Web-sun.cn All rights reserved.



*/







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



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



html{ background: #FFF; }



body{ font: 12px Verdana,Arial,Tahoma; line-height: 150%; }



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: 1000px; /*position:relative;*/ }



.fLeft{ float: left; }



.fRight{ float: right; }



.left_column{ width: 250px; margin-left:24px; display:inline;}



.center_column{ width:686px; margin-right:24px; display:inline;}



.right_column{ width: 190px; }



/*logo*/

.header-top{ background:url(../img/top-bg.jpg) no-repeat right;}

.logo{ width:370px; float:left; height:76px;}

.logo img{ display:block;}

.logo-nav li{ float:left; margin:18px 18px 0 0; display:inline;}

/*通用块*/



.box{ margin-top: 8px; }



.box h3{ background:url(../img/title-bg.jpg) repeat-x; height: 37px; line-height: 37px; font-size: 12px; color: #6d6d6d; padding-left: 5px; border:1px solid #e7e7e7}



.box ul{ border: 1px #e7e7e7 solid; border-top:0; padding: 3px 3px 10px 3px; background:#fff;}







/*面包屑导航*/



.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; }





.banner{ width:1000px; margin:5px auto 1px;}

/* 导航 */



.NavBottom{ margin-bottom: 10px; width:1000px; margin:0 auto; background:url(../img/nav-l.jpg) no-repeat;}



.MainNav{ position:relative; height:48px; line-height:48px;}



.MainNav li{ float: left; padding: 0 26px 0 35px; font-weight: bold; }





.MainNav li a{ color:#fff; font-size:16px;}

/*头部搜索*/

.search_block_nav{ position:absolute; top:-62px;_top:-58px; right:0;}

.search_block_nav .keyword{ border: 1px #dfdfdf solid; background: #fefefe; height:30px; width:253px;line-height:30px; margin-right:-5px;}



.search_block_nav .button{ background: url(../img/search-go.jpg); width: 49px; height:32px; border: 0; color: #fff; font-size: 10px; text-align: left; margin-right:30px;}





.content{ background:#fafafa url(../img/content-bg.jpg) repeat-x; padding:26px 0 10px 0;}

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



/* 左边分类 */



#categories_block_left h3{ background:url(../img/title-bg.jpg) repeat-x; height: 37px; line-height: 37px; font-size: 12px; color: #818181;padding-left: 5px; border:1px solid #e7e7e7;}

#categories_block_left b{ background:url(../img/products.jpg) no-repeat; float:left; width:27px; height:37px; margin:0 18px 0 5px;}

#categories_block_left{ }



#categories_block_left ul.tree {border: 1px #e7e7e7 solid; padding: 3px; border-top:0; background:#fff;}



#categories_block_left ul.tree li { border: none; font-size: 11px; line-height: 30px; margin-top: 2px; font-weight: bold; background: url(../img/b-dot.gif) left 29px repeat-x; padding-left:16px;}



#categories_block_left ul.tree li ul li{ background:none;font-size: 11px;font-weight: normal; margin-left: 8px; padding-left: 16px;line-height: 20px; }



#categories_block_left ul.tree li ul li ul li{ padding-left: 16px; font-size: 9px;line-height: 20px;margin-left: 8px;}



#categories_block_left ul.tree a{ padding-left: 15px; color: #9b9b9a; background:url(../img/dian.jpg) no-repeat left 3px;}



#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'); }







/*左边联系方式*/

.contact_us{position:relative;}

.contact_us b{ background:url(../img/contact.jpg) no-repeat; width:28px; height:37px; float:left; margin:0 18px 0 12px; }

.left-contact{ padding:18px 10px 0 10px; border: 1px #E7E7E7 solid; border-top:0; color: #8e9092; background:#fff url(../img/contact-us.jpg) no-repeat bottom; height:auto !Important; height:256px; min-height:256px; font-size:11px;}

.left-contact .more1{ background:url(../img/see-more.jpg) no-repeat; width:90px; height:27px; float:right; position:absolute; right:18px; bottom:10px; display:none;}



/*左边新闻列表*/



.news-left{ display: block; }



.news-left li{ line-height: 30px; border-bottom: 1px #eee dashed; padding-left:16px; }

.news-left b{ background:url(../img/new.jpg) no-repeat; width:45px; height:37px; float:left; margin:0 8px 0 5px}

.news-left li a{ color: #9b9b9a; background:url(../img/dian.jpg) no-repeat left 12px; padding-left: 15px; display:block;width:200px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}



/*左边标签*/



.tags_content{padding: 5px;border: 1px #E7E7E7 solid;border-top:0; color: #8e9092;}

.tags_content a{color: #8e9092;}



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



/*首页简介*/



.editorial_block{ display: block; }



.editorial_block h3{ background:url(../img/about-us.gif) no-repeat left; width:126px; height:17px; color: #666; margin: 8px auto; font-size: 12px; line-height: 35px; text-align:left; float:left;}

.editorial_block .about-c{ clear:both; line-height:180%; color:#777;}





/*内页单页面内容*/



.subpage{ line-height: 150%; }







/*产品列表*/



.products-top{margin: 10px auto 0 auto; }

.products-top h3{ background:url(../img/products.gif) no-repeat; width:153px; height:23px; float:left; margin:10px 0 0;}



.products h2{ font-size: 12px; font-weight: normal;margin-top:10px;}

.products h2 a{ color:#5d9034;}

.products p{ color: #f00; }



.products{ display: block; text-align: center; }



.products ul{ margin: 10px 0; width:686px;clear:both; float:left;}



.products li{ float: left; width: 179px;height: 175px;+height: 178px; margin: 5px 47px 18px 0;border-bottom: 1px #dbdbdb dashed; display:inline; overflow:hidden; display:inline;}





.products-top li{ height: 184px;}



.products img{ display:block; padding:2px; border:1px solid #d1d1d1; background:#fdfdfd;}

.products .b-none{ height:1px; line-height:1px; border:0; background:#fdfdfd; width:686px; clear:both; position:relative; font-size:1px; padding:0; margin:-19px 0  0 !important;}

/*内页新闻列表*/



.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{padding: 32px 0 20px; margin: 0px auto; background:url(../img/fooer-bg.jpg) repeat-x; text-align:center;display:block;}



.footer li{ display: block; line-height: 200%; }

.footer,.footer a{ color:#a6a7a9; font-size:10px;}









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



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; }