.md-solution-1 { padding-top: .92rem; padding-bottom: .5rem; }

.md-solution-1 .list { margin-top: .61rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-solution-1 .list .li { width: calc(500 / 1600 * 100%); margin-right: calc(50 / 1600 * 100%); margin-bottom: .5rem; -webkit-box-shadow: 0rem 0rem 0.3rem 0rem rgba(47, 110, 182, 0.1); box-shadow: 0rem 0rem 0.3rem 0rem rgba(47, 110, 182, 0.1); border-radius: 0.1rem; padding: .5rem .4rem; min-height: 3.8rem; }

.md-solution-1 .list .li:nth-of-type(3n) { margin-right: 0; }

.md-solution-1 .list .li:hover .tit { color: #2f6eb6; }

.md-solution-1 .list .icon { width: .6rem; height: .6rem; border-radius: 50%; background-color: #2f6eb6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-solution-1 .list .icon img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }

.md-solution-1 .list .text { padding-top: .28rem; }

.md-solution-1 .list .tit::after { content: ''; display: block; background: #2f6eb6; width: 0.3rem; height: .04rem; margin: .22rem 0 .26rem; }

.md-solution-1 .list .desc { line-height: 2.05556; }

@media (max-width: 900px) { .md-solution-1 .list .li { width: 100%; margin-right: 0; min-height: auto; margin-bottom: .2rem; }
  .md-solution-1 .list .desc { line-height: 1.5; } }

.md-solution-2 { padding-top: .92rem; padding-bottom: 1rem; background-color: #f3f6fb; }

.md-solution-2 .list { margin-top: .6rem; }

.md-solution-2 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; border-radius: 0.1rem; overflow: hidden; margin-bottom: .8rem; }

.md-solution-2 .list .li:last-of-type { margin-bottom: 0; }

.md-solution-2 .list .li:hover .tit { color: #2f6eb6; }

.md-solution-2 .list .li:nth-of-type(odd) .c-pic { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.md-solution-2 .list .li:nth-of-type(odd) .text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.md-solution-2 .list .c-pic { width: 50%; }

.md-solution-2 .list .img { padding-top: calc(660 / 800 * 100%); }

.md-solution-2 .list .text { width: 50%; padding: .64rem .6rem; }

.md-solution-2 .list .tit { line-height: 1.33333; }

.md-solution-2 .list .tit::after { content: ''; display: block; background: #2f6eb6; width: 0.3rem; height: .04rem; margin: .21rem 0 .2rem; }

.md-solution-2 .list .desc { line-height: 2; }

@media (max-width: 900px) { .md-solution-2 .list .li { display: block; }
  .md-solution-2 .list .c-pic { width: 100%; }
  .md-solution-2 .list .text { width: 100%; padding: 5%; } }

@media (max-width: 900px) and (min-width: 501px) { .md-solution-2 .list .img { padding-top: 50%; } }

.md-solution-3 { background: #e6edf6; padding: .91rem .86rem .6rem; }

.md-solution-3 .row { margin-top: 0.47rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-solution-3 .list { margin: 0 .2rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-solution-3 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-solution-3 .list .li:hover .tit { color: #2f6eb6; }

.md-solution-3 .list .li:hover .m-more { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; }

.md-solution-3 .list .box { background-color: #fff; border-radius: .1rem; padding-top: .26rem; min-height: 5.6rem; }

.md-solution-3 .list .c-pic { width: 70%; margin-left: auto; margin-right: auto; }

.md-solution-3 .list .img { padding-top: 100%; }

.md-solution-3 .list .text { padding: .7rem .3rem .47rem; }

.md-solution-3 .list .desc { margin-top: .1rem; line-height: 2; }

.md-solution-3 .list .m-more { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

@media (max-width: 900px) { .md-solution-3 { padding-left: 2%; padding-right: 2%; } }

@media (max-width: 500px) { .md-solution-3 .list .m-more { opacity: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }