@charset "utf-8";

:root {
  --swiper-mycolor-main: #007aff;   /*主色调*/
  --swiper-mycolor-light: #cccccc;  /*浅灰色*/
}

@font-face {font-family:"swiper-myicons";
	src: url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAUwAAsAAAAADEAAAATiAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACEMgqJWIdpATYCJAM0CxwABCAFhGcHgQ8bcgrInpo8IUQpiIAEVWh73BaZePj//b7tc+8T+38G8aba1BOJjCc8TaiIhqSlUAohzSI+rOHtz39u+qmYZmaBitGJATMjTCxN/k/BX0jFkxl9yY5A7SaWHieuJ7F0riEQA2djqkvxraqlc29FjSR4KBANiNUskdpchRowKsXG2hk9E3PjMlHNhCL2KncR6Ow1U8Bp/ZI1IOY2yTlAhiDhyKCpG7fNDAnCDIdiQRgaVnH3LMRLwaRH6SrgRfHx8UN+hJGUWXicS7d0NDippChfMz/jgbwoGyFg7YQSGTvvzBWvlwNPBVaFnQJ1U9cLcgUw1UiqcZWCK8uVlcpR5etshhA8rSs6pHzp6FYPU/MSIpwm7B+8Sq3R6vQGWSEkohLiAQPedJxjSoIoGVMRFeM0RM2IIxrG5YiWcSWiYzyE6BkPa84mR2CTQY7CpgD5ApsA+YpmEphke6wFrATiIgDxRUhvFIUQ8ldVG4YotyQ+LTkxtiaqYEpOrCFVvVRCghv5RS+fDOm0gU9KZdoEBhbKzJaCFJ9fTBprSN6/T9wXTA8exGLJeO+emF9z925MRLyxZZNMUzaBmLeJa1yfUVAd8EtpqD1pjdHXMSimVKQ08AcS5wyAXgfXRwgqcbuIcleqifB3DkvJZLL9lgopyN87eI+LtXf0RTqGeVIa6Oq8Z2Xm9/f3emXJ0BfpnAgLcr/eoAHAG4C5o8L7qWi3MBnJ4lE+HdLt/DFpCjOsYvhJcEg6IWQgpks4Lk6kB4H9bbhkcb9LanhhbOgulhTf7PZ5jfHD8TrPzkhZfvCReKPPC+NA0sOxpWafXjvW4xm7dvz6i7Eyr+jxrB27fvxFdDux5KK3VVq6dOvWUlr7Bkpl4dKtWvrNYIu/bgDW1AEL6fFhrd+eRX+O1rD49Frwq8CUXzoxDZd2cYeJFUewI2nFQ0+MWGd5IW1RY9g5NQrEvGxacXjUYawkfyJyZW2RttBTPFrxQxe1c6ehpq1Usmj1/PdFmdm0WcVpEgdUw+Gdeg8vI+cSn+jQOJCwTNdjGG0Y0/3lnEfz66V/taQD4RFQh+bTejKKf9KEujuudCGjlW5O6cjqaAyVubGgDHq9Hek8QMKvqaPLtvwHmN37ObGQPPyUdyh687t8W/b9Whp5NyQHc3KgTnIkPcnnZYfTHz3vn+TSYj5QemFWIpHW8ubGnpEtsdO/h0X+t6Z9Lp81i+IzbwHEaCQCwdZIG7KROWThJZkUU32XtBCYON7SiDF10TDkTGSpR0SXsTFZSpc1kNTWQdZYzykE26HU2w+VxhHo7KDbv7eMS6AoWmy2/QJh3hAkUx8hm3eBUwgeQGmlEajM+w+dyxF9tN7moOaxkOQgjVXUYWbK6UAx44piV0GmykayY1kCsm4z0lgerumXGaADskds465m8jkOYYh12jG9dj5oszkxF+u0QIrDKznOpVWr0dSr4JTTDuZhQSQORMNUqIMxozg5oGxorvv1VoEYVWxILJND+FhuRU3FY/LgNAyOATtYXd5JY7dqjHwc5RAM0ms72WH0+3yQLSo4YVzTq1lAFA6uckfORUtNQyEuxsVT+w8+Dzrh00wiRY4iyqiijiba6KKPISYxVS/Usmamkgspqtgg4oLZzBnCDjGdO4JpEEuLZ+FTXMoRXGtrz7ADAAA=") format("woff2");
}

.swiper-slide-auto {width:auto;}

.swiper-button-prev, .swiper-button-next {outline:none; width:auto;}
.swiper-button-prev:after, .swiper-button-next:after {font-family:"swiper-myicons"; font-size:44px;}

