.slide { position: relative; }

.slide .carouse { width: 100%; overflow: hidden; position: relative; }

.slide .carouse .slideItem { width: 100%; position: absolute; cursor: pointer; }

.slide .carouse .slideItem .banner-img { width: 100%; display: block; }

.slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }

.slide .carousel-control { position: absolute; top: 50%; width: 50px; height: 50px; border-radius: 50%; background-color: #023894; z-index: 999; margin-top: -25px; text-align: center; line-height: 50px; }

.slide .carousel-control .iconfont { font-size: 26px; font-size: 2.6rem; color: #fff; }

.slide .carousel-control:hover { background-color: #fff; }

.slide .carousel-control:hover .iconfont { color: #023894; }

.slide .carousel-control.left { left: 8.4375%; cursor: pointer; }

.slide .carousel-control.right { right: 8.4375%; cursor: pointer; }

.slide .dotList { position: absolute; width: 100%; bottom: 44px; text-align: right; }

.slide .dotList ul { width: 1200px; }

@media screen and (min-width: 1220px) { .slide .dotList ul { width: 1200px; margin: auto; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .slide .dotList ul { width: 980px; margin: auto; } }

@media screen and (max-width: 999px) { .slide .dotList ul { width: 95%; margin: auto; } }

.slide .dotList li { display: inline-block; cursor: pointer; font-size: 0px; margin: 0 6px; border: none; outline: none; width: 16px; height: 16px; border-radius: 50%; background-color: #fff; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-transition: all .5s; }

.slide .dotList li.active { width: 24px; height: 24px; background-color: #023894; }

@media screen and (max-width: 999px) { .slide .carousel-control { display: none; }
  .slide .dotList { bottom: 10px; text-align: center; }
  .slide .dotList li { margin: 0 5px; width: 15px; height: 15px; }
  .slide .dotList li.active { width: 18px; height: 18px; } }

@media screen and (max-width: 767px) { .slide .dotList { bottom: 10px; }
  .slide .dotList li { margin: 0 3px; width: 10px; height: 10px; }
  .slide .dotList li.active { width: 13px; height: 13px; } }

/*# sourceMappingURL=slide5.css.map */