@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{padding: 0px; margin: 0px;}

body{ font-size: 12px; font-family:Arial; line-height: 150%; color:#818491;}

#content{margin:0 auto; width:1009px; background:url("../img/bor.jpg") repeat scroll left center white;}

img{ border: none; }

a{ color: #818491; text-decoration: none; }

a:hover{ 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; }



.header{ clear:both; background: #F4F9FD;}



/*--------------- stock ---------------------------------------------------------*/



.center{ margin: 0px auto; }

.w960{ width: 980px; /*position:relative;*/ }

.w980{ width:980px;}

.fLeft{ float: left; }

.fRight{ float: right; }

.left_column{ width:212px; display:inline; margin:10px 0 0 2px;}



.center_column{ width: 740px; margin:10px 5px 0 0;}

.right_column{ width: 190px; }

.content{ background:#FFF;}

/*通用块*/



.box{ margin-top: 8px; }



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







/*面包屑导航*/



.daohang a{color: #675960;}

.daohang1{ padding:2px 0; color:#366602; background: #FFF;}

.daohang1 a{ font-weight:normal; color:#366602;}

.logo{  z-index:0;  height:100px; width:600px; float:left;}

.logo img{ display:block;}

.topright { float:right; width:360px; text-align:right; margin: 20px 0 0;}

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



/* 头部语言 */

.top1{ width:100%; background:#fff; border-bottom:1px solid #ccc; margin-bottom:0px;}

.languages_block_top { font-size: 11px; width:280px; text-align:right; float:right; margin-right: 15px;}

.languages_block_top li{color:#000; float:right;margin-left: 15px; }

.languages_block_top a{ color:#000; }



/* 导航 */

.MainNav{  height:38px; line-height:38px;}

.MainNav ul{background:url("../img/nav_bg.jpg") repeat-x; float:left; width:980px;  height: 36px;}

.MainNav li{ float: left; padding-right:1px;}

.nav_l{ background:url("../img/nav_l_bg.gif"); width:7px; height:38px; float:left;}

.nav_r{ background:url("../img/nav_r_bg.gif") ; width:15px; height:38px; float:right;}

.MainNav li a{ color:#fff;padding: 0 23px;font-size:13px; font-family:Arial, Helvetica, sans-serif; float: left; font-weight:bold;}

.MainNav li a:hover,.active,.MainNav .nbg a{text-decoration:none; color:#f9ef52;line-height:38px; height:38px;}





.contact-f{ padding:10px; border-bottom:1px solid #242629}

/*头部搜索*/



.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-go{ position:relative; z-index:111;}

#search_query{ border:1px solid #ccc; width:195px; line-height:22px; height:22px; margin-left:10px;color:#ccc; padding-left:8px; border-radius:3px;}

.search-go .button{ background:url(../img/search.jpg) no-repeat; border-radius:4px;  width:60px; height:20px; border:0; cursor:pointer;}

#search_button{ background:url(../img/search.jpg); font-size:12px;width:24px; height:24px; color:#fff;border:0;}



.left_column fLeft{position:relative;}

.none{ background:#d7d7d7; position:absolute; height:8px; font-size:0; display:block; width:223px; float:left; margin-top:-8px; display:none;}



#search_block_left h4{ background:url(../img/title.jpg) no-repeat; height:27px; line-height:27px; color:#fff; padding-left:10px; display:none;}

#search_block_left form{ background:#b0393f; padding:15px 0; border:1px solid #c2dceb;}

/*---------- 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{background:url("../img/nav_bg.jpg") repeat-x; width:202px; height:28px; padding-left:10px;line-height:28px; color:#fff; font-size:15px;}







#categories_block_left{ }



.categories_block_left{margin:0 auto; clear:both}



#categories_block_left ul {border: 1px solid #E2E0E0; padding: 10px;}



#categories_block_left ul.tree li {



	border-bottom: 1px solid #E2E0E0;

	

	width: 160px;



	padding-left:10px;



	background: none;



	margin-left:0;



	font-weight:normal;



	font-size:12px;



	line-height:22px;



	margin-top:2px;



	background:url(../img/icon/less.gif) left 3px no-repeat;



}



#categories_block_left ul.tree li a{color:#000; padding-left: 5px;}



#categories_block_left ul.tree li ul li a{color:#000;}



#categories_block_left ul.tree li ul { border: none;}



#categories_block_left ul.tree li ul li{



	padding-left:5px;



	background:none;



	font-weight:normal;



}



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



	color:#000;



}*/



#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 3px;



	background-repeat: no-repeat;



	width:9px;



	height:15px;



	margin: 0 0 0 -10px!important;



	margin: 0 0 0 -6px;



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

#categories_block_left span.OPEN li { border: none;}





/*左边联系方式*/



.left-contact { padding: 12px 10px 5px; background:#FFF;color: #666666;  margin:0; line-height:180%;  border:1px solid #E2E0E0;}



.left-n{}



.left-msn ul{ background:#fff;width:210px;float:left;padding:0px 0;border:1px solid #c2dceb; border-top:0;border-bottom:0;}

.left-msn li{ float:left; margin:0px 8px; display:inline;}

.left-contact .contact-c{ width:175px; float:left; height:80px; overflow:hidden; font-size:11px;}

.left-c h3,.tag1 h3,.link-l h3{background:url("../img/nav_bg.jpg") repeat-x; height:29px; width:202px; padding-left:10px;line-height:29px;color:#fff; margin-top:8px;font-size:15px;}

.left-c .more{border:1px solid #cbcbcb; border-top:0; _padding:0px 0 8px;}

.left-c .more a{ background:url(../img/send.jpg); width:180px; height:35px; display:block;margin:0  auto 10px;}

.left-c h3 span a{float:right; background:url(../img/more.jpg); width:43px; height:8px;margin:12px 8px 0 0;+margin:-22px 8px 0 0;}

.left-msn h3{}

.left-msn{ background:url(../img/title_b.jpg) no-repeat bottom center; padding-bottom:5px;width:212px;float:left;}



/*左边新闻列表*/

.news-left{ display: block;margin:0; clear:both;}

.news-left ul{ padding:10px;  float:left; width:718px;}

.news-left li{ float:left; width:340px;line-height:22px; margin-right:10px;color:#999; border-bottom: 1px dotted #BFBFBF; list-style: disc inside url("../img/li_dots.gif");}

.news-left li a{ color: #717171; }

.news-left li a:hover{ color: red;}

.news-left h3, .products h3,.daohang{height:30px;line-height:30px;color:#675960; margin-top:0px; font-size:11px; border-bottom: 1px solid #D0CECE;}

.news-left h3 span { padding-left: 20px; color: #675960; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background: url("../img/title_img.jpg") no-repeat scroll 0 0 transparent;}

.tleft{ display:block; height:31px; width:10px; float:left;}

.more{ background: url("../img/rig_tit_rbg.gif") no-repeat scroll right center transparent; display: block;    float: right;    height: 31px;    width: 50px;}

.news-left li span{ width:160px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#4380c1; font-size:11px;}

.news-left li label { float: right;}

.news-list{ display: block; overflow: hidden;  margin:0; padding-bottom:20px;}

.news-list li{  line-height: 25px; background: url(../img/dot.gif) 5px center no-repeat; padding-left: 15px; }





/*左边标签*/

.tags_content{padding: 5px; background:#FFF; color: #000;border:1px solid #E2E0E0;}

.tags_content a{color: #666;}





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



/*首页简介*/



.editorial_block{ display: block;color: #666;   padding:0px;float:left; width:740px;}

.left_column1 .editorial_block{ display:none;}

.editorial_block h3{ font-size:13px; font-family:Geneva, Arial; border-bottom:1px solid #C9C9C9; margin-bottom: 10px;color: #b1292d; font-weight:normal;line-height: 30px;}

.editorial_block h3 span { padding-left: 20px; color: #675960; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background: url("../img/title_img.jpg") no-repeat scroll 0 0 transparent;}

.editorial_block .about-c{overflow:hidden; display:block; line-height:180%; height:200px;}

.editorial_block .about-i{  float:left; color: #666666; font-size: 12px; font-family: Arial, Helvetica, sans-serif;min-height:435px;}

.editorial_block .about-i img{border:2px solid #F6F6F6; float: left; margin: 5px 15px 10px 0; }

.editorial_block .about-a{padding:0 0 0 15px;  float:right; margin:2px 10px 0 0; width:111px; font-size:11px; font-weight:bold; margin-right:-60px;}

.editorial_block .about-a1{  background: #2E3D52;  border-radius:3px;  height:18px; line-height:18px; padding:0 0 0 15px;  float:left; margin:2px 10px 0 0; width:138px; font-size:11px; font-weight:bold;}

.editorial_block .about-a1:hover,.editorial_block .about-a:hover{ text-decoration:none; color:#f60;}

/*内页单页面内容*/



.subpage{ line-height: 150%; padding:10px;margin:0; color:#818491;}





/*产品列表*/

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



.products h2{ font-size: 12px; font-weight: normal; width:158px;line-height:20px; margin:5px 0; text-align: center;}

.products h2 a{ color:#797979;}

.products p{ color: #f00; display:block;}





.products{ display: block; margin-bottom:8px;}

.products ul{ padding:0;float:left;  width:738px; }

.products li{ float: left; width: 162px; height:208px; margin: 10px 10px 5px 11px; display: inline; overflow:hidden;}

.products li .product_image{ display:block; border:2px solid #dfdfdf; padding:1px; height:156px;}

.products li .product_image:hover{ border:2px solid #3578bc;}
.product_image img{margin:10px;}
.products h3 span a,.news-left h3 span a{color: #B1D0EF;    float: right;    font-size: 12px;    font-weight: 100;    width: 55px;}

.right-title span {padding-left: 20px; background: url("../img/title_img.jpg") no-repeat scroll 0 0 transparent;}



/*内页新闻列表*/





.contact-l{ float:left; background:#000; padding:10px; width:294px;}

.contact-l h3{font-size:13px; font-family:Geneva, Arial;background:#1c1c1c; border:1px solid #272727;color: #b1292d; font-weight:normal;line-height: 30px; padding-left:10px;}





/*留言表单*/



.contact-form{ display: block; padding:10px;  margin:0;}



.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{padding:10px 10px 0; }

.product_detail h1{font-size:14px; margin-bottom:10px; text-align:center; color: #675960;}



.product_detail .product_img{margin:0 auto; text-align:center; border:1px #c2dceb solid; padding:10px 0 5px 0;}



.product_detail .thumbs_list{text-align:center; border:1px #c2dceb solid; border-top:0; padding:10px 0;}



.product_detail .thumbs_list li{margin:5px; display:inline; }

.product_detail .thumbs_list li img{ border:1px #CCC solid;}

.more_info_block{border:1px #c2dceb solid; border-top:0; padding:10px; margin:0 10px;}



/*搜索结果*/



.search{border:1px solid #9ab6c4; border-top:0;padding-top:10px;}

.search h2,.search h3{font-size:14px; }



.search h3{border-bottom:1px #ccc dashed; padding-bottom:10px;}

.search .products ul{ border:0;}



#prev_link,#next_link{ color:#757c8a; margin: 0 10px;}

/*---------- frame : footer ---------------------------------------------------*/



.footer{text-align:center; font-size:12px;padding:8px 0; height: 80px; width:997px; background:url("../img/top.jpg") repeat-x scroll top center #FFF;}

.footer li{ display: block; line-height: 150%; color: #656565;}

.block_various_links { padding:8px 0 5px;height:20px; line-height:20px; color: #656565; }



.souc{ text-align:center; margin:5px 10px 0 0;}

.souc span{ margin-right:20px;}

.souc a{ color:#000;}

.souc label{ display:block; color:#000; font-weight:bold;clear:both; background:#fff url(../img/tel.gif) no-repeat 0px 10px; padding:10px 0px 10px 15px; width:220px; font-size:16px; margin-top:10px;}



.foor{ background:url(../img/foor.jpg) repeat-x; height:31px; line-height:31px; display:block; display:none;}

.foor a{ background:url(../img/icon1.gif) no-repeat left center; padding-left:8px; }

.foot-l{display:block; width:100%; float:left;}

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



div.pagination { margin:20px auto 10px;width:100%; float:left;}



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



.picshow_main { position: relative; width: 980px; height: 240px; float:left;}



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



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



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

/*友情*/

.link-l{clear:both;  padding-bottom:5px;padding-top:8px; margin:0;}

.tag1{ padding-bottom:5px;}

.link-l ul{ padding:10px; background:#FFF; border:1px solid #E2E0E0;}

.link-l li{ line-height:22px;border-bottom:1px dashed #e5e5e5;}

.link-l li a{ color:#666}



.search_block_top{ position:relative; z-index:1; margin: 10px 15px 0 0; width:280px; float:right; }