﻿



/* 设置根字体大小rem */

@media (min-width: 768px) {
  html {
    font-size: 28px!important;
  }
}
@media (min-width: 1025px) {
  ::-webkit-scrollbar {
    width: 6px;
    height:6px;
  }

  ::-webkit-scrollbar-track {
    background: #fff;
  }

  ::-webkit-scrollbar-thumb {
    background: #ce0020;
    /*border-radius: 4px;*/
  }

  ::-webkit-scrollbar-thumb:window-inactive {
    background: #ce0020;
  }

  ::-webkit-scrollbar-thumb:vertical:hover {
    background: #ce0020;
  }
  html {
    font-size: 30px!important;
  }
  body{
    -ms-overflow-style: scrollbar;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 34px!important;
  }
}
@media (min-width: 1680px) {
  html {
    font-size: 40px!important;
  }
}

/*禁止滚动的轮播图按钮透明度*/
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
        opacity: 0.9!important;
      }

      .fadeup{
 -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
-webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
      }
      @-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/*icon down*/
  @-webkit-keyframes downico {
  0% {
    top: 0;
    opacity: 1;
}
35% {
    top: 20%;
    opacity: 0;
}
65% {
    top: -20%;
    opacity: 0;
}
100% {
    top: 0;
    opacity: 1;
}
}

/*轮播图按钮*/
@media (max-width: 767px){
  .index-swiper .swiper-container .swiper-pagination-bullet{
    width: 8px!important;
    height: 8px!important;
  }
}