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

img, .logo, .toptp, .productlm, .contactcontent, .category{ behavior: url(templates/kerrybike/style/iepngfix.htc); }

/* ====================公共样式==================== */
.clear-float{clear:both;}
ul{	margin:0; 	padding:0; 	list-style-type:none;}

body{ margin:0 auto; padding:0; background:url(../images/bg1.jpg);}

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




#b1 {
	float: left;
	width: 560px;
	border-top: 1px solid #D7D7D7;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}
#b2 {
	float: left;
	width: 560px;
	border-top: 1px solid #D7D7D7;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}
#b3 {
	float: left;
	width: 560px;
	border-top: 1px solid #D7D7D7;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}
#a1 {
	float: left;
	height: 25px;
	width: 113px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	line-height: 25px;
	background-image: url(../images/4.jpg);
	background-repeat: no-repeat;
	display: block;
	margin-left: 2px;
}

#qq {
	width: 560px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

#qq a {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}



#a2 {
	float: left;
	height: 25px;
	width: 113px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	line-height: 25px;
	background-image: url(../images/4.jpg);
	background-repeat: no-repeat;
	display: block;
	margin-left: 2px;
}

#a3 {
	float: left;
	height: 25px;
	width: 113px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	line-height: 25px;
	background-image: url(../images/4.jpg);
	background-repeat: no-repeat;
	display: block;
	margin-left: 2px;
}
#a4 {
	float: left;
	height: 25px;
	width: 113px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	line-height: 25px;
	background-image: url(../images/4.jpg);
	background-repeat: no-repeat;
	display: block;
	margin-left: 2px;
}


/* ====================页面布局==================== */
.warp{ 
    height:auto;
	margin:0 auto;
    width:950px;
	 }



/* ====================分页==================== */



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



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



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



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



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



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



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



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



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



#fenye li.nowy a,#fenye li.nowy a:visited{ color:#ffffff; text-decoration:none; font-size:12px; line-height:20px;}



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







#navwarp li.sfhover ul {



left: auto;



}

/* ====================header==================== */
.headerwarp{
	background:#0d0d0d url(../images/topbg.jpg) repeat-x top; 
	height:113px; 
	margin:0 auto; 
	width:950px;
	}
.topnav{ width:224px; height:25px; margin:0 auto; float:right;}
.topnav ul li{ text-align:left; float:left; margin-left:15px;}
.topnav ul li a{ font:11px/25px Arial, Helvetica, sans-serif; color:#fff;}
.topnav ul li a:hover{font:11px/25px Arial, Helvetica, sans-serif; color:#fad00b;text-decoration:none;}

.logo{ width:900px; height:auto; margin:0 auto; font: bold 24px/74px Arial, Helvetica, sans-serif; color:#fff;}
.logo img{border:0;display:block;	}

/* ====================nav==================== */
.navwarp{ width:950px; height:36px; background:url(../images/mainMenuBg.gif) repeat-x; margin:0 auto;}

#navwarp{width:950px; height:auto;  position:relative; z-index:1000;font:12px/30px tahoma; color:#fff;}
#navwarp li{ margin-left:0px;_margin-left:0px; float:left;display:inline; position:relative; margin-left:15px;height:36px;}
#navwarp li a{ height:36px; font: bold 14px/30px tahoma; color:#fff; text-decoration:none;text-align:center; }
#navwarp li a:hover{ height:36px;font: bold 14px/30px tahoma; color:#fad000; text-decoration:none;text-align:center;}

#navxai{display:none;line-height:25px;text-align:left;
left:-20px;
top:36px;
width:100px; 
position:absolute;
z-index:1000;
padding:0;
margin:0;
}

#navxai li{
height:25px;
float:left; 
margin:0;
padding:0;
border:1px solid #252e33;
}


#navxai li a{font:bold 12px/28px Verdana, Geneva, sans-serif; color:#333333; text-decoration:none; padding-left:5px; display:block; text-align:left;width: 100px; height:28px;background: #fcf9f9;
 }
#navxai li a:hover{font:bold 12px/28px Verdana, Geneva, sans-serif; color:#333333; text-decoration:none; padding-left:5px; display:block; text-align:left;width: 100px; height:28px;background: #ececec;
 }


#navwarp li.sfhover ul {
left: auto;
}

#content {
clear: left;
}
/* ====================banner==================== */
.banner{ width:950px; height:170px; margin:0 auto;}
.banner img{ border:0; display:block;}

