#menus li .active{
    color:#fff;
}
   .nv3 {display: none} 
.menu li{float:left;padding-left: 60px}
.menu li a{
    font-size: 15px;
    color:#550300;
}
#menu .active a{
    color:#fff;
}
body .nav-up {
    top: 69px;
    transition: all .7s ease-in-out;
}
body .nav-down {
    top: 0;
    transition: all .7s ease-in-out;
}

.dynami{width: 1120px;margin: 100px auto 0 auto;height: auto}
.dyn-cont{    width: 1140px;
    position: relative;
    max-height: 100%;margin-bottom:40px }
#dyn-c ul{max-height: 100%;min-height: 900px;}
.dyn-cont .bar{ display: none;   width: 1px;position: absolute;height: 100%;background: #ccc;right: 4px;top: 0;}
.dyn-cont ul li{height: 225px;background: #eeeeee;margin-bottom: 28px;}
.dyn-item{padding: 33px 40px;width: 975px;height: 159px;}
.dyn-item .fl{width: 355px;height:159px;overflow: hidden;}
.dyn-item .fl img{width: 100%;height: 100%}
.dyn-item h2{font-size: 30px;color:#111111;    line-height: 32px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.dyn-item .time{font-size: 18px;color:#595959;margin-top: 20px;}
.dyn-item .context{font-size: 18px;margin-top: 55px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.dyn-item .fr,.dyn-item .fl{float: left}
.dyn-item .fr{width: 590px;float: right;}
.dyn-item .fr p{color:#595959;}
.bar p{height: 100px;
    width: 5px;background: #fc645f;
        position: absolute;
    top: 0;
    right: -2px;cursor: pointer;}
@media screen and ( min-width:1200px ) and ( max-width:1460px ) {
    .dyn-cont,.dynami{width: 950px;}

    .dyn-item .fl{width: 295px;height: 130px;}
    .dyn-item .fl img{width: 100%}
    .dyn-item {padding: 30px 10px 30px 38px;    width: 800px;}
    .dyn-item h2 {font-size: 25px}
    .dyn-item .fr {
    width: 490px;}
    .dyn-item .context {margin-top: 45px;
    font-size: 13px;}
    .dyn-item .time {
    font-size: 13px;margin-top: 15px;}
    .dyn-cont ul li {
    height: 190px;}
    .menu {
    height: 50px;
    line-height: 50px;}
}
@media screen and (max-width: 640px) and (min-width: 320px){
   .nv2 {display: none} 
    .nv3 {
        display: block;
float: right;
    float: right\9;
    margin-right: 70px;
    position: relative;
    width: 1.34rem;
    height: 1.34rem;
    line-height: 0;
    margin-top: 5px;
}
.nv3 a{
    width: .8rem;
    height: .8rem;
    text-align: center;
    line-height: .8rem;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 0.4rem;
    display: block;
}
.nv3 a:nth-of-type(1){
    color: #111;
    position: relative;
    z-index: 5
}
.nv3 a:nth-of-type(2){
    position: absolute;
    right: 0;
    bottom: 0;
    background: transparent;
}
    header{
    padding:8px 0 
} 
.nv1{
    display: none
} 
.header .logo {
    margin-left: 30px;
}
.ghh {
    float: right;
    width: 48px;
    height: 38px;
    margin-right: 30px;
    margin-top: 7px;
    border: 2px solid #ED6C00;
    text-align: center;
    border-radius: 5px;
}
.ghh {
    width: 40px;
    height: 30px;
    border: none;
}
.gh {
    float: right;
    width: 34px;
    margin-top: 17px;
    margin-right: 5px;
    position: relative;
    cursor: pointer;
    display: table;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.gh a {
    background-color: #ED6C00;
    display: block;
    height: 4px;
    margin-top: -2px;
    position: relative;
    top: 50%;
    width: 100%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.gh a {
    margin-top: -6px;
    height: 3px;
}
.gh a:after, .gh a:before {
    background-color: #ED6C00;
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
    content: " ";
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.gh a:before, .gh a:after {
    height: 3px;
}
.gh a:before {
    top: -7px;
}
.gh a:after {
    top: 7px;
}
body .nav-up {
    top: 62px;
}
.menu{
    height: 1.8rem;
    line-height: 1.8rem;
    padding-left: 0
}
.menu li{
    padding-left: 36px;
}
.menu li:nth-of-type(1),.menu li:nth-of-type(6){
    display: none
}
.dynami {
    width: 100%;
    margin: 135px auto 0 auto;
    clear: both;
    overflow: hidden;
    margin-bottom: 35px
}
.dyn-cont{
    width: 91%;
    margin: 0 auto
}
.dyn-cont ul li {
    height: 100%;
    background: #fff;
        margin-bottom: 35px;
}
.dyn-item .fr {
    width: 100%;
    float: inherit;
}
.dyn-item{
   
    width: 100%;
    margin: 0 auto;
    height: auto;
        padding: 0;
}
.dyn-cont .bar{
    display: none
}
.dyn-item h2{
    font-size: .9rem;
    color:#1d1d1d;
        font-weight: 700;
}
.dyn-cont ul{
    width: 100%
}
.dyn-item .fr p{
        color:#9d9c9c;
}
.dyn-item p.time{
    color:#9d9c9c;
    font-size: .6rem;
        margin-top: 5px;
        text-indent: 35px;
        position: relative;
}
.dyn-item p.time:after{
    content: "";
    position:absolute;
    top:50%;
    margin-top: -0.6rem;

    display: block;
       width: 1.6rem;
    height: 1.2rem;
    background: url('../img/timefei.png')
}
.dyn-item p.context{
    color: #595959;
    margin: 12px 0;
    white-space: inherit;
    text-overflow: inherit;
    font-size: .7rem
}
#dyn-c ul{
    height: auto!important;
    margin-bottom: 20px;
    position: relative;
}
.dyn-item .fr, .dyn-item .fl{
    float: inherit;
    width: 100%;
}
.dyn-item .fl img{
    width: 100%
}
}