header{width: 1000px;margin:auto;height: 80px;position: relative;overflow: hidden;}

#logo a{width: 260px;height: 70px;margin: 10px 0 0 0;position: absolute;

    background: url(../image/logo.png) no-repeat;display: block;}

nav{float: right;width: 100%;margin: 30px 0 0 0;text-align: right;}

.topnav a{margin: 0 5px;

    padding: 0 8px;}

.left{float:left;}





article{width: 1000px;margin: 20px auto;overflow: hidden;}

h1.t_nav{border-bottom: #F1F1F1 1px solid;font-size: 12px;font-weight: normal;line-height: 40px;height: 40px;}

h1.t_nav span{float: right;color: #999;}

h1.t_nav a{width: 100px;display: block;text-align: center;color: #fff;float: left;}

.n1{background: #5EA51B}

.n2{background: #8BBF5D;}



.newblog{width: 740px;overflow: hidden;background: url(../image/r_line.jpg) repeat-y right;margin: 10px 0;}

.newblog h2{

      color: #333;

    font-size: 14px;

    margin: 20px 0 10px 0;

    clear: both;

}

p.dateview{margin-bottom: 10px;}

p.dateview span{margin: 0 10px 0 0;}

p.dateview span a{color: #63B120;}

.newblog figure{float:left;width: 150px;margin-left: 0px;}

.newblog figure img{width: 170px;border: #EAE6E7 1px solid;padding: 4px; border-radius: 10px;}

.nlist{width: 530px;float: left;margin: 10px 0 0 0px;line-height: 1.9;}

a.readmore{background: rgba(32, 32, 82, 0.67);color:#fff;padding: 5px 10px;float: right;margin: 20px 0 0 0;}

.line{overflow: hidden;width: 97%;height: 10px;border-bottom: 1px dashed #ccc;}



.blank{height: 5px;overflow: hidden;width: 100%;margin: auto;clear: both;}



.page{margin: 20px 0 0 0;text-align: center;width: 100%;overflow: hidden;}

.page a{margin: 0 2px;height: 26px;line-height: 26px;border-radius: 50%;width: 26px;text-align: center;display: inline-block;}

.page a{color: #F33;border: #999 1px solid;}

.page a b{color:#999;}



.page>b,.page a {margin: 0 2px;height: 26px;line-height: 26px;border-radius: 50%;width: 26px;text-align: center;display: inline-block}

.page a {margin: 0 2px;height: 26px;line-height: 26px;border-radius: 50%;width: 26px;text-align: center;display: inline-block}/* ���IE6 */

.page>b,.page a:hover{background: #333;color: #FFF;}

.page a {color: #F33;border: #999 1px solid;}





aside{width: 250px;position: relative;margin-top: 10px;}

.right{float:right;}



.rnav{width: 250px;margin: 0px 0;overflow: hidden;position: fixed;background: #fff;z-index: 1;}

.rnav li, .rnavs li{width: 120px;text-align: center;display: inline-block;margin-bottom: 5px;margin-right: 5px;float: left;height: 40px;line-height: 38px;}

.rnav1{background: #FE5187;}

.rnav li a, .rnavs li a{color: #FFF;display: block;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}

.rnav2{background: #339967;}

.rnav3{background: #FF8151;}

.rnav4{background: #66CC9A;}



.rnavs{width: 250px;margin: 0px 0;overflow: hidden;opacity: 0; z-index: 0;}

aside .rnav ul li a:hover { background: rgba(255,255,255,0.2); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }





.news ul{margin-bottom: 20px;}

.rank{margin:10px 0px;}

.rank li{height: 25px;line-height: 25px;clear: both;padding-left: 5px;overflow: hidden;padding-left: 15px;background: url(../image/li.jpg) no-repeat left center;}

.rank li a{color:#333;}