.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .banner .s_banner {
    width: 100%;
    
  }
  .banner .s_banner .swiper-slide {
    width: 100%;
    height: 100%;
  }
  .banner .s_banner .swiper-slide .img {
    width: 100%;
    height: 100%;
  }
  .banner .s_banner .swiper-slide .img img {
    height: 100%;
    object-fit: cover;
  
    transform: scale(1.07);
    transition: all ease-out 3s;
  }
  .banner .s_banner .swiper-slide .txt {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    opacity: 0;
    width: 100%;
  }
  .banner .s_banner .swiper-slide .txt p {
    font-size: 100px;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1.5s;
    transition-delay: 1.1s;
  }
  .banner .s_banner .swiper-slide .txt span {
    font-size: 29px;
    opacity: 0;
    display: inline-block;
    transition: all 1.5s;
    transition-delay: 1.5s;
  }
  .banner .s_banner .swiper-slide.swiper-slide-active .img img {
    transform: scale(1.001);
  }
  .banner .s_banner .swiper-slide.swiper-slide-active .txt {
    opacity: 1;
  }
  .banner .s_banner .swiper-slide.swiper-slide-active .txt p {
    transform: translateY(0px);
    opacity: 1;
  }
  .banner .s_banner .swiper-slide.swiper-slide-active .txt span {
    transform: translateY(0px);
    opacity: 1;
  }
  .banner .s_banner .swiper-pagination {
    bottom: 5%;
  }
  .banner .s_banner .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #fff;
    opacity: 0.4;
    margin: 0 6px;
  }
  .banner .s_banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
  }
  .ctn1 #particles{
   position: absolute;
              bottom: 0;
              left: 0;
    width: 100%;
    overflow: hidden;
  }
  .ctn1 .pg-canvas{width: 100%; height: 300px;}
  .ctn1 section{
              position: absolute;
              bottom: 0;
              left: 0;
              right: 0;
              top: 0;
          }
          .ctn1 section span{
              position: absolute;
              pointer-events: none;
              background: #fff;
              animation: animate 4s linear infinite;
              border-radius: 100%;
          }
          @keyframes animate{
              0%{
                  transform: scale(0) translateY(0) rotate(0deg);
                  opacity: 0;
              }
              10%{
                  opacity: .7;
              }
              90%{
                  opacity: .7;
              }
              100%{
                  transform: scale(1) translateY(-500%) rotate(360deg);
                  opacity: 0;
              }
          }
  .ctn1 {
    position: relative;
    overflow: hidden;
  }
  .ctn1 .w1600 {
    height: 100%;
    position: relative;
  }
  .ctn1 .region1 {
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    /*
    background-image: url('https://omo-oss-image.thefastimg.com/portal-saas/new2022101717031031699/cms/image/d0644a7c-fb34-4e6c-b9e5-55e6e6ff8663.png?d=1668160339854');
    background-position: center bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    */
    
    background-color: #fff;
    z-index: 2;
        transition: all 1s;
  }
  .ctn1 .region1 .txt {
    position: absolute;
    top: 15%;
    left: 10%;
  }
  .ctn1 .region1 .txt span {
    color: #666666;
    display: inline-block;
    transition: all 1s;
  }
  .ctn1 .region1 .txt p {
    color: #333;
    transition: all 1s;
  }
  .ctn1 .region1 .bubble {
    border-radius: 100%;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s;
    z-index:10;
  }
  .ctn1 .region1 .bubble > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
  }
  .ctn1 .region1 .bubble > div .des {
    text-align: center;
    font-size: 22px;
    margin-bottom: 3px;
    font-weight: 600;
  }
  .ctn1 .region1 .bubble > div .num {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    white-space: nowrap;
  }
  .ctn1 .region1 .bubble > div .num p {
    font-size: 36px;
    font-weight: 600;
    line-height: 1;
  }
  .ctn1 .region1 .bubble > div .num span {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
  }
  .ctn1 .region1 .bubble > div .num i {
    font-size: 18px;
    line-height: 1;
    font-style: normal;
    font-weight: 600;
  }
  .ctn1 .region1 .bubble.qiu0 {
    background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022101717031031699/cms/image/d26e6567-6a05-46c8-9b9b-9bc9a3288bf8.png?d=1668160351070);
    width: 280px;
    padding-top: 280px;
    top: 38%;
    left: 2%;
  }
  .ctn1 .region1 .bubble.qiu0 .des {
    text-align: center;
  }
  .ctn1 .region1 .bubble.qiu1 {
    background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022101717031031699/cms/image/3c7865bd-4b61-4a83-8a12-03a2ac0b831d.png?d=1668160360349);
    width: 240px;
    padding-top: 240px;
    top: 48%;
    left: 31%;
    transition-delay: .1s;
  }
  .ctn1 .region1 .bubble.qiu2 {
    background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022101717031031699/cms/image/d26e6567-6a05-46c8-9b9b-9bc9a3288bf8.png?d=1668160351070);
    width: 260px;
    padding-top: 260px;
    top: 10%;
    right: 10%;
    transition-delay: .2s;
  }
  .ctn1 .region1 .bubble.qiu3 {
    background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022101717031031699/cms/image/3c7865bd-4b61-4a83-8a12-03a2ac0b831d.png?d=1668160360349);
        width: 230px;
    padding-top: 230px;
    top: 45%;
    right: 1%;
    transition-delay: .3s;
  }
