html,
      body {
        width: 100%;
        height: 100%;
        font-size: 100%;
      }

      *,
      dl,
      ol,
      ul {
        margin: 0;
        padding: 0;
      }
		/*
      *::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
      }
	  */

      ul,
      li {
        list-style: none;
      }

      .container {
        /* padding: 0 !important; */
      }

      .page1 {
        background:#F6FAFF;
      }

      .page2 {
        background: #fff;
        overflow-x: hidden;
        position: relative;
      }

      .page3 {
        background: url(../img/bg-Box3.png) bottom center no-repeat #329BFF;
        background-size: contain;
        color: #fff;
      }

      .page4 {
        background: #fff;
      }

      .page5 {
        background: url(../img/bg-Box5.png) bottom center no-repeat #329BFF;
        background-size: 100% 100%;
        color: #fff;
      }

      .page6 {
        background: #fff;
      }

      .code {
        width: 40%;
        clear: both;
        height: 200px;
        border: 1px solid #000;
        margin: 12vh 0;
        padding: 10px;
      }

      .c-left {
        float: left;
      }

      .c-right {
        float: right;
      }

      .page-c,
      .page-c2,
      .banner {
        height: 100vh;
        margin: 0 auto;
        position: relative;
      }

      .page-c {
        padding-top: 13vh;
      }
      
      .page-c2 {
        padding-top: 22vh;
      }
      
      #section-footer{
        /* background:#2C2C2C; */
        /* background:#152a68; */
        /* background:#F0F0F0; */
        /* background:#f4faff;
        border-top: 2px solid #FFf; */
        background: url(../img/bg-footer2.jpg) no-repeat #fff !important;
        background-size: 100% 100%;
        border-top: 2px solid #f0f6ff !important;
        /* border-top: 2px solid #fff !important; */
      }
      
      .page-footer{
        margin: 0 auto;
        position: relative;
        height: 18vh;
        padding: 3vh 0 2vh 0;
      }
      
      /********* page1 *********/
      .banner-title1 {
        position: absolute;
        /* top: 20vh; */
        /* left: 1vw; */
        width: 40%;
        text-align: left;
		
		top: 30vh;
		left: 2vw;
      }

      .banner-title1 .bt1-main {
        font-size: 3.5rem;
        font-weight: bold;
        color: #000;
      }

      .banner-title1 .bt1-sub{
        padding: 2rem 0 0 0;
      }

      .banner-title1 .bt1-sub p {
        /* font-size: 1.2rem; */
        font-weight: 400;
        color: #333;
        text-indent: 2em;
		
		font-size: 1.5rem;
		line-height: 1.5;
      }

      .banner-title1 .bt1-link {
        color: #fff !important;
        border-radius: 5px;
        padding: 0.5rem 2rem;
        font-size: 1rem;
        background: linear-gradient(to bottom, #3688ff, #1555e5);
        margin-top: 2rem;
      }

      .banner-title1 .bt1-link:hover {
        background: linear-gradient(to bottom, #ff9900, #dd5c00);
        cursor: pointer;
      }

      .banner-pic1 {
        height: 66vh;
        width: 82vh;
        position: absolute;
        bottom: 0;
        right: 0;
      }

      .banner-pic1 img {
        height: 100%;
        width: 100%;
        /* animation: pulse 2.2s infinite; */
      }
      
      
      
      .page-s-c5-box3 .swiper-container .swiper-slide img{
        width: 320px;
      }
      
      
      /* banner swiper 部分 */
      .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
      }
      .swiper-container .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
      .swiper-container .container-swiper-wrap{
        height:100%;
        margin: 0 auto;
        position: relative;
      }  
      .swiper-container .sws-bg1{
        background: url(../img/banner1-bg.png) bottom center no-repeat #F6FAFF;
      }
      .swiper-container .sws-bg2{
        background: url(../img/banner2-bg.png) top center no-repeat;
        background-size: 100% 100%;
      }
      .swiper-container .sws-bg3{
        background: url(../img/banner3-bg.png) top center no-repeat;
        background-size: 100% 100%;
      }
      .swiper-container .swiper-button-prev{
        left: 6vw;
      }
      .swiper-container .swiper-button-next{
        right: 7vw;
      }
      .swiper-container .sws-pagination {
          position: absolute;
          z-index: 21;
          height: 11px !important;
          text-align: center;
          top: auto !important;
          left: calc(50% - 50px) !important;
          bottom: 8vh !important;
          width: 100px !important;
      }
      
      .swiper-container .sws-pagination .swiper-pagination-bullet-active {
          background: #007AFF !important;
          width: 30px !important;
      }
      .swiper-container .sws-pagination .swiper-pagination-bullet {
          width: 11px;
          height: 11px;
          display: inline-block;
          border-radius: 10px;
          transition: all .3s;
      }
      
      .page-roll-down{
        width: 24px;
        height: 14px;
        position: absolute;
        bottom: 2vh;
        left: calc(50% - 12px);
        animation: pulse 2s infinite;
        z-index: 12;
        cursor: pointer;
      }
      .page-roll-down img{
        width: 100%;
        height: 100%;
      }

      @-webkit-keyframes pulse {
        0% {
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
        }

        50% {
          -webkit-transform: translate(0, 15px);
          transform: translate(0, 15px);
        }

        100% {
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
        }
      }

      @keyframes pulse {
        0% {
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
        }

        50% {
          -webkit-transform: translate(0, 15px);
          transform: translate(0, 15px);
        }

        100% {
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
        }
      }

      /********* page2 *********/
      .pagec-tit {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        position: relative;
        height: 10vh;
      }

      .bg-round-Ltop {
        position: absolute;
        top: -50%;
        left: -12%;
        width: 42vw;
        animation: pulse 2.5s infinite;
      }

      .bg-round-Rbot {
        position: absolute;
        bottom: -60%;
        right: -12%;
        width: 42vw;
        animation: pulse 3s infinite;
      }

      .bg-round-Rbot2 {
        position: absolute;
        bottom: -70%;
        right: -5%;
        width: 42vw;
        animation: pulse 3s infinite;
      }

      .bg-round-Lbot {
        position: absolute;
        bottom: -44%;
        left: -24%;
        width: 42vw;
        animation: pulse 3s infinite;
      }
      .bg-round-Rtop {
        position: absolute;
        top: -50%;
        right: -20%;
        width: 42vw;
        animation: pulse 2.5s infinite;
      }

      .pagec-tit-t1 {
        color: #000;
        font-size: 2.5rem;
        font-weight: bold;
      }

      .pagec-tit-t2 {
        color: rgba(0, 0, 0, .45);
        font-size: 1rem;
      }

      .pagec-tit-t3 {
        color: #fff !important;
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 0.875rem;
      }
      .pagec-tit-t3:hover{
        text-decoration: underline;
      }

      .pagec-tab1,
      .pagec-tab2,
      .pagec-tab3{
        width: 100%;
        height: calc(100% - 5.25rem);
        display: flex;
      }

      /* tab选项切换效果 */

      .slideTxtBox .hd {
        position: relative;
      }

      .slideTxtBox .hd ul {
        /* float: left; */
        position: absolute;
      }

      .slideTxtBox .hd ul li {
        float: left;
        cursor: pointer;
      }

      #Super-tab1,
      #Super-tab2{
        width: 100%;
        background: transparent;
        border: none;
      }

      #Super-tab1 .hd {
        width: 100%;
        height: 13vh;
        background: transparent;
        border: none;
        line-height: initial;
        padding: 0;
        margin-top: 3vh;
      }

      #Super-tab1 .hd ul,
      #Super-tab2 .parHd ul {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
      }

      #Super-tab1 .hd ul li {
        width: 25%;
        height: 100%;
        padding: 0;
        color: rgba(0, 0, 0, .45);
        background: url(../img/icon-menu-line.png) right center no-repeat;
        position: relative;
        opacity: 1;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        /* 
          -webkit-filter: contrast(0.85);
          filter: contrast;
          filter: contrast(0.85); */
      }

      #Super-tab1 .hd ul li:last-child {
        background-image: none;
      }

      #Super-tab1 .hd ul li.on {
        border: none;
      }

      #Super-tab1 .bd {
        width: 100%;
        height: calc(97% - 13vh);
      }

      #Super-tab1 .bd ul {
        width: 100%;
        height: 100%;

      }

      #Super-tab1 .bd ul li {
        width: 100%;
        height: 100%;
      }

      .tab1-tit {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      .tab1-tit .tab1-t-p {
        width: 100%;
        height: 70%;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .tab1-tit .tab1-t-p img {
        width: 10vh;
      }

      .tab1-tit .tab1-t-t {
        font-size: 1rem;
        font-weight: bold;
        width: 100%;
        height: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      #Super-tab1 .hd ul li:hover,
      #Super-tab1 .hd ul li.on {
        color: rgba(0, 0, 0, .85);
        opacity: 1;
        -webkit-filter: contrast(1);
        filter: none;
        filter: contrast(1);
      }

      #Super-tab1 .hd ul li.on .tab1-tit .tab1-t-t,
      #Super-tab1 .hd ul li:hover .tab1-tit .tab1-t-t {
        color: #000;
      }

      #Super-tab1 .hd ul li::before {
        position: absolute;
        content: '';
        bottom: 0px;
        right: calc(50% - 8px);
        width: 17px;
        height: 13px;
        background: url(../img/icon-lit2.png) no-repeat;
        opacity: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
      }

      #Super-tab1 .hd ul li:hover::before,
      #Super-tab1 .hd ul li.on::before {
        bottom: -10px;
        opacity: 1 !important;
      }

      .tab1-con {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      .tab1-con .tab1-c-p {
        width: 66.6%;
        height: 100%;
        position: relative;
      }

      .tab1-con .tab1-c-p1 {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
      }

      .tab1-con .tab1-c-p2 {
        position: absolute;
        width: 33.25%;
        height: 45.45%;
        min-width: 266px;
        min-height: 255px;
        left: 20%;
        top: 36%;
        z-index: 10;
        background: url(../img/pic-pser-bg2.png) no-repeat;
        background-size: contain;
        color: #fff;
        padding: 2.5rem 0 0 3rem;
        font-size: 0.875rem;
        line-height: 1.375;
      }

      .tab1-con .tab1-c-p2 h5 {
        font-size: 1rem;
        font-weight: bold;
        color: #fff;
        padding-bottom: 0.375rem;
      }

      .tab1-con .tab1-c-t {
        width: 30%;
        font-size: 1.125rem;
        color: rgba(0, 0, 0, .45);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      .tab1-c-t-txt {
        width: 100%;
        color: rgba(0, 0, 0, .45);
        padding-bottom: 2rem;
        line-height: 1.725;
      }

      .tab1-c-t-but {
        width: 50%;
        color: #000;
        border: 1px solid #ccc;
        text-align: center;
        line-height: 2;
        position: relative;
      }

      .tab1-c-t-but .icon-lit3 {
        position: absolute;
        display: block;
        top: -8px;
        right: calc(50% - 8px);
        width: 17px;
        height: 13px;
        background: url(../img/icon-lit3.png) no-repeat;
      }

      .tab1-c-t-but:hover {
        border-color: #FF6A00;
        color: #FF6A00;
        cursor: pointer;
      }

      .tab1-c-t-but:hover .icon-lit3 {
        animation: pulse2 1s infinite;
      }

      @-webkit-keyframes pulse2 {
        0% {
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
        }

        50% {
          -webkit-transform: translate(0, 4px);
          transform: translate(0, 4px);
        }

        100% {
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
        }
      }

      @keyframes pulse2 {
        0% {
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
        }

        50% {
          -webkit-transform: translate(0, 4px);
          transform: translate(0, 4px);
        }

        100% {
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
        }
      }
        
        
        /********* page3 *********/
        .page3 .pagec-tit-t1 {
          color: #fff;
          font-size: 4vh;
          font-weight: bold;
        }

        .page3 .pagec-tit-t2 {
          color: rgba(255, 255, 255, .6);
          font-size: 1rem;
        }
        .pagec-tab2{
          height: calc(80% - 8.5vh);
        }
        #Super-tab2 .parHd {
          width: 100%;
          height: 4vh;
          background: transparent;
          border: none;
          line-height: initial;
          padding: 0;
          margin-top: 5vh;
        }

        #Super-tab2 .parHd ul {
          display: flex;
          align-items: center;
          justify-content: center;
        }

        #Super-tab2 .parHd ul li {
          cursor: pointer;
          position: relative;
          border: 1px solid #fff;
          height: 100%;
          padding: 0 2vw;
          margin-left: 1rem;
          text-align: center;
          display: flex;
          align-items: center;
          justify-content: center;
          background: rgba(255, 255, 255, 0);
        }

        #Super-tab2 .parHd ul li:first-child {
          margin-left: 0;
        }

        #Super-tab2 .parHd ul li.on,
        #Super-tab2 .parHd ul li:hover {
          background: rgba(255, 255, 255, 1);
          color: #329BFF;
          font-weight: bold;
        }

        #Super-tab2 .parHd ul li::before {
          position: absolute;
          content: '';
          bottom: 0px;
          right: calc(50% - 6px);
          width: 13px;
          height: 9px;
          background: url(../img/icon-lit6.png) no-repeat;
          opacity: 0;
          -webkit-transition: all .2s ease;
          -moz-transition: all .2s ease;
          transition: all .2s ease
        }

        #Super-tab2 .parHd ul li:hover::before,
        #Super-tab2 .parHd ul li.on::before {
          bottom: -12px;
          opacity: 1 !important;
        }

        #Super-tab2 .parBd {
          width: 100%;
          height: calc(60vh - 4vh);
          padding-top: 10vh;
        }

        #Super-tab2 .parBd ul {
          overflow: hidden;
          zoom: 1;
          /* width: 1200px; */
        }

        #Super-tab2 .parBd ul li {
          cursor: pointer;
          margin: 0 16px;
          width: 265px;
          padding: 1.2vh 0;
          float: left;
          _display: inline;
          overflow: hidden;
          text-align: left;
          box-sizing: border-box;
          background: rgba(255, 255, 255, 0);
          border: 1px solid rgba(255, 255, 255, 0);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0);
          transition: all .3s ease;
          -webkit-transition: all .3s ease;
          -moz-transition: all .3s ease;
        }

        #Super-tab2 .slideBox {
          /* overflow: hidden; */
          zoom: 1;
          padding: 0;
          position: relative;
          height: 100%;
          width: 100%;
        }

        #Super-tab2 .sPrev,
        #Super-tab2 .sNext {
          position: absolute;
          left: -43px;
          top: 0;
          display: block;
          width: 43px;
          height: 50vh;
          background: url(../img/icon-sPrev.png) center center no-repeat transparent;
        }

        #Super-tab2 .sNext {
          left: auto;
          right: -43px;
          background: url(../img/icon-sNext.png) center center no-repeat transparent;
        }

        #Super-tab2 .sPrev:hover,
        #Super-tab2 .sNext:hover {
          border-color: #f60;
        }

        #Super-tab2 .parBd ul li .pic {
          text-align: center;
          width: 100%;
          padding: 0 0.625rem;
        }
        #Super-tab2 .parBd ul li .pic a{
          width: 100%;
        }

        #Super-tab2 .parBd ul li .pic img {
          width: 100%;
          /* width: 240px; */
          height: 300px;
          display: block;
          object-fit: cover;
          /* border: 3px solid rgba(3,28,59,38%); */
        }

        #Super-tab2 .parBd ul li .pic a:hover img {
          border-color: #999;
        }

        #Super-tab2 .parBd ul li .title1 {
          padding-left: 13px;
          line-height: 1.5;
          font-size: 1rem;
          font-weight: bold;
          width: 240px;
        }
        #Super-tab2 .parBd ul li .title1 a{
          width: 100%;
          display: block;
          color: #fff;
          overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;
        }

        #Super-tab2 .parBd ul li .title2 {
          padding-left: 13px;        
          line-height: 1.375;
          font-size: 0.75rem;
          word-wrap: break-word;
          width: 240px;
        }
        #Super-tab2 .parBd ul li .title2 a{  
          color: rgba(255, 255, 255, .6);
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
        }
        
        #Super-tab2 .parBd ul li:hover{
          background: rgba(255, 255, 255, 1);
          border: 1px solid rgba(255, 255, 255, 1);
          box-shadow: 0px -10px 20px rgba(0,0,0, 0.25);
        }
        #Super-tab2 .parBd ul li:hover .title1 a{
          color: #000;
        }
        #Super-tab2 .parBd ul li:hover .title2 a{
          color: rgba(0, 0, 0, .45);
        }
        
        /* 公司资质 */
        .page3-number{
          position: absolute;
          bottom: 0;
          height: 8vh;
          width: 100%;
          background: rgba(255, 255, 255, 0.1);
          backdrop-filter: blur(6px) brightness(120%);
        }
        .number-ul{
          width: 100%;
          max-width: 1200px;
          height: 100%;
          margin: 0 auto;
          display: grid;
          grid-template-columns: repeat(4,25%);
        }
        .number-li{
          height: 100%;
          border-right:1px solid #0F7EFB;
          display: flex;
          align-items: baseline;
          justify-content: space-between;
          font-size: 1rem;
        }
        .number-li:first-child{
          border-left:1px solid #0F7EFB;
        }
        .number-li .t1{
          padding-left: 5%;
        }
        .number-li .t2{
          font-size: 2.75rem;
          font-weight: bold;
        }
        .number-li .t3{
          padding-right: 5%;
        }
        
        /********* page3 *********/  
        #Super-tab3{
          width: 100%;
          height: 100%;
        }
        #Super-tab3 .hd{
          width: 100%;
          height: 3.25vh;
          line-height: 3.25vh;
          /* margin-top: -1rem; */
        }
        #Super-tab3 .hd ul{
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        #Super-tab3 .hd li{
          padding: 0 1rem;
          color: rgba(0, 0, 0, .45);
        }
        #Super-tab3 .hd .tab3-tit{
          font-size: 1.125rem;
        }
        #Super-tab3 .hd .on{
          color: #000;
        }
        #Super-tab3 .hd li:hover{
          color: #FF6A00;
        }
        #Super-tab3 .bd{
          width: 100%;
          height: calc(100% - 2rem);
          margin-top: 6vh;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: flex-start;
        }
        #Super-tab3 .bd ul,
        #Super-tab3 .bd li{
          width: 100%;
        }
        #Super-tab3 .bd li{
          height: 15vh;
          margin-bottom: 5vh;
        }
        .tab3-con{
          display: grid;
          grid-template-columns: 6% 24.5vh calc(90% - 24.5vh);
          height: 100%;
          grid-column-gap:2%;
        }
        .tab3-con .tab3-c-d{
          width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          line-height: 1.5;
        }
        .tab3-con .tab3-c-d1{
          width: 100%;
          background: #0FA2FF;
          color: #fff;
          font-size: 0.75rem;
          text-align: center;
        }
        .tab3-con .tab3-c-d2{
          font-size: 3.125rem;
        }
        .tab3-con .tab3-c-d3{
          color: rgba(0, 0, 0, .45);
          font-size: 0.75rem;
          /* display: none; */
          opacity: 0;
        }
        .tab3-con .tab3-c-p{
          width: 100%;
          height: 100%;
          overflow: hidden;
        }
        .tab3-con .tab3-c-p img{
          /* height: 100%;
          width: 100%; */
          transition: all .3s;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
        }
        
        
        #Super-tab3 .bd li .tab3-con .tab3-c-p {
          width: 100%;
          height: 100%;
          overflow: hidden;
          transition: all .3s;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
        }
        #Super-tab3 .bd li:nth-child(3n-2) .tab3-con .tab3-c-p{
          background: url(../img/pic-news1.jpg) no-repeat;
          background-size:  100% 100%;
          background-position: center;
        }
        #Super-tab3 .bd li:nth-child(3n-1) .tab3-con .tab3-c-p{
          background: url(../img/pic-news2.jpg) no-repeat;
          background-size:  100% 100%;
          background-position: center;
        }
        #Super-tab3 .bd li:nth-child(3n) .tab3-con .tab3-c-p{
          background: url(../img/pic-news3.jpg) no-repeat;
          background-size:  100% 100%;
          background-position: center;
        }
        #Super-tab3 .bd li:nth-child(3n-2) .tab3-con:hover .tab3-c-p,
        #Super-tab3 .bd li:nth-child(3n-1) .tab3-con:hover .tab3-c-p,
        #Super-tab3 .bd li:nth-child(3n) .tab3-con:hover .tab3-c-p{
          background-size:  115% 115%;
          background-position: center;
        }

        #Super-tab3 .bd li .tab3-con .tab3-c-p img {
          transition: all .3s;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
        }

        #Super-tab3 .bd li .tab3-con:hover .tab3-c-p img {
          transform: scale(1.15);
        }
        
        
        .tab3-con .tab3-c-t{
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          position: relative;
        }
        .tab3-con .tab3-c-t1{
          font-size: 1.125rem;
          color: #000;
          width: 100%;
          overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;
          transition: all .3s;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
        }
        .tab3-con .tab3-c-t2{
          width: 100%;
          font-size: 1rem;
          padding-top: 1.5%;
          color: rgba(0, 0, 0, .45);
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
        }
        .tab3-con .tab3-c-t2 p,
        .tab3-con .tab3-c-t2 span{
          font-family: 微软雅黑,\5FAE\8F6F\96C5\9ED1 !important;
          font-size: 1rem !important;
          font-weight: 400 !important;
          padding: 0 !important;
          margin: 0 !important;
          text-indent: 0 !important;
          
        }
        
        .tab3-con .tab3-c-t::after{
          content: '';
          display: flex;
          cursor: pointer;
          width: 1.125rem;
          height: 1.125rem;
          background: url(../img/icon-lit5.png) no-repeat;
          background-size: contain;
          position: absolute;
          bottom: 0;
          left: 0;
        }
        
        .tab3-con:hover{
          cursor: pointer;
        }
        .tab3-con:hover .tab3-c-t1{
          font-weight: bold;
          text-decoration: underline;
        }
        .tab3-con:hover .tab3-c-p img{
          transform:scale(1.15) ;
        }
        .tab3-con:hover .tab3-c-t1{
          padding-left: 0.25rem;
        }
        
        
        /********* page5 *********/
        .page5 .pagec-tit-t1 {
          color: #fff;
          font-size: 2.5rem;
          font-weight: bold;
        }

        .page5 .pagec-tit-t2 {
          color: rgba(255, 255, 255, .6);
          font-size: 1rem;
        }
        .pagec-job{
          height: calc(100% - 8.5vh);
        }  
        .pagec-job .pagec-job-ul{
          display: grid;
          grid-template-columns:1fr 1fr 1fr;
          grid-gap: 2vh;
          margin-top: 10vh;
        }
        .pagec-job .pagec-job-li{
          background: #fff;
          border-radius: 5px;
          min-height: 24vh;
          padding:1.5rem ;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items:flex-start;
          transition: all .3s ease;
          -webkit-transition: all .3s ease;
          -moz-transition: all .3s ease;
        }
        .pagec-job .job-li-t1{
          font-size: 1.125rem;
          font-weight: bold;
          color: #000;
        }
        .pagec-job .job-li-t2{
          font-size: 1rem;
          color: rgba(0, 0, 0, .45);
        }
        .pagec-job .job-li-t2 div{
          
        }
        .pagec-job .job-li-t3{
          position: relative;
        }
        .pagec-job .job-li-t3 input{
          width:5.5rem;
          height: 1.75rem;
          line-height: 1.75rem;
          background: #1890FF;
          color: #fff;
          font-size: 1rem;
          border: none;
          transition: all .3s ease;
          -webkit-transition: all .3s ease;
          -moz-transition: all .3s ease;
        }
        .pagec-job .pagec-job-li:hover .job-li-t3:before{
          position: absolute;
          content: '';
          background: url(../img/icon-lit9.png) no-repeat;
          width: 15px;
          height: 9px;
          transform: rotate(-90deg) scale(0.8);
          top: calc(50% - 4px);
          right: 10%;
        }
        .pagec-job  .pagec-job-li:hover .job-li-t3 input{
          width:calc(5rem + 15px);
        }
        .pagec-job .pagec-job-li:hover{
          box-shadow: 0 15px 20px rgba(0, 0, 0, 0.25);
        }
        .pagec-job .pagec-job-li .job-li-t3:hover input{
          background: #FF6A00;
        }
      
      
      /********* page6 *********/
      .pagec-contac{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
      }
      .pagec-contact-info{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5vh 0 0 0;
        flex-flow:row wrap;
      }
      .contact-i-b{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
        padding: 1.5vh 1.5vh 1.5vh 8vh;
        border-radius: 5px;
        width: 49%;
        background: #0FA2FF;
        color: #fff;
        font-size: 1rem;
        margin-bottom: 2%;
      }
      .contact-i-b:nth-child(1){
        background: url(../img/icon-contact1.png) no-repeat left center #0FA2FF;
        background-position: 2.5%;
      }
      .contact-i-b:nth-child(2){
        background: url(../img/icon-contact2.png) no-repeat left center #0FA2FF;
        background-position: 2.5%;
      }
      .contact-i-b:nth-child(3){
        background: url(../img/icon-contact3.png) no-repeat left center #0FA2FF;
        background-position: 2.5%;
      }
      .contact-i-b:nth-child(4){
        background: url(../img/icon-contact4.png) no-repeat left center #0FA2FF;
        background-position: 2.5%;
      }
      .contact-i-b-t1{
        color: rgba(255, 255, 255, 0.5);
      }
      .contact-i-b-t2{
        color: rgba(255, 255, 255, 1);
      }
      .pagec-contact-map{
        width: 100%;
        height: 0;
        padding-bottom: 40vh;
        position: relative;
      }
      .pagec-contact-map img{
        position: absolute;
        width: 100%;
        height: 100%;
      }
      
      .pagec-contact-map #allmap {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        box-sizing: border-box;
        border: 2px solid #0fa2ff;
        border-radius: 5px;
