/*新闻动态*/
.ul_3{ width:100%; float: left; margin-top: 15px;}
.ul_3 li{ width:100%; float: left; padding: 20px; margin-top:20px; border:solid 1px #eee;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.ul_3 li .pic{ width:250px; height: 160px; float: left; overflow: hidden;}
.ul_3 li .pic img{ width:100%; float: left;height: 100%;}
.ul_3 li .text{ margin-left: 280px;  position: relative;padding-right: 220px;}
.ul_3 li .text .time{ position: absolute; right: 0; top: 26px;}
.ul_3 li .text .time h2{ width:100%; float: left; text-align: right; font-size: 16px; color: #666; line-height: 25px;font-family:Arial;}
.ul_3 li .text .time span{ display: block; float: right; margin-top: 26px; width: 89px; height: 44px;
}
.ul_3 li .text h4{ width:100%; float: left; margin-top: 27px; font-size: 18px; color: #333; line-height: 25px; height: 25px; overflow: hidden;}
.ul_3 li .text .p{ width:100%; float: left; margin-top: 14px; font-size: 16px; color: #999; line-height: 32px; height: 64px; overflow: hidden;}
.ul_3 li:hover{ box-shadow: 0 10px 50px rgba(0,0,0,0.1);}
.ul_3 li:hover .text h4{ color:#da2827;}
.ul_3 li:hover .text .time span{ background: url(../images/btn5.png) no-repeat center center white;background-size: 100%;-moz-border-radius:50%;
    -webkit-border-radius:50%;
    -khtml-border-radius:50%;
    border-radius:50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
@media  screen and (max-width:1024px){
    .ul_3 li .text{ padding-right: 106px;}
}
@media  screen and (max-width:767px){
    .ul_3{ margin-top: 0;}
    .ul_3 li{ padding: 10px;}
    .ul_3 li .pic{ width:160px; height: 120px;}
    .ul_3 li .text{ padding-right: 76px; margin-left: 174px;}
    .ul_3 li .text .time h2{ font-size: 20px; line-height: 22px;}
    .ul_3 li .text .time span{ margin-top: 16px; width: 30px; height: 30px; background-size: 11px 11px;}
    .ul_3 li .text h4{ margin-top: 20px; font-size: 14px; line-height: 22px; height: 22px;}
    .ul_3 li .text .p{ margin-top: 20px; font-size: 12px; line-height: 22px; height: 44px;}
}
@media  screen and (max-width:767px){
    .ul_3 li{ position: relative; margin-top: 10px;}
    .ul_3 li .pic{ width:100px; height: 74px;}
    .ul_3 li .text{ padding-right: 0px; margin-left: 114px; position: inherit;}
    .ul_3 li .text .time{ left: 10px; top: 10px; width:75px; height: 20px; background: url(../images/bg_3.png);}
    .ul_3 li .text .time span{ display: none;}
    .ul_3 li .text .time h2{text-align: center; color: white; background:#da2827; font-size: 12px;}
    .ul_3 li .text h4{ margin-top: 0px;}
    .ul_3 li .text .p{ margin-top: 10px;}
}
.divpage{width: 100%;
    text-align: center; margin:50px auto}
.mui-pager{display: flex;
    justify-content: space-around;
    align-items: center;
}
.mui-pager li{ border:1px solid #ddd; padding: 5px 12px;}