@charset "utf-8";.news-box{position:relative;margin:0 0 30px;display:block;border:1px solid #fff}.news-inner{position:relative}.news-inner:before{content:'';width:calc(100% - 20px);height:calc(100% + 24px);position:absolute;top:-12px;bottom:10px;left:10px;right:10px;border:1px solid #977444;opacity:0;-webkit-transition:all 0.8s ease;transition:all 0.8s ease;z-index:2}.news-thumb{position:relative;overflow:hidden}.news-thumb img{width:100%;height:auto;display:block;margin-left:30px;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out}.news-thumb:before{content:'';position:absolute;background-color:rgb(0 0 0 / .7);left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:1}.news-content{position:absolute;top:50%;bottom:0;left:0;right:0;padding:15px 10px;text-align:center;z-index:2;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.news-content h4{margin-bottom:10px}.post-date{position:absolute;top:15px;left:20px;font-weight:700;background-color:#977444;padding:5px 15px;color:#fff;text-align:center;z-index:2}.post-date span{padding-left:5px}.post-cate{position:absolute;top:15px;right:20px;text-align:center;z-index:2}.post-cate a{color:#fff;background-color:#977444;font-weight:700;padding:5px 15px;display:inline-block}.post-cate a:hover{color:#fff;background-color:#0f1d22}.post-meta{display:inline-block;align-items:center;padding:5px 0;margin-bottom:5px}.post-meta span{font-weight:400;font-size:16px;margin-right:20px;position:relative}.post-meta span:last-child{margin-right:0}.post-meta span i{color:#977444;margin-right:7px}.post-btn{position:relative;margin-top:30px}.news-box:hover .news-thumb img{margin-left:0}.news-box:hover .news-inner:before{opacity:1}.col-3 .post-cate a,.col-3 .post-date{font-size:13px}.col-3 .news-content h4{font-size:20px}.col-3 .post-meta span{font-size:14px}.col-3 .post-btn{margin-top:15px}.col-3 .post-btn a.buttonstyle2{font-size:14px;padding-top:12px;padding-bottom:12px}.col-3 .post-btn a.buttonstyle2:before{width:42px;height:42px}.col-3 .post-btn span:before{font-size:15px}.latestpost .item .news-box{margin-top:30px}