.md-about-3 { padding: 1rem 0 .5rem; }

.md-about-3 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-about-3 .text { width: 50%; padding-right: 1rem; }

.md-about-3 .sub-tit { line-height: 1.5; margin-top: 0.14rem; }

.md-about-3 .desc { line-height: 2; margin-top: 0.29rem; }

.md-about-3 .param { padding-top: .34rem; margin-top: .34rem; line-height: 2; border-top: 1px solid #f3f3f3; }

.md-about-3 .param .item { margin-bottom: .04rem; }

.md-about-3 .param .item:before { display: inline-block; vertical-align: middle; content: ''; width: 0.1rem; min-width: 5px; height: 0.1rem; min-height: 5px; border-radius: 50%; border: solid 0.02rem #2f6eb6; }

.md-about-3 .pic { width: 50%; text-align: center; border-radius: .1rem; overflow: hidden; }

.md-about-3 .pic img { max-width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-about-3 .pic:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-about-3 .c-pic { width: 50%; border-radius: .1rem; overflow: hidden; }

.md-about-3 .c-pic .img { padding-top: calc(520 / 800 * 100%); }

.md-about-3 .c-pic:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

@media (max-width: 900px) { .md-about-3 .layout { display: block; }
  .md-about-3 .text { width: 100%; padding: 0; }
  .md-about-3 .pic { width: 100%; margin-top: .4rem; }
  .md-about-3 .c-pic { width: 100%; margin-top: .4rem; } }

.md-about-4 { padding-top: .4rem; padding-bottom: .6rem; }

.md-about-4 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .46rem; }

.md-about-4 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; -webkit-box-shadow: 0 0 0.3rem 0 rgba(47, 110, 182, 0.1); box-shadow: 0 0 0.3rem 0 rgba(47, 110, 182, 0.1); border-radius: 0.04rem; padding: .4rem; min-height: 1.2rem; width: calc(370 / 1600 * 100%); margin-right: calc(40 / 1600 * 100%); margin-bottom: .4rem; -webkit-transition: background .3s, color .3s; -o-transition: background .3s, color .3s; transition: background .3s, color .3s; }

.md-about-4 .list .li:nth-of-type(4n) { margin-right: 0; }

.md-about-4 .list .li::before { content: ''; width: .32rem; min-width: 16px; height: .23rem; min-height: 12px; margin-right: .4rem; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../images/i-check-1.png); }

.md-about-4 .list .li:hover { background-color: #2f6eb6; color: #fff; }

.md-about-4 .list .li:hover::before { background-image: url(../images/i-check-2.png); }

@media (max-width: 900px) { .md-about-4 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-about-4 .list .li { width: 49%; margin-right: 0; margin-bottom: 2%; } }

@media (max-width: 500px) { .md-about-4 .list .li { width: 100%; } }

.md-about-5 { background: #f3f6fb; padding-top: 1.11rem; padding-bottom: 0.99rem; }

.md-about-5 .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; }

.md-about-5 .item:last-of-type { margin-bottom: 0; }

.md-about-5 .item:nth-of-type(odd) .text { padding-left: 1.2rem; }

.md-about-5 .item:nth-of-type(even) .c-pic { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.md-about-5 .item:nth-of-type(even) .text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 1.2rem; }

.md-about-5 .c-pic { width: 50%; border-radius: .1rem; overflow: hidden; }

.md-about-5 .c-pic .img { padding-top: calc(520 / 800 * 100%); }

.md-about-5 .c-pic:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-about-5 .text { width: 50%; }

.md-about-5 .tit { line-height: 1.16667; }

.md-about-5 .desc { line-height: 2.16667; margin-top: .36rem; }

@media (max-width: 700px) { .md-about-5 .item { display: block; }
  .md-about-5 .c-pic { width: 100%; }
  .md-about-5 .text { width: 100%; padding: 0 !important; margin-top: 0.4rem; } }