/* 垂直滚动条样式 */
/* 宽度 */
::-webkit-scrollbar {
    width: 3px;
}
/* 背景色 */
::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}
/* 滑块颜色 */
::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}
@-webkit-keyframes scrollToUp {
    0% {
	background-position: 0 0;
}
50% {
	background-position: 0 -200px;
}
}
@keyframes scrollToUp {
    0% {
	background-position: 0 0;
}
50% {
	background-position: 0 -200px;
}
}

@-webkit-keyframes move {
    0% {
	background-position: 0 0;
}
50% {
	background-position: 100% 0;
}
}
@keyframes move {
    0% {
	background-position: 0 0;
}
50% {
	background-position: 100% 0;
}
}

.swiper-button-next,.swiper-button-prev {
    background: #0095f4;
    border-radius: 50px;
    aspect-ratio: 1/1;
    width: 50px!important;
    height: 50px!important;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 16px!important;
    color: #fff!important;
}
  :root {
	--max-width: 1600px;
	--width: 94%;
	--fc:#0095f4;
	--fcc:#2d2d2d;
	--f10vw:10vw;
	--f8vw:8vw;
	--f6vw:6vw;
	--f5vw:5vw;
	--f4vw:4vw;
	--f3vw:3vw;
    --f2vw:2vw;
    --fs72:72px;
  --fs60:60px;
  --fs54:54px;
  --fs48:48px;
  --fs45:46px;
  --fs42:40px;
  --fs38:38px;
  --fs36:32px;
  --fs30:30px;
  --fs28:28px;
  --fs24:24px;
  --fs22:20px;
  --fs18:18px;
  --fs16:16px;
  --fs14:14px;
		
  }
@media only screen and (min-width:1441px){
  :root {
	--max-width: 1600px;
	--width: 94%;
	--fc:#0095f4;
	--fcc:#2d2d2d;
	--f10vw:10vw;
	--f8vw:8vw;
	--f6vw:6vw;
	--f5vw:5vw;
	--f4vw:4vw;
	--f3vw:3vw;
    --f2vw:2vw;
    --fs72:72px;
  --fs60:60px;
  --fs54:54px;
  --fs48:48px;
  --fs45:46px;
  --fs42:40px;
  --fs38:38px;
  --fs36:32px;
  --fs30:30px;
  --fs28:28px;
  --fs24:24px;
  --fs22:20px;
  --fs18:18px;
  --fs16:16px;
  --fs14:14px;
		
  }}
@media only screen and (max-width:1440px){
  :root {
    --fs72:54px;
    --fs60:48px;
    --fs54:42px;
    --fs48:45px;
    --fs45:42px;
    --fs42:36px;
    --fs38:30px;
    --fs36:28px;
    --fs30:26px;
    --fs28:24px;
    --fs24:22px;
    --fs22:18px;
    --fs18:16px;
    --fs16:14px;
  }
}
@media only screen and (max-width:1366px){
  :root {
    --fs72:42px;
    --fs60:45px;
    --fs54:36px;
    --fs48:45px;
    --fs45:38px;
    --fs42:32px;
    --fs38:28px;
    --fs36:26px;
    --fs30:24px;
    --fs28:22px;
    --fs24:20px;
    --fs22:16px;
    --fs18:16px;
    --fs16:14px;
    --fs14:12px;
  }
}
@media only screen and (max-width:1025px) {

  :root {
    	--f6vw:45px;
	--f5vw:40px;
	--f4vw:35px;
	--f3vw:28px;
    --f2vw:24px;
    --fs72:40px;
    --fs60:35px;
    --fs54:32px;
    --fs48:30px;
    --fs45:28px;
    --fs42:27px;
    --fs38:26px;
    --fs36:24px;
    --fs30:22px;
    --fs28:20px;
    --fs24:18px;
    --fs22:16px;
    --fs18:15px;
    --fs16:14px;
    --fs14:12px;
  }
}
@media only screen and (max-width:768px) {
  .swiper-button-next,.swiper-button-prev {
    background: #0095f4;
    border-radius: 50px;
    aspect-ratio: 1/1;
    width: 35px!important;
    height: 35px!important;
}
  :root {
    	--f6vw:40px;
	--f5vw:35px;
	--f4vw:30px;
	--f3vw:23px;
    --f2vw:20px;
	--max-width: 1600px;
	--width: 94%;
	--fc:#0095f4;
	--fcc:#2d2d2d;
	--f10vw:60px;
	--f8vw:50px;
	--f6vw:45px;
	--f5vw:40px;
	--f4vw:30px;
	--f3vw:24px;
   --f2.7vw:24vw;
   
  }
}

@media only screen and (max-width:410px) {
  :root {
        	--f6vw:30px;
	--f5vw:30px;
	--f4vw:25px;
	--f3vw:20px;
    --f2vw:16px;
    --fs72: 36px;
    --fs60: 32px;
    --fs54: 24px;
    --fs48: 26px;
    --fs42:22px;
    --fs30: 20px;
    --fs24: 18px;
    --fs22: 16px;
    --fs18: 15px;
    --fs16: 14px;
    --fs14: 12px;
  }
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 2% !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px !important;
}
.swiper-pagination-bullet-active {
    width: 15px;
    height: 15px;
    background: #ee0007;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet {
    opacity: 1 !important;
}