.ctn1 .region1 .bubble.qiu4 {
    background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022101717031031699/cms/image/3c7865bd-4b61-4a83-8a12-03a2ac0b831d.png?d=1668160360349);
    width: 300px;
    padding-top: 300px;
    top: 39%;
    right: 24%;
    transition-delay: .4s;
  }
  .ctn1 .region1 .bubble.on{
    opacity: 1!important;
                  transform: translateY(0)!important;
  }
  .ctn1 .region2 {
    background-image: url('https://omo-oss-image.thefastimg.com/portal-saas/new2022101717031031699/cms/image/a131950c-9d3b-48c2-9d9e-97711676669b.jpg?d=1670831369796');
    position: relative;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
        transition: all 1s;
    background-size: cover;
  }
  .ctn1 .region2 .w1600 {
    height: 100%;
  }
  .ctn1 .region2 .txt {
    width: 520px;
    margin: 10% auto 2%;
    transition: all .5s;
  }
  .ctn1 .region2 .txt p {
    width: 420px;
    font-weight: 600;
    color: #222;
    white-space: nowrap;
  }
  .ctn1 .region2 .txt span {
    color: #555;
    display: inline-block;
    margin-top: 3%;
  }
  .ctn1 .region2 .txt a {
    display: inline-block;
    border-bottom: 1px solid transparent;
    transition: all 0.5s;
    margin-top: 5%;
  }
  .ctn1 .region2 .txt a i {
    transition: all 0.5s;
    font-style: normal;
    display: inline-block;
  }
  .ctn1 .region2 .txt a:hover {
    border-bottom: 1px solid #555;
  }
  .ctn1 .region2 .txt a:hover i {
    transform: translateX(5px);
  }
  .ctn1 .region2 ul {
    width: 68%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }
  .ctn1 .region2 ul li {
    width: 33.33%;
    position: relative;
    transition: all 0.5s;
  }
  .ctn1 .region2 ul li .img {
    width: 101%;
    padding-top: 77%;
    position: relative;
    overflow: hidden;
    transition: all 1s;
  }