/*        border: 4px solid #0fa2ff;
        border-radius: 5px;
        box-shadow: 0 0 5px #0fa2ff; */
      }
    
      
      /********* page-footer *********/
      .footer-c{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .page-footer .pf-logo{
        width: 22vh;
        height: 90%;
      }
      .page-footer .pf-logo img{
        height: 100%;
      }
      .page-footer .pf-con{
        height: 100%;
        width: calc(84% - 22vh);
        display:flex;
        align-items: flex-start;
        justify-content: space-between;
      }
      .page-footer .pf-con-txt{
        width: 66%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
      }
      .pf-con-t1{}
      .pf-con-t1 li{}
      .pf-con-t1 .tit1{
        font-size: 1.25rem;
        font-weight: bold;
        color: rgba(0,0,0, 1);
        line-height: 1;
      }
      .pf-con-t1 .tit2{
        font-size: 0.7rem;
        color: rgba(0,0,0, 1);
      }
      .pf-con-t2{}
      .pf-con-t2 li{
        font-size: 0.725rem;
        color: rgba(0,0,0, .45);
        display: flex;
        align-items: flex-start;
        line-height: 1.25;
      }
      .pf-con-t2 li h3{
        color: rgba(0,0,0, .45);
        font-size: 0.725rem;
        font-weight: 400;
        width: 6em;
        text-align: justify;
        text-align-last:justify;
        line-height: 1.25;
        margin: 0;
      }

	  .pf-con-t2 li a {
        color: rgba(0, 0, 0, .45);
        text-decoration: none;
      }
	  .pf-con-t2 li a:hover {
        color: rgba(0, 0, 0, 1);
      }

      
      .page-footer .pf-con-QR{
        width: 30%;
        height: 100%;
        display: flex;
        justify-content: space-between;
      }
      .pf-con-QR .QR-box{
        height: 100%;
        width: 45%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
      }
      .pf-con-QR .QR-box .QR-img{
        height: calc(100% - 1.5rem);
      }
      .pf-con-QR .QR-box .QR-img img{
        height: 100%;
      }
      .pf-con-QR .QR-box .QR-tit{
        color: rgba(0,0,0, .45);
        font-size: 0.875rem;
        line-height: 1.25;
      }
      /* 隐藏移动端code */
      .page-footer .pf-con-QR{
        justify-content: center;
      }
      .pf-con-QR .QR-box:first-child{
        display: none;
      }
            

      /********* 内页-about *********/
      .section-banner-sub{
        padding-top: 95px;
      }
      .banner-sub{
        width: 100%;
        padding-bottom:18.75%;
        oveflow:hidden;
      }
      .page-sub-tit{
        width: 100%;
        height: 10vh;
        position: relative;
      }
      .page-sub-tit-t1,
      .page-sub-tit-t2,
      .page-sub-tit-t3{
        position: absolute;
        bottom: 0;
        left: 0;
        font-weight: bold;
      }
      .page-sub-tit-t1{
        font-size:1.75rem;
        color: rgba(0,0,0,1);
        bottom: 1rem;
        z-index: 10;
      }
      .page-sub-tit-t2{
        font-size:0.75rem;
        color: rgba(0,0,0,0.25);
        padding-left: 1rem;
        background: url(../img/icon-lit7.png) 2px no-repeat;
        z-index: 10;
      }
      .page-sub-tit-t3{
        font-size:13.725rem;
        color: rgba(0,0,0,0.02);
        line-height: 0.875;
        user-select: none;
        z-index: 1;
      }
      .page-sub-con{
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .page-s-c-1{
        width: 50%;
      }
      .page-s-c-1 p{
        font-size: 1.125rem;
        line-height: 1.375;
        margin: 3vh 0 0 0;
        text-indent: 2em;
      }
      .page-s-c-2{
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
      }
      .page-s-c-2 img{
        height: 44vh;
      }
      
      .page-sub2{
        background: #F6FAFD;
      }
      .page-sub2 .page-sub-tit-t3{
        color: rgba(255,255,255,1);
      }
      
      .page-sub-con2{
        display: grid;
        justify-content: space-between;
        grid-template-columns: repeat(auto-fill,28%);
        grid-row-gap: 10vh;
        padding-top: 10vh;
      }
      .page-s-c2-box{
        
      }
      .page-s-c2-box img{
        width: 70%;
      }
      .page-s-c2-box .tit{
        font-size: 1.125rem;
        color:rgba(0,0,0,1);
        font-weight: bold;
      }
      .page-s-c2-box .txt{
        font-size: 1rem;
        color:rgba(0,0,0,0.45);
        width: 100%;
        padding-top: 1.5vh;
      }
      .page-sub-con3{
        width: 100%;
        height: calc(100% - 10vh);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        background: url(../img/page-about-p3.png) right 30vh no-repeat;
      }
      .page-s-c3-box{
        width: 70%;
        font-size: 1.125rem;
        color:rgba(0,0,0,1);
        padding-left: 2rem;
        background: url(../img/icon-lit8.png) left center no-repeat;
        margin-top: 5vh;
      }
      .page-sub-con4{
        width: 100%;
        padding-top: 10vh;
        display: grid;
        grid-template-columns: repeat(4,20%);
        grid-column-gap: 6.6%;
        align-items: center;
      }
      .page-s-c4-box{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        font-size: 1rem;
      }
      .page-s-c4-box .t1{
        width: 50%;
      }
      .page-s-c4-box .t1 img{
        width: 100%;
      }
      .page-s-c4-box .t2{
        color: #000;
        font-weight: bold;
        padding: 3vh 0 1vh 0;
      }
      .page-s-c4-box .t3{
        text-align: left;
        color: rgba(0, 0, 0, 0.45);
        padding-left: 5px;
      }
      .page-s-c5-box1{
        padding-top: 5vh;
        padding-right: 50%;
        width: 100%;
        position: relative;
        overflow: initial;
      }
      .page-s-c5-box1::after{
        position: absolute;
        content: '';
        bottom: 0;
        right: 0;
        width: 300px;
        height: 276px;
        background: url(../img/page-about-p4.png) no-repeat;
        opacity: 0.8;
      }
      .page-s-c5-box2{
        padding: 5vh 0;
        width: 100%;
        display: grid;
        justify-content: space-between;
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 3vh;
        grid-column-gap: 10%;
      }
      .page-s-c5-box2 li{
        padding: 6px;
        overflow: hidden;
        box-shadow: 0 6px 6px rgba(0,0,0,0.1);
        border: 2px solid #0090FF;
      }
      .page-s-c5-box2 li img{
        width: 100%;
        height: 100%;
        transition:all .3s;
      }
      /*.page-s-c5-box2 li:hover img{
        transform:scale(1.2);
      } */
      
      .page-s-c5-box3{
        width: 100%;
      }
      
      
      
      
      .page-s-c6-box1{
        padding-top: 5vh;
        padding-right: 30%;
        width: 100%;
        position: relative;
        overflow: initial;
      }
      .page-s-c6-box1::after{
        position: absolute;
        content: '';
        bottom: 0;
        right: 0;
        width: 340px;
        height: 220px;
        background: url(../img/page-about-p5.png) no-repeat;
        background-size: contain;
        opacity: 0.95;
      }
      .patent-ul{
        display: flex;
      }
      .patent-ul .patent-li{
        padding-right: 5vw;
        display: flex;
        flex-wrap: wrap;
        color: #333;
      }
      .patent-ul .patent-li .t1{
        width: 100%;
        font-family: impact;
        font-size: 26px;
        /* color: #f16126; */
        color: #0090ff;
      }
      .patent-ul .patent-li .t2{
        width: 100%;
        font-size: 16px;
      }
      


      /********* 内页-news *********/
      .page-c3 {
        height: inherit;
        margin: 0 auto;
        position: relative;
      }

      .slideTxtBox2,
      .slideTxtBox3{
        width: 100%;
      }

      .slideTxtBox2 .hd,
      .slideTxtBox3 .hd{
        width: 100%;
        padding: 4vh 0;
      }

      .slideTxtBox2 .hd ul,
      .slideTxtBox3 .hd ul{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
      }

      .slideTxtBox2 .hd ul li,
      .slideTxtBox3 .hd ul li{
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        /* color: rgba(0, 0, 0, .25); */
        color: rgba(0, 0, 0, .6);
        font-weight: bold;
        padding-right: 3vw;
        position: relative;
      }

      .slideTxtBox2 .hd ul li:last-child,
      .slideTxtBox3 .hd ul li:last-child{
        padding-right: 0;
      }

      .slideTxtBox2 .hd ul li .t1,
      .slideTxtBox3 .hd ul li .t1{
        font-size: 1.75rem;
      }

      .slideTxtBox2 .hd ul li .t1 i,
      .slideTxtBox3 .hd ul li .t1 i{
        font-weight: 200;
      }
      
      .slideTxtBox2 .hd ul li .t2,
      .slideTxtBox3 .hd ul li .t2{
        font-size: 0.75rem;
      }

      .slideTxtBox2 .hd ul li.on .t1,
      .slideTxtBox2 .hd ul li.on .t2,
      .slideTxtBox3 .hd ul li.on .t1,
      .slideTxtBox3 .hd ul li.on .t2{
        /* color: rgba(0, 0, 0, 1); */
        /* color: #f16126; */
        color: #0530AD;
        text-shadow: 0 10px 5px rgba(5, 48, 173, .15);
        transition: all .3s ease;
      }
      .slideTxtBox2 .hd ul li .t1,
      .slideTxtBox2 .hd ul li .t2
      .slideTxtBox3 .hd ul li .t1,
      .slideTxtBox3 .hd ul li .t2{
        transition: all .3s ease;
      }
      .slideTxtBox2 .hd ul li:hover .t1,
      .slideTxtBox2 .hd ul li:hover .t2,
      .slideTxtBox3 .hd ul li:hover .t1,
      .slideTxtBox3 .hd ul li:hover .t2{
        color: #0530AD;
        text-shadow: 0 10px 5px rgba(5, 48, 173, .15);
        transition: all .3s ease;
      }

      .slideTxtBox2 .bd .stn-bd-ul,
      .slideTxtBox3 .bd .stn-bd-ul{
        width: 100%;
        padding: 0 0 5vh 0;
        min-height: 40vh;
      }

      .slideTxtBox2 .bd .stn-bd-li {
        width: 100%;
        height: 15vh;
        margin-bottom: 5vh;
      }

      .slideTxtBox2 .bd .stn-bd-li .tab3-con {
        grid-template-columns: 24.5vh calc(90% - 24.5vh) 6%;
      }

      .slideTxtBox2 .bd .stn-bd-li .tab3-con .tab3-c-t {
        padding-right: 5%;
        border-right: 1px solid rgba(0, 0, 0, .08);
      }

      .slideTxtBox2 .bd .stn-bd-li .tab3-con .tab3-c-p2 {
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
      }
      .slideTxtBox2 .bd .stn-bd-li:nth-child(3n-2) .tab3-con .tab3-c-p2{
        background: url(../img/pic-news1.jpg) no-repeat;
        background-size:  100% 100%;
        background-position: center;
      }
      .slideTxtBox2 .bd .stn-bd-li:nth-child(3n-1) .tab3-con .tab3-c-p2{
        background: url(../img/pic-news2.jpg) no-repeat;
        background-size:  100% 100%;
        background-position: center;
      }
      .slideTxtBox2 .bd .stn-bd-li:nth-child(3n) .tab3-con .tab3-c-p2{
        background: url(../img/pic-news3.jpg) no-repeat;
        background-size:  100% 100%;
        background-position: center;
      }
      .slideTxtBox2 .bd .stn-bd-li:nth-child(3n-2) .tab3-con:hover .tab3-c-p2,
      .slideTxtBox2 .bd .stn-bd-li:nth-child(3n-1) .tab3-con:hover .tab3-c-p2,
      .slideTxtBox2 .bd .stn-bd-li:nth-child(3n) .tab3-con:hover .tab3-c-p2{
        background-size:  115% 115%;
        background-position: center;
      }

      .slideTxtBox2 .bd .stn-bd-li .tab3-con .tab3-c-p2 img {
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
      }

      .slideTxtBox2 .bd .stn-bd-li .tab3-con:hover .tab3-c-p2 img {
        transform: scale(1.15);
      }
      
      .stn-bd-pagination{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
      }
            


      /********* 内页-jobs *********/
      .pagec-job-sub{
        height: initial;
      }
      .pagec-job-sub .pagec-job-ul{
        width: 100%;
        margin-bottom: 5vh;
        margin-top:0;
      }
      .pagec-job-sub .pagec-job-li{
        background: #F1F7FF;
        border: 2px solid #fff;
        transition: all .3s;
      }
      .pagec-job-sub .pagec-job-li:hover{
        box-shadow: 0 0 6px rgba(0,126,255,1);
        border: 2px solid #fff;
        border-radius:10px;
      }      
      
      


      /* 产品服务 -- 导航标签跳转顶部锚点 */
      .back-mobile{
        display: none;
      }
      .back-mobile-li{
        display: none;
      }


      /********* 内页-contact *********/
        .psc-cont{
          display: flex;
          align-items: center;
          justify-content: flex-start;
          width: 100%;
          height: calc(100% - 20vh);
          flex-wrap: wrap;
          padding: 5vh 0;
        }
        .psc-cont .psc-cont-box{
          display: flex;
          align-items: center;
          justify-content: center;
          width: 33.33%;
        }
/*        .psc-cont .psc-cont-box:first-child{
          justify-content: flex-start;
        }
        .psc-cont .psc-cont-box:nth-child(3){
          justify-content: flex-end;
        } */
        .psc-cont .psc-cont-box .pcp-img,
        .psc-cont .psc-cont-box .pcp-img2{
          width: 102px;
          height: 102px;
        }
        .psc-cont .psc-cont-box .pcp-img img{
          width: 100%;
          height: 100%;
        }
        .psc-cont .psc-cont-box .pcp-img2{
          width: 102px;
          height: 102px;
          background: #fff;
          border-radius: 50%;
          box-shadow: 0 3px 20px #ECF3FC;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        .psc-cont .psc-cont-box .pcp-num{
          min-width: 10rem;
          padding-left: 1rem;
          display: flex;
          flex-wrap: wrap;
        }
        .psc-cont .psc-cont-box .pcp-num .pcp-num-t{
          color: #999;
          font-size: 1.0625rem;
          width: 100%;
          color: rgba(0,0,0,0.6);
        }
        .psc-cont .psc-cont-box .pcp-num .pcp-num-n{
          font-family: Impact;
          color: #000;
          font-size: 1.25rem;
          white-space: nowrap;
          width: 100%;
        }
        .psc-cont-map{
          align-items: flex-start;
          position: relative;
          padding-top: 5vh;
        }
        .psc-cont-map .psc-cont-box{
          width: auto !important;
          position: absolute;
          top: 10vh;
          width: 100%;
          z-index: 999999999999;
        }
        .psc-cont-map .psc-cont-box .pcp-num{
          font-family: initial;
          font-size: 1.125rem;
        }
        .psc-cont-map .pagec-contact-map #allmap{
          border: none;
        }
        .pc-map #allmap{
          padding-bottom: 63vh;
        }
        .pc-map #allmap::before{
          width: 100%;
          height: 100%;
          content: '';
          position: absolute;
          background: url(../img/pic-mask.png) no-repeat transparent;
          background-size: 100% 100%;
          z-index: 999999;
          pointer-events: none;
        }




      /********* 内页-contact *********/
       .slideTxtBox3 .bd .stn-bd-ul{
          padding-bottom: 0;
        }
        .slideTxtBox3 .bd .stn-bd-li {
          width: 100%;
          padding: 5vh 0;
        }
        .product-bd-li,
		.product-bd-li2{
          position: relative;
          width: 100%;
          height: 100%;
        }
        .product-bd-li:nth-child(2n-1),
		.product-bd-li2:nth-child(2n-1){
          background: #F6FAFF;
        }
        .product-bd-li .container,
		.product-bd-li2 .container{
          position: relative;
          height: 100%;
          padding: 5vh 30px;
        }
        .container-clear{
          height: 0;
          clear: both;
        }
        
        /* 边框 */
        /* 
        .product-bd-li .container::before,
        .product-bd-li .container::after{
          position: absolute;
          content: '';
          width: 32px;
          height: 32px;
          
        }
        .product-bd-li .container::before{
          top: 0;
          left: 0;
          background: url(../img/icon-mark1.png) no-repeat;
          background-size: 100% 100%;
        }
        .product-bd-li .container::after{
          bottom: 0;
          right: 0;
          background: url(../img/icon-mark2.png) no-repeat;
          background-size: 100% 100%;
        } 
        */
        .product-bd-li:nth-child(2n-1) .info-pic,
        .product-bd-li:nth-child(2n) .info-txt{
          float: right;
		  right: 30px;
        }
        
        .product-bd-li:nth-child(2n-1) .info-txt,
        .product-bd-li:nth-child(2n) .info-pic{
          float: left;
        }
