@charset "utf-8";
/*初始样式
---------------------------------------------*/
section,article,aside,header,footer,nav,figure{ display:block; }
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{ margin:0; padding:0; }
body,button,input,select,textarea{ font:12px/1.5 "Microsoft Yahei"; }
body {background-color: #FFF;background-image: url(bg.gif);background-repeat: repeat-x;background-position: top; }
h1,h2,h3,h4,h5,h6,button,input,select,textarea{ font-size:100%; }
address,cite,dfn,em,var{ font-style:normal; }
code,kbd,pre,samp{ font-family:courier new,courier,monospace; }
p,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6{ list-style:none; }
a{ color:#666; text-decoration:none; }
a:hover{ color:#FF3300; text-decoration:underline; }
fieldset,img{ border:0; }
table{ border-collapse:collapse; border-spacing:0; }
input::-moz-focus-inner,button::-moz-focus-inner{ border:0;padding:0;outline:0; }

/********** 基本样式 **********/
.top {
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
}
.topsx {
	background-image: url(topsx.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.top10 {
	margin-top:10px;
}
.top20 {
	margin-top:20px;
}
.tt {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 32px;
	font-size: 15px;
	line-height: 32px;
	margin-bottom: 15px;
	padding-left: 10px;
}
.bj1 {
	padding: 8px;
}
.bjend {
	padding: 18px;
}
.side {
	padding-left: 45px;
	line-height: 34px;
	height: 34px;
	width: 130px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	background-image: url(bb01.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
}
.side1 {
	padding-left: 35px;
	line-height: 34px;
	height: 34px;
	width: 140px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: url(bb02.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	font-size: 13px;
	font-weight: bold;
}
.side2 {
	padding-left: 45px;
	line-height: 34px;
	height: 34px;
	width: 130px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	background-image: url(bb03.gif);
	background-repeat: no-repeat;
	background-position: 25px center;
}
.side3 {
	padding-left: 20px;
	line-height: 26px;
	height: 26px;
	width: 155px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEDEDE;
	background-image: url(bb04.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	overflow: hidden;
}
.side4 {
	padding-left: 20px;
	line-height: 32px;
	height: 32px;
	width: 380px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #DEDEDE;
	background-image: url(bb03.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	overflow: hidden;
}
.side5 {
	padding-left: 20px;
	line-height: 32px;
	height: 32px;
	width: 230px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #DEDEDE;
	background-image: url(bb02.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	overflow: hidden;
}
.side6 {
	padding-left: 20px;
	line-height: 32px;
	height: 32px;
	width: 230px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #DEDEDE;
	background-image: url(bb05.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	overflow: hidden;
}
#bk {
	width: 100%;
	margin-bottom: 15px;
}
#bkpr {
	width: 960px;
	height: 420px;
}
.kk {
	width: 215px;
	height: 245px;
	float: left;
	background-image: url(photo_prbg.gif);
	text-align: center;
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 8px;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 5px;
}
.kk .btnl {
	width: 210px;
	height: 24px;
	overflow: hidden;
	line-height: 24px;
	float: left;
	text-align: center;
	margin-top: 12px;
}
#bk1 {
	width: 100%;
}
.kk1 {
	width: 260px;
	height: 290px;
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 12px;
}
.kk1 .btnl1 {
	width: 260px;
	height: 28px;
	overflow: hidden;
	line-height: 28px;
	float: left;
	text-align: center;
}
.kk2 {
	width: 170px;
	height: 190px;
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 12px;
}
.kk2 .btnl2 {
	width: 170px;
	height: 28px;
	overflow: hidden;
	line-height: 28px;
	float: left;
	text-align: center;
}
.kk3 {
	width: 148px;
	height: 140px;
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 12px;
}
.kk3 .btnl3 {
	width: 170px;
	height: 28px;
	overflow: hidden;
	line-height: 28px;
	float: left;
	text-align: center;
}
.bk1 {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #d5d5d5;
	border-bottom-color: #d5d5d5;
	border-left-color: #d5d5d5;
	padding: 8px;
}
.bk2 {
	border: 1px solid #d2d2d2;
	padding: 2px;
}
.bk3 {
	padding: 2px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}
.bai {
	color: #FFF;
}
.br {
	line-height: 10px;
	height: 10px;
	width: 0px;
}
.zxfk {
	font-size: 15px;
	color: #FF6633;
	text-align: center;
	line-height: 22px;
	font-weight: bold;
	padding-top: 15px;
}

/********** 颜色列表 **********/
.ys1 {
	font-size: 22px;
	font-weight: bold;
	color: #FF0000;
}
.ys2 {
	font-size: 15px;
}
.ys3 {}
.ys4 {}
.ys5 {}

.endbg {
	background-image: url(photo_25.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
#topimg {
	background-image: url(topimg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 320px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/********图片滚动1********/
#Marquee_x { overflow:hidden; width: 1000px;height: 320px; } 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div{ float:left;overflow:hidden}
#Marquee_x ul li div img{ display:block}
#Marquee_x ul li div span{ display:block;}
/********图片滚动1end********/


/********图片滚动2********/
#tpgd {overflow:hidden;width: 980px;height:200px;}
#tpgd img {border: 3px solid #F2F2F2;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}
/********图片滚动2end********/


/*****图片切换*****/
div#MainPromotionBanner{
	width:300px;
	height:130px;
	background:#feb900;
}
#MainPromotionBanner #SlidePlayer {
	position:relative;
	margin: 0 auto;
}
#MainPromotionBanner .Slides{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 130px;
	overflow: hidden;
}
#MainPromotionBanner .Slides li {
	float: left;
	width: 300px;
	height: 130px;
}

#MainPromotionBanner .Slides img{
	border:0;
	display: block;
	width: 300px;
	height: 130px;	
}

#MainPromotionBanner .SlideTriggers{
	margin: 0;
	padding: 0;
	list-style: none; 
	position: absolute; 
	top: 105px; 
	right: 0px;
	z-index: 10;
	height: 25px;	
}
#MainPromotionBanner .SlideTriggers li{
	float: left;
	display: inline;
	color: #74a8ed;
	text-align: center;
	line-height:16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: .9em;
	cursor: pointer;
	overflow: hidden; 
	margin:3px 6px;
	background: url(slide_trigger.gif) no-repeat center center;
}
#MainPromotionBanner .SlideTriggers li.Current{ 
	color:#fff; 
	background: url(slide_trigger_c.gif) no-repeat center center;
	border:0; 
	font-weight:bold;
	font-size: 1.4em;
	line-height: 21px;
	height: 21px;
	width: 21px;
	margin:0 6px; 
}
/*****图片切换end*****/


/********** 产品JS **********/
#xl {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; Z-INDEX: 1000; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/xl.png', sizingMethod='scale'); PADDING-BOTTOM: 22px; PADDING-TOP: 22px; POSITION: absolute
}
#xl IMG {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #999999 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #ffffff
}
