@charset "utf-8";

/*
“全局公用定义” 样式
2010.8.3 10:00 for SEOPLUS01
Last modified 2010.8.3 10: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/180% Arial,Helvetica,sans-serif,"宋体" }
img{ border: none; }
a{ color: #333; 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; }
/*--------------- stock ---------------------------------------------------------*/
.center{ margin: 0px auto; }
.w965{width:965px;}
.w960{ width: 965px; padding-bottom: 5px; padding-top:15px;}
.w980_bg{width:980px; background:url(../img/header-bg.jpg) repeat-y;}
/*.w980_main_bg{width:980px; background:url(../img/main-bg.jpg) repeat-y;}*/

.fLeft{ float: left; }
.fRight{ float: right; }
.left_column{ width: 225px; }
.center_column{ width: 722px; background: url('../img/content_bg.png') no-repeat left top;}
.right_column{ width: 190px; }
.mt1{margin-top:10px;}

/*通用块*/
.box{ margin-top: 8px; }
.box h3{ background: url(../img/right-title-bg.gif); height: 22px; line-height: 22px; font-size: 12px; color: #fff; margin-bottom: 3px; padding-left: 5px; }
.box ul{ background: #f7f7f7; border: 1px #d4d7d1 solid; padding: 3px 3px 10px 3px; }
.pro-download{ text-align:right; margin-top:-73px;}

/*面包屑导航*/
.daohang{ padding-left: 42px; height: 30px; line-height: 30px; background: url('../img/icos.png') no-repeat 12px center; font-size:13px;}
/*---------- frame : header ---------------------------------------------------*/

.hearder-top{background:url(../img/header-top.jpg) no-repeat; height:15px;}
.logo{
width: 392px;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo.png',sizingMethod='scale');}
.Top{margin:50px 10px auto auto;}
/* 头部语言 */
.languages_block_top { font-size: 11px; margin: 8px 20px 0 0; float:right;}
.languages_block_top li{ float: left; margin-left: 5px; }
/* 导航 */
.NavBottom{ border-bottom: 1px #e8e8e8 solid; margin-bottom: 10px; }
.MainNav{text-align:center; height: 35px;}
.MainNav li{padding-left:10px; display:inline; height:35px; line-height:35px; padding:0px; font-size:14px; text-align: left;}
.MainNav li:hover{ height:35px;}
.MainNav a{color:#000; text-decoration:none;}
.MainNav a:hover{ color:#E91C1C;}
/*搜索*/
.search_block_left{margin:10px auto;}
.search_block_left .search_input{background:url(../img/search-ico.jpg) 2px center no-repeat; border:1px solid #bfbfbf; border-right:0; height:24px; line-height:24px; padding-left:10px; width:185px;}
.search_block_left .button_mini{background:url(../img/bt-search.jpg) no-repeat; width:26px; height:26px; border:0;cursor:pointer;}

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

/* 左边分类 */
#categories_block_left h3{  background: url(../img/nuimenu.jpg) no-repeat center bottom; font-size: 24px; color: #666; margin-bottom: 5px; height: 45px; line-height: 45px; padding-left: 22px; font-weight: normal;}
#categories_block_left{ border: 1px solid #E8E8E8; margin-bottom:20px;}
#categories_block_left ul.tree {/* font-family:Arial;*/ margin: 15px 0 15px 5px;}
#categories_block_left ul.tree li {line-height: 35px; background:url(../img/cate-line-1.jpg) left 30px repeat-x; width: 210px;}
#categories_block_left ul.tree li.second {line-height: 35px; background:url(../img/cate-line-1.jpg) left 30px repeat-x; width: 210px;}
#categories_block_left ul.tree li.second a{font-weight: normal; color:#72716F;padding-left: 25px; font-size:13px;}
#categories_block_left ul.tree li.second a:hover{ color:#9b674b;}

#categories_block_left ul.tree li ul li{ background:none; font-weight: normal; padding-left:8px; }
#categories_block_left ul.tree li ul li ul li{ font-size: 9px; }
#categories_block_left ul.tree a{ padding-left: 10px; color: #72716F; font-weight: bold; font-size: 14px;}

#categories_block_left ul.tree li ul li a{font-size: 12px;}
#categories_block_left ul.tree li ul li a{}
#categories_block_left ul.tree a:hover{ text-decoration: none;}
#categories_block_left ul.tree a.selected{ color: #009FA8; font-weight: bold; }
#categories_block_left span.grower{ display: block; float: left; background-position: 3px 15px; position: absolute; background-repeat: no-repeat; width: 10px; 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'); }

/*左边联系方式*/
h3.box-title{color:#4c4c4c;margin-bottom:10px; font-size:15px;}
.left-contact{color:#2e2e2e; line-height:170%; width: 327px;}
.left-contact h3, #home_tj h3{ color: #666666; height: 30px; line-height: 30px; padding: 0 10px 0 36px;}

/*新闻列表*/
.news-list{ display: block; overflow: hidden; text-align:left; margin-top:15px; margin-bottom:20px;}
.news-list li{line-height: 30px; display:block; height:30px; padding: 0 12px; background:url(../img/left_icon.png) left center no-repeat;}
.news-list li a{  
	color: #333;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    width: 151px;
}
.news-list li a:hover{ text-decoration:none; color: #8d5b40; font-weight: bold;}
.news-list li span.news-time{float:right; color:#ccc;}

.home-news-list{ width: 327px; float: left; margin-right: 10px; }
.home_contents{background: url('../img/home_content.gif') no-repeat left top;}
.home_titles{background: url('../img/home_title.png') no-repeat 10px center; height: 30px; line-height: 30px; padding-left: 35px; color: #656565;}
.home-news-list ul { padding: 0 10px; margin-top:7px;}
.home-news-list li{line-height: 25px; border-bottom:1px solid #EEEEEE; display:block; height:25px;}
.home-news-list li span.news-time{float:right; color:#ccc;}
.home-news-list li .home-news-li {background: url('../img/home-newli-bg.gif') no-repeat left center;}
.home-news-list li .home-news-li a { padding-left: 10px; color:#2e2e2e;}

.home_top_bgs { background: url('../img/home_top_bgs.gif') repeat-x left top; padding-top: 20px; width:1280px;}

/*左边标签*/
.tags_content{padding: 5px; background: #f7f7f7; border: 1px #d4d7d1 solid;color: #3c608b;}
.tags_content a{color: #3c608b;}

/*---------- frame : right ----------------------------------------------------*/
.right-title{color: #666; font-family: "Arial";font-size: 16px;font-weight: normal;height: 26px; font-weight:bold}
/*首页简介*/
.editorial_block{padding:10px 0;}
.editorial_block img{float:right; margin:0 0 10px 10px;}

/*内页单页面内容*/
.subpage{ line-height:180%; padding-left: 22px; font-size:14px; padding-top:20px; padding-bottom:20px;}

/*产品列表*/
.products h2{ font-size: 12px; font-weight: normal; width:139px; margin:0 auto;}
.products span.list{display:block; width:200px; margin:2px auto; text-align:center;}
.products span a{ color: #666;}
.products p{padding-right:5px;}
.products{ display: block;}
.products ul{margin:10px auto;}
.products li{ float: left; width: 200px; height: 190px; margin-left: 18px; margin-right:18px;}
.products li img{ }
.products li a.product_img_link{background: url('../img/pimg_bg.png') no-repeat center center; display: block; padding-top: 6px;}
/*留言表单*/
.contact-form{ display: block; padding-left: 15px;}
.contact-form p.tishi{ padding: 5px 0;  color: #333;}
.contact-form p.biaoti { font-weight: bold;}
.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;;}
.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{ height: 80px; text-align:center;}
.bottomNav{padding-top:15px;}
.bottomNav a{color:#999999; font-size:12px;}
.bottomNav li{display:inline; border-right:1px #999999 solid; padding-right:7px; margin:0 5px;}
.bottomNav li.last{border-right:0;}

/*---------- 分页 --------------------------------------------------------------*/
div.pagination { margin:10px auto; padding: 0 30px 10px;}
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; width: 100%; height: 200px; }/**/
.picshow_main { position: relative; width: 965px; height: 181px; border: 0px #ccc solid; }
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 965px; height: 181px; }
.picshow_change { position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 895px; top: 160px; }
.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; }
#search_query { border:1px solid #E1E1E1; border-right:0; height:27px; line-height:24px; padding-left:10px; width:200px;}
#search_button { background:url(../img/bt-search.jpg) no-repeat; width:26px; height:26px; border:0;cursor:pointer;}
#search_query, #search_button {display: inline-block; float: left;}

#goTopBtn {
	POSITION: fixed; 
	TEXT-ALIGN: center; 
	LINE-HEIGHT: 31px; 
	WIDTH: 31px; 
	BOTTOM: 35px; 
	HEIGHT: 31px; 
	FONT-SIZE: 12px; 
	CURSOR: pointer; 
	RIGHT: 10px; 
	_position: absolute; 
	_right: auto;
}
#tops_bg {height: 100px; overflow: hidden;width:1280px; margin:0 auto; }
#tops_bg .centers { margin: 0 auto; width: 980px; background: url(../img/top_bg.gif) repeat-x left bottom; height: 100px;}
#sub_bg { background: url(../img/index_04.jpg) no-repeat left top; width: 28px; height: 29px; border: none;}
#tops_bg .centers .search_block_top { margin: 20px 20px 0 0;}
#tops_bg .centers .tops_div { padding: 10px 20px; height: 30px; line-height: 27px; border-right: 1px solid #E6E6E6; color: #999999; margin-right: 20px; }
#tops_bgs { background: url(../img/header_bg.png) repeat-x 0 0; height: 8px; position: absolute; width:1280px; z-index: 9;}
.banner_tops { width:1280px; margin:0 auto;}
.navs_bgs {width: 980px; margin: 0 auto; padding-bottom: 3px; z-index:99}
.navs_ul { width: 570px;}
#home_tj { float: right; width: 290px; background: url("../img/home_content.gif") no-repeat scroll left top transparent}
.left-contact{ float: left;}

/*********************************/
.scrolltitle {
    border-bottom: 1px solid #DDDDDD;
    font-size: 14px;
    height: 24px;
    margin: 20px auto 15px;
    width: 597px;
}
a.abtn {
    background: url(../img/ax.gif) no-repeat scroll 0 0 transparent;
    display: block;
    height: 38px;
    margin-right: 5px;
    margin-top: 55px;
    overflow: hidden;
    width: 11px;
}
a.aleft {
    float: left;
}
a.agrayleft {
    background-position: 0px 0;
    cursor: pointer;
    margin-right: 5px;
}
a.aright {
    background-position: -11px 0;
    float: right;
    margin-left: 5px;
}
a.agrayright {
    background-position: -11px 0;
    cursor: pointer;
}
.scrolllist {
    height: 145px;
    margin: 0 auto;
    width: 297px;
	padding: 10px 0;
}
.scrolllist .imglist_w {
    float: left;
    height: 140px;
    overflow: hidden;
    position: relative;
    width: 260px;
}
.scrolllist .imglist_w ul {
    left: 0;
    position: absolute;
    top: 0;
    width: 20000px;
}
.scrolllist .imglist_w li {
    float: left;
    width: 120px;
	padding-left:10px;
}

.scrolllist .imglist_w li a {
    color: #3366CC;
    display: table-cell;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 120px;
	height: 105px;
}
.scrolllist .imglist_w li img {
    width: 120px;
    max-width: 120px;
	max-height: 90px;
    overflow: hidden;
    vertical-align: middle;
}

#s2 {
    height: 408px;
    width: 214px;
}
#s2 .imglist_w {
    height: 408px;
    width: 176px;
}
#s2 .imglist_w ul {
    height: 20000px;
    left: 0;
    position: absolute;
    top: 0;
    width: auto;
}
#s2 .imglist_w li {
    float: none;
}

.left-contact .box-title a, #home_tj h3 a{ display: inline-block; padding-right: 5px; float: right; background: url(../img/index_17.jpg) no-repeat left bottom; height: 20px; line-height: 20px; width: 40px;}
.left-contact .left-contact-content { background: url(../img/about.jpg) no-repeat center top; padding: 0 10px;}
#footer_bg { width: 980px; margin: 0 auto; background: url(../img/foot_bg.gif) repeat-x left top;; height: 60px; line-height: 25px; color: #999;}
.faqs_top_bg { height: 158px; width: 634px; background: url(../img/faq.jpg) no-repeat center top; margin-top: 20px;}
.bottomNav { height: 20px; line-height: 25px;}
#simpleslideshow a { display: block; height: 424px; width: 100%;}

#about_us, #contact_us, #new_products, #news, #others{height: 220px; width:1280px; margin:0 auto;}
#about_us { background: url('../../../modules/banner/banner1.jpg') no-repeat center top;}
#contact_us { background: url('../../../modules/banner/banner3.jpg') no-repeat center top;} 
#new_products { background: url('../images/banner3.jpg') no-repeat center top;} 
#news { background: url('../../../modules/banner/banner2.jpg') no-repeat center top;} 
#others { background: url('../../../modules/banner/banner4.jpg') no-repeat center top;}


#products_button {
    background: url('../img/contact_now.gif') no-repeat scroll center center transparent;
    border: medium none;
    cursor: pointer;
    height: 46px;
    width: 132px;
}

.product_img{ padding:10px;}

.product_title{ background:#efefef; font-size:13px; text-indent:15px; text-align:left; color:#9a674b; font-weight:bolder; height:28px; line-height:28px;}
.product_intro{ line-height:180%; color:#333; font-size:13px; text-align:left; padding:15px;}
.product_intro .date{ color:#9a674b; background:#e9e9e9; }
.product_intro p{text-align:left;}

.pase_plus {font-size:12px; font-weight:bold; margin-right:20px;}
.pase_plus ul{ float:right; margin-bottom:20px;}
.pase_plus li {float:left; padding:3px 5px; border:#d9d9d9 1px solid; display:block; margin-left:10px; font-weight:normal;}
.pase_plus li.on{float:left; padding:3px 8px; border:#9b674b 1px solid; display:block; margin-left:10px; font-weight:normal; background:#9b674b; color:#FFF;}
.pase_plus li.on a{color:#FFF;}
.pase_plus a {color:#5f5f5f; display:block}
.pase_plus a:hover { text-decoration:none;}


.news{width:760px;overflow:hidden;height:200px;margin-top:10px;}
.newsl{width:263px;margin-top:15px; float:left;}
.newsr{width:460px;overflow:hidden; float:right;}
.newsra{width:460px;overflow:hidden;border-bottom:1px dashed #b6b6b6;height:55px;line-height:55px;padding-top:3px;}
.newsra a{color:#9b674b;font-size:16px;text-decoration:none;}
.newsra a:hover{text-decoration:underline;}
.newsrb{width:460px;height:70px;overflow:hidden;padding-top:8px;line-height:20px;color:#a9a9a9; font-size:13px;}
.newsrc{width:460px;overflow:hidden;margin-top:10px;}
.newsrcl{width:260px;overflow:hidden;color:#999999; float:left; font-size:13px;}
.newsrcr{width:59px;overflow:hidden; float:right;}
.newsrcr a{float:left;display:inline;width:59px;height:22px;background:url("../images/news_10.jpg") no-repeat;}
.newsrcr a:hover{background:url("../images/news_06.jpg") no-repeat;}