.news{margin:0 auto 50px;width:calc(100% - 40px);max-width:1024px}.news>.title{margin:50px auto;text-align:center;font-size:30px;font-weight:500}.news .searchbox{display:flex;justify-content:end;margin:0 auto 35px;width:100%}.news .searchbox .selectbox{margin:0 10px 0 0;width:120px;height:32px}.news .searchbox select{padding:0 10px;border-radius:5px;box-sizing:border-box;width:100%;height:100%;font-size:14px;border:1px solid #ddd;outline:0}.news .searchbox .search_con{position:relative;width:230px;height:32px}.news .searchbox .search_con input{padding:0 30px 0 10px;width:100%;height:100%;border-radius:5px;box-sizing:border-box;font-size:14px;border:1px solid #ddd;outline:0}.news .searchbox .search_con input::placeholder{color:#ccc}.news .searchbox .search_con .imgbox{width:18px;height:18px;position:absolute;top:50%;right:8px;transform:translateY(-50%);cursor:pointer}.news .searchbox .search_con .imgbox img{width:100%}.news .news_list{display:flex;align-items:flex-start;flex-wrap:wrap;width:100%}.news .news_list .news_item{padding:10px;width:calc(100% / 3);box-sizing:border-box;border-radius:10px;cursor:pointer}.news .news_list .news_item:nth-child(1),.news .news_list .news_item:nth-child(2),.news .news_list .news_item:nth-child(3){margin:0 0 35px 0}.news .news_list .news_item:hover{background-color:#ff6120;color:#fff}.news .news_list .news_item:hover .date{color:#fff}.news .news_list .news_item .imgbox{width:100%;position:relative}.news .news_list .news_item .imgbox .overlay{display:none;width:100%;height:100%;position:absolute;text-align:center;line-height:180px;font-size:22px;font-weight:600;color:#fff;background-color:#000000a9;border-radius:10px}.news .news_list .news_item:hover .imgbox>.overlay{display:block}.news .news_list .news_item .imgbox img{width:100%;border-radius:10px}.news .news_list .news_item .title{margin:15px 0 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:20px;font-weight:500}.news .news_list .news_item .content{margin:0 0 10px 0;font-size:14px;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.news .news_list .news_item .date{font-size:12px;color:#b4b4b4}.news .empty_news,.news .none_search{display:none;padding:20px 0;width:100%;text-align:center;font-size:14px;font-weight:500;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.news .pagenation{margin:30px 0 0 0;text-align:center}.news .pagenation ul li{display:inline-block;margin:3px;width:20px;height:20px;line-height:20px;font-size:14px;cursor:pointer}.news .pagenation ul li.page{padding:3px}.news .pagenation ul .p_on{color:#fff;background:#ff6120;border-radius:50px}.news .pagenation ul li>img{margin-top:4px;width:8px}@media screen and (max-width:1024px){.news{max-width:calc(100% - 20px)}.news .news_list{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%}.news .news_list .news_item{padding:10px;margin:0 0 25px 0;width:50%}.news .news_list .news_item:nth-child(5),.news .news_list .news_item:nth-child(6){margin:0}.news .news_list .news_item .imgbox{width:100%}}@media screen and (max-width:768px){.news{margin:0 auto 30px;max-width:calc(100% - 20px)}.news>.title{margin:30px auto;font-size:22px;font-weight:500}.news .searchbox{margin:20px auto}.news .searchbox .selectbox{margin:0 10px 0 0;width:30%;height:32px}.news .searchbox .search_con{width:70%;height:32px}.news .news_list{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%}.news .news_list .news_item{padding:10px 5px;width:100%}.news .news_list .news_item:nth-child(1n){margin:0 0 15px 0}.news .news_list .news_item .title{font-size:18px}.news .news_list .news_item .imgbox{width:100%}}