@media screen and (max-width: 1640px) {
  .about-container main {
    padding-left: 15px;
    padding-right: 15px; }

  .about-container .section-3 {
    padding-top: 50px; }

  .about-container .section-3 .item {
    margin-bottom: 40px; }
    .about-container .section-3 .item .value {
      font-size: 50px; }
    .about-container .section-3 .item .icon img {
      width: 100px;
      height: 100px;
      vertical-align: middle; }
    .about-container .section-3 .item .name {
      font-size: 50px; }

  .about-container .section-4 .left-part {
    width: 40%; }

  .about-container .section-4 .right-part {
    width: 50%; }

  .about-container .section-4 .right-part .des {
    font-size: 40px; }
    .about-container .section-4 .right-part .des span {
      font-size: 60px; } }
@media screen and (max-width: 1300px) {
  .header-container .header .nav .nav-item {
    padding: 0 12px !important; } }
@media screen and (max-width: 1150px) {
  .header-container .header .nav .nav-item {
    padding: 0 5px !important; }

  .about-container .section-3 {
    padding-top: 20px; }

  .about-container .section-3 .item {
    margin-bottom: 10px; }
    .about-container .section-3 .item .value {
      font-size: 16px;
      height: 30px;
      line-height: 30px; }
    .about-container .section-3 .item .icon {
      width: 30px;
      height: 30px;
      line-height: 30px; }
      .about-container .section-3 .item .icon img {
        width: 30px;
        height: 30px;
        vertical-align: middle; }
    .about-container .section-3 .item .name {
      height: 30px;
      line-height: 30px;
      width: unset;
      font-size: 16px;
      margin: 0 15px; }

  .about-container .section-4 {
    padding-top: 20px; }

  .about-container .section-4 .left-part .des {
    font-size: 16px;
    line-height: 24px; }

  .about-container .section-4 .left-part {
    width: 100%; }

  .about-container .section-4 .right-part {
    width: 100%;
    padding-top: 40px; }

  .about-container .section-4 .right-part .des {
    line-height: 24px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px; }
    .about-container .section-4 .right-part .des span {
      font-size: 20px; }

  .about-container .section-4 .right-part form .item input {
    height: 50px;
    font-size: 18px;
    padding: 0 20px;
    border-radius: 5px; }

  .about-container .section-4 .right-part form .item {
    margin-bottom: 10px; }

  .about-container .section-4 .right-part form .submit button {
    height: 50px;
    font-size: 20px; } }
