




.md-home-prod { background-color: rgba(47, 110, 182, 0.06); padding-top: .98rem; padding-bottom: 1.03rem; }

.md-home-prod .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-home-prod .hd .title { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 1em; }

.md-home-prod .hd .cat { margin-left: auto; margin-right: 0; }

.md-home-prod .hd .cat-item { width: auto; line-height: 1.25; padding: 0.804em .3rem; cursor: pointer; }

.md-home-prod .hd .cat-item.active { background: #2f6eb6; color: #fff; border-radius: .04rem; }

.md-home-prod .bd { margin-top: .4rem; }

.md-home-prod .bd-item { display: none; }

.md-home-prod .bd-item.active { display: block; }

.md-home-prod .list { padding-bottom: .54rem; }

.md-home-prod .list .item { display: block; width: 4rem; height: auto; padding-top: .26rem; background-color: #fff; text-align: center; border-radius: .1rem; margin-right: .2rem; }

.md-home-prod .list .item:last-of-type { margin-right: 0; }

.md-home-prod .list .c-pic { margin: 0 .25rem; }

.md-home-prod .list .img { padding-top: 100%; }

.md-home-prod .list .text { padding: .5rem .2rem .27rem; }

.md-home-prod .list .desc { line-height: 2; max-height: 2em; overflow: hidden; margin-top: .11rem; }

.md-home-prod .list .param { line-height: 2.25; margin-top: .14rem; display: none; }

.md-home-prod .list .m-more { display: none; }

.md-home-prod .swiper-container-horizontal > .swiper-pagination-progress { top: auto; bottom: 0; background-color: #ccc; }

.md-home-prod .swiper-pagination-progressbar { background-color: #2f6eb6; }

@media (max-width: 1200px) { .md-home-prod .list .param { line-height: 1.5; } }

@media (min-width: 901px) { .md-home-prod .list .item.active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 7.6rem; padding: .4rem; }
  .md-home-prod .list .item.active .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: left; padding: 0; }
  .md-home-prod .list .item.active .c-pic { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 3.5rem; margin: 0; }
  .md-home-prod .list .item.active .tit { color: #2f6eb6; }
  .md-home-prod .list .item.active .desc { margin-top: .06rem; color: #333; }
  .md-home-prod .list .item.active .param { display: block; max-height: 14em; overflow-y: hidden; }
  .md-home-prod .list .item.active .m-more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: .53rem; } }

@media (max-width: 900px) { .md-home-prod .hd { display: block; }
  .md-home-prod .hd .cat { margin-top: .3rem; } }

.md-home-solution { padding-top: .92rem; padding-bottom: 1rem; position: relative; overflow: hidden; }

.md-home-solution .bg { position: absolute; right: -2.25rem; top: -2.7rem; width: 7rem; }

.md-home-solution .cnt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .46rem; }

.md-home-solution .lf { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: .7rem; position: relative; }

.md-home-solution .lf .arrow { width: .8rem; height: 0.1rem; min-height: 10px; background-repeat: no-repeat; background-position: center; background-size: contain; cursor: pointer; }

.md-home-solution .lf .arrow.prev { background-image: url(../images/i-a-1.png); }

.md-home-solution .lf .arrow.next { background-image: url(../images/i-b-1.png); }

.md-home-solution .lf .swiper-container { height: 6.2rem; }

.md-home-solution .lf .item { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; margin-bottom: .4rem; }

.md-home-solution .lf .item:last-child { margin-bottom: 0; }

.md-home-solution .lf .item.active .icon { margin-top: 0.1rem; }

.md-home-solution .lf .item.active .icon img { -webkit-filter: none; filter: none; opacity: 1; }

.md-home-solution .lf .item.active .icon::before { width: 100%; height: 100%; border: solid 0.08rem #2f6eb6; opacity: .2; }

.md-home-solution .lf .item.active .icon:after { content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: solid 0.08rem #2f6eb6; -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%); clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%); }

.md-home-solution .lf .item.active .text { padding-top: .08rem; }

.md-home-solution .lf .item.active .tit { color: #222; }

.md-home-solution .lf .item.active .hide { display: block; }

.md-home-solution .lf .icon { width: .8rem; height: .8rem; 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: relative; }

.md-home-solution .lf .icon:before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: .6rem; height: .6rem; border-radius: 50%; border: solid 0.04rem #f3f3f3; }

.md-home-solution .lf .icon img { width: 0.6rem; height: .6rem; -o-object-fit: contain; object-fit: contain; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .4; }

.md-home-solution .lf .text { margin-left: .38rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: .05rem; }

.md-home-solution .lf .tit { line-height: 1.54545; }

.md-home-solution .lf .desc { line-height: 1.8125; margin-top: .07rem; }

.md-home-solution .lf .m-more { margin-top: .52rem; }

.md-home-solution .lf .hide { display: none; }

.md-home-solution .imgs { width: calc(980 / 1600 * 100%); border-radius: .1rem; overflow: hidden; }

.md-home-solution .imgs .item:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-home-solution .imgs .img { padding-top: calc(640 / 980 * 100%); }

@media (max-width: 900px) { .md-home-solution .bg { right: -3.5rem; top: -3.5rem; }
  .md-home-solution .cnt { display: block; }
  .md-home-solution .imgs { display: none; }
  .md-home-solution .lf { margin-right: 0; position: relative; }
  .md-home-solution .lf .arrow { position: absolute; top: 50%; width: 10px; height: 10px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
  .md-home-solution .lf .arrow.prev { left: 0; }
  .md-home-solution .lf .arrow.next { right: 0; }
  .md-home-solution .lf .c-pic { margin-top: 5%; }
  .md-home-solution .lf .img { padding-top: 50%; border-radius: .1rem; }
  .md-home-solution .lf .swiper-container { height: auto; }
  .md-home-solution .lf .hide { display: block; }
  .md-home-solution .lf .text { margin-right: .4rem; }
  .md-home-solution .lf .tit { color: #222; }
  .md-home-solution .lf .icon img { opacity: 1; -webkit-filter: none; filter: none; }
  .md-home-solution .lf .icon::before { width: 100%; height: 100%; border: solid 0.08rem #2f6eb6; opacity: .2; }
  .md-home-solution .lf .icon:after { content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: solid 0.08rem #2f6eb6; -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%); clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%); } }

.md-home-why { padding-top: .91rem; padding-bottom: 1rem; }

.md-home-why .hd { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-home-why .hd .title { -ms-flex-negative: 0; flex-shrink: 0; }

.md-home-why .hd .text { width: calc(835 / 1600 * 100%); margin-left: auto; line-height: 1.25; padding-top: .06rem; }

.md-home-why .hd .desc { line-height: 2.0625; margin-top: .04rem; }

.md-home-why .list { margin-top: .57rem; }

.md-home-why .list .li { background-color: #fff; border-radius: 0.1rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: .5; }

.md-home-why .list .li.swiper-slide-active { opacity: 1; }

.md-home-why .list .c-pic { width: calc(700 / 1200 * 100%); }

.md-home-why .list .c-pic:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-home-why .list .img { padding-top: calc(500 / 700 * 100%); height: 100%; }

.md-home-why .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: .6rem; padding-top: .73rem; }

.md-home-why .list .tit { border-bottom: 1px solid #f3f3f3; padding-bottom: .13rem; }

.md-home-why .list .intro { line-height: 1.33333; margin-top: .16rem; }

.md-home-why .list .desc { line-height: 1.875; margin-top: .15rem; }

.md-home-why .list .m-more { margin-top: .5rem; }

.md-home-why .pages { margin-top: .5rem; }

.md-home-why .pages .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-home-why .pages .btn { cursor: pointer; width: 0.54rem; height: 0.54rem; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: #ffffff; background-size: calc(11 / 54 * 100%); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.md-home-why .pages .btn.prev { background-image: url(../images/i-a-1.png); }

.md-home-why .pages .btn.next { background-image: url(../images/i-b-1.png); }

.md-home-why .pages .swiper-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 .6rem; }

.md-home-why .pages .tit { border-radius: 0.1rem; border: solid 0.01rem #cccccc; text-align: center; padding: .22rem; cursor: pointer; }

.md-home-why .pages .tit.active { background-color: #2f6eb6; color: #fff; border-color: #2f6eb6; }

@media (max-width: 900px) { .md-home-why .hd { display: block; }
  .md-home-why .hd .text { width: 100%; margin-top: 5%; }
  .md-home-why .list .li { display: block; }
  .md-home-why .list .c-pic { width: 100%; }
  .md-home-why .list .text { padding: 5%; }
  .md-home-why .pages .swiper-container { margin: 0 .1rem; } }

.md-home-news { padding-top: .98rem; padding-bottom: .55rem; }

.md-home-news .hd { 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-home-news .list { margin-top: .28rem; margin-left: -.3rem; margin-right: -.3rem; padding: .3rem; padding-bottom: .55rem; }

.md-home-news .list .li { border-radius: 0.1rem; overflow: hidden; -webkit-box-shadow: 0rem 0rem 0.3rem 0rem rgba(47, 110, 182, 0.1); box-shadow: 0rem 0rem 0.3rem 0rem rgba(47, 110, 182, 0.1); }

.md-home-news .list .li:hover .text { background-color: #2f6eb6; }

.md-home-news .list .li:hover .tit, .md-home-news .list .li:hover .date, .md-home-news .list .li:hover .desc { color: #fff; }

.md-home-news .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-home-news .list .li:hover .date .icon { background-image: url(../images/i-date-2.png); }

.md-home-news .list .img { padding-top: calc(280 / 500 * 100%); }

.md-home-news .list .text { padding: .46rem .4rem .57rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-news .list .tit { line-height: 1.45; height: calc(29 / 20 * 2em); }

.md-home-news .list .date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .31rem; }

.md-home-news .list .date .icon { width: .18rem; min-width: 14px; height: .18rem; min-height: 14px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../images/i-date.png); margin-right: .11rem; }

.md-home-news .list .desc { line-height: 1.5625; margin-top: .39rem; }

.md-home-news .swiper-pagination { bottom: 0; font-size: 0; }

.md-home-news .swiper-pagination-bullet { background-color: #2f6eb6; opacity: 0.5; }

.md-home-news .swiper-pagination-bullet-active { opacity: 1; }


