:root {

    --red: var(--color-active);

    --gold: #C6A166;

  }





.product_ny-grid {

display: grid;

grid-template-columns: repeat(4, 1fr);

gap: 24px;

}



.product_ny-card {

border: 1px solid #ececec;

background: #fff;

transition: box-shadow .3s ease, transform .3s ease;

}

.product_ny-card:hover {

box-shadow: 0 12px 32px rgba(0,0,0,.14);

transform: translateY(-2px);

}

.product_ny-card > a { display: flex; flex-direction: column; height: 100%; }





.product_ny-img {

width: 100%;

aspect-ratio: 1 / 1;

background: #f7f7f7;

overflow: hidden;

}

.product_ny-img img {

width: 100%; height: 100%;

object-fit: cover;   /* 若不想裁切图片，可改为 contain */

display: block;

transition: transform .5s ease;

}

.product_ny-card:hover .product_ny-img img { transform: scale(1.04); }





.product_ny-info {

padding: 24px 28px 28px;

transition: background-color .3s ease, color .3s ease;

}

.product_ny-info h3 {

font-size: 20px;

font-weight: 600;

line-height: 1.4;

margin-bottom: 16px;

}

.more_product_ny {

display: inline-flex;

align-items: center;

gap: 6px;

font-size: 14px;

color: #999;

transition: color .3s ease;

}

.more_product_ny svg { width: 12px; height: 12px; }





.product_ny-card:hover .product_ny-info { background: var(--color-active); color: #fff; }

.product_ny-card:hover .more_product_ny { color: #fff; }





@media (max-width: 1024px) {

.product_ny-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }

}



@media (max-width: 620px) {



.product_ny-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }

.product_ny-info { padding: 18px 20px 22px; }

.product_ny-info h3 { font-size: 17px; margin-bottom: 10px; }

}









