


.md-prod-2 .row-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: .24rem; padding-bottom: .71rem; }

.md-prod-2 .row-1 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-prod-2 .row-1 .desc { line-height: 1.5; margin-top: .38rem; }

.md-prod-2 .row-1 .links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .73rem; }

.md-prod-2 .row-1 .m-more { padding: .6em .32rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-prod-2 .row-1 .m-more::after { margin-left: 0.2rem; }

.md-prod-2 .row-1 .btn-download { 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; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 1.8rem; max-width: 100%; min-height: .54rem; border-radius: .54rem; padding: .6em .32rem; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border: 1px solid #2f6eb6; color: #2f6eb6; margin-left: .2rem; }

.md-prod-2 .row-1 .btn-download:after { content: ''; width: .16rem; height: .17rem; min-width: 14px; min-height: 14px; margin-left: .2rem; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../images/i-download-1.png); background-size: contain; }

@media (any-hover: hover) { .md-prod-2 .row-1 .btn-download:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(47, 110, 182, 0.5); box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(47, 110, 182, 0.5); background-color: #2f6eb6; color: #fff; }
  .md-prod-2 .row-1 .btn-download:hover::after { background-image: url(../images/i-download-2.png); } }

.md-prod-2 .row-1 .img { width: calc(811 / 1600 * 100%); margin-top: .14rem; }

.md-prod-2 .row-1 .img2 { padding-top: calc(600 / 811 * 100%); position: relative; }

.md-prod-2 .row-1 .img2 img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; }

@media (max-width: 900px) { .md-prod-2 .row-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5% 0; }
  .md-prod-2 .row-1 .text { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; text-align: center; }
  .md-prod-2 .row-1 .img { width: 100%; max-width: 500px; margin: 5% auto 0; }
  .md-prod-2 .row-1 .links { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media (max-width: 340px) { .md-prod-2 .row-1 .links { display: block; }
  .md-prod-2 .row-1 .btn-download { margin: .3rem auto 0; } }

.md-prod-3 { padding-top: .93rem; padding-bottom: .4rem; }

.md-prod-3 .content { margin-top: .6rem; line-height: 1.75; }

.md-prod-3 .content table { width: 100%; text-align: left; color: #222; font-weight: 500; }

.md-prod-3 .content thead { background-color: #2f6eb6; color: #fff; }

.md-prod-3 .content th, .md-prod-3 .content td { height: .6rem; padding: 1em; }

.md-prod-3 .content th:first-of-type, .md-prod-3 .content td:first-of-type { width: calc(651 / 1600 * 100%); padding-left: .74rem; font-weight: 400; }

.md-prod-3 .content tbody tr:nth-of-type(odd) { background-color: #f3f6fb; }

.md-prod-3 .content tbody td:first-of-type { color: #666; }

@media (max-width: 900px) { .md-prod-3 .content { line-height: 1.25; }
  .md-prod-3 .content th:first-of-type, .md-prod-3 .content td:first-of-type { padding: 1em; } }

.md-prod-4 { padding-top: .5rem; padding-bottom: .83rem; }

.md-prod-4 .list { margin-top: .52rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-prod-4 .list .li { width: calc(385 / 1600 * 100%); margin-right: calc(20 / 1600 * 100%); margin-bottom: 0.2rem; background-color: #f3f6fb; border-radius: 0.06rem; padding: .3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-prod-4 .list .li:nth-of-type(4n) { margin-right: 0; }

.md-prod-4 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-4 .list .li:hover .tit { color: #2f6eb6; }

.md-prod-4 .list .icon { width: .6rem; height: 0.6rem; background-color: #fff; border-radius: 50%; 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-prod-4 .list .icon img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }

.md-prod-4 .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: .28rem; }

.md-prod-4 .list .tit { line-height: 1.33333; }

@media (max-width: 900px) { .md-prod-4 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-prod-4 .list .li { width: 49%; margin-right: 0; margin-bottom: 2%; } }

@media (max-width: 500px) { .md-prod-4 .list .li { width: 100%; } }

.md-prod-5 { background-color: #f3f6fb; padding-top: .91rem; padding-bottom: .6rem; }

.md-prod-5 .m-prod-list { margin-top: .49rem; }


