
#desq-banner{position:relative;}
#desq-banner .swiper-slide{position:relative;}
#desq-banner .swiper-slide img{width:100%;}
#desq-banner .swiper-slide .box{width:100%;box-sizing:border-box;padding:100px 0 0;position:absolute;top:0;bottom:0;left:0;right:0;}
#desq-banner .swiper-slide .container{height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;max-width: 1650px;}
#desq-banner .swiper-slide .t{position:relative;z-index:20;max-width: 600px;}
#desq-banner .swiper-slide .t h5{font-size:40px;/* line-height:1.9; */color: #363636;font-weight:700;/*text-shadow:0 2px 8px rgba(14,4,9,.35);*/margin-bottom: 30px;}
#desq-banner .swiper-slide .t p{font-size: 18px;/* line-height:1.9; */color:#484848;/*text-shadow:0 2px 8px rgba(14,4,9,.35);*/}
#desq-banner .swiper-slide .t .more{margin:45px 0 0;/* width: 152px; */height: 40px;line-height: 40px;border: 1px solid var(--color-primary);display:block;text-align:center;background: var(--color-primary);font-size:16px;border-radius: 5px;color:#fff;font-weight:700;-webkit-transition:0.5s;transition:0.5s;display: inline-block;/* width: 30%; */margin-right: 20px;padding: 20px 30px;text-align: center;align-content: center;vertical-align: middle;display: inline-grid;}
#desq-banner .swiper-slide .t .more:hover{color:#1e1e1e;background:#fff}
#desq-banner .swiper-slide .t .more:nth-last-child(2){
    background:#fff;
    color:#1e1e1e
}
#desq-banner .swiper-slide .t .more:nth-last-child(2):hover{
    background:var(--color-primary);
    color:#fff
}
#desq-banner .swiper-slide .t .bottom{
    margin-top: 230px;
    display: block;
    position: relative;
    line-height: 1.8;
}
#desq-banner .swiper-button-prev,#desq-banner .swiper-button-next{width:80px;height:80px;line-height:80px;overflow:hidden;background:none;margin-top:-25px;text-align:center;color:rgba(255,255,255,0.65);}
#desq-banner .swiper-button-next::after,#desq-banner .swiper-button-prev::after {display:none;}
#desq-banner .swiper-button-prev i,#desq-banner .swiper-button-next i{color:inherit;font-size:70px;display:inline-block;margin-top:1px;}
#desq-banner .swiper-button-prev,#desq-banner .swiper-container-rtl .swiper-button-next{left:40px;right:auto;}
#desq-banner .swiper-button-next,#desq-banner .swiper-container-rtl .swiper-button-prev{right:40px;left:auto;}
#desq-banner .swiper-button-prev:hover,#desq-banner .swiper-button-next:hover{color:#fff;}


#desq-banner .page{position:absolute;left:0;right:0;bottom:70px;z-index:30;}
#desq-banner .page .container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
#desq-banner .page .swiper-button-num{font-size:21px;color:rgba(255,255,255,0.5);line-height:1;display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;}
#desq-banner .page .swiper-button-num hr{width:100px;height:1px;background:#fff;margin:0 15px;}
#desq-banner .page .swiper-button-num span{font-size:35px;color:rgba(255,255,255,0.75);margin-right:5px;}

#desq-banner .swiper-pagination-bullets{position:static;width:auto;}
#desq-banner .swiper-pagination-bullet{width:9px;height:9px;margin:0 35px 0 0;background:rgba(255,255,255,0.5);border-radius:50%;opacity:1;box-sizing:border-box;position:relative;}
#desq-banner .swiper-pagination-bullet::after{content:"";position:absolute;left:-5px;top:-5px;right:-5px;bottom:-5px;background:rgba(255,255,255,0.2);border-radius:50%;display:none;}
#desq-banner .swiper-pagination-bullet-active{background:#fff;}
#desq-banner .swiper-pagination-bullet-active::after{display:block;}

#desq-banner .visible-xs,
#desq-banner .visible-xs-block {
  display: none !important
}