/*1*/

  .hero_cpxq {

   /* background: linear-gradient(120deg, #f5f5f5 0%, #e2e2e2 60%, #d9d9d9 100%);*/

	background:url(../images/nycptopbg.jpg) no-repeat center;background-size: cover;

    display: flex;

    align-items: center;

    min-height: 80vh;

  }

  .container_cpxq {

    max-width: 16.4rem;

    width: 100%;

    margin: 0 auto;

    /*padding: 60px 40px;*/

    display: flex;

    align-items: center;

    gap: 30px;

  }





  .hero_cpxq-text { flex: 1; min-width: 0; }



  .sub-title_cpxq {

    color: #fff;

    font-size: clamp(26px, 3.6vw, 46px);

    font-weight: 400;

    letter-spacing: 2px;

    margin-bottom: 8px;

  }

  .main-title_cpxq {

    color: var(--red);

    font-size: clamp(26px, 2.6vw, 60px);

    font-weight: 600;

    letter-spacing: 1px;

    margin-bottom: 24px;

  }

  .desc_cpxq {

    color: rgba(255, 255, 255, .92);

    font-size: clamp(14px, 1.4vw, 16px);

    line-height: 1.9;

    max-width: 560px;

    margin-bottom: 56px;

  }





  .btn_cpxq-group { display: flex; gap: 16px; flex-wrap: wrap; }

  .btn_cpxq {

    display: inline-flex;

    align-items: center;

    height: 56px;

    padding: 0 24px;

    color: #fff;

    font-size: 15px;

    transition: filter .3s ease, transform .3s ease;

  }

  .btn_cpxq:hover { filter: brightness(1.08); transform: translateY(-2px); color: #fff;}

  .btn_cpxq .divider {

    width: 1px;

    height: 18px;

    background: rgba(255, 255, 255, .55);

    margin: 0 16px;

  }

  .btn_cpxq svg { width: 14px; height: 14px; }

  .btn_cpxq-red  { background: var(--red); }

  .btn_cpxq-gold { background: var(--gold); }





  .hero_cpxq-img { flex: 1; min-width: 0; }

  .hero_cpxq-img img {

    width: 100%;

    aspect-ratio: 1 / 1;

    object-fit: contain;  

    display: block;

  }





  @media (max-width: 992px) {

    .hero_cpxq { min-height: auto; }

    .container_cpxq {

      flex-direction: column;

      align-items: flex-start;

      gap: 40px;

      padding: 60px 24px;

    }

    .hero_cpxq-img { width: 100%; max-width: 560px; margin: 0 auto; }

    .desc_cpxq { margin-bottom: 36px; }

  }

  @media (max-width: 620px) {

    .container_cpxq { padding: 48px 16px; }

    .btn_cpxq { height: 48px; padding: 0 18px; font-size: 14px; }

    .btn_cpxq .divider { margin: 0 12px; }

  }







/*2*/

.nycptddabg{background:url(../images/nycptopbg2.jpg) no-repeat center bottom;background-size: cover; padding:60px 0;}

.overview { position: relative; overflow: hidden; }



  .overview::before {

    content: "";

    position: absolute; top: 24px; left: 24px;

    width: 140px; height: 140px;

    background-image: radial-gradient(#d8d8d8 2px, transparent 2px);

    background-size: 22px 22px;

    opacity: .5;

    pointer-events: none;

  }



  .container_cpkg {

    max-width: 16.4rem;

    margin: 0 auto;

    /*padding: 90px 40px;*/

    display: flex;

    align-items: center;

    gap: 70px;

  }





  .overview-img { flex: 1; min-width: 0; position: relative; }

  .overview-img::before {

    content: "";

    position: absolute; z-index: 0;

    top: 6%; left: -5%;

    width: 94%; height: 94%;

    /*background: #f1f1f1;*/

    border-radius: 160px 0 160px 0;

  }

  .overview-img img {

    position: relative; z-index: 1;

    width: 100%;

    aspect-ratio: 1 / 1;

    object-fit: contain;   /* 完整显示产品，不裁切 */

    display: block;

  }



  .overview-text { flex: 1; min-width: 0; }

  .overview-text h2 {

    font-size: clamp(30px, 3.4vw, 46px);

    font-weight: 700;

    color: #111;

    margin-bottom: 30px;

  }

  .line_bt { height: 1px; background: #ddd; margin-bottom: 40px; }

  .overview-text p {

    color: #555;

    font-size: 15px;

    line-height: 1.9;

    margin-bottom: 26px;

    /*max-width: 640px;*/

  }



  .btn_cpkg-download {

    margin-top: 30px;

    display: inline-flex;

    align-items: center;

    border: 1px solid var(--red);

    color: var(--red);

    background: transparent;

    height: 52px;

    padding: 0 24px;

    font-size: 15px;

    transition: background .3s, color .3s;

  }

  .btn_cpkg-download .divider {

    width: 1px; height: 16px;

    background: currentColor;

    opacity: .5;

    margin: 0 16px;

  }

  .btn_cpkg-download svg { width: 16px; height: 16px; }

  .btn_cpkg-download:hover { background: var(--red); color: #fff; }



  @media (max-width: 992px) {

    .container_cpkg { flex-direction: column; align-items: stretch; gap: 44px; padding: 60px 24px; }

    .overview-img { width: 100%; max-width: 560px; margin: 0 auto; }

  }

  @media (max-width: 620px) {

    .container_cpkg { padding: 48px 16px; }

    .overview-text p { font-size: 14px; }

    .btn_cpkg-download { height: 46px; padding: 0 18px; }

  }







/*3*/

.cpbiaoge{}

.cpbiaoge table {

  /*display: block;*/

  text-align: left;

  background: #FEF4EC;

}
.cpbiaoge table .firstRow {
  background: rgb(247, 150, 70);
}
.cpbiaoge table tr:nth-child(2n){background: rgb(251, 212, 180);}

.cpbiaoge table thead {

  background: var(--color-active);

}

.cpbiaoge table thead tr th {

 font-weight: 500;

  font-size: 18px;

  color: #FFFFFF;

  /*border: 1px solid rgba(255, 255, 255, 0.3);*/

  padding: 10px 12px;

}

.cpbiaoge table tbody tr td {

font-weight: 300;

  font-size: 16px;

  color: #000;

  border: 1px solid #000;

  padding: 10px;

}



.sec-title_cptd {

    font-size: clamp(28px, 3.2vw, 44px);

    font-weight: 700;

    color: #111;

    margin-bottom: 30px;

  }



  .feature_cptd-wrap {

    display: flex;

    align-items: center;

    gap: 70px;

  }





  .feature_cptd-media {

    flex: 1.05;

    min-width: 0;

    position: relative;

    aspect-ratio: 4 / 3;   

    overflow: hidden;

  }

  .feature_cptd-media img {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;     

    opacity: 0;

    transition: opacity .45s ease;

  }

  .feature_cptd-media img.active { opacity: 1; }





  .feature_cptd-list { flex: 1; min-width: 0; }

  .feature_cptd-list li {

    padding: 20px 0 20px 14px;

    border-bottom: 1px solid #e2e2e2;

    position: relative;

    cursor: pointer;

    font-size: 15px;

    line-height: 1.8;

    color: #333;

    transition: color .3s ease;

    -webkit-tap-highlight-color: transparent;

  }

  .feature_cptd-list li::before {

    content: "·";

    position: absolute;

    left: 0;

    top: 20px;

  }

  .feature_cptd-list li.active {

    color: var(--red);

    font-weight: 700;

  }



  @media (max-width: 992px) {

    

    .sec-title_cptd { margin-bottom: 36px; }

    .feature_cptd-wrap { flex-direction: column; gap: 36px; }

    .feature_cptd-media { width: 100%; }

    .feature_cptd-list { width: 100%; }

  }

  @media (max-width: 620px) {

    

    .feature_cptd-list li { font-size: 14px; padding: 16px 0 16px 12px; }

    .feature_cptd-list li::before { top: 16px; }

  }