/***********banner********/
.banner{
	position: relative;
	height:500px;
	width: 100%;
	overflow: hidden;
	z-index: 1;
	top:-5px;
}
.banner li{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: none;
	height: 500px;
}
.banner li a {
	display: block;
	height: 500px;
}
.banner .btn{
	position: absolute;
	bottom: 58px;
	left: 50%;
	z-index: 5;
}
.banner .btn span{
	background: url("../img/round.png") no-repeat 0 0;
	margin: 0 5px 0 5px;
	width: 10px;
	height: 10px;
	display: block;
	cursor: pointer;
	float: left;
}
.banner .btn span.on{
	background: url("../img/round.png") no-repeat 0 -10px;
}
/*index-wrap
.w1020{
	width: 1020px;
	margin: 0 auto;
}
.index-wrap{
	background: #FFFFFF;
	margin: 0 auto;
	height: 1020px;
	position: relative;
	top:-40px;
	z-index: 2;
}*/

/***********series***********/
.series{
	margin: 0 auto;
	z-index: 10;
	position: relative;
	margin-top:-55px;
}
.series ul ,.series li { float: left;}
.series li a { display: block; height: 150px; }
.series ul .content1{
	display: block;
	float:left;
	width: 318px;
	height: 150px;
	padding: 20px 0 0 20px;
	background: url('../img/content1.jpg') no-repeat;
}

.series ul .content2{
	display: block;
	float: left;
	width: 318px;
	height: 150px;
	padding: 20px 0 0 20px;
	background: url('../img/content2.jpg') no-repeat;
	margin-left:3px;
}
.series ul .content3{
	display: block;
	float: right;
	width: 318px;
	height: 150px;
	padding: 20px 0 0 20px;
	background: url('../img/content3.jpg') no-repeat;
	margin-left:3px;
}
.series h2,.series p{
	color: #FFFFFF;
}
.series h2{
	font-size: 18px;
}



/*about*/
.about{width:320px;}
.aboutCon{padding:20px 0 0 0; font-size:13px;}
.aboutCon img{width:320px; height:160px; margin:0 0 10px 0;} 



/***********产品*************/
.img-scroll { width:650px;position:relative; margin:0 auto; z-index:999;}
.nextpic_t{ width: 180px;font-size:12px;color: #666666;font-weight: bold;line-height: 26px; }
.nextpic_t span{font: 12px/normal Arial,Helvetica,Verdana,Sans-serif;color: #fe9900;font-size: 12px;font-weight: normal;}
.img-scroll .prev,.img-scroll .next,.img-scroll .ge {color:#FFF; text-align:center;  cursor:pointer; position:absolute; display:block;top:40px;}

.img-scroll .prev {float:left;z-index:9999;}
.img-scroll .next {float:left; left:630px;z-index:9999;}
.nextpic_c{padding:0px;}

.img-list {width:610px; overflow:hidden;position:relative; margin:20px 0 20px 20px; float:left;}
.img-list ul {padding:0;width:9999px;overflow: hidden;}
.img-list li { float:left; width:205px; height:auto; text-align:center; display:inline;}
.img-list li img{ background:#fff; margin:0 auto; 	width: 180px; border:1px solid #b9b9b9; display:block; 	vertical-align: top;opacity: 0.9;filter:alpha(opacity=80);transition:all 0.3s;	height:130px;}
.img-list li A:hover img {border:1px solid #8f8f8f;opacity: 1;filter:alpha(opacity=100);}
.img-list li p{
	height: 26px;
	line-height:26px;
	text-align: center;
	font-size: 14px;
	padding-right:10px;
	color: #3c3c3c;
	}


/*************news**********/
.news { width:418px; height:150px; margin:20px 0 0 40px; padding:5px;}
.news ul{margin:8px 0 0 0; height:90px; overflow:hidden;}
.news ul li{height:30px; line-height:30px; overflow:hidden; padding-left:8px; background:url(../img/dot22.png) no-repeat 0 center;}
.news ul li a{display:inline-block; width:400px; padding-left:8px;  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; font-size:13px;} 
.news .newstime { color:#888; font-size:12px; padding-bottom:1px;}

/**************快速导航*****************/
.quick_nav { padding-left: 22px; width:210px;margin-top:30px; margin-bottom:20px; }
.quick_nav .qn_con { width: 210px; }
.quick_nav li { float: left; width: 102px; height: 70px; margin-left: 2px; margin-bottom: 2px; background: url(../img/quick_nav.png) no-repeat; }
.quick_nav li a { display: block; width: 102px; padding-top: 28px; line-height: 42px; text-align: center; color: #fff;  }
.quick_nav li a:hover { text-decoration: underline; }

.quick_nav .shop { background-color: #f18103; background-position: center 3px; }
.quick_nav .case { background-color: #bcbcbc; background-position: center -63px; }
.quick_nav .friends { background-color: #dedede; background-position: center -127px; }
.quick_nav .clouds { background-color: #c82126; background-position: center -190px; }