.tab {
  width: 100%;
  background: #1f2f48
}

.tab ul {
  padding: 0 15px
}

.tab ul .active {
  background: #fb3a4a
}

.tab ul li {
  padding: 30px 0
}

.tab ul li a {
  font-size: 30px;
  line-height: 30px;
  color: #fff
}

.hide {
  display: none !important
}

.black {
  color: #333
}

.white {
  color: #fff
}

.service-tit {
  font-size: 36px;
  line-height: 30px;
  padding: 83px 0 20px;
  padding-left: 15px;
  font-weight: 400
}

.service-a .first-tit {
  font-weight: 700
}

.service-a .servier-a-text p {
  font-size: 16px;
  line-height: 30px;
  color: #333
}

.service-a .servier-a-text p:first-child {
  margin-bottom: 32px
}

.service-a .servier-a-text .service-chat {
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  background: #fb3a4a;
  display: inline-block;
  padding: 10px 48px;
  margin-top: 30px;
  border-radius: 40px
}

.service-b {
  width: 100%;
  background: #1f2f48
}

.service-b .service-b-text {
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  padding-left: 15px;
  margin-bottom: 75px;
  margin-top: 20px
}

.service-b .service-b-bot {
  padding-bottom: 80px
}

.service-b .service-b-bot .hot-line {
  position: relative
}

.service-b .service-b-bot .hot-line p {
  width: 100%;
  color: #fff;
  font-size: 36px;
  letter-spacing: -1px;
  font-weight: 700;
  padding: 40px 0 21px;
  background: #fb3a4a
}

.service-b .service-b-bot .hot-line p span {
  font-weight: 400;
  display: block;
  font-size: 24px;
  line-height: 37px
}

.service-b .service-b-bot .service-line-text {
  position: relative;
  background: #773349
}

.service-b .service-b-bot .service-line-text .text-p {
  color: #fff;
  font-size: 24px;
  line-height: 48px;
  padding: 41px 0 63px
}
.service-b .service-b-bot .service-line-text .text-p p {
  line-height: 30px;
  margin-bottom: 10px;
}
.service-b .service-b-bot .service-b-img {
  position: absolute;
  left: -66px;
  bottom: 0;
  max-width: 100%;
  display: none
}

.service-c {
  width: 100%
}

.service-c .row {
  --bs-gutter-x: 0rem
}

.service-c .service-c-left,
.service-c .service-c-right {
  padding: 0
}

.service-c .service-c-right {
  display: flex;
  justify-content: flex-start
}

.service-c .service-c-img img {
  width: 100%
}

.service-c .service-tit {
  padding-left: 0
}

.service-c .service-c2-left {
  background: #fbfcff;
}

.service-c .service-c2-text {
  background: #fbfcff
}

.service-c .service-c-text p {
  font-size: 16px;
  line-height: 30px;
  padding-top: 15px
}

.service-d {
  width: 100%
}

.service-d p {
  font-size: 16px;
  line-height: 24px;
  margin-top: 32px;
  margin-bottom: 40px
}

.service-d .d-img {
  max-width: 100%
}

.service-d .service-tit {
  padding-left: 0
}

.faq-a {
  width: 100%
}

.faq-a .fap-tit {
  font-weight: 700;
  padding-left: 0;
  padding-bottom: 50px
}

.faq-a ul li {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 25px
}

.faq-a ul li:hover {
  background: #f7f7f7;
  transition: .2s
}

.faq-a ul li p,
.faq-a ul li span {
  font-size: 16px;
  color: #333
}

