@charset "utf-8";
@import url(pro.css);
/* CSS Document */
*{ padding:0; margin:0;}
body{ background:url(../images/bg.gif); color:#2c637d; font-family:Arial, Helvetica, sans-serif,"宋体"; font-size:12px;}
img{ border:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
h5{ font-size:24px; font-family:Arial, Helvetica, sans-serif;}


.container{ width:972px; margin:0 auto; border-left:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; padding:0 2px;}
.header{ height:396px;}
.logo{ height:98px; background:url(../images/logo.gif) top left no-repeat;}
.daohang{ width:900px; height:30px;margin-bottom:4px; background:url(../images/dh_bg.gif) left top repeat-x; padding-left:72px;}
.daohang li{ list-style:none; float:left; line-height:30px; letter-spacing:1px; font-size:14px; font-weight:bold; font-style:normal; pading-left:2px; background:url(../images/dh_lileft.gif) left top no-repeat;}
.daohang .pl{ pading:0; background:none;}
.daohang a{ padding:8px 14px; color:#fff; text-decoration:none;}
.daohang a:hover{ text-decoration:none; color:#fff; background:url(../images/dh_hover.gif) top left repeat-x;}
.banner{ width:100%; height:264px;}


.mainbody{ margin-top:10px;}
.aboutus{ float:left; width:372px; height:236px; padding:10px;}
.aboutus h5{ color:#2c637d; font-size:24px; font-family:Arial, Helvetica, sans-serif; border-left:3px #037ab2 solid; padding-left:5px;}
.aboutus .lbgpic{ color:#037ab2; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-left:24px; background:url(../images/abus_pl.gif) left center no-repeat;}
.abinfo { padding-top:10px;}
.abinfo img{ float:left; width:117px; height:175px;}
.abinfo p{ float:left; color:#4d4d4d; line-height:20px; padding-left:10px; width:236px;}
.aboutus span{ float:left; width:125px; height:18px; margin-left:10px; padding-left:7px; background:url(../images/cont_botton.gif) left top no-repeat;}
.aboutus span a{ color:#000; font-size:9px; line-height:18px; text-decoration:none;}
.aboutus span a:hover{ color:#000; font-size:9px; line-height:18px; text-decoration:none;}

.news{ float:left; width:300px; height:236px; padding:10px; background:url(../images/h_line.gif) top left repeat-y;}
.news h5{ color:#2c637d; font-size:24px; font-family:Arial, Helvetica, sans-serif; background:url(../images/v_line.gif) left bottom repeat-x;}
.newsinfo{ padding-top:10px;}
.newsinfo li{ list-style:none; padding-left:10px; line-height:24px; background:url(../images/li_lpic.gif) left center no-repeat;}
.newsinfo li a{ text-decoration:none; color:#4d4d4d;}
.newsinfo li a:hover{ text-decoration:underline; color:#333;}
.more{ text-align:right; line-height:10px;}
.more a{ text-decoration:none; font-size:10px; color:#666;}
.more a:hover{ text-decoration:underline; color:#333;}

.contact{ float:left; width:239px; height:236px; padding:10px; background:url(../images/h_line.gif) top left repeat-y;} 
.contact h5{ color:#2c637d; font-size:24px; font-family:Arial, Helvetica, sans-serif; background:url(../images/v_line.gif) left bottom repeat-x;}
.contbox{ padding-top:10px; color:#2c637d;}
.continfo{ padding:10px 0; line-height:20px;}


.products{ clear:both; padding:10px; height:260px;}
.products h5{color:#2c637d; font-size:24px; font-family:Arial, Helvetica, sans-serif; background:url(../images/v_line.gif) left bottom repeat-x;}
.products ul{ padding-top:10px;}
.products li{ float:left; list-style:none; width:156px; height:212px; padding-left:1px; background:url(../images/h_line.gif) left top repeat-y;}
.products li img{ border:0; }
.products .libr{ padding-right:1px; background:url(../images/h_line.gif) right top repeat-y;}
.products p{ height:30px; line-height:30px; text-align:center;}
.products p a{ text-decoration:none; color:#2c637d;}
.products p a:hover{ text-decoration:none; color:#2c637d;}


.footbox{ clear:both; height:126px; padding-top:2px; overflow:hidden; background:#fff url(../images/foot_line.gif) repeat-x;}
.footer{ height:91px; padding-top:33px;  background:#fff url(../images/foot_bg.gif) left top repeat-x;}
.foot-logo{ float:left; width:187px; display:inline; height:57px; margin-left:109px; margin-right:20px; background:url(../images/foot_logo.gif) left top no-repeat;}
.foot-info{ float:left; width:630px; padding-left:20px; line-height:20px; background:url(../images/h_line.gif) left top repeat-y;}