﻿@charset "utf-8";


/* 样式重置 */
html { overflow-y:scroll; }
body {
	margin:0;
	padding:0;
	background:#eaf3f8;
	color:#555;
	font-size:12px;
	font-family:Arial, "宋体";
	}
form,ul,li,p,h1,h2,h3,h4,h5,h6 {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0;
}
img { border:0; vertical-align:absbottom; }
ul,li { list-style-type:none; }
input, select,textarea { font-size:12px; font-family:Arial; vertical-align:absmiddle; }

/* 常用功能样式 */
.clear { height:0px; font-size:0px; line-height:0px; overflow:hidden; clear:both; }
.overflow { overflow:auto; }
.nobg { background:none!important; }

/* 默认文字字体、文字颜色、背景颜色或者图像等 */
a {
	color:#555;
	text-decoration:none;
	text-align: center;
}
a:hover { color:#a00; text-decoration:underline; }

/* 头部 */
.header { width:990px; margin:0 auto; background:#eaf3f8; }
.logo {
	float:left;
	margin-top:8px;
	margin-bottom: 8px;
}
.banner { clear:both; text-align:center;  width:100%;}

.wrap {clear:both; text-align:center;    width:100%;}


 .banner .slideBox {
  height: 300px;
  overflow: hidden;
  position: relative; }
   .banner .slideBox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 50%;
    margin-right: -17px;
    bottom: 5px;
    z-index: 1; }
.banner .slideBox .hd ul {
      overflow: hidden;
      zoom: 1;
      float: left; }
.banner .slideBox .hd ul li {
        float: left;
        margin: 0 5px;
        border-radius: 100%;
        width: 8px;
        height: 8px;
        line-height: 14px;
        text-align: center;
        background: #fff;
        cursor: pointer;
        opacity: 0.2;
        filter: alpha(opacity=20);
        /* IE */
        -moz-opacity: 0.2;
        /* 老版Mozilla */
        -khtml-opacity: 0.2;
        /* 老版Safari */ }
        
.banner .slideBox .hd ul li.on {
        opacity: 1;
        filter: alpha(opacity=100);
        /* IE */
        -moz-opacity: 1;
        /* 老版Mozilla */
        -khtml-opacity: 1;
        /* 老版Safari */
        background: #fff; }
.banner .slideBox .bd {
    position: relative;
    z-index: 0; }
.banner .slideBox .bd ul li {
      zoom: 1;
      vertical-align: middle; }
      
.banner .slideBox .bd ul li .pic_01 {
        display: block;
        width: 100%;
        height: 300px;
        background: url(../images/banner01.jpg) center top no-repeat; }

 .banner .slideBox .bd ul li .pic_02 {
        display: block;
        width: 100%;
        height: 300px;
        background: url(../images/banner02.jpg) center top no-repeat; }

 .banner .slideBox .bd ul li .pic_03 {
        display: block;
        width: 100%;
        height: 300px;
        background: url(../images/banner03.jpg) center top no-repeat; }

 .banner .slideBox .bd ul li .pic_04 {
        display: block;
        width: 100%;
        height: 300px;
        background: url(../images/banner04.jpg) center top no-repeat; }

 .banner .slideBox .bd ul li .pic_05 {
        display: block;
        width: 100%;
        height: 300px;
        background: url(../images/banner05.jpg) center top no-repeat; }



.banner .slideBox .bd ul li img {
        max-width: 100%;
        height: auto;
        display: block; }


.set {
	position:relative;
	float:right;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	width: 350px;
	height:65px;
}
.search {
	float:left;
	width:190px;
}
.input_serach {
	width:130px;
	height:15px;
	background-image: url(../images/bg_search_input.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.serach_input {
	width:129px;
	height:17px;
	padding:1px 0 0 3px;
	border:none;
	background-image: none;
}
.btn_serach { width:35px; height:18px; border:none; background:url(/images/btn_search.jpg) no-repeat; cursor:pointer; }
.car {
	float:left;
	width:60px;
	line-height:28px;
	text-align:center;
	background-image: url(/images/arrow_04.gif);
	background-repeat: no-repeat;
	background-position: right 11px;
}
.car a { color:#888; }
.language { float:left; width:100px; background:url(/images/arrow_04.gif) no-repeat 85px 11px; line-height:28px; text-align:center; }
.language a { display:block; height:28px; color:#888; }
#lbox { position:absolute; top:70px; right:0px; display:block; width:128px; height:63px; padding-top:8px; border:1px solid #ddd; background:#fff; line-height:18px; text-align:center; z-index:99; }
#lbox a{display:block;}
.set .tel {
	line-height:18px;
	float: right;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.set .top_right_top {
	line-height:18px;
	float: right;
}

.set .tel strong { color:#f60; font-weight:bold; font-size:13px; }


/* 导航 */
.navbox {
	min-height:58px;
	_height:58px;
	clear:both;
	background-color: #eee;
	background-image: url(/images/bg_nav.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.navbox:after { content:'\0020'; display:block; height:0; clear:both; }
.nav {
	width:990px;
	height:58px;
	margin:0 auto;
	z-index:19;
	background-color: #fff;
	background-image: url(/images/bg_nav.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.nav ul { padding:0; }
.nav li { position:relative; float:left; width:115px; color:#fff; font-weight:bold; font-size:13px; text-align:center; z-index:20; }
.nav li a { display:block; color:#fff; min-height:33px; _height:33px; padding:25px 0 0 0; }
.nav li a:hover,.nav li .current { background:none; color:#fc0; text-decoration:none; }
.nav .line {
	width:10px;
	height:58px;
	background-image: url(/images/nav_line.gif);
	background-repeat: no-repeat;
	background-position: left 58%;
}


/* 下拉菜单 */
.nav li .shownav { position:absolute; top:58px; left:0; width:100%; margin:0; padding:0; background:#06c; color:#fff; font-size:12px; font-weight:100; text-align:center; line-height:31px; visibility:hidden; z-index:999; }
.nav li .shownav a { display:block; padding:0 5px; color:#fff; }
.nav li .shownav a:hover,.nav li .shownav .current { background:url(/images/nav_hover.jpg) repeat-x left bottom #fc0; color:#fff; }

/* 主体 */
.main {
	width:990px;
	margin:0 auto;
	padding-top:25px;
	background-color: #fff;
	background-image: url(/images/main_top.jpg);
	background-repeat: no-repeat;
}
.main:after { content:'\0020'; display:block; height:0; clear:both; }
.main_bottom {
	width:990px;
	height:25px;
	clear:both;
	background-image: url(/images/main_bottom.jpg);
	background-repeat: no-repeat;
}


.right { float:left; width:713px; margin:0 0 0 27px; display:inline; }

/* 位置 */
.location { min-height:20px; _height:20px; padding:5px 30px 2px 0; color:#555; }
.location .ico { float:right; padding-left:20px; background:url(/images/ico_location.gif) no-repeat 0 3px; }
.location a { color:#555; }
.location:after { content:'\0020'; display:block; height:0; clear:both; }

/* 二级导航 */
.menu {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 34px;
	padding-left: 0;
}
.menu dl { margin:0; }
.menu dt { margin:1px auto 0 auto; text-align:right; }
.menu dt a { display:block; _height:20px; *min-height:20px; padding:1px 18px 1px 0; background:url(/images/menu_1.jpg) repeat-y; color:#555; line-height:20px; }
.menu dt a:hover, .menu dt .current { background:url(/images/menu_01.jpg) repeat-y; color:#066ccf; text-decoration:none; }

/* 三级导航 */
.menu dd { width:220px; margin:0; line-height:18px; text-align:right; }
.menu dd a{ display:block; padding:2px 18px 0 30px; background:url(/images/arrow_02.gif) no-repeat 210px 7px; color:#555; }
.menu dd a:hover, .menu dd .current { color:#066ccf; text-decoration:none; }

/* 右侧 */
.right .title { height:20px; margin:0; padding:8px 0 0 12px; background:url(/images/bg_right_title.jpg) no-repeat; color:#555; font-size:12px; text-align:left; }
.bg_title { height:18px; margin:0; padding:3px 0 2px 12px; background:url(/images/arrow_03.gif) no-repeat 3px 9px #eee; color:#555; font-weight:bold; font-size:13px; text-align:left; }

/* 文章 */
.display_title {
	padding:0 18px;
	color:#555;
	text-align: center;
}
.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(/images/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:3px 8px; background:url(/images/bg_news_list_line.gif) repeat-x bottom; color:#333; line-height:20px; clear:both; }
.list_news_01 ul li a { padding-left:5px; color:#555; }
.list_news_01 ul li a:hover { color:#a00; text-decoration:underline; }
.list_news_01 .bg { background:#eee; }
.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(/images/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 0 13px 0; 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_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(/images/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(/images/page_line.gif) repeat-x top; line-height:30px; clear:both; }
.page_line { background:url(/images/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; }

/* 在线留言 */
.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:150%;
}
.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(/images/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(/images/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(/images/bg_pic_title.jpg) repeat-x top #fff; }
.product .pic_list .txt a { color:#555; }
.product .pic_list .txt a:hover { color:#a00; }

/* 底部 */
.footer { width:990px; min-height:60px; _height:60px; margin:0 auto; color:#888; line-height:150%; }
.footer:after { content:'\0020'; display:block; height:0; clear:both; }
.footer .copyright {
	float:left;
	width: 520px;
	padding-top: 0;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 12px;
}
.footer .link {
	float:right;
	text-align: right;
	width: 420px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}
.footer a { color:#888; }

.product_01 { float:none; margin:0 auto; }
.product_01 .pic_list { float:left; padding:10px 5px 0; }
.product_01 .pic_list .txt { margin:0 auto; padding:8px 0 0 0; line-height:20px; text-align:center;  background:url(/images/bg_pic_title.jpg) repeat-x top #fff; }
.product_01 .pic_list .txt a { color:#555; }
.product_01 .pic_list .txt a:hover { color:#a00; }


/* 左侧 */
.left {
	position:relative;
	float:left;
	width:230px;
	padding:0;
	background:url(/images/bg_middle.jpg) repeat-y right top;
	z-index:1;
	margin-bottom: 0px;
	height: 600px;
}
.left .title { height:28px; margin:0 10px 0 0; padding:0 17px 0 0; background:url(/images/bg_left_title.jpg) no-repeat; color:#fff; font-size:12px; line-height:28px; text-align:right; }
.col_bottom {
	clear:both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

.left h1 { background:url(/images/left_title.jpg) no-repeat left bottom; }
.left .product_01 { width:220px; margin-bottom:10px; text-align:center; }
.left .product_01 .pic_list .txt { background:none; }
.left .list_01 { margin-bottom:10px; }


/* 首页 */
.siteL .title{
	font-size:12px;
	height:23px;
	line-height:23px;
	margin:0 7px;
	padding:0 10px 0 38px;
	color:#fff;
	font-weight:bold;
	text-align:left;
	background-image: url(/images/siteL_title.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.siteL .title2 {
	font-size:12px;
	height:23px;
	line-height:23px;
	color:#fff;
	font-weight:bold;
	text-align:left;
	background-image: url(/images/siteL_title.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 495px;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 7px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 38px;
}

.siteL .content { padding:10px 7px; line-height:24px; }

.siteM .title{ font-size:12px; height:23px; line-height:23px; margin:0 7px; padding:0 10px 0 22px; color:#555; font-weight:bold; text-align:left;background:url(/images/siteM_title.jpg) no-repeat left bottom;}
.siteM .content { padding:10px 7px; line-height:24px; }
.siteM .content .list { padding:0 5px 0 16px; background:url(/images/arrow_02.gif) no-repeat 6px 10px; line-height:25px; }
.siteM .content .bg { background-color:#eee; }

/* 专题图片 */
.home1 .title{ font-size:12px; height:23px; line-height:23px; margin:0 7px; padding:0 10px 0 38px; color:#fff; font-weight:bold; text-align:left;background:url(/images/siteL_title.jpg) no-repeat left bottom;}
.home1 .content { padding:10px 7px; line-height:24px; }

/* 专题图片 */
.home2 .title{ font-size:12px; height:23px; line-height:23px; margin:0 7px; padding:0 10px 0 38px; color:#fff; font-weight:bold; text-align:left;background:url(/images/siteL_title.jpg) no-repeat left bottom;}
.home2 .content { height:150px; padding:10px 7px; line-height:25px; }

/* 专题图片 */
.home3 .title{ font-size:12px; height:23px; line-height:23px; margin:0 7px; padding:0 10px 0 22px; color:#555; font-weight:bold; text-align:left;background:url(/images/siteM_title.jpg) no-repeat left bottom; }
.home3 .content { height:150px; padding:10px 7px; line-height:24px; }

/* 专题图片 */
.home4 .title{ font-size:12px; height:23px; line-height:23px; margin:0 7px; padding:0 10px 0 38px; color:#fff; font-weight:bold; text-align:left;background:url(/images/siteL_title.jpg) no-repeat left bottom;}
.home4 .content { height:150px; padding:10px 7px; line-height:24px; }

.link .title{ font-size:12px; height:23px; line-height:23px; margin:0 7px; padding:7px 10px 0 38px; color:#fff; font-weight:bold; text-align:left;background:url(/images/siteL_title.jpg) no-repeat left bottom;}
.link2 {
	float: left;
	width: 990px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: 150%;
	color: #888;
	padding-right: 6px;
	padding-left: 12px;
}

.link .content { padding:10px 7px; }


.more { float:right; color:#999; font-weight:100; }
.more a { color:#999; }
.picList { float:left; padding:5px; }
.picList .pic {margin:0 auto; }
.picList .pic img { border:1px solid #ddd; }
.picList .txt { margin:0 auto; padding:5px 0 0 0; line-height:16px; text-align:center; }
.picList .txt a { color:#555; }
.picList .txt a:hover { color:#a00; }
.siteL .picList { padding:5px 14px; }


/* 图文列表 */
.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; }

/*会员表单相关*/
.tip { color:#f60; margin:20px 0 0 20px; }
.member_login { margin:20px 0 0 20px; font-size:13px; line-height:22px; }
.member_login a { text-decoration:underline; }

/*自定义下拉列表*/
/* 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;
}

/* 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(/images/bg_link.jpg) left -2px;
  cursor: pointer;
  border:1px solid #eee;
  color:#fff;
}

#SfMessWrap { z-index:9999;}
						
