@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{ }
body{font: 12px/180% Arial,Helvetica,sans-serif,"宋体"; background: url('../img/bg.png') no-repeat; }
.bgs{font: 12px/180% Arial,Helvetica,sans-serif,"宋体"; background: url('../img/bgs.jpg') no-repeat #fff; }
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: 1002px; padding-bottom: 5px;}
.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: 220px; }
.center_column{ width: 762px; float: right;}
.right_column{ width: 190px; }
.mt1{margin-top:10px;}

/*通用块*/
.box{ margin-top: 8px; }
.box h3{ height: 41px; line-height: 41px; font-size: 12px; color: #000; margin-bottom: 3px; border-bottom: 1px solid #BBBBBB; padding-left: 22px; }
.box ul{  padding: 3px 3px 10px 5px; }
.box ul li a{ color: #000; }
.pro-download{ text-align:right; margin-top:-73px;}

/*面包屑导航*/
.daohang{ color: #000; padding-left: 32px; height: 41px; line-height: 41px;background: url('../img/title_bgs.png') no-repeat 12px bottom; width: 752px;}
.daohang a{ color: #000; }

/* category Products block */
.blk_18 {
 BORDER-RIGHT: #e3e3e3 1px solid; BORDER-TOP: #e3e3e3 1px solid; margin: 8px auto 15px; FONT-SIZE: 12px;OVERFLOW: hidden; BORDER-LEFT: #e3e3e3 1px solid; BORDER-BOTTOM: #e3e3e3 1px solid; ZOOM: 1
}
.blk_18 .pcont {
 float: left; OVERFLOW: hidden; width: 670px; padding-bottom: 10px;
}
.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
}
.blk_18 .pl {
margin: 0 5px; 
float: left; width: 130px; LINE-height: 16px; TEXT-aLIGN: center; 
}
.blk_18 .pl p a{ line-height: 16px; text-decoration: none;}
.blk_18 a.pl:hover {
 
}
.commu_cont3 {
 margin: 9px 7px 7px; LINE-height: 150%
}
.commu_cont3 UL {
 width: 188px
}
/*---------- frame : header ---------------------------------------------------*/

.hearder-top{background:url(../img/header-top.jpg) no-repeat; height:15px;}
.logo{
margin-top: 10px;
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; }
.languages_block_top ul{float:right;}
.languages_block_top li{ float: left; margin-left: 5px; color: #999999;}
.languages_block_top li a{ color: #999999;}
/* 导航 */
.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{ background: url('../img/green_top_round.jpg') no-repeat left top;}
#categories_block_left h3{font-size: 14px; color: #fff; margin-bottom: 5px; height: 60px; line-height: 60px; text-align: center; font-weight: normal; border: none;}
#categories_block_left ul.tree {/* font-family:Arial;*/  background: url('../img/green_bottom_round.jpg') no-repeat left bottom; padding: 0 0 15px 8px;}
#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 ul li{ background:none; font-weight: normal; padding-left:8px; }
#categories_block_left ul.tree li ul li ul li{ padding-left: 15px; font-size: 9px; }
#categories_block_left ul.tree a{ padding-left: 15px; color: #fff;font-size: 14px;}
#categories_block_left ul.tree li ul li a{font-size: 12px;}
#categories_block_left ul.tree li ul li a{font-weight: normal;}
#categories_block_left ul.tree a:hover{ text-decoration: none;color: #FFCA00;}
#categories_block_left ul.tree a.selected{ color: #FFCA00;}
#categories_block_left span.grower{ display: block; float: left; background-position: 3px 15px; position: absolute; background-repeat: no-repeat; width: 12px; height: 25px; 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.titles, .editorial h3.titles{ color: #666666; height: 30px; line-height: 30px; padding: 0 0 0 10px;}

/*新闻列表*/
/*** 底部 ****/
.news-list{ display: block; overflow: hidden; text-align:left; margin:25px 0 10px 10px;}
.news-list li{line-height: 25px; display:block; height:25px; padding: 0 12px;}
.news-list li a{  
	color: #72716F;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    padding-left: 7px;
    width: 151px;
}
.news-list li a:hover{ text-decoration:none; color: #009FA8; font-weight: bold;}
.news-list li span.news-time{float:right; color:#ccc;}

/*** 内页 ****/
.newss-list{ display: block; overflow: hidden; text-align:left; margin:0px 0 0 0px;}
.newss-list li{line-height: 25px; display:block; height:25px; padding: 0 12px;}
.newss-list li a{  
	color: #333;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    padding-left: 1px;
    
}
.newss-list li a:hover{ text-decoration:none; color: #009FA8; font-weight: bold;}
.newss-list li span.news-time{float:right; color:#ccc;}

.home-news-list{ width: 270px; float: right;}
.home_contents{padding: 10px 0;}
.home_titles{background: url('../img/home_title.png') no-repeat 10px center; height: 30px; line-height: 30px; padding-left: 35px; color: #666}
.home-news-list ul { padding: 5px 10px 0; background: url('../img/news_bg.gif') no-repeat left top; height: 114px; overflow: hidden;}
.home-news-list li{line-height: 20px; border-bottom:1px solid #EEEEEE; display:block; height:20px;}
.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-li a{text-overflow: ellipsis; white-space: nowrap; width: 165px;}
.home-news-list li .home-news-li a { padding:0 28px 0 10px; color:#424242; font-size: 11px; background: url('../img/icon_p_1.gif') no-repeat right center;}
.home-news-list li .home-news-li a:hover { text-decoration: none;}

.home_top_bgs { }
.center_bgs{ overflow: hidden; margin-top: 10px;}

/*左边标签*/
.tags_content{padding: 5px; color: #000;}
.tags_content a{color: #000;}

/*---------- frame : right ----------------------------------------------------*/
.right-title{color: #424242; font-size: 12px; height: 18px; line-height: 18px; border-bottom: 1px dashed #424242;}
.left_column .right-title{ border: none; line-height: 60px; height: 60px; text-align: center; color: #FFF;}
.left_column{ margin-top: 0;/*background: url('../img/green_top_round.jpg') no-repeat center top;*/ width: 220px;}
.news-list{ margin-top: 0;background: url('../img/green_top_round.jpg') no-repeat center top; width: 220px;}
.left_column ul{padding: 0 0 15px 8px;/* background: url('../img/green_bottom_round.jpg') no-repeat center bottom;*/ }
.news-list ul{padding: 0 0 15px 8px; background: url('../img/green_bottom_round.jpg') no-repeat center bottom; }
/*首页简介*/
.editorial { width: 270px; float: left; padding: 10px 0;}
.editorial_block{color: #909090;}
.editorial_block img{float:left;}

/*内页单页面内容*/
.subpage{ line-height: 150%; padding-left: 22px;}

/*产品列表*/
.products h2{ font-size: 14px; font-weight: blod; margin:0 auto; line-height: 16px; padding-left: 10px; width: 175px; text-align: left; float: left;}
.products h2 a{ color: #00538B;text-align:left;}
.products span{display:block; text-align:left; width:175px; margin:2px auto; float: left; padding-left: 10px; color: #424242;}
.products span a{ color: #666;}
.products p{padding-right:5px;}
.products{ display: block; text-align:center; }
.products ul{margin:10px auto;}
.products li{ float: left; width: 46%; margin:10px 0 5px 10px; border-bottom: 1px solid #EDEDED;}
.products li img{ }
.products li a.product_img_link{background: url('../img/pimg_bg.png') no-repeat center center; display: block; padding-top: 6px; float: left;}
.products_right { width: 400px; float: right; margin-top: 10px; padding: 10px; background: #F9F9F9; border: 1px solid #DDDDDD;}
.products_right h1{ font-size: 12px;}
.products_right th{ text-align: right;}
/*留言表单*/
.contact-form{ display: block; padding-left: 15px;}
.contact-form p.tishi{ padding: 5px 0;  color: #666;}
.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;float: left;}
.product_detail h1{font-size:16px; margin-bottom:10px;}
.product_detail .product_img{margin:0 auto;}
.product_detail .product_img img{ border:1px #C0C0C0 solid;}
.product_detail .thumbs_list{border-top:0; padding:10px 0;}
.product_detail .thumbs_list li{margin:5px; display:inline;;}
.more_info_block{border-top:0; padding:10px; background: #EDEDED;}

/*搜索结果*/
.search h2,.search h3{font-size:14px; margin-top:10px;}
.search h3{border-bottom:1px #C0C0C0 dashed; padding-bottom:10px;}

/*---------- frame : footer ---------------------------------------------------*/
.footer{ text-align:center;}
.bottomNav a{color:#424242; font-size:11px;}
.bottomNav li{display:inline; border-right:1px #424242 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: 1002px; height: 330px; border: 0px #ccc solid; }
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 1002px; height: 330px; }
.picshow_change { position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 865px; top: 300px; }
.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 { height:41px; line-height:41px; padding-left:10px; width:340px; background: url('../img/searchl.png') no-repeat left top; border: none; color: #D3D3D3;}
#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;}
#tops_bg .centers { margin: 0 auto; width: 980px; height: 100px;}
#sub_bg { background: url(../img/searchr.png) no-repeat left top; width: 101px; height: 41px; border: none;}
#tops_bg .centers .search_block_top { margin: 30px 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: 100%; z-index: 9;}
.banner_tops { width: 1002px; margin: 0 auto; height: 331px;}
.navs_bgs {width: 1002px; height: 35px; margin: 0 auto 15px; z-index:99;background: url('../img/nav_bg.jpg') repeat-x left top; border: 1px solid #E7E7E7;}
.navs_ul { width: 570px;}
#home_tj { float: left; width: 455px; padding: 10px 0;}
.left-contact{ float: left;}

/*********************************/
.scrolltitle {
    border-bottom: 1px solid #DDDDDD;
    font-size: 14px;
    height: 24px;
    margin: 20px auto 15px;
    width: 597px;
}
a.abtn {
    display: block;
    height: 100px;
    overflow: hidden;
    width: 25px;
}
a.aleft {
    float: left;
	background: url('../img/productleft.jpg') no-repeat left center;
}
a.agrayleft {
    cursor: pointer;
    margin-right: 5px;
}
a.aright {
	background: url('../img/productright.jpg') no-repeat right center;
    float: right;
}
.scrolllist {
    height: 102px;
    margin: 0 auto;
    width: 435px;
	padding: 6px 5px;
	border-radius: 8px;
	background: #fff;
}
.scrolllist .imglist_w {
    float: left;
    height: 102px;
    overflow: hidden;
    position: relative;
    width: 378px;
}
.scrolllist .imglist_w ul {
    left: 0;
    position: absolute;
    top: 0;
    width: 20000px;
}
.scrolllist .imglist_w li {
    float: left;
    margin: 0 1px;
    width: 95px;
}

.scrolllist .imglist_w li a {
    color: #3366CC;
    display: table-cell;
    height: 100px;
    line-height: 100px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 93px;
}
.scrolllist .imglist_w li img {
    max-height: 145px;
    max-width: 95px;
    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: 1002px; margin: 0 auto; line-height: 25px; color: #424242;}
.faqs_top_bg { height: 158px; width: 634px; background: url(../img/faq.jpg) no-repeat center top; margin-top: 20px;}
.bottomNav { height: 25px; line-height: 25px; padding: 5px 0;}
#simpleslideshow a {  display: block;  background: url('../img/down_bg.jpg') no-repeat left center; padding-left: 15px; text-overflow: ellipsis; white-space: nowrap;  width: 170px;
}
.center_column #download {background: url('../img/download.jpg') no-repeat 530px 20px;}
.center_column #download #simpleslideshow{ width: 100%; margin:0 0 0 20px; paddding: 0; float: none;}
.center_column #download #simpleslideshow a{height: 35px; line-height: 35px; font-size: 14px; font-weight: bold;}

#simpleslideshows{ width: 180px; text-align: left; float: left; margin-right: 20px;}
#simpleslideshows img{ border:0; height:145px; width:145px; margin:5px; text-align:center;}

#about_us, #contact_us, #new_products, #news, #others{height: 220px;}
#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('../../../modules/banner/banner.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;
}

/**/
#categories_footer, #footer_news, .footer_contact, #simpleslideshow{ width: 180px; text-align: left; float: left; margin-right: 20px;}

#footer_news .news-list{ margin: 0;}
#footer_news .news-list li{ padding: 0;}
.footer_modules{ border-top: 1px solid #B7B7B7; border-bottom: 1px solid #B7B7B7; padding-top: 15px;}
.centers{ text-align: left;}

#categories_footer li, #footer_news li{ background: url('../img/arrow_icon.gif') no-repeat left center; padding-left: 8px; width:180px; overflow:hidden;}
.left_column .news-list li{ padding-left: 10px;}
.left_column .news-list li a{ color: #FFF;}
#inbanner{ width: 1002px; margin: 0 auto;}
#inbanner img { width: 1002px;}