@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: 10px;
 padding-top: 0px;
}
.index_banner .slide_item{
  position: relative;
  width: 100%;
  height: 100%;
}

.index_banner .slick-dots li{
  border-radius: 0px;
  width: 13px;
  height:13px;
  background:#fff;
  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:#ff0000;
}


.ban_info{
  position: absolute;
  top: 45%;
   text-align:center;
    width:100%;
}
.ban_info h1{font-size:60px; letter-spacing:2px;}
.ban_info span{
  display: block;
  color: #fff;
   padding: 10px 0px;
}

@media (max-width:1280px){
.ban_info h1{font-size:50px; }
}


@media (max-width:1200px){
.ban_info h1{font-size:50px; }
}

@media (max-width:1000px){
.ban_info h1{font-size:40px; letter-spacing:1px;}
}



@media (max-width:520px){

.ban_info{position: absolute;top: 45%;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;}
.ban_info h1{font-size:20px; letter-spacing:1px;}
}