.banner-text-container {position: absolute;top: 0;left: 0;width: 100%;height:100%;}
.bgf0f0f0{background-color: #f0f0f0;}
.line {display: block;width: 100%;height: 1px; border-bottom: 1px solid #e3e3e3;}

.section1 .banner1 {}
.section1 .banner-logo {display: block;float:left;margin-right:20px;}
.section1 .banner-btn {background: #0083db;padding:10px 0px 10px 20px;height: 50px;line-height: 50px;display: flex;align-items: center;justify-content: center;font-size: 18px;border-radius: 24px;}


.swiper-cases {position: relative;}
.swiper-cases .swiper-button-next,.swiper-cases .swiper-button-prev {width: 33px;height: 57px;background-size: 33px;}
.swiper-cases .swiper-button-prev,.swiper-cases .swiper-container-rtl .swiper-button-next {background-image:none;left: -45px;top: 150px;}
.swiper-cases .swiper-button-next,.swiper-cases .swiper-container-rtl .swiper-button-prev {background-image:none;right: -45px;top: 150px;}

.swiper-cases-pagination {position: relative;width: fit-content;padding: 10px;border: 1px solid #f2f2f2;border-radius: 50px;margin: 0 auto;display: flex;}
.swiper-cases-pagination .swiper-pagination-bullet {width: 6px;height: 6px;margin-right:8px;display: block;}
.swiper-cases-pagination .swiper-pagination-bullet-active {background: #000;}
.swiper-cases-pagination .swiper-pagination-bullet:last-child {margin-right: 0;}


.swiper-cases-item {width: 100%;max-height: 250px;overflow: hidden;position: relative;display: block;}
.swiper-cases-item:hover {box-shadow: 1px 0 12px #828282;}
.swiper-cases-item .swiper-cases-item-img{width: 100%;transition: all .5s ease;}
.swiper-cases-item:hover .swiper-cases-item-img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.swiper-cases-item .icon-play{width: 82px;height: 82px;}


.cases-nav {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;/**justify-content: space-around;**/}
.cases-nav li{padding-left: 50px;cursor: pointer;height:30px;line-height: 30px;}
.cases-nav li:hover, .cases-nav li.active {color: #0083db;}
.cases-nav li::after {content: "";width: 0;height: 2px;background-color: #0083db;display: block;transition: all .5s ease;}
.cases-nav li:hover:after, .cases-nav li.active:after {width: 100%;}
.cases-nav li:first-child{padding-left: 0;}
.cases-nav-content {display: block;}
.cases-nav-content .cases-nav-content-item{display: none;}
.cases-nav-content .cases-nav-content-item.active{display: block;}

.section2 .mk1{border:1px solid #e3e3e3; width:calc( 33.33% - 20px );margin-left: 10px;margin-right: 10px; margin-bottom:20px;float: left; display: block;}
.section2 .mk1:nth-child(3){margin-right:0px;}
.section2 .mk1img {overflow: hidden;}
.section2 .mk1img img{transition: all .5s ease;}
.section2 .mk1img:hover img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.section2 .mk2 {padding: 10px;}
.section2 .mk2 .title{height:50px;display:block;line-height:25px;overflow:hidden;}
.section2 .mk2 .descr{height:50px;line-height:20px;overflow:hidden;}



.loading {
  margin: 3% 0;
  padding-bottom: 15px;
  font-size: 14px;
  color: #aaa;
  text-align: center;
}
.loading img {
  width: 20px;
  vertical-align: middle;
  margin-right: 10px;
}

.loading1 {
  color: #ddd;
  font-size: 14px;
  margin: 3% 0;
  text-align: center;
}

.loading1 span.loading_tet {
  padding: 0 5px;
  display: inline-block;
}

.loading1 span.line {
  vertical-align: middle;
  line-height: 20px;
  height: 20px;
  width: 30px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
}




/*@media only screen and (max-width: 1576px) {*/

/*}*/
@media only screen and (max-width: 1400px) {

}
@media only screen and (max-width: 1200px) {



}
@media only screen and (max-width: 1054px) {
  .swiper-cases {width: 100%;margin-left: auto;margin-right: auto;}
  .swiper-cases .swiper-button-next, .swiper-cases .swiper-button-prev {width: 18px;height: 42px;background-size: 18px;}
  .swiper-cases .swiper-button-prev, .swiper-cases .swiper-container-rtl .swiper-button-next{left: -30px;top: 70px;}
  /*.swiper-cases .swiper-buicon-search-containertton-next, .swiper-cases .swiper-container-rtl .swiper-button-prev {right: -30px;top: 70px;}*/


  .section2 .mk1 {width: 45%;}
  .section2 .mk1:nth-child(3){margin-right:10px;}
  .section2 .descr {min-height: 75px;}


}
@media only screen and (min-width: 992px)and (max-width: 1024px){
  .cases-nav li {width: 25%;}

  .section1 .font64 {font-size: 30px;}
}
@media only screen and (min-width: 767px)and (max-width: 992px){

}
@media only screen and (max-width: 767px) {
  .section1 .banner-logo {width: 120px;}
  .section1 .banner-btn {font-size: 12px;border-radius: 18px;height: 30px;}
  .section1 .font64 {font-size: 18px;}

  .swiper-cases {width: 100%;}
  .swiper-cases .swiper-button-next, .swiper-cases .swiper-button-prev {top: 40%;}

  .cases-nav {justify-content: flex-start;overflow-x: scroll;overflow-y: hidden; flex-wrap:nowrap;}
  .cases-nav li {flex: 0 0 30%;padding-left: 0;}

  .section2 .mk1 {width: 100%;}
    .section3 {width:100%;margin:0px auto;}
    .section3 .d-flex {flex-wrap: wrap;}
    .section3 .mk1{margin:20px 10px;}
    .section3 .line35 {line-height: 14px; padding:5px 0px;}
    .section3 .mk1 .span {margin-top: 10px;}

}
@media only screen and (max-width: 500px) {

  .section2 .mk1 {width: 100%;margin-left:0px;margin-rigth:0px;}
  .section2 .descr {min-height: auto;}


}