.cases-wrap{background-color: #f3f3f3;}
.case-top-text{max-width: 55%;align-items: flex-end;}
.case-top-text .ctext{margin-right: .5rem;}
.case-top-text .t2{text-indent: 4em;}
.case-classes-list{display: grid;grid-template-columns:  minmax(10px,29fr) minmax(10px,29fr) minmax(10px,42fr);gap: .2rem;margin-top: -2rem;}
.case-classes-list ul{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.case-classes-list ul li{position: relative;margin-top: .2rem;}
.case-classes-list ul li .name{
  position: absolute;
  bottom: .2rem;
  left: .12rem;
  color: white;
  display: flex;
  align-items: flex-end;
  line-height: 1;
}
.case-classes-list ul li .cover img{
  display: block;
  width: 100%;
}
.case-classes-list ul li span{margin-right: 5px;}
.about_honor_adv{position: relative;color:#fff;text-align: center;}
.about_honor_adv .tx{
  position: absolute;
  top: 20%;
  left: 0;
  width: 100%;
}
.about_honor-foot{
  background-image: linear-gradient(-45deg,#fffdf7,70%,#fff 90%);
}

.cases-index-wrap{position: relative;}
.cases-index-wrap:after{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 8rem;
  background-color: #f3f3f3;
  content: '';
  z-index: -1;
}
.cases-hot{display: flex;}
.cases-hot .cover{
  order: 2;
  width: 55%;
}
.cases-hot .tx{
  padding: .7rem .5rem .5rem .3rem;
  background: var(--color-blue) url(../images/icons/ico_vmore_big2.png) no-repeat right .5rem bottom .3rem / .32rem;
  color:white;
  line-height: 1.8;
}
.cases-index-list{
  --col-cases:3;
  display: grid;
  grid-template-columns: repeat(var(--col-cases),minmax(0,1fr));
  gap: .32rem;
}
.cases-index-list .item .cover{
  display: block;
  position: relative;
}
.cases-index-list .item .cover .name{
    width:100%;
  position: absolute;
  left: 0;
  bottom: 0;
  color: white;
  padding: .5rem .25rem .2rem;
  z-index: 6;
  background-image: linear-gradient(to bottom,transparent,  rgba(0,0,0,.55));
}
.cases-index-list .item .cover .shaw{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(200, 62, 26, .9) url(../images/index_more_bg.png) no-repeat right  bottom .2rem / .8rem auto;
  opacity: 0;
  transition: opacity .3s ease;
}
.cases-index-list .item:hover .cover .shaw{opacity: .8;}
.cases-details-tops{
  background: #f3f3f3;
}
.cases-details-tops .left{
  width: 30%;
}

.cases-details-content .thumbs{position: relative;padding: 0 .7rem;}
.cases-details-content .thumbs .plc_swiper{
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.cases-details-content .thumbs .plc_swiper_prev{left:0;}
.cases-details-content .thumbs .plc_swiper_next{right:0;}
.swiper-slide-thumb-active .cover::after{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(200, 62, 26, .52);
  content: '';
  z-index: 5;
}
.cases-details-content .thumbs .swiper-slide{cursor: pointer;}
.cases-hot-list .cases-index-list{display: block;}
.case-hot-swiper{position: relative;}
.case-hot-swiper .plc_swiper{
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.case-hot-swiper .plc_swiper_prev{right:101%;}
.case-hot-swiper .plc_swiper_next{left:101%;}
@media (max-width:950px) {
  .cases-hot .cover{width: 100%;}
  .cases-index-list{--col-cases:2;}
  .case-top-text{max-width: 100%;}
  .case-top-text .t2{text-indent: 0;}
  .case-hot-swiper .plc_swiper_prev{right: initial;left: 0;z-index: 5;}
  .case-hot-swiper .plc_swiper_next{left: initial;right: 0;z-index: 5;}
  .cases-details-tops .left{width: 100%;text-align: center;margin-bottom: 20px;}
  .cases-hot .cover{order:0;}
  .cases-hot .tx{padding:10px;}
  .cases-index-list .item .cover .name{font-size:14px;}
}