.project .project-box{display:flex;flex-wrap:wrap}.project .project-item{position:relative;width:100%;height:587px;transition:all .3s}.project .project-item .item-img{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:1;filter:grayscale(1);-webkit-filter:grayscale(1);transition:all .3s}.project .project-item .item-box{position:relative;width:100%;height:100%;z-index:2;background-color:rgba(255,255,255,0.8);transition:all .3s}.project .project-item .container{height:100%;padding:80px 50px 0;box-sizing:border-box}.project .project-item .container .item-date{font-size:66px;font-weight:300;color:#cbcbcb;line-height:66px}.project .project-item .container .item-type{margin-top:45px;font-size:20px;font-weight:400;color:#666;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .3s}.project .project-item .container .item-title{margin-top:20px;font-size:24px;font-weight:bold;color:#2b2b2b;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .3s}.project .project-item .container .item-info-box{display:flex;flex-wrap:wrap;padding-top:20px}.project .project-item .container .item-info-box .item-info{max-width:100%;margin-right:100px;font-size:14px;font-weight:400;color:#666;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .3s}.project .project-item .container .item-info-box .item-info:last-child{margin-right:0}.project .project-item .container .item-content{margin-top:35px;height:60px;font-size:14px;font-weight:400;color:#666;line-height:30px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:all .3s}.project .project-item .container .item-more{display:flex;align-items:center;justify-content:center;margin-top:40px;width:167px;height:43px;font-size:14px;font-weight:400;color:#434343;line-height:36px;border:1px solid #a1a1a1;transition:all .3s}.project .project-item .container .item-more .item-arrow{margin-left:10px;width:20px;height:6px;background-repeat:no-repeat;background-size:contain;background-image:url("/cn/images/project/arrow.png");transition:all .3s}.project .project-item:hover .item-img{filter:grayscale(0);-webkit-filter:grayscale(0)}.project .project-item:hover .item-box{background-color:rgba(9,26,50,0.6)}.project .project-item:hover .container .item-type{color:#fff}.project .project-item:hover .container .item-title{color:#fff}.project .project-item:hover .container .item-info-box .item-info{color:#fff}.project .project-item:hover .container .item-content{color:rgba(255,255,255,0.7)}.project .project-item:hover .container .item-more{color:#fff;border:1px solid #1a98d1;background:#1a98d1}.project .project-item:hover .container .item-more .item-arrow{background-image:url("/cn/images/project/arrow-white.png")}.project .more{display:flex;align-items:center;justify-content:center;margin:56px auto 177px;width:165px;height:54px;font-size:14px;font-weight:400;color:rgba(255,255,255,0.8);line-height:26px;text-transform:uppercase;background:#1a98d1;cursor:pointer}@media screen and (max-width:1440px){.project .project-item{height:400px}.project .project-item .container{display:flex;flex-direction:column;justify-content:center;padding:0 50px}.project .project-item .container .item-date{font-size:50px;line-height:50px}.project .project-item .container .item-type{margin-top:15px}.project .project-item .container .item-title{margin-top:20px}.project .project-item .container .item-info-box{padding-top:20px}.project .project-item .container .item-info-box .item-info{margin-right:50px}.project .project-item .container .item-content{margin-top:20px}.project .project-item .container .item-more{margin-top:20px}}