.com-pag-ul{display:inline-block;}
.com-pag-ul li{float:left;margin:0 5px;}
.com-pag-item a{display:block;width:46px;height:46px;background-color:#f1f3f6;color:#999;text-align:center;font-family:'Open Sans';line-height:46px;transition:all .5s;}
.com-pag-item i{font-weight:700;font-size:14px;}
.com-pag-item a.active{background-color:#e6223e;color:#fff;}
.com-pag-item a:hover{background-color:#e6223e;color:#fff;}
.com-pagination.swiper-pagination{bottom:40px!important;width:100%!important;}
.com-pagination .swiper-pagination-bullet{margin:0 2px;width:20px;height:6px;border-radius:0!important;border-radius:3px!important;background-color:#fff;opacity:1!important;}
.com-pagination .swiper-pagination-bullet-active{position:relative;width:40px;}
.com-pagination .swiper-pagination-bullet-active::after{position:absolute;top:0;left:0;width:0%;height:6px;border-radius:3px!important;background:#e6223e;content:"";transition:all 8s;animation:swipermove 8s linear;}
.com-pagination .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px!important;}
@keyframes swipermove{
	0%{width:0%;}
100%{width:100%;}
}

.banner-wrap{position:absolute;top:49.1%;width:100%;transform:translateY(-50%);}
.index.banner .swiper-slide{position:relative;overflow:hidden;}
.index.banner .app-banner{display:none;width:100%;}
.index.banner{position:relative;z-index:22;margin-top:0;}
.pc-banner{width:100%;}
.banner-icon{position:absolute;bottom:30px;left:50%;z-index:1;text-align:center;transform:translateX(-50%);animation:moveline 1.5s ease-in-out infinite;}
@keyframes moveline{0%{transform:translateX(-50%) translateY(-10px);}
100%{transform:translateX(-50%) translateY(0);}
}
.banner-font h4{color:#fff;font-size:72px;font-family:hxb;}
.bold{font-weight:700;}
.banner-font p{margin:17px 0 44px;color:#fff;line-height:40px;}
.banner-box{width:100%;text-align:center;}
.banner .swiper-button-next,.banner .swiper-button-prev{display:none;}
@media(max-width:1919px){.ban-tit{letter-spacing:-2px;font-size:62px;line-height:72px;}
.banner-font h4{font-size:64px;}
}
@media(max-width:1679px){.ban-tit{margin:16px 0 55px;letter-spacing:0;font-size:54px;line-height:62px;}
.index.banner .ban-btn{padding:17px 60px;}
.banner-font h4{font-size:58px;}
}
@media(max-width:1459px){.ban-tit{margin:10px 0 36px;font-size:48px;line-height:62px;}
.index.banner .ban-btn{padding:16px 50px;}
.banner-font h4{font-size:48px;}
.banner-icon img{width:20px;}
}
@media(max-width:1259px){.index.banner{margin-top:0px;}
.ban-tit{font-size:38px;line-height:45px;}
.index.banner .ban-btn{padding:14px 36px;}
.banner-font h4{font-size:34px;}
}
@media(max-width:991px){.ban-tit{margin:8px 0 32px;font-size:28px;line-height:34px;}
.index.banner .ban-btn{padding:12px 28px;}
.banner-font h4{font-size:28px;}
.mod_service {padding: 18px 0 65px;}
}
@media(max-width:767px){.index.banner .app-banner{display:block;}
.index.banner .pc-banner{display:none;}
.banner-btn{text-align:center;}
.index.banner .ban-btn{padding:8px 24px;}
.ban-tit{margin:6px 0 24px;font-size:22px;line-height:28px;}
.index.banner .ban-btn{padding:8px 24px;}
.banner-font h4{font-size:16px;}
.banner-icon{display:none;}
.banner-font p{font-size:11px;    line-height: 15px;margin: 10px 0 24px;}
.banner-font a{display:none !important;}
}
