html,body{margin:0;padding:0;font-size:100px}.banner{width:100%;height:8rem;background-position:center 0;background-size:cover;background-repeat:no-repeat}.news-box{width:100%;color:#313131;padding-bottom:.16rem}.news-box .news-title-box{padding:1rem 1.89rem .68rem;font-size:.54rem;font-weight:bold;display:flex;justify-content:space-between;align-items:center}.news-box .news-title-box .news-type-more{display:flex;align-items:center}.news-box .news-title-box .news-type-more .news-type{font-size:.2rem;margin-left:.8rem;color:#909090;cursor:pointer}.news-box .news-title-box .news-type-more .news-type.active{color:#313131}.news-box .news-title-box .news-type-more .news-more{display:flex;align-items:center;justify-content:center;width:2.02rem;height:.56rem;border-radius:.76rem;border:.01rem solid #2D2D2D;font-size:.16rem;color:#2D2D2D;cursor:pointer;margin-left:.8rem}.news-box .news-title-box .news-type-more .news-more .btn-arrow{width:.24rem;height:.24rem;display:block;margin-left:.1rem}.news-box .news-item-box{padding:0 1.88rem 0 1.96rem;display:flex;flex-wrap:wrap}.news-box .news-item-box .news-item{width:4.99rem;height:6.18rem;margin-right:.1rem;margin-bottom:1rem;position:relative;cursor:pointer}.news-box .news-item-box .news-item:nth-child(3n){margin-right:0}.news-box .news-item-box .news-item .news-pic{width:100%;height:4.79rem;background-position:center center;background-size:cover;background-repeat:no-repeat;transition:.2s}.news-box .news-item-box .news-item .news-date{margin:.52rem 0 .06rem;font-size:.18rem;color:#909090;opacity:1;transition:.2s}.news-box .news-item-box .news-item .news-title{font-size:.24rem;color:#000000;font-weight:bold;opacity:1;transition:.2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-box .news-item-box .news-item .red-box{position:absolute;top:0;left:0;width:calc(100% - .44rem);height:calc(100% - .44rem);padding:.22rem;background:rgba(210,0,0,0.9);z-index:1;opacity:0;transition:.2s}.news-box .news-item-box .news-item .red-box .red-content{border:.01rem solid #FFFFFF;padding:.29rem .17rem 0;color:#FFFFFF;height:calc(100% - .29rem);width:calc(100% - .44rem)}.news-box .news-item-box .news-item .red-box .red-content h1{font-size:.36rem;font-weight:bold}.news-box .news-item-box .news-item .red-box .red-content h2{font-size:.24rem;font-weight:bold;margin-top:.31rem}.news-box .news-item-box .news-item .red-box .red-content h3{font-size:.24rem;font-weight:bold;margin-top:.46rem}.news-box .news-item-box .news-item .red-box .red-content h4{font-size:.22rem;font-weight:lighter}.news-box .news-item-box .news-item .red-box .red-content h5{font-size:.18rem;margin-top:.15rem;color:rgba(255,255,255,0.8);font-weight:normal}.news-box .news-item-box .news-item:hover .news-pic{height:6.18rem}.news-box .news-item-box .news-item:hover .news-date{opacity:0}.news-box .news-item-box .news-item:hover .news-title{opacity:0}.news-box .news-item-box .news-item:hover .red-box{opacity:1}.news-more{display:flex;align-items:center;justify-content:center;width:2.02rem;height:.56rem;border-radius:.76rem;background:linear-gradient(157deg, #FF0400 0%, #CE0000 100%);font-size:.16rem;font-weight:bold;color:#FFFFFF;margin:0 auto 1.16rem;cursor:pointer}.news-more .btn-arrow{width:.12rem;height:.12rem;display:block;margin-left:.16rem}@media screen and (max-width:1366px){html,body{margin:0;padding:0;font-size:71px}}@media screen and (max-width:768px){html,body{margin:0;padding:0;font-size:71px !important}.news-box .news-title-box{padding:.4rem .6rem .6rem}.news-box .news-item-box{padding:0 .6rem 0}.news-box .news-item-box .news-item{width:100%;height:auto}}