.swiper-button-prev::after,.swiper-button-next::after{display:none;}

#arshine2-banner{position:relative;}
#arshine2-banner img{width:100%;}
#arshine2-banner .wp{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
#arshine2-banner  .list3 {
    right: 0px;
    position: absolute;
    max-width: 50%;
    margin-top:170px;
}
#arshine2-banner .list3 h5 {
    font-size: 76px;
    font-weight: 700;
    line-height: 1.2;
    color: #fefefe;
}
#arshine2-banner .list3 h5:after {
    content: '';
    width: 130px;
    height: 8px;
    display: block;
    background: rgb(57,151,213);
    border-radius: 4px;
    margin: 20px 0 0;
}
#arshine2-banner .list3 p {
    padding-top: 20px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    color: #fefefe;
}
#arshine2-banner .list3 .more a {
    width: 220px;
    height: 40px;
    line-height: 40px;
    background: var(--color-primary);
    border-radius: 10px;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}
#arshine2-banner .list3 .more a:hover {
    background: rgb(86,86,86);
}

#arshine2-banner  .list2 {
    position: absolute;
    max-width: 50%;
    margin-top: 100px;
}
#arshine2-banner .list2 h5 {
    font-size: 76px;
    font-weight: 700;
    line-height: 1;
    color: #fefefe;
}
#arshine2-banner .list2 h5:after {
    content: '';
    width: 130px;
    height: 8px;
    display: block;
    background: rgb(57,151,213);
    border-radius: 4px;
    margin: 20px 0 0;
}
#arshine2-banner .list2 p {
    padding-top: 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: #fefefe;
}
#arshine2-banner .list2 .more a {
    width: 220px;
    height: 40px;
    line-height: 40px;
    background: var(--color-primary);
    border-radius: 10px;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}
#arshine2-banner .list2 .more a:hover {
    background: rgb(86,86,86);
}

#arshine2-banner  .list1 {
    position: absolute;
    max-width: 50%;
    margin-top: 180px;
}
#arshine2-banner .list1 h5 {
    font-size: 76px;
    font-weight: 700;
    line-height: 1;
    color: #fefefe;
}
#arshine2-banner .list1 h5:after {
    content: '';
    width: 130px;
    height: 8px;
    display: block;
    background: rgb(57,151,213);
    border-radius: 4px;
    margin: 20px 0 0;
}
#arshine2-banner .list1 p {
    padding-top: 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.8;
    color: #fefefe;
}
#arshine2-banner .list1 .more a {
    width: 220px;
    height: 40px;
    line-height: 40px;
    background: var(--color-primary);
    border-radius: 10px;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}
#arshine2-banner .list1 .more a:hover {
    background: rgb(86,86,86);
}
#arshine2-banner  .list4 {
    position: absolute;
    max-width: 50%;
    margin-top: 140px;
}
#arshine2-banner .list4 h5 {
    font-size: 76px;
    font-weight: 700;
    line-height: 1;
    color: #fefefe;
}
#arshine2-banner .list4 h5:after {
    content: '';
    width: 130px;
    height: 8px;
    display: block;
    background: rgb(57,151,213);
    border-radius: 4px;
    margin: 20px 0 0;
}
#arshine2-banner .list4 p {
    padding-top: 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.8;
    color: #fefefe;
}
#arshine2-banner .list4 .more a {
    width: 220px;
    height: 40px;
    line-height: 40px;
    background: var(--color-primary);
    border-radius: 10px;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}
#arshine2-banner .list4 .more a:hover {
    background: rgb(86,86,86);
}

#arshine2-banner  .list5 {
    position: absolute;
    max-width: 50%;
    margin-top: 180px;
}
#arshine2-banner .list4 h5 {
    font-size: 76px;
    font-weight: 700;
    line-height: 1;
    color: #fefefe;
}
#arshine2-banner .list4 h5:after {
    content: '';
    width: 130px;
    height: 8px;
    display: block;
    background: rgb(57,151,213);
    border-radius: 4px;
    margin: 20px 0 0;
}
#arshine2-banner .list5 p {
    padding-top: 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.8;
    color: #fefefe;
}
#arshine2-banner .list5 .more a {
    width: 220px;
    height: 40px;
    line-height: 40px;
    background: var(--color-primary);
    border-radius: 10px;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}
