html,body{height:60vw; }

.d_banner2{position:relative;width:100vw;height:60vw;overflow:hidden}
.d_banner2 .img{position:relative;width:100vw;height:60vw;overflow:hidden}
.d_banner2 .img li{display:none;position:absolute;left:0;top:0;width:100vw;height:60vw;overflow:hidden}
.d_banner2 .img li:first-child{display:block}
.d_banner2 .img li.on{display:block;}
.d_banner2 .img li .bg{position:absolute;left:0;top:0;width:100vw;height:60vw;transform:scale(1.1) rotate(0.02deg);transition:all 5s;}
.d_banner2 .img li.motion .bg{transform:scale(1)}
.d_banner2 .img li .slogan{position:absolute;left:0;top:70%;transform:translateY(-50%);width:100vw;text-align:center}
.d_banner2 .img li .slogan .text1{display:block;position:relative;font-size:5.5vw;font-weight:600;color:#ffffff;text-shadow: 1px 1px 1px #cccccc;margin-bottom:1vh;top:0;opacity:0;transition:0.5s 0.5s}
.d_banner2 .img li .slogan .text2{display:block;position:relative;font-size:5.5vw;font-weight:600;color:#d31376;text-shadow: 1px 1px 1px #cccccc;top:0;opacity:0;transition:0.5s 1s}
.d_banner2 .img li.motion .slogan .text1{top:-50px;opacity:1}
.d_banner2 .img li.motion .slogan .text2{top:-50px;opacity:1}
.d_banner2 .btn{position:absolute;width:100vw;bottom:20px;text-align:center;z-index:30}
.d_banner2 .btn li{display:inline-block;width:12px;height:12px;border:2px solid #fff;margin:0 8px;cursor:pointer;border-radius:50%;text-indent:-9999px}
.d_banner2 .btn li.on{background:#fff;}
.d_banner2 .prev,
.d_banner2 .next{position:absolute;top:50%;transform:translateY(-50%);width:100px;height:100px;text-indent:-9999px;opacity:0.5;cursor:pointer}
.d_banner2 .prev{left:0;background:url('images/prev.png') no-repeat center}
.d_banner2 .next{right:0;background:url('images/next.png') no-repeat center}
.d_banner2 .prev:hover,
.d_banner2 .next:hover{opacity:1}

@media (max-width: 768px) {
html,body{height:60vw; }

.d_banner2{position:relative;width:100vw;height:60vw;overflow:hidden}
.d_banner2 .img{position:relative;width:100vw;height:60vw;overflow:hidden}
.d_banner2 .img li{display:none;position:absolute;left:0;top:0;width:100vw;height:60vw;overflow:hidden}
.d_banner2 .img li:first-child{display:block}
.d_banner2 .img li.on{display:block;}
.d_banner2 .img li .bg{position:absolute;left:0;top:0;width:100vw;height:60vw;transform:scale(1.1) rotate(0.02deg);transition:all 5s;}
.d_banner2 .img li.motion .bg{transform:scale(1)}
.d_banner2 .img li .slogan{position:absolute;left:0;top:65%;transform:translateY(-50%);width:100vw;text-align:center}
.d_banner2 .img li .slogan .text1{display:block;position:relative;font-size:5.5vw;font-weight:600;color:#ffffff;text-shadow: 1px 1px 1px #cccccc;margin-bottom:0px;top:0;opacity:0;transition:0.5s 0.5s}
.d_banner2 .img li .slogan .text2{display:block;position:relative;font-size:5.5vw;font-weight:600;color:#d31376;text-shadow: 1px 1px 1px #cccccc;top:0;opacity:0;transition:0.5s 1s}
.d_banner2 .img li.motion .slogan .text1{top:-50px;opacity:1}
.d_banner2 .img li.motion .slogan .text2{top:-50px;opacity:1}
.d_banner2 .btn{position:absolute;width:100vw;bottom:20px;text-align:center;z-index:30}
.d_banner2 .btn li{display:inline-block;width:12px;height:12px;border:2px solid #fff;margin:0 8px;cursor:pointer;border-radius:50%;text-indent:-9999px}
.d_banner2 .btn li.on{background:#fff;}
.d_banner2 .prev,
.d_banner2 .next{position:absolute;top:50%;transform:translateY(-50%);width:100px;height:100px;text-indent:-9999px;opacity:0.5;cursor:pointer}
.d_banner2 .prev{left:0;background:url('images/prev.png') no-repeat center}
.d_banner2 .next{right:0;background:url('images/next.png') no-repeat center}
.d_banner2 .prev:hover,
.d_banner2 .next:hover{opacity:1}

}