.container{width:100%}@media screen and (min-width: 768px){.center{padding:0 260px}.center .titBox{margin-top:100px;text-align:center}.center .titBox .tit{font-size:60px;font-weight:700}.center .titBox .tit2{margin-top:24px;color:#c4c4c4;position:relative}.center .titBox .tit2::after{content:'';position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);width:163px;height:4px;background-color:#0054d4}.center .list{padding-bottom:106px;margin-top:34px;display:flex;flex-wrap:wrap}.center .list .item{margin-top:90px;overflow:hidden;border:1px solid #e8e8e8;border-radius:14px;margin-left:2%;flex:0 1 31.7%;display:flex;flex-direction:column}.center .list .item:hover,.center .list .item.active,.center .list .item.active2{background-color:#1c4ab7}.center .list .item:hover .imgBox .img,.center .list .item.active .imgBox .img,.center .list .item.active2 .imgBox .img{transform:scale(1.3)}.center .list .item:hover .info,.center .list .item.active .info,.center .list .item.active2 .info{border-top:1px solid #fff}.center .list .item:hover .info .conTit,.center .list .item.active .info .conTit,.center .list .item.active2 .info .conTit{color:#fff}.center .list .item:hover .info .conTit::after,.center .list .item.active .info .conTit::after,.center .list .item.active2 .info .conTit::after{background-color:#fff}.center .list .item:hover .info .msg,.center .list .item.active .info .msg,.center .list .item.active2 .info .msg{color:#fff}.center .list .item:hover .info .addIcon,.center .list .item.active .info .addIcon,.center .list .item.active2 .info .addIcon{background-color:#1c4ab7;border:2px solid #fff}.center .list .item:nth-child(3n+1){margin-left:0}.center .list .item .imgBox{overflow:hidden;height:23.4vw}.center .list .item .imgBox .img{width:100%;height:100%;object-fit:cover;transition:all 0.5s ease-out}.center .list .item .info{flex:1;border-top:1px solid #e8e8e8;display:flex;flex-direction:column;box-sizing:border-box;padding:26px 12px 26px 30px}.center .list .item .info .conTit{display:block;align-self:flex-start;line-height:25px;color:#6a6a6a;position:relative}.center .list .item .info .conTit::after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-16px;width:32px;height:3px;background-color:#fec23d}.center .list .item .info .msg{display:block;flex:1;margin-top:32px;font-size:15px;line-height:30px;min-height:60px;color:#3c3c3c}.center .list .item .info .addIcon{display:block;transition:all 0.5s ease-out;align-self:flex-end;width:28px;height:28px;border-radius:50%;background-color:#4a4a4a;display:flex;align-items:center;justify-content:center;padding:4px;border:2px solid #4a4a4a;box-sizing:border-box}.center .list .item .info .addIcon .img{width:100%;height:100%;object-fit:contain}}@media screen and (max-width: 767px){.crumb{background-color:#f4f4f4}.center{font-family:Microsoft YaHei, 微软雅黑;padding:0 16px 50px}.center .titBox{padding:40px 0 24px;text-align:center}.center .titBox .tit{color:#212529;font-size:28px;font-weight:700}.center .titBox .tit2{margin-top:16px;color:#808080;font-size:14px}.center .list{display:flex;flex-wrap:wrap}.center .list .item{position:relative;flex:0 1 50%}.center .list .item:hover .info{background-color:transparent}.center .list .item:hover .imgBox .img{transform:scale(1.2)}.center .list .item .imgBox{width:100%;overflow:hidden}.center .list .item .imgBox .img{transition:all 0.3s ease-out;width:100%;height:100%;object-fit:cover}.center .list .item .info{transition:all 0.3s ease-out;position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);display:flex;align-items:flex-end;box-sizing:border-box;padding:20px}.center .list .item .info .conTit{font-size:15px;color:#ffffff}.center .list .item .info .msg{display:none}.center .list .item .info .addIcon{display:none}}