body{ margin:0 auto; font-size:12px; color: #333; font-family:Arial, Helvetica, sans-serif; background:#f1f1f1;}
td{ font-family:Arial,Helvetica,sans-serif; font-size:12px;}
a{ font-family:Arial,Helvetica,sans-serif; color:#333; text-decoration:none;}
a:hover{ color:#EB0000; text-decoration:none;}
img{border:0;}
div,h1,h2,h3,h4,p,form,label,input,textarea,img,span,ul{margin:0; padding:0;}
ul{list-style-type:none;}

.listpage{ display:block; float:left; width:700px; height:30px; overflow:hidden; text-align:right;}
.pagelist1.pages{ font-family:Webdings; cursor:hand;}
.pagelist1{ font-size:12px; padding:3x; margin:3px; text-align:right;}
.pagelist2{ font-size:12px; padding:3x; margin:3px; text-align:right;}
.pagelist2 a{ border:#ddd solid 1px; color:#0457a7; margin-right:2px; padding:2px 5px;}
.pagelist2 a:hover{ background:#0457a7; border:#ddd solid 1px; color:#fff;}
.pagelist2 span.current{ background:#0457a7; border:#ddd solid 1px; color:#FFFFFF; margin-right:2px; padding:2px 5px;}
.pagelist2 span.disabled{ border:#ddd solid 1px; color:#ccc; margin-right:2px; padding:2px 5px;}
.pagelist2 span.total{ font-size:12px; line-height:20px; margin:0 5px;}

.noInfo{ background:url(../images/loading.gif) center no-repeat; height:32px; width:165px; padding-bottom:50px; line-height:32px; text-align:center; margin:0 auto;}
.clears{ clear:both; font-size:0; line-height:0;}

.fl{float:left;}.fr{float:right;}
.tar{text-align:right;}.tac{text-align:center;}.tal{text-align:left;}

.w720{width:720px;}.w250{width:250px;}
.h20{height:20px;}.h100{height:100px;}

.pt10{padding-top:10px;}.pl10{padding-left:10px;}.pr25{padding-right:25px;}.pr10{padding-right:10px;}
.mgt10{margin-top:10px;}

.lh20{line-height:20px;}.lh25{line-height:25px;}
.bb{border-bottom:#CCC solid 1px;}
.hidden{overflow:hidden;}

#FloatDiv{width:110px; position:absolute;float:right;z-index:100;}
.Float-t{float:left; width:110px; height:60px; background:url(../images/qq-t.gif) no-repeat; position:relative; }
.closes{ position:absolute; top:5px; right:10px; cursor:hand;}
.Float-bg{float:left; width:90px; background:url(../images/qq-bg.gif) repeat-y; padding:10px;}
.qlist{float:left; width:90px;}
.qlist li{width:90px; height:30px; line-height:30px;}
.Float-b{float:left; width:110px; height:45px; background:url(../images/qq-b.gif) repeat-y;}

#wrapper{ margin:0 auto; width:1000px; background:#FFF}

#header{ float:left; width:1000px;}

#mainer{ float:left; width:960px; padding:10px 20px;}

#iside{ float:left; width:280px; overflow:hidden;}
.isidetop{ float:left; width:280px; height:20px; background:url(../images/iside-top.gif) no-repeat; overflow:hidden}
.isidebg{ float:left; width:260px; padding:10px; background:url(../images/iside-bg.gif) repeat-y; overflow:hidden}
.isidetitle{ float:left; width:260px; height:30px; line-height:30px; background:url(../images/dashedline.gif) bottom repeat-x;}
.isidetit{ float:left; font:bold 12px/30px Arial, Helvetica, sans-serif; background:url(../images/icon-tit.gif) left no-repeat; padding-left:10px;}
.isidearea{ float:left; width:260px;}
.isidebot{ float:left; width:280px; height:5px; background:url(../images/iside-bot.gif) no-repeat; overflow:hidden}
.more{ float:right; display:block; width:40px; height:30px; overflow:hidden;}
.more a{ float:right; display:block; width:40px; height:30px; background:url(../images/more.gif) center no-repeat;}
.brief{ float:left; width:260px; height:120px; line-height:20px; overflow:hidden;}
#search{ float:left; width:260px; height:24px;}
.keyword{ float:left; width:180px; height:18px; padding:3px 10px 3px 10px; background:url(../images/keyword-bg.gif) no-repeat;}
.keyword input{ border:0; background:none; width:170px; height:18px; line-height:18px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

#imain{ float:right; width:660px; overflow:hidden;}
.imaintop{ float:left; width:660px; height:20px; background:url(../images/imain-top.gif) no-repeat; overflow:hidden}
.imainbg{ float:left; width:640px; padding:10px; background:url(../images/imain-bg.gif) repeat-y; overflow:hidden}
.imaintitle{ float:left; width:640px; height:30px; line-height:30px; background:url(../images/dashedline.gif) bottom repeat-x;}
.imaintit{ float:left; font:bold 12px/30px Arial, Helvetica, sans-serif; background:url(../images/icon-tit.gif) left no-repeat; padding-left:10px;}
.imainbot{ float:left; width:660px; height:5px; background:url(../images/imain-bot.gif) no-repeat; overflow:hidden}

#hotproduct{ float:left; width:640px; height:300px; margin-top:10px; overflow:hidden;}
ul.scrollpro{ float:left; width:640px;}
ul.scrollpro li{ float:left; width:160px; height:150px;}
ul.scrollpro li .pimg{ float:left; width:160px; height:120px; text-align:center}
ul.scrollpro li .pimg img{ width:136px; height:116px; padding:1px; border:#ddd solid 1px;}
ul.scrollpro li span{ float:left; width:160px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px;}

#side{ float:left; width:220px; overflow:hidden;}
.sidetop{ float:left; width:220px; height:20px; background:url(../images/side-top.gif) no-repeat; overflow:hidden}
.sidebg{ float:left; width:200px; padding:10px; background:url(../images/side-bg.gif) repeat-y; overflow:hidden}
.sidetitle{ float:left; width:200px; height:30px; line-height:30px; background:url(../images/dashedline.gif) bottom repeat-x;}
.sidetit{ float:left; font:bold 12px/30px Arial, Helvetica, sans-serif; background:url(../images/icon-tit.gif) left no-repeat; padding-left:10px;}
.sidearea{ float:left; width:200px;}
.sidebot{ float:left; width:220px; height:5px; background:url(../images/side-bot.gif) no-repeat; overflow:hidden}

#main{ float:right; width:720px; overflow:hidden;}
.maintop{ float:left; width:720px; height:20px; background:url(../images/main-top.gif) no-repeat; overflow:hidden}
.mainbg{ float:left; width:700px; padding:10px; background:url(../images/main-bg.gif) repeat-y; overflow:hidden}
.maintitle{ float:left; width:700px; height:30px; line-height:30px; background:url(../images/dashedline.gif) bottom repeat-x;}
.maintit{ float:left; font:bold 12px/30px Arial, Helvetica, sans-serif; background:url(../images/icon-tit.gif) left no-repeat; padding-left:10px;}
.mainbot{ float:left; width:720px; height:5px; background:url(../images/main-bot.gif) no-repeat; overflow:hidden}
.cur{ float:right; font:11px/30px Arial, Helvetica, sans-serif;}
.mainarea{ float:left; width:700px;}

.typelist{ float:left; width:200px; padding-top:5px;}
.typelist li{ float:left; width:200px; height:35px;}
.typelist li a{ float:left; display:block; height:30px; line-height:30px; width:190px; padding-left:10px; background:url(../images/list-bg.gif) left no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;}
.typelist li a:hover{ float:left; display:block; height:30px; line-height:30px; width:190px; padding-left:10px; background:url(../images/list-on.gif) left no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; color:#FFF}

ul.newslists{ float:left; width:700px;}
ul.newslists li{float:left; width:700px; height:30px; background:url(../images/dashedline.gif) bottom repeat-x;}
ul.newslists li .n-date{ float:right; display:block; color:#0457a7; width:80px; height:30px; text-align:center; font:12px/30px Georgia;}
ul.newslists li a{ float:left;display:block;background:url(../images/icon-news.gif) left no-repeat;width:595px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;line-height:30px;padding-left:25px;}
.h3titn{ float:left; width:700px; height:30px; font:bold 14px/30px Arial, Helvetica, sans-serif;text-align:center;color:#0457a7;}
.point{color:#0457a7; font:12px/25px Georgia;}
.h3tit{ float:left; width:700px; height:30px; font:bold 14px/30px Arial, Helvetica, sans-serif;text-align:center;color:#0457a7;}

ul.productlists{ float:left; width:700px;}
ul.productlists li{float:left;width:175px;height:150px;text-align:center;}
ul.productlists li .proimg{float:left;width:175px;height:120px;text-align:center;}
ul.productlists li img{width:136px;height:116px;  padding:1px; border:#ddd solid 1px;}
ul.productlists li span{float:left;width:175px;height:30px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;line-height:30px;}

#service input{ border:#cccccc solid 1px; height:18px; line-height:18px; font-family:Arial, Helvetica, sans-serif;}
#service .nobor{ border:none; height:20px;}
#service textarea{ border:#cccccc solid 1px; line-height:18px; font-family:Arial, Helvetica, sans-serif;}

.com{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#0457a7;}

ul.honorlist{float:left;width:700px;text-align:center;}
ul.honorlist li{float:left;width:175px;height:230px;text-align:center;}
ul.honorlist li .proimg{ width:160px;height:200px; text-align:center; border:#CCC solid 1px; overflow:hidden;}
ul.honorlist li img{width:150px;}
ul.honorlist li span{float:left;width:175px;height:30px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;line-height:30px;}

.tstitle{ float:left; width:700px; height:30px; font:bold 12px/30px Arial, Helvetica, sans-serif; color:#0457a7;}
.mainareapro{ float:left; width:690px; border:#CCC solid 1px; padding:4px 4px;}
ul.plist{ float:left; width:690px;}
ul.plist li{ float:left; width:130px; height:22px; line-height:22px; background:#deeff9; border:#FFFFFF solid 1px; padding-left:6px; overflow:hidden; }
ul.plist li a{ line-height:22px;}

#footer{float:left; width:960px; padding:5px 20px; background:#808080;}
.copys{line-height:30px; text-align:left; color:#FFF;}
.code{text-align:center;}