.header-container {
  height: 110px;
  line-height: 110px;
  background: transparent;
  box-shadow: none;
  position: absolute; }
  .header-container .nav-container .nav-item {
    color: rgba(255, 255, 255, 0.5); }
    .header-container .nav-container .nav-item:hover {
      color: #ffffff; }
    .header-container .nav-container .nav-item.has-menu .drop-menu {
      top: 88px;
      left: 50%;
      background: rgba(0, 0, 0, 0.8);
      box-shadow: none; }
      .header-container .nav-container .nav-item.has-menu .drop-menu > a:hover {
        background: #1D2528; }
        .header-container .nav-container .nav-item.has-menu .drop-menu > a:hover span {
          color: #fff; }
          .header-container .nav-container .nav-item.has-menu .drop-menu > a:hover span:last-child {
            color: rgba(255, 255, 255, 0.5); }
      .header-container .nav-container .nav-item.has-menu .drop-menu > a div {
        color: #fff;
        border-bottom: 1px solid #535353; }
        .header-container .nav-container .nav-item.has-menu .drop-menu > a div span:last-child {
          color: rgba(255, 255, 255, 0.5); }
      .header-container .nav-container .nav-item.has-menu .drop-menu > a:last-child div {
        border: none; }
  .header-container .header {
    width: 1420px; }
    .header-container .header a.logo img.home-logo {
      display: block; }
    .header-container .header a.logo img.common-logo {
      display: none; }

body {
  background: #fff; }

@media screen and (max-width: 1100px) {
  .header-container .header {
    width: 100%; }
    .header-container .header .nav-container {
      margin-right: 20px; }
    .header-container .header .logo {
      margin-left: 20px; } }
.detail-main-container {
  background: #ffffff; }
  .detail-main-container section .main-title {
    position: relative;
    padding: 100px 0 35px;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    color: #061F36;
    line-height: 48px; }
    .detail-main-container section .main-title::after {
      content: '';
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
      width: 50px;
      height: 5px;
      background: #4489FF; }
  .detail-main-container .detail-page-banner {
    position: relative;
    width: 100%;
    height: 684px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding-left: 12%;
    z-index: 10; }
    .detail-main-container .detail-page-banner .banner-pic {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1; }
    .detail-main-container .detail-page-banner .main-content {
      width: 500px;
      min-width: 500px;
      font-size: 30px;
      color: #FFFFFF;
      margin-top: 100px; }
      .detail-main-container .detail-page-banner .main-content .title {
        font-size: 48px;
        font-family: YouSheBiaoTiHei;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 55px; }
      .detail-main-container .detail-page-banner .main-content .text-desc {
        font-weight: 400;
        margin-top: 30px; }
      .detail-main-container .detail-page-banner .main-content .price {
        margin-top: 80px;
        margin-bottom: 10px;
        font-weight: 400;
        line-height: 40px;
        padding-left: 72px; }
      .detail-main-container .detail-page-banner .main-content .contact-btn {
        color: #4489FF;
        width: 320px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        background: #FFFFFF;
        cursor: pointer;
        box-shadow: 0 10px 27px 0 rgba(14, 38, 77, 0.23); }
  .detail-main-container .product-worth {
    width: 100%; }
    .detail-main-container .product-worth .main-title {
      margin-bottom: 100px; }
    .detail-main-container .product-worth .box .content-wrapper {
      min-width: 1270px;
      height: 630px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto; }
      .detail-main-container .product-worth .box .content-wrapper .img {
        width: 752px;
        height: 540px;
        margin-top: 50px; }
      .detail-main-container .product-worth .box .content-wrapper .text {
        display: flex;
        flex-direction: column;
        width: 432px; }
        .detail-main-container .product-worth .box .content-wrapper .text img {
          width: 64px;
          height: 64px; }
        .detail-main-container .product-worth .box .content-wrapper .text .title .main {
          font-size: 48px;
          font-weight: bold;
          color: #666B72;
          line-height: 48px;
          margin-top: 50px; }
        .detail-main-container .product-worth .box .content-wrapper .text .title .sub {
          font-size: 24px;
          font-weight: 400;
          color: #666B72;
          line-height: 48px;
          margin-bottom: 30px; }
        .detail-main-container .product-worth .box .content-wrapper .text .desc {
          font-size: 18px;
          font-weight: 400;
          color: #676C73;
          line-height: 36px; }
    .detail-main-container .product-worth .box.box1 {
      background-image: url("../image/product-worth-bg1.png");
      background-size: 100% 100%; }
      .detail-main-container .product-worth .box.box1 .img {
        margin-left: -56px; }
      .detail-main-container .product-worth .box.box1 .text {
        margin-left: 100px; }
    .detail-main-container .product-worth .box.box2 {
      background-image: url("../image/product-worth-bg2.png");
      background-size: 100% 100%; }
      .detail-main-container .product-worth .box.box2 .text {
        margin-top: 50px;
        margin-left: 100px; }
      .detail-main-container .product-worth .box.box2 .img {
        margin-left: 100px; }
  .detail-main-container .function {
    background-image: url("../image/bg-func.png");
    background-repeat: no-repeat;
    background-position: 0 800px; }
    .detail-main-container .function .func-box {
      width: 1222px;
      margin: 0 auto;
      margin-top: 50px; }
    .detail-main-container .function .gov-box {
      display: flex;
      justify-content: space-between;
      margin-top: 67px; }
      .detail-main-container .function .gov-box .gov-box-left {
        flex: 1;
        z-index: 10; }
      .detail-main-container .function .gov-box .gov-intro-box {
        position: relative;
        margin-top: 42px; }
        .detail-main-container .function .gov-box .gov-intro-box .gov-intro {
          position: absolute;
          top: 0;
          left: 0;
          width: 800px;
          background: #FFFFFF;
          box-shadow: 0px 10px 27px 0px rgba(6, 31, 54, 0.26);
          border-radius: 10px;
          z-index: 99;
          padding: 20px; }
          .detail-main-container .function .gov-box .gov-intro-box .gov-intro .gov-intro-item {
            display: none; }
            .detail-main-container .function .gov-box .gov-intro-box .gov-intro .gov-intro-item .gov-intro-img {
              height: 380px; }
            .detail-main-container .function .gov-box .gov-intro-box .gov-intro .gov-intro-item .gov-intro-title {
              padding: 25px 0 0 0;
              color: #676C73;
              font-size: 18px; }
              .detail-main-container .function .gov-box .gov-intro-box .gov-intro .gov-intro-item .gov-intro-title p {
                line-height: 30px;
                padding: 0 23px 0 30px; }
          .detail-main-container .function .gov-box .gov-intro-box .gov-intro .gov-intro-item.intro-active {
            display: block; }
      .detail-main-container .function .gov-box .gov-box-right {
        position: relative;
        width: 560px;
        height: 710px;
        margin-right: 22px;
        border: 8px solid #4489FF; }
        .detail-main-container .function .gov-box .gov-box-right .intro-list-box {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 356px;
          height: 100%;
          position: absolute;
          right: -30px; }
          .detail-main-container .function .gov-box .gov-box-right .intro-list-box .intro-list {
            width: 100%; }
            .detail-main-container .function .gov-box .gov-box-right .intro-list-box .intro-list li {
              width: 100%;
              height: 60px;
              line-height: 60px;
              box-sizing: border-box;
              padding-left: 83px;
              font-size: 20px;
              color: #666B72;
              cursor: pointer;
              z-index: 10; }
              .detail-main-container .function .gov-box .gov-box-right .intro-list-box .intro-list li.active {
                height: 75px;
                color: #fff;
                background: url("../image/bg-gov-select.png") no-repeat;
                background-image: 100% 100%; }
    .detail-main-container .function .gov-text {
      padding-top: 20px;
      margin: 0;
      font-size: 36px;
      font-weight: bold;
      color: #666B72; }
    .detail-main-container .function .company-box {
      margin-top: 127px; }
      .detail-main-container .function .company-box .company-intro {
        margin-top: 67px; }
        .detail-main-container .function .company-box .company-intro .company-intro-row {
          display: flex; }
          .detail-main-container .function .company-box .company-intro .company-intro-row .company-intro-col {
            flex: 1;
            height: 245px;
            margin: 0 41px 33px 0;
            border: 1px solid #EEEEEE;
            box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.1);
            border-radius: 10px; }
            .detail-main-container .function .company-box .company-intro .company-intro-row .company-intro-col .col-content {
              display: flex;
              flex-direction: column;
              align-items: center;
              padding-top: 27px; }
              .detail-main-container .function .company-box .company-intro .company-intro-row .company-intro-col .col-content .img {
                width: 41px;
                height: 38px; }
              .detail-main-container .function .company-box .company-intro .company-intro-row .company-intro-col .col-content .col-title {
                position: relative;
                margin-top: 10px;
                font-size: 24px;
                font-weight: bold;
                text-align: center;
                color: #676C73;
                line-height: 30px; }
                .detail-main-container .function .company-box .company-intro .company-intro-row .company-intro-col .col-content .col-title::after {
                  content: '';
                  display: block;
                  position: absolute;
                  left: 50%;
                  bottom: -8px;
                  transform: translateX(-50%);
                  width: 30px;
                  height: 5px;
                  background: #646D7B; }
              .detail-main-container .function .company-box .company-intro .company-intro-row .company-intro-col .col-content p {
                width: 460px;
                font-size: 18px;
                color: #666B72;
                line-height: 32px;
                text-align: center;
                margin-top: 30px; }
          .detail-main-container .function .company-box .company-intro .company-intro-row .company-intro-col:last-child {
            margin-right: 0; }
          .detail-main-container .function .company-box .company-intro .company-intro-row .underline-top {
            height: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px; }
          .detail-main-container .function .company-box .company-intro .company-intro-row .blue {
            background: linear-gradient(90deg, #38A1FF 0%, #39A0FF 100%); }
          .detail-main-container .function .company-box .company-intro .company-intro-row .orange {
            background: linear-gradient(90deg, #FFBB38 0%, #FF8439 100%); }
          .detail-main-container .function .company-box .company-intro .company-intro-row .green {
            background: linear-gradient(90deg, #5DD389 0%, #66C572 100%); }
          .detail-main-container .function .company-box .company-intro .company-intro-row .pink {
            background: linear-gradient(90deg, #DEA2E7 0%, #EB6598 100%); }
        .detail-main-container .function .company-box .company-intro .company-intro-row:nth-child(1) .company-intro-col:nth-child(1) {
          background-image: url("../image/bg-company1.png");
          background-position: center;
          background-size: 105%; }
        .detail-main-container .function .company-box .company-intro .company-intro-row:nth-child(1) .company-intro-col:nth-child(2) {
          background-image: url("../image/bg-company2.png");
          background-position: center;
          background-size: 105%; }
        .detail-main-container .function .company-box .company-intro .company-intro-row:nth-child(2) .company-intro-col:nth-child(1) {
          background-image: url("../image/bg-company3.png");
          background-position: center;
          background-size: 105%; }
        .detail-main-container .function .company-box .company-intro .company-intro-row:nth-child(2) .company-intro-col:nth-child(2) {
          background-image: url("../image/bg-company4.png");
          background-position: center;
          background-size: 105%; }
  .detail-main-container .classic-case {
    background-color: #F8FAFC; }
    .detail-main-container .classic-case .classic-case-box {
      width: 1222px;
      margin: 0 auto;
      margin-top: 102px;
      padding-bottom: 132px; }
    .detail-main-container .classic-case .swiper-box {
      position: relative; }
    .detail-main-container .classic-case .swiper-list {
      height: 360px;
      position: relative;
      overflow: hidden;
      padding: 30px 0;
      padding: 40px 0;
      margin: 0 auto; }
    .detail-main-container .classic-case .swiper-main {
      height: 100%;
      position: relative; }
      .detail-main-container .classic-case .swiper-main .box {
        display: flex;
        height: 100%;
        align-items: center;
        padding: 0 25px; }
        .detail-main-container .classic-case .swiper-main .box .classic-case-img {
          height: 240px;
          width: 300px; }
          .detail-main-container .classic-case .swiper-main .box .classic-case-img img {
            width: 100%;
            height: 100%; }
        .detail-main-container .classic-case .swiper-main .box .classic-case-intro {
          flex: 1;
          height: 250px;
          padding-left: 25px; }
          .detail-main-container .classic-case .swiper-main .box .classic-case-intro .intro-title {
            margin-bottom: 20px;
            font-size: 36px;
            font-family: PingFang SC;
            font-weight: bold;
            color: #666B72; }
          .detail-main-container .classic-case .swiper-main .box .classic-case-intro p {
            margin: 0;
            font-size: 16px;
            font-family: PingFang SC;
            font-weight: 400;
            color: #666B72;
            line-height: 24px; }
    .detail-main-container .classic-case .pagination-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 53px;
      height: 53px;
      z-index: 1002;
      cursor: pointer; }
    .detail-main-container .classic-case .leftBtn {
      left: 0; }
    .detail-main-container .classic-case .rightBtn {
      right: 0; }
    .detail-main-container .classic-case .swiper-slide-stack {
      height: 100px; }
    .detail-main-container .classic-case .swiper-main .swiper-slide-stack {
      height: 100%;
      display: block;
      position: absolute;
      top: 0px;
      border-radius: 4px;
      display: inline-block;
      background: #FFFFFF;
      border-radius: 5px; }
      .detail-main-container .classic-case .swiper-main .swiper-slide-stack .box {
        box-shadow: 0px 15px 30px 0px rgba(37, 76, 175, 0.36); }
  .detail-main-container .advice {
    width: 100%;
    padding: 100px 0; }
    .detail-main-container .advice .advice-btn {
      width: 320px;
      height: 80px;
      line-height: 80px;
      text-align: center;
      font-size: 30px;
      font-weight: 400;
      margin: 0 auto;
      color: #FFFFFF;
      background: #4489FF;
      cursor: pointer;
      box-shadow: 0 10px 27px 0 rgba(68, 137, 255, 0.34); }
    .detail-main-container .advice .price {
      margin-top: 34px;
      font-size: 24px;
      font-weight: 400;
      color: #676C73;
      text-align: center; }

@media screen and (max-width: 1280px) {
  .detail-main-container .detail-page-banner {
    height: 453px !important; }
    .detail-main-container .detail-page-banner .main-content .title {
      font-size: 36px;
      line-height: 50px; }
    .detail-main-container .detail-page-banner .main-content .text-desc {
      font-size: 26px;
      margin-top: 20px; }
    .detail-main-container .detail-page-banner .main-content .price {
      font-size: 26px;
      margin-top: 50px;
      margin-bottom: 6px; }
    .detail-main-container .detail-page-banner .main-content .contact-btn {
      height: 70px;
      line-height: 70px;
      font-size: 26px; } }
@media screen and (max-width: 1440px) {
  .header-container .header {
    width: 1140px; }

  .detail-main-container .detail-page-banner {
    height: 510px; }
    .detail-main-container .detail-page-banner .main-content .title {
      font-size: 36px;
      line-height: 50px; }
    .detail-main-container .detail-page-banner .main-content .text-desc {
      font-size: 26px;
      margin-top: 20px; }
    .detail-main-container .detail-page-banner .main-content .price {
      font-size: 26px;
      margin-top: 50px;
      margin-bottom: 6px; }
    .detail-main-container .detail-page-banner .main-content .contact-btn {
      height: 70px;
      line-height: 70px;
      font-size: 26px; } }

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