/* ==========================================================================
  large small Banner new with slick
============================================================================= */
.large_banner {  
  position: relative;
}
.large_banner *,
.medium_banner * {
  box-sizing: border-box;
}
.large_banner .slick-slide img {
  width: 735px;
  height: 195px;
  border: 1px solid #fff;
}
.medium_banner .slick-dots,
.large_banner .slick-dots {
  bottom: 0;
  padding: 10px;
  display: flex!important;
  justify-content: end;
  gap: 5px;
}
.medium_banner .slick-dots li,
.large_banner .slick-dots li {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  display: block;
  margin: 0;
  border: 2px solid #fff;
  overflow: hidden;
  background: #999;
}
.medium_banner .slick-dots li button,
.large_banner .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.medium_banner .slick-dots li button::before,
.large_banner .slick-dots li button::before {
  display: none;
}
.medium_banner .slick-dots .slick-active,
.large_banner .slick-dots .slick-active {
  width: 40px;
  background: #00ffff;
}

.banner_control img {
  width: 100%;
  height: 100%;
  display: block;
}
.banner_control .slick-slide {
  width: 170px!important;
  height: 75px;
  overflow: hidden;
  margin: 0 3px;
  position: relative;
  cursor: pointer;
}
.banner_control .slick-slide::before {
  content: '';
  position: absolute;
  width: 170px;
  height: 75px;
  left: 0px;
  top: 0px;
  border: 1px solid #d7d7d7;
  box-sizing: border-box;
  z-index: 1;
}
.banner_control .slick-prev,
.banner_control .slick-next {
  width: 22px;
  height: 75px;
  background-image: url('../images/btn_nav.png');
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 11;
}
.banner_control .slick-prev {
  left: 0;
  transform: translate(-100%, -50%);
  background-position: 0px 0px;
}
.banner_control .slick-next {
  right: 0;
  transform: translate(100%, -50%);
  background-position: -22px 0px;
}
.banner_control .slick-prev::before,
.banner_control .slick-next::before {
  content: '';
}
.banner_control .slick-prev:hover,
.banner_control .slick-next:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}