.bgmIMg{background-image:url('../images/solutionone/bjt.png');background-size: cover;}
.solution-section{background-image:url(../images/solutionone/bjc.png);background-size:cover;margin-bottom:22px;overflow:hidden;border:1px solid #fff;border-radius: 8px;box-shadow: 0 5px 10px rgb(122, 148, 188, 0.21);}

.solution_img{width:300px;height:198px;position:relative;}
.solution_img .bgImg{width:100%;height:auto;position:relative;top:50%;transform: translate(0, -50%);}
.name_box{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;font-size: 28px;line-height: 46px;color:#fff;padding:25px;font-weight: bold;}

.a_box{width: calc(100% - 300px);padding:30px 50px;}
.solution-item{position: relative; float: left;width: 33.33%;padding-right: 20px;margin:20px 0;}
.solution_box{display:flex;align-items:center}
.solution-item img{width:30px;height:auto;margin-right:15px;}
.solution-item .img2{display:none}
.solution-item:hover .img1{display:none}
.solution-item:hover .img2{display:inline;}
.solution-item span{font-weight:400;font-size:18px;display:inline-block;}
.solution-item:hover span{color: #0064E8;}
.solution-item .arrow{position: absolute;opacity: 0;left:45px;bottom:-20px;transform: translate(-20px,0);transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.solution-item .arrow img{width:69px;height:auto;}
.solution-item:hover .arrow{opacity: 1;transform: translate(0,0);}

@media (max-width:1680px){
    
    .solution_img{width: 280px;height: 188px;}
    .a_box{padding:26px 35px;width: calc(100% - 280px);}
    .name_box{font-size: 24px;line-height: 40px;}
    .solution-item{margin:18px 0;}
    .solution-item span{font-size: 15px;}
    .solution-item img{width: 26px;}
    
}

@media (max-width:1460px){

    .solution-item span{font-size: 14px;}
    .solution-item img{width: 20px;margin-right:10px;}
    .solution_img{height: 175px;}
    .name_box{font-size: 20px;line-height: 32px;}
    .solution-item .arrow img{width: 38px;}
    .solution-item .arrow{left:30px;bottom:-15px;}

}

@media (max-width:768px){

.solution-section{margin-bottom: 12px;}
.solution_img{width: 38%;height: 130px;}
.name_box{padding:15px;font-size: 19px;line-height: 28px;}

.a_box{width: 62%;padding:12px 15px;}
.solution-item{width: 100%;margin:8px 0;padding-right: 0;}
.solution-item span{font-size:13px;}
.solution-item .arrow{display: none !important;}
.solution-item img{width: 20px;margin-right: 10px;}

}