﻿*{word-wrap:break-word;}
body{ background:url(1125_bg.gif);text-align:center;}
body,td,input,textarea,select,button{color:#000;font:12px/2.0em 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{margin:0;padding:0;}

ul li{list-style:none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#F70;}

a img{border:none;}
em,cite,strong,th{text-align:left;font-style:normal;}
table{empty-cells:show;border-collapse:collapse;}
.hidden {display:none;}
.right{float:right;}
.left{float:left;}
.s_clear{zoom:1;}
.f_clear{clear:both;}
.emfont{color:#F60;}
.bluefont{color:#48BBED;}
.grayfont{color:#999}
.lightlink, .lightlink a{color:#09C}
.cursor,#seccode,.scrolltop{cursor: pointer;}
.f_bold{font-weight:700;}
.absmiddle { vertical-align: middle; }
.hintinfo {background:#FDFFF2 url(images/hint.gif) no-repeat 7px 3px;border:1px dotted #DBDDD3;padding:2px 2px 2px 25px;margin:15px 0;}
hr {border:0 solid #E6E7E1;clear:both;margin:1em 0;}
.solidline {border-bottom-width:1px;border-top:1px solid #FFF;}
h3{ font-size:14px;}


#content{ width:980px; margin:0 auto; background:#ffffff;}
#header{ width:980px; overflow:hidden;}
#banner{}

.blue #slatenav{position:relative;display:block;height:42px;font-weight:bold;background:transparent url(blueslate_background.gif) repeat-x top left;text-transform:uppercase; width:980px;}
.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:#ffffff;font-size:14px;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a:hover,.active{color:#fff;background:transparent url(blueslate_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; border:1px solid #67bf62;}
.leftbox h3{ font-size:14px; font-weight:bold; color:#146900; height:27px;line-height:27px; padding:0 0 0 35px; text-align:left;}
.notice{ width:228px; float:left; text-align:left; background:#f0fbeb; overflow:hidden;}
.notice ul{ padding:5px;}
.notice h2{ width:185px; font-size:12px; background:url(Nav_bg_02.gif) no-repeat 8px 7px;margin:0 0 0 5px;padding:0 0 0 30px; border-bottom:1px dashed #ccc;}

#ulFriendLinkPic{ width:101%;}
#ulFriendLinkPic li{ width:50%; float:left;}
.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 {  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; border:1px solid #67bf62;}
.rightbox h4{ float:left; font-size:14px; font-weight:bold; color:#146900; height:27px;line-height:27px;  padding:0 0 0 30px; 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;background:#F0FBEB; 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:727px;  float:left; background:url(Nav_bg_01.gif) no-repeat; border-top:1px solid #67bf62; border-left:1px solid #67bf62; border-right:1px solid #67bf62; }
.columntitle{line-height:27px; float:left; text-align:left; padding:0 0 0 30px; font-size:14px;color:#146900; 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;  text-align:center;clear:both; padding:0 3px 0 3px; background:#FFF; border-bottom:1px solid #67bf62; border-left:1px solid #67bf62; border-right:1px solid #67bf62; background:#F0FBEB; }
.div_gallery{WIDTH:717px;text-align:center;clear:both;padding:0 5px 0 5px; background:#FFF; border-bottom:1px solid #67bf62; border-left:1px solid #67bf62; border-right:1px solid #67bf62;background:#F0FBEB;  }
.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: 10px; OVERFLOW: hidden; PADDING-TOP: 13px;}
.Product_List_S3 LI DT {display:table-cell;vertical-align:middle;text-align:center;*font-size:130px; width:190px;*width:auto;MARGIN-BOTTOM: 10px; height:160px; padding:5px; border:1px solid #ccc; overflow:hidden; line-height:160px; background:#fff;}
.Product_List_S3 LI DT IMG { vertical-align:middle;*display: block; }
.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: 18px;}
.Product_List_S3 LI .p_Price {OVERFLOW: hidden; COLOR: #333; HEIGHT: 18px;font-size:12px; overflow:hidden;}
.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; border-top:2px solid #CCC;text-align:left;}
.Intro_rightbox{ width:730px; float:left; no-repeat; margin:0 0 10px 0; border:1px solid #67bf62;float: left;text-align:left;}
.Product_box{width:727px; clear:both;background:#F0FBEB; padding:3px 0 3px 0; float:left;}
.Contact_rightbox{width:687px; clear:both;background:#F0FBEB; padding:3px 0 3px 0; text-align:left;padding:3px 20px 3px 20px; }
.Guestbook_rightbox{width:727px; clear:both;background:#F0FBEB; 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 0px 0 0; display:inline;}
.Introductionname{ clear:both; width:720px; float:left; margin:10px 0 0 0; border-bottom:2px solid #67bf62;}
.productname{ float:left; font-size:14px; font-weight:bold; color:#146900;}
.Browse{ float:right;}
.warp_meta{ width:395px; float:right; margin:20px 0px 0 0; text-align:left;}
.StrPirce{ font-size:16px; color:#FF7700;}
.Member{ font-size:12px; color:#000; text-decoration: line-through;}
.Introduction{ width:395px; float:right; background:#DFE7FD; border:1px solid #CCC; 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 #96C2F1; background:#EFF7FF;}
#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:356px;text-align: left; margin:5px 0px 0px 0px; border:1px solid #CCC;float:left;  background: url(Nav_bg_010.gif) repeat-x;}
.div_news2,.div_news4{ width:356px;text-align: left; margin:5px 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{float:left; font-size:14px; color:#146900; height:27px;line-height:27px; padding:0 0 0 35px; text-align:left;font-weight: bold;}

.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: #999999;
	font-size: 12px;
	text-decoration: none;
}
.more a:hover{ color:#FF0000;}
.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:680px; float:left; border-bottom:1px dashed #CCC; font-size:14px; font-weight:bold; margin:20px 0 10px 0; text-align:center; color:#146900;}
.Text_date{ width:670px; padding:0 10px 0 0; text-align:right;}
.Text_Body{ width:680px; padding:10px 20px; text-align:left; border:1px solid #67BF62; margin:0 10px 10px 0; font-size:12px; clear: both; background:#F0FBEB;}
.Text_Comments{ border:1px solid #CCC; width:718px; float:left; text-align:left;}
.Text_bill{ width:720px; text-align:left; clear:both;}
.r_page{ width:100%; text-align: right; clear:both;}
.columntitle1 {width:540px;text-align:left;display:block;float:left;padding-left:20px;font-weight:bold;color:#06F;font-size:14px;margin-right:10px}
.more1 {width:130px;text-align:right;display:block;float:left}
#demo {
 overflow:hidden;
 width:710px;height:140px;
}
#demo img {
 border: 3px solid #F2F2F2;width:120px;height:110px;
}
#indemo {
 float: left;
 width: 1600%;
}
#demo1 {
 float: left;
}
#demo2 {
 float: left;
}
#demo1 li {float:left;list-style:none;height:110px;margin-top:10px}
.pro {width:720px; border: 1px solid #67bf62;border-top:none;height:auto;margin-bottom:10px;margin-top:10px;margin-right:10px}
.procolumnmenu1 {WIDTH:719px;  float:left; background:url(Nav_bg_01.gif) no-repeat; border-top:1px solid #67bf62; border-left:1px solid #67bf62; border-right:1px solid #67bf62; }

