.news-wrapper{align-items:center;background-color:#fff;display:flex;height:200px;justify-content:space-between;margin:80px auto 0;max-width:1440px}.news-wrapper .news-title{color:#333;font-size:40px;font-style:Medium;font-weight:500;line-height:50px}.news-wrapper .menu{background:none;display:flex;margin:0}.news-wrapper .menu li{margin:0;padding-left:60px;position:relative}.news-wrapper .menu li .router-link{color:#333;font-size:24px;font-style:Medium;font-weight:500;line-height:70px;position:relative;text-align:right;transition:all .3s}.news-wrapper .menu li .router-link:after{background:currentColor;border-radius:4px;bottom:-8px;content:"";height:2px;left:10px;position:absolute;transition:width .3s ease;width:0}.news-wrapper .menu li .router-link.router-link-active:after,.news-wrapper .menu li .router-link:hover:after{width:calc(100% - 20px)}.news-wrapper .menu li .router-link-active{color:var(--main-active)}@media (max-width:1460px){.news-wrapper{padding:0 20px}.news-wrapper .news-title{font-size:36px}.news-wrapper .menu li{padding-left:40px}}@media (max-width:883px){.news-wrapper{display:none;height:auto;padding:20px 10px}.news-wrapper,.news-wrapper .menu{flex-direction:column}.news-wrapper .menu li{padding:0;text-align:center}}.mobile-title{display:none}@media (max-width:833px){.mobile-title{align-items:center;background:#000;display:flex;font-size:var(--size-24);height:100px;justify-content:center;margin-top:70px;position:relative}.mobile-title svg{left:20px;position:absolute;top:0}}.list-item-box{background:#fff;padding:80px 0 0}.list-item-box .news-container{display:flex;flex-direction:column;margin:auto;max-width:1440px;min-height:50vh}.list-item-box .news-container .news-list{align-items:center;display:flex;justify-content:center;margin-bottom:30px;width:100%}.list-item-box .news-container .news-list .left{align-items:center;border-bottom:1px solid #dfdfdf;display:flex;flex:1;height:180px;justify-content:center;margin-right:20px;position:relative}.list-item-box .news-container .news-list .left .time{align-items:center;color:#999;display:flex;line-height:1em;width:260px}.list-item-box .news-container .news-list .left .time h2{color:#333;font-size:50px;font-style:normal;font-weight:700;line-height:normal;line-height:1em;margin-right:20px;text-transform:uppercase}.list-item-box .news-container .news-list .left .time span{color:#333;font-family:Gotham;font-size:50px;font-style:normal;font-weight:350;line-height:normal;line-height:1em;text-transform:uppercase}.list-item-box .news-container .news-list .left .time .year{align-items:baseline;color:#666;display:flex;font-family:Gotham;font-size:28px;font-style:normal;font-weight:325;line-height:normal;line-height:1em;margin-left:20px;margin-top:10px;text-transform:uppercase}.list-item-box .news-container .news-list .left .news-item{align-items:left;color:#fff;display:flex;flex:1;flex-direction:column;justify-content:center;position:relative}.list-item-box .news-container .news-list .left .news-item h3{color:#333;font-size:var(--size-20);font-style:normal;font-weight:500;line-height:1.2em;margin-bottom:10px}.list-item-box .news-container .news-list .left .news-item p{color:#666;font-size:var(--size-18);font-style:normal;font-weight:400;line-height:1.5em;-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;overflow:hidden}.list-item-box .news-container .news-list .left .news-item .mobile-image{display:none}.list-item-box .news-container .news-list img{flex:0;height:180px;max-width:300px;-o-object-fit:cover;object-fit:cover;width:100%}.list-item-box .news-container .news-list:hover{background-color:#fff6}.list-item-box .news-container .news-list:hover h3{color:#000}.list-item-box .news-container .news-list:hover p{color:#333}@media (max-width:1460px){.list-item-box{background:#fff;padding:30px 20px 0}.list-item-box .news-container .news-list .left{height:150px;margin-right:10px}.list-item-box .news-container .news-list .left .time{width:220px}.list-item-box .news-container .news-list .left .time h2{font-size:46px;margin-right:10px}.list-item-box .news-container .news-list .left .time span{font-size:46px}.list-item-box .news-container .news-list .left .time .year{font-size:26px}.list-item-box .news-container .news-list .left .news-item{align-items:left;color:#fff;display:flex;flex:1;flex-direction:column;justify-content:center;position:relative}.list-item-box .news-container .news-list .left .news-item h3{font-size:18px}.list-item-box .news-container .news-list .left .news-item p{font-size:16px}.list-item-box .news-container .news-list img{height:150px}}@media (max-width:883px){.list-item-box{background:#000;padding:30px 0 0}.list-item-box .news-container{padding:0 20px}.list-item-box .news-container .news-list{align-items:center;display:flex;justify-content:center;margin-bottom:20px;width:100%}.list-item-box .news-container .news-list .left{border-bottom:1px solid #333;height:auto;margin-right:0;padding-bottom:15px;position:relative}.list-item-box .news-container .news-list .left .time{display:none}.list-item-box .news-container .news-list .left .news-item{flex:1}.list-item-box .news-container .news-list .left .news-item h3{color:#fff;font-size:var(--size-14);line-height:1.5em}.list-item-box .news-container .news-list .left .news-item .news-info{display:flex}.list-item-box .news-container .news-list .left .news-item .news-info p{color:var(--light-color);display:flex;flex-direction:column;font-size:var(--size-12);justify-content:space-between}.list-item-box .news-container .news-list .left .news-item .news-info p span{display:-webkit-box;line-height:20px;max-height:60px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.list-item-box .news-container .news-list .left .news-item .news-info p .tiem{color:#999}.list-item-box .news-container .news-list .left .news-item .news-info .mobile-image{border-radius:6px;display:block;height:auto;margin-left:20px;-o-object-fit:contain;object-fit:contain;width:33%}.list-item-box .news-container .news-list img{display:none}.list-item-box .news-container .news-list:hover{background-color:#000}.list-item-box .news-container .news-list:hover h3{color:#fff}.list-item-box .news-container .news-list:hover p{color:var(--light-color)}}
