/* CSS Document */
/*JO 2007-9-22 am*/
body{ margin:0; padding:0; font-size:12px; text-align:center; color:#555;}
ul,dl,li,dt,dd,h1,h2,div,h3,img,label,input{ margin:0; padding:0;}
label input,label select{ vertical-align:middle;}
ul{ list-style:none;}
img{ border:0;}
a{ color:#666; text-decoration:none;}
a:hover{ text-decoration:underline;}
#container{ margin:auto; text-align:left; width:1002px; background:url(topbg.gif) repeat-x;}

/*header*/

#header{ background:url(logo.gif) left top no-repeat; height:57px; padding:0 0 0 240px;}
#header .topnav{ padding:5px; text-align:right;}
#header .topnav a{ margin:0 8px;}
#header .topnav a img{ margin:0 3px 2px 0;}
#chaxun{ position:absolute; top:30px; font-size:14px; font-weight:bold;}
#chaxun input,#chaxun select{ margin:0 0 0 5px;}

/*banner*/
#banner{ height:229px; background: url(banner.jpg) left bottom no-repeat;}

/*nav*/
#nav{ height:37px; background:url(nav.gif) repeat-x; line-height:37px; margin-bottom:5px !important; margin-bottom:2px;}
#nav .date{ width:220px; text-align:center; float:left; height:37px; background:#8bbfef url(date.gif) right no-repeat;}
.menu{ width:760px; float:right;}
.menu a{ margin:0 12px;}

/*main*/
#main{ background:url(mainbg.gif) top repeat-x; padding:20px 10px 10px;}
#sidebar{ float:left; width:195px;}
.login{ border:1px solid #c4cfcb; padding:5px; margin-bottom:10px;}
.login img{ display:block;}
.login .login_con{ background:#e8f0f2; margin-top:3px; padding:10px; text-align: center;}
.login label.k input{ width:110px; border:1px solid #ccc;}
.login label{ display:block; margin-bottom:5px;}
.login label span{ width:40px; float: left; line-height:20px; text-align:justify; letter-spacing:1px;}
.left_col{ margin-bottom:10px;}
.left_col .title{ background: url(leftcolbg.gif) left bottom repeat-x; padding-bottom:6px;}
.gg{ background:#f6f8f3; margin:10px 0; padding:10px;}
#con{ margin-left:205px; border-left:1px solid #cdd3e1; padding:10px; height:auto !important; height:500px;}

/*firstpage*/
.firstpage_news{ width:100%; margin-bottom:10px; }
.firstpage_news td{ vertical-align:top; }
.news{ width:60%; border-right:1px dotted #c6c0c4;}
.news .title{ background: url(titlebg.gif) repeat-x; height:30px; margin:0 20px 0 0;}
.news .list{ padding:10px 20px; margin:auto;}
.news table{ width:100%;}
.news table th{ background:url(icon.gif) 3px center no-repeat; padding:5px 0 3px 20px; text-align:left; font-weight:normal; }
.news table th,.news table td{ border-bottom:1px dotted #a7a7a7; vertical-align:middle;}
.news table td{ width:80px; color:#777;}

#product{ margin-bottom:10px;}
#product .title{background: url(titlebg.gif) repeat-x; height:30px;}
#product ul{ padding:15px; margin:auto;}
#product li{ width:29%; float:left; background:url(probg.gif) repeat-x; border:1px solid #e6e6e6; margin:10px; text-align:center; padding:10px 0;}
#product li img{ display:block; margin:0 auto 10px;}
#product li a{ color:#3366CC;}

.jj{ width:40%;}
.jj .jjcon{ padding:0 20px; margin:0 auto;}
.jj .jjcon img{ margin:auto; padding:3px; border:1px solid #ccc; display:block;}
.jj .jjcon p{ margin:10px auto 10px; line-height:160%;}
.jj .jjcon a{ color:#CC3300;}

.jtgs{ clear:left; width:690px; margin: 0 auto 20px; background:url(xsbg.gif) bottom no-repeat; padding-bottom:10px;} 
.jtgs .title{ height:30px;background: url(titlebg.gif) repeat-x;}
.jtgs ul{ padding:10px;}
.jtgs ul li{ float:left; width:30%; margin-bottom:5px;}
.jtgs ul li a{ color:#000000;}
.lj{ background:#eaf0f7; padding:10px;}
/*footer*/
#footer{ clear:left; padding:20px; background:#e7eef4; border-top:1px solid #d1d7e3; text-align:center;}

.btn{ border:1px solid #023b72; background:#eee; font-size:12px; padding:0 2px;cursor:pointer; }
.login_btn{ width:41px; height:19px; background:url(login.gif) left top no-repeat; line-height:19px; border:none;font-size:12px;cursor:pointer; }


.t_r{ text-align:right;}
.t_c{ text-align: center;}
.t_l{ text-align:left;}
.f_l{ float:left;}
.f_r{ float:right;}

.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
 .clearfix{display: inline-block;}
 /* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
 .clearfix {display: block;}
 /* End hide from IE-mac */