/* flexslider */
.flexslider {
  position: relative;
  height: 320px;
  overflow: hidden;
  background: url(/media/1022/loading.gif) 50% no-repeat;
}
.flexslider .slides {
  position: relative;
}
.flexslider .slides li {
  height: 320px;
}
.flexslider .slides li .slider-text {
  font-size: 36px;
  color: #004098;
  text-align: center;
  margin-top: 211px;
}
.flexslider .slides #under-infor {
  cursor: pointer;
}
@media (min-width: 768px) {
  .flexslider .slides .banner-modal .modal-dialog {
    width: 50%;
    margin: 30px auto;
  }
}
.flexslider .slides .banner-modal .photo img {
  max-width: 100%;
}
.flexslider .slides li:nth-child(3) .slider-text {
  margin-top: 211px;
}
.flexslider .flex-control-nav {
  position: absolute;
  bottom: 10px;
  z-index: 2;
  width: 100%;
  text-align: center;
}
.flexslider .flex-control-nav li {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  zoom: 1;
}
.flexslider .flex-control-nav a {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 40px;
  overflow: hidden;
  background: url(/media/1019/dot.png) right 0 no-repeat;
  cursor: pointer;
}
.flexslider .flex-control-nav .flex-active {
  background-position: 0 0;
}
.flexslider .flex-direction-nav {
  position: absolute;
  z-index: 3;
  width: 100%;
  top: 45%;
}
.flexslider .flex-direction-nav li a {
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
}
.flexslider .flex-direction-nav li a.flex-prev {
  left: 40px;
  background: url(/media/1021/prev.png) center center no-repeat;
}
.flexslider .flex-direction-nav li a.flex-next {
  right: 40px;
  background: url(/media/1020/next.png) center center no-repeat;
}