#arshine2-banner .list5 .more a:hover {
    background: rgb(86,86,86);
}
#arshine2-banner  .list5 {
    right: 0px;
    position: absolute;
    max-width: 50%;
    margin-top: 180px;
}
#arshine2-banner .list5 h5 {
    font-size: 71px;
    font-weight: 700;
    line-height: 1.2;
    color: #fefefe;
}
#arshine2-banner .list5 h5:after {
    content: '';
    width: 130px;
    height: 8px;
    display: block;
    background: rgb(57,151,213);
    border-radius: 4px;
    margin: 20px 0 0;
}
#arshine2-banner .list5 p {
    padding-top: 20px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    color: #fefefe;
}
#arshine2-banner .list5 .more a {
    width: 220px;
    height: 40px;
    line-height: 40px;
    background: var(--color-primary);
    border-radius: 10px;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}
#arshine2-banner .list5 .more a:hover {
    background: rgb(86,86,86);
}
#arshine2-banner  .swiper1 .swiper-slide{
height:750px;
}
#arshine2-banner .swiper1 img {
	height: 100%;
    object-fit: cover;
}



#arshine2-banner .swiper2{width:810px;position:absolute;z-index:30;bottom:30px;left:calc(50% - 400px);}
#arshine2-banner .swiper2 .swiper-slide{width:150px;padding-bottom:17px;cursor:pointer;}
#arshine2-banner .swiper2 .swiper-slide::after{content:'';position:absolute;bottom:0;left:0;right:0;height:5px;transition:all .2s ease;background-color:transparent;}

#arshine2-banner .swiper2 .swiper-slide .pic{position:relative;overflow:hidden;}
#arshine2-banner .swiper2 .swiper-slide .pic::after{content:'';position:absolute;bottom:0;left:0;right:0;top:0;transition:all .2s ease;background-color:rgba(0,0,0,0.6);opacity:1;}


#arshine2-banner .swiper2 .swiper-slide:hover::after{background-color:#fff;}
#arshine2-banner .swiper2 .swiper-slide:hover .pic::after{opacity:0;}

#arshine2-banner .swiper2 .active-nav .pic::after{opacity:0;}
#arshine2-banner .swiper2 .active-nav::after{background-color:#499FDA;}


#arshine2-banner .swiper-pagination{bottom:25px;display:flex;justify-content:center;align-items:center;display:none;}
#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);}

#arshine2-banner .arrow-left,#arshine2-banner .arrow-right{position:absolute;z-index:100;cursor:pointer;top:50%;display:inline-block;width:50px;height:50px;line-height:50px;border-radius:0;background:transparent;margin-top:-25px;text-align:center;}
#arshine2-banner .arrow-left i,#arshine2-banner .arrow-right i{font-size:40px;color:#fff;}

#arshine2-banner .arrow-left{left:10px;}
#arshine2-banner .arrow-right{right:10px;}

#arshine2-banner .arrow-left:hover i,#arshine2-banner .arrow-right:hover i{color:var(--active-color);}


@media screen and (max-width:768px){

#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) {

}

@media screen and (max-width:1500px){
#arshine2-banner .t{
margin-top:100px;
}
}

@media screen and (max-width:1280px){

#arshine2-banner .t{
    max-width: 100%;
    margin-top: 50px;
}
#arshine2-banner .list3{
right:auto !important;
}
}

@media screen and (max-width:992px){
#arshine2-banner .swiper2 .swiper-slide{
display:none !important;
}
#arshine2-banner  .swiper1 .swiper-slide{
height:auto;
}
 #arshine2-banner .t h5{
font-size:40px;
}
#arshine2-banner .t p{
font-size:16px;
}

#arshine2-banner .list5{

}
}





@media screen and (max-width:768px){
#arshine2-banner .t{
margin-top:10px;
}
#arshine2-banner .t p{
padding-top:0 !important;
}

#arshine2-banner .arrow-left, #arshine2-banner .arrow-right{
display:none !important;
}
}





@media screen and (max-width:576px){
#arshine2-banner .t h5{
font-size:20px;
}
 #arshine2-banner .t p{
font-size:12px;
display:none !Important;
}
 #arshine2-banner .t .more a{
width:100px;
font-size:12px;
}

}

@media screen and (max-width:1550px){
#arshine2-banner .arrow-left, #arshine2-banner .arrow-right{
display:none !important;
}
}