.top-slider .item .bg{transition-duration:2s;transform:scale(1.1);height:100%;top:0;right:0}
.top-slider .item .main,.top-slider .item .info{height:630px;min-height:calc(100vh - 120px)}
.top-slider .item .info{width:40%}
.top-slider .item .info .shape{max-width:none;height:110%}
.top-slider .item .info .shape.shape-1{transition-duration:.5s;top:5%;left:0;z-index:2;transform:translateX(50px)}
.top-slider .item .info .shape.shape-2{transition-duration:.7s;left:-20%;top:10%;z-index:1;opacity:.25;transform:translateX(150px)}
.top-slider .item .info .inside{filter:blur(10px);transition-duration:.7s;bottom:7%;right:0;z-index:5;padding-left:20%;transform:scale(.85)}
.top-slider .item .info .inside .title{line-height:1.5}
.top-slider .item .info .inside .title span{font-size:42px}
.top-slider .item .info .inside .btn{padding:8px 15px;margin-top:15px;border:3px rgba(255, 255, 255, 0.4) solid}
.top-slider .item .info .inside .btn i{margin:7px 0 0 10px}
.top-slider .owl-item.active .item .info .inside{filter:blur(0);transform:scale(1)}
.top-slider .owl-item.active .item .info .shape.shape-1,.top-slider .owl-item.active .item .info .shape.shape-2{transform:translateX(0)}
.top-slider .owl-item.active .item .bg{transform:scale(1)}
.top-slider .owl-nav{border:2px rgba(0, 0, 0, 0.07) solid;left:calc(50% - 620px);float:left;position:absolute;bottom:60px;background-color:var(--color);border-radius:10px}
.top-slider .owl-nav div{width:50px;height:50px;font-size:26px;float:right}
.top-slider .owl-nav div.owl-next{border-right:2px rgba(0, 0, 0, 0.07) solid;width:52px}
.top-slider .owl-nav div:hover i,.top-slider .item .info .inside .btn:hover{opacity:.7}


@media only screen and (max-width:1270px){
.top-slider .owl-nav{left:18px}
}
@media only screen and (max-width:920px){
.top-slider .item .main,.top-slider .item .info{height:310px;min-height:0}
.top-slider .item .info{width:100%}
.top-slider .item .info .inside .text{margin:15px 0 5px;font-size:13px;color:#ddd;line-height:1.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;text-shadow:0 3px 3px #000}
.top-slider .item .info .inside{width:100%;padding:0;bottom:40px}
.top-slider .item .info .inside .title{text-shadow:0 5px 8px #000;font-size:15px;margin-top:5px}
.top-slider .item .info .inside .title span{font-size:20px}
.top-slider .item .info .inside .cates{color:#fff;font-size:13px}
.top-slider .item .info .inside .btn{padding:4px 10px;font-size:13px}
.top-slider .item .info .inside .btn i{text-shadow:0 5px 8px #000;margin-top:4px}
.top-slider .item:after{background:linear-gradient(to bottom,transparent,rgba(0, 0, 0, 0.7));content:"";width:100%;position:absolute;top:0;right:0;height:100%;z-index:10}
.top-slider .item:before{background:linear-gradient(to right,transparent,rgba(0, 0, 0, 0.7));content:"";width:100%;position:absolute;top:0;right:0;height:100%;z-index:10}
.top-slider .owl-nav{bottom:38px;background:none}
.top-slider .owl-nav div{width:40px;height:40px;backdrop-filter:blur(10px);background-color:rgba(255, 255, 255, 0.3);margin-right:10px;border-radius:50%}
.top-slider .owl-nav div i{color:#ddd}
.top-slider .owl-nav div.owl-next{border-right:0;width:40px}
}