.casesNav{margin:60px 0 40px}.casesNav ul{display:flex;align-items:center;flex-wrap:wrap}.casesNav ul li{height:60px;padding:0 30px;margin-right:30px;transition:all .5s}.casesNav ul li:last-child{margin-right:0}.casesNav ul li a{display:block;line-height:60px;color:#333333CC;font-size:18px;font-family:'OpenSansSemiBold';transition:color .3s}.casesNav ul li.casesNavActive{background:var(--bgcolor);box-shadow:0 10px 15px -3px rgba(17,40,139,0.40),0 4px 6px -4px rgba(17,40,139,0.40)}.casesNav ul li.casesNavActive a{color:var(--white)}.casesMain ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.casesMain ul>li{width:calc(33% - 15px);margin-bottom:30px;transition:all .5s}.casesMain ul>li:last-child:nth-child(3n - 1){margin-right:calc(33% + 1.5% / 2)}.casesMain ul>li:last-child:nth-child(3n - 2){margin-right:calc(66% + 3% / 2)}.casesMain .img{position:relative}.casesMain .img::before{opacity:0;content:'';width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(17,40,139,0.3);transition:opacity .5s}.casesMain .txt{padding:30px 50px 30px 30px;background:var(--white);transition:all .5s}.casesMain .txt ol{display:flex;align-items:center}.casesMain .txt ol li{color:#707070}.casesMain .txt ol li:first-child{padding-right:15px;border-right:2px solid var(--fttcolor);margin-right:15px}.casesMain li span{display:inline-block;margin-left:5px}.casesMain h3{font-size:20px;line-height:28px;font-family:'OpenSansSemiBold';margin:18px 0 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .3s}.casesMain .txt p{color:#454545;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:25px}.casesMain .txt>span{display:flex;align-items:center;color:var(--fttcolor);transition:color .3s}.casesMain .txt>span i{display:inline-block;margin-left:12px;font-size:18px}@media(any-hover:hover){.casesNav ul li:hover{background:var(--bgcolor);box-shadow:0 10px 15px -3px rgba(17,40,139,0.40),0 4px 6px -4px rgba(17,40,139,0.40)}.casesNav ul li:hover a{color:var(--white)}.casesMain ul>li:hover .img::before{opacity:1}.casesMain ul>li:hover{box-shadow:0 0 24px 0 rgba(17,40,139,0.16)}.casesMain ul>li:hover .txt{background:var(--gray)}.casesMain ul>li:hover h3,.casesMain ul>li:hover .txt>span{color:var(--bgcolor)}}@media(max-width:1440px){.casesNav ul li{height:50px;padding:0 20px}.casesMain .txt ol li{font-size:14px}.casesMain .txt ol li:first-child{padding-right:10px;border-width:1px;margin-right:10px}.casesNav ul li a{line-height:50px;font-size:16px}}@media(max-width:1280px){.casesNav ul li{height:50px;padding:0 15px;margin-right:20px}.casesMain ul>li{width:calc(50% - 10px)}}@media(max-width:1024px){.casesNav ul li{margin-bottom:20px}.casesMain .txt{padding:30px}}@media(max-width:750px){body{background:var(--gray)}.casesNav ul li{border-radius:5px;height:40px;padding:0 10px;margin-right:10px;margin-bottom:10px;background:var(--white)}.casesNav ul li a{line-height:40px!important;font-size:14px}.casesNav ul li:last-child,.casesMain ul>li:last-child{margin-bottom:0}.casesNav ul li.casesNavActive{box-shadow:0 2px 24px -3px rgba(17,40,139,0.30)}.casesMain ul>li{width:100%;margin-bottom:25px;box-shadow:0 2px 8px 0 rgba(17,40,139,0.10);border-radius:5px;margin-right:0!important}.casesMain .img img{border-radius:5px 5px 0 0}.casesMain .txt{padding:15px;border-radius:0 0 5px 5px}.casesMain .txt li,.casesMain li span{line-height:1!important}.casesMain h3{font-size:18px;margin:15px 0 8px}.casesMain .txt p{font-size:14px;margin-bottom:20px}.casesMain .txt>span{font-size:14px;margin-left:0}.casesMain .txt>span i{margin-left:8px;font-size:16px}}