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

    .zhibolist .t10,
    .zhibolist .t20,
    .zhibolist .t30,
    .zhibolist .t40,
    .zhibolist .t50 {
        float: left;
        width: 20%;
    }

    .tit-zb {
        display: none;
        background-image: linear-gradient(to right, #004276, #003b87);
        float: left;
        width: 100%;
        text-align: center;
        min-height: 90px;
        line-height: 30px;
        margin: -2px 0;
        color: #fff;
        padding: 20px 0;
        overflow: hidden;
    }

    .tit-zb a {
        font-size: 14px;
        text-align: center;
        white-space: nowrap;
        line-height: 30px;
        margin: 0 0 0 0;
        color: #fff;
        padding: 0 10px
    }

    .tit-zb a:hover {
        color: #f00
    }

    .tit-zb #sjb {
        float: left;
        width: 100%;
    }

    .tit-zb a img {
        height: 40px;
        object-fit: cover;
        height: 40px;
        max-width: 100%;
        display: block;
        margin: 0px auto 20px auto;
        padding: 5px 5% 10px 5%
    }

    .zhibolist {
        width: 100%;
        float: left;
        margin-top: 0px;
        text-align: center;
    }

    .zhibolist .titlebar .hl_bar {
        display: none;
        height: 67px;
        background-image: linear-gradient(to right, #004276, #003b87);
    }

    .zhibolist .titlebar h1 {
        display: none;
        width: 90%;
        float: left;
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        height: 67px;
        line-height: 67px;
        margin-left: 0px;
        padding: 0px 5%;
        text-align: center
    }

    .feedbackTips,
    .foot_global,
    .morelist,
    .zhibolist .t6 {
        text-align: center
    }

    .zhibolist .titlebar .hl_bar ul {
        width: 100%;
        float: left;
        background: #004276;
        height: 57px;
        overflow: hidden;
    }

    .zhibolist .titlebar .hl_bar ul li {
        text-align: center;
        float: left;
        max-width: 20%;
        padding: 0 0%;
        line-height: 57px;
        height: 57px;
        overflow: hidden;
    }

    .zhibolist .titlebar .hl_bar ul li a,
    .zhibolist .t1 a,
    .zhibolist .t2 a,
    .zhibolist .t3 a {
        color: #fff;
        text-align: center
    }

    .zhibolist .titlebar .hl_tit ul {
        display: none;
    }

    .zhibolist .titlebar .hl_y {
        display: none;
        float: right;
        height: 47px;
        line-height: 47px
    }

    .zhibolist .titlebar .hl_y a {
        color: #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 5px 20px
    }

    .zhibolist .titlebar .hl_y .on {
        background: #fff;
        color: #d3c
    }

    .zhibolist .t1 {
        background: url(../images/ico-time-2.png) 10px 11px no-repeat;
        float: left;
        height: 35px;
        width: 22%;
        font-size: 14px;
        padding-left: 30px;
        color: #666;
        line-height: 35px;
        text-align: left
    }

    .zhibolist .t2 {
        display: none;
        float: right;
        width: 22%;
        font-size: 12px;
        height: 35px;
    }

    .zhibolist .t3 {
        float: left;
        width: 40%;
        height: 35px;
    }

    .zhibolist .t3 a {
        font-weight: 700;
        font-size: 14px;
        color: #004276;
        text-align: left;
        line-height: 35px;
    }

    .zhibolist .t2 a,
    .zhibolist .t1 a {
        font-size: 14px;
        line-height: 35px;
        color: #666
    }

    .zhibolist .t4 {
        width: 100%;
        height: 30px;
    }

    .zhibolist .t5 {
        display: none;
        width: 70%;
        height: 30px;
    }

    .zhibolist .t6 {
        width: 30%;
        float: right !important;
        height: 35px;
        margin: -68px 0 0 0;
        font-size: 14px;
        line-height: 30px;
    }

    .zhibolist .t2 img {
        height: 35px
    }

    .zhibolist .dateheader {
        float: left;
        height: 50px;
        line-height: 50px;
        border-radius: 0px;
        width: 100%;
        margin: 0px 0%;
        background-color: #eee;
        color: #000;
        font-weight: 700;
        font-size: 16px
    }

    .zhibolist .dateheader a {
        line-height: 50px;
        color: #ffd7b9;
        font-weight: 700;
        font-size: 18px
    }

    .listcontent {
        clear: both;
        float: left;
        width: 100%;
        padding-bottom: 1px;
    }

    .listcontent ul {
        border-bottom: 1px solid #ccc;
        background: #fff;
        list-style: none;
        width: 100%;
        padding-bottom: 20px;
        float: left;
        margin: 10px 0 10px 0;
    }

    .listcontent ul li {
        font-weight: 700;
        float: left;
        overflow: hidden
    }

    .morelist,
    .playwall em {
        clear: both;
        line-height: 24px
    }

    .zhibolist .listcontent .t4 a {
        overflow: hidden;
        width: 90%;
        margin: 0 5%;
        color: #000;
        line-height: 40px;
        font-size: 14px;
        font-weight: 700;
        float: left;
    }


    .zhibolist .listcontent .t5 a {
        line-height: 45px;
        font-size: 12px;
        color: #666;
        padding: 0px 5px;
        margin: 10px 0px;
    }

    .gray {
        background-color: #f4f4f4
    }

    .zhibolist .listcontent ul:hover {
        background-color: #f1f1f1
    }

    .t6.live a {
        background: url(../images/living.gif) 0px 8px no-repeat;
        color: #f00;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 5px 0px 0 15px;
    }

    a,
    body {
        font: 400 16px Helvetica, "Microsoft YaHei", SimSun;
        color: #3f3f3f
    }

    .clearfix:after,
    .clearfix:before {
        display: table;
        content: ""
    }

    .info,
    .t6 a {
        background: #777;
        line-height: 40px;
        color: #fff;
        font-size: 14px;
        border-radius: 5px;
        padding: 5px 10px;
    }

    .date-filter {
        display: none;
    }

    .zhibolist .titlebar .zb_20 {
        float: left;
        width: 100%;
        background-image: linear-gradient(to right, #004276, #003b87);
        height: 60px;
        overflow: hidden;
    }

    .zhibolist .titlebar .zb_20 span {
        border-radius: 50px;
        height: 20px;
        line-height: 20px;
        margin: 20px 20px 0 5%;
        padding: 0px 10px;
        background: #ff0;
        font-weight: 600;
        float: left;
        font-size: 14px;
        color: #004276;
    }

    .zhibolist .titlebar .zb_20 p a {
        float: left;
        line-height: 60px;
        font-size: 16px;
        font-weight: 600;
        color: #FF0;
    }

    .art p b {
        font-weight: 500;
    }

    .art p b.time1 {
        color: #004276;
        line-height: 30px;
        height: 30px;
        font-size: 14px;
        box-shadow: 1px 1px 0px 0 #eee;
        padding: 0 4% 0 0;
        margin: 0 0 1px 0;
        float: left;
        width: 36%;
        text-align: left;
        overflow: hidden;
    }

    .art p b.time2 {
        line-height: 30px;
        height: 30px;
        box-shadow: 1px 1px 0px 0 #eee;
        margin: 0 0 1px 0;
        font-size: 14px;
        text-indent: -2px;
        text-align: center;
        padding: 0 0 0 0%;
        float: right;
        width: 60%;
        overflow: hidden;
    }

    .art p b.time3 {
        background: #f5f5f5;
        text-indent: -2px;
        text-align: center;
        line-height: 30px;
        box-shadow: 0 5px 10px #ddd;
        margin: 0 0 20px 0;
        float: left;
        width: 100%;
    }

    .art 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-image: linear-gradient(to right, #004276, #003b87);
        font-size: 14px;
        font-family: "Microsoft YaHei";
        text-align: left;
        border-radius: 8px;
    }

    .conn-left .art span {
        float: left;
    }

    .conn-left .art span p {
        width: 100%;
        text-indent: 2em;
        float: left;
        color: #666;
        font-size: 16px;
        line-height: 30px;
    }

    .conn-left .art img {
        display: none
    }

    .conn {
        MARGIN: 0px auto;
        WIDTH: 100%;
        PADDING-RIGHT: 0px;
        BACKGROUND: #F5F5F5;
        HEIGHT: auto;
    }

    .conn-left {
        background: #fff;
        box-shadow: 0px 5px 10px #ddd;
        border-radius: 0px;
        padding: 20px 5%;
        width: 90%;
        float: left;
        margin: 0 0px 40px 0;
    }

    .conn-right {
        overflow: hidden;
        height: 200px;
        background: #666;
        border-radius: 0px;
        padding: 0%;
        box-shadow: 0 5px 10px #ddd;
        width: 100%;
        float: left;
    }

    .conn-right img {
        min-height: 200px;
        width: 100%;
    }

    #tab {
        float: left;
        width: 100%;
    }

    #tab-tit {
        float: left;
        width: 90%;
        border-radius: 0px;
        background: #004276;
        height: 78px;
        padding: 0 5%
    }

    #tab .active {
        float: left;
        background-color: #f8f8f8;
        color: #000;
        border-top: 18px solid #004276;
    }

    #tab h4 {
        float: left;
        margin: 0px;
        padding: 0px;
        font-size: 16px;
        border-top: 18px solid #004276;
        float: left;
        width: 25%;
        height: 60px;
        line-height: 60px;
        text-align: center;
        color: #fff;
    }

    #tab dl {
        display: none;
        box-shadow: 0 5px 10px #ddd;
        float: left;
        background: #f5f5f5;
        padding: 0px 0px 0px 0px;
    }

    .conn-left h1 {
        text-align: center;
        width: 100%;
        margin: 10px 0;
        line-height: 30px;
        float: left;
        font-size: 20px;
    }

    .conn-left .art-time,
    .conn-left .art-time a {
        font-size: 12px;
        border-bottom: 1px solid #eee;
        width: 100%;
        margin: 0 0 20px 0;
        padding: 10px 0;
        color: #ccc
    }

    .art-list,
    .art-zt {
        float: left;
        width: 100%;
        border-radius: 8px;
        padding: 20px 0px;
        box-shadow: 0 0px 10px #ddd;
        background: #f8f8f8;
    }

    .art-list li,
    .art-zt li {
        border-radius: 10px;
        box-shadow: 0 5px 10px #ddd;
        background: #f8f8f8;
        list-style: none;
        width: 90%;
        float: left;
        margin: 10px 3%;
        height: 68px;
        line-height: 68px;
        overflow: hidden;
        padding: 0 2%;
    }

    .art-list li:hover,
    .art-zt li:hover {
        background: #fff;
    }

    .art-list li b {
        color: #004276
    }

    .art-list li a {
        font-size: 14px;
    }
}

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

    .tit-zb {
        float: left;
        box-shadow: 0 5px 10px #ddd;
        background: #f8f8f8;
        float: left;
        width: 1140px;
        text-align: center;
        height: 80px;
        line-height: 40px;
        margin: 0px 0 0 0px;
        padding: 20px 30px;
        overflow: hidden;
    }

    .tit-zb a {
        float: left;
        font-size: 16px;
        text-align: center;
        white-space: nowrap;
        white-space: nowrap;
        color: #666;
        width: 71.6px;
        line-height: 40px;
    }

    .tit-zb a:hover {
        color: #f00
    }

    .tit-zb #sjb {
        float: left;
        width: 260px;
        margin: 0 20px 0 0;
        height: 100px;
    }

    .tit-zb a img {
        border-radius: 8px;
        background: #004276;
        height: 50px;
        margin: 8px 0 0px 0px;
        padding: 5px 5% 10px 5%
    }

    .zhibolist .titlebar .zb_20 {
        display: none;
        margin: 0px 0;
        float: left;
        width: 100%;
        background: #eee;
        height: 60px;
        overflow: hidden;
    }

    .zhibolist .titlebar .zb_20 span {
        border-radius: 50px;
        height: 20px;
        line-height: 20px;
        margin: 15px 20px 0 30%;
        padding: 6px 20px;
        background: #fff;
        float: left;
        font-size: 18px;
        font-weight: 600;
        color: #004276;
    }

    .zhibolist .titlebar .zb_20 p a {
        float: left;
        line-height: 60px;
        font-size: 22px;
        font-weight: 600;
        color: #666;
    }




    .zhibolist {
        border-radius: 10px;
        box-shadow: 0 5px 10px #ddd;
        float: left;
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    .zhibolist .titlebar .hl_bar {
        border-radius: 10px;
        box-shadow: 0 5px 10px #ddd;
        width: 100%;
        height: 67px;
    }

    .zhibolist .titlebar h1 {
        float: left;
        font-size: 20px;
        font-weight: 600;
        color: #666;
        line-height: 67px;
        height: 67px;
        width: 100px;
        margin-left: 0px;
        padding-left: 30px;
        overflow: hidden;
        text-align: left
    }


    .feedbackTips,
    .foot_global,
    .morelist,
    .zhibolist .t6 {
        text-align: center
    }

    .zhibolist .titlebar .hl_bar .t2,
    .zhibolist .titlebar .hl_bar .t3,
    .zhibolist .titlebar .hl_bar .t10,
    .zhibolist .titlebar .hl_bar .t20,
    .zhibolist .titlebar .hl_bar .t30,
    .zhibolist .titlebar .hl_bar .t40,
    .zhibolist .titlebar .hl_bar .t50 {
        box-shadow: 0 5px 10px #ccc;
        border-radius: 8px;
        background: #fff;
        width: 130px;
        margin-left: 25px;
        text-align: center
    }

    .zhibolist .titlebar .hl_bar ul {
        list-style: none;
        float: left;
        width: 910px;
        margin-top: 15px;
        margin-left: 30px;
        padding-left: 50px;
    }

    .zhibolist .titlebar .hl_bar ul li {
        float: left;
        border-right: 0px solid #1e5295;
        margin-bottom: 5px;
        height: 35px;
        line-height: 35px;
        font-weight: 400
    }

    .zhibolist .titlebar .hl_bar ul li a {
        display: block;
        height: 50px;
        line-height: 35px;
        color: #666;
        font-size: 16px;
    }

    .zhibolist .titlebar .hl_bar .t0 {
        width: 100px
    }

    .zhibolist .titlebar .hl_bar .t1 {
        width: 80px;
        padding-left: 20px
    }

    .zhibolist .titlebar .hl_bar .t1 a {
        background: url(/images/zuqiu.png) 0 5px no-repeat
    }

    .zhibolist .titlebar .hl_bar .t2 a {
        background: url(/images/lanqiu.png) 0 5px no-repeat
    }

    .zhibolist .titlebar .hl_bar .t3 a {
        background: url(/images/wangqiu.png) 0 5px no-repeat
    }


    .zhibolist .titlebar .hl_tit ul {
        display: none
    }

    .zhibolist .titlebar .hl_tit ul li {
        float: left;
        border-right: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 5px;
        height: 35px;
        line-height: 35px;
        font-weight: 400
    }

    .zhibolist .titlebar .hl_y {
        display: none;
        float: right;
        height: 47px;
        line-height: 47px
    }

    .zhibolist .titlebar .hl_y a {
        color: #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 5px 20px
    }

    .zhibolist .titlebar .hl_y .on {
        background: #fff;
        color: #03C
    }


    .zhibolist .t1 {
        background: url(../images/ico-time-2.png) 0px 27px no-repeat;
        width: 16%;
        overflow: hidden;
        float: left;
        font-size: 12px;
        color: #f00;
        padding-left: 2%
    }

    .zhibolist .t2 {
        float: left;
        font-size: 12px;
        width: 0px;
        overflow: hidden;
        background: #004276;
    }

    .zhibolist .t3 {
        padding-right: 2%;
        text-align: right;
        float: left;
        width: 10%;
        overflow: hidden;
    }

    .zhibolist .t3 a {
        font-size: 12px;
        color: #666;
    }

    .zhibolist .t4 {
        background-size: auto 20px;
        float: left;
        text-align: left;
        width: 35%;
        margin-right: 0%;
        overflow: hidden;
        padding-left: 0%
    }

    .zhibolist .listcontent .t4 a {
        font-weight: 500;
        color: #000;
        font-size: 14px;
    }

    .zhibolist .t5 {
        font-size: 12px;
        float: left;
        background-size: auto 20px;
        width: 20%;
        text-align: left;
        overflow: hidden;
        text-align: center;
    }

    .zhibolist .t6 {
        float: left;
        width: 13%;
        float: right !important;
        margin-top: 0px;
        font-size: 12px;
        border-radius: 10px;
    }

    .t6.live a {
        color: #fff;
        background: #004276;
        border-radius: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 5px 8px
    }

    .zhibolist .t6 a,
    .zhibolist .t5 a {
        font-size: 12px;
    }

    .zhibolist .t2 img {
        width: 100%
    }

    .zhibolist .t2 a {
        color: #004276;
    }

    .zhibolist .dateheader {
        box-shadow: 0px 0px 10px 5px #eee;
        float: left;
        height: 50px;
        line-height: 50px;
        border-radius: 8px;
        width: 96%;
        background: #f8f8f8;
        color: #004276;
        font-size: 14px;
        margin: 10px 2% 0 2%;
    }

    .zhibolist .dateheader a {
        color: #004276;
    }


    .listcontent {
        background: #f8f8f8;
        border-radius: 8px;
        box-shadow: 0 5px 10px #ddd;
        float: left;
        width: 100%;
        margin: 0 0 20px 0%;
    }

    .listcontent ul {
        border-radius: 10px;
        box-shadow: 0 5px 10px #ddd;
        background: #f8f8f8;
        list-style: none;
        width: 43%;
        float: left;
        margin: 10px 0 0px 2%;
        height: 68px;
        line-height: 68px ;
        overflow: hidden;
        padding: 0 2%
    }

    .listcontent ul li {
        line-height: 68px;
        float: left;
        overflow: hidden
    }

    .morelist,
    .playwall em {
        clear: both;
        line-height: 24px
    }


    .zhibolist .listcontent .t5 a {
        color: #666;
        padding: 0px 5px;
        margin: 0px 0px;
    }


    .zhibolist .listcontent ul:hover {
        background-color: #fff
    }



    .playwall .grid {
        height: 175px;
        margin-left: -32px
    }

    .playwall em {
        font-size: 14px;
        display: block;
        height: 25px;
        color: #019fe6;
        width: 190px;
        font-weight: 400
    }

    .playwall .choose {
        overflow: hidden;
        width: 35px;
        height: 12px;
        margin: 10px auto 0
    }

    .playwall .choose span {
        display: inline-block;
        float: left;
        width: 12px;
        height: 12px;
        background: #d6d6d6;
        margin-right: 5px;
        cursor: pointer;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px
    }

    .playwall .choose span.shover {
        background: #1c90e2
    }

    a,
    body {
        font: 400 14px Helvetica, "Microsoft YaHei", SimSun;
        color: #3f3f3f
    }



    .date-filter {
        display: none;
        position: absolute;
        left: -47px;
        background-color: #eff6fa
    }

    .date-filter ul {
        margin-bottom: 0
    }

    .date-filter ul li a {
        display: block;
        font-size: 16px;
        color: #444;
        padding: 10px 5px
    }

    .date-filter ul li a.active,
    .date-filter ul li a:hover {
        background-color: #a6cf4f;
        color: #fff
    }

    .date-filter ul li a.active {
        position: relative;
        color: #fff
    }

    /**.date-filter ul li a.active:after{content:"";display:block;position:absolute;top:8px;left:41px;width:0;height:0;border-color:transparent transparent transparent #a6cf4f;border-style:solid;border-width:11px 0 11px 11px}**/

    .conn {
        MARGIN: 0px auto;
        WIDTH: 1200px;
        PADDING-RIGHT: 0px;
        BACKGROUND: #F5F5F5;
        HEIGHT: auto;
    }

    .conn-left {
        background: #fff;
        box-shadow: 0px 5px 10px #ddd;
        border-radius: 8px;
        padding: 40px 3%;
        width: 54%;
        float: right;
        margin: 0 0px 40px 0;
    }

    .conn-right {
        background: #f5f5f5;
        border-radius: 8px;
        box-shadow: 0 5px 10px #ddd;
        padding: 2%;
        box-shadow: 0 5px 10px #ddd;
        width: 36%;
        float: left;
    }

    .conn-right img {
        border-radius: 8px;
        min-height: 200px;
        width: 100%;
        float: right;
    }

    #tab {
        float: left;
        width: 100%;
    }

    #tab-tit {
        float: left;
        width: 90%;
        border-radius: 8px;
        background: #004276;
        height: 78px;
        padding: 0 5%
    }

    #tab .active {
        float: left;
        background-color: #f8f8f8;
        color: #000;
        border-top: 18px solid #004276;
    }

    #tab h4 {
        float: left;
        margin: 0px;
        padding: 0px;
        font-size: 16px;
        border-top: 18px solid #004276;
        float: left;
        width: 25%;
        height: 60px;
        line-height: 60px;
        text-align: center;
        color: #fff;
    }

    #tab dl {
        display: none;
        box-shadow: 0 5px 10px #ddd;
        float: left;
        background: #f5f5f5;
        padding: 0px 0px 0px 0px;
    }

    .conn-left h1 {
        width: 100%;
        line-height: 30px;
        float: left;
        font-size: 22px;
    }

    .conn-left .art-time {
        border-bottom: 1px solid #eee;
        width: 100%;
        float: left;
        margin: 0 0 20px 0;
        padding: 10px 0;
        color: #ccc
    }

    .conn-left .art-time a {
        font-size: px;
        color: #ccc
    }

    .conn-left .art span {
        float: left;
    }

    .conn-left .art span p {
        width: 100%;
        text-indent: 2em;
        float: left;
        color: #666;
        font-size: 16px;
        line-height: 30px;
    }

    .conn-left .art img {
        display: none
    }

    .box .title,
    .clear,
    .clearfix:after,
    .dateheader {
        clear: both
    }

    .art-list,
    .art-zt {
        float: left;
        width: 1200px;
        border-radius: 8px;
        padding: 20px 0px;
        box-shadow: 0 5px 10px #ddd;
        background: #f8f8f8;
    }

    .art-list li,
    .art-zt li {
        border-radius: 10px;
        box-shadow: 0 5px 10px #ddd;
        background: #f8f8f8;
        list-style: none;
        width: 43%;
        float: left;
        margin: 10px 0 0px 2%;
        height: 68px;
        line-height: 68px;
        overflow: hidden;
        padding: 0 2%;
    }

    .art-list li:hover,
    .art-zt li:hover {
        background: #fff;
    }

    .art-list li b {
        color: #004276
    }

    .art p b {
        font-weight: 500;
    }

    .art p b.time1 {
        line-height: 40px;
        height: 40px;
        font-size: 14px;
        box-shadow: 0 1px 10px #eee;
        margin: 0 0 10px 0;
        float: left;
        ;
        color: #004276;
        width: 20%;
        overflow: hidden;
    }

    .art p b.time2 {
        line-height: 40px;
        height: 40px;
        box-shadow: 0 1px 10px #eee;
        margin: 0 0 10px 0;
        font-size: 14px;
        text-indent: -2px;
        text-align: center;
        float: left;
        width: 25%;
        overflow: hidden;
    }

    .art p b.time3 {
        line-height: 40px;
        height: 40px;
        box-shadow: 0 1px 10px #eee;
        margin: 0 0 10px 0;
        font-size: 14px;
        float: left;
        width: 55%;
        overflow: hidden;
    }


    .art h2 {
        border-radius: 8px;
        float: left;
        width: 88%;
        text-indent: 0em;
        margin: 20px 0 20px 0;
        padding: 10px 6%;
        line-height: 38px;
        color: #004276;
        font-weight: 700;
        font-size: 16px;
        box-shadow: 0 1px 10px #ddd;
    }
}