@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%; background:url(../img/bg.gif) 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: 964px; /*position:relative;*/ }

.fLeft{ float: left; }

.fRight{ float: right; }

.left_column{ width: 215px; }

.center_column{ width: 742px; }

.right_column{ width: 190px; }

/*通用块*/

.box{ margin-top: 8px; }

.box h3{ background: url(../img/title.gif); height: 35px; line-height: 35px; font-size: 12px; color: #fff;padding-left: 15px; }

.box ul{border:1px solid #e5e5e5; border-bottom:0; border-top:0;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; float:right;}

.languages_block_top li{ float: left; margin-left: 5px; }

/* 导航 */

.NavBottom{}

.MainNav{ padding:0px 0 0px 0; line-height:31px;position:relative;height:31px; font-size:15px;}

.MainNav li{ float: left;margin-left:4px;}

.MainNav li.first{ background:none; margin:0;}

.MainNav .nav-l{ display:none;}

.MainNav .nav-r{display:none;}

.MainNav li a{ color:#fff;width:116px; height:31px; line-height:31px;float:left; text-align:center; background:url(../img/nav_default.gif) no-repeat;}

.MainNav .nbg a{ background:url(../img/nav_hover.gif) no-repeat;}

/*头部搜索*/
.search_block_nav{ margin:-70px 10px 0 0; width:300px; position:relative; z-index:111;}
.search_block_nav #search_query{ margin-right:-6px; background:#fff; height:17px; line-height:17px;}

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

.search_block_nav .button{ background: url(../img/search-bt.gif); width: 23px; height: 19px; border: 0; color: #fff; font-size: 10px; text-align: left; padding-left: 2px; }

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



/* 左边分类 */

#categories_block_left h3{ background: url(../img/pro_title.gif); height: 35px; line-height:35px; font-size: 12px; color: #fff;padding-left: 15px; }

#categories_block_left{ }

#categories_block_left ul.tree {padding: 3px;border:1px solid #e5e5e5; border-bottom:0; border-top:0;}

#categories_block_left ul.tree li { border: none; font-size: 12px; line-height: 24px; font-weight: bold; background: url(../img/b-dot.gif) left 21px repeat-x; margin: 0 4px; padding-left:2px;}

#categories_block_left ul.tree li ul{background: url(../img/b-dot.gif) left  bottom repeat-x;}

#categories_block_left ul.tree li ul li{ background:none;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: 8px; color: #646464; background:url(../img/pro_li.gif) no-repeat left 4px;}

#categories_block_left ul.tree a:hover{ color:#f00;}

#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;border:1px solid #e5e5e5; border-bottom:0; border-top:0;color: #727272;word-wrap: break-word;  word-break: normal;}

/*左边新闻列表*/

.news-left{ display: block; }

.news-left ul{ float:left; width:734px;}

.news-left li{ line-height: 23px; border-bottom: 1px #e5e5e5 dashed; padding-left: 5px; float:left; width:340px; margin-right:10px;}

.link-left li{line-height: 23px; border-bottom: 1px #e5e5e5 dashed; padding-left:}

.news-left li a{ color: #646464; background:url(../img/news_li.gif) no-repeat left center; padding-left:10px;}

.link-left li a{color: #646464;}

.news-left h3{ background:url(../img/news_chang_title.gif) no-repeat; color:#fff; font-weight:normal;}

.link-left h3{ background:url(../img/title.gif) no-repeat;}

/*左边标签*/

.tags_content{padding: 5px;border:1px solid #e5e5e5; border-bottom:0; border-top:0;color: #727272;}

.tags_content a{color: #727272;}

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

/*首页简介*/

.editorial_block{ display: block; margin-bottom:10px;}

.products h3,.products_block h3,.editorial_block h3{ background:url(../img/pro_about_top.gif) no-repeat;color: #727272;font-size: 12px; line-height: 35px; padding-left:15px; color:#006D9B; font-weight:normal; text-align:left;}

.news-left .more,.products h3 .more,.products_block h3 .more,.editorial_block h3 .more{ background:url(../img/more.gif) no-repeat; width:37px; height:13px; float:right; margin:12px 12px 0 0;+margin:-23px 12px 0 0;}
.editorial_block .about-c{ padding:10px 20px; color:#727272; line-height:180%;border:1px solid #e5e5e5; border-bottom:0; border-top:0;}

/*内页单页面内容*/

.subpage{ line-height: 150%; }

/*产品列表*/

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

.products h2{ font-size: 12px; font-weight: normal;width: 140px;}

.products p{ color: #f00; }

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

.produt_content,.products ul{ padding: 10px auto; clear:both; float:left; width:740px;}

.produt_content,.products-top ul{border:1px solid #e5e5e5; border-bottom:0; border-top:0;}

.products li{ float: left; width: 140px; height:180px; margin: 5px 9px 0 30px; display:inline;}

.products ul{ padding-top:10px}

.products_block{padding: 10px auto 0 auto; margin-bottom:10px;}

.produt_content{}

.produt_content dl{ float:left; width:140px; height:180px; text-align:center; margin-right:10px;}
.products .product_img_link,.products .product_image,.products_block .product_image{ border:5px solid #DFDFDF; float:left;}

.products img{ display:block;}

.products .product_img_link:hover,.products .product_image:hover,.products_block .product_image:hover{border:5px solid #b0dc00; }

/*内页新闻列表*/

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

.left-msn{border:1px solid #e5e5e5; border-bottom:0; border-top:0; padding:8px 0}

.left-msn span{ margin:0 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{ border-top: 1px #e8e8e8 solid; padding: 10px 0; margin: 10px auto; text-align:center;}

.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('../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: 268px; }/**/

.picshow_main { position: relative; width: 962px; height: 268px; border: 1px #E7E7E7 solid; margin-bottom:10px;}

.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 962px; height: 268px; }

.picshow_change { position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left:882px; top: 242px; }

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

.line-box{border-top:0; border-bottom:0;}

.left_column .line-box{ background:url(../img/pro_bottom.gif) no-repeat bottom; padding-bottom:5px;}

.center_column .line-box{ background:url(../img/news_chang_bottom.gif) no-repeat bottom; padding-bottom:5px;}



#demo {background: #FFF;overflow:hidden;width: 720px; margin-left:10px;}

#demo2 div,#demo1 div{ float:left;display:block; margin:8px 2px 0 0px;}

#demo img { display:block;}

#indemo {float: left;width: 900%;}

#demo1,#demo2 {float: left;}/* category Products block */.blk_18 { margin: 0px auto 15px; FONT-SIZE: 12px;OVERFLOW: hidden; ZOOM: 1}.blk_18 .pcont { float: left; OVERFLOW: hidden; width: 700px}.blk_18 .ScrCont { width: 32766px; ZOOM: 1}.blk_18 #listes { float: left}.blk_18 #web_lists { float: left}.blk_18 .LeftBotton { background: url('../img/left_right.gif') no-repeat; float: left; margin: 10px 1px; width: 16px; height: 72px}.blk_18 .rightbotton { background: url('../img/left_right.gif') no-repeat; float: left; margin: 10px 1px; width: 16px; height: 72px}.blk_18 .LeftBotton { background-position: 0px 0px; margin:50px 0 0 5px;}.blk_18 .rightbotton { background-position: -16px 0px; margin:50px 0 0}.blk_18 .pl IMG { DISPLaY: block; margin: 6px auto 1px; CURSOR: pointer; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; width: 130px}.blk_18 .pl {margin: 0 5px; float: left; width: 130px; LINE-height: 16px; TEXT-aLIGN: center; }.blk_18 .pl p.name a{ line-height: 16px; text-decoration: none; width: 130px; overflow: hidden; border-top: 1px solid #ccc; line-height: 16px; display: block; text-align: left;}.blk_18 a.pl:hover { }.commu_cont3 { margin: 9px 7px 7px; LINE-height: 150%}.commu_cont3 UL { width: 188px}#download {background: url('../img/download.jpg') no-repeat scroll 530px 20px rgba(0, 0, 0, 0);}#downloads{ width: 500px;}#downloads a {display: block;  padding-left: 15px; font-weight: bold; background: url('../img/down_bg.jpg') no-repeat left center; line-height: 1.6; font-weight: normal; font-size: 12px; color: #666}