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

.index-show{ height:290px; background:url(../img/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:35px; text-indent:-999em;}
#sidebar-left h2.about{ background:url(../img/bg-about.gif) no-repeat;}
#sidebar-left h2.business{ background:url(../img/bg-business.gif) no-repeat;}
#sidebar-left h2.contact{ background:url(../img/bg-contact.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; 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{ 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{ padding-bottom:10px; text-indent:24px; line-height:1.5;}

/* news */
#news{}
#news dl dt{ width:134px; border:1px solid #ccc;}
#news dl dt img{ display:block; padding:1px; width:132px; height:98px; background:#fff;}
#news dl dd{ margin:-102px 0 0 150px;}
#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;}

/* 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; background:url(../img/icon7.gif) no-repeat left center; font-size:14px; text-align:left;}
.website td{ vertical-align:top;}
.website ul{ padding:10px 20px 10px 0;}
.website ul li{ padding:3px 0 3px 20px; background:url(../img/icon6.gif) no-repeat 10px center;}