.indexG-arshine {padding:75px 0 15px;background:#fff;}
.indexG-arshine h3 {font-size:36px;color:#212121;line-height:1;font-weight:400;text-align:center;}
.indexG-arshine .list {margin-top:50px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexG-arshine .list > div {width:calc(33.3333333% - 25px);background:#efefef;}
.indexG-arshine .n .pic {display:block;}
.indexG-arshine .n .pic img {width:100%;}
.indexG-arshine .n .txt {padding:20px 28px 0;height:280px;display:flex;flex-direction:column;}
.indexG-arshine .n .txt h5 {font-size:18px;color:#000;font-weight: 600;}
.indexG-arshine .n .txt .t {margin:10px 0 0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;transition:all 0.3s ease 0s;}
.indexG-arshine .n .txt .t em {font-size:16px;color:#000;font-family:var(--font-family2);line-height:22px;display:inline-block;padding:0 0 0 27px;background-repeat:no-repeat;background-position:left center;}
.indexG-arshine .n .txt .t em:nth-child(1) {background-image:url(../images/i1.png);}
.indexG-arshine .n .txt .t em:nth-child(2) {background-image:url(../images/i2.png);margin-left:15px;}
.indexG-arshine .n .txt p {margin:10px 0 0;font-size:16px;color:#666;line-height:24px;overflow:hidden;text-overflow:ellipsis;}
.indexG-arshine .n .txt span {margin:20px 0 0;display:inline-block;font-size:16px;color:#666;}
.indexG-arshine .n:hover .txt h5 a{color:#0073E0;}
.indexG-arshine .l {padding:35px 28px;background:#efefef;}
.indexG-arshine .l ul {}
.indexG-arshine .l ul li {}
.indexG-arshine .l ul li + li {margin-top:34px;}
.indexG-arshine .l ul li h5 {font-size:18px;color:#000;font-weight:600;}
.indexG-arshine .l ul li span {margin:5px 0 0;display:inline-block;font-size:16px;color:#666;}
.indexG-arshine .getmore {margin:50px 0 0;text-align:center;}
.indexG-arshine .getmore a{padding:10px 40px 10px 10px;display:inline-flex;align-items:center;text-align:center;font-size:15px;font-weight:700;color:#fff;border-radius:35px;transition:0.5s cubic-bezier(0.19,1,0.22,1);letter-spacing:1.1px;background:#323234}
.indexG-arshine .getmore a .ico {margin-right:20px;position:relative;min-width:50px;width:50px;height:50px;border:2px solid #fff;border-radius:50%;background:#fff;overflow:hidden;}
.indexG-arshine .getmore a .ico::before {display:block;content:'';width:100%;height:100%;background:#323234;border-radius:50%;opacity:0;transition:opacity 0.11s ease-out,transform 0.11s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform:translate(-50%,-50%) scale(0);}
.indexG-arshine .getmore a .ico em {display:block;width:100%;height:100%;transition:transform 0.22s 0.1s ease-out;}
.indexG-arshine .getmore a .ico em i {color:#323234;z-index:1;font-size:18px;transition:color 0.22s 0.1s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.indexG-arshine .getmore a span {transition:0.5s cubic-bezier(0.19,1,0.22,1);}
.indexG-arshine .getmore a:hover {transform:scale(1.15)}
.indexG-arshine .getmore a:hover .ico {border:2px solid #fff;}
.indexG-arshine .getmore a:hover .ico::before {opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity 0.22s ease-out,transform 0.22s ease-out}
.indexG-arshine .getmore a:hover .ico em {animation:moveRightInitial 0.22s 0.15s forwards,moveRightEnd 0.3s 0.2s forwards;transform:translateX(20px)}
.indexG-arshine .getmore a:hover .ico em i {color:#fff}
.indexG-arshine .getmore a:hover span {transform:scale(0.85) translate3d(0,0,0) perspective(1px)}



@media screen and (max-width:1500px) {
.indexG-arshine .n .txt .t em {font-size:15px;padding:0 0 0 25px;}
}

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

@media screen and (max-width:1367px) {
.indexG-arshine h3 {font-size:32px;}
.indexG-arshine {padding:60px 0;}
.indexG-arshine .n .txt {padding:20px 15px 0;}
.indexG-arshine .l {padding:35px 25px;}
.indexG-arshine .l ul li + li {margin-top:25px;}
.indexG-arshine .l ul li h5 {font-size:17px;}
}

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

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

}

@media screen and (max-width:992px) {
.indexG-arshine .n .txt {padding:15px 15px;}
.indexG-arshine .list > div {width:100%;margin:15px auto 0;}
}

@media screen and (max-width:768px) {
.indexG-arshine h3 {font-size:28px;}
.indexG-arshine {padding:30px 0;}
.indexG-arshine .list {margin-top:15px;}
.indexG-arshine .list > div {width:100%;margin:15px auto 0;}
.indexG-arshine .n .txt {padding:20px 15px;height:auto;}
.indexG-arshine .l {padding:20px 15px;}
.indexG-arshine .l ul li + li {margin-top:20px;}
.indexG-arshine .getmore {margin:30px 0 0;}
}

@media screen and (max-width:600px) {
.indexG-arshine h3 {font-size:26px;}
.indexG-arshine .list > div {width:80%;}
.indexG-arshine .l ul li h5 {font-size:16px;}
}

@media screen and (max-width:480px) {
.indexG-arshine h3 {font-size:24px;}
.indexG-arshine .list > div {width:100%;}
}