@charset "utf-8";
@import url(basic.css);
@import url(layout.css);
@import url(tags.css);

.index-show{ height:191px; background:url(../img/bg-banner.gif) no-repeat; text-align:center;}

#content{ margin-bottom:30px; background:url(../img/bg-sidebar.gif) repeat-y 226px top;}

/* sidebar */
#sidebar-left{}
#sidebar-left h2{ height:46px; text-indent:-999em;}
#sidebar-left h2.about{ background:url(../img/bg-about.gif) no-repeat;}
#sidebar-left h2.news{ background:url(../img/bg-news.gif) no-repeat;}
#sidebar-left h2.product{ background:url(../img/bg-product.gif) no-repeat;}
#sidebar-left h2.service{ background:url(../img/bg-service.gif) no-repeat;}
#sidebar-left h2.info{ background:url(../img/bg-info.gif) no-repeat;}
#sidebar-left h2.hr{ background:url(../img/bg-hr.gif) no-repeat;}
#sidebar-left h2.contact{ background:url(../img/bg-contact.gif) no-repeat;}
#sidebar-left h2.search{ background:url(../img/bg-search.gif) no-repeat;}

#sidebar-left ul{ margin:20px 0 100px; width:188px;}
.nav-bar li{ margin-top:4px;}
.nav-bar li a{ display:block; padding:0 20px 0 20px; height:23px; background:url(../img/icon5.gif) no-repeat 6px center; font-weight:bold; font-size:13px; color:#646464; line-height:23px;}
.nav-bar li a.on,.nav-bar li a.on:hover{ background:url(../img/bg-navbar.gif) no-repeat; color:#fff; text-decoration:none; text-align:right;}
.nav-bar li a:hover{ background:url(../img/bg-navbar-on.gif) no-repeat; text-decoration:none; color:#646464;}

/* main */
#main{ float:left; padding-left:15px; width:660px;}

#main h3{ font-size:16px;}

/* current-position */
.current-position{ padding:5px 20px 5px 10px; border-bottom:1px solid #ededed;}
.current-position p{ float:right; margin-top:-18px; padding-left:15px; background:url(../img/icon4.gif) no-repeat left center; text-align:right; color:#6a6969;}
.current-position p a{ margin:0 5px; color:#6a6969;}
.current-position p span{ margin-left:5px; color:#c60202;}

#main .info{ padding:20px 10px;}
#main .info p{ text-indent:24px; padding-bottom:10px; line-height:1.8;}

/* news */
#news{}
#news dl{ zoom:1;}
#news dl dt{ float:left; width:134px; border:1px solid #ccc;}
#news dl dt img{ display:block; padding:1px; width:132px; height:98px; background:#fff;}
#news dl dd{ float:left; padding-left:15px;}
#news dl dd span{ padding-left:10px; font-weight:normal; font-size:11px; color:#6a6969;}
#news dl dd .point{ padding-top:5px; line-height:1.6;}
#news dl dd .point a.more{ display:block; color:#f00;}

#news ul{ padding-top:30px;}
#news ul li{ padding:4px 0 4px 10px; border-bottom:1px solid #e7e7e7; background:url(../img/icon6.gif) no-repeat left center; text-align:right; font-size:10px; color:#666;}
#news ul li a{ float:left; font-size:12px;}

.pages{ padding:10px 0; border-bottom:1px dotted #ccc; text-align:right;}
.pages a{ padding:0 5px;}

h5{ text-align:center; font-size:16px;}
.news-info{ padding:5px 0; border-bottom:1px solid #d5dfe6; text-align:center; font-size:11px;}
.news-detail{ padding:30px 0; height:auto!important; height:400px; min-height:400px;}
.btn-back{ text-align:right;}

/* product */
#product td{ vertical-align:top;}
.product-list{ width:164px; padding-left:30px;}
.product-list img{ display:block; margin-bottom:10px; padding:4px; width:156px; height:116px; background:url(../img/bg-productList.gif) no-repeat;}

/* website */
.website h5{ margin-right:20px; padding-left:20px; border-bottom:1px solid #333; background:url(../img/icon7.gif) no-repeat left center; font-size:14px; text-align:left;}
.website ul{ padding:10px 20px 20px 0;}
.website ul li{ padding:3px 0 3px 20px; background:url(../img/icon6.gif) no-repeat 10px center;}