/*        .product-bd-li .info-txt{
          width: 40%;
          height: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
        } */
        .product-bd-li .info-txt {
            width: 40%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            padding-top: 4vh;
        }
        .product-bd-li .info-txt .info-txt-1{
          font-size: 2.25rem;
          font-weight: 200;
          padding-bottom: 2vh;
          text-align: left;
        }
        .product-bd-li .info-txt .info-txt-2{
          font-size: 1.125rem;
          color: rgba(0,0,0,.5);
          padding: 2vh 5% 0 5%;
          text-indent: 2em;
        }
        .product-bd-li .info-txt .info-txt-3{
          width: 100%;
          padding:2vh 0 0 5%;
          text-align: left;
          font-size: 1rem;
          /* color:#000; */
          color:#0530AD;
          cursor:pointer;
          transition:all 0.3s;
        }
        .product-bd-li .info-txt .info-txt-3:hover{
          padding:2vh 0 0 6%;
          color:#FF6A00;
          /* color:#0090FF; */
          text-decoration: underline;
        }
        .product-bd-li .info-pic{
          position: relative;
          min-width: 40%;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        .product-bd-style1 .info-pic-dev1{
          width: 526px;
          height: 435px;
          display: block;
          overflow: hidden;
          background: url(../img/bg-product1.png) no-repeat;
          padding: 9px 10px 130px 9px;
        }
        .product-bd-li .info-pic-warp{
          width: 100%;
          height: 100%;
          overflow: hidden;
        }
        
        
        
           /* 产品服务css 调整star */
           .product-bd-li2{
             padding: 0 !important;
           }
           .product-bd-li2 .container {
             display: flex;
             justify-content: space-between;
             padding: 0;
             min-height: 60vh;
             padding: 5vh 0;
             align-items: center;
           }
           .product-bd-li2 .container .c-info img{
             width: 100%;
             /* height: 44vh; */
			 height: 100%;
             object-fit: cover;
             border-radius: 10px;
           }
           .product-bd-li2 .container .c-info{
             width: 50%;
             /* height: 100%; */
             height: 38vh;
           }
           .product-bd-li2 .c-info .info-txt-1 {
              font-size: 2.25rem;
              font-weight: 200;
              /* line-height: 3; */
              margin-bottom: 1.5rem;
              text-align: left;
              color: #333;
           }
           .product-bd-li2 .c-info .info-txt-2 {
               font-size: 1.125rem;
               color: rgba(0,0,0,.6);
           }
           .product-bd-li2 .c-info:nth-child(2n-1) .info-txt-1,
           .product-bd-li2 .c-info:nth-child(2n-1) .info-txt-2 {
             padding: 0 15% 0 0;
           }
           .product-bd-li2 .c-info:nth-child(2n) .info-txt-1,
           .product-bd-li2 .c-info:nth-child(2n) .info-txt-2 {
             padding: 0 0 0 15%;
           }
           
           .product-bd-li2 .c-info2,
           .product-bd-li .c-info2{
             display: flex;
             flex-direction: column;
             justify-content: space-between;
             width: 100%;
           }
           .product-bd-li2 .c-info2 .info2-txt,
           .product-bd-li .c-info2 .info2-txt{
             width: 100%;
             font-size: 2.25rem;
             font-weight: 400;
             padding-bottom: 2vh;
             text-align: center;
           }
           .product-bd-li2 .c-info2 .info2-txt p{
             font-size: 1.125rem;
             line-height: 2;
             color: #999;
           }
           .product-bd-li2 .c-info2 .info2-box{
             width: 100%;
             min-height: calc(54vh - 7rem);
             display: flex;
             justify-content: space-between;
           }
           .product-bd-li2 .c-info2 .info2-box.info2-box-g .info2-box-li{
              /* background: #fff; */
			  background: url(../img/bg-info2-box1.png) right bottom no-repeat #fff;
              width: 24%;
            }
           .product-bd-li2 .c-info2 .info2-box.info2-box-g .info2-box-li:hover{
              /* background: #ff6a00; */
			  background: url(../img/bg-info2-box2.png) right bottom no-repeat #329BFF;
            }
           .product-bd-li2 .c-info2 .info2-box.info2-box-g  .info2-box-li:hover .info2-bl-t1{
             border-bottom: 1px dotted rgba(255,255,255,1);
           }
           .product-bd-li2 .c-info2 .info2-box .info2-box-li{
             width: 30%;
             min-height: 100%;
             background: url(../img/bg-info2-box1.png) right bottom no-repeat #eef3f9;
             color: #000;
             border-radius: 5px;
             padding: 0 2% 2% 2%;
             transition: all .3s;
             -webkit-transition: all .3s;
             -moz-transition: all .3s;
           }
           
           .product-bd-li2 .c-info2 .info2-box .info2-box-li:hover{
             background: url(../img/bg-info2-box2.png) right bottom no-repeat #329BFF;
             color: #fff;
             transform: scale(1.075);
           }
           .product-bd-li2 .c-info2 .info2-box .info2-box-li .info2-bl-t1{
             width: 100%;
             height: 8vh;
             line-height: 8vh;
             font-size: 1.2rem;
             font-weight: bold;
             border-bottom: 1px dotted #ccc;
             padding: 0 5%;
           }
           .product-bd-li2 .c-info2 .info2-box .info2-box-li:hover .info2-bl-t1{
             border-bottom: 1px dotted rgba(255,255,255,0.45);
           }
           .product-bd-li2 .c-info2 .info2-box .info2-box-li .info2-bl-t2{
             width: 100%;
             font-size: 0.95rem;
             min-height: calc(100% - 8vh);
             line-height: 2;
             padding: 5%;
             opacity: 0.65;
           }
           .product-bd-li2 .c-info2 .info2-box .info2-box-li:hover .info2-bl-t2{
             /* opacity: 0.85; */
             opacity: 1;
           }
           .c-info2  .info2-pic{
             width: 100%;
           }
		   
		   
		   
		   
		   .product-bd-li2 .c-info3{
		     width: 100%;
		   }
		   .product-bd-li2 .c-info3 .info3-box{
		     width: 100%;
		     min-height: 54vh;
		     display: flex;
		     justify-content: flex-start;
		     flex-wrap: wrap;
		   }
		   .product-bd-li2 .c-info3 .info3-box .info3-box-li{
		     width: calc(25% - 12px);
		     min-height: 40vh;
		     margin: 0 15px 15px 0;
		     background: url(../img/bg-info2-box1.png) right bottom no-repeat #eef3f9;
		     background-size: 34% 18%;
		     color: #000;
		     border-radius: 5px;
		     padding: 0 2% 2% 2%;
		     transition: all .3s;
		     -webkit-transition: all .3s;
		     -moz-transition: all .3s;
		   }
		   .product-bd-li2 .c-info3 .info3-box .info3-box-li:nth-child(4n){
		     margin-right: 0;
		   }
		   
		   .product-bd-li2 .c-info3 .info3-box .info3-box-li:hover{
		     background: url(../img/bg-info2-box2.png) right bottom no-repeat #329BFF;
		     background-size: 34% 18%;
		     color: #fff;
		     transform: scale(1.075);
		   }
		   .product-bd-li2 .c-info3 .info3-box .info3-box-li .info3-bl-t1{
		     width: 100%;
		     height: 8vh;
		     line-height: 8vh;
		     font-size: 1.2rem;
		     font-weight: bold;
		     border-bottom: 1px dotted #ccc;
		     padding: 0 5%;
		   }
		   .product-bd-li2 .c-info3 .info3-box .info3-box-li:hover .info3-bl-t1{
		     border-bottom: 1px dotted rgba(255,255,255,0.45);
		   }
		   .product-bd-li2 .c-info3 .info3-box .info3-box-li .info3-bl-t2{
		     width: 100%;
		     font-size: 0.95rem;
		     min-height: calc(100% - 8vh);
		     line-height: 2;
		     padding: 5%;
		     opacity: 0.65;
		   }
		   .product-bd-li2 .c-info3 .info3-box .info3-box-li:hover .info3-bl-t2{
		     opacity: 1;
		   }
           /* 产品服务css 调整end */
        
		
        .product-bd-style1 .info-pic-dev1 .info-pic-warp{
          border-radius: 6px 6px 0 0;
        }
        .product-bd-style5 .info-pic-dev2 .info-pic-warp{
          border-radius: 28px;
        }
        .product-bd-style5 .info-pic-dev2{
          position: absolute;
          z-index: 10;
          bottom: 0;
          right: -30px;
          zoom: 0.5;
          width: 240px;
          height: 489px;
          display: block;
          overflow: hidden;
          background: url(../img/bg-product3.png) no-repeat;
          padding: 11px 12px 11px 13px;
        }
        .product-bd-style5 .info-pic-dev2 img,
        .product-bd-style3 .info-pic-dev1 img{
          top: 0 !important;
        }
        .info-pic-warp img{
          width: 100%;
          height: 100%;
/*          object-fit: cover;
          object-position:left top; */
        }
        .product-bd-li .info-pic-dev2{
          display: none;
        }
        .product-bd-style5 .info-pic-dev2{
          display: block;
        }
        .product-bd-style2 .info-pic-dev1{
          width: 642px;
          height: 371px;
          display: block;
          overflow: hidden;
          background: url(../img/bg-product2.png) no-repeat;
          padding: 11px 70px 34px 70px;
        }
        .product-bd-style2 .info-pic-dev1 .info-pic-warp{
          border-radius:9px 9px 0 0;
        }
        .product-bd-style3 .info-pic-dev1{
          width: 240px;
          height: 489px;
          display: block;
          overflow: hidden;
          background: url(../img/bg-product3.png) no-repeat;
          padding: 11px 12px 11px 13px;
        }
        .product-bd-style3 .info-pic-dev1 .info-pic-warp{
          border-radius: 28px;
        }
        .product-bd-style4 .info-pic-dev1{
          width: 564px;
          height: 482px;
          display: block;
          overflow: hidden;
          background: url(../img/bg-product4.png) no-repeat;
          padding: 87px 10px 89px 10px;
        }
        .product-bd-style4 .info-pic-dev1 .info-pic-warp{
          border-radius: 0px;
          border: 1px solid rgba(255,255,255,0.02);
        }
        


      /********* 内页-news-详情页 *********/
      .news-inside-page{
        min-height: 30vh;
      }
      .nip-title{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 6vh 0 4vh 0;
      }
      .nip-title .nip-title1{
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        color: rgba(0, 0, 0, .35);
        font-weight: bold;
        padding-right: 1vw;
        transition: all .3s;
      }
      .nip-title .nip-title1:hover{
        /* color:#0530ad; */
        color: rgba(0, 0, 0, .85);
      }
      .nip-title .nip-title1 .t1{
        font-size: 1.75rem;
        line-height: 2.25rem;
        /* color: rgba(0, 0, 0, .45); */
        font-weight: 400;
        white-space: nowrap;
      }
      .nip-title .nip-title1 .t2{
        font-size: 0.75rem;
        line-height: 1rem;
        white-space: nowrap;
      }
      .nip-title .nip-title2{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        border-left: 1px dotted #999;
        margin-left: 5px;
        padding-left: 1vw;
      }
      .nip-title .nip-title2 .nip-title2-main{
        font-size: 1.75rem;
        line-height: 2.25rem;
        color: rgba(0, 0, 0, 1);
        font-weight: bold;
        padding-bottom: 5px;
      }
      .nip-title .nip-title2 .nip-title2-sub{
        font-size: 0.875rem;
        color: rgba(0, 0, 0, .45);
        line-height: 1rem;
        display: flex;
        align-items: center;
      }
      .nip-title .nip-title2 .nip-title2-sub .img1{
        width: 1rem;
        opacity: 0.45;
        margin-right: 0.5rem;
      }
      .nip-title .nip-title2 .nip-title2-sub .img2{
        width: 1rem;
        opacity: 0.45;
        margin-right: 0.5rem;
        margin-left: 2rem;
      }
      /* 新闻浏览 */
      /*
      .nip-title .nip-title2 .nip-title2-sub iframe html{
        position: absolute;
        bottom: -2px;
        left: -61px;
      }
      .nip-title .nip-title2 .nip-title2-sub iframe html b{
        font-weight: 400 !important;
        font-size: 0.875rem;
        color: rgba(0, 0, 0, .45);
      } */
      
      
      .nip-contont{
        padding: 4vh 2.5vw;
        background: linear-gradient(180deg,#F6FAFF 2vh,#fff 8vh);
        /* border-top: 1px dotted #ccc; */
        min-height: 20vh;
      }
      .nip-contont p{
        text-indent: 2em;
        line-height: 1.75;
        font-size: 1rem;
      }
      .nip-contont img{
        width: 100%;
        height: auto;
        border: none !important;
      }
      .nip-contont a:hover{
        text-decoration: underline;
      }
      
      .nip-contont p img{
        margin: 5px auto;
        min-width: 50vw;
        max-width: 100%;
        height: auto !important;
        display: block;
      }
      
      .nip-contont  p:has(> img),
      .nip-contont  span:has(> img) {
        text-align: center;
      }
          


      /********* 内页-jobs-详情页 *********/              
      .job-contont1{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 2vh 10vh 2vh 0;
        background: #F6FAFF;
        position: relative;
        border-radius: 0 30px 30px 0;
      }
      .job-contont1::before{
        position: absolute;
        right: -4vh;
        bottom: -1vh;
        content: '';
        display: block;
        width: 13vh;
        height: 12vh;
        background: url(../img/hbl4.png) no-repeat;
        background-size: contain;
      }
      .job-contont1 span{
        font-size: 0.85rem;
        text-align: center;
      }
      .job-contont1 span h5{
        font-size: 1rem;
        font-weight: bold;
        margin: 0;
        padding-top: 0.5rem;
      }
      
      .job-contont2{
        padding: 2vh 0 4vh 0;
        color: #000;
        line-height: 2;
        font-size: 1rem;
      }
      .job-contont2 .t1{
        color: rgba(0,0,0,.45);
        /* color: #FF6A00; */
        font-weight: bold;
        border-bottom: 1px dotted #ccc;
        padding: 2vh 0 1vh 0;
        display: flex;
        align-items: center;
      }
      .job-contont2 .t1 img{
        width: 1rem;
        opacity: 0.45;
        margin-right: 8px;
      }
      .job-contont2 .t2{
        padding: 1vh 0;
      }
	  .job-contont2 .t3{
		background: #f6faff;
		width: 100%;
    /* 
		display: flex;
		align-items: center; */
		padding: 8px 10px;
		margin-top: 2vh;
    line-height: 1.5;
	  }
	  .job-contont2 .t3 i{
		color: #f16126;
		font-style: normal;
	  }



      /********* 内页-product-详情页 *********/
      .pro-ins-contont{
        padding: 0vh 0 4vh 0;
        color: #000;
        line-height: 2;
        font-size: 1rem;
        background: linear-gradient(180deg,#F6FAFF 2vh,#fff 8vh);
        border-radius: 0 30px 0 0;
      }
      .pro-ins-contont .t1,
      .pro-ins-contont .t1pro{
        /* color: #FF6A00;
        color: rgba(0,0,0,.45); */
        color: #0090FF;
        background: transparent;
        /* background: #F6FAFF; */
        /* background: linear-gradient(180deg,#F6FAFF 20%,#fff 100%); */
        font-weight: bold;
        padding: 0 0 0 2vh;
        display: flex;
        align-items: center;
        font-size: 1.125rem;
        line-height: 3rem;
        white-space: nowrap;
        position: relative;
        border-radius: 0 30px 0 0;
      }
      .pro-ins-contont .t1::after{
        position: absolute;
        right: 0;
        bottom: 0;
        content: '';
        display: block;
        width: 15vh;
        height: 13vh;
        background: url(../img/hbl1.png) no-repeat;
        background-size: contain;
      }
/*      .pro-ins-contont .t1pro::after{
        position: absolute;
        right: 0;
        bottom: 0;
        content: '';
        display: block;
        width: 7vh;
        height: 7vh;
        background: url(../img/hbl2.png) no-repeat;
        background-size: contain;
      } */
      .pro-ins-contont .t1pro::after{
        position: absolute;
        right: -1vh;
        bottom: -1vh;
        content: '';
        display: block;
        width: 11vh;
        height: 11vh;
        background: url(../img/hbl3.png) no-repeat;
        background-size: contain;
      }
      .pro-ins-contont .t1 img{
        width: 1rem;
        opacity: 0.45;
        margin-right: 8px;
      }
      .pro-ins-contont .t2{
        padding: 2vh;
      }
      .pro-ins-contont .t2 p{
        font-size: 1rem;
        line-height: 1.5;
      }
      .pro-ins-contont .t2 img{
        width: 100%;
        padding: 3vh;
        background: #F6FAFF;
        /* display:inline-block; */
        vertical-align: top;
      }            
            
          
      /********* 内页-404 *********/
      .default-404{
        height:calc(82vh - 95px);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 1.125rem;
        color: #0530AD;
      }
      .default-404 img{
        width: 50%;
      }        
        
      
      
      
      
      
      
      

            
      /*分页new_page*/
      .ht-page {
        /* padding: 30px; */
        text-align: center;
        display: flex;
        align-items: center;
        padding-bottom: 30px;
      }

      .ht-page span {
        vertical-align: middle;
      }

      .ht-page a {
        text-decoration: none;
        color: #555;
        outline: none;
      }

      .ht-page .pagebtn {
        width: 52px;
        height: 30px;
        background: #1875f0;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        border: none;
      }

      .ht-page .pagebtn:hover {
        background: #1875f0;
      }

      .ht-page .previous {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        border: 1px solid #e9e9e9;
        background: url("../img/page_icon.png") no-repeat;
        background-position: 0 0;
      }

      .ht-page .previous.disable {
        display: inline-block;
        padding: 0 15px;
        cursor: default;	
        background-position: 0 -60px;
      }

      .ht-page .previous.disable:hover {
        background-position: 0 -60px;
      }

      .ht-page .previous:hover {
        background-position: 0 -30px;
      }

      .ht-page .previous a {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        padding: 0 15px;
      }

      .ht-page .next {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        border: 1px solid #e9e9e9;
        /* border-left: 0; */
        margin-left: 5px;
        background: url("../img/page_icon.png") no-repeat;
        background-position: -30px 0px;
      }

      .ht-page .next:hover {
        background-position: -30px -30px;
      }

      .ht-page .next.disable {
        display: inline-block;
        padding: 0 15px;
        cursor: default;
        background-position: -30px -60px;
      }

      .ht-page .next.disable:hover {
        background-position: -30px -60px;
      }

      .ht-page .next a {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        padding: 0 15px;
      }

      .ht-page .num {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        border: 1px solid #e9e9e9;
        /* border-left: 0; */
        margin-left: 5px;
      }

      .ht-page .num.current {
        padding: 0 12px;
        background: #0090FF;
        color: #fff;
        border: #0090FF;
      }

      .ht-page .num a {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        padding: 0 12px;
      }

      .ht-page .num a:hover {
        color: #555;
        background: #f1f1f1;
      }

      .ht-page .dots {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        border: 1px solid #e9e9e9;
        /* border-left: 0; */
        margin-left: 5px;
        padding: 0 12px;
      }

      .ht-page .total {
        margin-left: 20px;
        margin-right: 10px;
      }

      .ht-page .total.total_page {
        margin-left: 5px;
        margin-right: 5px;
      }

      .ht-page .page_jump {
        margin: 0 12px;
      }

      .ht-page .pageInput {
        width: 50px;
        height: 30px;
        border: 1px solid #e9e9e9;
        outline: none;
        text-align: center;
      }

      .ht-page .pageInput:focus {
        border: 1px solid #1875f0;
      }

      @media screen and (max-width: 799px) {
        .ht-page {
          padding: 10px 0;
        }
        .ht-page .num, .ht-page .dots, .ht-page .total {
          display: none;
        }
        .ht-page .num.current {
          display: inline-block;
          padding: 0 10px;
        }
        .ht-page .total.total_page {
          display: inline-block;
        }
        .ht-page .pageInput, .ht-page .pagebtn {
          width: 40px;
        }
        .ht-page .pagebtn {
          display: none;
        }
        .ht-page .page_jump {
          margin: 0 5px;
        }
      }
      
      
    /* 时间轴 */
    .time-line-box {
      margin-top: 40px;
      margin-bottom: 20px;
      position: relative;
    }
    
    .time-line-box ul:hover{
      cursor: pointer;
    }
    .time-line-box ul:after {
      content: '';
      background: url(../img/line.png) repeat-x left bottom;
      height: 52px;
      width: 1000%;
      position: absolute;
      left: 0;
      z-index: 1;
    }
    .time-line-box ul li {
      float: left;
      width: 363px;
      position: relative;
      padding-top: 125px;
      padding-bottom: 0;
      padding-left: 0;
      z-index: 2;
    }
    .time-line-box ul li:after {
      content: '';
      height: 84px;
      border-left: #d3d3d2 2px solid;
      position: absolute;
      top: 52px;
      left: 0;
    }
    .time-line-box ul li dl {
      padding-left: 25px;
    }
    .time-line-box ul li dl dt {
      font-size: 20px;
      color: #000;
      font-weight: bold;
      /* position: relative; */
      margin-bottom: 10px;
      text-align: left;
      
    }
    .time-line-box ul li dl dt:after {
      content: '';
      width: 8px;
      height: 8px;
      border-radius: 100%;
      background: #0FA2FF;
      position: absolute;
      left: -7px;
      top: 135px;
      border: #c9e3ff 4px solid;
      box-sizing: content-box;
    }
    .time-line-box ul li dl dd {
      color: #333;
      font-size: 13px;
      line-height: 1.5;
      padding-left: 15px;
      position: relative;
      text-align: left;
    }
    .time-line-box ul li dl dd:after {
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 100%;
      background: #0FA2FF;
      position: absolute;
      left: 0;
      top: 13px;
      margin-top: -3px;
    }
    .time-line-box .swiper-container{
      padding-top: 10px;
    }
    .time-line-box .swiper-container .swiper-slide {
      background: rgba(255, 255, 255, 0);
    }
    .time-line-box ul li:first-child {
      margin-left: 95px;
    }
    .time-line-box ul li:last-child {
      margin-right: 40px;
    }
    .time-line-box ul li:nth-child(2n) {
      padding-top: 0;
    }
    .time-line-box ul li:nth-child(2n):after {
      top: auto;
      bottom: -51px;
      height: 76px;
      z-index: 2;
    }
    .time-line-box ul li:nth-child(2n) dt:after {
      left: -9px;
      top: 0;
    }
    .time-line-box ul li:nth-child(2n) .layui-text {
      position: absolute;
      left: 0;
      bottom: 10px;
      border-left: #d3d3d2 2px solid;
	  min-height: 122px;
    }
    .time-line-box ul .item-this:after {
      border-left: #0FA2FF 2px solid;
    }
   .time-line-box ul .swiper-slide:nth-child(2n).item-this .layui-text {
      border-left: #0FA2FF 2px solid !important;
    }
/*   .time-line-box ul .swiper-slide:nth-child(2n-1) .item-this .layui-text {
      border-left: #0FA2FF 2px solid !important;
    } */
    
    
    
    
    
/* 锚点定位偏移 */
.target-fix {
  position: absolute;
  top: -15vh; // 偏移为nav被fixed元素的高度
  display: block;
  height: 0; //高度为0
  overflow: hidden;
}

.anchor-p {
  display: block;
  height: 0;
}
          
#fp-nav{
/*    top: initial !important;
    bottom: 10% !important; */
    right: 2.5% !important;
    background: rgb(255 255 255 / 90%);
    border: 1px solid #fff6;
    border-radius: 20px;
    box-shadow: 0 0 5px rgb(50 155 255 / 21%);
}          
#fp-nav ul li a span, .fp-slidesNav ul li a span{
  background: #329bff !important;
/*  background: #007AFF !important;
  background: #ff6a00 !important; */
}
#fp-nav ul li, .fp-slidesNav ul li{
  width: 10px !important;
  height: 13px !important;
}
#fp-nav ul li .fp-tooltip{
  color: #000;
  /* color: #0090ff; */
}
#fp-nav ul li .fp-tooltip.fp-right{
  right: 24px;
}
#fp-nav ul li:last-child{
  display: none;
}

