@import url("reset.css");
@charset "utf-8";
/* CSS Document */


/*index_banner */

.banner{
  position: relative;
  width: 100%;
  height: auto;
}
.index_banner .slick-track,
.index_banner .slick-list{
  height: 100%; 
}
.index_banner .slick-dots{
 bottom: 0px;
 padding-top: 0px;
}
.index_banner .slide_item{
  position: relative;
  width: 100%;
  height: 100%;
}
.index_banner .slide1{
 
  background-size: cover;
}
.index_banner .slide2{
  background: url('banner1.jpg') center no-repeat;
  background-size: cover;
}
.index_banner .slide3{
  background: url('banner1.jpg') center no-repeat;
  background-size: cover;
}
.index_banner .slick-dots li{
  border-radius: 0px;
  width: 13px;
  height:13px;
  background:#3692c3;
  border-radius: 50%;
  border:1px solid #fff;
  margin:0px 10px;
}

.index_banner .slick-dots li:after{
  content: "";
  position: absolute;
  display: block;
  height: 0px;
}

.index_banner .slick-dots li.slick-active,
.index_banner .slick-dots li:hover{
  background:#ffc000;
}


.ban_info{
  position: absolute;
  top: 45%;
   text-align:center;
    width:100%;
}
.ban_info h1{font-size:33px; line-height:10px;}
.ban_info h2{font-size:28px; line-height:10px; font-weight:normal;}
.ban_info span{
  display: block;
  color: #fff;

  padding: 10px 20px; letter-spacing:2px;
}


@media (max-width:520px){

.ban_info{position: absolute;top: 30%;text-align:center; width:100%;}
.index_banner{ height:250px !important; padding-top:0px;}

.index_banner .slide2{background: url(banner2.jpg) left center no-repeat;background-size: cover;}
}