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

.indexF-arshine ul{margin:30px -30px 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexF-arshine ul li{width:25%;padding:20px 30px;text-align:center;}
.indexF-arshine ul li .box{height:100%;background:#fff;padding:10px;}
.indexF-arshine ul li .pic{display:block;position:relative;overflow:hidden;position:relative;}
.indexF-arshine ul li .pic img{display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.indexF-arshine ul li h5{margin:35px 0 0;font-size:13px;line-height:24px;height:48px;overflow:hidden;}
.indexF-arshine ul li h5 a{color:#010101;}
.indexF-arshine ul li h5 a:hover{color:#0078d5;}

.indexF-arshine ul li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}


@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;}

}