.indexE-arshine{padding:75px 0;background:#777A7C;}
.indexE-arshine h3{font-size:50px;color:#fff;line-height:1;font-family:var(--font-family);text-align:center;}
.indexE-arshine .list{position:relative;margin:40px 0 0;}
.indexE-arshine .bd{width:100%;}
.indexE-arshine .bd .tempWrap {margin:0 auto;}
.indexE-arshine .bd img{padding:15%;width:100%;}
.indexE-arshine .bd ul{padding:0;}                   
.indexE-arshine .bd ul li{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:center;}
.indexE-arshine .bd ul li .pic{width:50%;}
.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-family);}
.indexE-arshine .bd ul li .txt h5{font-size:18px;line-height:1;color:#fff;font-family:var(--font-family);margin:5px 0 0;}
.indexE-arshine .bd ul li .txt h5::after{content:"";width:59px;height:4px;background:var(--text-color-active);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(--btn-bg);text-decoration:none;}
.indexE-arshine .bd ul li .txt a:hover{background:var(--btn-bg-hover);}

.indexE-arshine .hd{width:100%;margin:20px 0 0;}
.indexE-arshine .hd ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0 -10px;}
.indexE-arshine .hd ul li{cursor:pointer;width:25%;box-sizing:border-box;padding:10px;position:relative;}
.indexE-arshine .hd ul li .box{background:#fff;display:flex;align-items:center;padding:15px 20px;}
.indexE-arshine .hd ul li img{width:120px;height: 120px;border-radius: 100%;object-fit: cover;}
.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-family);display:block;margin-bottom:5px;}
.indexE-arshine .hd ul li.on .box{background:var(--text-color-active);}
.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;height: 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;height: 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;}
.indexE-arshine .hd ul li{padding:10px}
.indexE-arshine .bd ul li .txt h4{font-size:32px;}
.indexE-arshine .hd ul li img{width:90px;height: 90px;}
.indexE-arshine .hd ul li p {margin-left:10px;font-size:14px;line-height:1.1;}
.indexE-arshine .hd ul li p span {font-size:16px;}
}

@media screen and (max-width:1000px){
.indexE-arshine h3{font-size:34px;}
.indexE-arshine .hd ul li .box{
    width: 100%;
    height: 0;
    padding-bottom: 82.5%;
    overflow: hidden;
    position: relative;
}
.indexE-arshine .hd ul li p {display:none;}
.indexE-arshine .hd ul li img {width:calc(100% - 30px);height: calc(100% - 30px);position: absolute;top:15px;left: 15px;}
}

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

@media screen and (max-width:820px){
.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;}
  
.indexE-arshine .hd ul {justify-content: center;}

}


@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 {padding: 5px;}  
}