header{ background:url(index-header.jpg) repeat-x;}
header .logo{ display:block; width:1200px; margin:0 auto; background:url(index-logo.png) no-repeat; height:131px;}

nav{background:url(index-nav.jpg) center center no-repeat; margin-top:-39px;height:39px;}
nav ul{ position:relative; margin:0 auto; width:700px; padding-left:500px;}
nav li{float:left;width:100px;}
nav li a.item{line-height:39px;display:block; text-align:center; color:#fff;}
nav li a:hover{ color:#0295d8; background:#fff;}

nav .subs{position:absolute; z-index:9999; top:39px; display:none; background:#0295d8;  border-radius:0 0 2px 2px}
nav .subs a{display:block; color:#fff; width:100px; text-align:center;line-height:32px;}

.featured{ height:177px; background:url(featured.jpg) no-repeat; margin-bottom:30px;}
.featured a{ display:block; float:left; width:50%;}
.featured a img{ float:left; width:246px; height:176px; display:block;}
.featured a .t{ float:left; padding:10px 20px; color:#fff; width:314px; height:136px; overflow:hidden;}
.featured a .t h2{font-size:14px; line-height:1.8em; color:#fff; margin-bottom:10px}
.featured a .t p{ font-size:12px; line-height:1.8em; text-indent:2em}

.about{ float:left; width:340px;}
.about .intro{ background:url(intro.jpg) no-repeat; padding-top:120px; margin-top:10px; }
.about .intro p{ text-indent:2em; display:block; margin:10px auto; line-height:2em;  text-align:justify}
.news{ float:left; width:400px; margin:0 20px;}
.trade{ float:right; width:400px;}
.shows{ }
.prd{ background:#f5f5f5; padding-top:40px;}
.more{ background:url(index-more.png) no-repeat; display:block; height:19px; width:55px; position:absolute; top:10px; right:0px;}

.i-tt{ height:40px; background:url(i-tt.jpg) no-repeat; width:175px;}
.news .i-tt{ background-position:0 -40px;}
.trade .i-tt{ background-position:0 -80px;}
.shows .i-tt{ background-position:0 -120px;}
.prd .i-tt{ background-position:0 -160px;}

.list-40 li{height:40px; line-height:40px; border-bottom:1px dashed #d8d8d8; padding-left:10px; background:url(dot.jpg) left center no-repeat}
.list-40 li a{ display:block;float:left; width:330px;}
.list-40 li span{ display:block; float:right; font-size:12px; color:#888}

.list-pic{ border-top:1px solid #d8d8d8; padding:20px 0; overflow:hidden;}
.list-pic li{ float:left; width:282px; margin-left:24px;}
.list-pic li a,.list-pic li img,.list-pic li h2,.list-pic li span{ display:block;}
.list-pic li img{ width:280px; height:168px;}
.list-pic li .txt{ padding:5px 10px; background:#eaeaea}
.list-pic li h2{ font-size:14px; color:#333; padding:0 10px; height:50px;}
.list-pic li span{ display:block; background:url(index-arrow.png) right center no-repeat; padding-right:40px;  text-align:right; font-size:12px; color:#999}

.swap-tab{ right:0px; top:1px;}
.swap-tab li{ float:left; margin-right:20px; line-height:39px;  padding:0 10px; border-radius:5px 5px 0 0; }
.swap-tab li a{ color:#9f9f9f;}
.swap-tab .current{ background:#b98E44; color:#fff}
.swap-tab .current a{ color:#fff;}
.swap-com{ height:280px;}
.prd h2{ text-align:left}