.news-inner{padding:0 50px}.news-category{display:-ms-flexbox;display:flex;justify-content:center}.news-btn{margin:0 15px}.news-btn.active .btn-text{color:#FFF}.news-item{margin-top:9%;width:85%}.news-item:nth-child(even){margin-left:auto}.news-item a{display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center}.news-item a:hover .news-image:after{width:calc(100% - 70px);height:calc(100% - 30px);border:1px solid #ccc}.news-item a:hover .news-img img{filter:saturate(1)}.news-item a:hover .news-link:before{animation:newsLink 1.4s infinite}.news-image{width:calc(50% - 40px);position:relative}.news-image:after{content:"";width:100%;height:calc(100% + 40px);border:1px solid #4e4d4a;position:absolute;top:50%;left:50%;pointer-events:none;transform:translate(-50%, -50%);transition:width .8s,height .8s,border .8s}.news-img{margin:0 20px;position:relative}.news-img.show:before{width:0;transition-delay:.9s}.news-img.show:after{width:0}.news-img:before{content:"";width:100%;height:100%;background:#181818;position:absolute;top:0;right:0;z-index:1;transition:width .8s}.news-img:after{content:"";width:100%;height:100%;background:#000;position:absolute;top:0;right:0;z-index:2;transition:width .8s}.news-img img{width:100%;filter:saturate(.5);transition:filter .8s}.news-content{width:47%}.news-date{font-size:.75rem;font-family:"Philosopher",serif;color:#999}.news-name{color:#FFF}.news-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:30px;font-size:.875rem;color:#999}.news-link{font-size:.75rem;margin-top:30px;position:relative;padding-left:52px}.news-link:before{content:"";width:40px;height:1px;background:#4e4d4a;position:absolute;bottom:9px;left:0}@keyframes newsLink{0%{width:0px;left:0}50%{width:40px;left:0}100%{width:0px;left:40px}}.video-list{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1600px;margin:4% auto 0}.video-item{width:48%;margin-top:60px}.video-item a:hover .video-img:after{width:100%;height:100%}.video-item a:hover .video-img img{filter:saturate(1);clip-path:polygon(15px 15px, calc(100% - 15px) 15px, calc(100% - 15px) calc(100% - 15px), 15px calc(100% - 15px))}.video-image{position:relative}.video-image.show:before{height:0;transition-delay:.9s}.video-image.show:after{height:0}.video-image:before{content:"";width:100%;height:100%;background:#181818;position:absolute;bottom:0;right:0;z-index:1;transition:height .8s}.video-image:after{content:"";width:100%;height:100%;background:#000;position:absolute;bottom:0;right:0;z-index:2;transition:height .8s}.video-img{position:relative}.video-img:after{content:"";width:calc(100% - 30px);height:calc(100% - 30px);border:1px solid #a7a3a0;position:absolute;top:50%;left:50%;pointer-events:none;transform:translate(-50%, -50%);transition:width .8s,height .8s}.video-img img{width:100%;filter:saturate(.5);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transition:filter .8s,clip-path 1s}.video-content{margin-top:10px}.video-date{font-size:.75rem;font-family:"Philosopher",serif;color:#999}.video-name{color:#FFF}@media screen and (max-width: 1100px){.news-item{width:auto;max-width:700px;margin:100px auto 0}.news-item a{display:block}.news-image{width:auto}.news-content{width:auto;padding-top:50px}.news-text{margin-top:20px}.news-link{margin-top:20px}.video-list{display:block;max-width:700px;margin:0 auto}.video-item{width:auto;margin-top:80px}}@media screen and (max-width: 640px){.news-inner{padding:0 25px}.news-category{padding-bottom:20px}.news-item{margin-top:60px}.news-item a:hover .news-image:after{width:calc(100% - 40px);height:calc(100% - 20px)}.news-image:after{height:calc(100% + 20px)}.news-img{margin:0 10px}.news-content{padding-top:40px}.news-name{font-size:.875rem}.video-item{margin-top:60px}.video-item a:hover .video-img img{clip-path:polygon(10px 10px, calc(100% - 10px) 10px, calc(100% - 10px) calc(100% - 10px), 10px calc(100% - 10px))}.video-img:after{width:calc(100% - 20px);height:calc(100% - 20px)}.video-name{font-size:.875rem}}
