#arshine2-banner::after{content:"";position:absolute;top:0;left:0;right:0;padding:60px 0;z-index:20;background:linear-gradient(to bottom, rgba(255, 2555, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);}
#arshine2-banner .tit {border: 1px solid #2E6E8B;display: inline-block;border-radius: 24px;position: absolute;top: calc(50% - 130px);left: calc(50% - 90px);background: var(--bg-color);transition: all 0.3s ease 0s;}
#arshine2-banner .tit a {font-size: 18px;color: #333;line-height: 48px;padding: 0 12px 0 24px;}
#arshine2-banner .tit a i {display: inline-block;width: 28px;height: 28px;line-height: 28px;background: #1161A1;border-radius: 50%;	text-align: center;color: #fff;margin-left: 15px;}
#arshine2-banner .tit:hover{background:#1161A1;}
#arshine2-banner .tit:hover a{color:var(--bg-color);}
#arshine2-banner .tit:hover a i{color:#1161A1;background:var(--bg-color);}
#arshine2-banner img{width:100%;}

#arshine2-banner .swiper-pagination{bottom:25px;display:flex;justify-content:center;align-items:center;}
#arshine2-banner .swiper-pagination-bullet{height:10px;width:10px;margin:0 4px;background:var(--bg-color);border-radius:50%;opacity:1;position:relative;}
#arshine2-banner .swiper-pagination-bullet-active{width:14px;height:14px;border:4px solid var(--link-color-selected);background:var(--bg-color);}

@media screen and (max-width:768px){
    #arshine2-banner .tit {top: calc(50% - 58px);left: calc(50% - 57px);}
    #arshine2-banner .tit a {font-size: 12px;line-height: 28px;padding: 0 6px 0 10px;}
    #arshine2-banner .tit a i {width: 20px;height: 20px;line-height: 18px;margin-left: 6px;}
    #arshine2-banner .swiper-horizontal > .swiper-pagination-bullets{bottom:10px;}
    #arshine2-banner .swiper-pagination-bullet {width:25px;height:4px;margin:0 3px;}
}

@media screen and (max-width:400px) {
    #arshine2-banner .tit {top: calc(50% - 30px);}
}