




.md-contact-1 { padding-top: .92rem; padding-bottom: .6rem; }

.md-contact-1 .desc { line-height: 2; margin-top: .23rem; }

.md-contact-1 .list-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .5rem; }

.md-contact-1 .list-1 .li { margin-bottom: .4rem; background-color: #fff; border-radius: .1rem; overflow: hidden; min-height: 5.8rem; -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); width: calc(500 / 1600 * 100%); margin-right: calc(50 / 1600 * 100%); }

.md-contact-1 .list-1 .li:nth-of-type(3n) { margin-right: 0; }

.md-contact-1 .list-1 .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-contact-1 .list-1 .li:hover .tit { color: #2f6eb6; }

.md-contact-1 .list-1 .img { padding-top: calc(280 / 500 * 100%); }

.md-contact-1 .list-1 .text { padding: .38rem .4rem; }

.md-contact-1 .list-1 .tit { border-bottom: 1px solid #f3f3f3; padding-bottom: .32rem; margin-bottom: .24rem; }

.md-contact-1 .list-1 .t2 { line-height: 1.5; }

.md-contact-1 .list-1 .t3 { margin-top: .1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.md-contact-1 .list-1 .t3 img { width: .18rem; min-width: 14px; margin-right: .14rem; margin-top: .06rem; -ms-flex-negative: 0; flex-shrink: 0; }

.md-contact-1 .list-1 .addr { line-height: 1.5625; }

.md-contact-1 .list-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-contact-1 .list-2 .li { background-color: #fff; border-radius: .1rem; overflow: hidden; min-height: 4.1rem; padding: .4rem; -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); width: calc(500 / 1600 * 100%); margin-bottom: .4rem; margin-right: calc(50 / 1600 * 100%); }

.md-contact-1 .list-2 .li:nth-of-type(3n) { margin-right: 0; }

.md-contact-1 .list-2 .li:hover .tit { color: #2f6eb6; }

.md-contact-1 .list-2 .icon { width: .6rem; height: .6rem; 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-contact-1 .list-2 .icon img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }

.md-contact-1 .list-2 .tit { margin-top: .18rem; padding-bottom: .32rem; border-bottom: 1px solid #f3f3f3; margin-bottom: .24rem; }

.md-contact-1 .list-2 .t2 { line-height: 1.61111; }

.md-contact-1 .list-2 .dl { margin-top: .19rem; }

.md-contact-1 .list-2 .dl .dd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.md-contact-1 .list-2 .dl .dd img { width: .2rem; min-width: 14px; margin-right: .1rem; margin-top: .3em; }

.md-contact-1 .list-2 .dl .dd-tx { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.875; }

@media (max-width: 900px) { .md-contact-1 .list-1 { max-width: 500px; margin-left: auto; margin-right: auto; }
  .md-contact-1 .list-1 .li { width: 100%; margin-right: 0; }
  .md-contact-1 .list-2 { max-width: 500px; margin-left: auto; margin-right: auto; }
  .md-contact-1 .list-2 .li { width: 100%; margin-right: 0; } }

.md-contact-2 { background-color: #f3f6fb; padding-top: .91rem; padding-bottom: .75rem; }

.md-contact-2 .layout { width: 14.2rem; }

.md-contact-2 .form { margin-top: .57rem; }

.md-contact-2 .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-contact-2 .form-row .form-item { width: calc(700 / 1420 * 100%); }

.md-contact-2 .form-item { margin-bottom: .25rem; }

.md-contact-2 .form-item_label { line-height: 1.5; margin-bottom: .05rem; }

.md-contact-2 .form-item_label span { color: red; }

.md-contact-2 .form .m-input, .md-contact-2 .form .m-ta, .md-contact-2 .form .m-select { background-color: #fff; width: 100%; height: .6rem; min-height: 35px; display: block; border-radius: 0.06rem; border: none; padding: 0 .18rem; outline: none; }

.md-contact-2 .form .m-input::-webkit-input-placeholder, .md-contact-2 .form .m-ta::-webkit-input-placeholder, .md-contact-2 .form .m-select::-webkit-input-placeholder { color: #999; }

.md-contact-2 .form .m-input:-ms-input-placeholder, .md-contact-2 .form .m-ta:-ms-input-placeholder, .md-contact-2 .form .m-select:-ms-input-placeholder { color: #999; }

.md-contact-2 .form .m-input::-ms-input-placeholder, .md-contact-2 .form .m-ta::-ms-input-placeholder, .md-contact-2 .form .m-select::-ms-input-placeholder { color: #999; }

.md-contact-2 .form .m-input::placeholder, .md-contact-2 .form .m-ta::placeholder, .md-contact-2 .form .m-select::placeholder { color: #999; }

.md-contact-2 .form .m-input:focus, .md-contact-2 .form .m-ta:focus, .md-contact-2 .form .m-select:focus { -webkit-box-shadow: 0 0 0.2rem 0 rgba(47, 110, 182, 0.1); box-shadow: 0 0 0.2rem 0 rgba(47, 110, 182, 0.1); }

.md-contact-2 .form .m-ta { height: 1.4rem; min-height: 100px; padding: .19rem; }

.md-contact-2 .form .m-select { background-image: url(../images/i-b-1.png); background-position: right .1rem center; background-repeat: no-repeat; background-size: .15rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.md-contact-2 .form .m-radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .06rem; margin-right: .4rem; }

.md-contact-2 .form .m-radio-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-contact-2 .form .m-radio:last-of-type { margin-right: 0; }

.md-contact-2 .form .m-radio input { margin-right: .12rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 0.15rem; height: .15rem; min-width: 12px; min-height: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../images/i-radio-1.png); }

.md-contact-2 .form .m-radio input:checked { background-image: url(../images/i-radio-2.png); }

.md-contact-2 .form .m-upload { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-contact-2 .form .m-upload-btn { -ms-flex-negative: 0; flex-shrink: 0; }

.md-contact-2 .form .m-upload-btn .btn { width: 4rem; height: 0.7rem; min-height: 50px; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.06rem; border: dashed 1px rgba(204, 204, 204, 0.8); }

.md-contact-2 .form .m-upload-btn .btn-1 { 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; cursor: pointer; display: none; }

.md-contact-2 .form .m-upload-btn .btn-1.show { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-contact-2 .form .m-upload-btn .btn-1 img { width: .26rem; min-width: 14px; margin-right: .23rem; }

.md-contact-2 .form .m-upload-btn .btn-1 input { position: absolute; opacity: 0; cursor: pointer; }

.md-contact-2 .form .m-upload-btn .btn-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 .2rem; display: none; }

.md-contact-2 .form .m-upload-btn .btn-2.show { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-contact-2 .form .m-upload-btn .btn-2 .icon-file { width: .33rem; margin-right: .1rem; }

.md-contact-2 .form .m-upload-btn .btn-2 .preview { width: .6rem; height: .6rem; min-width: 40px; min-height: 40px; -o-object-fit: contain; object-fit: contain; margin-right: .1rem; }

.md-contact-2 .form .m-upload-btn .btn-2 .file-name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-contact-2 .form .m-upload-btn .btn-2 .delete { width: 0.14rem; height: .14rem; min-width: 14px; min-height: 14px; margin-left: auto; cursor: pointer; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../images/i-close.jpg); }

.md-contact-2 .form .m-upload-tips { margin-left: .25rem; }

.md-contact-2 .form .m-more { margin-top: .15rem; }

@media (max-width: 600px) { .md-contact-2 .layout { width: 92%; }
  .md-contact-2 .form-row { display: block; }
  .md-contact-2 .form-row .form-item { width: 100%; }
  .md-contact-2 .form .m-upload { display: block; }
  .md-contact-2 .form .m-upload-btn .btn { width: 100%; }
  .md-contact-2 .form .m-upload-tips { margin-left: 0; margin-top: 1em; }
  .md-contact-2 .form .m-more { width: 100%; }
  .md-contact-2 .form .m-radio { margin-top: .8em; } }


