/* CSS Document */
a{white-space:nowrap;}
.clear{ width:100%; height:0; clear:both;}
*{ margin:0; padding:0;}
a:link{ text-decoration:none; color:#5c5d55;}
a:visited{ text-decoration:none; color:#5c5d55;}
a:hover{ text-decoration:none; color:#ff0000;}
a:active{ text-decoration:none; color:#5c5d55;}
#top{ margin:0 auto; width:1004px; height:300px; background:url(../images/logo.jpg) no-repeat top;}
#top #navigator{padding-left:308px;padding-top:23px;width: 673px;	height: 35px; line-height:35px; color:#fff; font-weight:bold;}
#top #navigator a{ling-height:35px; padding:0px; list-style:none; font-size:12px; color:white;}
#main{ margin:0 auto; width:997px;}
#left{ float:left; width:207px; background:url(product.jpg) left top no-repeat;}

#subleft{ width:184px;margin-top:36px; padding:5px 10px; background:url(../images/leftbg.jpg) repeat-y;}
#subleft h2{ background:url(../images/h2tip.gif)  left no-repeat; height:24px; line-height:24px; padding-left:25px; font-size:14px;}
#subleft ul li{font-size:12px; list-style:none; background:url(../images/lefttip.gif) left 55% no-repeat;_background:url(../images/lefttip.gif) left 40% no-repeat; margin-left:10px; padding-left:15px;height:32px; line-height:36px;_line-height:28px; border-bottom:#dedede 1px dashed;}
#right{ float:right; width:786px;}
#right #center,#right #gsjj{ float:left; border:1px #e1e1e1 solid; border-top:none; width:530px; margin-bottom:10px;}
#right #center h2,#right #gsjj h2{ height:35px; line-height:35px; width:520px; border-top:#e1e1e1 1px solid;border-bottom:#e1e1e1 1px solid;background:url(../images/h2bg.gif) repeat-x; font-size:14px; padding-left:10px;}
#right #center h2 a{background: url(../images/newstip.gif) left no-repeat; padding-left:20px; }
#right #center ul{ width:530px; height:170px;}
#right #center ul li{ float:left; height:30px; width:230px; font-size:12px; line-height:40px;_width:220px;_line-height:31px; list-style:none;
					background:url(../images/newslitip.gif)  left 70% no-repeat; _background:url(../images/newslitip.gif)  left 50% no-repeat; border-bottom:1px #e1e1e1 dashed; margin-left:15px; padding-left:15px;}

#right #center ul li span{ margin-left:30px;}
#right #gsjj{ height:201px; margin-bottom:10px;}
#right #gsjj h2{ margin-bottom:10px;}
#right #gsjj h2 a{background:url(../images/abouttip.gif) left no-repeat; padding-left:20px;}
#right #gsjj img{ float:left; margin:10px 10px 10px 15px; padding:1px; border:1px #e1e1e1 solid;}
#right #gsjj p{ line-height:18px; font-size:12px; text-indent:2em; padding:5px 15px 0px 0;}
#right #zhong{ float:left; width:530px;}
#right #flash{ float:right; height:200px; border:1px #e1e1e1 solid;}
#right #flash img{ height:206px; width:243px;}
#right #contact{ float:right;border:1px #66890a solid; height:200px;*height:199px;}
#right #contact ul{ background:#f1fde5;}
#right #contact ul li{ list-style:none; line-height:25px;*line-height:24px;padding-left:20px; font-size:12px; width:214px;}
#right #case{width:786px; height:293px; margin-top:10px;_position:relative; _bottom:20px; background:url(../images/ygfanli.jpg) left no-repeat; }
#right #case h2{ float:left; width:14px; height:150px;  line-height:30px; margin-top:30px; margin-right:15px; margin-left:15px;_margin-left:7px;_margin-top:18px; font-size:14px; color:#517209;}
#right #case ul{ float:left;width:696px; height:293px;border-top:1px #e1e1e1 solid; border-bottom:1px #e1e1e1 solid; }
#right #case ul li{ float:left; list-style:none; width:146px; height:120px; text-align:center; margin:15px 0 0 23px; _margin:15px 0 0 15px;font-size:12px;}
#right #case ul li a img{ width:144px; height:97px; padding:1px; border:1px #e1e1e1 solid;}
#bottom{ clear:both;width:1004px; height:154px; margin:0 auto; font-size:12px; color:#000;}
#bottom #friend{ font-size:12px; padding:10px; line-height:20px; width:984px; border-top:#b7d72c 4px double;}
#bottom #friend a:link{ float:left; padding-left:10px; color:#000;} 
#bottom #friend a:visited{ float:left; padding-left:10px; color:#000;} 
#bottom #friend a:hover{ float:left; padding-left:10px; color:#000;} 
#bottom #friend a:active{ float:left; padding-left:10px; color:#000;} 
#bottom #bottomnav{ clear:both;border-top:#b7d72c 4px double; padding-top:10px; text-align:center; width:1004px;}
#bottom #bottomnav a{ padding:5px;}
/**sunroom**/
#right #gsjj ul li{ float:left; list-style:none; font-size:12px; text-align:center;}
#right #gsjj ul li a{ color:#000; text-decoration:none;}
#right #gsjj ul li a img{ width:134px; height:84px; margin-left:25px; margin-top:20px;}
#right #ygffl{ float:right; width:244px; height:205px;border:1px #e1e1e1 solid; border-top:none;}
#right #ygffl h2{ margin-bottom:10px;height:35px; width:236px; line-height:35px; border-top:#e1e1e1 1px solid;border-bottom:#e1e1e1 1px solid;background:url(../images/h2bg.gif) repeat-x; font-size:14px; padding-left:10px;}
#right #ygffl h2 a{background:url(../images/abouttip.gif) left no-repeat; padding-left:20px;}
#right #sunroom{width:786px; height:185px;_position:relative; _bottom:20px; background:url(../images/sunroomanli.jpg) left no-repeat; }
#right #sunroom h2{ float:left; width:14px; height:165px;  line-height:30px; margin-top:20px; margin-right:15px; margin-left:15px;_margin-left:7px;_margin-top:18px; font-size:14px; color:#517209;}
#right #sunroom ul{ float:left;width:696px; height:184px; background:#fafcef; border-top:1px #e1e1e1 solid; border-bottom:1px #e1e1e1 solid;}
#right #sunroom ul li{ float:left; list-style:none; width:146px; text-align:center; margin:25px 0 0 23px; _margin:15px 0 0 15px;font-size:12px;}
#right #sunroom ul li a img{ width:144px; height:97px; padding:1px; border:1px #e1e1e1 solid;}
/**dql**/
#right #ygffl p{ text-indent:2em; padding:5px 10px; line-height:18px; font-size:13px; color:#7e9020;}
/**newslist**/
#rightmain{ width:786px; float:right; border:1px #b7d72c solid;}
#guide{ margin-bottom:10px;height:35px; width:776px; line-height:35px; border-bottom:#b7d72c 1px solid;background:url(../images/h2bg.gif) repeat-x; font-size:14px; padding-left:10px;}
#rightmain h2 a{ font-size:14px; margin:20px 10px 10px 30px; color:#000000; font-weight:lighter; }
#rightmain #newslist li{ line-height:28px; list-style:url(newslitip.gif) inside; font-size:12px; margin:0 20px; border-bottom:1px #e1e1e1 dashed;}
/**caselist**/
#rightmain #caselist li{ float:left; list-style:none; width:146px; height:130px; text-align:center; margin:10px 0 10px 40px; _margin:15px 0 0 25px;font-size:12px;}
#rightmain #caselist li a img{ width:144px; height:97px; padding:1px; margin-bottom:10px; border:1px #e1e1e1 solid;}
/**content**/
#content{ padding:10px 20px;}
#content h1{font-size:16px; margin:10px; text-align:center;}
#content h2{font-size:16px; margin:5px; font-weight:lighter;}
#content p,#content{ text-indent:2em; font-size:12px; line-height:20px;}
#content img{ max-width:600px; margin:10px; float:left;}
table{ margin-top:15px; margin-left:15px; width:500px;}
table,table tr,table td{ border-collapse:collapse; border:1px #e1e1e1 solid;}
.k_pagelist { float:left; display:table; clear:both; line-height:30px; font-size:12px; width: 250px; padding-left:30px;text-align: left;}
.k_pagelist em {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;background:#F5F9FE;color:#14316B;font-weight:bold;font-style:normal;}
.k_pagelist strong {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;color:#009900;}
.k_pagelist a {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;}

.new{ float:left ;}
.relative{ float:right;}
dt.relative,dt.new{ margin:5px; font-size:medium;}