footer{border-top:1px solid #e5e5e5}.content{padding-top:195px}@media only all and (max-width: 1600px){.content{padding-top:150px}}@media only all and (max-width: 768px){.content{margin-top:60px;padding-top:50px}}.content .commit-tit{font-size:30px;line-height:1;color:#333333;position:relative;padding-bottom:20px;text-align:center;font-weight:bold;border-bottom:1px solid #e5e5e5}@media only all and (max-width: 1600px){.content .commit-tit{font-size:20px;padding-bottom:20px}}@media only all and (max-width: 1024px){.content .commit-tit{font-size:20px;padding-bottom:15px}}.content .commit-tit:before{position:absolute;content:"";width:30px;height:2px;background-color:#666666;left:50%;margin-left:-15px;bottom:0}.content .case{width:1400px;margin:0 auto;overflow:hidden}@media only all and (max-width: 1600px){.content .case{width:1000px}}@media only all and (max-width: 1280px){.content .case{width:1000px}}@media only all and (max-width: 1024px){.content .case{width:780px}}@media only all and (max-width: 768px){.content .case{padding-left:10px;padding-right:10px;width:100%}}.content .case .tab-tit{margin-top:60px;margin-bottom:60px;text-align:center}@media only all and (max-width: 1600px){.content .case .tab-tit{margin-top:40px;margin-bottom:40px}}@media only all and (max-width: 414px){.content .case .tab-tit{margin-top:30px;margin-bottom:30px}}.content .case .tab-tit .item{height:40px;line-height:40px;display:inline-block;padding-left:24px;padding-right:24px;border-radius:20px;color:#a1a1a1;font-weight:bold;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;margin-right:10px}.content .case .tab-tit .item:last-child{margin-right:0}.content .case .tab-tit .item:hover{background-color:#333;color:#fff}.content .case .tab-tit .item.active{background-color:#333;color:#fff}.content .case .case-one{position:relative;display:inline-block;margin-bottom:40px}@media only all and (max-width: 414px){.content .case .case-one{margin-bottom:20px}}.content .case .case-one .img{width:100%}.content .case .case-one .text{font-size:18px;line-height:1;color:#fff;font-weight:bold;position:absolute;left:20px;bottom:20px}@media only all and (max-width: 1600px){.content .case .case-one .text{font-size:16px;left:20px}}@media only all and (max-width: 414px){.content .case .case-one .text{font-size:13px;left:10px;bottom:20px}}.content .case .case-con{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-between;-webkit-justify-content:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.content .case .case-con .item{width:48.5%;margin-bottom:40px}@media only all and (max-width: 414px){.content .case .case-con .item{width:100%;margin-bottom:20px}}.content .case .case-con .item .img{position:relative;width:100%}.content .case .case-con .item .img:before{position:absolute;content:"";width:100%;height:100%;background-color:transparent;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}.content .case .case-con .item .img .img-con{width:100%}.content .case .case-con .item .img .more{position:absolute;width:54px;height:60px;top:60%;left:50%;margin-left:-27px;margin-top:-30px;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}@media only all and (max-width: 414px){.content .case .case-con .item .img .more{width:37.8px;height:42px;margin-left:-18.9px;margin-top:-21px}}.content .case .case-con .item .introduct{font-size:16px;line-height:30px;padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:10px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#f2f2f2}@media only all and (max-width: 1600px){.content .case .case-con .item .introduct{font-size:16px;padding-top:20px;padding-bottom:20px;padding-left:20px}}@media only all and (max-width: 414px){.content .case .case-con .item .introduct{font-size:13px;padding-top:10px;padding-bottom:10px;padding-left:10px}}.content .case .case-con .item:hover .img:before{background-color:rgba(0,0,0,0.4)}.content .case .case-con .item:hover .img .more{top:50%;opacity:1}.content .case .page{padding-top:20px;padding-bottom:125px;text-align:center;font-size:0}@media only all and (max-width: 414px){.content .case .page{padding-bottom:50px}}.content .case .page .more{display:inline-block;width:180px;line-height:45px;height:45px;border:1px solid #595959;color:#595959;font-size:13px;border-radius:22.5px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}@media only all and (max-width: 1024px){.content .case .page .more{width:130px;line-height:40px;height:40px;border-radius:20px}}.content .case .page .more:hover{color:#fff;background-color:#595959}.content .case .page .more:nth-child(2){margin-left:10px}
/*# sourceMappingURL=case.css.map */
