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

.md-about-1 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

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

.md-about-1 .tit { line-height: 1.20833; }

.md-about-1 .desc { line-height: 2; margin-top: .52rem; }

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

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

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

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

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

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

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

.md-about-2 { position: relative; }

.md-about-2 .title { position: absolute; left: 0; top: 1.11rem; z-index: 2; width: 100%; }

.md-about-2 .list { text-align: center; }

.md-about-2 .list .li { width: 6.4rem; height: auto; min-height: 8.6rem; padding: 3.24rem 4% 2rem; border-right: 1px solid rgba(255, 255, 255, 0.2); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-about-2 .list .li:hover { background-color: rgba(47, 110, 182, 0.2); }

.md-about-2 .list .li:nth-child(2) { -webkit-animation-delay: .2s; animation-delay: .2s; }

.md-about-2 .list .li:nth-child(3) { -webkit-animation-delay: .4s; animation-delay: .4s; }

.md-about-2 .list .icon { height: .5rem; }

.md-about-2 .list .tit { margin-top: .14rem; line-height: 1.5; }

.md-about-2 .list .tit::after { content: ''; display: block; width: 0.3rem; height: 0.03rem; background-color: #2f6eb6; margin: 0.25rem auto .33rem; }

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

.md-about-2 .swiper-pagination-bullet { background-color: #fff; opacity: 0.5; }

.md-about-2 .swiper-pagination-bullet-active { opacity: 1; }