.swiper-container{width:100%;height:400px;overflow:hidden;}
.swiper-slide img{height:400px;width:100%;}
@media only screen and (max-width: 1400px){
   .swiper-container,.swiper-slide img{height:320px;}
}
@media only screen and (max-width: 1100px){
.logos {width:70%;top: 10px;left: 5%;}
.swiper-container,.swiper-slide img{height:280px;}
}
@media only screen and (max-width: 880px){
.swiper-container,.swiper-slide img{height:240px;}.logos {width:70%;top: 5px;left: 1%;}
}
@media only screen and (max-width: 768px){
.swiper-container,.swiper-slide img{height:210px;}.logos img{height:60px;}.swiper-button-next,.swiper-button-prev{display:none;}
}
@media only screen and (max-width: 680px){
.swiper-container,.swiper-slide img{height:180px;}.logos img{height:56px;}
}
@media only screen and (max-width: 600px){
.swiper-container,.swiper-slide img{height:150px;}.logos img{height:48px;}.logos {width:70%;top: 5px;left:0%;}.logos a{margin-left:1%;}
}
@media only screen and (max-width: 480px){
.swiper-container,.swiper-slide img{height:120px;}.logos img{height:42px;}
}
@media only screen and (max-width: 430px){
.swiper-container,.swiper-slide img{height:100px;}.logos img{height:40px;}
}
.navul>li{width:10%;}
.contdivs{ background: #f1f1f1;}
.imagesdivs2,.imagesul2{width: 100%;height: auto;overflow: hidden;margin: 0 auto;}
    .imagesul2 li{width: 25%;margin-bottom: 15px;float: left;}.imagesul2{margin-top:20px;}
    .imagesul2 a{display: block;width: 90%;margin-left: 5%;height: auto;overflow: hidden;}
    .imagesul2 div{width: 100%;height: 160px;overflow: hidden;text-align: center;background: #ddd;}.imagesul2 img{width: 100%;transition: all linear 0.3s;}
    .imagesul2 p{width: 100%;height: 30px;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 16px;transition: all linear 0.3s;text-align: center;}
    .imagesul2 a:hover img{transform: scale(1.1);}.imagesul2 a:hover p{color: red;}
    
    @media only screen and (max-width: 1080px){
     .imagesul2 li{width: 33.33%;}
    }
      @media only screen and (max-width: 860px){
     .imagesul2 li{width:50%;}.imagesul2 div{height: 200px;}
    }

   @media only screen and (max-width: 680px){
    .imagesul2 div{height: 160px;}
    }
       @media only screen and (max-width: 560px){
     .imagesul2 div{height: 140px;}
    }
       @media only screen and (max-width: 500px){
     .imagesul2 li{width:100%;}.imagesul2 div{height: 250px;}
    }
@media only screen and (max-width: 430px){
    .imagesul2 div{height: 200px;}
    }
    @media only screen and (max-width: 380px){
    .imagesul2 div{height: 180px;}
    }
    @media only screen and (max-width: 340px){
    .imagesul2 div{height: 160px;}
    }