@charset "utf-8";

@media screen and (max-width: 769px) {
    html {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        height: 100% !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        overflow: hidden !important;
        overflow-y: auto !important;
    }

    body {
        font-size: 1.5rem;
        min-width: auto !important;
        line-height: 3rem important;
    }

    img {
        vertical-align: middle;
        border: 0;
    }

    #header {
        /* display: none; */
    }

    .path {
        font-size: 1.5rem;
    }

    .side {
        width: 100% !important;
        font-size: 1.5rem;
    }
    .zzjgwrap .boxa {
        width: 100%  !important;
        margin-bottom: 20px !important;
    }
    .boxd .hd {
        height: 4rem;
        line-height: 4rem;
        background: #009933;
    }
    .boxd .hd h3 {
        font-size: 1.6rem;
        color: #fff;
    }
    .side .boxd .hd h3 i {
        background-position: 10px -1294px !important;
    }
    .boxd .hd h3 i {
        display: block;
        float: left;
        width: 42px;
        height: 4rem !important;
        background: url(/uploads/image/i42624/icons-zwgk.png) #009933 10px 10px no-repeat;
        margin-right: 10px;
    }
    #sidezfxxgk .list a {
        display: block;
        padding-left: 10%;
        font-size: 1.5rem;
        background: url(/uploads/image/i42624/icons-zwgk.png) 40% -58px no-repeat;
        -webkit-transition: 200ms;
        -o-transition: 200ms;
        -moz-transition: 200ms;
        transition: 200ms;
        /* background-position: 4% -327px  !important; */
    }
    #sidezfxxgk .bd {
        min-height: 205px;
        text-align: center;
        border-bottom: 0;
    }
    #sidezfxxgk .list li {
        font-size: 16px;
        height: 4rem;
        line-height: 4rem;
        border-bottom: 1px solid #aaa;
        vertical-align: middle;
    }
    #sidezfxxgk .list .li6 a {
        background-position: 40% -314px !important;
    }
    #sidezfxxgk .list .li3 a {
        background-position: 40% -400px;
    }
    #sidezfxxgk .list .li5 a {
        background-position: 40% -569px;
    }
    #sidezfxxgk .list .li4 a {
        background-position: 40% -400px;
    }
    .zwgksidenodes {
        background: #0fa63c;
        color: #fff;
        overflow: hidden;
        margin-bottom: 20px;
        font-size: 1.5rem;
        padding: 15px 0;
    }
    .zwgksidenodes li {
        float: left;
        width: 33.3%;
        text-align: center;
        height: 3rem;
        line-height: 3rem;
    }
    .zwgksidenodes li a {
        color: #fff;
        padding-left: 8px;
        background: url(/uploads/image/i42624/icons-zwgk.png) 0 -1190px no-repeat;
    }
    .infolista  li a{
        display: inline-block;
        width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .maincontent {
        width: 100%;
    }

    .pageboxloop>.box {
        width: 100%;
        margin-bottom: 20px;
    }
    .mzhdsidebox .hd {
        height: 4rem;
        line-height: 4rem;
        font-size: 1.6rem;
        background: #0fa63c;
    }
    .mzhdsidebox .hd h3 {
        height: 4rem;
        font-size: 1.6rem;
        float: left;
        *display: inline;
    }
    .mzhdsidebox .hd h3 a {
        float: left;
        *display: inline;
        height: 4rem;
        line-height: 4rem;
        color: #fff;
        font-size: 1.6rem;
        padding-left: 20px;
    }

    #boxhywq .bd {
        min-height: auto;
        padding: 20px 10px 0px;
        height: auto;
    }
    .infolista li {
        padding: 0 0 10px 12px;
        margin-bottom: 10px;
        border-bottom: 1px solid #aaa;
        height: 4rem;
        line-height: 4rem;
        background: url(/uploads/image/i42624/icons.png) 0 -364px no-repeat;
        position: relative;
    }
    .boxa .hd {
        height: 4rem;
        line-height: 4rem;
        position: relative;
        border-bottom: 1px solid #e1e1e1;
        background: #f9f9f9;
    }
    .boxa-petition .hd h3 {
        position: relative;
        float: left;
        line-height: 4rem;
    }
    .boxa .hd h3 {
        position: absolute;
        color: #009933;
        font-size: 1.6rem;
        line-height:4rem;
        padding: 0 20px;
        background: #f9f9f9;
        border: 1px solid #e1e1e1;
        border-top: 3px solid #009933;
        border-bottom: 0;
    }
    .boxa-petition .hd .write, .boxa-petition .hd .select, .mainbox .mhd .write, .mainbox .mhd .select {
        height: 3rem;
        line-height: 3rem;
        overflow: hidden;
        color: #fff;
        float: right;
        background: #79b2e2;
        margin-top: 7px;
        margin-left: 5px;
    }
    .letterlist th {
        color: #0fa63c;
        height: 3rem;
        line-height: 3rem;
        padding: 0px;
        font-size: 1.5rem;
        border-bottom: 1px solid #becedc;
    }
    .letterlist th, .letterlist td {
        text-align: center;
        font-size: 1.4rem;
        vertical-align: middle;
        line-height: 3rem;
        padding: 5px 5px;
    }
    .boxa .hd .more {
        font-size: 1.4rem;
        position: absolute;
        right: 10px;
        color: #999;
    }
    .boxa .hd ul {
        position: absolute;
        height: 4rem;
        overflow: hidden;
    }
    .boxa .hd li {
        float: left;
        font-size: 1.6rem;
        height: 4rem;
        line-height: 4rem;
        background: #f9f9f9;
    }

    .box .hd h3 a {
        color: #009933;
        font-size: 1.6rem;
    }

    .box .hd .more {
        position: absolute;
        right: 0;
        color: #999;
        font-size: 1.5rem;
    }

    .infolist li .date {
        font-size: 1.5rem;
        margin-left: 15px;
        float: right;
        color: #999;
    }

    .infolist li {
        padding-left: 15px;
        height: 3rem;
        line-height: 3rem;
        overflow: hidden;
        background: url(/uploads/image/i42624/icons.png) -2px -381px no-repeat;
    }

    .sidebox .hd h3 {
        font-size: 1.6rem;
        color: #009933;
    }

    #sidemenu li {
        font-size: 1.5rem;
        text-align: left;
        margin-bottom: 8px;
        vertical-align: top;
    }

    #sidemenu li a {
        display: block;
        padding: 1rem;
        background: url(/uploads/image/i42624/icons.png) 16px -1806px no-repeat #f3f3f3;
        border: 1px solid #e7e7e7;
        -webkit-transition: 200ms;
        -o-transition: 200ms;
        -moz-transition: 200ms;
        transition: 200ms;
        padding-left: 45px;
    }

    #sidesearch .nodes,
    #sidesearch input,
    #sidesearch button {
        height: 3rem;
        line-height: 3rem;
        border: 1px solid #ddd;
        font-size: 1.5rem;
        font-family: "microsoft yahei";
        outline: none;
    }

    .sidebox .hd {
        overflow: hidden;
        padding: 0px 0 20px 0;
    }

    .pageslide .con {
        width: 74%;
        height: 220px;
    }

    .pageslide .pic {
        float: left;
        width: 100%;
    }

    .pageslide .pic img {
        width: 100%;
        height: 380px;
    }

    .pageslide .title {
        font-size: 1.6rem;
        line-height: 3.2rem;
        max-height: 3.2rem;
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .pageslide .date {
        display: block;
        padding: 8px 0;
        color: #999;
        font-size: 1.4rem;
    }

    .pageslide .intro {

        color: #777;
        font-size: 1.4rem;
        width: 100%;
        line-height: 2.8rem;
        /* white-space: nowrap; */
        display: -webkit-box;
        height: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .pageslide .hd {
        text-align: center;
        width: 100%;
        position: absolute;
        z-index: 1;
        bottom: 14px;
        right: 0;
        height: 30px;
        font-size: 0;
    }

    .pageslide .hd li {
        display: inline-block;
        zoom: 1;
        width: 20px;
        cursor: pointer;
        height: 20px;
        background: #bbbbbb;
        overflow: hidden;
        margin-top: 20px;
        margin-right: 34px;
    }



}