.md13707.md-about-1 { padding-top: 1.48rem; padding-bottom: 1rem; }

.md13707.md-about-1 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

.md13707.md-about-1 .m-title-tit { line-height: 1.3; }

.md13707.md-about-1 .m-title-sub { margin-top: .03rem; }

.md13707.md-about-1 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md13707.md-about-1 .lf { width: calc(880 / 1600 * 100%); }

.md13707.md-about-1 .rg { width: calc(800 / 1600 * 100%); margin-right: -.8rem; margin-top: .07rem; position: relative; left: .8rem; }

.md13707.md-about-1 .c-pic { border-radius: .2rem 0 0 .2rem; }

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

.md13707.md-about-1 .desc { line-height: 1.88889; margin-top: .34rem; }

.md13707.md-about-1 .data { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .31rem; }

.md13707.md-about-1 .data .item { margin-right: 1rem; }

.md13707.md-about-1 .data .item:last-of-type { margin-bottom: 0; margin-right: 0; }

.md13707.md-about-1 .data .tx-1 { margin-top: 0.09rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md13707.md-about-1 .data .tx-1 img { height: .16rem; min-height: 1em; margin-right: .05rem; }

.md13707.md-about-1 .data .tx-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.md13707.md-about-1 .data .num { margin-right: .08rem; color: #e6222a; line-height: 1.2; }

@media (max-width: 1400px) { .md13707.md-about-1 .data .item { margin-right: .4rem; } }

@media (max-width: 900px) { .md13707.md-about-1 { padding-top: 1rem; }
  .md13707.md-about-1 .layout { display: block; }
  .md13707.md-about-1 .lf { width: 100%; }
  .md13707.md-about-1 .rg { width: 100%; left: 0; margin-right: 0; margin-top: 5%; }
  .md13707.md-about-1 .data { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

@media (max-width: 500px) { .md13707.md-about-1 .data { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md13707.md-about-1 .data .item { width: 50%; margin-right: 0; margin-bottom: .2rem; } }

.md13708.md-about-2 { background-position: center top; padding-top: .97rem; padding-bottom: .7rem; }

.md13708.md-about-2 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

.md13708.md-about-2 .m-title-tit { line-height: 1.3; }

.md13708.md-about-2 .m-title-sub { margin-top: .03rem; }

.md13708.md-about-2 .list { margin-top: .43rem; padding-bottom: .4rem; }

.md13708.md-about-2 .list .li { height: auto; width: 3.69rem; margin-right: .4rem; padding: .1rem 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.md13708.md-about-2 .list .li:hover { padding: 0; }

.md13708.md-about-2 .list .li:hover .img { padding-top: calc(240 / 370 * 100%); }

.md13708.md-about-2 .list .li:hover .text { min-height: 2.4rem; }

.md13708.md-about-2 .list .c-pic { border-radius: .2rem .2rem 0 0; }

.md13708.md-about-2 .list .img { padding-top: calc(230 / 370 * 100%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md13708.md-about-2 .list .text { position: relative; z-index: 2; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.96)), to(#ffffff)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.96) 0%, #ffffff 100%); background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, #ffffff 100%); border-radius: .2rem; margin-top: -.3rem; padding: .3rem .1rem; padding-top: 0.34rem; min-height: 2.3rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

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

.md13708.md-about-2 .list .swiper-pagination { bottom: 0; }

.md13708.md-about-2 .list .swiper-pagination-bullet-active { background: #e6222a; }

.md13709.md-about-3 { padding-top: .97rem; padding-bottom: 1.13rem; overflow: hidden; }

.md13709.md-about-3 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

.md13709.md-about-3 .m-title-tit { line-height: 1.3; }

.md13709.md-about-3 .m-title-sub { margin-top: .03rem; }

.md13709.md-about-3 .row-1 { margin-top: .43rem; position: relative; }

.md13709.md-about-3 .row-1 .list { overflow: visible; }

.md13709.md-about-3 .row-1 .list .li { position: relative; padding-left: .35rem; padding-right: .9rem; min-height: 3.65rem; padding-bottom: 1rem; opacity: 0.5; }

.md13709.md-about-3 .row-1 .list .li.swiper-slide-visible { opacity: 1; }

.md13709.md-about-3 .row-1 .list .li::before { content: ''; position: absolute; left: -.01rem; top: 0.32rem; bottom: 0; margin: auto; border-right: 0.02rem dotted rgba(255, 255, 255, 0.3); -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(transparent)); -webkit-mask-image: linear-gradient(to bottom, #fff, transparent); mask-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(transparent)); mask-image: linear-gradient(to bottom, #fff, transparent); }

.md13709.md-about-3 .row-1 .list .li:after { content: ''; position: absolute; left: 0; top: 0.32rem; width: .09rem; height: .09rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; background-color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md13709.md-about-3 .row-1 .list .li:hover:after { width: 0.15rem; height: 0.15rem; background: #e6222a; -webkit-box-shadow: 0 0 0 0.1rem rgba(230, 34, 42, 0.4); box-shadow: 0 0 0 0.1rem rgba(230, 34, 42, 0.4); }

.md13709.md-about-3 .row-1 .list .tx-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.md13709.md-about-3 .row-1 .list .t2 { margin-left: .07rem; }

.md13709.md-about-3 .row-1 .list .t3 { line-height: 1.77778; margin-top: .05rem; }

.md13709.md-about-3 .row-1 .controls { 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; position: absolute; left: 0; bottom: .11rem; z-index: 2; width: 100%; }

.md13709.md-about-3 .row-1 .controls .btn { width: 0.5em; cursor: pointer; }

.md13709.md-about-3 .row-1 .controls .btn.swiper-button-disabled { opacity: .2; }

.md13709.md-about-3 .row-1 .controls .swiper-pagination { position: static; width: auto; margin: 0 .2rem; }

.md13710.md-about-4 { background-position: center top; padding-top: 1.01rem; padding-bottom: 1.02rem; overflow: hidden; }

.md13710.md-about-4 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

.md13710.md-about-4 .m-title-tit { line-height: 1.3; }

.md13710.md-about-4 .m-title-sub { margin-top: .03rem; }

.md13710.md-about-4 .list { margin-top: .49rem; padding: 0 .625rem; position: relative; }

.md13710.md-about-4 .list .li { cursor: -webkit-zoom-in; cursor: zoom-in; }

.md13710.md-about-4 .list .c-pic { position: relative; overflow: visible; background-color: #fff; }

.md13710.md-about-4 .list .c-pic::after { content: ''; position: absolute; left: calc(100% + .06rem); top: .06rem; bottom: -.05rem; width: .36rem; margin: auto; background: url(/static/home/images/shadow.png) no-repeat center/100% 100%; }

.md13710.md-about-4 .list .img { padding-top: calc(308 / 449 * 100%); }

.md13710.md-about-4 .list .tit { margin-top: .43rem; }

.md13710.md-about-4 .list .bg { position: absolute; left: 0; top: 68%; width: calc(1614 / 1600 * 100%); }

.md13710.md-about-4 .list .bg img { display: block; width: 100%; }

.md13710.md-about-4 .controls { margin-top: .5rem; 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; }

.md13710.md-about-4 .controls .btn { width: 0.5em; cursor: pointer; color: #e6222a; }

.md13710.md-about-4 .controls .btn.swiper-button-disabled { color: #222; opacity: .2; }

.md13710.md-about-4 .controls .swiper-pagination { position: static; width: auto; margin: 0 .2rem; }

@media (max-width: 500px) { .md13710.md-about-4 .list { padding: 0; } }