@media only screen and (max-width: 768px) {

    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    ul,
    ol,
    li,
    input,
    select,
    textarea,
    div,
    table,
    td,
    th,
    tr,
    dt,
    dd,
    dl {
        margin: 0;
        padding: 0;
    }

    ul,
    ol {
        list-style: none;
    }

    em,
    i {
        font-style: normal;
    }

    img {
        object-fit: cover;
        border: 0;
        vertical-align: middle;
    }

    input,
    select {
        vertical-align: middle;
        outline: none;
    }

    a {
        text-decoration: none;
    }

    img {
        object-fit: cover;
        border: none;
    }

    body {
        min-width: 100%;
        font-family: 'Microsoft YaHei', 'Arial', 'Heiti SC';
        background: #fff;
    }

    body {
        /***-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;user-select:none;**/
    }

    .W_1200 {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .Mgtop_20 {
        display: none
    }

    /*LOGO*/
    .info_top {
        float: left;
        width: 90%;
        margin: 20px 5%;
        border-bottom: 8px solid #f2f2f2;
        text-align: center;
        padding-bottom: 0px;
    }

    .info_top h1 {
        height: 60px;
        overflow: hidden;
        font-size: 20px;
        color: #1c2533;
        line-height: 30px;
        margin: 0 0 20px 0;
    }

    .arc-top {
        background: #1c2533;
        width: 100%;
        text-align: center;
        height: 60px;
    }

    .logo-arc img {
        object-fit: cover;
        width: auto;
        height: 40px;
        margin: 8px 0 0 0;
    }

    .news_info_warp .info_tex_center h3,
    .news_info_warp .info_tex_center h2 {
        float: left;
        width: 90%;
        text-indent: 0em;
        margin: 20px 0 20px 0;
        padding: 10px 5%;
        line-height: 25px;
        border-left: 0px solid #2577e3;
        color: #fff;
        font-weight: 500;
        background: #2577e3;
        font-size: 18px;
        font-family: "Microsoft YaHei";
        text-align: left;
        border-radius: 8px;
    }

    .news_info_warp .info_tex_center h3 span,
    .news_info_warp .info_tex_center h2 span {
        display: none
    }

    .ZT-wrap {
        width: 100%;
    }

    .zt-content {
        width: 100%;
        margin: 0px 0;
    }

    .zt-content .cont_L,
    .contwrap .cont_L {
        width: 100%;
    }

    .zt-content .cont_R,
    .contwrap .cont_R {
        width: 100%;
    }

    .contwrap {
        background: #fff;
    }

    .comments_wrap {
        margin: 0 2%;
        width: 96%;
    }

    .comments_wrap .coms_cont {
        margin: 0 0 0px 0;
        min-heighft: 160px;
    }


    .news_info_warp .info_tex_center {
        text-indent: 2em;
        background: #;
        width: 92%;
        padding: 1px 4% 30px 4%
    }

    .news_info_warp .info_tex_center .text {
        color: #525252;
        font-size: 18px;
        line-height: 30px;
        padding-top: 0px;
    }

    .news_info_warp .info_tex_center .text i {
        display: inline-block;
        vertical-align: middle;
        background: #ff9900;
        width: 7px;
        height: 19px;
        margin-right: 8px;
    }

    .news_info_warp .info_tex_center p {
        color: #525252;
        font-size: 16px;
        line-height: 26px;
        padding-top: 15px;
    }

    .news_info_warp .info_tex_center p a {
        float: left;
        width: 90%;
        text-indent: 0em;
        color: #0a5165;
        padding: 10px 5%;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        margin: 0px 0 20px 0;
        background: #eee;
        border-radius: 8px;
    }

    .news_info_warp .info_tex_center video,
    .news_info_warp .info_tex_center iframe,
    .news_info_warp .info_tex_center embed,
    .news_info_warp .info_tex_center img {
        object-fit: cover;
        border-radius: 1px;
        height: auto;
        width: 100%;
        display: block;
        margin: 10px auto;
        border-radius: 8px;
    }

    .news_info_warp .info_tex_center h3 {
        width: 100%;
        margin: 20px 0 0px -1em;
        padding: 0px 0 0 0;
        line-height: 30px;
        border-left: px solid #a58952;
        color: #1890cf;
        font-weight: 700;
        font-size: 16px;
        font-family: "Microsoft YaHei";
        text-align: center
    }

    .news_info_warp .info_tex_center .live {
        float: left;
        width: 100%;
        margin: 0 0 0px 0;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #eee;
    }

    .news_info_warp .info_tex_center .live a {
        float: left;
        text-indent: 0em;
        height: 30px;
        background: #eee;
        white-space: nowrap;
        border-radius: 40px;
        color: #1c2533;
        margin: 10px 10px 10px 0;
        font-size: 16px;
        padding: 8px 20px;
        line-height: 30px;
        font-weight: 700;
        display: block;
        overflow: hidden;
        border-bottom: 1px solid #666;
    }


    .news_info_warp .info_tex_center a:hover {
        background: #1890CF;
        color: #fff;
    }

    .word {
        width: 100%;
        height: 40px;
        padding: 5px 0;
        margin: 18px 0;
        text-align: center;
        background: #1c2533;
        line-height: 40px;
        border-radius: 5px;
    }

    .kword {
        color: #fff;
        font-size: 16px;
    }

    .lgyPl_v2_post {
        float: left;
        background: #fff
    }

    .tagg {
        width: 96%;
        background: #0a5165 url(../images/djlistbg.png) 0% 50% no-repeat;
        padding: 20px 2%;
        margin-top: 20px;
        text-align: center;
        overflow: hidden;
        border-radius: 8px;
    }

    .tagg a {
        border-radius: 50px;
        background: #0a5165;
        height: 38px;
        line-height: 40px;
        margin: 15px 2%;
        text-align: center;
        color: #fff;
        white-space: nowrap;
        font-size: 16px;
        padding: 5px 10px
    }

    .bgwhite {
        background: #fff;
        width: 100%;
        padding: 0 0;
    }

    .shang {
        float: left;
        width: 97%;
        margin: -50px 1% 50px 2%;
        height: 40px;
        font-size: 0px;
        overflow: hidden;
    }

    .shang p {
        text-align: center;
        color: #fff;
        float: left;
        width: 49%;
        background: #1c2533;
        line-height: 40px;
        margin-right: 1%;
        overflow: hidden;
    }

    .shang p a {
        color: #fff;
        font-size: 16px;
    }

    .lis {
        display: none
    }

    .p_span {
        display: none;
    }

    .lokph1 {
        float: left;
        width: 100%;
        text-align: center;
        padding: 5px 0;
        color: #666;
        font-size: 14px;
        border-radius: 0px;
        margin: -10px 0 -20px 0;
    }

    .lokph1 i img {
        object-fit: cover;
        margin: -4px 6px 0 0;
    }

    .lokph1 a {
        color: #666;
        font-weight: 500;
        font-size: 13px
    }

    .lokph {
        display: none;
    }

    .con-left,
    .con-right {
        width: 96%;
        margin: 0 2%x;
    }

    .page-c {
        width: 100%;
        float: left;
    }

    .video1 {
        float: left;
        width: 100%;
        color: #000;
        padding: 0 0 20px 0;
        margin: -10px 0 50px 0;
        text-align: center
    }

    .video1 img {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0 0 20px 0
    }







    /*links*/
    .live-box {
        text-indent: 0em;
        width: 100%;
        height: 200px;
        background: #000 url(../images/live1.jpg) 0px 0px no-repeat;
        text-align: center;
        overflow: hidden;
        border-radius: 8px;
    }

    .live-box .b1 {
        font-weight: 700;
        float: left;
        width: 35%;
        color: #fff;
        /*line-height: 310px;*/
        /*height: 288px;*/
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .live-box .b2 {
        float: left;
        width: 30%;
        color: #fff;
        margin: 2px 0;
        overflow: hidden;
    }

    .live-box .b2 dl {
        float: left;
        width: 100%;
        color: #eee;
        line-height: 58px;
        height: 58px;
        overflow: hidden;
    }

    .live-box .b2 .b {
        float: left;
        border-radius: 8px;
        margin: 5% 0;
        padding: 0 0px;
        font-size: 22px;
        color: #f9d400;
    }

    .live-box .b3 {
        font-weight: 700;
        float: left;
        width: 35%;
        color: #fff;
        /*line-height: 310px;*/
        /*height: 288px;*/
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .b4 {
        text-indent: 0em;
        float: left;
        width: 100%;
        ;
        color: #fff;
        overflow: hidden;
    }

    .b4 a {
        background: linear-gradient(to right, #f8f8f8, #e0f9ff);
        float: left;
        font-weight: 700px;
        width: 95%;
        color: #000;
        line-height: 40px;
        text-align: left;
        margin: 10px 0;
        padding: 10px 2% 10px 3%;
        overflow: hidden;
    }

    .b4 a:hover {
        background: linear-gradient(to right, #1c2533, #e0f9ff);
        color: #fff
    }

    .news_info_warp .info_tex_center .b4 a p {
        float: right;
        font-size: 12px;
        color: #999;
    }

}


#zhibo_btn{padding:10px 0;}
#zhibo_btn a{border-radius: 5px;background:#2c70dd;color:#fff;display: inline-block;margin:3px;padding:15px 25px;cursor: pointer;line-height: 1}


@media only screen and (min-width: 768px) {

    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    ul,
    ol,
    li,
    input,
    select,
    textarea,
    div,
    table,
    td,
    th,
    tr,
    dt,
    dd,
    dl {
        margin: 0;
        padding: 0;
    }

    ul,
    ol {
        list-style: none;
    }

    em,
    i {
        font-style: normal;
    }

    img {
        object-fit: cover;
        border: 0;
        vertical-align: middle;
    }

    input,
    select {
        vertical-align: middle;
        outline: none;
    }

    a {
        text-decoration: none;
    }

    img {
        object-fit: cover;
        border: none;
    }

    .fl {
        display: block;
        float: left;
    }

    .fr {
        display: block;
        float: right;
    }

    .W_1200 {
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }

    .Mgtop_20 {
        margin-top: 20px;
    }

    /********** header **********/
    .top_home {
        position: relative;
        z-index: 1;
    }

    /*LOGO*/
    .info_top {
        /* width:90%; */
        margin: 0px 0;
        padding: 20px 5% 0 5%;
    }

    .info_top h1 {
        width: 96%;
        margin: 0px 0;
        text-align: left;
        line-height: 45px;
        font-size: 24px;
        color: #1c2533
    }

    .arc-top {
        background: #1c2533;
        width: 100%;
        text-align: center;
        height: 80px;
    }

    .logo-arc img {
        object-fit: cover;
        width: auto;
        height: 60px;
        margin: 8px 0 0 0;
    }

    /*Foot*/
    .Bot {
        width: 1200px;
        height: auto;
    }

    /*links*/
    .live-box {
        text-indent: 0em;
        width: 100%;
        height: 260px;
        background: #000 url(../images/live1.jpg) 0px 0px no-repeat;
        background-size: 100% 100%;
        text-align: center;
        overflow: hidden;
        border-radius: 8px;
    }

    .live-box .b1 {
        font-weight: 700;
        float: left;
        width: 35%;
        color: #fff;
        height: 288px;
        overflow: hidden;
        font-size: 25px;
    }

    .live-box .b2 {
        float: left;
        width: 30%;
        color: #fff;
        margin: 58px 0;
        overflow: hidden;
    }

    .live-box .b2 dl {
        float: left;
        width: 100%;
        color: #eee;
        line-height: 50px;
        height: 55px;
        overflow: hidden;
    }

    .live-box .b2 .b {
        float: left;
        border-radius: 8px;
        margin: 5% 0;
        padding: 0 10px;
        /*background: url(../images/icon14.png) 29px 13px no-repeat;*/
        font-size: 26px;
        color: #f9d400;
    }

    .live-box .b3 {
        font-weight: 700;
        float: left;
        width: 35%;
        color: #fff;
        height: 288px;
        text-align: center;
        font-size: 25px;
    }

    .b4 {
        text-indent: 0em;
        float: left;
        width: 100%;
        ;
        color: #fff;
        overflow: hidden;
    }

    .b4 a {
        background: linear-gradient(to right, #f8f8f8, #e0f9ff);
        float: left;
        font-weight: 700px;
        width: 95%;
        color: #000;
        line-height: 40px;
        text-align: left;
        margin: 10px 0;
        padding: 10px 2% 10px 3%;
        overflow: hidden;
    }

    .b4 a:hover {
        background: linear-gradient(to right, #1c2533, #e0f9ff);
        color: #fff
    }

    .news_info_warp .info_tex_center .b4 a p {
        float: right;
        font-size: 12px;
        color: #999;
    }


    .contwrap {
        background: #fff;
    }

    .comments_wrap {
        margin-top: 30px;
        width: 1200px;
    }

    .news_info_warp .info_tex_center {
        width: 90%;
        padding: 20px 5% 30px 5%;
        text-indent: 2em;
        padding-bottom: 30px;
        line-height: 22px;
        color: #333
    }

    .news_info_warp .info_tex_center p {
        color: #525252;
        font-size: 18px;
        line-height: 32px;
        padding-top: 10px;
    }

    .news_info_warp .info_tex_center video,
    .news_info_warp .info_tex_center iframe,
    .news_info_warp .info_tex_center embed,
    .news_info_warp .info_tex_center img {
        object-fit: cover;
        border-radius: 0%;
        width: 100%;
       /* height: auto;*/
        display: block;
        margin: 0 auto;
        margin: 20px auto;
    }

    .news_info_warp .info_tex_center p a {
        float: left;
        width: 90%;
        text-indent: 0em;
        color: #0a5165;
        padding: 10px 5%;
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        margin: 0px 0 20px 0;
        background: #eee;
        border-radius: 8px;
    }

    .news_info_warp .info_tex_center p a:hover {
        color: #fff;
        background: #69dd33;
    }

    .news_info_warp .info_tex_center .live {
        float: left;
        width: 100%;
        margin: 0 0 30px 0;
        padding: 0 0 0px 0
    }

    .news_info_warp .info_tex_center .live a {
        float: left;
        text-indent: 0em;
        height: 30px;
        background: #;
        white-space: nowrap;
        border-radius: 40px;
        color: #1c2533;
        margin: 10px 10px 10px 0;
        font-size: 18px;
        padding: 10px 20px;
        font-weight: 700;
        display: block;
        overflow: hidden;
        line-height: 30px;
        border-bottom: 1px solid #a58952;
    }

    .news_info_warp .info_tex_center .live a:hover {
        float: left;
        text-indent: 0em;
        height: 30px;
        background: #1c2533;
        color: #fff;
        border-bottom: 1px solid #a58952;
    }

    .news_info_warp .info_tex_center h3,
    .news_info_warp .info_tex_center h2 {
        float: left;
        width: 90%;
        text-indent: 0em;
        margin: 20px 0 20px 0;
        padding: 10px 5%;
        line-height: 25px;
        border-left: 0px solid #2577e3;
        color: #fff;
        font-weight: 500;
        background: #2577e3;
        font-size: 18px;
        font-family: "Microsoft YaHei";
        text-align: left;
        border-radius: 8px;
    }


    .word {
        width: 100%;
        height: 40px;
        padding: 5px 0;
        margin: 18px 0%;
        background: #1c2533;
        line-height: 40px;
        text-align: center;
        border-radius: 5px;
    }

    .kword {
        color: #fff;
        padding: 0 0 0 0;
        font-size: 16px
    }

    .tagg a:hover,
    .kword:hover,
    .shang p a:hover {
        color: #dd3333;
    }

    .tagg {
        width: 96%;
        background: #0a5165 url(../images/djlistbg.png) 0% 50% no-repeat;
        padding: 20px 2%;
        margin-top: 20px;
        text-align: center;
        overflow: hidden;
        border-radius: 8px;
    }

    .tagg a {
        border-radius: 50px;
        background: #0a5165;
        height: 38px;
        line-height: 40px;
        margin: 15px 2%;
        text-align: center;
        color: #fff;
        white-space: nowrap;
        font-size: 18px;
        padding: 5px 10px
    }

    .bgwhite {
        background: #fff;
        width: 100%;
        padding: 0 0;
    }

    .lis {
        /*background: url(../images/ico-time-2.png) 0px 9px no-repeat;*/
        border-bottom: 1px solid #e8e8e8;
        width: 94%;
        font-size: 14px;
        line-height: 29px;
        height: 40px;
        margin: 10px 0 0 0;
        padding: 0 3%;
        color: #bbb;
    }

    .lokph {
        float: left;
        cursor: pointer;
        position: relative;
        text-align: center;
        float: right;
        background: #;
        padding: 20px 20px;
        color: #666;
        font-size: 14px;
        border-radius: 0px;
        margin: 10px 10px 10px 0;
    }

    .lokph i img {
        object-fit: cover;
        margin: -4px 6px 0 0;
    }


    .lokph1 {
        float: left;
        cursor: pointer;
        position: relative;
        text-align: center;
        float: right;
        background: #;
        padding: 10px 20px;
        color: #666;
        font-size: 14px;
        border-radius: 0px;
        margin: 10px 10px 10px 0;
    }

    .lokph1 i img {
        object-fit: cover;
        margin: -4px 6px 0 0;
    }

    .lokph1 a {
        color: #666;
    }

    .lokph1 a:hover {
        color: #1c2533;
    }

    .lokph:hover .phewm {
        display: block;
    }

    .lokph .phewm {
        display: none;
        position: absolute;
        width: 160px;
        height: 180px;
        background: #fff;
        right: -36px;
        top: 28px;
        border: 1px solid #d9e9d5;
        z-index: 1;
    }

    .p_span {
        float: left;
        line-height: 50px;
        font-size: 14px;
    }

    .lokph .phewm p {
        text-align: center;
        line-height: 30px;
    }

    .lokph .phewm img {
        object-fit: cover;
        width: 140px;
        height: 140px;
        display: block;
        margin: 10px auto 2px;
    }

    .shang {
        float: left;
        width: 805px;
        margin: -60px 0 0 0;
        height: 40px;
        overflow: hidden;
    }

    .shang p {
        text-align: center;
        color: #fff;
        float: left;
        width: 49%;
        background: #1c2533;
        line-height: 40px;
        margin-right: 1%;
        overflow: hidden;
        font-size: 0px;
    }

    .shang p a {
        color: #fff;
        font-size: 16px;
    }

    .con-left {
        width: 780px;
        margin-right: 30px;
    }

    .con-right {
        width: 360px;
        margin-left: 0px;
    }

    .con-all:after {
        content: ' ';
        display: block;
        clear: both;
    }

    .page-c {
        width: 1200px;
        float: left;
    }

    .video1 {
        float: left;
        width: 100%;
        color: #000;
        padding: 0 0 20px 0;
        margin: -10px 0 50px 0;
        text-align: center
    }

    .video1 img {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0 0 20px 0
    }

    .lgyPl_v2_post {
        float: left;
        background: #fff
    }


}