@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-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	background:#dcf0f7 url(../img/bg.jpg) repeat-x;
	;
}

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; ;}
.center1{background:#fff;} 
#center{ width: 950px; /*position:relative;*/ padding:5px; background:#fff; margin:0 auto; clear:both;}
.w960{ width: 950px; /*position:relative;*/}

.fLeft{ float: left; }

.fRight{ float: right; }

.left_column{ width: 244px;display:inline;}

.center_column{ width: 678px; }

.right_column{ width: 190px; }

.left-msn h4{ color:#f00; font-size:12px; margin:0 8px 8px 5px; font-weight:normal;}
.left-msn li{ float:left; margin:0 8px; display:inline;}
/*通用块*/

.box{ margin-top: 8px; }

.box h3{border-bottom:1px dashed #999;color:#0269AB;font-size:11px;height:26px;line-height:26px;margin-bottom:3px;padding-left:25px; clear:both; background:url(../img/dian.jpg) no-repeat 8px 11px; padding-bottom:5px;}

.box ul{padding: 3px 3px 10px 3px; }



/*面包屑导航*/

.daohang{border-bottom: 1px dotted #4A6075;
    clear: both;
    color: #003F5E;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 22px;margin: 0 0 5px;
    padding: 5px 0 3px; height:25px; line-height:25px; display:block;width:673px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}



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

/* 头部语言 */
.languages_block{ width:100%;}
.languages_block_top {width:960px; margin:0 auto;font-size: 11px; background:url(../img/top-bg.jpg) no-repeat center;text-align:right; display:block; padding:12px 0;}

.languages_block_top a{ margin: 0 8px; }


.logo{ height:96px; width:100%; background:url(../img/logo-bg.jpg) repeat-x;}
.logo img{ display:block;}
/* 导航 */

.NavBottom{margin:-55px 0px 0px 0;clear:both;float:right;}

.MainNav{ padding: 0px 0 0px 0; height:32px; line-height:32px;float:right;}

.MainNav li{ float: left;height:32x; line-height:32px;text-align:center;}
.MainNav ul{float:left;color:#77C2E3;}
.MainNav li.first{ background:none;}
.MainNav li a{float:left;padding: 0 10px;color: #006699;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 14px;}
.MainNav .b1{ background:url(../img/nav-l.jpg) no-repeat; height:32px; width:7px;float:left; background:none;}
.MainNav .b2{ background:url(../img/nav-r.jpg) no-repeat; height:32px; width:7px; float:left;background:none;}
.MainNav li a:hover{ color:#f60; 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:8px 0 8px;}
#search_block_left #search_query{ width:185px; height:22px; line-height:22px; border:1px groove #d2d2d2; color:#000; float:left; margin-left:5px;}
#search_block_left #search_button{ background:url(../img/search.jpg) no-repeat; float:left; width:30px; height:23px; border:0; margin:5px 8px 0 8px;}
.c-seo{ color:#fff; margin:5px; font-size:11px;}
.clear{ clear:both;}
#search_block_left h4{ background:url(../img/dian.jpg) no-repeat 8px 8px;padding-left:25px;color:#0269AB;font-size:11px; border-bottom:1px dashed #999; padding-bottom:5px; margin-bottom:8px;}

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

/* 左边分类 */
#categories_block_left h3,.box-title{height: 35px; line-height: 35px; font-size: 14px; color: #fff; margin-bottom: 0px;clear:both; text-align:center;}
#categories_block_left h3{background:url(../img/left-t.jpg) no-repeat; font-size:16px;}
#categories_block_left{ background:url(../img/p-b.jpg) no-repeat center bottom; width:100%; padding-bottom:13px;}
.categories_block_left{margin:0 auto; clear:both}
.categories_block_left a{color:#727471; margin-left:5px; text-decoration:underline;}
#categories_block_left ul.tree {padding: 3px 3px 13px 0px;background:url(../img/p-z.jpg) repeat-y;}

#categories_block_left ul.tree li { border: none; font-size: 11px; line-height:25px; margin-top: 2px; font-weight: normal;padding-left:15px; font-weight:bold; background:url(../img/line.gif) repeat-x left 24px}

#categories_block_left ul.tree li ul li{ background: url(../img/dian1.jpg) left center no-repeat; font-weight: normal; margin-left: 5px; padding-left:10px; font-size:10px; font-weight:normal; line-height:16px;}

#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: #0269AB;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 11px;font-weight: bold; }
#categories_block_left ul.tree ul li a{color: #006699;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 11px; font-weight:normal;}
#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:5px 0;}
.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:url(../img/title.jpg) repeat-x;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;}

.products-top h3 a, .editorial_block h3 a,.news-l h3 a{ background:none; margin-right:5px; font-weight:normal; color:#fff; float:right;}
.products-top h3 a, .editorial_block h3 a{_margin-top:-22px;}
/*---------- frame : right ----------------------------------------------------*/

/*首页简介*/

.editorial_block{ display: block; }

.products-top h3,.editorial_block h3{margin: 0 0 5px;padding: 5px 0 3px;line-height: 25px;text-align:left;border-bottom: 1px dotted #4A6075;clear: both;color: #003F5E;font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 22px;font-weight: normal;height: 25px;}
.products-top b,.editorial_block b{ background:url(../img/title-l.jpg) no-repeat; width:24px; height:27px; float:left; display:none;}
.editorial_block .about-c{
	padding:5px 0 0 5px;
	line-height:normal;
	font-size:12px;
}
.editorial_block .about-pic{ float:left; margin:20px 20px 20px 0; }
.editorial_block .more1{ background:url(../img/more.jpg) no-repeat; width:37px; height:11px; float:right;margin:5px 20px 0 20px;}
/*内页单页面内容*/

.subpage{ line-height: 150%; }



/*产品列表*/

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

.products h2{ font-size: 12px; color:#0269ab; margin:3px 0; text-align:center; display:block; float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:150px;}
.products-top h2{text-align:left;}
.products h2 a{color:#0269ab;}
.products p{ color: #595959; }
.products h2 a:hover{ color:#f00; text-decoration:none;}
.products{ display: block; text-align: center; }

.products ul{ margin: 10px auto; }

.products li{ float: left; width: 150px;height:140px;padding: 5px 6px 0 6px; display:inline; overflow:hidden; border-bottom:1px dashed #999; margin-bottom:8px;}
.products .product_image,.products .product_img_link{ margin-left:10px;float:left;}
.products .product_image img,.products .product_img_link img{ display:block;}
.products .product_desc{ text-align:left; clear:both;}
.products .product_desc a{color:#0269ab;}

.products th{ background:#006699; color:#fff; line-height:40px; text-align:center}
.products .bg{ background:#f7f7f7; }
.products .bg td{border:1px solid #ddded0; border-left:0; border-right:0;}
.products tr:hover{ background:#ffffce;}
.products td{ padding:5px 5px; color:#595959;}
.products a{ color:#0269ab}
/*内页新闻列表*/

.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:#dcf0f7;}
.footer{padding: 10px 0;background:#dcf0f7;text-align:left;line-height: 150%;color: #666;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 11px;}
.footer ul{ clear:both;}
.footer li{ display: block; line-height: 150%;}
.footer a{color:#666;}
.block_various_links{}
.block_various_links li{ float:left; margin:0 20px 10px;+margin:0 20px 0px;}
.footer a:hover{ text-decoration:none; color:#000;}
.footer .block_various_links li a{ color:#565656;}
.footer-blank{ margin:0 auto;}
.f-t{ text-align:center; display:block; margin:5px; color:#565656;}
/*---------- 分页 --------------------------------------------------------------*/

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: 144px; }/**/

.picshow_main { position: relative; width:950px; height:144px;}

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

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

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