@charset "utf-8";
/*common*/
body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#F1F3F2}
h1,h2,h3,h4,h5,h6,form{margin:0;padding:0;}
ul,li,dl,dt,dd{ padding:0px; margin:0px; list-style:none; }
p{ margin:0px; padding:0px;}
img{border:none;}
a{color:#666; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
a:hover {color:#fe6fd9; text-decoration:none}
.pt4{padding-top:4px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt30{padding-top:30px;}
.clear{height:0; line-height:0; font-size:0; clear:both;}
/*top*/
.top{width:1139px; margin:0 auto; overflow:hidden; background:url(img/topBg.gif) repeat-y #fe6fd9; height:6px; overflow:hidden;}
.mainDiv{width:1115px; margin:0 auto; overflow:hidden; background:url(img/bg.jpg) repeat-y; padding-left:12px; padding-right:12px;}
.logo{width:224px; height:81px; float:left; padding-top:10px;}
.topRight{float:right; text-align:right; padding-top:10px;}
.topRight a{color:#666666; font-size:12px;}
.topRight a:hover{color:#666666;}
.menu{height:35px; clear:both; overflow:hidden; border-bottom:2px solid #fe6fd9;}
.menuUL{padding-left:220px;}
.menuLi{width:150px; height:35px; padding-left:5px; float:left; }
.menuA{text-align:center;background:url(img/menu.jpg) no-repeat;font-size:16px; color:#FFF; display:block; width:150px; height:35px;padding-top:10px;}
.menuA:hover{color:#FFF; background:url(img/menuOn.jpg) no-repeat;}
.menuLi ul{width:182px; border:1px solid #fe6fd9; border-top:2px solid #fe6fd9; position:absolute; margin-top:-10px; display:none; z-index:998}
.menuLi ul li{clear:both; height:29px; line-height:29px; background:url(img/menuBg.jpg); overflow:hidden; border-left:1px solid #E6E6E6;border-right:1px solid #E6E6E6; padding-left:5px}
.menuLi ul li a{padding-left:10px; display:block; height:29px; line-height:29px; overflow:hidden}
.menuLi ul li a:hover{ background:url(img/li1.jpg) left center no-repeat;}
.menuLi .liLine{height:1px; background:url(img/line.jpg); overflow:hidden; line-height:1px; font-size:1px; padding:0; margin:0;}
/*left*/
.left{width:200px; float:left;}
.leftSearch{ border:1px solid #CCC; border-top:0}
.leftTitle{height:31px; line-height:31px; font-size:14px; color:#FFF; background:url(img/leftTitleBg.jpg) top right no-repeat; padding-left:10px; margin-top:5px;}
.searchForm{height:27px; clear:both; padding-left:10px; padding-top:3px;}
.searchForm input{width:120px; height:17px; line-height:17px; padding-left:5px; padding-right:5px; border:1px solid #7F9DB9; color:#666 }
.searchForm button{margin-left:5px;cursor:pointer}
.leftHistory{line-height:180%; padding:5px; border:1px solid #CCC; margin-top:5px;}
.leftCategory{border:1px solid #CCC; border-top:0; }
.categoryUl{}
.categoryUl .categoryLi{}
.categoryUl .categoryLi a{color:#000; display:block;line-height:160%; padding-top:4px; padding-bottom:4px; padding-left:5px}
.categoryUl .categoryLi a:hover{color:#000;}
.categoryUl .leftOn{background:#595757;}
.categoryUl .leftOn a,.categoryUl .leftOn a:hover{color:#fff;}
.categoryUl .categoryLi ul{ width:160px;position:absolute;background:#595757;filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;-khtml-opacity:0.90; display:none; margin-left:198px; margin-top:-27px;  z-index:999}
.categoryUl .categoryLi ul li{}
.categoryUl .categoryLi ul li a{display:block;line-height:160%; padding-top:4px; padding-bottom:4px; color:#FFF; padding-left:5px;}
.categoryUl .categoryLi ul li a:hover{background:#333;filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;-khtml-opacity:0.90;color:#FFF;}
.leftNews{ border:1px solid #CCC; border-top:0; }
.newsForm{height:27px; clear:both; padding-left:10px; padding-top:3px;}
.newsForm input{width:100px; height:17px; line-height:17px; padding-left:5px; padding-right:5px; border:1px solid #7F9DB9; color:#666 }
.newsForm button{margin-left:5px; cursor:pointer}
.leftPic{padding-top:5px; padding-bottom:5px;}
#history{border:1px solid #CCC; border-top:2px solid #454a4e; margin-top:5px;}
#history ul{ padding:2px;}
#history ul li{height:41px; background:url(img/line.jpg) bottom repeat-x; overflow:hidden}
#history ul li .historyImg{width:40px; height:40px; float:left; text-align:center;}
#history ul li .historyTitle{height:37px; padding-top:3px; overflow:hidden; line-height:140%; float:left; padding-left:5px;}
/*right*/
.right{width:900px; float:right;}
.focus{visible:hidden;float:left; width:700px; height:300; overflow:hidden; z-index:1;}
#KinSlideshow{visibility:hidden; background-color:#FFFFFF; position:relative;float:left;height:300px;width:700px;overflow:hidden; z-index:996}
.rightNews{ width:190px; float:right;}
.rightNewsTitle{height:31px; line-height:31px; background:url(img/leftTitleBg.jpg) top right no-repeat; padding-right:5px;}
.rightNewsTitle span{display:block; float:left;font-size:14px; color:#FFF; padding-left:10px;}
.rightNewsTitle a{display:block; float:right; color:#FFF}
.rightNewsTitle a:hover{color:#fe6fd9}
.line{height:1px;clear:both; background:url(img/line.jpg); overflow:hidden; line-height:1px; font-size:1px;}
.aboutResult{display:none;}
.rightNewsUl{border:1px solid #CCC;border-top:0;height:262px; overflow:hidden;}
.rightNewsUl li{height:25px; line-height:25px; padding-left:10px; padding-right:10px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.rightNewsUl li.newsLine{height:1px;clear:both; background:url(img/line.jpg); overflow:hidden; line-height:1px; font-size:1px;}
.rightNewsUl li a{color:#666666}
.rightNewsUl li a:hover{color:#fe6fd9}
.indexMain{border:1px solid #CCCCCC;}
.indexTitle{height:40px; padding-right:5px; clear:both; position:relative}
.indexTitle span{display:block; position:absolute; left:5px; top:5px;font-size:14px; color:#FFF; padding:7px 10px; width:100px; text-align:center; background:#fe6fd9;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;  }
.indexTitle a{display:block; float:right; color:#666668; padding:8px 0 0 0}
.indexTitle a:hover{color:#fe6fd9}
.indexNewProducts{ padding-top:15px;}
.indexNewProducts a{display:inline; float:left; width:152px; margin-left:22px; height:200px;}
.indexNewProducts a .indexNewProductsImg{ width:150px; height:150px; text-align:center; border:1px solid #cccccc; overflow:hidden;}
.indexNewProducts a .indexNewProductsTitle{ padding-top:5px; text-align:center}
/*
.indexNewProducts a .indexNewProductsTitle span{display:block; float:left; color:#000;}
.indexNewProducts a .indexNewProductsTitle div{float:right;color:#000; font-weight:bold;}
*/
.indexNewProducts a:hover .indexNewProductsImg{border:1px solid #fe6fd9;}
.indexNewProducts a:hover .indexNewProductsTitle span{color:#fe6fd9;}
.indexNewProducts a:hover .indexNewProductsTitle div{color:#fe6fd9;}
.indexAbout{ padding-left:20px; padding-right:20px; padding-bottom:15px; line-height:160%; color:#333335;}
.indexHotProducts{ padding-top:15px;}
.indexHotProducts li{width:122px; height:180px; overflow:hidden; float:left; padding-left:23px;}
.indexHotProducts li .indexHotProductsImg{width:120px; height:120px; text-align:center; border:1px solid #cccccc; overflow:hidden;}
.indexHotProducts li .indexHotProductsTitle{padding-top:5px; text-align:center;}
.indexHotProducts li .indexHotProductsTitle a{color:#000;}
.indexHotProducts li.indexliOn .indexHotProductsImg{border:1px solid #fe6fd9; }
.indexHotProducts li.indexliOn .indexHotProductsTitle a{color:#fe6fd9;}
.indexClients{padding-top:10px; padding-bottom:10px; text-align:center}
.rightTop{ padding-bottom:10px;}
.postion{height:30px; line-height:30px; border-bottom:1px solid #CCC}
.postionTitle{font-size:16px; float:left; font-weight:bold; color:#333; padding-left:5px}
.postionA{float:right; text-align:right; color:#666; padding-right:5px;}
.postionA:hover{color:#666}
.newslist{ padding:5px; padding-top:0px;}
.newslist li{height:100px; border-bottom:1px solid #CCC; padding-top:15px;}
.newslist li .newsImg{width:120px; height:80px; overflow:hidden; float:left;}
.newslist li .newsSummary{width:625px; height:80px; overflow:hidden; float:left; padding-left:10px;}
.newslist li .newsSummary .newsTime{ color:#656567; height:20px; }
.newslist li .newsSummary .newsTitle{height:20px; line-height:20px;}
.newslist li .newsSummary .newsTitle a{color:#fe6fd9; font-size:14px; font-weight:bold;}
.newslist li .newsSummary .newsTitle a:hover{text-decoration:underline;}
.newslist li .newsSummary .newsS{ width:500px; float:left; color:#666; line-height:160%; padding-top:5px; overflow:hidden;}
.newslist li .newsSummary .newsMore{ float:right; display:block; margin-top:25px;}
.aboutTitle{height:35px; line-height:35px; padding-left:10px; padding-right:10px;}
.aboutTitle div{font-size:16px; font-weight:bold; color:#666; float:left}
.aboutTitle span{display:block; float:right; color:#999;}
.aboutContent{ line-height:180%; color:#666; padding:10px;}
.aboutNP{height:30px; line-height:30px; padding-left:10px; padding-right:10px;}
.aboutNext{display:block; float:right; color:#333}
.aboutPrev{display:block; float:left; color:#333}
.prolist{ padding-top:10px;}
.prolist li{width:202px; height:232px; padding-top:10px; overflow:hidden; border:1px solid #CCCCCC; float:left; margin-left:14px; margin-bottom:10px; display:inline}
.prolist li .proImg{ width:180px; height:180px; margin:0 auto; background:#FFF; text-align:center;}
.prolist li .proTitle{width:180px; margin:0 auto; line-height:150%}
.prolist li .proTitle a{color:#666666;}
.prolist li.proliOn{background:#fe6fd9}
.prolist li.proliOn .proTitle a,.prolist li.proliOn .proTitle a:hover{color:#FFF;}
.rightTopUl{ padding-left:10px;}
.rightTopUl li{width:80px; height:110px; overflow:hidden; float:left; margin-right:10px; border:1px solid #ccc; margin-bottom:10px}
.rightTopUl li .topImg{ width:80px; height:80px; text-align:center; overflow:hidden}
.rightTopUl li .topTitle{ text-align:center}
.rightTopUl li .topTitle a{color:#666666; font-size:10px}
.rightTopUl li.topliOn{ border:1px solid #fe6fd9}
.rightTopUl li.topliOn .topTitle a,.rightTopUl li.topliOn .topTitle a:hover{color:#fe6fd9;}
#prolistM{padding-left:10px; padding-top:5px;}
.prolistMTitle{height:30px; line-height:30px; clear:both;}
.prolistM{}
.prolistM li{width:92px; height:112px; padding-top:5px; overflow:hidden; border:1px solid #CCCCCC; float:left; margin-right:13px; margin-bottom:10px;}
.prolistM li .proMImg{ width:80px; height:80px; margin:0 auto; background:#FFF; text-align:center;}
.prolistM li .proMTitle{margin:0 auto; line-height:150%; text-align:center; font-size:10px}
.prolistM li .proMTitle a{color:#666666;}
.prolistM li.proMliOn{background:#fe6fd9}
.prolistM li.proMliOn .proMTitle a,.prolistM li.proMliOn .proMTitle a:hover{color:#FFF;}
/*product show*/
.productDiv{ padding-top:10px;}
.productPic{width:410px; float:left;}
.productBig{width:400px; height:400px; padding:4px; border:1px solid #CCCCCC; text-align:center;}
.productSmall{ padding-top:5px; height:72px; overflow:hidden}
.productSmall ul{}
.productSmall li{ width:70px; height:70px; text-align:center; border:1px solid #ccc; float:left; margin-right:5px; cursor:pointer}
.productRight{ width:480px; float:left; padding-left:10px;}
.productSummary{ line-height:160%; color:#333}
.productTitle{ line-height:180%; font-size:18px; font-weight:bold;}
.productEnquiry{display:block; width:75px; padding-right:5px; height:30px; text-align:center; background:url(img/add.jpg) no-repeat; font-size:12px; color:#535254; line-height:25px;}
.productEnquiry:hover{background:url(img/addOn.jpg) no-repeat;color:#535254}
.productCancel{display:block; width:75px; padding-right:5px; height:30px; text-align:center; background:url(img/cancel.jpg) no-repeat; font-size:12px; color:#FFF; line-height:25px;}
.productCancel:hover{background:url(img/cancelOn.jpg) no-repeat;color:#FFF}
/*Category*/
.bottomCategory{border-top:1px solid #ccc; padding-left:5px; padding-right:5px}
.bottomCategoryTitle{height:35px; line-height:35px; padding:10px 0 0 0; font-size:16px; text-transform:uppercase; color:#fe6fd9; font-weight:bold}
.bottomCategoryDiv{width:154px; float:left; padding-right:3px;} 
.bottomCategoryDiv div{padding-top:3px; padding-bottom:3px;}
.bottomCategoryDiv div a{ color:#000; font-weight:bold;}
.bottomCategoryDiv ul{}
.bottomCategoryDiv ul li{line-height:160%;}
.bottomCategoryDiv ul li a{color:#666668}
/*sitemap*/
.sitemap{width:120px; height:150px; border:1px solid #CCC; padding:10px; margin-right:10px; float:left}
.sitemap div{height:20px; line-height:20px; font-weight:bold;}
.sitemap li{line-height:160%;}
.sitemap li a{color:#666666}
.sitemapTitle{font-size:16px; float:left; font-weight:bold; color:#333; padding-left:5px; clear:both; padding-bottom:10px; padding-top:10px;}
.sitemap2{width:120px; height:250px; border:1px solid #CCC; padding:10px; margin-right:10px; float:left; margin-bottom:10px;}
.sitemap2 div{ line-height:160%;font-weight:bold;}
.sitemap2 li{line-height:160%;}
.sitemap2 li a{color:#666666}
/*print*/
.printUl{ padding-top:15px; clear:both;}
.printUl li{width:138px; height:140px; overflow:hidden; float:left; padding-right:10px;}
.printUl li .printImg{width:134px; height:97px; text-align:center; border:2px solid #fe6fd9; overflow:hidden;}
.printUl li .printTitle{padding-top:5px; text-align:center;}
.printUl li .printTitle a{color:#666;}
/*cartoon*/
.cartoonUl{ padding-top:15px; clear:both;}
.cartoonUl li{width:143px; padding-left:10px; padding-right:18px; height:191px; padding-top:10px; overflow:hidden; float:left; margin-right:5px; background:url(img/cartoonBg.jpg) no-repeat;}
.cartoonUl li .cartoonImg{width:143px; height:109px; text-align:center; margin:0 auto; overflow:hidden;}
.cartoonUl li .cartoonTitle{padding-top:5px; height:70px; overflow:hidden;}
.cartoonUl li .cartoonTitle a{color:#666;}
/*faq*/
.faqDiv{ background:url(img/faqbg.jpg) 180px 50px no-repeat}
.faqTable{ border:2px solid #E8E8E8; margin-bottom:10px;}
.faqBig{color:#333; font-size:16px; padding:5px; background:#E8E8E8;}
.faqTitle{color:#5D5F64; text-decoration:underline; cursor:pointer; padding:5px;}
.faqContent{padding:15px; line-height:180%; color:#fe6fd9; display:none}
/*join*/
.joinUl{}
.joinTitle{color:#fe6fd9; cursor:pointer; padding-left:5px; background:#F5F5F5; height:30px; line-height:30px; border-bottom:2px solid #FFF}
.joinTitle div{float:left; font-size:14px; font-weight:bold;}
.joinTitle span{float:left; display:block; padding-left:5px; color:#666}
.joinTitle bdo{display:block; float:right; padding-right:15px; font-size:18px; color:#333; font-weight:bold}
.joinContent{padding:15px; line-height:180%; color:#333; display:none}
/*footer*/
.footerLine{width:1139px; margin:0 auto; overflow:hidden; background:url(img/footerLine.jpg) repeat-y; height:1px; overflow:hidden; display:none}
.footerDiv{width:1131px; margin:0 auto; overflow:hidden; background:url(img/footerBg.gif) repeat-y #fe6fd9; padding-left:4px; padding-right:4px;}
.footerBottom{width:1139px; margin:0 auto; overflow:hidden; background:url(img/footer.gif) no-repeat  #fe6fd9; height:7px; overflow:hidden;}
.footer_1{width:280px; padding:15px; color:#FFF; line-height:160%; float:left}
.footer_1 a{color:#FFF}
.footer_2{width:810px;line-height:160%; float:right; padding-top:15px; padding-right:4px; text-align:right; color:#FFF}
.footer_2 a{color:#FFF}
.footer_2 a:hover{text-decoration:underline;}
.copy{clear:both; padding-top:20px; padding-bottom:20px; color:#353535; text-align:center; font-size:10px;width:1139px; margin:0 auto;}
/**/
.shadow{display: none; background: #fe6fd9;  width:800px; height:1000px; position: static; top: 0px; z-index: 100000;}
.loading{ height:200px; background:url(img/loading.gif) center center no-repeat;}
.QQbox {
	z-index:100001;
	width: 496px;	
	position: absolute;
	left: -463px; top: 100px;
}
.QQbox .Qlist {
	width: 496px;	
	display:block;
	overflow:hidden;
	zoom:1;
}
.OnlineLeft {
	float:left;
	display:inline;
	background:#FFF;
	border:1px solid #ccc;
	width:461px;
	overflow:hidden;
	zoom:1;
}
#openenquiry {
	cursor:pointer;
	float:right;
	padding-top:40px;
	display:inline;
	width:33px;
	height:123px;
	margin-top:40px;
	background:url(img/leftBtn.gif) no-repeat;
}
#enquiryTitle{color:#FFF;font-weight:bold;font-size:16px; width:33px; text-align:center;}
#enquiryCount{display:inline;}
.enquiryNothing{text-align:center; font-size:14px; font-weight:bold; color:#F00; padding:10px;}
.enquiry_hide{cursor:pointer;}
.openenquiryHide{filter:alpha(opacity=0);-moz-opacity:0.00;opacity:0.00;-khtml-opacity:0.00;}
.enquiryAdd{}
.enquiryTable{}
/*page*/
.manu {
	PADDING-LEFT: 3px; PADDING-BOTTOM: 5px; MARGIN: 3px; PADDING-TOP: 13px; TEXT-ALIGN: right;
}
.manu A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #fe6fd9; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.manu A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu .current {
	BORDER-RIGHT: #fe6fd9 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fe6fd9 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fe6fd9 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #fe6fd9 1px solid; BACKGROUND-COLOR: #fe6fd9
}
.manu .disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}
.des{clear:both; padding:10px 0 0 0 ; line-height:180%;}
.signEmail{clear:both; width:1139px; margin:0 auto; height:74px; position:relative;background:url(img/bg.jpg) center center repeat-y; overflow:hidden}
.signBox{width:1131px;height:74px; background:url(img/email.jpg) no-repeat; position:absolute; left:4px; top:0; z-index:1}
.signName{width:160px; height:16px; line-height:16px; border:0; outline:none; display:block; position:absolute; right:340px; top:32px; color:#999; z-index:2}
.signEmailInput{width:160px; height:16px; line-height:16px; border:0; outline:none; display:block; position:absolute; right:120px; top:32px; color:#999; z-index:2}
.signEmailForm button{display:block; width:90px; height:34px; border:0; position:absolute; right:15px; top:25px; z-index:2; background:#fe6fd9; color:#FFF; outline:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; cursor:pointer}
.topEmail{display:block; padding:15px 0 0 0;}
.topEmail img{vertical-align:middle;}
.topEmail a{font-size:16px; color:#fe6fd9; font-weight:bold}