@media screen and (max-width:1550px){
    #desq-banner .swiper-button-prev,#desq-banner .swiper-button-next{width:60px;height:60px;line-height:60px;margin-top:-30px;}
    #desq-banner .swiper-button-prev i,#desq-banner .swiper-button-next i{font-size:50px;}
    #desq-banner .swiper-button-prev,#desq-banner .swiper-container-rtl .swiper-button-next{left:0;}
    #desq-banner .swiper-button-next,#desq-banner .swiper-container-rtl .swiper-button-prev{right:0;}
    #desq-banner .swiper-slide .t .more{
      font-size: 14px;
    }
}

@media screen and (max-width:1400px){
    #desq-banner .swiper-slide .t h5{font-size:30px;line-height:1.6;}
    #desq-banner .swiper-slide .t p{font-size:20px;line-height:1.7;}
    


    #desq-banner .page{bottom:40px;}
}

@media screen and (max-width:1280px){
    #desq-banner .swiper-slide .box{padding:80px 0 0;}
    #desq-banner .swiper-slide .t h5{font-size:24px;line-height:1.5;}
    #desq-banner .swiper-slide .t p{font-size:16px;line-height:1.6;}

    #desq-banner .swiper-slide .t .more{margin:25px 0 0;width: 260px;height:50px;line-height:50px;}

    #desq-banner .swiper-button-prev,#desq-banner .swiper-button-next{display:none;}
    #desq-banner .swiper-pagination-bullet{margin:0 20px 0 0;}
    #desq-banner .page{bottom:25px;}
}

@media screen and (max-width:992px){
    #desq-banner .swiper-slide .t h5{font-size:26px;line-height:1.4;}
    #desq-banner .swiper-slide .t p{font-size:20px;line-height:1.4;}
    #desq-banner .swiper-slide .t .more{margin:20px 0 0;width:180px;height:40px;line-height:40px;font-size:15px;}
}

@media screen and (max-width:768px){
    #desq-banner .swiper-slide .box{padding:0;}
    #desq-banner .swiper-slide .t h5{font-size:24px;margin-bottom:8px;}
    #desq-banner .swiper-slide .t p{font-size:17px;line-height:1.3;}
    #desq-banner .swiper-slide .t .more{margin:18px 0 0;width:150px;height:38px;line-height:38px;font-size:14px;}


    #desq-banner .page{bottom:15px;}
    #desq-banner .page .container{-webkit-justify-content:center;justify-content:center;}
    #desq-banner .page .swiper-button-num{display:none;}
    #desq-banner .swiper-pagination-bullet{width:9px;height:9px;margin:0 6px;}
    #desq-banner .swiper-pagination-bullet::after{left:-3px;top:-3px;right:-3px;bottom:-3px;}

    #desq-banner .visible-xs {
        display: block !important
    }
    
    #desq-banner .visible-xs-block {
        display: block !important
    }

    #desq-banner .hidden-xs {
        display: none !important;
    }
}

@media screen and (max-width:600px) {
    #desq-banner .swiper-slide .t h5{font-size:22px;line-height:1.2;}
    #desq-banner .swiper-slide .t p{font-size:16px;line-height:1.3;font-weight:400;}

    #desq-banner .page{bottom:10px;}
}

@media screen and (max-width:480px) {
    #desq-banner .swiper-slide .t h5{font-size:18px;width: 50%;}
    #desq-banner .swiper-slide .t p{font-size:12px;line-height:1.2;}
    #desq-banner .swiper-slide .t .more{margin:12px 0 0;width:120px;height:32px;line-height:32px;font-size:13px;}
}

@media screen and (max-width:400px) {
    #desq-banner .swiper-slide .t h5{font-size:18px;}
    #desq-banner .swiper-slide .t p span{font-size:22px;}
    #desq-banner .swiper-pagination-bullets{bottom:10px;}
}


@media screen and (max-width:992px){
      #desq-banner .swiper-slide .t h5 {
        font-size: 15px !important;
        width: 50%;
    }
    #desq-banner .swiper-slide .t p{
      display: none !important;
    }
    #desq-banner .swiper-slide .t .more{
      display: none !important;
    }
}