/***********************/
/* author ：Fly_kun    */
/* date   : 2019-12-07 */
/* version: v1.0       */
/***********************/
@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acyonym,address,big,cite,code,del,dfn,em,img,ins,kdb,q,s,samp,small,strong,var,b,i,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}
html{font-size: 16px;}
*{margin:0; padding:0;}
body{ width: 100%; margin:0px; padding:0px; font-family:'PingFangSC','microsoft yahei';background: #fff;}
button,input,select,textarea{font:12px/1.5 'microsoft yahei',arial; outline: none;}
a{color: #333; text-decoration:none; text-decoration:none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
a:hover{ color:#f00; text-decoration:none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
img{ border:0; vertical-align: bottom;}
.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both;font-size:0;line-height:0;height:0;margin:0;padding:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
ul,li{ padding:0; margin:0; list-style: none;}
.h1{height: 1px;}
.h2{height: 2px;}
.h3{height: 3px;}
.h4{height: 4px;}
.h5{height: 5px;}


.navbar-nav li a {
  font-size: 18px;
  color: #333;
}
/* nav end */

.swiper-slide {
  -webkit-background-size: cover;
  background-size: cover;
}
.swiper-pagination-bullet {
  width: 35px;
  border-radius: 5px;
  background-color: #7d91e0;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  position: relative;
  width: 60px;
  border-radius: 5px;
  background-color: #7d91e0;
}

.swiper-pagination-bullet:after{
  width: 0;
  height: 8px;
  border-radius: 5px;
  display: block;
}
.swiper-pagination-bullet-active:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  animation:banner_move 2.9s linear;
  -webkit-animation:banner_move 2.9s linear;
  animation-delay:0.1s;
  -webkit-animation-delay:0.1s;
  animation-fill-mode: forwards;
  background: #fff;
}
@media screen and (max-width: 768px) { /*手机*/
  .swiper-pagination-bullet {
    width: 18px;
    height: 3px;
    border-radius: 2px;
  }
  .swiper-pagination-bullet-active {
    width: 35px;
  }
  .swiper-pagination-bullet:after{
    height: 3px;
  }
}
@keyframes banner_move{
  from {width:0;}
  to {width:100%;}
}

@-webkit-keyframes banner_move {
  from {width:0;}
  to {width:100%;}
}

@-moz-keyframes banner_move {
  from {width:0;}
  to {width:100%;}
}

@-ms-keyframes banner_move {
  from {width:0;}
  to {width:100%;}
}
/* banner end */