@charset "UTF-8";
.title h2 { height: 36px; line-height: 36px; font-size: 36px; color: #000000; }

@media screen and (max-width: 768px) {
  .title h2 { font-size: 18px; }
}

.title span { display: block; font-size: 12px; color: #939393; margin-bottom: 70px; margin-top: 5px; }

/*底部开始*/
.mb_footer { overflow: hidden; width: 78%; margin: 0 auto; margin-top: -127px; background: #fff; }

@media screen and (max-width: 1500px) {
  .mb_footer { width: 90%; }
}

@media screen and (max-width: 1300px) {
  .mb_footer { width: 95%; }
}

.mb_footer .container { width: 100%; padding: 0px 10%; }

@media screen and (min-width: 1750px) {
  .mb_footer .container { padding: 0px 10%; }
}

@media screen and (max-width: 1500px) {
  .mb_footer .container { padding: 0px 5%; }
}

@media screen and (max-width: 992px) {
  .mb_footer .container { padding: 0px 10%; }
}

@media screen and (max-width: 992px) {
  .mb_footer .container > .row { text-align: center; }
}

.mb_footer .container > .row.mb_service { position: relative; padding-top: 63px; box-sizing: border-box; }

@media screen and (max-width: 992px) {
  .mb_footer .container > .row.mb_service { padding-top: 30px; }
}

.mb_footer .container > .row.mb_service .service_left { margin-top: 30px; padding-left: 0px; }

@media screen and (max-width: 992px) {
  .mb_footer .container > .row.mb_service .service_left { margin-bottom: 20px; padding-left: 0px }
}

.mb_footer .container > .row.mb_service .service_left li { float: left; height: auto; overflow: hidden; background-repeat: no-repeat; padding-left: 40px; padding-top: 5px; padding-bottom: 10px; width: 25%; }
.mb_footer .container > .row.mb_service .service_left li:nth-of-type(1) { background-image: url("../images/nth-1.png"); }
.mb_footer .container > .row.mb_service .service_left li:nth-of-type(2) { background-image: url("../images/nth-2.png"); }
.mb_footer .container > .row.mb_service .service_left li:nth-of-type(3) { background-image: url("../images/nth-3.png"); }
.mb_footer .container > .row.mb_service .service_left li:nth-of-type(4) { background-image: url("../images/nth-4.png"); }
.mb_footer .container > .row.mb_service .service_left li:nth-of-type(5) { background-image: url("../images/nth-5.png"); }
.mb_footer .container > .row.mb_service .service_left li:nth-of-type(6) { background-image: url("../images/nth-6.png"); }
.mb_footer .container > .row.mb_service .service_left li:nth-of-type(7) { background-image: url("../images/nth-7.png"); }
.mb_footer .container > .row.mb_service .service_left li:nth-of-type(8) { background-image: url("../images/nth-8.png"); }

.mb_footer .container > .row.mb_service .service_left li p { font-size: 12px; color: #6A6A6A; }
.mb_footer .container > .row.mb_service .service_left li p:last-of-type { color: #ACAEB3; }

@media screen and (max-width: 768px) {
  .mb_footer .container > .row.mb_service .service_left li { float: none; width: 100%; margin-bottom: 25px; background-position: 35%; }
}

@media screen and (max-width: 425px) {
  .mb_footer .container > .row.mb_service .service_left li { background-position: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 50px; margin-bottom: 15px; }
  .mb_footer .container > .row.mb_service .service_left li p { text-align: left; }
}

.mb_footer .container > .row.mb_service .service_right { margin-top: 30px; }

@media screen and (min-width: 1400px) {
  .mb_footer .container > .row.mb_service .service_right { text-align: center; }
}

@media screen and (max-width: 992px) {
  .mb_footer .container > .row.mb_service .service_right { text-align: center; }
}

.mb_footer .container > .row.mb_service .service_right p { font-size: 14px; color: #ACAEB3; margin-bottom: 2px; }
.mb_footer .container > .row.mb_service .service_right span { font-size: 20px; font-weight: bold; color: #242424; display: block; }
.mb_footer .container > .row.mb_service .service_right .online { background: #E83732; display: inline-block; width: 157px; height: 37px; line-height: 37px; font-size: 14px; color: #FFFFFF; margin-top: 24px; text-align: center; }

@media screen and (max-width: 992px) {
  .mb_footer .container > .row.mb_service .service_right .online { width: 100px; height: 37px; line-height: 37px; }
}

.mb_footer .container > .row.mb_rights { margin-top: 0px; margin-bottom: 20px; }

@media screen and (max-width: 992px) {
  .mb_footer .container > .row.mb_rights { margin-top: 20px; }
}

.mb_footer .container > .row.mb_rights ul { margin-top: 53px; margin-bottom: 10px; overflow: hidden; }

@media screen and (max-width: 992px) {
  .mb_footer .container > .row.mb_rights ul { width: 85%; margin: 0 auto; }
}

.mb_footer .container > .row.mb_rights ul > li a { padding: 0 17px; float: left; height: 15px; line-height: 15px; font-size: 12px; color: #939393; border-right: 1px dashed #939393; }
.mb_footer .container > .row.mb_rights ul > li a:last-of-type { border-right: none; }
.mb_footer .container > .row.mb_rights ul > li a:first-of-type { padding-left: 0; }
.mb_footer .container > .row.mb_rights ul > li .mb_yyzz { box-shadow: 0 0 20px 0 #eaeaea; border-radius: 8px; display: none; position: fixed; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); top: 50%; width: 450px; z-index: 1001; }
.mb_footer .container > .row.mb_rights ul > li .mb_yyzz img { width: 100%; }
.mb_footer .container > .row.mb_rights ul > li .mb_flsm { text-align: left; box-shadow: 0 0 20px 0 #eaeaea; border-radius: 8px; display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 80%; height: 80%; padding: 80px; z-index: 1001; background-color: #fff; overflow: scroll; }

@media screen and (max-width: 768px) {
  .mb_footer .container > .row.mb_rights ul > li .mb_flsm { padding: 10px; }
}

@media screen and (max-width: 768px) {
  .mb_footer .container > .row.mb_rights ul { text-align: center; display: -webkit-flex; /* Safari */ display: flex; justify-content: space-around; flex-wrap: wrap; padding: 10px 0; }
  .mb_footer .container > .row.mb_rights ul > li a { padding: 10px 17px; height: auto; }
}

.mb_footer .container > .row.mb_rights .rights > p { display: block; margin-bottom: 10px; color: #939393; }

#mask { display: none; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; z-index: 1000; }

/*底部结束*/

/*# sourceMappingURL=mb_footer.css.map */