@charset "utf-8";
/* banner */
#banner{max-height:480px;width:100%; background:#eee;overflow:hidden; position:relative; z-index:1}
#banner .ibbg{width:100%;max-width:1442px;}
#banner .video{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:1; overflow:hidden}
#banner .video video{width:100%;height:100%;object-fit:cover!important; -moz-object-fit:cover!important; -webkit-object-fit:cover!important;overflow:hidden;background:#3B3B3B!important;}
#banner .swiper-container{position:absolute!important;left:0px;top:0px;z-index:2;}
#banner .swiper-container,#banner .swiper-wrapper,#banner .swiper-slide{width:100%;margin:0px auto;height:100%;}
#banner .swiper-slide{overflow:hidden;background-size:cover; background-repeat:no-repeat; background-position:center;}
#banner .swiper-slide a{width:100%;height:100%;display:block}
#banner .swiper-button-prev,#banner .swiper-button-next{background-color:#333;margin-top:-35px;opacity:0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;box-shadow: 0px 0px 3px #000 inset;}
#banner:hover .swiper-button-prev,#banner:hover .swiper-button-next{opacity:0.5;}
#banner .swiper-button-prev:hover,#banner .swiper-button-next:hover{opacity:0.8;}
#banner .swiper-button-prev{left:0px; border-radius:0px 8px 8px 0px}
#banner .swiper-button-next{right:0px;border-radius:8px 0px 0px 8px}

#footer{margin-top:92px}
@media screen and (max-width:1170px) and (min-width:968px){
 
}
@media screen and (max-width:968px) and (min-width:768px){
  #banner .swiper-button-next,#banner .swiper-button-prev{width:52px;height:45px;margin-top:-24px!important;background-size:14px;}
  
}
@media screen and (max-width:768px){
  #banner .ibbg{padding-bottom:20%}
  #banner .swiper-button-next,#banner .swiper-button-prev{display:none}
  #footer{margin-top:30px}
}

@media screen and (max-width:568px){
  #footer{margin-top:30px}
}