.m-case-list {
  font-size:0;
  margin:0 -6px
}
.m-case-list a {
  display:block
}
.m-case-list a:hover img {
  -webkit-transform:scale(1.03);
  -moz-transform:scale(1.03);
  -ms-transform:scale(1.03);
  -o-transform:scale(1.03);
  transform:scale(1.03)
}
.m-case-list a:hover .title {
  color:var(--colorPrimary);
}
.m-case-list img {
  display:block;
  width:100%;
  -webkit-transition:all ease .7s;
  -o-transition:all ease .7s;
  -moz-transition:all ease .7s;
  transition:all ease .7s
}
.m-case-list li {
  width:25%;
  padding-bottom:1.5%;
  display:inline-block;
  vertical-align:top;
  *display:inline;
  *zoom:1
}
.m-case-list .item {
  padding:0 21px;
  text-align:center
}
.m-case-list .thumb {
  margin-bottom:26px;
  overflow:hidden
}
.m-case-list .title {
  font-size:20px;
  line-height:34px;
  font-weight:bold;
  color:var(--colorBlack);
  transition: .3s;
}
.m-case-list .desc {
  font-size:14px;
  line-height:30px;
  color:var(--colorBlack);
}
.iclassic-case {
  padding:58px 0 46px;
  overflow:hidden
}
.iclassic-case .m-ichl-title {
  position:relative
}
.iclassic-case .m-ichl-title .m-line-more {
  position:absolute;
  right:0;
  bottom:13px
}
.iclassic-case .m-move-handle {
  display:block !important
}
.iclassic-case .slide-pages {
  display:none
}
.iclassic-case .slide-ctrl {
  display:none
}
.iclassic-case .m-line-more {
  margin:6px auto 0
}
.animated {
  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  -o-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  -moz-animation-fill-mode:both;
  -o-animation-fill-mode:both;
  animation-fill-mode:both
}
.iclassic-wrapper {
  width:102.125%
}
.icase-list {
  padding-top:43px;
  margin:0
}
.icase-list li {
  width:33.33333%;
  padding-bottom:32px
}
.icase-list .item {
  position:relative;
  padding:0 6.42202% 0 0;
  text-align:left
}
.icase-list .thumb {
  position:relative;
  overflow:hidden;
  margin-bottom:12px
}
.icase-list .thumb .after {
  display:block;
  width:100%;
  padding-bottom:62.7451%
}
.icase-list .thumb img {
  position:absolute;
  left:0;
  top:0;
  z-index:3
}
.icase-list .tag {
  position:absolute;
  right:6.42202%;
  bottom:0;
  font-size:0;
  padding-left:33px;
}
.icase-list .tag a {
  display:inline-block;
  vertical-align:top;
  *display:inline;
  *zoom:1;
  font-size:14px;
  line-height:34px;
  padding-left:5px;
  color:var(--colorBlack);
}
.icase-list .desc {
  display:none
}
.icase-list a {
  position:relative
}
.icase-list a .content {
  opacity: 0;
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:46px;
  z-index:3;
  width:100%;
  overflow:hidden;
  background:rgba(0, 0, 0, .7);
  transition: .7s;
}
.projects .item a:hover .content{
  opacity: 1;
}
.icase-list .content .msg {
  padding:52px 25px 25px
}
.icase-list .content .msg h4 {
  font-size:15px;
  line-height:24px;
  color:#fff;
  opacity:0.92
}
.icase-list .content .brand {
  padding:32px 0 0 25px;
  height:90px;
  line-height:90px;
  font-size:0
}
.icase-list .content .brand img {
  display:none;
  width:auto;
  max-height:100%;
  vertical-align:middle
}
.icase-list .content .desc {
  color:#fff;
  padding:0 25px 0;
  display:-webkit-box;
  height:72px;
  line-height:24px;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  overflow:hidden;
  -webkit-box-orient:vertical;
}
.icase-list .content .ico-line {
  display:block;
  width:100%;
  height:37px;
  background:url("../images/caseline.png") no-repeat 25px bottom;
}
@media (max-width:1199px){
  .icase-list li{
    width:100%;
  }
  .icase-list .item{
    padding: 0;
  }
  .iclassic-wrapper{
    width:100%;
  }
}