.banner-img{
            aspect-ratio: 96 / 35;
            object-fit: cover;
      }
.wr-item img{
      width: 100%;
       aspect-ratio: 249 / 152;
}
.sp-img img{
      width: 100%;
      aspect-ratio:1088 / 443 ;
}
.cho-img img{
       width: 100%;
      aspect-ratio:64 / 27 ;
}

        .vvvdie {
      width: 100%;
      height: auto;
      border-radius: 10px;

    }
    .view {
      width: 100%;
      position: relative;
    }

    .banner {
      width: 100%;
      position: relative;
      line-height: 0;
    }

    .banner-img {
      width: 100%;
    }

    .banner-text {
      width: 60%;
      position: absolute;
      top: 30%;
      left: 15%;
    }

    .banner-text h3 {

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

    }

    .hv-type {
      width: 100%;
      height: 64px;
      position: relative;
      background: linear-gradient(180deg, #F1F1F1 0%, #E1E1E1 100%);
    }

    .hy-po {
      position: fixed;
      top: 64px;
      z-index: 99;
    }


    .hv-content {
      width: 1088px;
      margin: auto;
      display: flex;
      height: 100%;
    }

    .type-left {
      width: 30%;

      font-family: 'aoreb';
      font-weight: bold;
      font-size: 28px;
      color: #333333;
      line-height: 28px;
      display: flex;
      align-items: center;

    }

    .type-right {
      width: 70%;
      display: flex;
      align-items: center;
      justify-content: end;
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: none;

    }

    .type-right span {

      font-family: 'aorex';
      font-weight: 400;
      font-size: 16px;
      color: #333333;
      line-height: 16px;
      margin-left: 30px;

    }

    .type-right-s {
      color: #008068 !important;
    }

    .md {
      width: 1088px;
      margin: auto;
      padding-top: 115px;
      padding-bottom: 115px;
      background: #FFFFFF;
    }

    .md-item {
      margin-bottom: 50px;
    }

    .md-item h3 {

      font-family: 'aoreb';
      font-weight: bold;
      font-size: 32px;
      color: #000000;
      line-height: 32px;
      margin-top: 50px;
      margin-bottom: 30px;
    }

    .md-item p {
      font-family: 'aorex';

      font-weight: 400;
      font-size: 16px;
      color: #000000;
      line-height: 32px;
      text-align: left;
      margin-bottom: 50px;


    }

    .md-item img {
      width: 100%;
      border-radius: 10px;
    }

    /* word */
    .word {
      width: 100%;
      position: relative;
      background: #F7F8FA;
      padding-top: 115px;
      padding-bottom: 115px;
    }

    .word-h3 {
      width: 1088px;
      margin: auto;


    }

    .word-h3 h3 {
      font-family: 'aoreb';
      font-weight: bold;
      font-size: 32px;
      color: #000000;
      line-height: 32px;
      text-align: left;
      margin-bottom: 57px;
    }

    .word-content {
      width: 1088px;
      margin: auto;
      display: flex;

    }

    .wl-item {
      width: 313px;
      height: 101px;
      background: #F2F3F5;
      border-radius: 24px 24px 24px 24px;
      margin-bottom: 19px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      font-family: 'aorex';
      font-weight: 400;
      font-size: 16px;
      color: #000000;
      line-height: 32px;

    }

    .wl-item-show {
      background: #FFFFFF;
      box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
      border-radius: 10px;
    }

    .wr-item:not(:first-child) {
      width: 100%;
      display: none;
    }

    .word-left {
      margin-right: 28px;

    }

    .word-right {
      width: 100%;
    }

    .word-right img {
      width: 100%;
      border-radius: 10px;
    }

    /* canshu */
    .canshu {
      width: 100%;
      background: #FFFFFF;
      padding-top: 81px;
      padding-bottom: 81px;
      transition: background-color 1s;
    }

    .canshu-b {
      background: #000000 !important;
    }

    .specification {
      width: 1088px;
      margin: auto;
    }

    .sp-img {
      width: 100%;
    }

    .sp-img img {
      width: 100%;
      border-radius: 16px;
    }

    .spec-h3 {

      font-family: 'aoreb';
      font-weight: bold;
      font-size: 32px;
      color: #FFFFFF;
      line-height: 32px;
      margin-bottom: 41px;

    }

    .sphx3 {
      background: linear-gradient(97deg, #01C1ED 0%, #18CFD4 36%, #3AC3C1 100%);
    }

    .sp-xian {
      width: 100%;
      background: #707070;
      border-bottom: 1px solid #707070;
      margin-top: 29px;
      margin-bottom: 39px;
    }

    .sp-img img:not(:first-child),
    .s-desc .sdesc-item:not(:first-child) {
      display: none;
    }

    .sp-title {
      display: flex;
    }

    .sp-title h3 {
      width: 122px;
      height: 41px;
      border-radius: 26px 26px 26px 26px;
      border: 1px solid #707070;
      margin-right: 16px;
      margin-bottom: 0;
      margin-top: 42px;
      font-family: 'aoreb';
      font-weight: 400;
      font-size: 16px;
      color: #FFFFFF;

      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      text-decoration: none;
      -webkit-tap-highlight-color: transparent;
      background-color: transparent;

    }

    .sdesc-item {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
    }

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

    .spp span {

      font-family: 'aoreb';
      font-weight: 400;
      font-size: 16px;
      color: #FFFFFF;
      line-height: 23px;
      margin-bottom: 28px;
      display: inline-block;

    }

    .spp span:nth-child(1) {

      width: 50%;
    }

    .spp span:nth-child(2) {
      text-align: center;  
      width: 50%;
    }

    /* choice */
    .choice {
      width: 1088px;
      margin: auto;
      padding-top: 128px;
    }

    .choh3 {

      font-family: 'aoreb';
      font-weight: 400;
      font-size: 40px;
      color: #FFFFFF;
      line-height: 40px;
      text-align: left;
      margin-bottom: 39px;

    }

    .cho-img {
      width: 100%;
    }

    .cho-img img {
      width: 100%;
      border-radius: 10px;
    }

    .cho-img a:not(:first-child) {
      display: none;
    }

    .cho-desc {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      position: relative;

    }

    .cho-desc-item {
      margin-top: 23px;
      width: 353px;
      margin-right: 15px;
      position: relative;
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: none;
    }

    .cho-desc-item::after {
      content: '';
      position: absolute;
      top: 0px;
      width: 100%;
      height: 1px;
      background: #666666;
      border-bottom: 1px solid #666666;

    }

    .chol::after {
      content: '';
      position: absolute;
      top: 0px;
      width: 100%;
      height: 3px !important;
      background: #CCCCCC !important;
      border-bottom: 1px solid #CCCCCC !important;

    }

    .cho-desc-item h3 {
      font-family: 'aoreb';
      font-weight: bold;
      font-size: 16px;
      color: #FFFFFF;
      line-height: 16px;
      text-align: left;
      margin-bottom: 14px;
      margin-top: 24px;
    }

    .cho-desc-item p {

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

    }

    /* hangye */
    .hangye {
      width: 100%;
      position: relative;
      background: #FFFFFF;
      padding-bottom: 109px;
    }

    .hangye-content {
      width: 1088px;
      margin: auto;
      padding-top: 83px;
    }

    .hangye-content h3 {

      font-family: 'aoreb';
      font-weight: bold;
      font-size: 32px;
      color: #000000;
      line-height: 32px;

    }

    .hangye-content p {
      margin-top: 29px;
      margin-bottom: 46px;

      font-family: 'aorex';
      font-weight: 400;
      font-size: 16px;
      color: #000000;
      line-height: 32px;
      text-align: left;

    }

    .hangye-content img {
      width: 100%;
    }

    /* 5year */
    .year5 {
      width: 100%;
      background: url('/static/5year.webp');
      background-size: cover;
      background-repeat: no-repeat;
      height: 90vh;
      position: relative;
    }

    .year-content {
      position: absolute;
      top: 15%;
      left: 23%;
    }

    .year-content h2 {

      font-family: 'aoreb';
      font-weight: bold;
      font-size: 80px;
      color: #000000;
      line-height: 80px;
      text-align: left;
      margin-bottom: 58px;
    }

    .yu1 {
      width: 415px;
      height: 44px;
      background: #F0F0F0;
      padding-left: 0;
    }

    .yu1 li {
      width: 415px;
      height: 44px;
      background: #F0F0F0;
      border-radius: 0px 0px 0px 0px;
      cursor: pointer;
      display: flex;
      align-items: center;
      padding-left: 17px;
      padding-right: 15px;
      justify-content: space-between;
      box-sizing: border-box;
    }

    .yu1 li:not(:nth-child(3)) {
      border-top: 1px solid #BABABA;
      border-bottom: 1px solid #BABABA;
    }

    .yu1 li span {

      font-family: 'aoreb';
      font-weight: 400;
      font-size: 22px;
      color: #000000;
      line-height: 22px;
      text-align: left;

    }

    .sanjiao {
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      /* 左侧透明边框 */
      border-right: 5px solid transparent;
      /* 右侧透明边框 */
      border-top: 10px solid #ABABAB;
      /* 三角形的颜色 */
      transform: rotate(-90deg);
    }

    .yu2 {
      display: none;
      padding-top: 16px;
      padding-bottom: 13px;
      background: #F9F9F9;
      padding-left: 17px;
      padding-right: 15px;
      width: 100%;
      box-sizing: border-box;
    }


    .yu2 p {

      font-family: 'aoreb';
      font-weight: 400;
      font-size: 16px;
      color: #000000;
      line-height: 16px;
      text-align: left;
      margin-bottom: 8px;

    }

    .yu2 span {

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

    }

    .yu2-show {
      display: block !important;

    }

    .sanjiao90 span:last-child {
      transform: rotate(0deg);
    }


    .y-content {
      display: inline-block;
      width: 100%;
    }

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

    }

    @media (max-width:1400px) {}

    @media (max-width:1000px) {
      .banner-img{
            aspect-ratio: 3 / 4;
            object-fit: cover;
      }
      #wrapper {
        width: 100%;
        overflow: hidden;
      }

      .type-left {
        font-size: 22px;
      }

      h3 {
        font-size: 22px !important;
        line-height: 23px !important;
      }

      .sp-title {
        flex-direction: column;
      }

      .banner-text h3 {
        font-family: 'aoreb' !important;
        color: #FFFFFF !important;

      }

      .sp-title h3 {
        width: 70%;
        height: 31px;
        margin: 7px auto;
      }

      .yu2-show {
        width: 100%;
      }

      .type-right span {
        font-size: 15px;
        line-height: 15px;
      }

      .y-content {
        width: 90%;
      }

      .cho-desc-item {
        width: 90%;
      }

      .yu1 {
        width: 100%;
      }

      .suijih3 {
        font-size: 30px;
        line-height: 30px;
      }

      .yu1 li {
        width: 100%;
        box-sizing: border-box;

      }

      .year-content h2 {
        font-size: 30px;
        line-height: 30px;
      }

      .year5a {
        width: 130px;
      }

      .year5a {
        font-size: 15px;
      }

      .cho-desc {
        flex-direction: column;
      }

      .banner-text {
        top: 25%;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        text-align: center;
      }

      .banner-text h3 {
        white-space: nowrap;
        font-size: 40px !important;
      }

      .hv-content {
        width: 90%;
        justify-content: space-between;
      }

      .word-left {

        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
      }

      .md,
      .word-content,
      .word-h3,
      .specification,
      .choice,
      .hangye-content {
        width: 95%;

      }

      .word-content {
        flex-direction: column;
      }

      .wl-item {
        width: 100%;
        height: 35px;
        padding-left: 2.5%;
        padding-right: 2.5%;
      }

      .spp {
        width: 100%;

      }

      .year5 {
        height: 70vh;
        background-position: center;
      }

      .year-content {
        position: absolute;
        left: 10px;
        width: 100%;
      }

    }