.indexE-arshine{padding:75px 0;background:#777A7C;}
.indexE-arshine h3{font-size:50px;color:#fff;line-height:1;font-family:var(--font-family1);text-align:center;}
.indexE-arshine .list{position:relative;margin:40px 0 0;}
.indexE-arshine .bd{width:100%;}
.indexE-arshine .bd img{width:100%;}
.indexE-arshine .bd ul li{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;}
.indexE-arshine .bd ul li .pic{width:700px;}
.indexE-arshine .bd ul li .txt{-webkit-flex:1;flex:1;margin:0 0 0 30px;}
.indexE-arshine .bd ul li .txt h4{font-size:36px;line-height:1;color:#fff;font-family:var(--font-family1);}
.indexE-arshine .bd ul li .txt h5{font-size:18px;line-height:1;color:#fff;font-family:var(--font-family1);margin:5px 0 0;}
.indexE-arshine .bd ul li .txt h5::after{content:"";width:59px;height:4px;background:var(--active-color);margin:7px auto 0 0;display:block;}
.indexE-arshine .bd ul li .txt p{font-size:18px;line-height:30px;color:#fff;margin:15px 0 0;}
.indexE-arshine .bd ul li .txt a{line-height:50px;font-size:18px;padding:0 50px;display:inline-block;border-radius:10px;color:#fff;margin:30px 0 0;background:var(--active-color);}

.indexE-arshine .hd{width:100%;margin:20px 0 0;}
.indexE-arshine .hd ul{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexE-arshine .hd ul li{cursor:pointer;flex:1;padding:15px 20px;position:relative;background:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.indexE-arshine .hd ul li+li{margin-left:20px;}
.indexE-arshine .hd ul li img{width:120px;}
.indexE-arshine .hd ul li p{-webkit-flex:1;flex:1;margin:0 0 0 23px;font-size:18px;color:#000;}
.indexE-arshine .hd ul li p span{font-size:24px;font-family:var(--font-family1);display:block;margin-bottom:5px;}
.indexE-arshine .hd ul li.on{background:var(--active-color);}
.indexE-arshine .hd ul li.on p{color:#fff;}


@media screen and (max-width:1500px){
.indexE-arshine .hd ul li{padding:15px 15px;}
.indexE-arshine .hd ul li img{width:110px;}
.indexE-arshine .hd ul li p{margin:0 0 0 20px;}
.indexE-arshine .hd ul li p span{font-size:22px;}
}

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

.indexE-arshine .bd ul li .pic{width:650px;}
}

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

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

.indexE-arshine .bd ul li .pic{width:600px;}
.indexE-arshine .bd ul li .txt h4{font-size:34px;}
.indexE-arshine .bd ul li .txt p{font-size:17px;line-height:28px;}

.indexE-arshine .hd ul li img{width:100px;}
.indexE-arshine .hd ul li p{font-size:17px;}
.indexE-arshine .hd ul li p span{font-size:20px;}


.indexE-arshine{padding:60px 0;}

}

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

}


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

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

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

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

.indexE-arshine{padding:30px 0;}
.indexE-arshine .list{margin:30px 0 0;}
.indexE-arshine .bd{width:100%;}
.indexE-arshine .bd img{width:100%;}
.indexE-arshine .bd ul li{display:block;}
.indexE-arshine .bd ul li .pic{width:100%;}
.indexE-arshine .bd ul li .txt{margin:20px 0 0;text-align:center;}
.indexE-arshine .bd ul li .txt h4{font-size:30px;}
.indexE-arshine .bd ul li .txt h5{font-size:16px;}
.indexE-arshine .bd ul li .txt h5::after{margin:7px auto 0;}
.indexE-arshine .bd ul li .txt p{font-size:16px;line-height:24px;}
.indexE-arshine .bd ul li .txt a{line-height:40px;font-size:16px;padding:0 30px;margin:25px 0 0;}

.indexE-arshine .hd{margin:25px 0 0;}
.indexE-arshine .hd ul li{padding:15px;-webkit-justify-content:center;justify-content:center;}
.indexE-arshine .hd ul li p{display:none;}

}


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

.indexE-arshine h3{font-size:26px;}

}


@media screen and (max-width:480px) {
.indexE-arshine h3{font-size:24px;}

.indexE-arshine .hd ul li + li{margin-left:10px;}
}