﻿/*sentel • 行业应用*/
.case .title{ margin:95px 0 60px 0;}
.casecon{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.casecon li{ width:18.25%; height:600px; overflow:hidden; transition:all .3s ease; text-align:center; position:relative;}
.casecon li.on{ width:27%;}
.casecon li a{ display:block; width:100%; height:100%; background:rgba(30,30,36,.85); transition:all .3s ease;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.casecon li.on a{ background:none;}
.caseicon{ display:inline-block; width:68px; height:52px; background:url(/images/yingyong.png) no-repeat left top; margin-bottom:60px;}
.casecon li:nth-child(2) .caseicon{ background-position-x:-102px;}
.casecon li:nth-child(3) .caseicon{ background-position-x:-184px;}
.casecon li:nth-child(4) .caseicon{ background-position-x:-258px;}
.casecon li:nth-child(5) .caseicon{ background-position-x:-332px;}
.case_t{ font-size:25px; color:#fff;}
.case_t:after{ content:''; display:block; margin:50px auto 0 auto; background:#fff; width:48px; height:2px; background:#aaabab; transform:all .3s ease;}
.casewa{ position:relative; transform:all .3s ease;}
.casecon li.on .casewa{ position:absolute; bottom:0; width:100%; left:0; height:175px; background:rgba(255,255,255,.75);display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.casecon li.on .case_t{ font-size:30px; color:#0e0e0e;}
.casecon li.on .case_t:after{ width:0; margin-top:0;}
.casecon li.on .caseicon{ transform:scale(.8); margin-bottom:10px; background-position-y:-88px;}