.ctn1 .region2 ul li .img.on{padding-top: 77%;}
  .ctn1 .region2 ul li .img:hover img {
    transform: translate(-50%, -50%) scale(1.05);
  }
  .ctn1 .region2 ul li .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
  }
  .ctn1 .region2 ul li .text {
    position: absolute;
    bottom: 10%;
    left: 10%;
    color: #fff;
    transition: all 1s;
  }
  .ctn1 .region2 ul li .text p {
    font-weight: 600;
  }
  .ctn1 .region2 ul li .text i {
    display: inline-block;
    margin-top: 20px;
    border-bottom: 1px solid transparent;
    transition: all 0.3s;
  }
  .ctn1 .region2 ul li .text i path {
    fill: #fff;
  }
  .ctn1 .region2 ul li .text i span {
    transition: all 0.3s;
    display: inline-block;
  }
  .ctn1 .region2 ul li .text i:hover {
    border-bottom: 1px solid #fff;
  }
  .ctn1 .region2 ul li .text i:hover span {
    transform: translateX(5px);
  }
  .ctn2 {
    position: relative;
  }
  .ctn2 .business .img {
    width: 100%;
    padding-top: 56%;
    position: relative;
  }
  .ctn2 .business .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .ctn2 .business .swiper-slide {
    height: 100%;
  }
  .ctn2 .business .banner-video {
    height: 100%;
    font-size: 0;
  }
  .ctn2 .business .txt {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12;
    pointer-events: none;
  }
  .ctn2 .business .txt .w1600 {
    position: absolute;
    bottom: 21%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 12;
  }
  .ctn2 .business .txt .w1600 p {
    color: #fff;
    font-weight: 600;
    display: none;
  }
  .ctn2 .business .txt .w1600 p span {
    display: block;
    opacity: 0;
  }
  .ctn2 .business .txt .w1600 p span.on {
    animation: business_txt 1s ease-out 0.5s 1 forwards;
  }
  .ctn2 .business .txt .w1600 p span.on:nth-child(2) {
    animation: business_txt 1s ease-out 0.8s 1 forwards;
  }
  .ctn2 .business .txt .w1600 p:nth-child(1) {
    display: block;
  }
  .ctn2 .business .stripe {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    display: flex;
    justify-content: flex-start;
    pointer-events: none;
  }
  .ctn2 .business .stripe li {
    width: 25%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .ctn2 .business .stripe li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    z-index: 10;
  }
  .ctn2 .business .stripe li p {
    display: block;
    width: 102%;
    height: 300%;
    position: absolute;
    background-color: #203b90;
  }
  .ctn2 .business .stripe li .stripe_p1 {
      top: 60%;
    }
  .ctn2 .business .stripe li .stripe_p1.on {
      -webkit-animation: stripe_p1 2.8s ease-in-out 0s 1 forwards;
              -moz-animation: stripe_p1 2.8s ease-in-out 0s 1 forwards;
                -o-animation: stripe_p1 2.8s ease-in-out 0s 1 forwards;
           animation: stripe_p1 2.8s ease-in-out 0s 1 forwards;
    }
    .ctn2 .business .stripe li .stripe_p2 {
      top: 70%;
    }
    .ctn2 .business .stripe li .stripe_p2.on {
      -webkit-animation: stripe_p2 3s ease-in-out 0.1s 1 forwards;
              -moz-animation: stripe_p2 3s ease-in-out 0.1s 1 forwards;
                -o-animation: stripe_p2 3s ease-in-out 0.1s 1 forwards;
           animation: stripe_p2 3s ease-in-out 0.1s 1 forwards;
    }
    .ctn2 .business .stripe li .stripe_p3 {
      top: 80%;
    }
    .ctn2 .business .stripe li .stripe_p3.on {
      -webkit-animation: stripe_p3 3.2s ease-in-out 0.2s 1 forwards;
              -moz-animation: stripe_p3 3.2s ease-in-out 0.2s 1 forwards;
                -o-animation: stripe_p3 3.2s ease-in-out 0.2s 1 forwards;
           animation: stripe_p3 3.2s ease-in-out 0.2s 1 forwards;
    }
    .ctn2 .business .stripe li .stripe_p4 {
      top: 90%;
    }
    .ctn2 .business .stripe li .stripe_p4.on {
      -webkit-animation: stripe_p4 3.4s ease-in-out 0.3s 1 forwards;
              -moz-animation: stripe_p4 3.4s ease-in-out 0.3s 1 forwards;
                -o-animation: stripe_p4 3.4s ease-in-out 0.3s 1 forwards;
           animation: stripe_p4 3.4s ease-in-out 0.3s 1 forwards;
    }
  .ctn2 .business .nav_name {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 11;
    background-color: rgba(32,59,144,.9);
    padding-top: 7%;
  }
  .ctn2 .business .nav_name .w1600 {
    padding-bottom: 70px;
    display: flex;
    justify-content: flex-start;
    
  }
  .ctn2 .business .nav_name a {
    display: flex;
        align-items: center;
    color: #fff;
    position: relative;
    width: 19%;
    margin-right: 1%;
    padding: 12px 12px 12px 30px;
    background: rgba(255,255,255,.1);
  }

