/*新闻活动*/
#page-list{font-size:0px}
#page-list li{ display: inline-block;vertical-align: middle;padding: 0 15px;height: 28px;line-height: 28px;margin: 0 -1px 5px 0;background-color: #fff;color: #333;font-size: 16px;    border: 1px solid #e2e2e2;position: relative;}
#page-list .thisclass a{ left: -1px;top: -1px;padding: 1px;width:100%;height:100%;background-color: #047cb9;position: absolute;box-sizing: content-box;color: #fff;}
.pu-flex .list_left{position: relative;}
.pu-flex .list_left .date_middle{position: absolute; top:50%;margin-top: -30px ;left: 0;}
.mgt80{margin-top:80px;}
.colorful_nav{text-align:right;}
.colorful_nav>a>span{width:157px;height:39px;line-height:39px;text-align:center;border:1px solid #d2d2d2;cursor:pointer;display:inline-block;color:#4b4b4b;font-size:16px;}
.colorful_on{background-color:#eee;}
.colorful_list>div{border-top:1px solid #eaeaea;padding:50px 0;cursor:pointer;}
.list_left{width:7.91%;border:1px solid #d2d2d2;text-align:center;}
.list_left p{font-size:12px;}
.list_left b{font-size:44px;}
.floater {float: left;height: 50%;width: 100%;margin-bottom: -30px;}
.date_middle{clear:both;height:60px;}
.list_middle{width:15.41%;border:1px solid #d2d2d2;margin:0 3.1% 0 1%;max-height:149px;}
.list_middle img{width:100%;height:100%;}
.list_right{width:72.5%;}
.list_right h5{font-size:20px;font-weight:800;}
.list_right p{font-size:12px;color:#9e9e9e;margin:15px 0;}
.list_right a{background-color:#a3a3a3;color:#ccc;width:131px;height:33px;line-height:33px;display:inline-block;text-align:center;margin-top:20px;}
.colorful_over{background-color:#fdfffe;}
.colorful_over .list_left *{color:#047cb9;}
.colorful_over .list_right a{background-color:#047cb9;color:#fff;}

/*平板*/
@media only screen and (min-width:768px) and (max-width:1024px ) {
    .mgt80{margin-top:60px;}
    .colorful_list>div{padding:35px 0;}
    .list_right p{font-size:14px;margin:7px 0;}
    .list_right a{margin-top:10px;font-size:16px;}

}

/*手机*/
@media only screen and (min-width: 320px) and (max-width:760px ) {
    .mgt80{margin-top:20px;}
    .colorful_nav>a>span{width:99px;height:30px;line-height:30px;}
    .colorful_list>div{padding:20px 0;flex-wrap:wrap;}
    .list_left{flex: 1 0 100%;}
    .pu-flex .list_left .date_middle{position:inherit;top:0;margin-top:0;}
    .list_middle{flex: 1 0 100%;margin:0;text-align:center;overflow:hidden;}
    .list_middle img{height:150px;width:auto;}
    .list_right{flex: 1 0 100%;margin-top:10px;text-align:center;}
    .list_right p{margin:7px 0;}
    .list_right a{margin-top:10px;}
    #test1 .layui-laypage a{padding:0 8px!important;}
    #page-list li{padding:0 12px;}
}