.indexF-arshine{padding:75px 0 55px;background: no-repeat center top;background-size:cover;}
.indexF-arshine .tit{text-align:center;}
.indexF-arshine .tit h3{color:#fff;font-size:48px;color:var(--active-color);line-height:1;font-family:var(--font-family1);}
.indexF-arshine .tit a{font-size:18px;color:var(--active-color);margin:15px 0 0;display:inline-block;}

.indexF-arshine .list{margin:50px 0 0;position:relative;}

.indexF-arshine .swiper-slide .box{height:100%;background:#fff;padding:10px;border: 1px solid #d1d2d4;position:relative;border-radius:10px;}
.indexF-arshine .swiper-slide .box::after{content:'';width:calc(100% - 20px);height:5px;background:#d1d2d4;position:absolute;left:50%;top:-3px;transform: translatex(-50%);transition:0.5s;}


.indexF-arshine .swiper-slide .pic{display:block;position:relative;overflow:hidden;position:relative;}
.indexF-arshine .swiper-slide .pic img{display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.indexF-arshine .swiper-slide h5{margin:35px 0 0;font-size:18px;line-height:24px;height:48px;overflow:hidden;}
.indexF-arshine .swiper-slide h5 a{color:#010101;}
.indexF-arshine .swiper-slide h5 a:hover{color:var(--active-color);}

.indexF-arshine .swiper-slide:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.indexF-arshine .swiper-slide:hover .box::after{width: 100px;background:#1D6EBD;}

.indexF-arshine .swiper-button-prev,.indexF-arshine .swiper-button-next{width:50px;height:50px;background:transparent;color:#333;margin-top:-25px;text-align:center;}
.indexF-arshine .swiper-button-prev::after,.indexF-arshine .swiper-button-next::after{display:none;}
.indexF-arshine .swiper-button-prev i,.indexF-arshine .swiper-button-next i{font-size:40px;line-height:50px;color:inherit;}
.indexF-arshine .swiper-button-prev,.indexF-arshine .swiper-container-rtl .swiper-button-next{left:-60px;right:auto;}
.indexF-arshine .swiper-button-next,.indexF-arshine .swiper-container-rtl .swiper-button-prev{right:-60px;left:auto;}
.indexF-arshine .swiper-button-prev:hover,.indexF-arshine .swiper-button-next:hover{opacity:0.7;}


@media screen and (max-width:1441px) {
.indexF-arshine .tit h3{font-size:48px;}
}

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

.indexF-arshine .tit h3{font-size:44px;}

.indexF-arshine ul{margin:30px -20px 0;}
.indexF-arshine ul li{padding:20px 20px;}

.indexF-arshine{padding:60px 0 50px;}

}

@media screen and (max-width:1281px){
.indexF-arshine .tit h3{font-size:40px;}

.indexF-arshine ul{margin:30px -15px 0;}
.indexF-arshine ul li{padding:15px 15px;}
}


@media screen and (max-width:1171px){
.indexF-arshine .tit h3{font-size:36px;}
}

@media screen and (max-width:992px){
.indexF-arshine .tit h3{font-size:32px;}
}


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

.indexF-arshine .tit h3{font-size:28px;}

.indexF-arshine{padding:30px 0;}
.indexF-arshine .tit a{font-size:16px;}
.indexF-arshine ul{margin:20px -10px 0;}
.indexF-arshine ul li{width:50%;padding:10px;}
.indexF-arshine ul li h5{margin:20px 0 0;font-size:16px;line-height:22px;height:44px;}
}


@media screen and (max-width:600px) {
.indexF-arshine .tit h3{font-size:26px;}
}


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

.indexF-arshine .tit h3{font-size:24px;}

}