.ctn2 .business .nav_name a span{    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #fff;display: inline-block; transition: all 0.3s;position: absolute;
    left: 7%;
    top: 50%;
    transform: translateY(-50%);}
  .ctn2 .business .nav_name a::after {
    content: '';
    display: none;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #82d806;
    transition: all 0.3s;
  }
  .ctn2 .business .nav_name a:hover {
    color: #284093;
  }
.ctn2 .business .nav_name a:hover span{background-color: #284093;}
  .ctn2 .business .nav_name a.on {
    color: #284093;
     background: #fff;
  }
.ctn2 .business .nav_name a.on span{background-color: #284093}
  .ctn2 .business .nav_name a.on::after {
    width: 100%;
  }
.ctn2 .business .swiper_p{
    width: 100%;
    position: absolute;
    bottom: 170px;
    left: 0;
      z-index: 12;
  height: 50px;
}
.ctn2 .business .swiper_p .w1600{position: relative;height: 100%;}
  .ctn2 .business .swiper-pagination {
    display:none;
    bottom:0%;
    left: 0%;
    text-align: right;
    font-size: 18px;
    color: #82d806;
    padding-right: 1%;
  }
  @keyframes business_txt {
    0% {
      transform: translateY(30px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @-webkit-keyframes stripe_p1 {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    75.9% {
      -webkit-transform: translateY(-120%);
              transform: translateY(-120%);
    }
    76% {
      -webkit-transform: translateY(14%);
              transform: translateY(14%);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @-moz-keyframes stripe_p1 {
    0% {
      -moz-transform: translateY(0);
           transform: translateY(0);
    }
    75.9% {
      -moz-transform: translateY(-120%);
           transform: translateY(-120%);
    }
    76% {
      -moz-transform: translateY(14%);
           transform: translateY(14%);
    }
    100% {
      -moz-transform: translateY(0);
           transform: translateY(0);
    }
  }
  @-o-keyframes stripe_p1 {
    0% {
      -o-transform: translateY(0);
         transform: translateY(0);
    }
    75.9% {
      -o-transform: translateY(-120%);
         transform: translateY(-120%);
    }
    76% {
      -o-transform: translateY(14%);
         transform: translateY(14%);
    }
    100% {
      -o-transform: translateY(0);
         transform: translateY(0);
    }
  }
  @keyframes stripe_p1 {
    0% {
      -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
           -o-transform: translateY(0);
              transform: translateY(0);
    }
    75.99% {
      -webkit-transform: translateY(-120%);
         -moz-transform: translateY(-120%);
           -o-transform: translateY(-120%);
              transform: translateY(-120%);
    }
    76% {
      -webkit-transform: translateY(14%);
         -moz-transform: translateY(14%);
           -o-transform: translateY(14%);
              transform: translateY(14%);
    }
    100% {
      -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
           -o-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @-webkit-keyframes stripe_p2 {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    75.99% {
      -webkit-transform: translateY(-125%);
              transform: translateY(-125%);
    }
    76% {
      -webkit-transform: translateY(10%);
              transform: translateY(10%);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @-moz-keyframes stripe_p2 {
    0% {
      -moz-transform: translateY(0);
           transform: translateY(0);
    }
    75.99% {
      -moz-transform: translateY(-125%);
           transform: translateY(-125%);
    }
    76% {
      -moz-transform: translateY(10%);
           transform: translateY(10%);
    }
    100% {
      -moz-transform: translateY(0);
           transform: translateY(0);
    }
  }
  @-o-keyframes stripe_p2 {
    0% {
      -o-transform: translateY(0);
         transform: translateY(0);
    }
    75.99% {
      -o-transform: translateY(-125%);
         transform: translateY(-125%);
    }
    76% {
      -o-transform: translateY(10%);
         transform: translateY(10%);
    }
    100% {
      -o-transform: translateY(0);
         transform: translateY(0);
    }
  }
  @keyframes stripe_p2 {
    0% {
      -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
           -o-transform: translateY(0);
              transform: translateY(0);
    }
    75.99% {
      -webkit-transform: translateY(-125%);
         -moz-transform: translateY(-125%);
           -o-transform: translateY(-125%);
              transform: translateY(-125%);
    }
    76% {
      -webkit-transform: translateY(10%);
         -moz-transform: translateY(10%);
           -o-transform: translateY(10%);
              transform: translateY(10%);
    }
    100% {
      -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
           -o-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @-webkit-keyframes stripe_p3 {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    75.99% {
      -webkit-transform: translateY(-130%);
              transform: translateY(-130%);
    }
    76% {
      -webkit-transform: translateY(7%);
              transform: translateY(7%);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @-moz-keyframes stripe_p3 {
    0% {
      -moz-transform: translateY(0);
           transform: translateY(0);
    }
    75.99% {
      -moz-transform: translateY(-130%);
           transform: translateY(-130%);
    }
    76% {
      -moz-transform: translateY(7%);
           transform: translateY(7%);
    }
    100% {
      -moz-transform: translateY(0);
           transform: translateY(0);
    }
  }
  @-o-keyframes stripe_p3 {
    0% {
      -o-transform: translateY(0);
         transform: translateY(0);
    }
    75.99% {
      -o-transform: translateY(-130%);
         transform: translateY(-130%);
    }
    76% {
      -o-transform: translateY(7%);
         transform: translateY(7%);
    }
    100% {
      -o-transform: translateY(0);
         transform: translateY(0);
    }
  }
  @keyframes stripe_p3 {
    0% {
      -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
           -o-transform: translateY(0);
              transform: translateY(0);
    }
    75.99% {
      -webkit-transform: translateY(-130%);
         -moz-transform: translateY(-130%);
           -o-transform: translateY(-130%);
              transform: translateY(-130%);
    }
    76% {
      -webkit-transform: translateY(7%);
         -moz-transform: translateY(7%);
           -o-transform: translateY(7%);
              transform: translateY(7%);
    }
    100% {
      -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
           -o-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @-webkit-keyframes stripe_p4 {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    75.99% {
      -webkit-transform: translateY(-130%);
              transform: translateY(-130%);
    }
    76% {
      -webkit-transform: translateY(4%);
              transform: translateY(4%);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @-moz-keyframes stripe_p4 {
    0% {
      -moz-transform: translateY(0);
           transform: translateY(0);
    }
    75.99% {
      -moz-transform: translateY(-130%);
           transform: translateY(-130%);
    }
    76% {
      -moz-transform: translateY(4%);
           transform: translateY(4%);
    }
    100% {
      -moz-transform: translateY(0);
           transform: translateY(0);
    }
  }
  @-o-keyframes stripe_p4 {
    0% {
      -o-transform: translateY(0);
         transform: translateY(0);
    }
    75.99% {
      -o-transform: translateY(-130%);
         transform: translateY(-130%);
    }
    76% {
      -o-transform: translateY(4%);
         transform: translateY(4%);
    }
    100% {
      -o-transform: translateY(0);
         transform: translateY(0);
    }
  }
  @keyframes stripe_p4 {
    0% {
      -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
           -o-transform: translateY(0);
              transform: translateY(0);
    }
    75.99% {
      -webkit-transform: translateY(-130%);
         -moz-transform: translateY(-130%);
           -o-transform: translateY(-130%);
              transform: translateY(-130%);
    }
    76% {
      -webkit-transform: translateY(4%);
         -moz-transform: translateY(4%);
           -o-transform: translateY(4%);
              transform: translateY(4%);
    }
    100% {
      -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
           -o-transform: translateY(0);
              transform: translateY(0);
    }
  }
  .ctn3 {
    padding: 7% 0;
  }
  .ctn3 .news {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 30px;
  }
  .ctn3 .swiper-pagination{ width: 59.8%;
      text-align: right;}
  
  .ctn3 .swiper-pagination .swiper-pagination-bullet{
  width: 14px;
      height: 14px;
    margin: 0 8px;
        background: #fff;
    opacity: .6;
  }
  .ctn3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;opacity: 1;}
  .ctn3 .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2%;
    border-bottom: 1px solid #999;
  }
  .ctn3 .title div {
    color: #222;
  }
  .ctn3 .title a {
    color: #555;
    border-bottom: 1px solid transparent;
    transition: all 0.3s;
  }
  .ctn3 .title a i {
    margin-left: 5px;
    transition: all 0.3s;
    display: inline-block;
  }
  .ctn3 .title a:hover {
    border-bottom: 1px solid #555;
  }
  .ctn3 .title a:hover i {
    transform: translateX(5px);
  }
  .ctn3 .time {
    color: #666;
  }
  .ctn3 .tit {
    color: #333;
        font-weight: 600;
  }
  .ctn3 .sub_tit {
    color: #777;
    margin-top: 5%;
  }
  
  .ctn3 .news_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  .ctn3 .news_top .img {
    width: 61.8%;
    padding-top: 32.5%;
    position: relative;
    overflow: hidden;
    height: 100%;
    object-fit: cover;
  }
  
  .ctn3 .news_top .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s;
  }
  .ctn3 .news_top .img:hover img{
  transform: translate(-50%, -50%) scale(1.05);
  }
  .ctn3 li .img img{transition: all .5s;}
  
  .ctn3 .news_top .txt {
    width: 36%;
  }
  .ctn3 .news_top .txt .tit {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
    height: 4.5em;
    transition: all .5s;
  }
  .ctn3 .news_top .txt .sub_tit {
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.8;
    height: 10.8em;
  }
.ctn3 .news_top .txt:hover .tit{color: #82d806;text-decoration: underline;}
  .ctn3 .news_l {
    width: 61.8%;
    border-right: 1px solid #dbdbdb;
  }
  .ctn3 .news_l li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 5%;
  }
  .ctn3 .news_l li .img {
    width: 32.58%;
    padding-top: 17.2%;
    position: relative;
    overflow: hidden;
    height: 100%;
    object-fit: cover;
  }
  .ctn3 .news_l li .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .ctn3 .news_l li .txt {
    width: 65%;
    padding-right: 8%;
  }
  .ctn3 .news_l li .txt .tit {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
    height: 3em;
  }
  .ctn3 .news_l li .txt .sub_tit {
    margin-top: 2%;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
    height: 3em;
  }
  .ctn3 .news_r {
    width: 36%;
  }
  .ctn3 .news_r li {
    display: flex;
    flex-wrap: wrap;
  }
  .ctn3 .news_r li .img {
    width: 100%;
    order: 2;
    margin-top: 0%;
    padding-top: 44%;
    position: relative;
    overflow: hidden;
    height: 100%;
    object-fit: cover;
  }
  .ctn3 .news_r li .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .ctn3 .news_r li .txt {
    width: 100%;
    order: 1;
  }
  
  .ctn3 .news_r li .txt .tit {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
    height: 3em;
  }
  .ctn3 .news_r li .txt .sub_tit {
    display: none;
  }
  .ctn3 li:hover .img img{transform: translate(-50%, -50%) scale(1.05);}
  .ctn3 li .tit{transition: all .5s;}
  .ctn3 li:hover .tit{color:#82d806;text-decoration: underline;}
  .ctn4 {
    padding: 10% 0 20%;
    background-image: url('https://omo-oss-image.thefastimg.com/portal-saas/new2022101717031031699/cms/image/ac8c0eeb-1561-4cbd-8e65-5e19d5ac50de.jpg?d=1668160419149');
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .ctn4 .title {
    text-align: center;
    font-weight: 600;
  }
  .ctn4 ul {
    margin-top: 5%;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .ctn4 ul li {
    background-color: rgba(55, 65, 102, 0.05);
    padding: 5% 10px;
    position: relative;
    width: 23.5%;
    overflow: hidden;
  }
  .ctn4 ul li .img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
  }
  .ctn4 ul li .img img {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .ctn4 ul li .txt {
    margin-top: 2%;
    width: 100%;
    text-align: center;
    font-weight: 600;
  }
  .ctn4 ul li .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(54deg, #265ca5, #30cacf);
    opacity:0;
    transition: all 0.5s;
  }
  .ctn4 ul li .mask .mk_tit {
    display: flex;
    align-items: center;
    width: 80%;
    margin: 0 auto;
    color: #fff;
  }
  .ctn4 ul li .mask .mk_tit .mk_img {
    width: 32px;
    height: 32px;
    overflow: hidden;
    position: relative;
    margin-right: 10px;
  }
  .ctn4 ul li .mask .mk_tit .mk_img img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .ctn4 ul li .mask .mk_tit p {
    width: calc(100% - 42px);
    line-height: 1;
  }
  .ctn4 ul li .mask .text {
    width: 80%;
    margin: 5% auto 0;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
    height: 4.5em;
    color: #fff;
  }
  .ctn4 ul li:hover .mask {
    opacity:1;
  }
  @media screen and (max-width: 1600px) {
    .banner .s_banner .swiper-slide .txt p {
      font-size: 80px;
    }
    .banner .s_banner .swiper-slide .txt span {
      font-size: 24px;
    }
  }
  @media screen and (max-width: 1366px) {
    .ctn2 .business .nav_name{padding-top: 6%;}
    .ctn2 .business .nav_name .w1600{padding-bottom: 45px;}
   
    .ctn1 .region1 .bubble.qiu0 {
  width: 240px;
  padding-top: 240px;
}
.ctn1 .region1 .bubble.qiu2 {
  width: 220px;
  padding-top: 220px;
}
.ctn1 .region1 .bubble.qiu1 {
  width: 200px;
  padding-top: 200px;
}
.ctn1 .region1 .bubble.qiu3 {
  width: 190px;
  padding-top: 190px;
}
    .ctn1 .region1 .bubble.qiu4 {
  width: 260px;
  padding-top: 260px;
}
    .banner .s_banner .swiper-slide .txt p {
      font-size: 60px;
    }
    .banner .s_banner .swiper-slide .txt span {
      font-size: 18px;
    }
    .ctn1 .region1 .bubble > div .des {
      font-size: 17px;
    }
    .ctn1 .region1 .bubble > div .num p {
      font-size: 32px;
    }
    .ctn1 .region1 .bubble > div .num span {
      font-size: 16px;
    }
    .ctn1 .region1 .bubble > div .num i {
      font-size: 15px;
    }
    .ctn4 ul li .img {
      width: 45px;
      height: 45px;
    }
  }
  @media screen and (max-width: 998px) {
    .ctn4 ul li .mask .text{width: 86%;}
    .ctn4 ul li .mask .mk_tit{width: 86%;}
    .ctn2 .business .nav_name a span{width: 5px;
    height: 5px;margin-top: 1px;}
   
    .ctn2 .business .nav_name a{    width: 125px;
    margin: 2px;
    font-size: 12px;
    padding: 8px 0 8px 12px;}
    .ctn2 .business .nav_name{overflow-x: scroll; padding-top: 0px;}
     .ctn2 .business .nav_name .w1600 {
     
      padding: 10px;
      width:645px;
    }
    
    .banner{height:100vh}
    .banner .s_banner .swiper-slide .img img{transform: scale(1);}
    .banner .s_banner .swiper-slide.swiper-slide-active .img img{transform: scale(1);}
    .ctn1 .region1,
    .ctn1 .region2 {
      opacity: 1;
      position: relative;
    }
    .ctn1 .region1 .w1600 {
      padding-bottom: 175px;
    }
    .ctn1 .region1 .txt {
      position: static;
      margin-top: 60px;
      margin-bottom: 5%;
      left:0;
    }
    .ctn1 .region1 .bubble {
      position: relative;
    }
    .ctn1 .region1 .bubble.qiu0 {
      width: 160px;
    padding-top: 160px;
    }
    .ctn1 .region1 .bubble.qiu2 {
      width: 180px;
    padding-top: 180px;
    right: 0;
    margin-top: -60px;
    }
    .ctn1 .region1 .bubble.qiu1 {
      width: 140px;
      padding-top: 140px;
      left: auto;
      margin-left: calc(100% - 160px);
      margin-top: -80px;
    }
    .ctn1 .region1 .bubble.qiu3 {
      width: 150px;
      padding-top: 150px;
      margin-left: calc(100% - 160px);
      margin-top: -80px;
    }
    .ctn1 .region1 .bubble.qiu4{
    	width: 160px;
    padding-top: 160px;
    right: 0;
    margin-top: -60px;
    }
    .ctn1 .region1 .bubble > div .des {
    font-size: 16px;
}
    .ctn1 .region1 .bubble > div .num p {
    font-size: 19px;
}
    .ctn1 .region1 .bubble > div .num span {
    font-size: 12px;
}
    .ctn1 .region2 ul {
      flex-wrap: wrap;
      width: 100%;
    }
    .ctn1 .region2 ul li{   width: 100%; margin-bottom: 15px;}
    .ctn1 .region2 ul li .img{    padding-top: 73%;}
    .ctn1 .region2 ul li .text p {
      font-size: 14px;
    }
    .ctn1 .region2 .w1600 {
      padding: 5% 0 7%;
    }
    /* .ctn2 .business .img{
          padding-top: 70%;
      }
      .ctn2 .business .img img{
          width: 125%;
      } */
    .ctn2 .business .txt .w1600 p {
      font-size: 24px;
    }
    .ctn2 .business .stripe {
      display: none;
    }
    .ctn2 .business .swiper-pagination {
      padding-right: 10px;
      left: 0;
      bottom: auto;
      top: 2%;
      text-align: right;
    }
    
   
    .ctn2 .business .txt .w1600 {
      bottom: auto;
      top: 40%;
      transform: translate(-50%, -50%);
    }
  
    .ctn2 .business .nav_name a.on::after {
      display: none;
    }
  
    .ctn3 li {
      border-bottom: 1px solid #ccc;
      padding-bottom: 20px;
    }
    .ctn3 .news_top .img {
      width: 100%;
      padding-top: 52.5%;
    }
    .ctn3 .news_top .txt {
      width: 100%;
    }
    .ctn3 .news_top .txt .tit,
    .ctn3 .news_top .txt .sub_tit,
    .ctn3 .news_l li .txt .tit,
    .ctn3 .news_l li .txt .sub_tit,
    .ctn3 .news_r li .txt .tit {
      display: block;
      height: auto;
    }
    .ctn3 .time {
      margin-top: 5px;
    }
    .ctn3 .sub_tit {
      margin-top: 5px;
    }
    .ctn3 .news_l li {
      margin-top: 20px;
    }
    .ctn3 .news_l {
      width: 100%;
      border-right:0
    }
    .ctn3 .news_r {
      width: 100%;
    }
    .ctn3 .news_l li .img {
      width: 100%;
      padding-top: 52.5%;
    }
    .ctn3 .news_l li .txt {
      width: 100%;padding-right:0;
    }
    .ctn3 .news_r li .img {
      order: 1;
      padding-top: 52.5%;
    }
    .ctn3 .news_r li .txt {
      order: 2;
    }
    .ctn3 .news_r li .txt .time,
    .ctn3 .news_r li .txt .sub_tit {
      display: block;
    }
    .ctn4 ul {
      flex-wrap: wrap;
    }
    .ctn4 ul li {
      width: 49%;
      padding: 40px 10px;
      margin-bottom: 2%;
    }
    .ctn4 ul li .img {
      width: 40px;
      height: 40px;
    }
    .banner .s_banner .swiper-slide .txt p {
      font-size: 40px;
    }
    .banner .s_banner .swiper-slide .txt span {
      font-size: 12px;
    }
    .ctn1 .region2 .txt{    width: 100%;}
    .ctn1 .region2 .txt p{    width: 100%;}
    .ctn3 .swiper-pagination{width: 100%;
      text-align: center;
      left: 0;
      bottom: 0;}
    .ctn3 .s_new{padding-bottom: 30px;}
    .ctn3 .swiper-pagination .swiper-pagination-bullet{
  width: 8px;
      height: 8px;
    margin: 0 4px;
        background: #000;
    opacity: .2;
  }
  .ctn3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#1e4b99;opacity: 1;}
    .ctn1 .pg-canvas{height: 200px;}
    .ctn4 ul li .txt{font-size: 14px;}
  }
  @media screen and (max-width: 768px) {
    .banner .s_banner .swiper-slide .txt.t1 {
      text-align: center;
    }
    .banner .s_banner .swiper-slide .txt.t2 {
      top: 50%;
      text-align: center;
    }
  }