@media screen and (min-width: 1440px){.banner{width:100%;height:640px}.banner .content{height:640px}}@media screen and (max-width: 1440px){html,body{width:1440px;overflow-x:hidden}.banner{width:100%;height:480px}.banner .content{height:480px}}.banner{position:relative;background:url(../imgs/banner-news.jpg) center no-repeat;background-size:cover}.banner .mask{position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 51%, rgba(0,0,0,0.8) 100%);opacity:0.48}.banner .content{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff;z-index:2}.banner h2{font-size:60px;font-weight:bold;line-height:98px}.banner h4{margin-top:20px;font-size:28px}.list{padding:80px 0}.list .news{display:flex;padding:24px;box-sizing:border-box;transition:all .5s}.list .news .img-wrap,.list .news .img{width:344px;height:240px}.list .news .img-wrap{flex-shrink:0;overflow:hidden}.list .news .img{transition:all .5s}.list .news .content{flex:1;position:relative;padding:20px;box-sizing:border-box}.list .news .content .title{font-size:20px;font-weight:500;color:#3D3D3D}.list .news .content .date{margin:20px 0;font-size:16px;color:#666666}.list .news .content p{font-size:18px;line-height:28px;color:#666666}.list .news .content .read{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;font-size:16px;color:#0072EF;transition:all .5s;opacity:0}.list .news .content .read .arrow{margin-left:5px;width:32px;height:32px}.list .news:hover{box-shadow:0 12px 30px rgba(0,0,0,0.15)}.list .news:hover .img{transform:scale(105%)}.list .news:hover .read{opacity:1}