.md12501.md-service-1 { background-color: #f5f5f5; padding-bottom: 1.1rem; }

.md12501.md-service-1 .m-bread { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 1rem; padding: 1em 0; }

.md12501.md-service-1 .m-bread .svg-icon { width: 0.88889em; margin-right: .06rem; }

.md12501.md-service-1 .m-bread .item:hover { color: #e6222a; }

.md12501.md-service-1 .m-bread .split { margin: 0 .08rem; }

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

.md12501.md-service-1 .c-scroll { overflow: auto; }

.md12501.md-service-1 .c-scroll::-webkit-scrollbar { width: 4px; height: 4px; background-color: #e0e0e0; border-radius: 2px; }

.md12501.md-service-1 .c-scroll::-webkit-scrollbar-thumb { background-color: #e6222a; border-radius: 2px; }

.md12501.md-service-1 .list { margin-top: .11rem; }

.md12501.md-service-1 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: .2rem; overflow: hidden; margin-bottom: .3rem; -webkit-box-shadow: 0rem 0rem 0.5rem 0rem rgba(0, 0, 0, 0.04); box-shadow: 0rem 0rem 0.5rem 0rem rgba(0, 0, 0, 0.04); }

.md12501.md-service-1 .list .li:last-of-type { margin-bottom: 0; }

.md12501.md-service-1 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md12501.md-service-1 .list .li:hover .m-more .svg-icon { border-color: rgba(230, 34, 42, 0.2); color: #fff; }

.md12501.md-service-1 .list .li:hover .m-more .svg-icon::after { background: #e6222a; }

.md12501.md-service-1 .list .c-pic { width: calc(585 / 1600 * 100%); }

.md12501.md-service-1 .list .img { padding-top: calc(329 / 585 * 100%); height: 100%; }

.md12501.md-service-1 .list .m-more { -ms-flex-negative: 0; flex-shrink: 0; }

.md12501.md-service-1 .list .m-more .svg-icon { width: .66rem; height: .66rem; position: relative; border-radius: 50%; border: 1px solid #eeeeee; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #666; }

.md12501.md-service-1 .list .m-more .svg-icon::after { content: ''; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #eee; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md12501.md-service-1 .list .m-more .svg-icon svg { width: .13rem; min-width: 8px; position: relative; z-index: 2; }

.md12501.md-service-1 .list .text { background-color: #fff; border-radius: .2rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: calc(-40 / 1600 * 100%); position: relative; z-index: 2; padding: .8rem; padding-left: 1rem; padding-bottom: .72rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md12501.md-service-1 .list .tx { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: .8rem; }

.md12501.md-service-1 .list .desc { line-height: 2; margin-top: .19rem; }

.md12501.md-service-1 .pop { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 20; margin: auto; background: rgba(0, 0, 0, 0.7); display: none; }

.md12501.md-service-1 .pop.show { 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; }

.md12501.md-service-1 .pop.show .main { -webkit-animation: zoom-in .5s forwards; animation: zoom-in .5s forwards; }

.md12501.md-service-1 .pop .main { position: relative; background-color: #fff; width: 6.84rem; max-width: 90%; border-radius: .2rem; padding: .5rem; max-height: 90%; }

.md12501.md-service-1 .pop .c-pic { border-radius: .2rem; }

.md12501.md-service-1 .pop .img { padding-top: calc(329 / 585 * 100%); }

.md12501.md-service-1 .pop .close { position: absolute; right: -.39rem; top: -.27rem; width: .36rem; height: .36rem; text-align: center; line-height: .36rem; background-color: rgba(255, 255, 255, 0.4); border-radius: 50%; cursor: pointer; font-size: 0.4rem; color: #000000; font-family: cursive; font-weight: normal; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.md12501.md-service-1 .pop .close:hover { background-color: #fff; }

.md12501.md-service-1 .pop .tit { margin-top: .4rem; }

.md12501.md-service-1 .pop .desc { line-height: 1.66667; margin-top: .13rem; max-height: 10em; overflow-y: auto; }

@media (max-width: 700px) { .md12501.md-service-1 .list .li { display: block; }
  .md12501.md-service-1 .list .c-pic { width: 100%; }
  .md12501.md-service-1 .list .text { width: 100%; margin-left: 0; border-radius: 0; padding: 5%; }
  .md12501.md-service-1 .list .tx { margin-right: 5%; }
  .md12501.md-service-1 .pop .close { width: .8rem; height: .8rem; line-height: .8rem; font-size: .8rem; right: auto; top: auto; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 150%) rotate(45deg); -ms-transform: translate(-50%, 150%) rotate(45deg); transform: translate(-50%, 150%) rotate(45deg); background-color: #fff; } }