/* ====================content==================== */
.contentwarp{ width:930px; height:auto; background:#1a1a1a url(../images/xx.jpg) repeat-x top; padding-top:4px; padding-left:10px; padding-right:10px;}
/* ====================content left==================== */
.contentleft{ width:228px; height:auto; float:left;}
.categoryconlm{ width:195px; height:42px; background:url(../images/c2t1.gif) no-repeat; padding-left:33px;}
.categoryconlm a{ font: bold 13px/42px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
.categorycon{ width:228px; height:auto; background:url(../images/leftBg.gif) repeat-y;}
.categorycon li{ width:206px; height:auto; margin:0 auto;}
.categorycon li a{height:25px; font: bold 13px/25px Arial, Helvetica, sans-serif; color:#b8b8b8; ;  padding-left:20px; display:block;text-decoration:none;background:#1a220b url(../images/tb.gif) 5px 8px no-repeat; border-top:1px solid #244903;}
.categorycon li a:hover{ font: bold 13px/25px Arial, Helvetica, sans-serif; color:#7bbd00; ;  padding-left:20px; display:block;text-decoration:none;background:#2a350b url(../images/tb.gif) 5px 8px no-repeat; border-top:1px solid #244903;}

.categorycon02{ width:206px; height:auto; margin:0 auto;}
.categorycon02 li{ width:206px; height:auto; height: }
.categorycon02 li a{ font:12px/25px Arial, Helvetica, sans-serif; color:#858585; background:#0a0a0a url(../images/tb.jpg) 13px 12px no-repeat; padding-left:20px; display:block;text-decoration:none;border-bottom:1px solid #2c2c2c;border:0;}
.categorycon02 li a:hover{ font:12px/25px Arial, Helvetica, sans-serif; color:#7bbd00; background:#0a0a0a url(../images/tb.jpg) 13px 12px no-repeat; padding-left:20px; display:block;text-decoration:none;border-bottom:1px solid #2c2c2c;border:0;}

.categorycon002{ width:228px; height:auto; margin-bottom:15px;}
/* ====================content right==================== */
.serchwarp{ width:690px; height:40px;}
.serchwarp ul li{ margin-top:10px;float:left; margin-right:10px; font:12px/20px Arial, Helvetica, sans-serif; color:#fff;}
#so{height:16px; width:146px;margin:0; display:block;font:12px/16px Arial, Helvetica, sans-serif; color:#333; padding-left:5px;}
#an{background: height:16px; width:60px; padding:0; margin:0;display:block;font:12px/16px Arial, Helvetica, sans-serif; color:#333;}
.contentright{ width:690px; height:auto; float:right;}
/*==================content right  about us=====================*/
.aboutlm{height:39px;  background:url(../images/modthBg.gif) no-repeat; padding-left:33px; font: bold 13px/39px Arial, Helvetica, sans-serif; color:#b7b7b7;}
.aboutlm span{ float:right; background:url(../images/tb002.gif) no-repeat 0px 16px; font:12px/39px Arial, Helvetica, sans-serif; margin-right:10px; padding-left:10px;}
.aboutlm span a{ font:12px/39px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
.aboutlm span a:hover{ font:12px/39px Arial, Helvetica, sans-serif; color:#fad000; text-decoration:none;}

.aboutcontent{height:auto; text-align:left; font:12px/20px Arial, Helvetica, sans-serif; color:#858585; padding:10px; background:url(../images/company_bg.gif) repeat-y;}
.aboutcontent span{ font-size:12px;}
.aboutcontent img{ margin-right:10px; margin-bottom:0px; width:auto; height:auto;}
.aboutcontent a{ text-align:right;font:12px/25px Arial, Helvetica, sans-serif; color:#b8b8b8; text-decoration:none;}
.aboutcontent a:hover{ text-align:right;font:12px/25px Arial, Helvetica, sans-serif; color:#fad000; text-decoration:none; }

.aboutcontentbot{ width:690px; height:auto;}

/*====================product========================*/
.prodcutwarp{ width:670px; height:auto; background:url(../images/company_bg.gif) repeat-y; font:12px/20px Arial, Helvetica, sans-serif; color:#858585; padding:10px;}

.cpworp{ width:670px; margin:0 auto; padding-top:15px;}
.cpworp li{ width:194px; height:194px; float:left; margin-left:25px; margin-bottom:10px; display:inline; }
.cpworp li a {
	display:block;
}
.cpworp li a img {
	border:1px solid #858585;
	  padding:1px;
	 width:190px; height:154px;
	}
	
.cpworp li span a {
	width:194px;
	height:20px;
	line-height:20px;
	text-align:center;
	text-overflow:ellipsis; 
	overflow: hidden;
	font: bold 12px/20px arial, helvetica, sans-serif; color:#858585;
	text-decoration:none;
	display:block;
}
.cpworp li span a:hover {
	width:194px;
	height:20px;
	line-height:20px;
	text-align:center;
	text-overflow:ellipsis; 
	overflow: hidden;
	font: bold 12px/20px arial, helvetica, sans-serif; color:#fad000;
	text-decoration:none;
	display:block;
}
.cpworp li h3{ padding:0; margin:0; font:11px/20px Arial, Helvetica, sans-serif; color:#858585; text-align:center;}


.productleft{ width:320px; height:320px; margin-top:10px;float:left;}
.productleft img{ width:320px; height:320px; border:1px solid #2c2c2c;}
.productright{ width:300px; height:300px; float:right;margin-right:20px;_margin-right:10px; margin-top:10px;}
.productright ul li{ width:300px; height:auto; border-bottom:1px solid #2c2c2c; font:12px/20px Arial, Helvetica, sans-serif; color:#858585; }
.productorder{ width:80px; height:25px; margin-top:15px;}
.productorder a{width:80px; height:25px; background:#1a220b; border:1px solid #244903; padding:1px; font: bold 14px/25px Arial, Helvetica, sans-serif; color:#bababa; text-align:center; display:block; text-decoration:none;}
.productorder a:hover{width:80px; height:25px; background:#2a350b; border:1px solid #244903; padding:1px; font: bold 14px/25px Arial, Helvetica, sans-serif; color:#7bbd00; text-align:center; display:block; text-decoration:none;}

.detailspigsome{clear:both; width:30opx; padding-bottom:0px; margin:0px auto; margin-top:20px;}
.detailspigsome ul li{ width:90px; height:90px; margin-left:5px;_margin-left:3px;float:left;margin-bottom:8px;margin-top:3px; display:inline;}
.detailspigsome li img{ width:90px; height:90px; background:#fff;  border:1px solid #2c2c2c; cursor:hand;}


.productcool{ width:650px; height:25px; background:#1a220b; border-bottom:1px solid #2c2c2c; border-top:1px solid #2c2c2c; font:14px/25px Arial, Helvetica, sans-serif; color:#858585; padding-left:20px;}

.productdetails{ width:675px; height:auto; margin:10px auto; text-align:left; font:12px/20px Arial, Helvetica, sans-serif; color:#858585;}

/*======================foot===================*/
.footwarp{ width:950px; height:auto; background:#000000 url(../images/bottom.jpg) no-repeat top; padding-top:15px; padding-bottom:15px;}
.footnav{ width:950px; height:auto; margin:0 auto;font:12px/20px Arial, Helvetica, sans-serif; color:#858585; text-align:center;}
.footnav ul li{ margin-left:8px; float:left; padding-left:22px;}
.footnav ul li a{ font:12px/20px Arial, Helvetica, sans-serif; color:#858585;text-decoration:none;}
.footnav ul li a:hover{ font:12px/20px Arial, Helvetica, sans-serif; color:#ea5d00; text-decoration:none;}
.footnav01{ background: url(../images/ico_english.gif) no-repeat 0 4px;}
.footnav02{ background: url(../images/ico_deutsch1.gif) no-repeat 0 4px;}
.footnav03{ background: url(../images/ico_espanol.gif) no-repeat 0 4px;}
.footnav04{ background: url(../images/ico_francies.gif) no-repeat 0 4px;}
.footnav05{ background: url(../images/ico_italino.gif) no-repeat 0 4px;}
.footnav06{ background: url(../images/ico_portgues.gif) no-repeat 0 4px;}
.footnav07{ background: url(../images/ico_japan.jpg) no-repeat 0 4px;}
.footnav08{ background: url(../images/ico_korea.jpg) no-repeat 0 4px;}
.footnav09{ background: url(../images/ico_arabia.jpg) no-repeat 0 4px;}
.footnav10{ background: url(../images/ico_russia.jpg) no-repeat 0 4px;}
.footnav11{ background: url(../images/ico_indonesia.jpg) no-repeat 0 4px;}
.footnav12{ background: url(../images/ico_vietnam.jpg) no-repeat 0 4px;}

.footwarp02{ width:950px; height:auto; text-align:center; padding-bottom:10px; font:12px/25px Arial, Helvetica, sans-serif; color:#858585;height:25px;}
.footwarp02 a{ font:12px/25px Arial, Helvetica, sans-serif; color:#858585; text-decoration:none;}
.footwarp02 a:hover{ font:12px/25px Arial, Helvetica, sans-serif; color:#ea5d00;text-decoration:none;}

.footwarp02 span a{ background:url(../images/copyRight.gif) no-repeat 0 2px; padding-left:90px;}