




.md-about-6 { padding-top: .91rem; padding-bottom: 1rem; }

.md-about-6 .row-1 { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-about-6 .row-1 .title { line-height: 1.20833; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-about-6 .row-1 .desc { line-height: 1.77778; width: 6.3rem; margin-left: .5rem; }

.md-about-6 .list { margin-top: .57rem; }

.md-about-6 .list .swiper-container { overflow: visible; }

.md-about-6 .list .li { border-radius: .1rem; overflow: hidden; width: 7.4rem; margin-right: .4rem; position: relative; }

.md-about-6 .list .li::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1.8rem; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.4))); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)); }

.md-about-6 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-about-6 .list .img { padding-top: calc(500 / 740 * 100%); }

.md-about-6 .list .tit { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; padding: .3rem .4rem; }

.md-about-6 .list .controls { margin-top: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-about-6 .list .controls .swiper-pagination { position: static; width: 6rem; height: 0.03rem; min-height: 3px; background-color: #cccccc; }

.md-about-6 .list .controls .swiper-pagination-progressbar { background-color: #2f6eb6; }

.md-about-6 .list .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; }

.md-about-6 .list .btn { width: .54rem; height: .54rem; min-width: 30px; min-height: 30px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: 8px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; background-color: #fff; -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); margin-left: 0.2rem; }

.md-about-6 .list .btn:hover { background-color: #2f6eb6; }

.md-about-6 .list .btn.swiper-button-disabled { cursor: not-allowed; pointer-events: none; }

.md-about-6 .list .btn.prev { background-image: url(../images/i-left-2.png); }

.md-about-6 .list .btn.prev:hover { background-image: url(../images/i-left-1.png); }

.md-about-6 .list .btn.next { background-image: url(../images/i-right-2.png); }

.md-about-6 .list .btn.next:hover { background-image: url(../images/i-right-1.png); }

@media (max-width: 900px) { .md-about-6 .row-1 { display: block; }
  .md-about-6 .row-1 .desc { width: 100%; margin-left: 0; margin-top: 0.4rem; } }

.md-about-7 { background-color: #f3f6fb; padding-top: 1.11rem; padding-bottom: .82rem; }

.md-about-7 .list { margin-top: .49rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-about-7 .list .li { background-color: #fff; border-radius: .1rem; padding: .41rem .4rem; width: calc(520 / 1600 * 100%); margin-right: calc(20 / 1600 * 100%); margin-bottom: 0.2rem; }

.md-about-7 .list .li:nth-of-type(3n) { margin-right: 0; }

.md-about-7 .list .li:hover .icon img { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }

.md-about-7 .list .li:hover .tit { color: #2f6eb6; }

.md-about-7 .list .icon { font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-about-7 .list .icon img { height: 0.41rem; min-height: 20px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }

.md-about-7 .list .tit { line-height: 1.25; margin-top: .15rem; }

.md-about-7 .list .desc { line-height: 1.5625; margin-top: .17rem; }

@media (max-width: 900px) { .md-about-7 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-about-7 .list .li { width: calc(790 / 1600 * 100%); margin-right: 0; } }

@media (max-width: 500px) { .md-about-7 .list .li { width: 100%; } }


