.cooperate__banner {height: auto; padding: 1.86rem 0; overflow: hidden;}
.cooperate__banner--wr {padding: 0 0 3%;}
.cooperate__banner--info { max-width: 720px;position: relative; z-index: 1;padding-right: 0;}
.cooperate__banner--info--bg { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); opacity: .33; pointer-events: none; z-index: -1; filter: saturate(.8); mask-image: linear-gradient(to bottom,black 60%,transparent) }

 
.cooperate__baner--videos {width: 56%; max-width: 792px; position: relative; z-index: 1; box-sizing: border-box; padding: 0 0 40px; margin-left:3%;  }
.cooperate__baner--videos__swiper { position: relative; padding-bottom: 57%;}
.cooperate__baner--videos__swiper .swiper-container {position: absolute;inset:0; overflow: visible; border: 1px solid #5a8ef34f; border-radius: 14px; overflow: visible; background: linear-gradient(130deg, #143f85, #081a49); box-shadow: 0 15px 50px #0003; display: block; overflow: hidden;}
.cooperate__baner--videos__swiper .figure,
.cooperate__baner--videos__swiper ._bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit:cover; }
.cooperate__baner--videos__swiper .swiper-wrapper {}
.cooperate__baner--videos__swiper .swiper-slide { }
.cooperate__baner--videos__swiper {}
.cooperate__baner--videos__swiper {}

.cooperate__baner--videos__swiper .swiper-slide .btn-play{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#ffffffed;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 10px #ffffff13,0 5px 30px #0003;transition:transform .2s}
.cooperate__baner--videos__swiper .swiper-slide .btn-play:before{content:"";border-left:17px solid #1761dc;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:5px}
.cooperate__baner--videos__swiper .swiper-slide:hover .btn-play{transform:translate(-50%,-50%) scale(1.08)}

.cooperate__baner--videos__swipe-pagination {}

.cooperate__baner--videos__swipe-pagination { position: absolute; top: 100%; margin-top: 15px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 12px; }
.cooperate__baner--videos__swipe-pagination .xbtn { padding: 5px 0; transition:300ms; background: transparent; border: 0; display: grid; place-items: center; }
.cooperate__baner--videos__swipe-pagination .xbtn:before {content: "";transition:300ms; display: block; width: 6px; height: 6px; border-radius: 50%; background: #52678f; }
.cooperate__baner--videos__swipe-pagination .xbtn.on:before {background: #4ad6e9; width: 20px; border-radius: 6px; } 
.cooperate__baner--videos__swipe-pagination .xbtn.on { } 

.cooperate__baner--videos__swiper__ctrs {}
.cooperate__baner--videos__swiper__ctrs .iconfont {position: absolute; z-index: 5; top: 50%; transform: translateY(-50%); width: 38px; height: 50px; border: 1px solid #7494c74d; border-radius: 8px; background: #020c32bd; color: #fff; font-size: 20px; cursor: pointer; opacity: 0; transition: opacity .18s; display: flex; justify-content: center; align-items: center;}
.cooperate__baner--videos__swiper__ctrs .iconfont.prev { left: -18px;}
.cooperate__baner--videos__swiper__ctrs .iconfont.next { right: -18px;}
.cooperate__baner--videos:hover .cooperate__baner--videos__swiper__ctrs .iconfont {opacity: 1;}

@media screen and (min-width: 1500px) {
}


@media screen and (max-width:1024px) {
    .settled__form {margin-top:1rem;}
    .cooperate__banner--wr {flex-wrap:wrap;}
    .strength__items:nth-child(n+5) .strength__in {white-space: normal;}
    .cooperate__banner {padding-bottom: 1rem;}
    .cooperate__banner--info {padding: 1rem 0; width:100%;}
    .cooperate__banner--wr {padding-bottom: 0;}
    .cooperate__banner--info--bg {width: 90%; top: 45%; left: 5% }

    .cooperate__baner--videos  {width: 100%; margin-top: 4%; margin-left:0;}
}