* { margin: 0; padding: 0; }

li { list-style: none; }

.banner-box { background: url(../images/banner-bg.png) no-repeat top center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; }

.slide { position: relative; }

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

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

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

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

.slide .carousel-control { position: absolute; top: 50%; width: 47px; height: 47px; z-index: 999; margin-top: -23px; }

.slide .carousel-control.left { left: 23px; background-repeat: no-repeat; cursor: pointer; }

.slide .carousel-control.right { right: 23px; background-repeat: no-repeat; cursor: pointer; }

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

.slide .dotList ul { width: 1200px; margin: 0 auto; }

@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; background: url(../images/dot.png) no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; font-size: 0px; margin-left: 4px; margin-right: 4px; border: none; outline: none; width: 16px; height: 16px; }

.slide .dotList li.active { background: url(../images/dot1.png) no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; }

#page_banner .dotList { text-align: center; bottom: 20px; }

@media screen and (max-width: 999px) { .slide .carousel-control { display: none; }
  .slide .dotList, #page_banner .dotList { bottom: 10px; }
  .slide .dotList li, #page_banner .dotList li { width: 15px; height: 15px; } }

@media screen and (max-width: 767px) { .slide .dotList, #page_banner .dotList { bottom: 10px; }
  .slide .dotList li, #page_banner .dotList li { width: 10px; height: 10px; margin: 0 2px; } }

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

.banner-box {
    position: relative;
    padding-top: 48.59375%;
}
.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}