.case-head{ padding:0 10px }
.nav{ margin-top:40px; border-bottom:1px solid #d8d8d8 }
.nav li{ text-transform:uppercase; position:relative; padding:25px 35px }
.nav li .nav-link{ width:100%; height:65px; border-radius:5px; box-sizing:border-box; line-height:50px; font-weight:bold; color:#f27823; font-size:16px; cursor:pointer }
.nav li .active-box{ background-color:#f27823; color:#fff }
.nav li:not(:first-child):before{ content:" "; height:20px; margin:0 5px; color:#e9e9e9; border-left:1px solid; position:absolute; top:50%; left:0px; bottom:10px }
.row{ margin:0 }
.case-content{ padding:50px 20px }
.case-content .case-item{ margin-bottom:40px }
.case-content .case-item .img-box{ height:162px; display:block; overflow:hidden }
.case-content .case-item .img-box img{ max-width:100%; height:100%; vertical-align:middle }
.case-content .case-item .text-title{ display:block; height:70px; border-bottom:5px solid #f4822c; margin-top:30px; text-align:start; color:#555; font-size:16px; overflow:hidden; font-weight:bold }
.case-content .case-item a:hover{ color:#f27823 }
.case-item:hover .img-box img{ animation:scaleIn .2s linear forwards }
.case-item:not(:hover) .img-box img{ animation:scaleOut .2s linear forwards }
@keyframes scaleIn{ 0%{transform:scale(1) }
100%{ transform:scale(1.1) }
}
@keyframes scaleOut{ 0%{transform:scale(1.1) }
100%{ transform:scale(1) }
}
@media(max-width:768px){ .case-content .case-item .img-box{height:300px }
}