.faq-a .tab-btn {
  font-size: 24px;
  font-family: OpenSans;
  line-height: 26px;
  color: #fff;
  margin: 0 auto;
  border-radius: 25px;
  width: 300px;
  display: block;
  text-align: center;
  padding: 12px 0;
  margin-top: 15px;
  margin-bottom: 80px;
  background-image: linear-gradient(to right, #fb3a4a, #fe4754);
  text-decoration: none;
  background-size: 200% auto;
  transition: .5s
}

.network-a {
  width: 100%
}

.network-a .network-tit {
  font-weight: 700;
  padding-left: 0
}

.network-a p {
  font-size: 16px;
  line-height: 30px;
  color: #333;
  margin-top: 40px
}

.network-a .net-second-tit {
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 53px
}

.network-a .network-ditu {
  position: relative
}

.network-a .network-ditu .ditu {
  max-width: 100%;
  height: 100%
}

.network-a .network-ditu .ditu-item {
  position: absolute;
  top: 0
}

.network-a .network-ditu .pos,
.network-a .network-ditu .pos-img {
  position: absolute
}

.network-a .network-ditu .pos1 {
  left: 16%;
  top: 6.5%
}

.network-a .network-ditu .pos2 {
  left: 22%;
  top: 15.5%
}

.network-a .network-ditu .pos3 {
  left: 27.5%;
  top: 6.5%
}

.network-a .network-ditu .pos4 {
  left: 37.5%;
  top: 7.5%
}

.network-a .network-ditu .pos5 {
  left: 43.5%;
  top: 13.5%
}

.network-a .network-ditu .pos6 {
  left: 66%;
  top: 6.5%
}

.network-a .network-ditu .pos7 {
  left: 81.5%;
  top: 13.5%
}

.network-a .network-ditu .pos8 {
  left: 9%;
  top: 33.5%
}

.network-a .network-ditu .pos9 {
  left: 18%;
  top: 45.5%
}

.network-a .network-ditu .pos10 {
  left: 34%;
  top: 37.5%
}

.network-a .network-ditu .pos11 {
  left: 42.5%;
  top: 28.5%
}

.network-a .network-ditu .pos12 {
  left: 73%;
  top: 43%
}

.network-a .network-ditu .pos13 {
  left: 81.5%;
  top: 55.5%
}

.network-a .network-ditu .pos14 {
  left: 84%;
  top: 71.5%
}

.network-a .network-ditu .pos15 {
  left: 77%;
  top: 62.5%
}

.network-a .network-ditu .pos16 {
  left: 51.5%;
  top: 76.5%
}

.modal-header {
  padding-right: 54px
}

.modal-header .dt-card-tit {
  font-size: 30px;
  line-height: 30px;
  color: #333;
  font-weight: 700
}

.dt-card-img {
  width: 100%
}

.modal-body {
  width: 100%
}

.modal-body .card-info {
  padding: 10px;
  background: #fff;
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 100
}

.modal-body .card-info .card-bg {
  background: #fff;
  padding: 49px 45px 60px
}

.modal-body .card-info .card-bg img {
  max-width: 100%
}

.modal-body .card-info .card-info-right {
  padding-left: 23px
}

.modal-body .card-info .card-info-right h4 {
  font-size: 30px;
  line-height: 39px;
  color: #333;
  margin: 31px 0 65px
}

.modal-body .card-info .card-info-right span {
  display: block;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 40px
}

.modal-body .card-info .card-info-right .card-msg {
  font-size: 18px;
  line-height: 30px;
  color: #fb3a4a;
  margin-top: 0
}

.network-b {
  background: #1f2f48
}

.network-b .product-tit {
  color: #fff;
  font-size: 48px;
  padding-top: 72px;
  text-align: center;
  padding-bottom: 35px
}

.network-b .network-b-cont {
  padding-bottom: 73px
}

.network-b .network-b-cont .section-img {
  overflow: hidden
}

.network-b .network-b-cont .section-img img {
  width: 100%
}

.network-b .network-b-cont .section-img img:hover {
  transform: scale(1.2);
  transition: .5S
}

.network-b .network-b-cont span {
  display: block;
  font-size: 18px;
  color: #fff;
  padding: 22px 0;
  text-align: left
}

@media(min-width: 368px)and (max-width: 767px) {
  .service-b .service-b-bot .hot-line p {
    font-size: 28px;
    padding: 40px 15px 21px
  }

  .service-b .service-b-bot .hot-line p span {
    font-size: 18px
  }

  .service-b .service-b-bot .service-line-text .text-p {
    font-size: 18px;
    padding: 40px 15px 21px
  }

  .service-c .service-c-text {
    padding: 0px 30px
  }

  .service-c .service-c-text .service-tit {
    padding: 53px 0 20px
  }

  .service-c .service-c-text p {
    overflow: hidden
  }

  .service-c .service-c2-text p {
    margin-bottom: 40px !important
  }

  .network-a {
    padding-bottom: 40px
  }

  .network-ditu .pos-img {
    width: 20px
  }

  .modal-dialog-centered {
    min-height: calc(100% - 36rem)
  }

  .modal-header .dt-card-tit {
    font-size: 20px
  }

  .modal-body .card-info .card-info-right h4 {
    font-size: 16px;
    margin: 11px 0 15px
  }

  .modal-body .card-info .card-info-right span {
    font-size: 16px;
    margin-bottom: 5px
  }

  .network-b .network-b-cont .network-b-item {
    padding: 0 20px
  }
}

@media(min-width: 768px)and (max-width: 991px) {
  .service-b .service-b-bot .hot-line p {
    font-size: 26px;
    display: flex;
    padding: 40px 15px 21px
  }

  .service-b .service-b-bot .hot-line p span {
    padding-left: 30px;
    font-size: 20px
  }

  .service-b .service-b-bot .service-line-text .text-p {
    font-size: 20px;
    padding: 40px 15px 21px
  }

  .service-c .service-c-text {
    padding: 0px 30px
  }

  .service-c .service-c-text .service-tit {
    padding: 53px 0 20px
  }

  .service-c .service-c-text p {
    overflow: hidden
  }

  .service-c .service-c2-text p {
    margin-bottom: 40px !important
  }

  .network-a {
    padding-bottom: 40px
  }

  .modal-lg,
  .modal-xl {
    max-width: 696px;
    min-height: calc(100% - 31.5rem)
  }

  .modal-body .card-info .card-info-right h4 {
    font-size: 16px;
    margin: 8px 0 10px
  }

  .modal-body .card-info .card-info-right span {
    font-size: 16px;
    margin-bottom: 0px
  }
}

@media(min-width: 992px) {
  .service-tit {
    font-size: 48px
  }

  .tab ul li {
    padding: 48px 0
  }

  .tab ul li a {
    font-size: 22px
  }

  .service-b .service-b-bot .hot-line {
    display: flex;
    justify-content: flex-end
  }

  .service-b .service-b-bot .hot-line p {
    width: 69%;
    font-size: 18px;
    padding-left: 190px;
    display: flex
  }

  .service-b .service-b-bot .hot-line p span {
    font-size: 16px;
    padding-left: 15px
  }

  .service-b .service-b-bot .service-line-text .text-p {
    font-size: 20px;
    padding-left: 35%
  }

  .service-b .service-b-bot .service-b-img {
    left: -29px;
    display: block
  }

  .service-c .service-c-text {
    width: 495px;
    padding: 0px 10px 0px 30px
  }

  .service-c .service-c-text .service-tit {
    padding: 40px 0 15px
  }

  .service-c .service-c-text p {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical
  }

  .service-c .service-c2-left {
    display: flex;
    justify-content: flex-end
  }

  .network-a {
    padding-bottom: 60px
  }

  .modal-lg,
  .modal-xl {
    max-width: 936px;
    min-height: calc(100% - 22.5rem)
  }

  .modal-header {
    padding-top: 35px
  }

  .modal-body .card-info {
    padding-bottom: 40px
  }

  .modal-body .card-info .card-info-right h4 {
    font-size: 22px;
    margin: 10px 0 18px
  }

  .modal-body .card-info .card-info-right span {
    font-size: 22px;
    margin-bottom: 10px
  }
}

@media(min-width: 1199px) {
  .tab ul li {
    padding: 43px 0 a
  }

  .tab ul li a {
    font-size: 26px
  }

  .service-b .service-b-bot .hot-line p {
    width: 72%;
    font-size: 24px
  }

  .service-b .service-b-bot .hot-line p span {
    font-size: 20px;
    padding-left: 30px
  }

  .service-b .service-b-bot .service-line-text .text-p {
    font-size: 20px;
    padding-left: 30%
  }

  .service-b .service-b-bot .service-b-img {
    left: -36px
  }

  .service-c .service-c-left,
  .service-c .service-c-right {
    padding: 0
  }

  .service-c .service-c-text {
    width: 585px;
    padding: 0px 40px 0px 30px
  }

  .service-c .service-c-text .service-tit {
    padding: 53px 0 20px
  }

  .service-c .service-c-text p {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical
  }

  .modal-lg,
  .modal-xl {
    max-width: 1116px
  }

  .modal-dialog-centered {
    min-height: calc(100% - 23rem)
  }

  .modal-body .card-info .card-info-left {
    padding-left: 30px
  }

  .modal-body .card-info .card-info-right {
    padding-left: 16px
  }

  .modal-body .card-info .card-info-right h4 {
    font-size: 24px;
    margin: 20px 0 30px
  }

  .modal-body .card-info .card-info-right span {
    font-size: 24px;
    margin-bottom: 10px
  }

  .dt-card-tit {
    padding-left: 15px
  }

  .network-a .network-ditu .card-info .card-info-bg {
    padding: 49px 45px 60px
  }

  .network-a .network-ditu .card-info .card-info-bg .dt-card-tit {
    margin-bottom: 30px
  }

  .network-a .network-ditu .card-info .card-info-bg .dt-card-tit .card-info-right {
    padding-left: 23px
  }

  .network-a .network-ditu .card-info .card-info-bg .dt-card-tit .card-info-right h4 {
    margin: 31px 0 65px
  }

  .network-a .network-ditu .card-info .card-info-bg .dt-card-tit .card-info-right span {
    margin-bottom: 40px
  }
}

@media(min-width: 1400px) {
  .tab ul li {
    padding: 48px 0
  }

  .tab ul li a {
    font-size: 30px
  }

  .service-b .service-b-bot .hot-line p {
    width: 80%;
    font-size: 36px;
    letter-spacing: -1px;
    padding-left: 210px
  }

  .service-b .service-b-bot .hot-line p span {
    font-size: 24px;
    padding-left: 40px
  }

  .service-b .service-b-bot .service-line-text .text-p {
    font-size: 24px;
    padding-left: 25%
  }

  .service-b .service-b-bot .service-b-img {
    left: -30px
  }

  .service-c .service-c-left,
  .service-c .service-c-right {
    padding: 0
  }

  .service-c .service-c-text {
    width: 675px;
    padding: 0px 40px 0px 30px
  }

  .service-c .service-c-text .service-tit {
    padding: 60px 0 20px
  }

  .service-c .service-c-text p {
    -webkit-line-clamp: 7
  }

  .service-c .service-c2-text {
    padding: 0px 40px 0px 0px
  }

  .modal-lg,
  .modal-xl {
    max-width: 1296px
  }

  .modal-dialog-centered {
    min-height: calc(100% - 23rem)
  }

  .modal-body .card-info .card-info-right {
    padding-left: 40px
  }

  .modal-body .card-info .card-info-right {
    padding-left: 23px
  }

  .modal-body .card-info .card-info-right h4 {
    font-size: 26px;
    margin: 30px 0 40px
  }

  .modal-body .card-info .card-info-right span {
    font-size: 26px;
    margin-bottom: 20px
  }

  .dt-card-tit {
    padding-left: 10px
  }

  .network-a .network-ditu .card-info .card-info-bg {
    padding: 49px 45px 60px
  }

  .network-a .network-ditu .card-info .card-info-bg .dt-card-tit {
    margin-bottom: 30px
  }

  .network-a .network-ditu .card-info .card-info-bg .dt-card-tit .card-info-right {
    padding-left: 23px
  }

  .network-a .network-ditu .card-info .card-info-bg .dt-card-tit .card-info-right h4 {
    margin: 31px 0 65px !important
  }

  .network-a .network-ditu .card-info .card-info-bg .dt-card-tit .card-info-right span {
    margin-bottom: 40px !important
  }
}

@media(min-width: 1600px) {

  .service-c .service-c-left,
  .service-c .service-c-right {
    padding: 0
  }

  .service-c .service-c-text {
    width: 706px;
    padding: 0px 0px 0px 63px
  }

  .service-c .service-c-text .service-tit {
    padding: 88px 0 26px
  }

  .service-c .service-c-text p {
    -webkit-line-clamp: 10
  }

  .service-c .service-c2-text {
    padding: 0px 40px 0px 0px
  }

  .service-b .service-b-bot .hot-line p {
    width: 80%;
    font-size: 36px;
    letter-spacing: -1px;
    padding-left: 95px
  }
  .service-b .service-b-text {
    margin-bottom: 110px;
  }
  .service-b .service-b-bot .hot-line p span {
    font-size: 24px;
    padding-left: 40px
  }
  .service-b .service-b-bot {
    padding-left: 30px;
  }
  .service-b .service-b-bot .service-line-text .text-p {
    font-size: 24px;
    padding-left: 25%
  }

  .service-b .service-b-bot .service-b-img {
    left: -40px
  }

  .network-a {
    padding-bottom: 80px
  }

  .modal-lg,
  .modal-xl {
    max-width: 1410px
  }

  .modal-header {
    padding: 48px 15px 15px;
    padding-right: 53px
  }

  .modal-body .card-info .card-info-left {
    padding-left: 45px;
    padding-bottom: 60px
  }

  .modal-body .card-info .card-info-right {
    padding-left: 23px
  }

  .modal-body .card-info .card-info-right h4 {
    font-size: 30px;
    margin: 31px 0 65px
  }

  .modal-body .card-info .card-info-right span {
    font-size: 30px;
    margin-bottom: 40px
  }

  .dt-card-tit {
    padding-left: 30px
  }
}

.p-3 {
  padding: 0 !important;
}

/*# sourceMappingURL=service.min.css.map */
@media(min-width: 992px) {
  .pro-banner {
    background: url(../images/service-banner.jpg) no-repeat center center !important;
    padding-top: 30px;
  }

  .pro-banner h1 {
    margin-top: 17px;
  }

  .pro-banner p {
    padding-top: 30px;
  }

  .pro-banner .pro-qiehuan ul li {
    width: 33.33%;
  }

  .pro-banner .pro-qiehuan {
    margin-top: 161px;
  }
}