.banner-z {
                position: relative
            ;}

            .banner-z .slick-dots button {
                font-size: 0 !important;}
.banner-z .slick-dots button *{display:none;}
            .banner-z .slick-dots li {
                transition: all 0.3s;
                margin: 0 0.1rem;
                padding: 0;
                position: relative;
                width: 0.38rem;
                height: 0.39rem;
                font-size: 0;
                list-style: none;}

            .banner-z .slick-dots .slick-active {
                transition: all 0.3s;
                margin: 0 0.1rem;
                padding: 0;
                position: relative;
                width: 0.38rem;
                height: 0.39rem;
                font-size: 0;
                list-style: none;}
.banner-z .slick-dots .slick-active button{

font-size: 0;
    width: 0.39rem;
    height: 0.38rem;
    background: url("https://www.mitani-group.com/images/dot_on.png") no-repeat;
    background-position: center center;
    background-size: 100% auto;
    border: none;}
            .banner-z .con {    overflow: hidden;
                position: relative;
                width: 100%;
                padding-top: 50%;}

            .banner-z .con video {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;}

            .banner-z .con img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;    transition: 2s;
    transform: scale(1.08);}
      .banner-z .slick-active img{transform: scale(1);}
            .banner-z .slick-dots {
                overflow: hidden;
                position: absolute;
                bottom: 10px;
                right: 0;
                font-weight: 400;}

            .banner-z .slick-dots li {
                display: inline-block;
                margin-right: 6px
            ;}

            .banner-z .slick-dots li:last-child span {
                display: none
            ;}

            .banner-z .slick-dots button {
                display: inline-block;
                vertical-align: middle;
                padding: 0;
                margin: 0;
                font-size: 0.2rem;
                font-weight: normal;
                font-stretch: normal;
                line-height: 0.38rem;
                letter-spacing: 0px;
                color: #ffffff;
                width: 0.12rem;
                height: 0.12rem;
                font-size: 0;
                border: 1px dotted #fff;
                border-radius: 50%;
                font-family: "sysong";}

           

            .banner-z .xie {
                margin-left: -10px;
                width: 27px;
                height: 1px;
                display: inline-block;
                background-color: #fff;
                opacity: 0;
                transition: .3s;
                -webkit-transition: .3s;
                -moz-transition: .3s;
                -ms-transition: .3s;
                -o-transition: .3s;
                transform: rotate(-60deg);
                -webkit-transform: rotate(-60deg);
                -moz-transform: rotate(-60deg);
                -ms-transform: rotate(-60deg);
                -o-transform: rotate(-60deg)
            ;}

            .banner-z .slick-active .xie {
                opacity: 1
            ;}

            .banner-z .line {
                margin-left: -7px;
                width: 19px;
                height: 1px;
                display: inline-block;
                transition: .3s;
                -webkit-transition: .3s;
                -moz-transition: .3s;
                -ms-transition: .3s;
                -o-transition: .3s;
                background-color: #fff;
                margin-bottom: 2px
            ;}

            .banner-z .slick-active .line {
                width: 58px
            ;}

            .banner-z .dot {
                display: inline-block;
                width: 5px;
                height: 5px;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                background-color: #fff;
                transition: .3s;
                -webkit-transition: .3s;
                -moz-transition: .3s;
                -ms-transition: .3s;
                -o-transition: .3s;
                opacity: 0
            ;}

            .banner-z .slick-active .dot {
                opacity: 1
            ;}