/* 案例 */
.md20685.md-case{overflow: hidden;width: 100%;padding: 1.2rem 0;}
.md20685.md-case img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md20685.md-case .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;}
.md20685.md-case .l-cont{width: 100%;}
.md20685.md-case .l-item{display: flex;justify-content: space-between;flex-wrap: wrap; width: 100%;padding-bottom: 1.2rem;margin-bottom: 1.2rem;border-bottom: 1px solid rgba(0,0,0,.1);}
.md20685.md-case .l-item:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.md20685.md-case .l-left{width: 6rem;display: flex;flex-wrap: wrap;align-content: space-between;}
.md20685.md-case .l-name{width: 100%;color: #333333;font-weight: bold;line-height: 1.2;}
.md20685.md-case .l-synopsis{width: 100%;padding-top: .15rem;color: #333333;}
.md20685.md-case .l-intro{width: 100%;padding-top: .4rem;color: #666666;font-style: italic;line-height: 1.5;}
.md20685.md-case .l-morebox{width: 100%;padding-top: .3rem;}
.md20685.md-case .l-more{transition: all  .3s; display: inline-block;cursor: pointer;padding: 0 .4rem;color: #666666;line-height: .6rem;border-radius: .3rem;border: solid 1px #999999;}
.md20685.md-case .l-more:hover{color: #fff;background-color: var(--theme);border: solid 1px var(--theme);}
.md20685.md-case .l-right{width: calc(100% - 6.8rem);}
.md20685.md-case .l-swiperbox{width: 10rem;padding: .4rem;background-color: #f8f8f8;overflow: hidden;}
.md20685.md-case .l-swiper{width: 6.3rem;max-width: 100%;margin: 0;overflow: visible;}
.md20685.md-case .l-one{display: block;width: 100%;}
.md20685.md-case .l-link{display: block;cursor: pointer;width:calc(100% - .4rem);}
.md20685.md-case .l-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(590/590*100%);}
.md20685.md-case .l-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md20685.md-case .l-buttom{width: 100%;display: flex;align-items: center;padding-top: .28rem;position: relative;}
.md20685.md-case .l-lt{position: relative;width:100%;height: .5rem;}
.md20685.md-case .l-swiper .l-prev{transition: all  .3s; left: 0;margin-top: -.25rem;width: .5rem;height: .5rem;border-radius: 50%;background-image: url('../images/a2.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;border: solid 1px #999999;}
.md20685.md-case .l-swiper .l-prev:hover{background-image: url('../images/a2-b.png');background-color: var(--theme);border: solid 1px var(--theme);}
.md20685.md-case .l-swiper .l-next{transition: all  .3s;transform: rotate(-180deg);left: .7rem;right: auto;margin-top:-.25rem;width: .5rem;height: .5rem;border-radius: 50%;background-image: url('../images/a2.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;border: solid 1px #999999;}
.md20685.md-case .l-swiper .l-next:hover{background-image: url('../images/a2-b.png');background-color: var(--theme);border: solid 1px var(--theme);}
.md20685.md-case .l-tip{position: absolute;top: 50%;left: 100%;transform: translate(0,-50%);display: flex;align-items: flex-end;padding-left: .15rem;}
.md20685.md-case .l-nub{font-style: italic;color: #000000;line-height: 1;font-weight: bold;}
.md20685.md-case .l-line{font-style: italic;color: #666666;line-height: 1;}
.md20685.md-case .l-line:after{content: '/';}
.md20685.md-case .l-sum{font-style: italic;color: #666666;line-height: 1;}

@media (max-width: 750px) {
  .md20685.md-case .l-left{width: 100%;margin-bottom: .3rem;}
  .md20685.md-case .l-right{width: 100%;}
  .md20685.md-case .l-swiperbox{width: 100%;padding: .3rem .15rem;}
  .md20685.md-case .l-swiper{width: 50%;}
  .md20685.md-case .l-link{width: calc(100% - .3rem);margin: 0 auto;}
  .md20685.md-case .l-lt{left: .15rem;}
}

.pages {
  text-align: center;
  width: 100%;
  font-size: 0;
  display: block;
  padding-top: 0.3rem;
}

.pages .page {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  color: #666;
  cursor: pointer;
  border: solid 1px #dddddd;
  background-color: #fff;
  margin: 0 0.05rem;
  transition: all ease 0.3s;
}

.pages .page.ltn {
  background-image: url("../images/b1.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.pages .page.rtn {
  background-image: url("../images/b2.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.pages .page.on {
  background-color: #002040;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: solid 1px #002040;
  color: #fff;
}

.pages .page.on.ltn, .pages .page.ltn:hover {
  background-image: url("../images/b3.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 1;
  border: solid 1px #002040;
  color: #fff;
}

.pages .page.on.rtn, .pages .page.rtn:hover {
  background-image: url("../images/b4.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 1;
}

.pages .page:hover {
  background-color: #002040;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: solid 1px #002040;
  color: #fff;
}

@media (max-width: 900px) {
  .pages .page {
    width: 0.7rem;
    height: 0.7rem;
    line-height: 0.7rem;
  }
}