.ztzl-box{background: #fff; padding: 50px 40px;}
.ztzl-box-item{width: 357px;height: 322px;background: linear-gradient( 180deg, #5DB0AB 0%, #036EB8 100%);border-radius: 0 0 10px 10px;position: relative;}
.ztzl-box-item a{display: block; position: relative; width: 100%; height: 100%;overflow: hidden;}
.ztzl-box-item a img{transform: scale(1);transition: all .4s;}
.ztzl-box-item b{display: block;width: 100%;height: 142px;padding: 20px;font-weight: bold;font-size: 26px;color: #fff;line-height: 34px;position: absolute;bottom: 0;}
.ztzl-box-item:hover{box-shadow: 0 10px 20px 0 rgba(168, 182, 191, .6); transition: all .3s ease-out;}
.ztzl-box-item:hover a img{transform: scale(1.1);}

/* .ztzl-box-con .swiper-button-next{background: url(../image/ico_special_arr_r.png) left top no-repeat;}
.ztzl-box-con .swiper-button-prev{background: url(../image/ico_special_arr_l.png) left top no-repeat;} */
.ztzl-box-con .swiper-button-next,.ztzl-box-con .swiper-button-prev{ width: 64px; height: 64px; background-size: 100%;}
.ztzl-box-con .swiper-button-next:after,.ztzl-box-con .swiper-button-prev:after{display: none;}

.special-panel{margin-top: 30px;margin-left: -12px;margin-right: -12px;}

ul.special-item {display: flex; justify-content: start; flex-flow: row wrap;}
ul.special-item li{width: 357px; height: 100px; margin: 15px 12px;}
ul.special-item li a{display: flex;justify-content: center; align-items: center; font-size: 18px;color: #376B84; text-align: center; background-color: #f2f2f2; height: 100px; padding: 20px; border-radius: 10px;border: 1px solid #B0D0CE;}
ul.special-item li a:hover{background: linear-gradient( 180deg, #5DB0AB 0%, #268BBE 100%); color: #fff; transition: all .3s ease-out 0s;}

.special-panel .page{/*margin: 45px auto 0;*/ text-align: center;}

@media (max-width: 719px) {
  .ztzl-box{padding: 20px;}
  .ztzl-box-item{width:100%;}
  .ztzl-box-item a img{width: 100%;}
.special-panel{margin:20px auto;}
  ul.special-item {display: flex; justify-content: space-between; flex-flow: row wrap;}
  ul.special-item li,ul.special-item li a{height:auto; width: 100%;}
  ul.special-item li{margin:0 auto 15px;}
  .ztzl-box-con .swiper-button-next, .ztzl-box-con .swiper-button-prev{display:none;}
  .ztzl-box-item{height: 260px;}
  .ztzl-box-item b {font-size: 18px;height: 80px;padding: 0px 20px 20px 20px;}
  .page{
    padding: 10px 0px !important;
}
}