.ztzl-list { margin: 0 -.25rem; padding: .4rem 0 0; font-size: 0;}
.ztzl-list li { display: inline-block; width: 25%; vertical-align: top; padding: 0 .25rem; margin: 0 0 .4rem;}
.ztzl-list .swiper-slide { display: block; position: relative; height: 6rem; padding: .35rem .35rem 1rem; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover;}
.ztzl-list .title { writing-mode: vertical-lr; writing-mode: tb-lr; font-size: .3rem; line-height: .5rem; color: #fff; letter-spacing: 2px; text-shadow: 0 3px 3px rgba(130, 26, 22, .5);}
.ztzl-list .more2 { position: absolute; top: auto; right: 0.3rem; bottom: 0; left: auto; z-index: 1; writing-mode: vertical-lr; writing-mode: tb-lr; display: -ms-flexbox; display: flex; align-items: center; font-size: 0.18rem; font-weight: 500; line-height: 0.3rem; color: #fff; text-align: left;}
.ztzl-list .more2::after { display: block; content: ""; box-sizing: border-box; width: 1px; height: .65rem; margin: .09rem auto 0; background: #fff;}

.ztzl-list .swiper-slide { -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s;}
.ztzl-list .swiper-slide .more2::after { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.ztzl-list .swiper-slide:hover { box-shadow: 0 0.06rem 0.1rem 0 rgba(102, 0, 0, 0.4); -webkit-transform: translateY(-0.15rem); -moz-transform: translateY(-0.15rem); -ms-transform: translateY(-0.15rem); -o-transform: translateY(-0.15rem); transform: translateY(-0.15rem);}
.ztzl-list .swiper-slide:hover .more2::after { height: 1rem;}

@media screen and (max-width: 1024px) {
.ztzl-list { margin: 0 -.1rem; padding: 0;}
.ztzl-list li { padding: 0 .1rem; margin: 0 0 .2rem;}
.ztzl-list .swiper-slide { height: 5rem; padding: .2rem .2rem .4rem ;}
.ztzl-list .title { font-size: .26rem; line-height: .4rem;}
}
@media screen and (max-width: 768px) {
.ztzl-list li { width: 33.33%;}
}
@media screen and (max-width: 520px) {
.ztzl-list li { width: 50%;}
.ztzl-list .swiper-slide { height: 4.2rem; padding: .15rem .15rem .2rem ;}
.ztzl-list .title { font-size: .22rem; line-height: .34rem;}
}