/* 翻页提示箭头——居中定位 */
/* #section1 .arrow-botom{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 2.5vh;
    display: flex;
    justify-content: center;
    -webkit-animation: loopAnim 0.9s linear 0s infinite normal none running;
    animation: loopAnim 0.9s linear 0s infinite normal none running;
    z-index: 999999;
} */

/* 翻页提示箭头——右侧定位 */
#section1 .arrow-botom{
    position: absolute;
    right: calc(2.5% + 3px);
    bottom: calc(50% - 66px);
    display: flex;
    justify-content: center;
    -webkit-animation: loopAnim 1s linear 0s infinite normal none running;
    animation: loopAnim 1s linear 0s infinite normal none running;
    z-index: 999999;
}

#section1 .arrow-botom img{
    width: 20px;
    height: 20px;
    /* opacity: 0.75; */
}

@keyframes loopAnim {
    0% {
        opacity: 0;
        transform: translateY(-12px);
    }

    20% {
        opacity: 1
    }

    50% {
        transform: translateY(0) scale(1,1);
    }

    65% {
        opacity: 1
    }

    80% {
        opacity: 0.7
    }

    to {
        opacity: 0;
        transform: translateY(12px);
    }
}


.con-indent{
  text-indent: 2em;
}

/*其它案例*/
.al-other{
  padding: 10vh 0;
  /* background: url(../img/bg-other2.jpg) no-repeat !important;  */
  background: linear-gradient(rgba(255, 255, 255,0.55), rgba(255, 255, 255, 0.55)),url(../img/bg-other2.jpg) no-repeat !important;
  background-size: 100% 100% !important;
}
.al-other .container{
  align-items: flex-start; padding: 0;
}
.al-other .container .c-info2 .info2-txt{
  padding-bottom: 5vh;
}
.al-other .info2-al{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(33.33% - 15px), 1fr));
  /* grid-auto-rows: 50px; */
  gap: 15px;
}

