#wrap{ width:968px; margin:0 auto}
.header{ background:url(../images/headerbg.jpg) 0 0 repeat-x scroll; height:80px; position:relative}
.header-a{ width:968px; margin:0 auto}
.logo{ position:absolute; top:7px; left:21px;}
.nav{ position:absolute; top:17px; right:10px; height:43px;}
.nav ul li{ display:block; text-align:center;background:url(../images/hoverright.jpg) right 0 no-repeat scroll; height:43px; float:left; line-height:43px; font-size:12px; width:94px;}
.nav ul li a{display:block; width:94px; color:#333333; font-weight:bold}
.nav ul li a:hover{ background:url(../images/hovernow.jpg) 12px 8px no-repeat scroll; text-decoration:none; color:#FFFFFF;}

.banner{ height:327px;}
.left{ background:url(../images/leftbg.jpg) 0 0 no-repeat scroll; width:179px; height:190px; float:left}
.left h2{ height:40px; margin-left:10px; margin-right:10px; line-height:40px; font-weight:bold; color:#666666}
.left ul{ margin-left:10px; margin-right:10px;}
.left ul li{ padding-top:4px; padding-bottom:4px; border-bottom:#60e4f0 1px solid; padding-left:20px; background:url(../images/arrs6.jpg) 5px 12px scroll no-repeat;}
.left h2{ border-bottom:#95f7ff 1px solid}
.right{ width:778px; float:right}
.right-a{ background:url(../images/bg2.jpg) 0 0 no-repeat scroll; height:34px;}
.right-b{ background:url(../images/bg1.jpg) 0 0 no-repeat scroll; height:147px; margin-top:8px;}
.right-aa{ position:relative; width:377px; float:left; line-height:34px; font-size:12px; color:#000000; font-weight:bold; padding-left:10px;}
.right-aa a{ position:absolute; top:12px; right:10px;}
.right-ab{ position:relative; width:377px; float:left; line-height:34px; font-size:12px; color:#000000; font-weight:bold; padding-left:10px;}
.right-ab a{ position:absolute; top:12px; right:10px;}
.right-ba{ width:370px; float:left}
.right-baa{ width:150px; float:left; margin-left:10px; margin-top:10px;}
.right-bb{ width:370px; float:right; margin-right:10px; display:inline}
.right-bbb{ width:190px; float:right; margin-top:10px;}
.right-bbb p{ height:110px; overflow:hidden} 
.right-bbb h3{ margin-top:4px;}
.right-bb ul{ margin-top:10px;}
.right-bb h3{ margin-top:6px;}
.right-bb ul li{ height:26px; line-height:26px; padding-left:15px; background:url(../images/arrs.jpg) 5px 12px scroll no-repeat; color:#CCCCCC; font-size:10px;}
.right-bb ul li a{ margin-right:6px; font-size:12px;}
.main{ margin-top:10px; margin-bottom:10px;}
.mpro{ clear:both; margin-top:10px;}
.mpro-a{ background:url(../images/bg4.jpg) 0 0 no-repeat scroll; height:34px;}
.mpro-b{ background:url(../images/bg3.jpg) 0 0 no-repeat scroll; height:149px; margin-top:8px;}
.mpro-aa{ width:470px; float:left; line-height:34px; position:relative; color:#000000; font-weight:bold; padding-left:10px;}
.mpro-aa a{ position:absolute; top:11px; right:10px;}
.mpro-ab{ width:470px; float:left; line-height:34px; position:relative; color:#000000; font-weight:bold; padding-left:10px;}
.mpro-ab a{ position:absolute; top:11px; right:10px;}

.mpro-ba{ float:left; width:470px;}
.mpro-ba ul{ margin-top:10px;}
.mpro-ba ul li{ display:inline; float:left; margin-left:6px;}
.mpro-ba ul li a{ display:block; text-align:center; width:150px;}
.mpro-ba ul li a span{ text-align:center;}
.mpro-bb{ width:470px; float:right;}
.mpro-bb ul{ margin-top:10px;}
.mpro-bb ul li{ display:inline; float:left; margin-right:5px;}
.mpro-bb ul li a{ display:block; text-align:center; width:150px;}
.mpro-bb ul li a span{ text-align:center; display:block;}


.footer{ clear:both}
.footer ul{ line-height:34px; background:url(../images/footerbg.jpg) 0 0 no-repeat scroll; height:34px; padding-left:20px;}
.footer ul li{ display:inline; margin-left:6px; margin-right:6px;}
.footer ul li a{ color:#a8a8a8;}
.copyright{ float:left; margin-left:10px; color:#a8a8a8; width:400px; margin-top:10px;}
.brand{ float:right;  width:160px; padding-left:30px; background:url(../images/yu.jpg) 2px 3px scroll no-repeat; height:80px; padding-top:11px;}
.brand a{ padding-left:25px; }

.banner-page{ clear:both; height:163px;}
.main-page{ clear:both; margin-top:4px;}
.current{ height:30px; line-height:30px; padding-left:10px;}
.current a{ margin-left:6px; margin-right:6px;}
.current span{ margin-left:6px; margin-right:6px; font-weight:bold}
.sidebar{ width:197px; float:left}
.sidebar-a ul{ background:url(../images/sideb.jpg) 0 0 repeat-y scroll}
.sidebar-a ul li{  border-bottom:#efefef 1px dotted;  margin-right:20px; font-weight:bold; margin-left:20px; padding-left:30px; background:url(../images/arr3.jpg) 13px 13px scroll no-repeat; padding-top:6px; padding-bottom:6px;}
.sidebar-a ul li a{ color:#000000}
.sidebar-a ul li a:hover{  text-decoration:none}
.sidebar-b{ margin-top:10px; margin-bottom:20px;}

.content{ width:756px; float:right; background-color:#f7f7f7;}
.content h2{ background:url(../images/rightpartbg.jpg) 0 0 no-repeat scroll; height:34px; line-height:34px; padding-left:26px; color:#000; font-weight:bold; font-size:14px;}
.search{ text-align:center; margin-top:10px; margin-bottom:10px;}
.search table tr td input.zzz{ background:url(../images/searchbg.jpg) 0 0 no-repeat scroll; width:151px; height:23px; line-height:23px;  border:0; color:#65b4be; padding-left:10px;}
.about,.news,.products,.products-show,.news-show{ margin-left:20px; margin-right:20px; margin-top:10px; margin-bottom:10px;height:auto!important;
min-height: 400px;
height: 400px}
.about p{ margin-top:5px; text-indent:2em;}

.products ul li{  float:left; margin-left:40px; display:inline; margin-bottom:20px;}
.pic{}
.pic img{ }
.desc{ text-align:center}

.news ul li{ height:26px; line-height:26px; overflow:hidden; background-color:#ffffff; margin-top:5px; padding-left:10px; background:url(../images/arr/arrs.jpg) 3px 8px scroll no-repeat; border-bottom:#efefef 1px dotted}
.news ul li a{ margin-left:10px;}


.box-title{ margin-bottom:6px;}
.box-title h3{ font-size:14px; font-weight:bold; border-bottom:#dbdbdb 1px solid; padding-top:5px; padding-bottom:5px; text-align:center}
.box-left{ width:250px; float:left; margin-left:20px;}
.box-right{ width:400px; float:right;}
.box-left-img img{ border:#cdcdcd 1px solid}
.box-left-desc ul li{ display:inline;}
.box-left-desc ul li img{ width:50px; height:50px; border:#cdcdcd 1px solid}
.box-left-desc{ margin-top:6px;}
.box-desc{ clear:both}

.box-right-desc li{ font-size:14px; color:#000000; padding-top:4px; padding-bottom:4px;}
.box-right-desca{ margin-top:4px; margin-bottom:4px; padding:6px; height:30px;}
.box-right-desca li{ display:block; float:left; margin-left:6px;}
.box-right-desca li a{ width:60px; height:22px; background-color:#718e46; color:#FFFFFF; display:block; text-align:center; text-decoration:none; border:#4b5f22 1px solid}
.box-right-desca li a:hover{ background-color:#ff7100; border:#853200 1px solid}
.box-right-button{ clear:both; height:44px; background-color:#fff3d9;padding-top:20px; border:#fee2a1 1px solid}
.box-right-button li{ display:inline; margin-left:10px;}
.box-desc h3{ background:url(../images/proshow-bg.jpg) 0 0 repeat-x scroll; height:31px; line-height:31px; color:#000000; font-size:14px; padding-left:20px; font-weight:bold;}
.box-desc-freestyle{ padding:10px;}

.box-about h3{background:url(../images/proshow-bg.jpg) 0 0 repeat-x scroll; height:31px; line-height:31px; color:#000000; font-size:14px; padding-left:20px; font-weight:bold;}
.box-about ul{}
.box-about ul li{ width:177px; float:left; margin-left:50px; display:inline; margin-bottom:20px;}

.news-show h3{ font-size:14px; color:#003366; text-align:center; font-weight:bold}
.prosbg img{ height:110px; width:130px;}