@media screen and (max-width: 1200px) {
    .wrap, .banner, .nav {
        width: 100%;
        margin: 0 auto;
    }
    .m2, .m3, .m4, .m5, .m6, .m7, .m8 {
        margin-bottom: 2%;
    }
    .top1 {
        padding: 0px;
    }
    .logo {
        width: 60%;
        text-align: left;
    }
    .top, .top2 {
        height: auto;
        padding: 0px;
    }
    .nav ul {
        width: 100%;
    }
    #flashBg {
        display: none;
    }
    .sjbanner {
        display: block;
        position: relative;
        z-index: 0;
    }
    .index_banner {
        margin: 0px auto;
        width: 100%;
        height: auto;
    }
    .index_banner ul {
        overflow: hidden;
    }
    .index_banner li {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
    }
    .index_banner li a {
        display: block;
        margin: 0 auto;
    }
    .index_banner cite {
        position: absolute;
        bottom: 15px;
        left: 45%;
        z-index: 9999;
        display: block;
        width: 188px;
        height: 20px;
        _display: none;
    }
    .index_banner cite span {
        float: left;
        display: block;
        width: 1em;
        height: 1em;
        text-indent: -999em;
        opacity: .8;
        cursor: pointer;
        background-image: url(../images/tg_flash_p2.png);
        background-repeat: no-repeat;
        margin-top: 0;
        margin-right: 5px;
        margin-bottom: 0;
        margin-left: 5px;
    }
    .index_banner cite span:hover {
        background-color: #f5f5f5;
    }
    .index_banner cite span.cur {
        cursor: default;
        background-image: url(../images/tg_flash_p.png);
        background-repeat: no-repeat;
    }
    .nyban {
        width: 100%;
        margin: 0 auto 2%;
        text-align: center;
        position: relative;
        background-image: none;
        height: auto;
    }
    .nyban img {
        width: 100%;
        display: block;
    }
    .mleft {
        width: 22%;
    }
    .mright {
        width: 75%;
        margin-left: 3%;
    }
    .cpzs {
        margin-right: -1%;
        overflow: hidden;
    }
    .cpzs li {
        width: 32%;
        margin-right: 1%;
        box-sizing: border-box;
        height: 246px;
        overflow: hidden;
    }
    .m2 ul {
        margin-right: 0;
    }
    .m2 li {
        width: 23%;
        margin: 1%;
    }
    .m2 li img {
        width: 100%;
    }
    .m2 li a:hover {
        color: #ffffff;
        border: 0;
    }
    .m2 li a:hover img {
        height: 100%;
        width: 100%;
    }
    .m2 li a:hover h2 {
        background-image: none;
        padding-top: 0;
        background-color: #089814;
    }
    .ys, .sp {
        display: none;
    }
    .m5c {
        width: 100%;
    }
    #gundong2 .content #marquee2 {
        width: 100%;
    }
    #gundong2 .content .left, #gundong2 .content .right {
        display: none;
    }
    .nimg {
        display: none;
    }
    .new {
        width: 48%;
    }
    .bor {
        width: 4%;
    }

    .cpxl_img img{
        width: 220%;
        margin-left: -60%
    }
    .m3t1 img{
        width: 220%;
        margin-left: -60%
    }
    .m7t img{
        width: 220%;
        margin-left: -60%
        
    }
    .flink{
        display: none
    }

    }
     @media screen and (max-width: 980px) {
    .top1 {
        display: none;
    }
    .tel {
        display: none;
    }
    .logo {
        width: 100%;
        text-align: center;
    }
    .mleft {
        display: none;
    }
    .mright {
        width: 100%;
        margin-left: 0;
    }
    }
     @media screen and (max-width: 768px) {
    .logo {
        padding: 10px 0;
    }
    .f1 {
        width: 100%
    }
    .f1 li {
        width: 25%; text-align:center;
    }
    .f2, .f3 {
        width: 48%;
        padding: 0;
        margin: 0;
    }
    .f3 {
        margin-left: 4%;
    }
    .f3 .f1t {
        text-align: center;
    }
    .postbox {
        float: none;
        margin: 0 auto;
    }
    .m1, .m2 {
        display: none;
    }
    .m3 {
        padding-top: 20px;
    }
    .nav li {
        width: 25%;
        border-right: 1px #ffffff solid;
        border-bottom: 1px #ffffff solid;
        border-left: 0px;
        line-height: 40px;
        height: 40px;
        background-image: none;
    }
    .nav {
        height: 79px;
        overflow: hidden;
    }
    .nav ul {
        padding: 0;
    }
    .newsli li {
        width: 48%;
    }
    .cpzs li {
        width: 49%;
        height: auto;
    }
    .cpzs li img {
        height: 140px;
    }
    .bq {
        margin-bottom: 40px;
    }
    .fdh {
        line-height: 40px;
        height: 40px;
        background-color: #222222;
        width: 100%;
        display: block;
        position: fixed;
        z-index: 99999;
        bottom: 0px;
        color: #FFF;
    }
    .fdh li {
        width: 33.33333%;
        float: left;
        display: block;
        text-align: center;
        border-right: 1px #ddd solid;
        box-sizing: border-box;
    }
    .fdh .li {
        background-color: #089814;
    }
    .fdh a {
        color: #FFF;
    }
    .m5, .m5c, .gsjj {
        background-position: center bottom;
        height: auto;
        background-size: cover;
    }
    .marquee3 .m3tp img {
        height: 180px;
    }
    .marquee3 li {
        height: 220px;
        width: 240px;
    }
    .marquee3 {
        height: 220px;
    }
    .marquee2 {
        height: 192px;
        margin-bottom: 20px;
    }
    .m3 li {
        width: 202px;
    }
    .m3 .pic {
        width: 200px;
        height: 150px;
    }
    .m3 .pic img {
        height: 150px;
    }
    .nynews {
        margin-right: 0;
    }
    .nynews li {
        width: 100%;
    }
    .about{ display:none;}
    }
     @media screen and (max-width: 580px) {
    #divMainTab1 .gd {
        display: none;
    }
    .new {
        width: 100%;
        padding-top: 0;
        margin-bottom: 20px;
    }
    .bor {
        display: none;
    }
    .newsli{
         margin-right:0;
    }
    .newsli li {
        width: 100%; margin-right:0;
    }
    }
    @media screen and (max-width: 480px) {
        .f2{ display:none;}
    .f3 {
        width: 100%;
        text-align: center;
        margin-left:0;
    }
    .f1t {
        text-align: center;
    }
    .m7t img{
        width: 300%;
        margin-left: -100%;
    }
    .m3t1 img{
        width: 300%;
        margin-left: -100%;
    }
    .sjduo{
        display: block;
    }
    .logo img{
        width: 94%;
        display: block;
        margin: 0 auto
    }
      .cpnyt img{
        width:100%;
      }
    }