﻿@charset 'utf-8';

/* 清除内外边距 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0; }

/* 设置默认字体 */
body,button,input,select,textarea { font:12px/1.5 \5b8b\4f53,arial,sans-serif; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
address,cite,dfn,em,var { font-style:normal; }
code,kbd,pre,samp { font-family:courier new,courier,monospace; }
small { font-size:12px; }
ul,ol { list-style:none; }
a { text-decoration:none; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
legend { color:#000; }
fieldset,img { border:0; }
button,input,select,textarea{ font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }

/* 常见功能 */
.hidden { display:none; }
.invisible { visibility:hidden; }
.noBg { background:none !important; }

/* 清除浮动 */
.clear { display:block; height:0; overflow:hidden; clear:both; }
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁*/
html { overflow-y:scroll; }

/* 默认链接样式 */
a:link,a:visited { text-decoration:none; }
a:hover,a:active { color:#f90; text-decoration:underline; }

a { color:#666; }
a:hover { color:#f90; }

body { background:#D4D4D4 url(2011040938402793.jpg) repeat-x; color:#666; }

/* ===============
	头部
================== */

.header { position:relative; width:980px; margin:13px auto 0; border:5px solid #fff; border-bottom:0; }
.header .logo { background:#fff; clear:both; }
.header .logo img { vertical-align:bottom; }

/* 搜索 购物车 语言 等 */
.set { position:absolute; top:10px; right:10px; padding:30px 0 0 0; }
.search { float:left; width:190px; }
.input_serach { width:133px; height:18px; border:1px solid #fff; background:#fff; }
.serach_input { width:129px; height:17px; padding:1px 0 0 3px; border:none; background:#fff; }
.btn_serach { width:34px; height:19px; border:none; background:url(btn_search.jpg) no-repeat; cursor:pointer; }
.car { float:left; width:50px; line-height:28px; text-align:left; }
.car a { color:#000; }
.language { float:left; width:100px; line-height:28px; text-align:left; }
.language a { display:block; height:28px; color:#000; }
#lbox { position:absolute; top:55px; right:10px; display:block; width:108px; height:63px; padding-top:8px; border:1px solid #ddd; background:#fff; line-height:18px; text-align:center; z-index:99; }
#lbox a{display:block;}

.banner { width:980px; margin:0 auto; border:solid #FFFFFF; border-width:0 5px; clear:both; }
.banner img { vertical-align:bottom; }

/* 导航 */
.navbox { position:absolute; left:0; top:109px; width:100%; min-height:29px; _height:29px; clear:both; z-index:999; }
.navbox:after { content:'\0020'; display:block; height:0; clear:both; }

.nav { width:980px; height:29px; margin:0 auto; border:solid #FFFFFF; border-width:0 5px; }
.nav ul { height:29px; padding-left:5px; list-style:none; }
.nav li { position:relative; float:left; width:115px; border:solid #800; border-width:1px 1px 0; background:url(navLi.jpg) repeat-x; color:#039; font-weight:bold; font-size:13px; text-align:center; z-index:999; }
.nav li a { display:block; color:#800; min-height:28px; _height:39px; padding:0 0 0 0; line-height:28px; }
.nav li a:hover { color:#fff; }
.nav a span { display:block; padding:0; color:#fff; text-align:center; }
.nav li a:hover,.nav li .current { background:url(navCur.jpg) repeat-x; color:#fff; text-decoration:none; }
.nav a:hover span, .nav .current span { color:#fff; text-decoration:none; }
.nav .line { width:6px; height:29px; border:none !important; background:none !important; }


/* 下拉菜单 */
.nav li .shownav {left:0; position:absolute; top:28px; width:100%; margin:0; padding:0; color:#555; font-size:12px; font-weight:100; text-align:left; line-height:30px; visibility:hidden; z-index:999; }
.nav li .shownav a { display:block; width:100%; min-height:28px; _height:28px; padding:0; border-top:1px solid #800; background:#fff; color:#800; text-align:center; line-height:28px; }
.nav li .shownav a:hover,.nav li .shownav .current { background:url(navCur.jpg) repeat-x #0043a9; color:#fff;}

.header_bottom { width:980px; height:30px; margin:0 auto; border:solid #FFFFFF; border-width:0 5px; background:url(2009111102716922.jpg) repeat-x; color:#fff; z-index:99; line-height:30px; }
.header_bottom_left { float:left; width:60px; padding-left:10px; }
.header_bottom_right { float:left; width:620px;}


/* 图片列表 */
.picList { float:left; padding:5px 10px; }
.picList .txt { text-align:center; }
.picList img { border:1px solid #ddd; vertical-align:bottom; }


/* 新闻列表 */
.list { background:url(point_01.gif) no-repeat 0 10px; line-height:25px; }
.list a { padding-left:8px; }

/*网站主体*/
.main { width:980px; margin:0 auto; border:5px solid #FFFFFF; background:#fff; overflow:hidden; }
.main_bottom { width:980px; height:2px; background:#800; clear:both; overflow:hidden; }
.content:after { content:'\0020'; display:block; height:0; clear:both; }

.siteL .title { height:30px; margin:10px 0 0; padding:0 0 0 30px; background:url(siteL_title.jpg) no-repeat left bottom; color:#fff; font-weight:bold; line-height:30px; }
.siteL .title span { float:right; padding-right:5px; font-size:12px; font-weight:100; }
.siteL .title span a { color:#fff; }
.siteL .content { margin-bottom:5px; padding:10px 7px; line-height:24px; }

/*右侧标题*/
.siteM .title { height:32px; margin:10px 0 0; padding:0 0 0 25px; background:url(siteM_title.jpg) no-repeat left bottom; color:#555; font-weight:bold; line-height:32px; }
.siteM .title span { float:right; padding-right:5px; font-size:12px; font-weight:100; }
.siteM .content { padding:10px 7px; line-height:24px; }


/* 底部 */
.footer { width:980px; min-height:90px; _height:90px; padding:10px 0 0; border:solid #fff; border-width:0 5px 5px; background:#fff; color:#555; margin:0 auto; font-family:arial; }
.footer:after { content:'\0020'; display:block; height:0; clear:both; }
.footer .copyright { float:left; padding:0 6px 0 12px; }
.footer .link { float:right; padding:0 15px 0 0; }

.left { position:relative; float:left; width:220px; min-height:500px; _height:500px; padding:0; z-index:1; }
.left .title { height:30px; margin:10px 0 0; padding:0 0 0 30px; background:url(siteL_title.jpg) no-repeat left bottom; color:#fff; font-weight:bold; line-height:30px; }

/* 二级导航 */
.menu { margin:0; padding:24px 0 34px; }
.menu dl { margin:0; }
.menu dt { margin:1px auto 0 auto; font-weight:bold; }
.menu dt a { display:block; _height:20px; *min-height:20px; padding:1px 0 1px 38px; background:url(menu_1.gif) no-repeat 18px center; color:#666; line-height:20px; }
.menu dt a:hover, .menu dt .current { background:url(menu_01.gif) no-repeat 18px center; color:#800; text-decoration:none; }

/* 三级导航 */
.menu dd { width:220px; margin:0; line-height:18px; text-align:left; }
.menu dd a{ display:block; padding:2px 18px 0 48px; background:url(menu_1.gif) no-repeat 28px 5px; color:#555; }
.menu dd a:hover, .menu dd .current { color:#800; text-decoration:none; }

.right { float:right; width:750px; display:inline; }
.right .title { height:32px; margin:10px 0 0; padding:0 0 0 25px; background:url(siteM_title.jpg) no-repeat left bottom; color:#555; font-weight:bold; line-height:32px; }

/* 位置 */
.location { min-height:20px; _height:20px; padding:5px 30px 2px 0; color:#555; }
.location .ico { float:right; padding-left:20px; background:url(style/ico_location.gif) no-repeat 0 3px; }
.location a { color:#555; }
.location:after { content:'\0020'; display:block; height:0; clear:both; }

/* 文章 */
.display_title { padding:0 18px; color:#777; }
.display_title h1 { padding:22px 0 7px 0; font-size:16px; line-height:22px; text-align:center; }
.display_title .info{ position:relative; height:30px; background:#eee; line-height:30px; text-align:center; }
.display_title .font_size { position:absolute; top:0; right:0; padding:5px 10px 0 0; line-height:21px; text-align:right; }
.display_title .others { padding:5px 10px 0 0; line-height:21px; text-align:left; }
.display_title a { margin:0 5px; color:#555; }
a.btn_order { display:block; float:left; width:63px; height:22px; margin-right:5px; text-indent:-9999px; background:url(style/order.jpg) no-repeat; overflow:hidden; }
.display_content { padding:22px 18px 34px 18px; color:#555; font-size:14px; line-height:150%; text-align:left; clear:both; }

/* 列表样式 */
.list_news_01 { margin:23px 10px; }
.list_news_01 ul li { padding:6px 0; background:url(point_01.gif) no-repeat 0 11px; color:#333; line-height:20px; font-size:14px; clear:both; }
.list_news_01 ul li a { padding-left:8px; color:#555; }
.list_news_01 ul li a:hover { color:#a00; text-decoration:underline; }
.list_news_01 .bg { }
.list_news_01 .date { float:right; padding:0 10px 0 8px; color:#a1a1a1; font-size:11px; font-family:Arial; }
.list_news_01 .ico { float:left; width:6px; _width:3px; height:20px; margin:0; background:url(style/arrow_02.gif) no-repeat 0 8px; }

/* 图片列表 */
.pic_list_01 { width:100%; margin:24px 0 70px 0; }
.pic_list_01 .pic_list { float:left; padding:0 8px 13px 8px; text-align:center; }
.pic_list_01 .pic_list img { margin:0 auto; border:1px solid #bbb; }
.pic_list_01 .pic_list .txt { margin:0 auto; padding:8px 0 0 0; line-height:20px; text-align:center; }
.pic_list_01 .pic_list .txt a { color:#555; }
.pic_news_01{margin:0 10px 10px;padding:0 20px 20px;clear:both}
.pic_news_01 .picnews{height:122px;margin-top:20px;clear:both}
.pic_news_01 .picnews .pic{float:left;text-align:center}
.pic_news_01 .picnews .pic span{display:block;padding:5px}
.pic_news_01 .picnews .txt{float:left;padding:0 10px;line-height:160%}
.pic_news_01 .picnews .txt h4{font-size:13px;line-height:160%}
.pic_news_01 .picnews .txt .more{padding:0 20px;line-height:20px;text-align:right}
.pic_news_01 .picnews .txt .more a{color:#c00}
.pic_news_01 .picnews .txt .more a:hover{color:#c00}
.pic_list_01 .pic_list .txt a:hover { color:#a00; }
.price { margin:0 auto; color:#CC0000; font-size:14px; font-weight:bold; }

/* 向上 */
.page_top { margin-top:17px; padding:0 0 10px 0; background:url(style/page_line.gif) repeat-x top; line-height:27px; }
.page_top span { float:right; }
.page_top a { margin:0 10px; }

/* 分页 */
.page{ height:30px; margin:0 0 5px 0; background:url(style/page_line.gif) repeat-x top; line-height:30px; clear:both; }
.page_line { background:url(style/page_line.gif) repeat-x top; }
.page .recordcount { float:left; width:140px; padding-left:7px; font-size:12px; }
.page .page_no { float:left; width:475px; font-family:Verdana; text-align:center; }
.page .page_no span { font-size:11px; padding:0 10px; }
.page .page_no a { padding:0 5px; }
.page .page_no span a { padding:0 2px; }
.page .page_no .current { color:#a00; font-weight:bold; text-decoration:underline; }
.page .top { float:right; width:55px; font-size:12px; text-align:center; }
.message_page .page_no { float:right; padding-right:26px; text-align:right; }

/* 表单 */
.inputbox{ width:710px; margin:10px 0 30px 0; text-align:left; clear:both; }
.inputbox p { text-align:left; clear:both; zoom:1; }
.inputbox .ibl { float:left; width:75px; padding-right:2px; padding-top:13px; color:#555555; text-align:right; }
.inputbox .ibr { float:left; padding-top:10px; +padding-top:8px; color:#555555; text-align:left; }
.input { border:1px solid #B2B2B2; background:#f8f8f8; color:#555555; }
input.input { height:20px; }
textarea.input { height:120px;}

/* 在线留言 */
.ibwmessage { width:700px; margin:25px auto 10px; color:#333; line-height:20px; }
.bgmessage { position:relative; padding:5px 10px 10px 10px; border:1px solid #ddd; background:#eee; color:#333; }
.ibwmessage .replyTitle { margin:5px 10px 0 10px; color:#D6990C; }
.ibwmessage .replyContent { margin:0 10px 10px 10px; }

/* 在线订购 */
.right .orderOnline { margin:8px 0; font-weight:bold; font-size:14px; text-align:right; }
.order { width:645px; margin:20px auto 0 auto; }
.orderlist { border-collapse:collapse; }
.orderlist th, .orderlist td { border:1px solid #ccc; }
.orderlist td { padding:5px; }
.orderBottom { margin-top:20px!important; margin-bottom:40px; text-align:center; }
.orderBottom a { margin:20px; color:#333; text-decoration:underline; }

/* 联系我们 */
.contact { width:680px; margin:25px auto 0; padding:5px 10px 10px 10px; border:1px solid #ddd; background:#eee; color:#333; line-height:20px; }
.map { width:591px; margin:0 auto; padding:5px; border:1px solid #ddd; border-top:none; background:#fff; }

/* 最新动态 */
.list_01 { margin:6px 15px 0 15px; }
.list_01 ul li { padding:1px 5px 2px 8px; background:url(bg_news_list_line.gif) repeat-x bottom; color:#333; line-height:20px; clear:both; }
.list_01 ul li a { padding-left:5px; color:#555; }
.list_01 ul li a:hover { color:#a00; text-decoration:underline; }
.list_01 .bg { background:#eee; }
.list_01 .date { float:right; padding:0 10px 0 8px; color:#a1a1a1; font-size:11px; font-family:Arial; }
.list_01 .ico { float:left; width:6px; _width:3px; height:20px; margin:0; background:url(style/arrow_02.gif) no-repeat 0 8px; }

/* 产品中心 */
.product { float:left; margin:0 0 0 10px; padding:0 29px; display:inline; }
.product .pic_list { float:left; margin:10px 0 0 0; padding:0; }
.product .pic_list .pic { margin:0 auto; border:1px solid #bbb; }
.product .pic_list .pic span { display:block; padding:5px; }
.product .pic_list .txt { margin:0 auto; padding:8px 0 0 0; line-height:20px; text-align:center;  background:url(style/bg_pic_title.jpg) repeat-x top #fff; }
.product .pic_list .txt a { color:#555; }
.product .pic_list .txt a:hover { color:#a00; }

/*自定义下拉列表*/
/* Drop down styles*/
div.selectbox-wrapper{position:absolute;width:130px;background-color:white;border:1px solid #ccc;margin:0px;margin-top:-10px;padding:0px;text-align:left;max-height:200px;overflow:auto;top:27px;left:1px;}
/*Drop down list styles*/
div.selectbox-wrapper ul{list-style-type:none;margin:0px;padding:0px;}
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected{background-color:#EAF2FB;}
/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current{background-color:#CDD8E4;}
/* Drop down list items style*/
div.selectbox-wrapper ul li{list-style-type:none;display:block;margin:0;padding:1px 2px;cursor:pointer;}
div.selectbox-wrapper ul li,div.selectbox-wrapper ul li a{color:#333;}
/* Look and feel of select box */
.selectbox{margin:0px 5px 10px 0px;padding-left:2px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:1em;/* Resize Font*/
 width:130px;/* Resize Width */
 text-align:left;background:#197ed8 url(bg_link.jpg) left -2px;cursor:pointer;border:1px solid #eee;color:#fff;}
#SfMessWrap{z-index:9999;}
