.nycphui_bg{background: #f0f0f0;padding: 80px 0;}
.cppage-bg   { position: fixed; inset: 0; z-index: -2;  }
.cppage-mask { position: fixed; inset: 0; z-index: -1; background: rgba(0, 0, 0, .55); } 

.nycpTop {position: relative;}

.nycpTop::before {
  content: "";
  position: absolute;
  /*! z-index: -1; */
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0.7;
  background-color: #1b1b1bdb;
}

.wrap_nycp { min-height: 65vh; display: flex; align-items: center; justify-content: center; padding: 40px 20px; z-index: 2;position: relative;}


.banner_nycp {
display: flex; align-items: stretch; width: 100%; /*max-width: 1200px;*/
box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
}
/* 如需"图左文右"，把上一行改为 display:flex; flex-direction: row-reverse; */

.info_nycp {
flex: 0 0 45%; background: rgba(16, 48, 88, 0.71); 
padding: 46px 42px; display: flex; flex-direction: column; justify-content: center;
}
.logo_nycps { display: flex; align-items: center; gap: 16px; margin-top: 26px;flex-wrap: wrap; display: grid;grid-template-columns: repeat(2,1fr);}
.logo_nycp  { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; letter-spacing: .5px; }
.logo_nycp-cnem  { color: #e60013; }
.logo_nycp-abico { color: #9fb0c1; font-weight: 600; }

.info_nycp h1 { font-size: clamp(32px, 4.5vw, 50px); font-weight: 700; margin-bottom: 30px; color:#fff; text-align: left;}

.features_nycp { list-style: none; }
.features_nycp li { display: flex; gap: 12px; margin-bottom: 22px; font-size: 15px; line-height: 1.7; color: #eaf1f8; }
.features_nycp svg { flex-shrink: 0; margin-top: 4px; }
.features_nycp strong { color: #2f9de0; }

.btn_nycp {
margin-top: 12px; width: fit-content; display: inline-flex; align-items: center; gap: 10px;
background: #0f6fd6; color: #fff; font-size: 16px; font-weight: 600;
padding: 14px 28px; border-radius: 3px; text-decoration: none; transition: background .25s, transform .25s;
}
.btn_nycp:hover { background: #0b5cb1; transform: translateY(-2px); color: #fff;}


.carousel_nycp {
flex: 1 1 55%; position: relative; overflow: hidden;
background: #d8dadd; min-height: 380px; 
}
.carousel_nycp-track { display: flex; height: 100%; transition: transform .6s ease; }
.slide_nycp { flex: 0 0 100%; height: 100%; }
/* object-fit: contain —— 横图、方图、长图均完整显示、自动居中适配 */
.slide_nycp img { display: block; /*width: 100%;*/margin: 0 auto; height: 100%; object-fit: contain; background: #d8dadd; }

.c-btn_nycp {
position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
width: 42px; height: 42px; border: 0; border-radius: 50%;
background: rgba(0, 0, 0, .35); color: #fff; cursor: pointer;
display: flex; align-items: center; justify-content: center; transition: background .25s;
}
.c-btn_nycp:hover { background: rgba(0, 0, 0, .65); }
.c-btn_nycp.prev { left: 14px; }
.c-btn_nycp.next { right: 14px; }

.c-dots { position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 2; }
.dot { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .55); cursor: pointer; transition: background .25s, transform .25s; }
.dot.active { background: #0f6fd6; transform: scale(1.25); }


.service-list { list-style: none; }
.service-list li {
display: flex;
align-items: flex-start;     
margin-bottom: 18px;
font-size: 15px;
line-height: 1.9;
}
.service-list .icon {
flex: 0 0 18px;
width: 18px;
height: 18px;
margin: 4px 12px 0 0;
color: #e02424;              
}
.service-list strong { color: #1274d0; } 


@media (max-width: 920px) {
.wrap_nycp { padding: 24px 14px; }
.banner_nycp { flex-direction: column; }
.logo_nycps{grid-template-columns: repeat(1,1fr);}
.carousel_nycp { order: -1; min-height: 0; aspect-ratio: 4 / 3; }
.info_nycp { flex: none; padding: 32px 22px; }
.c-btn_nycp { width: 34px; height: 34px; }
}




.grid_solu{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}
.card_solu{display:flex;flex-direction:column;background:#fff;border:1px solid #d8dce3;
	text-decoration:none;transition:border-color .3s,box-shadow .3s,transform .3s}
.card_solu:hover{border-color:#2f7fd6;/*box-shadow:0 8px 20px rgba(20,60,120,.18);transform:translateY(-3px)*/}
.card_solu-media{overflow:hidden}
.card_solu-media img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;
			  transition:transform .5s;background:#d7dfe9}
.card_solu:hover .card_solu-media img{transform:scale(1.06)}
.card_solu-title{padding:13px 10px;text-align:center;font-size:15px;font-weight:700;
		  color:#222;background:#f2f3f5;border-top:1px solid #e3e6ea}
		  
@media (max-width:1400px){.grid_solu{grid-template-columns:repeat(4,1fr)}}
@media (max-width:1100px){.grid_solu{grid-template-columns:repeat(3,1fr)}}
@media (max-width:800px){
.grid_solu{grid-template-columns:repeat(2,1fr)}
.header_solu{gap:18px}
.desc_solu{min-width:100%}
}
@media (max-width:520px){.grid_solu{grid-template-columns:1fr}}