/* homde-video */
  .aore {
    width: 100%;
  }




  /* banner */
  .banner {
    width: 100%;
    position: relative;
    height: 100vh;
  }

  .mbanner {
    display: none;
  }

  .banner-content {
    position: relative;

  }
 .banner  .banner-content img{
  width: 100%;
   
    object-fit: cover;
    height:100vh;
 }
  .mbanner .banner-content img {
    width: 100%;
    height:auto !important;
    object-fit: cover;
  }

  .banner-text {
    position: absolute;
    top: 20%;
    left: 10%;
    width: 80%;
  }

  .banner-text h3 {

    font-family: 'aoreb';
    font-weight: 400;
    font-size: 5.125rem;
    color: #FFFFFF;
    line-height: 5.125rem;

  }

  .banner-text p {
    margin-top: 13px;
    margin-bottom: 82px;

    font-family: 'aorex';
    font-weight: 400;
    font-size: 1.5625rem;
    color: #FFFFFF;
    line-height: 2rem;

  }

  .banner-text h5 {
    width: 191px;
    height: 51px;
    background: linear-gradient(97deg, #01C1ED 0%, #18CFD4 36%, #3AC3C1 100%);
    border-radius: 26px 26px 26px 26px;
    border: none;
    font-family: 'aorex';
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
  .banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

    width: 30px;
    height: 7px;
    background: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
  }

  .succ-content .swiper-pagination-bullet-active {

    width: 30px;
    height: 7px;
    background: #737373;
    border-radius: 10px 10px 10px 10px;
  }

  .index-pro{
    margin-top: 140px;
  }
  .index-zhejiao{
    margin-top: 89px;
  }
  /* content */
  .content {
    width: 1088px;
    margin: auto;
    background: #FFFFFF;
  }
  .core-item1{
    margin-top: 27px;
  }
  /* index-product */
  .index-product {
    width: 1160px;
    margin: 140px auto 0px auto;
    padding-left: 72px;
  }

  .index-p-content {

    display: flex;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-top: 89px;
  }

  .indexp-left {
    margin-right: 12px;
  }

  .indexp-right {
    width: 977px;
    height: 442px;
    position: relative;

  }

  .indexp-right .swiper-button-next:after,
  .indexp-right .swiper-rtl .swiper-button-prev:after {
    content: '';
  }

  .indexp-right .swiper-button-next {
    background-image: url(/static/indexicon.svg) !important;
    width: 52px;
    height: 52px;
    right: 14px;
    top: 45%;
  }

  .indexp-right>div {
    display: none;
  }

  .show {
    display: flex !important;
  }

  .il-item {
    width: 180px;
    height: 78px;
    background: #E2E2E2;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'aorex';
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    line-height: 16px;
    cursor: pointer;

  }

  .li-show {
    background-color: #000000 !important;

    font-family: 'aorex';
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 16px;

  }

  .ir1 .swiper,
  .ir2 .swiper,
  .ir4 .swiper {
    width: 100%;
    height: 100%;
  }

  .ir1 .swiper-slide,
  .ir2 .swiper-slide,
  .ir4 .swiper-slide {
    display: flex;

    flex-wrap: wrap;


  }

  .ir1 .swiper-slide a,
  .ir2 .swiper-slide a,
  .ir4 .swiper-slide a {
    display: inline-block;
    width: 438px !important;
    height: 214px;
    background: #E8E8E8;
    border-radius: 16px 16px 16px 16px;
    margin-bottom: 14px;
    margin-right: 11px;
    /* opacity: 0.7; */
  }



  .ir3 a {

    width: 438px;
    height: 442px;
    background: #E8E8E8;

    border-radius: 16px 16px 16px 16px;
    display: flex;
    flex-direction: column;
    margin-right: 11px;

  }

  .ir3 img {
    margin-top: 25%;
  }
  .ir33 img{
    margin-top: 6% !important;
  }
  .ir-item p {
    padding-top: 18px;
    padding-left: 20px;

    font-family: 'aorex';
    font-weight: 400;
    font-size: 15px;
    color: #000000;
    line-height: 25px;

  }

  .ir-item img {
    width: 100%;
    transition: all 0.3s;
  }

  .ir-item img:hover {
    transform: scale(1.13);
  }




  /* profession */

  .pro-img {
    width: 100%;
    position: relative;
 
  }

  .pro-text {
    width: 100%;
    height: 119px;
    background: #EFEFEF;
    border-radius: 0px 0px 16px 16px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: space-between;
    padding-left: 53px;
    padding-right: 53px;

  }

  .pro-img a {
    line-height: 0;
    box-sizing: border-box;
  }

  .pro-text p:first-child {

    font-family: 'aorex';
    font-weight: 400;
    font-size: 22px;
    color: #000000;
    line-height: 35px;
    display: none;
  

  }

  .pro-text p:last-child {
    width: 144px;
    height: 33px;
    background: #3B3B3B;
    border-radius: 17px 17px 17px 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'aoreb';
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 35px;
    display: none;

  }

  .pro-img .swiper-slide-active .pro-text p:last-child,
  .pro-img .swiper-slide-active .pro-text p:first-child {
    display: block !important;
  }

  .pro-img .swiper-slide {
    text-align: center;

    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: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.9);
    opacity: 0.5;
    background: #EFEFEF;
    border-radius: 16px;
    position: relative;
    overflow: hidden;

  }


  .pro-img .swiper-slide-active {

    background: #EFEFEF;
    border-radius: 16px;
    transform: scale(1);
    opacity: 1 !important;
    z-index: 2;
    overflow: visible;
  }

  .pro-img .swiper-slide-next,
  .pro-img .swiper-slide-prev {
    z-index: 1;
  }


  .pro-img .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -73px;
  }

  .pro-img .swiper-pagination-bullet-active {
    width: 25px;
    height: 8px;
    background: #737373;
    border-radius: 4px 4px 4px 4px;
  }

  /* core */
  .index-core {
    width: 100%;
    position: relative;
    margin-top: 140px;
  }

  .index-h3 {

    font-family: 'aorex';
    font-weight: 400;
    font-size: 42px;
    color: #1A1A1C;
    line-height: 42px;
    text-align: left;
    

  }

  .core-item {
    margin-bottom: 13px;
    position: relative;
    margin-right: 13px;
    overflow: hidden;
    border-radius: 16px;
    cursor: pointer;
  }

  .core-item img {
    transition: all 0.5s;
  }

  .core-item:not(.core-item1) img:hover {
    transform: scale(1.1)
  }

  .core1 {
    position: absolute;
    top: 100px;
    left: 85px;
  }

  .core2 {
    position: absolute;
    bottom: 41px;
    left: 85px;
  }

  .core3 {
    position: absolute;
    bottom: 54px;
    left: 27px;
  }

  .core4 {
    position: absolute;
    top: 76px;
    right: 41px;
  }

  .core-text {
    width: 50%;
  }

  .core-item6 {
    width: 28%;
    height: 344px;
    background: linear-gradient(180deg, #17181A 0%, #646466 100%);
    border-radius: 16px 16px 16px 16px;
  }

  .core-item6 a {
    display: inline-block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: 'aoreb';
    font-weight: 400;
    font-size: 29px;
    color: #FFFFFF;
    line-height: 29px;

  }

  .core-flex {
    display: flex;
    width: 100%;

  }

  .core-item1 img {
    width: 100%;
  }

  .core-item2 .core-item {
    width: 49%;
  }

  .core-item2 img {
    width: 100%;
    height: 344px;
  }

  .core-item3 .core-item:first-child {
    width: 70%;
  }

  .core-item3 img {
    width: 100%;
    height: 344px;
  }

  .core-text h3 {

    font-family: 'aoreb';
    font-weight: bold;
    font-size: 21px;
    color: #FFFFFF;
    line-height: 21px;
    margin-bottom: 11px;
  }

  .core-text p {

    font-family: 'aorex';
    font-weight: 400;
    font-size: 14PX;
    color: #CCCCCC;
    line-height: 20px;

  }

  /* success */
  .index-succ{
    margin-top: 189px;
  }
  .succ-content {
    width: 100%;
    position: relative;
    padding-bottom: 70px;
    margin-bottom: 148px;
    margin-top: 89px;

  }

  .swiper-container {
    width: 100%;
    overflow: hidden;
  }

  .suitem {
    text-align: center;
    padding-left: 9px;
    padding-right: 9px;
    background-color: #F5F4F4;
    padding-top: 56px;

    height: 100%;
    border-radius: 8px;
    box-sizing: border-box;
  }

  .su-img {
    position: relative;
    margin: 0 auto 43px auto;
    width: 80px;
    height: 80px;
    padding-top: 56px;
  }

  .su-img img {
    position: absolute;
    top: 0;
    left: 0;
  }

  .su-img img:first-child {
    opacity: 1;
  }

  .su-img img:last-child {
    opacity: 0;
  }

  .suitem h6 {

    font-family: 'aoreb';
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    line-height: 18px;
    margin-bottom: 22px;
  }

  .suitem p {

    font-family: 'aorex';
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    line-height: 18px;

  }

  .sumobile {
    display: none;
  }

  .succ-content .swiper-slide {
    width: 255px;

    height: 432px;
    cursor: pointer;
    border-radius: 8px;

  }

  .succ-content .swiper-slide .suitem:hover {
    background-size: cover !important;
    background-color: transparent !important;

  }

  .succ-content .swiper-slide:hover {
    background-size: cover !important;
  }

  .succ-content .swiper-slide:hover .suitem .su-img img:first-child {
    opacity: 0 !important;
  }

  .succ-content .swiper-slide:hover .suitem .su-img img:last-child {
    opacity: 1 !important;
  }

  .succ-content .swiper-slide:hover .suitem h6 {
    color: #FFFFFF;
  }

  .succ-content .swiper-slide:hover .suitem p {
    color: #FFFFFF;
  }

  /* .succ-content .swiper-slide-active .suitem h6,
    .succ-content .swiper-slide-active .suitem p {
      color: #FFFFFF;
    }

    .succ-content .swiper-slide-active {
      background-size: cover !important;

    }

    .succ-content .swiper-slide-active .suitem .su-img img:first-child {
      opacity: 0 !important;
    }

    .succ-content .swiper-slide-active .suitem .su-img img:last-child {
      opacity: 1 !important;
    } */


    @media (max-width:1160px) {
   
      .index-product{
        padding-left: 0;
      }

  }

  @media (max-width:1400px) {
    .banner-text {
      width: 30%;
    }


  }


  @media (max-width:1000px) {
    .pro-text {

    padding-left: 5px;
    padding-right: 5px;
    height:70px;
  }
  .index-succ{
    margin-top: 140px;
  }
  .index-pro{
    margin-top: 70px;
  }
  .index-core{
    margin-top: 70px;
  }
  .index-zhejiao,.succ-content{
    margin-top: 40px;
  }
    .index-product {
      width: 98%;
      margin: 70px auto 0px auto;
    }
    .pro-text p:first-child{
        font-size: 13px;
    
    line-height: 15px;

    }
    pro-text p:last-child {
        font-size: 15px;
    
    line-height: 17px;
    }

    .ir1 .swiper-slide a,
    .ir2 .swiper-slide a,
    .ir4 .swiper-slide a {
      width: 45% !important;
    }
    .ir3 a{
      width: 45%;
      height: 214px;
      margin: auto;
    }
    .ir3-flex img {
      margin-top: 5%;
    }
    .indexp-right{
      height: auto;
    }
    .banner-text {
      width: 100%;
      left: 10px;
    }

    .banner-text h3 {
      font-size: 3rem;
      line-height: 3rem;
    }

    .lb-img {
      width: auto;
    }

    .lb-text {
      width: 90%;
      margin-left: 4px;
    }

    .lb-text a {
      font-size: 15px;

    }

    .indexp-right img {
      width: 100%;
      margin-top: 35%;
    }


    .pro-text {
      position: relative;

      width: 100%;
    }

   

    .banner-text h5 {
      width: 131px;
      height: 31px;
      font-size: 18px;
      color: #FFFFFF;
      line-height: 18px;

    }



    .index-h3 {
      font-size: 30px;
    }

    .video-b {
      height: 80vh;
      object-fit: cover;
    }

    .banner {
      display: none;
    }

    .mbanner {
      display: block !important;
      height: 100%;
    }




    .banner-text {
      top: 20%;
    }

    .lb-content {
      width: 100%;
    }


    .banner-text p {
      margin-bottom: 20px;
      font-size: 18px;
    }

    .content {
      width: 98%;
    }

    .index-p-content {
      flex-direction: column;
      height: 100%;
      margin-top: 40px;
    }

    .indexp-left {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      margin-right: 0px;
      justify-content: flex-start;
      flex-direction: row;

    }

    .ir3>.ir-item-flex>a {
      width: 90%;
    }

    .indexp-right {
      width: 100%;
    }

    .core-item2 .core-item {
      width: 100%;
    }

    .core-item3 .core-item:first-child {
      width: 100%;
    }

    .il-item {

      width: 45%;
      margin-right: 15px;
    }

    .ir3>div {
      width: 100%;
    }

    .ir-item {
      width: 100%;
      text-align: center;
    }

    .ir-item-flex {
      flex-direction: column;
      align-items: center;
    }

    .ir-item-flex a,
    .ir3-flex a,
    .ir5 a {
      width: 90%;
      height: 100%;
      align-items: center;
      margin-right: 0px;
    }
    .ir5 img {
      width: 100%;
    }

    .core-item,
    .core-item img {
      width: 100%;
    }

    .core-flex,
    .core-flex img {
      width: 100%;
      flex-direction: column;
    }

    .core-item1 img {
      object-position: right;
    }

    .core-text {
      width: 70%;
    }


    .index-core img {
      height: 35vh;
      object-fit: cover;

    }

    .core-item6 {
      width: 100%;
    }

    .pro-img img {
      width: 100%;
    height:35vh;
      object-fit: cover;
      
    }

    .suhome {
      display: none;
    }

    .sumobile {
      display: block !important;
    }


  }