@charset "utf-8";
*{margin:0;padding:0}
body{font:14px "微软雅黑",Arial,Helvetica,sans-serif;color:#555;background:#f7f7f7;min-width:1200px}
img{border:0;display:block}
li,ul{list-style:none}
a{text-decoration:none;color:#555}
.clear{clear:both}
.blank{height:8px;overflow:hidden;width:100%;margin:auto;clear:both}
.blank80{height:100px;overflow:hidden;width:100%;margin:auto;clear:both}
.f_l{float:left}
.f_r{float:right}
.mt20{margin-top:20px}
header{width:100%;background:rgba(255,255,255,1)}
article{overflow:hidden}
.tophead{width:1200px;margin:0 auto;overflow:hidden}
.logo{float:left;overflow:hidden;font-size:30px;margin-top:15px}
.logo a{color:#333}
.logo img{float:left}
.topnav{overflow:hidden;margin:15px 0}
nav{color:#999;line-height:32px}
nav ul{text-align:right}
nav ul li{display:inline;font-size:16px;padding:10px 20px;height:46px;line-height:46px}
.top-menu li{display:inline;height:32px;line-height:32px;margin-left:5px}
.top-menu li i{font-size:13px!important;margin-right:5px}
.top-menu li a{font-size:13px}
#top-header{border-bottom:1px solid #dedede}
#top-header{background:#e7e7e7 url(../images/top_bg.gif) repeat-x scroll 0 100%}
.top-nav{height:4px;width:1200px;line-height:32px;margin:0 auto 0}
#user-profile,#user-profile a{float:left;color:#444}
#user-profile{position:relative;width:35%}
.top-time{float:left;font-size:13px}
.top-menu{float:right}
.pagelist{text-align:center;color:#666;width:100%;clear:both;margin:20px 0;padding-top:20px}
.pagelist a{color:#666;margin:0 2px;border:1px solid #000;padding:5px 10px}
.pagelist a:hover{color:red;text-decoration:underline}
.pagelist>b{border:1px solid #000;padding:5px 10px}
h1.t_nav span{float:right;color:#999}
h1.t_nav{border-bottom:#bfbfbf 1px solid;font-size:14px;font-weight:400;line-height:40px;width:100%;overflow:hidden;margin-top: 20px;}
h1.t_nav a{width:100px;display:block;text-align:center;color:#fff;float:left}
.n1{background:#5EA51B}
.n2{background:#8BBF5D}
.litle{font-size:20px;margin:20px 0 0 0;border-bottom:#d6d5d5 1px solid;padding-bottom:5px;padding:10px 0 10px 100px;color:#000;background:url(../images/jdbg.png) no-repeat left center}
.litle span{float:right;font-size:14px;color:#666;font-weight:400}
.ab_box{padding:20px;overflow:hidden;background:rgba(255,255,255,1);margin-top:20px}
.container{width:1200px;margin:0 auto}
#footer{width:100%;min-width:1200px;background:#050505}
#footer .container{padding:40px 0 20px;overflow:hidden;clear:both;color:#666;position:relative}
#footer .info{width:540px;line-height:25px;font-size:14px;float:left}
#footer .menu a{font-size:14px;padding:0 10px;border-left:1px solid rgba(255,255,255,.25);line-height:20px;color:#fff}
#footer .menu a:first-child{padding-left:0;border-left:0}
#footer .copyright,#footer .copyright a{margin-top:5px;width:600px;line-height:20px;color:#999}
#footer .copyright b{color:#00d420}
#footer .state p{margin-top:10px;line-height:20px;font-size:12px;color:#00b4de}
#footer .abouts{margin-top:10px;line-height:20px;font-size:12px;color:#f0f0f0;font-weight:500}
.img-responsive{width:100%;height:auto;display:block}
#footer h2{font-size:14px;line-height:25px;color:#fff}
#footer h2 i{font-size:14px;margin-right:5px}
#footer .qrcode{width:120px;float:right}
#footer .qrcode figure{width:120px;overflow:hidden;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;transition:.5s}
#footer .qrcode figure:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
#footer .qrcode figcaption{margin-top:10px;color:#666;text-align:center}
#link{background:#050505 url(../images/footer.png) repeat-x center bottom;color:#fff;font-size:14px;line-height:1.5em}
#link .container{border-top:1px solid rgba(255,255,255,.025);padding:10px 0}
#link span{color:#FF8A00}
#link a{margin-right:10px;color:#666}
#link a:hover{color:#00D420}
.copyright p{margin-top: 5px;}