@charset "utf-8";
/* CSS Document */

img, .topbgwarp, a{ behavior: url(templates/ykwonder/style/iepngfix.htc); }
.clear-float{clear:both;}
ul{	margin:0; 	padding:0; 	list-style-type:none;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body{ background:url(../images/bg.jpg);}


.fl{ float:left;}
.fr{ float:right;}

/* ====================页面布局==================== */
.warp{ 
    height:auto;
	margin:0 auto;
    width:100%;
	background:url(../images/topbg.jpg) repeat-x top;
	 }
.warp002{ width:970px; border-left:5px solid #000; border-right:5px solid #000; margin:0 auto;}
/* ====================top===================== */
.topbgwarp{ width:952px; height:44px; background:url(../images/topbg02.jpg) repeat-y; text-align:left; padding-left:18px;}
.website a{ width:206px; height:15px; background:url(../images/website.png) no-repeat;text-indent: -9999px; display:block; float:left; margin-top:14px;}
.topbgwarp span{ font: bold 16px/44px Arial, Helvetica, sans-serif; color:#db181e; padding-right:25px; float:right;}

/*================nav==================*/
.navwarp{ width:970px; height:53px; background:url(../images/navbg.jpg) repeat-x;}

#navwarp{position:relative; z-index:1000;}
#navwarp li{ height:53px; float:left;  position:relative;margin-left:15px;}

#navwarp li a{background:url(../images/navbg02.jpg) left -53px;  color:#000; text-decoration:none; height:53px; float:left; cursor:hand;padding:0 0 0 13px; font: bold 18px/53px Arial, Helvetica, sans-serif; color:#000;}
#navwarp li a:hover{background:url(../images/navbg02.jpg) left 0;height:53px;padding:0 0 0 13px;font: bold 18px/53px Arial, Helvetica, sans-serif; color:#fff;}

#navwarp li a span{background:url(../images/navbg02.jpg) right -53px;  padding:0 13px 0 0;  float:left; height:53px;}
#navwarp li a:hover span{background:url(../images/navbg02.jpg) right 0; color:#fff;  padding:0 13px 0 0; height:53px;  }





#navxai{display:none;text-align:left;

left:0px;

top:53px;
height:auto;
position:absolute;

z-index:1000;

padding:0;

margin:0;
width:120px;
}



#navxai li{
height:25px;
float:left; 

margin:0;
padding:0;
border-bottom:1px solid #6c6c6c;
z-index:1000;
}





#navxai li a{font:12px/25px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding-left:5px; display:block; text-align:left;background: #323232; height:25px; width:120px;

 }

#navxai li a:hover{font:12px/25px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding-left:5px; display:block; text-align:left;background: #212121;height:25px;width:120px;

 }





#navwarp li.sfhover ul {

left: auto;

}

.navwarpdx{ background:url(../images/x.jpg) repeat-x; height:4px; font-size:0;}

/*================banner====================*/
.bannerwarp{ width:970px; height:227px; background:url(../images/bannertp.jpg) no-repeat; margin:0 auto;}

.bannnerdx{ width:970px; height:18px; background:url(../images/x.jpg) repeat-x; margin:0 auto; font-size:0;}

