header{width: 1000px;

    height: 80px;

    margin: auto;

    position: relative;

    overflow: hidden;}



#logo a{width: 300px;

    height: 70px;

    margin: 5px 0 0 0;

    position: absolute;

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



 .nav{float: right;

    width: 100%;

    margin: 30px 0 0 0;

    text-align: right;}

 .topnav a{    margin: 0 5px;

    padding: 0 8px;}

  .topnav a span:first-child{ z-index: 2;

    display: block;}



 .topnav a span:last-child{z-index: 1;

    display: block;

    color: #999;

    font: 12px Georgia, serif;

    opacity: 0;

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

    -moz-transition: -moz-transform 0.3s, opacity 0.3s;

    transition: transform 0.3s, opacity 0.3s;

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    transform: translateY(-100%);

    text-align: center}



  .en{    color: #999;

    font-size: 12px;

    z-index: 1;

    display: block;}



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;}



.left{float: left;}

.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}

.dateview{width: 695px;overflow: hidden;clear: both;margin: 10px 0 0 0;display: inline-block;background: #f6f6f6 url(../image/time.jpg) 10px center no-repeat;line-height: 26px;height: 26px;color: #838383;padding-left: 25px}

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

p.dateview span a{color: #099b43;}



.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;}

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







.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;}







.right{float: right;}

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

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





.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;}

.rnav5{background: #31891c;}

.rnav6{background: #c27018;}





.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); }





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