@charset "utf-8";
/*
 * 型号选择卡（2026-11-05）：/solarcarport/ 与 /solarcarport-fixed/ 两页 hero 文案块下共用（固定式页 2026-11-05 起地址 /heguang/）。
 * 1:1 复刻光伏花系列页 #home .r12 的 .p_list 三段式卡（灰底 / ">" 小标 / 大标题 /
 * 产品图 / 下划线链接，hover 翻绿底白字 + 图片淡出）。
 * rem 与全站同口径（html 字号 = 100vw/19.2，1440 下 1rem = 75px）。
 */
.car-models{background:#fff;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} /* 光伏花 .r12 同款：通栏无缝（抵消 .content-wrapper 的 12% 内边距；外层 hero-container overflow:hidden 兜底） */
.car-models .group{display:flex;justify-content:space-between} /* 两卡各 100% 均分，无缝拼接 */
.car-models .p_list{
	display:flex;flex-direction:column;justify-content:center;align-items:center;
	background-color:#f2f2f2;cursor:pointer;width:100%;
	padding:.68rem .32rem;transition:all .3s ease;
	color:inherit;text-decoration:none;
}
.car-models .p_list:nth-child(2){background-color:#e5e5e5}
.car-models .p_list.is-current{box-shadow:inset 0 0 0 2px #479b3e}
.car-models .p_list .tit_small{line-height:1.6;color:#4a4a4a;font-size:.18rem}
.car-models .p_list .tit_small i{font-weight:700;font-style:normal;font-size:.24rem;color:#1c480d}
.car-models .p_list .tit_big{font-weight:700;line-height:1.8;color:#4a4a4a;font-size:.30rem;text-align:center}
.car-models .p_list .p_list_img{width:5.2rem;max-width:88%;margin:.24rem 0;aspect-ratio:3/2} /* 透明 PNG（已裁留白），统一图框 3:2 放大显示 */
.car-models .p_list .p_list_img img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.car-models .p_list .p_list_link{
	width:.88rem;font-size:.18rem;color:#1c480d;
	border-bottom:2px solid #89b4ad;text-align:center;padding-bottom:.12rem;
}
/* 型号标题 + 描述（图片下方新增，2026-11-05） */
.car-models .p_list .p_list_model{font-weight:700;font-size:.22rem;color:#1c480d;line-height:1.6;margin-top:.06rem}
.car-models .p_list .p_list_desc{font-size:.16rem;color:#4a4a4a;line-height:1.7;text-align:center;margin:0}
/* 锚点落点：避开固定导航（高 1.4rem） */
.video-two-cols[id="content"]{scroll-margin-top:1.6rem}
.car-models .p_list:hover{background-color:#809b80}
.car-models .p_list:hover .tit_small,
.car-models .p_list:hover .tit_small i,
.car-models .p_list:hover .tit_big,
.car-models .p_list:hover .p_list_model,
.car-models .p_list:hover .p_list_desc,
.car-models .p_list:hover .p_list_link{color:#fff}
.car-models .p_list:hover .p_list_link{border-bottom-color:#fff}
.car-models .p_list:hover .p_list_img{opacity:.2}
@media(max-width:768px){
	.car-models{margin:0}
	.car-models .group{flex-direction:column}
	.car-models .p_list{padding:.5rem .24rem}
	.car-models .p_list .p_list_img{width:64%}
}