@charset "utf-8";

/*html5*/
header, section, footer, aside, article, figure {display: block;}
a{ text-decoration:none; color:#2B2B28;}
a:hover{ text-decoration:none;}
img{ border:0px;}
body{ background: #E6DDCE url(wholebg.jpg) center top no-repeat; color:#3F3D35; position: relative;}

#footer p a{color:#000;}
.top_pic{ height:148px;}
#subject_warp{ width:982px; margin:0px auto; height:100%; position:relative;}

.top-nav{ height:50px; padding-left:22px; padding-top:2px; font: normal 18px/50px "微软雅黑"; color:#000; text-shadow:#000 0px 0px 1px;}
.top-nav a{ padding:10px 20px;}
.top-nav a.this,.top-nav a:hover{ background:url(navbg.png) center no-repeat; -webkit-transition:300ms;}

.starpages{ width:980px; height:771px; margin:0 auto; position:relative;}
.starpages iframe{ height:626px; overflow:hidden;}  
.starpages .content{ width:957px; height:508px; margin:0 auto; clear:both; position:relative; background:url(contbg.png);}
.starpages .content .tpic{ position:absolute; z-index:-10;}
.starpages .content .fpic{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:50;}

.proccess{border:0px solid; height:508px; line-height:508px; width:100%; text-align:center; margin:0; clear:both;}
.proccess b{vertical-align:middle; background:url(loading.gif) no-repeat 0 center; padding-left:35px; padding-right:35px;display:inline-block; }

a.prePage{ width:50px; height:49px; display:block; position:absolute; left:-66px; top:36%; background:url(btns.png) -70px 0 no-repeat; cursor:pointer;}
a.nexPage{ width:50px; height:49px; display:block; position:absolute; right:-66px; top:36%; background:url(btns.png) no-repeat; cursor:pointer;}

.nav-box{ width:982px; height:166px; margin:0 auto; clear:both;}
.nav-box .nav-item{ width:227px; height:166px; float:left; padding:0 9px;}
.nav-box .nav-item a{ width:227px; height:166px; display:block; background:url(nbox.png); position:relative;}
.nav-box .nav-item a img{ position:absolute; z-index:-10;}

.topics{ width:100%; margin:20px auto; padding-left:10px; display:inline-block; clear:both;}
.topics div{ width:157px; height:130px; float:left; padding-right:30px; background:url(topicbg.png) -189px top no-repeat; cursor: pointer;}
.topics div.onshow{background:url(topicbg.png) -2px top no-repeat;}
.topics div h2{ font: bold 18px/20px "微软雅黑"; height:20px; padding-top:30px; padding-left:10px; margin:0;}
.topics div p{ line-height:20px; padding:10px; margin:0; font-size:12px;}

.imgbor2{ background:#fff; padding:2px; border:1px solid #C1C1C1;}

/*share*/
.share{ width:300px; margin:10px 0; float:right; clear:both; line-height:14px;}
.share span{color:#414a52; vertical-align:top;}
.share a{margin-left:5px;}
/*share*/




.clear:after {
    height:0;
    content:".";
    clear:both;
    display:block;
    visibility:hidden;
    }