/*细箭头(默认)*/
.swiper-button-prev:after {content:"\e6b9";}
.swiper-button-next:after {content:"\e6ba";}

/*极细箭头*/
.swiper-button-prev-x:after {content:"\e6f3";}
.swiper-button-next-x:after {content:"\e6f2";}

/*粗箭头*/
.swiper-button-prev-c:after {content:"\e651";}
.swiper-button-next-c:after {content:"\e64f";}

/*尖箭头*/
.swiper-button-prev-p:after {content:"\e62e";}
.swiper-button-next-p:after {content:"\e62d";}

/*圆形箭头*/
.swiper-button-prev-r:after {content:"\e6bb";}
.swiper-button-next-r:after {content:"\e6bc";}

/*双箭头*/
.swiper-button-prev-d:after {content:"\e617";}
.swiper-button-next-d:after {content:"\e616";}

.swiper-button-prev:after, .swiper-button-next:after {color:var(--swiper-mycolor-main);}
.swiper-button-prev:hover:after, .swiper-button-next:hover:after {color:#fff;}
@media (max-width: 1000px) {
	.swiper-button-prev:after, .swiper-button-next:after {font-size:34px;}
	.swiper-button-prev {left:5px;}
	.swiper-button-next {right:5px;}
}

.swiper-pagination {width:100%; bottom:10px;}
.swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin:0 3px; border:1px solid var(--swiper-mycolor-light); background-color:var(--swiper-mycolor-light); outline:none; opacity:1;}
.swiper-pagination .swiper-pagination-bullet-active {border-color:var(--swiper-mycolor-main); background-color:var(--swiper-mycolor-main);}

.swiper-button-prev-index, .swiper-button-next-index {background-color:rgba(0, 0, 0, 0.8); width:50px; height:50px; border-radius:50%; opacity:0; transition-property:all; transition-timing-function:ease-out; transition-duration:0.3s;}
.swiper-container-index:hover .swiper-button-prev-index, .swiper-container-index:hover .swiper-button-next-index {opacity:1;}
.swiper-button-prev {left:5%;}
.swiper-button-next {right:5%;}
.swiper-button-prev-index:after, .swiper-button-next-index:after {color:#fff; font-size:22px;}

.swiper-container-index .swiper-pagination {bottom:26px;}
.swiper-container-index .swiper-pagination-bullet {width:6px; height:6px; border-radius:9px; background-color:#000; border:1px solid #000; transition-property:all; transition-timing-function:ease-out; transition-duration:0.3s;}
.swiper-container-index .swiper-pagination-bullet-active {width:40px; background-color:#fff; border:1px solid #fff;}

.swiper-pagination-ab2 {text-align: right; right: 20px; bottom: 20px;}
.swiper-pagination-ab2 .swiper-pagination-bullet {background-color: transparent; border: 1px solid transparent; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 0;}
.swiper-pagination-ab2 .swiper-pagination-bullet:after {display: block; font-size: 17px;}
.swiper-pagination-ab2 .swiper-pagination-bullet-active {border-color: #222;}
.swiper-pagination-ab2 .swiper-pagination-bullet:nth-child(1):after {content: "1";}
.swiper-pagination-ab2 .swiper-pagination-bullet:nth-child(2):after {content: "2";}
.swiper-pagination-ab2 .swiper-pagination-bullet:nth-child(3):after {content: "3";}
.swiper-pagination-ab2 .swiper-pagination-bullet:nth-child(4):after {content: "4";}
.swiper-pagination-ab2 .swiper-pagination-bullet:nth-child(5):after {content: "5";}
.swiper-pagination-ab2 .swiper-pagination-bullet:nth-child(6):after {content: "6";}
.swiper-pagination-ab2 .swiper-pagination-bullet:nth-child(7):after {content: "7";}
.swiper-pagination-ab2 .swiper-pagination-bullet:nth-child(8):after {content: "8";}

.swiper-button-prev-ab3 {left: 20%;}
.swiper-button-next-ab3 {right: 20%;}
.swiper-button-prev-ab3:after, .swiper-button-next-ab3:after {color: #222;}
.swiper-button-prev-ab3:hover:after, .swiper-button-next-ab3:hover:after {color: var(--main-color);}

@media (max-width: 1000px) {
	.swiper-container-index .swiper-pagination {bottom: 10px;}
	.swiper-container-index .swiper-pagination-bullet {width: 6px; height: 6px;}
	.swiper-container-index .swiper-pagination-bullet-active {width:30px;}

	.swiper-button-prev-ab3 {left: 1%;}
	.swiper-button-next-ab3 {right: 1%;}
}