/*==================content===================*/
.contentwarp{ width:970px; height:auto; margin:0 auto; background:#0e0e0e; padding-top:10px;}

/*==================left===================*/
.contentleft{ width:250px; margin-left:10px;_margin-left:5px; float:left;}
.leftlmwarp{ width:250px; height:38px; background:url(../images/lmbg.jpg) repeat-x;}
.leftlmwarp span{ background:url(../images/lmleft.jpg) no-repeat; float:left; height:38px;width:8px; float:left;}
.leftlmwarp .lmright{ background:url(../images/lmright.jpg) no-repeat; float:right; width:8px; height:38px;}
.leftlmwarp a{font: bold 16px/38px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-align:center;float:left; width:234px;}
.leftlmwarp a:hover{font: bold 16px/38px Arial, Helvetica, sans-serif; color:#faaf21; text-decoration:none; text-align:center;float:left; width:234px;}
/*========fl================*/
.categorycon{ width:234px; height:auto; margin:0 auto 10px auto;_margin:0 auto 5px auto;}
.categorycon li{ width:234px; height:auto; margin:0 auto;border-bottom:1px solid #450604; display:block;text-decoration:none;}
.categorycon li a{ font:12px/24px Arial, Helvetica, sans-serif; color:#fff;background:#641310 url(../images/tb.gif) 220px 8px no-repeat; padding-left:5px;text-decoration:none; display:block; height:24px;}
.categorycon li a:hover{font:12px/24px Arial, Helvetica, sans-serif; color:#fff; background:#771916 url(../images/tb.gif) 220px 8px no-repeat; padding-left:5px;text-decoration:none;display:block;height:24px;}

/*=================contact==================*/
.contactleft a{ width:243px; height:132px; background:url(../images/contanct.jpg) no-repeat;text-indent: -9999px; display:block; margin:10px auto;}
/*====================right================*/
.contentright{ width:690px; margin-left:10px;_margin-left:10px; float:left;}

/*==============about & tp===================*/
.abouttpwarp{ width:668px; height:auto; padding:10px;_padding:10px 10px 0 10px; background:#fff url(../images/conbg02.jpg) repeat-x top; border:1px solid #fff; margin-bottom:10px;}
.tpwarp{ width:328px; height:222px; border:1px solid #fff; float:left; margin-right:10px; font-size:0;}
.tpwarp img{ display:0;}
.aboutwarp{ width:325px; height:auto; float:right;}
.aboutwarp h3{ padding-left:5px; background:url(../images/dx.jpg) repeat-x bottom; font:bold 16px/25px Arial, Helvetica, sans-serif; color:#333; margin-bottom:10px;}
.aboutwarp p{font:11px/18px Arial, Helvetica, sans-serif; color:#707070;  text-align:left;}
.aboutwarp p a{ font:11px/18px Arial, Helvetica, sans-serif; color:#641310; text-decoration:underline; display:block; text-align:left;}
.aboutwarp p a:hover{font:11px/18px Arial, Helvetica, sans-serif; color:#a62722; text-decoration:none;display:block; text-align:left;}
.aboutcon{font:11px/18px Arial, Helvetica, sans-serif; color:#333; padding:0 10px 10px 10px;}
/*======================product=======================*/
.productwarp{ width:688px; height:auto; background:#fff url(../images/conbg02.jpg) repeat-x top; border:1px solid #fff;}
.productwarp h3{ background:url(../images/dx.jpg) repeat-x bottom;font:bold 16px/30px Arial, Helvetica, sans-serif; color:#333; margin-bottom:10px; text-align:left; padding-left:5px;}



.cpworp{ width:688px; margin:10px auto;}
.cpworp li{ width:148px; height:173px; float:left; margin-left:18px; margin-bottom:10px; display:inline; }
.cpworp li a {
	display:block;
}
.cpworp li a img {
	 width:148px; height:148px; border:1px solid #8d0010;
	}
.cpworp li span a {
	width:148px;
	height:25px;
	text-align:center;
	text-overflow:ellipsis; 
	overflow: hidden;
	color:#333;
	line-height:25px;
	font-size:12px;
	text-decoration:none;
	margin:0 auto;
}

.cpworp li span a:hover {
	width:148px;
	height:25px;
	text-align:center;
	text-overflow:ellipsis; 
	overflow: hidden;
	line-height:25px;
	font-size:12px;
	text-decoration:none;
	margin:0 auto;
	color:#8c000f;
}



.productleft{ width:340px; height:304px;float:left;}
.productleft img{ width:340px; height:304px;border: 1px solid #000;}
.productright{ width:320px; height:auto; float:right;}
.productright ul li{ height:auto; font-size:12px; line-height:20px; color:#8d8d8d; margin:2px 0 2px 0; border-bottom:1px solid #383838; padding-left:5px;}
.productorder img{ padding-left:80px; border:0;}
.productorder a{width:80px; height:25px; background:#474747; border:1px solid #000; padding:1px; font: bold 14px/25px Arial, Helvetica, sans-serif; color:#fff; text-align:center; display:block; text-decoration:none; margin-top:10px;}
.productorder a:hover{width:80px; height:25px; background:#000; border:1px solid #383838; padding:1px; font: bold 14px/25px Arial, Helvetica, sans-serif; color:#fff; text-align:center; display:block; text-decoration:none;margin-top:10px;}




.productcool{width:648px;  height:25px; background:#313131; border-bottom:1px solid #383838; border-top:1px solid #383838; font-size:12px; font-weight:bold; color:#fff; line-height:25px; padding-left:20px; margin:10px auto; }


.productdetails{ width:668px; height:auto;  margin:0  auto 10px auto; text-align:left; font-size:11px;  color:#333; line-height:18px;}
/*================foot=======================*/
.footwarp{ width:688px; height:auto; margin:10px 11px 10px auto; _margin:10px 6px 10px auto; float:right;}
.footlmbg{ width:688px; height:68px; background:#333333;}
.footlmbg h1 a{ width:60px; height:55px; background:url(../images/logo02.jpg) no-repeat; display:block; text-indent: -9999px; float:left; margin-top:8px; margin-left:12px;_margin-left:6px;}
.footnav{ width:500px; float:right; margin-top:21px; margin-right:15px;}
.footnav li{ float:right; color:#fff; margin-left:10px;}
.footnav li a{ font:11px/25px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
.footnav li a:hover{ font:11px/25px Arial, Helvetica, sans-serif; color:#c0c0c0; text-decoration:none;}

.footpb{ width:688px; height:auto; font:11px/18px Arial, Helvetica, sans-serif; color:#fff; text-align:center; margin-top:10px;}
.footpb a{font:11px/18px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
.footpb a:hover{font:11px/18px Arial, Helvetica, sans-serif; color:#c0c0c0; text-decoration:none;}
/* ====================分页==================== */

.cpfy{ text-align:center; height:40px; line-height:40px;}

.cpfy ul{ margin:0; padding:0;}

.cpfy ul li{ list-style:none; float:left; height:15px;}

.cpfy a:link,.cpfy a:visited{ color:#000; text-decoration:none; line-height:15px;}

.cpfy a:hover,.cpfy a:active{ color:#0277D7; text-decoration:none; line-height:15px;}

#fenye{ margin:0; padding-bottom:10px; padding-top:5px;}

#fenye li{ text-align:center; float:left; border:1px solid #A7BCCD; width:15px; height:15px; padding:2px; background-color:#DEEFFF; list-style:none; margin-left:5px; margin-right:5px;  color:#0E487A; font-size:11px; font-weight:bold;}

#fenye li.nowy{ float:left; border:1px solid #A7BCCD; width:15px; height 15px; padding:2px; background-color:#fff; list-style:none; margin-left:5px; margin-right:5px; text-align:center; color:#ffffff; font-size:11px; font-weight:bold;}

#fenye li a,#fenye li a:visited{ color:#0E487A; text-decoration:none; font-size:11px; line-height:15px;}

#fenye li.nowy a,#fenye li.nowy a:visited{ color:#333333; text-decoration:none; font-size:11px; line-height:15px;}

#fenye li.next{ width:auto; padding-left:2px; padding-right:2px;}

#navwarp li.sfhover ul {



left: auto;



}