.product-bd-li .info2-al .al-url{
  /* background: rgba(0,0,0,0.05); */
  background: #fff;
  border: 2px solid  #fff;
  border-radius: 6px;
  box-shadow: 0 5px 14px rgba(0, 126, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 5px;
  transition: all .3s ease;
}

.product-bd-li:nth-child(2n-1) .info2-al .al-url{
  background: #fff;
  border: 2px solid  #fff;
  /* box-shadow: 0 3px 3px rgba(0, 126, 255, 0.05); */
}

.product-bd-li .info2-al .al-url:hover{
  /* background: #007AFF; */
  color: #fff;
  box-shadow: 0 5px 25px rgba(0,126,255,0.2);
  background: rgba(0,126,255,0.8);
  border: 2px solid  rgba(0,126,255,0.8);
  letter-spacing: 2px;
  transform: scale(1.05);
  transition: all .3s ease;
}


/*  流动边框 */
/* 
.al-url {
	position:relative;
}
.al-url:hover::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border:2px solid #007AFF;
	transition:all .3s;
	animation:clippath 3s infinite linear;
}
@keyframes clippath {
	0%,100% {
	clip-path:inset(0 0 95% 0);
  }
  25% {
    clip-path:inset(0 95% 0 0);
  }
  50% {
    clip-path:inset(95% 0 0 0);
  }
  75% {
    clip-path:inset(0 0 0 95%);
  }
} */







/* 联系方式 新增 */
.page-sub-tit-t4{
	position: absolute;
	bottom: -36px;
	left: 0;
}
.psc-cont2 {
	display: flex;
	align-items: center;
	justify-content:space-between;
	width: 100%;
	height: calc(100% - 20vh);
	padding: 5vh 0;
	background: url(../img/icon-contact-line.png) center no-repeat;
}
.psc-cont-box2{
	display: flex;
	flex-wrap: wrap;
	width: 25vw;
	padding-left: 3.5vw;
}
.psc-cont-box2 .pcb2-t1{
	width: 100%;
	font-size: 1.75rem;
	font-weight: bold;
}
.psc-cont-box2 .pcb2-t2{
	width: 100%;
	display: flex;
	align-items: center;
	justify-self: flex-start;
	font-size: 18px;
	padding-top: 2rem;
}
.psc-cont-box2 .pcb2-t2 .pcb2-t2-c1{
	width: 1.875rem;
	height: 1.875rem;
}
.psc-cont-box2 .pcb2-t2 .pcb2-t2-c1 img{
	width: 100%; 
	height: 100%;
}
.psc-cont-box2 .pcb2-t2 .pcb2-t2-c2{
	margin: 0 1.25rem 0 1.5rem;
	width: 3rem;
}
.psc-cont-box2 .pcb2-t2 .pcb2-t2-c3{
	font-family: Impact;
}




  .ht-page .page .font-link{
        display: flex;
  }






/* 移动端适配调整 */


/*<=991的设备*/
@media(max-width:991px) {
  .class {
  }
}

/*<=991的设备*/
@media(max-width:991px) {
  .banner-title1 {
    top: 15vh;
    left: 2rem;
    width: calc(100% - 4rem);
  }

  .banner-title1 .bt1-main {
    font-size: 2rem;
  }

  .banner-title1 .bt1-sub p{
    font-size: 1.125rem;
  }
  .banner-title1 .bt1-link {
      border-radius: 5px;
      padding: 0.5rem 1.5rem;
      font-size: 0.85rem;
      margin-top: 0.75rem;
  }
 .swiper-container .sws-pagination{
    bottom: 6vh !important;
  }
  .swiper-button-next, .swiper-button-prev{
    top: auto;
    bottom: 3vh;
    transform: scale(0.65, 0.65);
    display: none;
  }
  
  .banner-pic1 {
    left: -3vw;
    bottom: 3vh;
    right: auto;
    height: 44vh;
    width: 55vh;
  }
    
  .pagec-tit-t3 {
    color: #fff !important;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .tab1-tit .tab1-t-p {
    align-items: flex-end;
  }

  .tab1-tit .tab1-t-p img {
    width: 4rem;
  }

  .tab1-tit .tab1-t-t {
    font-size: 0.625rem;
  }

  .tab1-con {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .tab1-con .tab1-c-p {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .tab1-con .tab1-c-p2 {
    position: absolute;
    width: 80%;
    height: 100%;
    left: 12%;
    top: 15%;
    padding: 12% 0 0 12%;
  }

  .tab1-con .tab1-c-t {
    display: none;
  }
  #Super-tab2 .parHd{
    height: 3.5rem;
  }

  .contact-i-b{
    width: 100%;
  }

  .pagec-contact-map{
    padding-bottom: 26vh;
  }
  
  .pagec-tit-t1 {
    font-size: 2rem !important;
  }
  .pagec-tit-t2 {
    font-size: 0.8rem !important;
  }
  
  .header-wrapper {
      padding: 10px 0;
      height: 66px;
  }
  
  #Super-tab2 .parBd {
      height: calc(68vh - 4vh);
      padding-top: 3vh;
  }
  #Super-tab2 .parBd ul{
    flex-wrap: wrap;
  } 
  #Super-tab2 .parBd ul li {
      margin: 0 1vw;
      width: 40vw;
  }
  #Super-tab2 .parBd ul li .pic img {
      width: 100%;
      height: 21vh;
  }
  #Super-tab2 .parBd ul li .title1,
  #Super-tab2 .parBd ul li .title2{
    width: 100% !important;
    padding: 0 1rem;
  }
  
  .number-li{
    font-size: 0.75rem;
    flex-wrap: wrap;
    justify-content: center;
    padding: 2vw 2vw;
    text-align: center;
    align-content: center;
  }
  .number-li .t1{
    width: 100%;
  }
  .number-li .t2{
    font-size: 1rem;
  }
  .number-li .t2 i{
    font-size: 1rem !important;
  }
  
  .tab3-con .tab3-c-t2 {
      font-size: 0.75rem;
  }
  .tab3-con {
      display: grid;
      grid-template-columns: 36vw calc(96% - 36vw);
      position: relative;
  }
  .tab3-con .tab3-c-d {
      width: 20vw;
      display: flex;
      flex-direction: row;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 999;
      color: #999;
  }
  .tab3-con .tab3-c-d1 {
      width: initial;
      background: #fff;
      font-size: 0.75rem;
      font-style: oblique;
      text-align: right;
      color: #999;
  }
  .tab3-con .tab3-c-d2 {
      font-size: 0.75rem;
      font-style: oblique;
      /* padding-left: 0.3rem; */
  }
  .tab3-con .tab3-c-d2::before{
    content: '.';
  }
  .tab3-con .tab3-c-d3{
    display: none;
  }
  .pf-logo{
    display: none;
  }
  .page-footer {
      padding: 1.5vh 0 2vh 0;
      height: auto;
  }
  .page-footer .pf-con {
      width: 100%;
      padding: 0 4%;
      flex-direction: column;
  }
  .pf-con-t1 .tit1{
    font-size: 1rem;
  }
  
  .page-footer .pf-con-txt,
  .page-footer .pf-con-QR{
    width: 100%;
  }
  .pf-con-t2 li,
  .pf-con-t2 li h3{
    font-size: 0.685rem;
    white-space:nowrap;
  }
  .pf-con-QR .QR-box .QR-img img {
      height: 5rem;
      margin-top: 0.5rem;
  }
  
  /* 回到顶部 */
  .scrollToTop{
    bottom: 6.6vh !important;
  }
  .scrollToTop i{
    width: 1.6rem;
    height: 1.6rem;
  }
  .scrollToTop i img{
    width: 50% !important;
  }
  
  .section-banner-sub {
      padding-top: 66px;
  }
  /* 新闻列表页 + 内页 */
  .page-c3 .slideTxtBox2 .stn-bd-ul{
    padding-top: 1rem !important;
  }
  .page-c3 .slideTxtBox2 .bd .stn-bd-li .tab3-con .tab3-c-t{
    border: 0;
  }
  .page-c3 .slideTxtBox2 .bd .stn-bd-li .tab3-con{
    display: flex;
    position: relative;
    flex-direction: column;
    
  }
  .page-c3 .slideTxtBox2 .bd .stn-bd-li{
    height: auto;
    /* margin-bottom: 6vh; */
  }
  .page-c3 .slideTxtBox2 .bd .stn-bd-li .tab3-con .tab3-c-t,
  .page-c3 .slideTxtBox2 .bd .stn-bd-li .tab3-con .tab3-c-p2{
    width: 100%;
    padding: 1rem 0;
  }
  .page-c3 .slideTxtBox2 .bd .stn-bd-li .tab3-con .tab3-c-p2{
    height: 18.5vh;
  }
  
  .page-c3 .tab3-con .tab3-c-t::after,
  .page-c3 .tab3-con .tab3-c-d{
    bottom: -1rem;
  }
  .page-c3 .tab3-con .tab3-c-t1{
    font-size: 1rem;
  }
  .ht-page .page {
    font-size: 0.75rem;
  }
  .ht-page .page,.ht-page .page table{
    margin-top: 0 !important;
  }
  .ht-page .page,.ht-page .page table,.ht-page .page .font-link{
    width: 100%;
  }
  .ht-page .page .font-link{
        display: flex;
        align-items: center;
        justify-content: space-between;
  }
  
  .page-c3 .news-inside-page .nip-title{
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem 0;
  }
  .page-c3 .news-inside-page .nip-title .nip-title1{
    padding-left: 0.5rem;
    flex-direction: row;
    align-items: baseline;
    font-weight: inherit;
  }
  .page-c3 .news-inside-page .nip-title .nip-title1 .t1{
    font-size: 1.2rem;
    padding-right: 0.2rem;;
  }
  .page-c3 .news-inside-page .nip-title .nip-title2{
    border-left: 0;
    border-top: 1px dotted #999;
    margin: 0.4rem 0 0 0;
    padding-top: 0.4rem;
    padding-left: 0.5rem;
  }
  .page-c3 .news-inside-page .nip-title .nip-title2-main{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  
  .slideTxtBox2 .bd .stn-bd-li:nth-child(3n-2) .tab3-con .tab3-c-p2{
    background: url(../img/pic-news1.jpg) no-repeat;
    background-size:  cover;
    background-position: center;
  }
  .slideTxtBox2 .bd .stn-bd-li:nth-child(3n-1) .tab3-con .tab3-c-p2{
    background: url(../img/pic-news2.jpg) no-repeat;
    background-size:  cover;
    background-position: center;
  }
  .slideTxtBox2 .bd .stn-bd-li:nth-child(3n) .tab3-con .tab3-c-p2{
    background: url(../img/pic-news3.jpg) no-repeat;
    background-size:  cover;
    background-position: center;
  }
  
  
  /* 联系我们 */
  #section-contact1 .page-c2 {
      padding-top: 10vh;
  }
  .page-sub-tit-t3 {
      font-size: 4.5rem;
      line-height: 2;
  }
  .psc-cont2{
    background: none;
    flex-wrap: wrap;
    height: calc(100% - 32vh);
    padding: 10vh 0 0 0;
  }
  .psc-cont2 .psc-cont-box2{
    width: 100%;
    padding-bottom: 5vh;
  }
  .psc-cont-box2 .pcb2-t1{
    font-size: 1.25rem;
  }
  .psc-cont-box2 .pcb2-t2{
    font-size: 1rem;
    padding-top: 1rem;
  }
  .psc-cont-box2 .pcb2-t2 .pcb2-t2-c1{
    width: 1.5rem;
    height: 1.5rem;
  }
  /*加入团队*/
  .slideTxtBox2 .hd ul li .t1, .slideTxtBox3 .hd ul li .t1 {
      font-size: 1rem;
  }
  .slideTxtBox2 .hd ul li .t2, .slideTxtBox3 .hd ul li .t2 {
      font-size: 0.5rem;
  }
  .pagec-job .pagec-job-ul {
      grid-template-columns: 1fr 1fr;
  }
  .slideTxtBox2 .hd{
      padding: 3vh 0 1vh 0;
  }
  .pagec-job .pagec-job-li{
    padding: 1rem;
    min-height: 18vh;
  }
  .pagec-job .job-li-t1 {
      font-size: 1rem;
  }
  .pagec-job .job-li-t2{
      font-size: 0.75rem;    
      padding: 0.25rem 0;
  }
  .pagec-job .job-li-t3 input{
      font-size: 0.75rem;
  }
  .slideTxtBox2 .bd .stn-bd-ul, .slideTxtBox3 .bd .stn-bd-ul{
    padding-bottom: 0;
  }
  .job-contont1{
    flex-wrap: wrap;
    gap: 1rem 0;
    border-radius: 0;
    padding: 1rem 3rem 1rem 1rem;
  }
  .job-contont1 span{
    width: 50%;
  }
  .job-contont1::before{
    right: -1rem;
    width: 5rem;
    height: 5rem;
  }
  .job-contont2{
    font-size: 0.85rem;
  }
  
  /*成功案例*/
  #Super-tab-nav .product-bd-li .info-txt .info-txt-1{
    font-weight: 400;
  }
  .slideTxtBox3 .hd {
      padding: 3vh 0.75rem 3vh 0.75rem;
  }
  
  .slideTxtBox2 .hd,
  .slideTxtBox3 .hd {
      position: sticky;
      z-index: 99;
      background: #fff;
      top: 66px;
  }
  .stn-bd-ul .product-bd-li .container, .product-bd-li2 .container{
    display: flex;
    flex-direction: column;
    padding: 0 1.5rem;
  }
  .stn-bd-ul .product-bd-li .info-txt,
  .stn-bd-ul .product-bd-li .info-pic{
    float: none !important;
    width: 100%;
  }
  .stn-bd-ul .product-bd-li .info-txt{
    position: unset;
    top: initial;
    transform:none;
  }
  .stn-bd-ul .product-bd-li .info-pic{
    zoom: 0.5;
    left: initial;
    right: initial;
  }
  .stn-bd-ul .product-bd-li .container-clear{
    display: none;
  }
  .product-bd-li .info-txt .info-txt-1{
    font-size: 1.75rem;
    text-align: center;
  }
  
  /*关于我们*/
  #section-about1 .page-c2 {
      padding-top: 10vh;
      position: relative;
      background-size: 42vmax !important;
      background-position: right -1vmin bottom -6vmax !important;
  }
  #section-about1 .page-sub-con{
    flex-direction: column;
  }
  .page-sub-con .page-s-c-1,
  .page-sub-con .page-s-c-2{
    width: 100%;
  }
  
  .page-sub-con .page-s-c-1 p{
    font-size: 0.875rem;
  }
  
  #section-about2 .page-c2,
  #section-about4 .page-c2,
  #section-about5 .page-c2,
  #section-about6 .page-c2{
    padding-top: 10vmax;
    /* padding-top: 10vh; */
  }
  #section-about2 .page-c2 .page-sub-con2 {
      display: grid;
      justify-content: space-between;
      grid-template-columns: 1fr;
      grid-row-gap: 0;
      height: 80vmax;
      justify-content: center;
      align-items: center;
      padding: 0;
  }
  #section-about2 .page-s-c2-box{
    padding-top: 3vmax;
  }
  #section-about2 .page-s-c2-box:nth-child(5){
    padding: 0;
    position: absolute;
    z-index: 99;
    top: calc(8vmax + 44px);
    right: 5vmin;
    width: 30vmin;
  }
  #section-about2 .page-c2 .page-sub-con2 .page-s-c2-box img{
    width: 100%;
  }
  #section-about2 .page-s-c2-box .tit{
    font-size: 1rem;
  }
  #section-about2 .page-s-c2-box .txt{
    font-size: 0.875rem;
  }
  
  #section-about4 .page-sub-con4{
    grid-template-columns: repeat(2, 48%);
    grid-column-gap: 4%;
    height: 80vmax;
    justify-content: center;
    align-items: center;
    padding: 0;
  }
  
  #section-about4 .page-s-c4-box .t3{
    font-size: 0.875rem;
  }
  
  #section-about5 .page-s-c5-box1::after,
  #section-about6 .page-s-c6-box1::after{
    z-index: 99;
    width: 40vmin;
    height: 26vmax;
    background-size: contain;
    background-position: 8vmin 5vmax;
  }
  #section-about6 .page-s-c6-box1::after{
    bottom: 28vmin;
    right: -8vmin;
    background-position: 0;
  }
  #section-about6 .patent-ul{
    padding: 0 0 0 5vmax;
    display: grid;
    grid-template-columns: repeat(2, 48%);
    grid-column-gap: 10%;
    grid-row-gap: 5vmin;
  }
  #section-about6 .patent-ul .patent-li{
    padding-right: 0;
  }
  #section-about6 .page-s-c6-box1{
    padding-right: 0;
  }
  #section-about6 .page-sub-con5 img{
    height: 33vmax !important;
    width: 120vmin !important;
    margin-left: -10vmin;
  }
  #section-about5 .page-sub-con5 {
      height: 80vmax;
      justify-content: center;
      align-items: center;
      padding: 0;
  }
  #section-about5 .page-sub-con5 .page-s-c5-box-time{
    position: relative;
    height: 80vmax;
  }
  #section-about5 .page-sub-con5 .page-s-c5-box-time .time-line-box{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
  }
  .patent-ul .patent-li .t1{
    font-weight: 900;
    font-family: YSBTH;
  }
  
  
  /* 产品服务 */
  
  #Super-tab-nav .product-bd-li2 .container{
    padding: 0 1.5rem;
    position: relative;
  }
  
  #Super-tab-nav .product-bd-li2 .container .c-info{
    width: 100%;
    padding-top: calc(20vmax + 2rem);
  }
  #Super-tab-nav .product-bd-li2 .c-info .info-txt-1, 
  #Super-tab-nav .product-bd-li2 .c-info .info-txt-2{
    padding: 0 !important;
  }
  #Super-tab-nav .product-bd-li2 .c-info .info-txt-1{
    font-size: 1.75rem;
    font-weight: 400;
  }
  #Super-tab-nav .product-bd-li2 .c-info .info-txt-2{
    font-size: 1rem;
  }
  #Super-tab-nav .product-bd-li2 .c-info .info-txt-2.con-indent{
    padding-bottom: 1.5rem !important;
  }
  #Super-tab-nav .product-bd-li2 .c-info .info-txt-2.con-indent p{
    margin: 0;
  }
  #Super-tab-nav .product-bd-li2 .container,
  #Super-tab-nav .product-bd-li2 .container .c-info{
    height: auto !important;
    min-height: auto !important;
  }
  #Super-tab-nav .product-bd-li2 .container .c-info.imgbox{
    height: 20vmax !important;
    margin-top: 1rem;
    padding-top: 0;
    position: absolute;
    width: calc(100% - 3rem);
  }
  #Super-tab-nav .product-bd-li2 .c-info2 .info2-pic{
    padding: 1.5rem 0;
  }
  #Super-tab-nav .product-bd-li2 .c-info2 .info2-txt{
    font-size: 1.75rem;
    padding: 1rem 0;
  }
  #Super-tab-nav .product-bd-li2 .c-info2 .info2-box{
    display: grid;
    grid-template-columns: repeat(1, 100%);
    grid-gap: 1rem;
    padding-bottom: 1rem;
  }
  #Super-tab-nav .product-bd-li2 .c-info2 .info2-box .info2-box-li{
    width: initial !important;
  }
  #Super-tab-nav .product-bd-li2 .c-info2 .info2-box .info2-box-li .info2-bl-t1{
    font-size: 1rem;
    height: 3.6rem;
    line-height: 3.6rem;
  }
  #Super-tab-nav .product-bd-li2 .c-info2 .info2-box .info2-box-li .info2-bl-t2{
    font-size: 0.875rem;
  }
  
  .back-mobile{
    display: initial;
    scroll-behavior: smooth;  
  }
  .back-mobile-li{
    display: initial;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
  }
  
}


/*<=575的设备*/
@media(max-width:575px) {
  
  #Super-tab2 .parBd ul li {
      margin: 0 1vw;
      width: 44vw;
  }
  
  
}
  
/*>=992且<=1199的设备*/
@media(max-width:1199px) and (min-width:992px) {
  .class {
  }
}

/*>=576的设备*/
@media(min-width:576px) {
  .class {
  }
}

/*>=1200的设备*/
@media(min-width:1200px) {
  .class {
  }
}