/* 联系我们 */
.md36045.md-contact-1 .layout { margin-left: auto; margin-right: auto; width: 14.4rem; max-width: 90%; }

.md36045.md-contact-1 .m-more { 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; min-width: 2rem; min-height: .55rem; padding: .1rem; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; border: none; border-radius: 0; cursor: pointer; background-color: #333; color: #fff; }

.md36045.md-contact-1 .m-more:hover { background-color: var(--theme); }

.md36045.md-contact-1 .section-1 { padding-top: 1.2rem; padding-bottom: .75rem; }

.md36045.md-contact-1 .section-1 .desc { line-height: 1.66667; margin-top: .13rem; width: 9rem; max-width: 100%; margin-left: auto; margin-right: auto; }

.md36045.md-contact-1 .section-2 { position: relative; }

.md36045.md-contact-1 .section-2 .bg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md36045.md-contact-1 .section-2 .bg .lf { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md36045.md-contact-1 .section-2 .bg .rg { width: 8.2rem; background: var(--theme); }

.md36045.md-contact-1 .section-2 .main { padding-top: .8rem; padding-bottom: 1.2rem; }

.md36045.md-contact-1 .section-2 .list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md36045.md-contact-1 .section-2 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: .408rem; }

.md36045.md-contact-1 .section-2 .list .li:last-child { margin-bottom: 0; }

.md36045.md-contact-1 .section-2 .list .icon { -ms-flex-negative: 0; flex-shrink: 0; background: var(--theme); margin-right: .4rem; margin-top: .05rem; }

.md36045.md-contact-1 .section-2 .list .icon img { display: block; width: 0.5rem; height: .5rem; -o-object-fit: contain; object-fit: contain; }

.md36045.md-contact-1 .section-2 .list .tx { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md36045.md-contact-1 .section-2 .list .t2 { line-height: 1.2; margin-top: .09rem; }

.md36045.md-contact-1 .section-2 .form-wrap { width: 7.4rem; background: #fff; padding: .38rem .5rem .62rem; margin-left: .2rem; }

.md36045.md-contact-1 .section-2 .form-wrap .desc { margin-top: .1rem; }

.md36045.md-contact-1 .section-2 .form { margin-top: .37rem; }

.md36045.md-contact-1 .section-2 .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md36045.md-contact-1 .section-2 .form-row .form-item { width: calc(300 / 630 * 100%); }

.md36045.md-contact-1 .section-2 .form-item { margin-bottom: .2rem; }

.md36045.md-contact-1 .section-2 .form .ipt, .md36045.md-contact-1 .section-2 .form .ta { display: block; width: 100%; height: .5rem; min-height: 35px; border: none; border-radius: 0; background: #f5f5f5; color: #333; padding: 0 .18rem; }

.md36045.md-contact-1 .section-2 .form .ipt::-webkit-input-placeholder, .md36045.md-contact-1 .section-2 .form .ta::-webkit-input-placeholder { color: #bbb; }

.md36045.md-contact-1 .section-2 .form .ipt:-ms-input-placeholder, .md36045.md-contact-1 .section-2 .form .ta:-ms-input-placeholder { color: #bbb; }

.md36045.md-contact-1 .section-2 .form .ipt::-ms-input-placeholder, .md36045.md-contact-1 .section-2 .form .ta::-ms-input-placeholder { color: #bbb; }

.md36045.md-contact-1 .section-2 .form .ipt::placeholder, .md36045.md-contact-1 .section-2 .form .ta::placeholder { color: #bbb; }

.md36045.md-contact-1 .section-2 .form .ta { height: calc(120 / 16 * 1em); padding: .1rem .18rem; }

.md36045.md-contact-1 .section-2 .form .m-more { margin-top: .2rem; }

@media (max-width: 900px) { .md36045.md-contact-1 .section-2 .bg { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .md36045.md-contact-1 .section-2 .bg .rg { width: auto; height: 8.7rem; }
  .md36045.md-contact-1 .section-2 .main { display: block; }
  .md36045.md-contact-1 .section-2 .form-wrap { width: 100%; margin-left: 0; margin-top: 1rem; }
  .md36045.md-contact-1 .section-2 .form .m-more { width: 100%; }
  .md36045.md-contact-1 .section-2 .form-row { display: block; }
  .md36045.md-contact-1 .section-2 .form-row .form-item { width: 100%; } }