﻿/*---------- import ---------*/
@import url("list.css");
@import url("page.css");


/*---------- base ---------*/
*{
	padding:0px;
	margin:0px;
	background-attachment:fixed;

}

body{
	font:12px Verdana,Arial,宋体,Tahoma; color:#444444; background-attachment:fixed;
}
img{
	border:none;  vertical-align:middle;  
}
div, ul, li { margin: 0; padding: 0; border: 0; }
ul, li { list-style-type: none;  }
ul{
	list-style:none; 
}
ol{ list-style:none; 
}

p{
	padding:0px;
	margin:0px;
}
 a{ COLOR: #444; TEXT-DECORATION: none; outline:none;
}
 a:hover{ COLOR: #3a86ba; TEXT-DECORATION: underline
}
input,select,button{
	font:12px Verdana,Arial,Tahoma;
	vertical-align:middle;
}
li a{ color:#444; text-decoration:none; }
li a:hover{ color:#3a86ba; text-decoration:underline; }

/*---------- stock ---------*/
.center{
	margin:0px auto; 
}
.w1000{
	width:1000px;  position:relative;
}
.clear{
	overflow:hidden;
}
.fix{*zoom: 1;}
.fix:after{content: "";visibility: hidden;display: block;height: 0;clear: both;}
.f-l{ float:left;}
.f-r{ float:right;}


/* nav */
.top{ background-color:#f4f4f4; height:38px; border-bottom:1px solid #dddddd; width:100%; ; line-height:38px; font-size:12px; color:#777777; text-align:center;}
.top a{color:#777777; text-decoration:none; }
.top a:hover{color:#3a86ba; text-decoration:underline;}
.logo{ padding:23px 0px; width:450px;}
/*------ 搜索框 ---------*/
.search { margin-top:40px; _width:320px;}
.search-keyword {
	width:280px;
	border-left:#aaaaaa solid 1px;
	border-top:#aaaaaa solid 1px;
	border-bottom:#aaaaaa solid 1px;
	border-right:#fff solid 0px;
	background: #FFF;
	color:#999999;
	font-size:14px; margin:0px;
	height:30px;
	line-height:30px;
	text-indent:6px;
	
}
.search-option {
	border:#aaaaaa solid 1px; padding:1px; margin-right:5px;
	width:100px;
	color:#999999;
	font-size:14px;
	height:24px;
	line-height:24px;
}
.search-submit {
	cursor:pointer;
	width:32px;
	height:32px;
	border:#aaaaaa solid 0px;	
	background:url(../images/search_bg.png) no-repeat left top; margin:0px;
}
.search-h
{ margin-top:8px; font-size:12px; color:#999999;}
.search-h a
{ padding-left:5px; color:#999999;}
/*------ nav ---------*/
.nav-out {background-color:#262626;z-index:700; position:relative;  text-align:center;}
.nav { margin: 0px auto; height:50px;  position: relative;}
.nav a { text-decoration: none;}
.navmain { height: 50px; padding: 0px; position: relative; }
#nav_all { height: 50px; line-height:50px; position: relative; }
#nav_all .on { font-weight:bold;}
#nav_all li { text-align: center; float: left;  font:16px 微软雅黑,宋体; width:100px; }
#nav_all li a { color: #fff; display: inline-block; cursor: pointer;  height: 50px; line-height:50px; white-space: nowrap; }
#nav_all li a:hover { color:#fff; height: 50px; line-height: 50px; text-decoration:none; font-weight:bold; }

#nav_all li ul { display: none; position: absolute; z-index: 800;  border-bottom:1px solid #dddddd;  padding-top:0px; padding:0px;  background: #ffffff; top:50px; *margin-left:-90px;}
#nav_all ul li { background-image: none; line-height:30px; height: 30px; padding-top:0px;  float:none; text-align: center;  font-size:14px; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}
#nav_all ul li a { background-image: none; margin: 0px; height:30px; line-height:30px; color:#777777; font-weight: normal; background: #ffffff; border: none; font-size:14px;}
#nav_all ul li a:hover { background-image: none;   margin: 0px auto; height:30px; line-height:30px; color:#3a86ba; background: #ffffff; border-top: none; font-size:14px; }


/*------ main_image ---------*/
.main_visual{height:450px; overflow:hidden;position:relative; }
.main_image{height:450px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:450px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:450px;}
.main_image li span{display:block;width:100%;height:450px}
.main_image li a{display:block;width:100%;height:450px}



div.flicking_con{position:absolute;top:400px;left:50%;z-index:500;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:500;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:10%;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:10%;}

/*------ 客服 ---------*/
#box-kefu {
	position: fixed;
	right: 0;
	top: 20%;
	z-index: 1000;
	_position: absolute;

_top: expression(eval(document.documentElement.scrollTop+100));
}
#box-kefu .kefu-open {
	position: absolute;
	top: 0;
	right: 0;
	width: 138px;
	padding: 46px 0 0 0;
	background: url(../images/kefu_icon.png) no-repeat -46px 0;
	_background-image: url(../images/kefu_icon.gif);
	overflow: hidden;
}
#box-kefu .kefu-open .close {
	display: block;
	position: absolute;
	width: 22px;
	height: 22px;
	right: 0;
	top: 0;
	text-indent: -9999px;
}
#box-kefu .kefu-open div {
	padding-bottom: 5px;
	background: url(../images/kefu_bg.png) no-repeat -268px bottom;
	width: 134px;
}
#box-kefu .kefu-open ul {
	background: url(../images/kefu_bg.png) repeat-y 0 0 #939393;
}
#box-kefu .kefu-open li {
	height: 32px;
	line-height: 32px;
	padding: 0 15px 2px;
	background: url(../images/kefu_bg.png) no-repeat -134px bottom;
}
#box-kefu .kefu-open li a {
	color: #fff;
	display: block;
	position: relative;
	zoom: 1;
	padding-left: 35px;
}
#box-kefu .kefu-open li a:hover {
	text-decoration: none;
}
#box-kefu .kefu-open li a i {
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 6px;
	width: 21px;
	height: 21px;
	background: url(../images/kefu_icon.png) no-repeat 9999px 9999px;
	_background-image: url(../images/kefu_icon.gif);
}
#box-kefu .kefu-open li a i.qq {
	background-position: -86px -56px;
}
#box-kefu .kefu-open li a i.online {
	background-position: -56px -56px;
}
#box-kefu .kefu-open li a i.txt {
	background-position: -56px -86px;
}
#box-kefu .kefu-close {
	position: absolute;
	top: 5px;
	right: 0;
	width: 0;
	height: 127px;
	padding: 0;
	background: url(../images/kefu_icon.png) no-repeat 0 0;
	_background-image: url(../images/kefu_icon.gif);
	cursor: pointer;
	overflow: hidden;
}
/*返回顶部*/
#tbox{width:47px; height:73px; float:right; position:fixed;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:10px;
}/*解决IE6下不兼容 position:fixed 的问题*/
#gotop{ width:47px; height:47px; background:url(../images/top01.png) no-repeat; position:absolute; bottom:0px; display:none; cursor:pointer} 
#gotop:hover{ background:url(../images/top02.png) no-repeat;}

/*页尾*/
.lxwm{
	width:43.5%;
	float:left;
	margin:0% 2% 5% 1%;
	font-size:12px;
	color:#ccc;
}
.lxwm_title{overflow: hidden; margin-bottom: 8px; text-align:left; line-height:44px; border-bottom:1px solid #c84206; font-size:16px; color:#c84206;}
.mi_item {overflow: hidden; margin-bottom: 5px; line-height:24px;}
.mi_tag {float: left; width:60px; text-align:left;}
.mi_txt {float: left;  width:80%; text-align:left;}
.ewm{
	width:46%;
	float:left;
	color:#ccc;
	padding: 2%;
}
.ewm img{ width:120px; height:120px; }
.ewm-txt{ text-align:center; }
.bot{ background-color:#262626; border-top:3px solid #398fa6; color:#828282; padding:26px 0px; text-align:center; margin-top:20px; line-height:24px;}
.bot a{ color:#828282;}