a{color:#555;text-decoration:none;}
a:hover{color:#1677ff;}
p{margin:0 auto;}

.list_dh{overflow: hidden;padding-bottom: 2%;}
.list_dh h2{font-size: 2em;padding-bottom: 2%;margin: 3% 0 2% 0;background: url(/images/1.0/news/line.jpg) no-repeat bottom center;text-align: center;}
.list_dh ul{display: table;margin:0 auto;margin-top: 2%;text-align: center;}
.list_dh ul li {display: block;float: left;margin: 0 15px;}
.list_dh ul li a{padding: 8px 25px;border-radius: 15px;background:#ebebeb;font-size: 1em;}
.list_dh ul .last a{ float:right; margin-right:0}
.list_dh ul .on a{background: #1677ff;color:#fff;}
.list_dh ul li a:hover{background: #1677ff;color:#fff;}

.list_news li a{overflow: hidden;margin:0 auto;border-bottom: 1px solid #f3f3f3;display:block;position:relative;padding: 2% 3%;}
.list_news li .img{float:left;position:relative;overflow:hidden;}
.list_news li .img img{width:235px;transition-duration:500ms;}
.list_news li .news_text{width: 72%;float:right;}
.list_news li .news_text h2{font-size: 1.2em;color:#333;margin-top: 3%;font-weight: bold;}
.list_news li .news_text p{font-size: 1em;color:#666;line-height:30px;margin: 15px 0;}

.list_news li .news_text p span{ color:#1677ff;}
.list_news li a:hover{background: #fbfdff;}
.list_news li a:hover img{ transform:scale(1.18);}
.list_news li .date{width:63px;height:63px;text-align: center;background:#1677ff;border:1px solid #fff;border-radius:5px;position:absolute;left:245px;top: 80px;color:#fff;}
.list_news li .date .guishu {display: none;}
.list_news li .date span{display: block;font-size: 1.8em;line-height: 1.3em;}
.list_news li .date hr{border:1px solid #fff;width: 60%;margin: 1% auto;}
.list_news li .date p{font-size: 0.8em;margin: 0 auto;line-height: 1.5em;}

.fenye{display: block;text-align:center;}
.fenye ul{display: inline-block;margin: 2% auto;}
.fenye ul li{float:left;margin: 0 5px;padding: 0.3rem 1rem;display: block;line-height: 1.2em;border:1px solid #d8dadf;}
.fenye ul li:hover{text-decoration:none;color:#fff;border: 1px #1677ff solid;background-color: #1677ff;}
.fenye ul li:hover a{color:#fff}
.fenye ul li.thisclass{background-color: #1677ff;color:#fff;border: 1px #1677ff solid;}

@media screen and (max-width:768px){
    .container{width: 100%;}
    .list_dh ul{margin: 2% auto;}
    .list_dh ul li{margin: 0 0.5rem;}
    .list_dh h2{padding-bottom: 3%;margin: 6% auto;font-size: 1.8em;}
    .list_dh ul li a{padding: 0.5rem 1rem;}
    .list_news li a{padding: 4% 0;}
    .list_news li .news_text{width: 70%;float: left;}
    .list_news li .news_text p{display: none;/* display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden; */}
    .list_news li .img{width: 30%;float: right;margin: 2% auto;}
    .list_news li .img img{width: auto;height: auto;}
    .list_news li .news_text h2{font-size: 1em;font-weight: unset;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin: 0 auto;/* margin-top: 2%; */line-height: 1.5em;}
    .list_news li .date{position: static;width: 66%;background: no-repeat;border: none;height: auto;color:#e0e0e0;text-align: right;overflow: initial;display: inline-block;line-height: 1em;}
    .list_news li .date .guishu{display: block;float: left;color: #1677ff;width: 65%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: left;}
    .list_news li .date span{font-size: 0.8em;float: right;line-height: 1.4em;}
    .list_news li .date hr{border-bottom: 1px solid#e0e0e0;width: 1%;height: 0.4em;float: right;}
    .list_news li .date p{display: inline-block;line-height: 1em;}
    .fenye ul li{margin: 0.5% 5px;padding: 0 0.2rem;}
}