.main-w {
    width: 1200px;
    margin: 0 auto;
}
.navls {
    height: 40px;
    padding: 40px 0 10px;
    border-bottom: 1px solid #dddada;
}
.navls .wz {
    float: left;
    font-size: 16px;
    font-weight: bold;
    width: 440px;
    line-height: 40px;
}
.navls .wz::before {
    content:"";
    display: inline-block;
    background: url(/static/pc/images/news/wz.png) no-repeat center;
    width: 21px;
    height: 23px;
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.navls .wz a:hover {
    color: #39a4ec;
}

.navls .ss {
    float: left;
    width: 300px;
    height: 36px;
    border-radius: 5px;
    border-right: 1px dashed #dddada;
}
.navls .ss input[type="text"] {
    float: left;
    width: 220px;
    height: 34px;
    padding-left: 5px;
    border: 1px solid #dddada;
    border-radius:  5px 0 0 5px;
}
.navls .ss input[type="submit"] {
    cursor: pointer;
    background: url('/static/pc/images/news/ss.png') no-repeat center;
    width: 36px;
    height: 36px;
    outline: none;
    border: 0;
    background-color: #dddada;
}
.navls .ss input[type="submit"]:hover {
    background-color:#39a4ec;
}
.navls .maue {
    float: right;
}
.navls .maue a {
    display: inline-block;
    width: auto;
    padding: 0 12px;
    height: 34px;
    border: 1px solid #dddada;
    border-radius: 5px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
}
.navls .maue a:hover ,.navls .maue .active{
    background-color: #39a4ec;
    border: 1px solid #39a4ec;
    color: #fff;
}
.list {
    margin-top: 30px;
}
.list ul li {
    float: left;
    width: 380px;
    height: 455px;
    background-color: #f1f1f1;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 30px 30px ;
    border-top: 5px solid #fff;
}
.list ul li:nth-child(3n+1) {
    margin-left: 0;
}
.list ul li:hover {
    background-color: #fff;
    border-top: 5px solid #39a4ec;
    box-shadow: 1px 1px 5px 3px #f1f1f1;
}
.list ul li .img {
    width: 348px;
    height: 210px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    margin: 18px auto;
}
.list ul li .img img {
    width: 100%;
}
.list ul li .title {
    display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */
    -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-line-clamp: 2; /* 限制在一个块元素显示的文本的行数 */
    overflow: hidden; /* 隐藏溢出的内容 */
    font-size: 16px;
    line-height: 1.5;
    padding: 0 30px;
    /* height: 42px; */
}
.list ul li .des {
    display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */
    -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-line-clamp: 4; /* 限制在一个块元素显示的文本的行数 */
    overflow: hidden; /* 隐藏溢出的内容 */
    font-size: 14px;
    padding: 14px 30px;
    line-height: 1.5;
    height: 88px;
    
} 
.list ul li .des span {
    color: #fbbf4c;
}
.list ul li .time {
    width: 129px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #dddada;
    border-radius: 10px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    margin-left: 30px;
}
/*分页*/
.pager {text-align: center; margin: 20px 0;}
.pager ul {display: flex; flex-wrap: wrap; justify-content: center}
.pager ul li {display: inline-block;}
.pager ul li a {padding: 5px 15px; margin: 15px 5px; border: #dddddd solid 1px; display: inline-block;}
.pager ul li a:hover {border: #39a4ec solid 1px; color: #39a4ec}
.pager ul .active a {border: #39a4ec solid 1px; display: inline-block; background-color: #39a4ec; color: #fff;}
.pager ul a:not([href]):not([class]):hover {border: #dddddd solid 1px;}
.pager ul .active a:hover {color: #fff; border: #39a4ec solid 1px !important;}

.nocont h2 {
    color: red;
    text-align: center;
    line-height: 400px;
}
.nocont {
    height: 400px;
}