@media screen and (max-width: 750px) {
  main {
    padding-left: 15px;
    padding-right: 15px; }

  .pc-header {
    display: none; }

  .mobile-header {
    display: block; }

  .header-container-box {
    height: 40px; }

  .pc-hide {
    display: block; }

  .mobile-hide {
    display: none; }

  .sidebar .item {
    width: 40px; }
    .sidebar .item .father {
      height: 40px;
      padding-top: 0; }
      .sidebar .item .father .title {
        display: none; }
      .sidebar .item .father .icon {
        height: 40px;
        line-height: 40px; }
        .sidebar .item .father .icon i {
          font-size: 18px; }
    .sidebar .item .son {
      right: 41px;
      min-height: 40px;
      padding: 0 20px; }
      .sidebar .item .son .phone, .sidebar .item .son .msg {
        line-height: 40px; }
    .sidebar .item .qr {
      padding: 10px; }
      .sidebar .item .qr .img {
        width: 143px;
        height: 143px; }
  .sidebar .to-top .father .icon {
    height: 40px;
    line-height: 40px; }

  .main-title .p-1 {
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #090909;
    font-weight: normal;
    margin: 0; }
  .main-title .p-2 {
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #646464;
    padding-top: 15px;
    display: none; }

  .footer-container {
    padding-top: 50px; }
    .footer-container .nav {
      display: block;
      text-align: center; }
      .footer-container .nav .item {
        width: 100%;
        display: none;
        margin: 0 auto; }
        .footer-container .nav .item:last-child {
          display: block; }

  .footer-container .copyright {
    padding-top: 40px; }

  .portal-container #banner {
    width: 100% !important;
    height: 250px !important; }
    .portal-container #banner .swiper-pagination {
      bottom: 10px; }

  .portal-container .section-7 {
    padding-top: 40px;
    padding-bottom: 40px; }

  .portal-container .section-7 .container .p-1 {
    width: 100% !important;
    height: 200px !important;
    padding-bottom: 20px; }

  .portal-container .section-7 .container .p-2 {
    width: 100% !important;
    height: 200px !important;
    font-size: 14px;
    line-height: 24px; }
    .portal-container .section-7 .container .p-2 b {
      font-size: 18px; }

  .portal-container .section-7 .container {
    padding-top: 40px; }

  .portal-container .section-5 .container .news-container {
    width: 100%;
    padding: 10px;
    padding-top: 0;
    padding-bottom: 0; }

  .portal-container .section-5 .container {
    height: auto; }

  .portal-container .section-2 {
    padding-top: 20px; }

  .portal-container #banner .swiper-slide .mask .p-1 {
    font-size: 24px;
    margin-top: calc((100vh - 85px - 150px) / 2);
    font-weight: bold; }

  .portal-container #banner .swiper-slide .mask .p-2 {
    font-size: 15px;
    line-height: 20px;
    width: calc(100% - 60px);
    margin-left: 30px; }

  .portal-container #banner {
    height: calc(100vh - 40px); }

  .portal-container #banner .banner-container {
    height: 100px; }

  .portal-container #banner .banner-container .banner-wrapper {
    flex-wrap: wrap;
    height: 100px; }
    .portal-container #banner .banner-container .banner-wrapper .item {
      width: 50%;
      height: 50px;
      padding: 0;
      overflow: hidden; }
      .portal-container #banner .banner-container .banner-wrapper .item a .p-2 {
        width: 50px;
        text-align: center;
        line-height: 50px; }
        .portal-container #banner .banner-container .banner-wrapper .item a .p-2 img {
          max-width: 32px;
          vertical-align: middle; }
      .portal-container #banner .banner-container .banner-wrapper .item a .p-1 {
        width: calc(100% - 50px);
        margin-left: 0; }
        .portal-container #banner .banner-container .banner-wrapper .item a .p-1 .span-1 {
          white-space: pre-wrap;
          font-size: 15px;
          margin-bottom: 0; }

  .portal-container .section-6 {
    padding-top: 50px;
    padding-bottom: 50px; }

  .portal-container .section-6 .container {
    padding-top: 50px; }

  .portal-container .section-6 .container .item {
    width: calc(50% - 4px);
    height: 130px;
    padding: 0;
    margin-bottom: 8px; }

  .portal-container .section-6 .container .item .title {
    line-height: 24px;
    transform: translateY(-50%);
    top: 50%;
    font-size: 14px;
    text-align: center;
    padding: 0; }

  .portal-container .section-6 .container .item .content {
    display: none; }

  .portal-container .section-1 {
    padding-top: 50px;
    padding-bottom: 30px; }

  .portal-container .section-1 .container {
    padding-top: 50px; }

  .portal-container .section-1 .container .item {
    width: 25%;
    margin-bottom: 24px; }

  .portal-container .section-1 .container .item .img {
    height: 40px; }

  .portal-container .section-1 .container .item .img img {
    max-width: 35px; }

  .portal-container .section-1 .container .item .content {
    min-height: 36px;
    line-height: 18px;
    font-size: 12px;
    box-sizing: border-box;
    padding: 0 8px; }

  .portal-container .section-2 {
    padding-top: 50px; }

  .portal-container .section-2 .container {
    padding-top: 50px; }

  .portal-container .section-2 .container .item {
    width: 100%;
    padding: 20px;
    margin-bottom: 8px;
    height: 130px; }
    .portal-container .section-2 .container .item .title {
      line-height: 24px;
      transform: translateY(-50%);
      top: 50%;
      font-size: 14px;
      text-align: center;
      padding: 0; }
    .portal-container .section-2 .container .item .content {
      display: none; }

  .portal-container .section-8 {
    padding-top: 20px; }

  .portal-container .section-3 .container {
    padding-bottom: 50px;
    padding-top: 50px;
    height: unset; }

  .portal-container .section-8 .mapcontainer .content .company-name {
    font-size: 15px; }

  .portal-container .section-8 .mapcontainer .content .company-other {
    font-size: 13px; }

  .portal-container .section-3 .container .p-1 {
    padding-top: 50px;
    font-size: 17px;
    display: none; }

  .portal-container .section-3 .container .p-2 {
    font-size: 14px;
    display: none; }

  .portal-container .section-3 .container .p-3 {
    margin-top: 0; }

  .news-container .tab-bar {
    width: 100%;
    margin-bottom: 30px; }

  .news-container .tab-bar .item {
    font-size: 15px;
    height: 25px;
    line-height: 25px; }

  .portal-container .section-4 {
    padding-top: 50px;
    padding-bottom: 50px; }

  .news-container main .section-9 .item {
    width: 100%;
    height: 200px; }

  .news-container main .section-9 .item .title {
    font-size: 20px; }

  .portal-container .section-4 .p-1 {
    font-size: 18px;
    padding-bottom: 10px; }

  .portal-container .section-4 .container {
    padding-top: 20px;
    padding-bottom: 30px; }

  .portal-container .section-4 .container .item {
    width: 100%; }

  .portal-container .section-4 .container .item .title {
    font-size: 15px; }

  .portal-container .section-4 .container .item .content {
    font-size: 13px;
    margin-bottom: 12px; }

  .portal-container .section-4 #section-4-banner .swiper-slide {
    height: 80px;
    border: none !important; }

  .portal-container .section-5 {
    padding-top: 50px;
    padding-bottom: 50px; }

  .portal-container .section-5 .main-title {
    margin-bottom: 50px; }

  .portal-container .section-5 .container .news-container .p-1 {
    width: 100%;
    margin-bottom: 24px; }

  .portal-container .section-5 .container .news-container .p-1 .img {
    height: 200px; }

  .portal-container .section-5 .container .news-container .p-1 .title {
    font-size: 15px; }

  .portal-container .section-5 .container .news-container .p-1 .content {
    font-size: 13px; }

  .portal-container .section-5 .container .more {
    text-align: center;
    padding-top: 0; }

  .page-full-container ._container ._content .main-title .p-1 {
    width: 100%;
    text-align: center;
    font-size: 22px !important;
    color: #090909;
    font-weight: normal;
    margin: 0; }
  .page-full-container ._container ._content .main-title .p-2 {
    width: 100%;
    text-align: center;
    font-size: 13px !important;
    color: #646464;
    padding-top: 15px; }
  .page-full-container ._container ._content iframe {
    width: 100% !important; }
  .page-full-container ._container ._content table {
    max-width: 100% !important;
    font-size: 14px; }
    .page-full-container ._container ._content table td {
      display: block;
      width: 100% !important;
      color: #646464;
      margin-bottom: 16px;
      box-sizing: border-box; }
      .page-full-container ._container ._content table td img {
        max-width: 100% !important;
        height: auto !important; }
      .page-full-container ._container ._content table td span {
        font-size: 14px !important;
        line-height: 21px; }
      .page-full-container ._container ._content table td iframe {
        width: 100% !important; }
    .page-full-container ._container ._content table td[rowspan='1'] {
      width: 100% !important;
      height: auto !important; }
  .page-full-container ._container ._content .banner {
    height: 200px !important;
    box-sizing: border-box;
    padding-top: 50px; }
    .page-full-container ._container ._content .banner span {
      width: 100% !important;
      text-align: center !important;
      font-size: 18px !important;
      line-height: 22px;
      display: inline-block !important; }
      .page-full-container ._container ._content .banner span br {
        display: none; }
  .page-full-container ._container ._content .container {
    padding-top: 20px !important; }
    .page-full-container ._container ._content .container .item {
      margin: 0 auto !important;
      margin-bottom: 20px !important;
      width: calc(100% - 30px) !important; }
      .page-full-container ._container ._content .container .item .title {
        width: auto !important;
        font-size: 18px !important; }
        .page-full-container ._container ._content .container .item .title span {
          font-size: 20px !important; }
      .page-full-container ._container ._content .container .item .content {
        font-size: 14px !important;
        height: 110px !important; }
    .page-full-container ._container ._content .container .perplex-item {
      width: 33.33% !important;
      height: 120px !important;
      border-radius: 0 !important;
      float: left; }
      .page-full-container ._container ._content .container .perplex-item .perplex-title {
        width: 100% !important;
        padding: 0 !important;
        text-indent: 0 !important;
        transform: translateY(0px) !important; }
        .page-full-container ._container ._content .container .perplex-item .perplex-title span {
          font-size: 15px !important;
          color: #fff !important; }
      .page-full-container ._container ._content .container .perplex-item .perplex-content {
        display: none !important; }
      .page-full-container ._container ._content .container .perplex-item:hover .perplex-title {
        transform: translateY(0px); }
      .page-full-container ._container ._content .container .perplex-item:hover .perplex-content {
        transform: translateY(210px); }
      .page-full-container ._container ._content .container .perplex-item:hover:before {
        background: rgba(0, 0, 0, 0.15); }
      .page-full-container ._container ._content .container .perplex-item:hover .img img {
        transform: scale(1.1); }
  .page-full-container ._container ._content .container-perplex-2 .perplex-item {
    width: 50% !important; }
    .page-full-container ._container ._content .container-perplex-2 .perplex-item .perplex-title {
      text-align: center !important;
      transform: translateY(23px) !important; }
  .page-full-container ._container ._content .container-contact div {
    font-size: 14px !important; }
  .page-full-container ._container ._content .container-contact span {
    font-size: 14px !important; }
  .page-full-container ._container ._content .container-contact > div {
    height: 260px !important; }
    .page-full-container ._container ._content .container-contact > div div:first-child {
      padding-top: 60px !important; }
  .page-full-container ._container ._content .container-video p {
    width: 100% !important;
    text-align: center !important; }
  .page-full-container ._container ._content section .p-1 {
    font-size: 18px !important; }

  .bread {
    display: none; }

  .news-container {
    background: #f1f1f1; }

  .news-container main .section-1 {
    border: none;
    height: auto; }

  .news-container main {
    padding-top: 30px;
    padding-bottom: 50px; }

  .news-container main .section-1 .container .item {
    line-height: 20px;
    height: auto;
    width: 100%;
    padding: 10px 0; }

  .about-container .section-2 .content {
    font-size: 18px; }

  .news-container main .section-1 .container .item .left {
    display: none; }

  .news-container main .section-1 .container .item .right {
    width: 100%;
    height: auto;
    font-size: 15px; }

  .news-container main .section-1 .container .item .right .title {
    font-size: 20px;
    line-height: 24px;
    height: 24px; }

  .news-container main .section-1 .container .item .right .content {
    font-size: 14px;
    line-height: 24px; }

  .news-container main .section-1 .shape {
    display: none; }

  .news-container main .section-1 .shape-text {
    display: none; }

  .news-container main .section-1 .container {
    width: 100%;
    height: auto;
    padding: 0; }

  .news-container main .section-1 .container .item .title {
    width: calc(100% - 20px);
    white-space: unset;
    font-size: 14px; }

  .news-container main .section-1 .container .item .time {
    padding-top: 12px;
    width: 100%;
    text-align: right;
    font-size: 12px; }

  .news-info-container main .container {
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0; }

  .news-info-container main .container .title {
    font-size: 16px;
    line-height: 24px; }

  .product-container #banner {
    height: 210px; }

  .product-container #banner .banner-title {
    top: 0px; }

  .product-container #banner .banner-title .p-1 {
    font-size: 16px;
    line-height: 24px;
    padding-top: 40px; }

  .product-container #banner .banner-title .p-3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px; }

  .product-container #banner .banner-title .p-4 .p-5 {
    width: 80px;
    height: 36px; }

  .product-container #banner .banner-title .p-4 .p-5 a {
    line-height: 36px;
    font-size: 13px; }

  .product-container #banner .banner-title .p-4 .p-5 a i {
    display: none; }

  .product-container .section-1 {
    padding-top: 60px;
    padding-bottom: 60px; }

  .product-container .main-title .p-1 {
    font-size: 22px; }

  .product-container .section-1 .container .list {
    padding-top: 30px; }

  .product-container .section-1 .container .list .item .title {
    font-size: 17px; }

  .product-container .section-1 .container .list .item .content {
    font-size: 14px; }

  .profile-container #banner {
    margin-bottom: 0px; }

  .profile-container .section-5 {
    padding-top: 50px; }

  .profile-container .section-5 .container .container-title {
    font-size: 24px;
    margin-bottom: 30px;
    padding-bottom: 0; }

  .solution-container #banner {
    margin-bottom: 30px; }

  .solution-container #banner .background {
    height: 240px;
    background-attachment: unset;
    background-position: unset; }

  .profile-container .section-5 .container .content {
    font-size: 16px;
    line-height: 36px; }

  .about-container .section-2 .content {
    padding-top: 30px; }

  .about-container .section-2 {
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px; }

  .product-container .section-1 .container .list .item {
    width: calc(50% - 4px);
    margin-bottom: 8px; }
    .product-container .section-1 .container .list .item .title {
      transform: translateY(0px); }
    .product-container .section-1 .container .list .item .content {
      transform: translateY(50px);
      opacity: 1; }
    .product-container .section-1 .container .list .item .mask {
      background: rgba(0, 0, 0, 0.4); }
    .product-container .section-1 .container .list .item .img img {
      transform: scale(1.1); }
    .product-container .section-1 .container .list .item:hover .title {
      transform: translateY(0px); }
    .product-container .section-1 .container .list .item:hover .content {
      transform: translateY(50px);
      opacity: 1; }
    .product-container .section-1 .container .list .item:hover .mask {
      background: rgba(0, 0, 0, 0.4); }
    .product-container .section-1 .container .list .item:hover .img img {
      transform: scale(1.1); }

  .product-container .section-2 {
    padding-top: 0px;
    padding-bottom: 50px; }

  .product-container .section-2 .container .list .item {
    padding: 30px 0; }

  .product-container .section-2 .container .list .item .image-part {
    width: 100%;
    height: 180px; }

  .product-container .section-2 .container .list .item .text-part {
    width: 100%;
    padding-top: 16px; }

  .product-container .section-2 .container .list .item .text-part .p-1 {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
    float: left; }

  .product-container .section-2 .container .list .item .text-part .p-2 {
    font-size: 14px;
    float: left; }

  .product-container .section-2 .container .list .item .text-part .p-3 {
    float: left;
    min-width: 50%; }

  .product-container .section-2 .container .list .item .text-part .p-4 {
    float: left;
    width: 100%; }

  .product-container .section-2 .container .list .item .text-part .p-4 .p-5 {
    margin: 0 auto; }

  .message-container .form {
    max-width: 96%; }

  .message-container .form .submit button {
    max-width: 96%; }

  .message-container .form .submit button {
    font-size: 18px; }

  .casepage-container #banner {
    height: 210px; }

  .casepage-container #banner .banner-title {
    top: 0px; }

  .casepage-container #banner .banner-title .p-1 {
    font-size: 16px;
    line-height: 24px;
    padding-top: 40px; }

  .casepage-container #banner .banner-title .p-3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px; }

  .casepage-container #banner .banner-title .p-4 .p-5 {
    width: 80px;
    height: 36px; }

  .casepage-container #banner .banner-title .p-4 .p-5 a {
    line-height: 36px;
    font-size: 13px; }

  .casepage-container #banner .banner-title .p-4 .p-5 a i {
    display: none; }

  .casepage-container .section-1 {
    padding-top: 60px;
    padding-bottom: 50px; }

  .casepage-container .section-1 .case-title {
    font-size: 22px;
    padding-top: 0;
    padding-bottom: 30px; }

  .casepage-container .section-1 .container .list .item {
    width: 100%;
    height: 120px; }

  .casepage-container .section-1 .container .list .item .content .title {
    font-size: 18px; }

  .casepage-container .section-1 .container .list .item .content {
    width: calc(100% - 100px);
    padding: 0;
    margin-left: 25px; }

  .casepage-container .section-2 .case-title {
    font-size: 18px;
    padding-top: 50px;
    padding-bottom: 20px; }

  .casepage-container .section-2 .case-text {
    margin-bottom: 30px; }

  .casepage-container .section-2 .container .list .item {
    width: 100%;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
    background: rgba(0, 91, 188, 0.7); }
    .casepage-container .section-2 .container .list .item .shape {
      margin-top: 10px;
      margin-bottom: 10px;
      width: 100px; }
    .casepage-container .section-2 .container .list .item .btn {
      display: none; }
    .casepage-container .section-2 .container .list .item:hover {
      background: rgba(0, 91, 188, 0.7); }
      .casepage-container .section-2 .container .list .item:hover .shape {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100px; }

  .casepage-container .section-3 .case-title {
    font-size: 18px;
    padding-top: 50px;
    padding-bottom: 20px; }

  .casepage-container .section-3 .case-text {
    margin-bottom: 30px; }

  .casepage-container .section-3 .img-box {
    padding-top: 0; }

  .casepage-container .section-3 {
    padding-bottom: 50px; }

  .casepage-container .section-5 .case-title {
    font-size: 18px;
    padding-top: 50px;
    padding-bottom: 20px; }

  .casepage-container .section-5 .container .list .item {
    width: 100%;
    height: 120px; }

  .casepage-container .section-5 .container .list .item .content .title {
    font-size: 18px; }

  .casepage-container .section-5 .container .list .item .content {
    width: calc(100% - 100px);
    padding: 0;
    margin-left: 25px; }

  .casepage-container .section-5 {
    padding-bottom: 0; }

  .casepage-container .section-4 .case-title {
    font-size: 18px;
    padding-top: 50px;
    padding-bottom: 20px; }

  .casepage-container .section-4 .case-text {
    margin-bottom: 20px; }

  .casepage-container .swiper-next {
    display: none; }
  .casepage-container .swiper-prev {
    display: none; } }

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