.product {
      width: 100%;
    }

    .banner {
      position: relative;
      width: 100%;
      aspect-ratio: 845 / 218;
    }

    .top-item{
    margin-bottom:15px;
    }

    .banner-top {
      display: flex;
      justify-content: space-between;
      flex-direction: column;

    }

    .banner-bottom {


      display: flex;
      justify-content: space-between;
      flex-direction: column;


    }

    .c-item img {
      width: 339px;
      height: 352px;
      margin-right: 40px;
      object-fit: cover;
    }

    .banner-content {
      width: 40%;
      padding-left: 114px;
    }

    .product-content {
      width: 60%;
    }

    .pppp {
      display: flex;
      margin-bottom: 70px;
    }

    .top-item a {
      width: 407px;
      height: 72px;


      font-weight: 400;
      font-size: 18px;
      color: #07253D;
      line-height: 20px;

      display: flex;
      
      align-items: center;
      background-color: #FDFDFE;
      box-shadow: 0 2px 5px #e0e0e0;
      border-radius: 12px;
      cursor: pointer;
      margin-top: 8px;
      padding-left: 30px;

    }

    .product-content {
      width: 100%;
      background: #FFFFFF;
    }

    .product-content h3 {

      font-weight: 400;
      font-size: 44px;
      color: #000000;
      padding-top: 10%;
      text-align: center;
      padding-bottom: 37px;
    }



    .pc-item {
      width: 75%;
      margin: auto;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;

    }

    .c-item {

      margin-bottom: 51px;
      width: 100%;
      /* 25%是 100% / 4 */
      margin-left: 15px;
      /* 设置右侧间距 */
      margin-right: 15px;
      box-sizing: border-box;
      display: flex;
      border-bottom: 1px dashed #000000;
      padding-bottom: 6px;
      cursor: pointer;
    }

    .c-item h5 {

      font-weight: 400;
      font-size: 20px;
      color: #131313;
      line-height: 27px;
      text-align: left;
      margin-top: 40px;
      height: 66px;

    }

    .c-item p {

      font-weight: 400;
      font-size: 13px;
      color: #131313;
      line-height: 17px;
      opacity: 0.6;
      text-align: center;
      height: 28px;
      text-align: left;
      height: 38px;
      margin-bottom: 88px;
    }

    .c-item div a {

      font-weight: 400;
      font-size: 19px;
      color: #FFFFFF;
      line-height: 36px;
      width: 156px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 5px;
    }

    .ppph3 {
      text-align: center;
      font-weight: 400;
      font-size: 51px;
      color: #000000;
      margin-top: 50px;
      margin-bottom: 72px;
    }


    .c-item div a:first-child {
      background-color: #353535;
    }

    .c-item div a:last-child {
      background-color: #1C9E48;
    }

    .lv a {
      color: #FFFFFF;
      background-color: #1C9E48;


    }

    .lianxi {
      width: 100%;
    }

    .lianxi img {
      width: 100%;
    }

    .pfenye {
      display: flex;

    }

    .pfenye li {
      width: 60px;
      height: 50px;
      border: 1px solid #3333;
      display: flex;
      align-items: center;
      justify-content: center;
    }


    .pfenye li a {
      color: #000000 !important;
      font-size: 13px !important;
      font-weight: 400;
      text-align: center;
    }
    .pfenye li span {
      color: #000000 !important;
      font-size: 13px !important;
      font-weight: 400;
      text-align: center;
    }
    .pfenye .active {
      background-color: #1C9E48 !important;

    }

    .pfenye .active a {
      color: #FFFFFF !important;
    }

    .banner-top-po {
      position: sticky;
      top: 93px;
      z-index: 99;
     
      border-radius: 16px;
    
    }

    @media (max-width:1400px) {
      .banner-content {
       
        padding-left: 0px;
      }

      .c-item div {
        width: 100%;
      }
      .pc-item{
        width: 95%;
      }
      .top-item a{
        width: 392px;
        height: 50px;
      }
      
    }

    @media (max-width:1000px) {
      .pppp{
        width: 100%;
        display: block;
      }
      .banner-content{
        padding-left: 0;
      }
      .banner-content {
        position: relative;
        width: 100%;
      }
      .c-item p{
           margin-bottom: 10px;
        overflow: hidden;
        height: 100%;
      }
        .c-item h5{
        margin-bottom: 15px;
 
        height: 100%;
      }
      .top-item a{
        width: 79%;
        margin: auto;
        height: 50px;
        font-size: 15px;
      }
      .c-item{
        display: block;
      }

      .banner-top {
        display: block;
        margin-bottom: 30px;
      }

      .banner-bottom {
        display: block;
        width: 100%;
      }

      .bottom-item {
        width: 100%;
        height: 118px;
        margin-bottom: 35px;
      }

      .top-item {
        margin-top: 35px;
        width: 100%;
      }

      .pc-item {
        display: block;
      }

      .c-item {
        width: 100%;
      }

      .c-item div {
        width: 100%;
      }

     
    }