﻿*{word-wrap:break-word;}
body{background:url(main-bg.gif);text-align:center;}
body,td,input,textarea,select,button{color:#444;font:12px/1.6em Verdana,Helvetica,Arial,sans-serif;}
input,select,button{vertical-align:middle;}
body,ul,li,dl,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,div{margin:0;padding:0;}

ul li{list-style:none;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#F70;}

a img{border:none;}




#content{ width:980px; margin:0 auto; background:#FFF;}
#header{ width:980px; overflow:hidden;}
#banner{}

.blue #slatenav{position:relative;display:block;height:42px;font-weight:bold;background:transparent url(redslate_background.gif) repeat-x top left;text-transform:uppercase;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a:hover,.active{color:#fff;background:transparent url(redslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Blueslate nav ---------------------- */

#mainbox{ width:980px; float:left;}
#left{ width:232px; overflow:hidden; float:left; margin:2px 0 0 2px;}
.leftbox{ width:230px; float:left; background:url(Nav_bg_07.gif) no-repeat; margin:0 0 10px 0;}
.leftbox h3{ font-size:14px; color:#FFF; height:27px;line-height:27px; padding:0 0 0 35px; text-align:left; background:url(Nav_bg_06.gif) no-repeat 18px 9px;}
.notice{ width:228px; float:left; border-bottom:1px solid #c51400; border-left:1px solid #c51400; border-right:1px solid #c51400; text-align:left; background:#FFF; overflow:hidden; padding:0 0 5px 0;}
.notice ul{ padding:5px 5px 0px 5px;}
.notice h2{ width:185px; font-size:12px; font-weight:normal; background:url(Nav_bg_02.gif) no-repeat 18px 7px;margin:0 0 0 5px;padding:0 0 0 30px; border-bottom:1px dashed #ccc;}
.ul_ann li{ width:185px; background:url(Nav_bg_02.gif) no-repeat 15px 9px; padding:0 0 0 30px; border-bottom:1px dashed #ccc;}
.prosmallcata li{background:url(Nav_bg_02.gif) no-repeat 50px 9px; padding:0 0 0 65px;}
.introcata { background:url(Nav_bg_02.gif) no-repeat 15px 9px; padding:0 0 0 30px;border-bottom:1px dashed #ccc;width:185px;}
.newscata{background:url(Nav_bg_02.gif) no-repeat 15px 9px; padding:0 0 0 30px;border-bottom:1px dashed #ccc;width:185px;}
#bigCata { background:url(Nav_bg_02.gif) no-repeat 15px 9px; padding:0 0 0 30px;border-bottom:1px dashed #ccc;width:185px;}
#ulFriendLink li{background:url(Nav_bg_02.gif) no-repeat 15px 9px; padding:0 0 0 30px;border-bottom:1px dashed #ccc;width:185px;}
.left_ad{ text-align:left; float: left;}
.right_ad{ text-align:left; float: left;}
#right{ float:right; width:730px; margin:0 0 0 0; overflow:hidden;}
#productshop{ width:720px; float:left;}
.rightbox{ width:730px; float:left; background:url(Nav_bg_01.gif) no-repeat; margin:0 0 10px 0;}
.rightbox h4{ float:left; font-size:14px; color:#FFF; height:27px;line-height:27px; background:url(Nav_bg_06.gif) no-repeat 20px 9px; padding:0 0 0 35px; text-align:left;}
.news_more{ float:right; font-size:12px; color:#ccc;line-height:27px; background:url(Nav_bg_04.gif) no-repeat 5px 5px; padding:0 5px 0 30px;}
.news{ width:727px; clear:both;border-bottom:1px solid #c51400; border-left:1px solid #c51400; border-right:1px solid #c51400; background:#fff; 
padding:3px 0 3px 0; float:left;}
.news li{ text-align:left; padding: 2px 0 2px 35px; background:url(arrow.gif) no-repeat 20px 10px; clear:both;}
.a_newscatalog{ font-size:12px;}
.newslisttitle{ float:left; clear:both;}
.newslisttitle li{ background:url(arrow.gif) no-repeat 20px 10px;}

.procolumnmenu{WIDTH:730px;  float:right; background:url(Nav_bg_01.gif) no-repeat;margin-top:5px;}
.columntitle{line-height:27px; float:left; text-align:left;background:url(Nav_bg_06.gif) no-repeat 20px 9px; padding:0 0 0 35px; font-size:14px;color:#FFF; font-weight:bold;}
.more{ float:right; text-align:right; font-size:12px; color:#ccc;line-height:27px; background:url(Nav_bg_04.gif) no-repeat 5px 5px; padding:0 5px 0 30px;}
.div_pro{ WIDTH:721px; border-bottom:1px solid #c51400; text-align:center; border-left:1px solid #c51400; border-right:1px solid #c51400; clear:both;
 padding:0 3px 0 3px; background:#FFF;}
.div_gallery{WIDTH:717px; border-bottom:1px solid #c51400; text-align:center; border-left:1px solid #c51400; border-right:1px solid #c51400; clear:both; 
padding:0 5px 0 5px; background:#FFF;}
.Product_List_S3 {OVERFLOW: hidden; WIDTH:720px; margin:0 0 0 0;}
.Product_List_S3 UL {MARGIN-BOTTOM: -1px; OVERFLOW: hidden; WIDTH: 100%;}
.Product_List_S3 LI {FLOAT: left; WIDTH: 24.7%; margin:0 2px 0 0; display:inline; list-style:none;}
.Product_List_S3 LI DL { PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 10px;}
.Product_List_S3 LI DT {width:160px;MARGIN-BOTTOM: 10px; height:120px; padding:5px; border:1px solid #ccc; overflow:hidden; background:#FFF;}
.Product_List_S3 LI DT IMG {width:160px; height:120px;overflow:hidden;}
.Product_List_S3 LI DD {PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; PADDING-TOP: 0px; TEXT-ALIGN: center;}
.Product_List_S3 LI .p_Name {OVERFLOW: hidden; WORD-BREAK: break-all;  WORD-WRAP: break-word; HEIGHT: 36px;}
.Product_List_S3 LI .p_Price {OVERFLOW: hidden; COLOR: #333; HEIGHT: 18px;font-size:12px;}
.Product_List_S3 LI .p_Price EM {FONT-WEIGHT: bold; COLOR: #e42e2f;}
.Product_List_S3 LI .p_Price IMG {DISPLAY: inline; VERTICAL-ALIGN: middle;}
.product_page{ float:left;}
#foot{ width:980px; margin:10px 0 0 0; clear:both;overflow:hidden;}
.picture_Link li { float:left; border:1px solid #ccc; margin:0 5px 0 0;}
.text_Link{ clear:both; }
.text_Link li{float: left; margin:0 10px 0 0;}
.Copyright{ clear:both; background:#d5d5d5; border-top:2px solid #CCC;text-align:left;}
.Intro_rightbox{ width:687px; clear:both;border-bottom:1px solid #c51400; border-left:1px solid #c51400; border-right:1px solid #c51400; background:#fff; 
padding:3px 20px 3px 20px; text-align:left; overflow:hidden;}
.Product_box{width:727px; clear:both;border-bottom:1px solid #c51400; border-left:1px solid #c51400; border-right:1px solid #c51400; background:#fff; 
padding:3px 0 3px 0; float:left;}
.Contact_rightbox{width:687px; clear:both;border-bottom:1px solid #c51400; border-left:1px solid #c51400; border-right:1px solid #c51400; background:#fff; 
padding:3px 0 3px 0; text-align:left;padding:3px 20px 3px 20px; }
.Guestbook_rightbox{width:727px; clear:both;border-bottom:1px solid #c51400; border-left:1px solid #c51400; border-right:1px solid #c51400; background:#fff; 
padding:3px 0 3px 0; text-align:left;}
.Message{  padding:0 0 0 45px; border:1px solid #CCC; margin:10px 0 0 0; text-align:left;}
.clearfix{ clear:both;}
.clearfix dt{ float:left; line-height:35px; width:80px; text-align:right;}
.clearfix dd{ float:left;}
.J_ulSaleProp li{ float:left;}
.selPV{ border:2px solid #FF7700;padding:3px 5px 3px 5px; margin:0 4px 4px 0; display:block;}
.unselPV{ display:block; border:1px solid #ccc; padding:4px 6px 4px 6px; font-size:12px; margin:0 4px 4px 0;}

.ben{ width:300px; height:300px; float:left; clear:both; margin:20px 0 10px 0; padding:5px; border:1px solid #CCC;	overflow:hidden; line-height:300px;
	position:relative;
	display:table-cell;
	text-align:center;
	position:relative;}
.ben p{position:static;
	+position:absolute;
	top:50%;
	vertical-align:middle}
.ben img{position:static;
	+position:relative;
	top:-50%;left:-50%;
	vertical-align:middle;}
#property{ float:right; width:395px; margin:0 0 0 0; display:inline;}
.Introductionname{ clear:both; width:720px; float:left; margin:10px 0 0 0; border-bottom:2px solid #c51400;}
.productname{ float:left; font-size:14px; font-weight:bold; color:#c51400;}
.Browse{ float:right;}
.warp_meta{ width:395px; float:right; margin:20px 0px 0 0; text-align:left;}
.chosen{ font-size:12px; color:#CC0033;}
.StrPirce{ font-size:16px; color:#FF7700;}
.Member{ font-size:12px; color:#000; text-decoration: line-through;}
.Introduction{ width:395px; float:right; background:#FFF5FA; border:1px solid #F2C0C0; margin:10px 0 0 0; padding:5px 0 0 0;}

.Buy{ width:395px; float:right; text-align:left; margin:10px 0px 0 0;}
.Product_present{ float:left; width:698px; text-align:left; padding:10px 10px;}
.Product_pre{float:left;width:340px; text-align:left; padding:10px 10px; }
.Product_next{float:left;width:340px; text-align:left; padding:10px 10px;}
.Product_Reviews{ float:left; text-align:left; padding:0 0px 10px 10px; margin:0 0 10px 0; width:708px; border:1px solid #F2C0C0; background:#FFF5FA;}
#indexnews{ width:730px; overflow:hidden; clear:both; float:left;padding: 0px; margin:5px 0 0 0; border:0px;}
.div_news{ width:360px;text-align: left; margin:0 2px 15px 0px; border:1px solid #CCC;float:left;  background: url(Nav_bg_010.gif) repeat-x;}
.div_news1,.div_news3{ width:358px;text-align: left; margin:0px 0px 0px 0px; border:1px solid #CCC;float:left;  background: url(Nav_bg_010.gif) repeat-x;}
.div_news2,.div_news4{ width:358px;text-align: left; margin:0px 5px 0px 0px; border:1px solid #CCC;float:right;  background: url(Nav_bg_010.gif) repeat-x;}
.div_news1 h5,.div_news2 h5,.div_news3 h5,.div_news4 h5,.div_news5 h5,.div_news6 h5{float:left; font-size:14px; color:#FFF; height:27px;line-height:27px; padding:0 0 0 35px; text-align:left;font-weight: bold;background:url(Nav_bg_06.gif) no-repeat 20px 9px;}
.div_news5{ width:358px;text-align: left; margin:0px 0px 0px 0px; border:1px solid #CCC;float:left;  background: url(Nav_bg_010.gif) repeat-x;}
.div_news6{ width:358px;text-align: left; margin:0px 5px 0px 0px; border:1px solid #CCC;float:right;  background: url(Nav_bg_010.gif) repeat-x;}

.newslist{width:348px; text-align:left; line-height:23px; color:#1F3A87; padding:5px 0; margin:0 auto; clear:both;}
.newslist ul{clear:both; overflow:hidden;} 
.newslist li{clear:both;}
.newslist li .text{ width:230px; color:#1F3A87; background: url(title_02.png) no-repeat 0px 8px; padding-left:10px; float:left; overflow:hidden;height:1.8em;}
.newslist li .date{ width:80px;float:right; color:#666;font-size:12px; overflow:hidden;height:1.8em;}
.more a:link,.more a:visited,.more a:active{
	color: #CCC;
	font-size: 12px;
	text-decoration: none;
}
.more a:hover{ color:#ffffff;}
.sp_newscolname { font-weight: bold;margin: 0px 0 15px 0; padding: 6px 10px 3px 10px; font-weight: bold; font-size: 14px; color: #0096fe;  height: 19px;  text-transform: uppercase;  line-height: 25px;background-position: left;}
.Text_title{ width:720px; float:left; border-bottom:1px dashed #CCC; font-size:14px; font-weight:bold; margin:20px 0 10px 0;}
.Text_date{ width:710px; padding:0 10px 0 0; text-align:right;}
.Text_Body{ padding:10px 20px; text-align:left; border:1px solid #CCC; margin:0 10px 10px 0; font-size:12px;}
.Text_Comments{ border:1px solid #CCC; width:718px; float:left; text-align:left; background:#fff;}
.Text_bill{ width:720px; text-align:left; clear:both;}
.r_page{ width:100%; text-align: right; clear:both;}
#next_page{ width:716px;height:25px; padding:5px 0 0 10px; clear:both;  background:#ccc; color:#000;}