.index_service { margin-top:10px; } 
.index_service .index_link a { color: #ffffff; background: #015CAC; }
.index_service > .box .boxRight { width: 100%; }
.index_service > .box .boxRight .item { width: 33.33%; box-sizing: border-box; border: 1px solid #ddd; padding: 20px 40px; position: relative; }
.index_service > .box .boxRight .item a { display: block; }
.index_service > .box .boxRight .item a .main { z-index: 2; position: relative; }
.index_service > .box .boxRight .item a .main .left { width: 52.5px; }
.index_service > .box .boxRight .item a .main .left img { width: 100%; margin-top: 5px; transition: 0.4s; }
.index_service > .box .boxRight .item a .main .left .img2 { display: none; }
.index_service > .box .boxRight .item a .main .right { width: calc(100% - 52.5px); box-sizing: border-box; padding-left: 28.125px; }
.index_service > .box .boxRight .item a .main .right .content1 { font-size: 22px; color: #000; transition: 0.4s; }
.index_service > .box .boxRight .item a .main .right .content2 { margin-top: 20px; font-size: 16px; color: #666; line-height: 21.25px; transition: 0.4s; }
.index_service > .box .boxRight .item a .main .right .content3 { margin-top: 15px; font-size: 14px; font-family: 'gilroy_bold'; color: #015CAC; transition: 0.4s; }
.index_service > .box .boxRight .item a .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: 0.4s; }
.index_service > .box .boxRight .item a .img img { width: 100%; height: 100%; }
 @media screen and (max-width: 1280px) {
.index_service > .box .boxRight .item:hover a .main .left .img1 { display: none; }
.index_service > .box .boxRight .item:hover a .main .left .img2 { display: inline-block; }
.index_service > .box .boxRight .item:hover a .main .right .content1 { color: #fff; }
.index_service > .box .boxRight .item:hover a .main .right .content2 { color: #fff; }
.index_service > .box .boxRight .item:hover a .main .right .content3 { color: #fff; }
.index_service > .box .boxRight .item:hover a .img { opacity: 1; }
}
@media screen and (max-width: 1366px) {
.index_service > .box .boxRight { width: 100%; margin-top: 20px; }
.index_service > .box .boxRight .item a .main .left { width: 42.5px; }
.index_service > .box .boxRight .item a .main .right { padding-left: 8.125px; }
.index_service > .box .boxRight .item { padding: 30px; }
}
@media screen and (max-width: 669px) {
.index_service > .box .boxRight .item { padding: 30px; margin-bottom: 10px; width: 100%; }
.index_service > .box .boxRight { margin-top: 30px; }
}
.flexBetween { display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }
.clearfix:after { content: ""; height: 0; display: block; clear: both; }