.d_banners{position:relative;width:100%;height:100vh;max-height:550px;overflow:hidden}
.d_banners .img{position:relative;width:100%;height:100%;overflow:hidden}
.d_banners .img li{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.d_banners .img li:first-child{display:block}
.d_banners .img li.on{display:block;}
.d_banners .img li .bg{position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1.0) rotate(0.02deg);transition:all 5s;}
.d_banners .img li .slogan{position:absolute;left:0;top:50%;transform: translateY(-50%);width:100%;text-align:left; z-index: 90; transition:0.5s 0.5s}
.d_banners .img li .slogan .inner {padding-left: 100px; padding-right: 0px; box-sizing: border-box; position: relative;}


.d_banners .img li .slogan .text1{display:block;position:relative;color:#25282B;top:-50px;opacity:0;font-size: 30px;}
.d_banners .img li .slogan .text2{display:block;position:relative;color:#25282B;top:-50px;opacity:0;font-size: 60px;}
.d_banners .img li .slogan .text3{display:block;position:relative;color:#25282B;top:-20px;opacity:0;font-size: 24px;}
.d_banners .img li .slogan .text4{display:block;position:relative;color:#25282B;top:10px;opacity:0;font-size: 18px;}
.d_banners .img li .slogan .text5{display:block;position:relative;color:#25282B;top:60px;opacity:0;font-size: 18px;}
.d_banners .img li .slogan .text6{display:block;opacity:0;right:100px; position: absolute; transform:translateY(-50%); top:50%;}

.d_banners .img li .slogan .text5 button {height:70px; border-radius: 70px; padding-left: 80px; padding-right: 80px;}
.d_banners .img li .slogan .text5 button span {color:#fff !important; font-size: 22px;}

.d_banners .img li.motion .bg{transform:scale(1)}


.d_banners .img li.motion .slogan .text1{top:-70px;opacity:1; transition:0.5s 0.5s}
.d_banners .img li.motion .slogan .text2{top:-70px;opacity:1; transition:0.5s 0.6s}
.d_banners .img li.motion .slogan .text3{top:-40px;opacity:0.5; transition:0.5s 1.0s}
.d_banners .img li.motion .slogan .text4{top:-10px;opacity:1; transition:0.5s 1.5s}
.d_banners .img li.motion .slogan .text5{top:40px;opacity:1; transition:0.5s 2.0s}
.d_banners .img li.motion .slogan .text6{right:100px; opacity:1; transition:0.5s 0.6s}

.d_banners .btn{position:absolute;width:100%;bottom:0px;text-align:center;z-index:93;}
.d_banners .btn li{display:inline-block;width:10px;height:10px;margin:0 4px;cursor:pointer;border-radius:10px; background-color: #ddd; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);}
.d_banners .btn li.on{background:#AA20FF; width: 20px; border-radius: 10px;}
.d_banners .prev,
.d_banners .next{position:absolute;top:50%;transform:translateY(-50%);width:auto;height:auto;opacity:0.5;cursor:pointer; z-index: 92}
.d_banners .prev{left:-13px;background:url('') no-repeat center; background-size: 30%;}
.d_banners .next{right:-13px;background:url('') no-repeat center; background-size: 30%;}
.d_banners .prev:hover,
.d_banners .next:hover{opacity:1}

@media all and (max-width:1024px) {
    .d_banners .img li .slogan .inner {padding-left: 20px; padding-right: 20px; height: 100vh; max-height: 620px;}
    .d_banners .img li.motion .slogan .text1 {font-size: 18px; transition:none; text-align: center; top:70px;}
    .d_banners .img li.motion .slogan .text2 {font-size: 30px; transition:none; text-align: center; top:70px;}
    .d_banners .img li.motion .slogan .text3 {font-size: 16px; text-align: center; transition:none; top:100px;}
    .d_banners .img li.motion .slogan .text4 {font-size: 16px; text-align: center; transition:none; top:130px;}
    .d_banners .img li.motion .slogan .text5 { text-align: center; transition:none; top:180px;}
    .d_banners .img li.motion .slogan .text6 { transition:none;}
    .d_banners .img li .slogan .text5 button span {font-size: 18px;}
    .d_banners .img li .slogan .text5 button {height:60px; padding-left: 50px; padding-right: 50px;}
    .d_banners .img li .slogan {transition:none;}
    .d_banners .prev {left: 20px;}
    .d_banners .next {right: 20px;}
    .d_banners .btn {bottom:190px;}
    .d_banners {max-height: 620px;}
    .d_banners .img li .slogan {}
    .d_banners .img li .slogan .text6 img {width: 300px;}
    .d_banners .img li .slogan .text6 {
        text-align: center;
        display: block;
        width: 100%;
        right: auto;
        left: 0;
        position: absolute;
        transform: none;
        top: auto;
        bottom:-100px;
    }
    .d_banners .img li.motion .slogan .text6 {right: auto;}
    
}