.solution,.solutionList{position: relative; width: 100%;background-color: #f2f2f2;}

.solution_con{position: relative; top: -3.6vw; margin: 0 auto; padding: 2.78rem 0; width: 95%; border-radius: 0.56rem; background-color: #fff; font-size: 0.9rem; line-height: 2;color: rgb(85, 83, 83);}

.solution_t1{font-size: 2rem; color: #333;}

.solution_t2{margin: 3.3rem 0; width: 70%;}

.solution_t5{position: relative; margin-bottom: 5.6rem; font-size: 0.78rem;}

.solution_t5::after{content: ''; position: absolute; bottom: -3.3rem; left: 0; width: 2.2rem; border-bottom: solid 0.25rem #004bc8;}

.solution_img{width: 100%; border-radius: 0.56rem;}

.solution_tag{padding: 0 2.2rem; font-size: 1.22rem; line-height: 2; color: #313131; border: solid 1px #313131;border-radius: 2rem; box-shadow: inset 0 0 0 black;transition: all .5s;}

.solution_tag:hover{border: solid 1px #313131; transform: scale(1,1);box-shadow: inset 0 0 0 23px #313131; color: #fff;}

.solution_tag:hover a{color:#fff;}

.solution_blo{margin: 4.17vw 0 0;display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:space-between;}

.solution_blo img{width: 61%;height: fit-content;}

.solution_blo_r{text-align: right;}

.solution_t{width: 32%;display: -webkit-box; display: -ms-flexbox; display: flex;flex-direction:column; justify-content:space-between;}

.solution_t p{padding: 0.5rem 0;}

.solution_t3{font-size: 2rem;}

.solution_t4{font-size: 2.67rem; line-height: 1.5; font-weight: bold; color: #004bc8;}

.solution_t5{font-size: 1.33rem;}

.solution_t6{margin-top: 1rem;font-size: 1.33rem;}



.solutionList .container{padding-top: 1.67rem; display: -webkit-box; display: -ms-flexbox; display: flex;flex-direction:row; justify-content:space-between; flex-wrap:wrap;}

.solutionList_blo{position: relative; margin:1.67rem 0; width: 47%; border-radius: 0.56rem; overflow: hidden; background-color: #fff;}

.solutionList_blo img{width: 100%;}

.solutionList_t1{position: relative; padding: 0 3%; color: #000;font-size: 1.44rem; line-height: 2.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.solutionList_t1::after{content: ''; position: absolute; bottom: 0; left: 3%; width: 2.1vw; border-bottom: solid 2px #004bc8;}

.solutionList_t2{ padding: 0 2%; font-size: 0.9rem; line-height: 3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.solutionList_mark{display: none; position: absolute; top: 0 ; left: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(0,0,0,0.8);}

.solutionList_blo_t{position: absolute; top: 0 ; left: 0; width: 100%; height: 100%; z-index: 3; color: #fff; text-align: center;display: -webkit-box; display: -ms-flexbox; display: flex;flex-direction:column; justify-content:center; }

.solutionList_t3{display: none; font-size: 2.67rem; line-height: 3;}

.solutionList_arr{display: none; margin: 0 auto; width: 100%; height: 5rem; background:url(/skin/images/common/arr_white_i.png)center no-repeat;background-size: contain;}



.solutionList_blo:hover .solutionList_mark,.solutionList_blo:hover .solutionList_t3,.solutionList_blo:hover .solutionList_arr{display: block;}

.solutionList_blo:hover .solutionList_arr{animation: toBig 1.2s infinite;}


.solution_con img{max-width: 100%;}


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

  }

  @media screen and (min-width: 1201px) {

    .solution_blo img:hover{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

  }

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

    .solutionList_t1{font-size: 1.3rem;}

    .solutionList_t3{font-size: 1.5rem;}

    .solutionList_arr{height: 3rem;}

    .solution_con{padding: 1.5rem 0;}

    .solution_blo{flex-direction: column;}

    .solution_blo_r{flex-direction: column-reverse;}

    .solution_blo img,.solution_t{width: 100%;}

    .solution_blo img{margin-top: 1rem;}

    .solution_t1,.solution_t3,.solution_t4{font-size: 1.5rem;}

    .solution_t2{margin: 2rem 0; width: 100%;}

    .solution_t5{font-size: 1.2rem; margin-bottom: 2.6rem;}

    .solution_t5::after{bottom: -1.3rem;}

    .solution_tag{padding: 0 1.2rem; font-size: 1rem;}



    .solutionList .container{flex-direction: column;}

    .solutionList_blo{width: 100%;}

  }

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

  }

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

    .solutionList .container{padding-top: 0;}

  }

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

      

  }

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

      

  }

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

  }<!--ºÄʱ1765103886.0367Ãë-->