/* 首页新版 */
.hv-page{background:#071426;color:#333;}
.hv-wrap{width:1180px;max-width:94%;margin:0 auto;}
.hv-sticky{position:sticky;top:0;z-index:1000;}

.hv-top{height:36px;background:#0d1927;color:#e8eef5;font-size:13px;}
.hv-top-in{height:36px;display:flex;align-items:center;justify-content:space-between;}
.hv-top-left{display:flex;align-items:center;gap:28px;}
.hv-hi,.hv-tel{display:inline-flex;align-items:center;gap:6px;color:#fff;}
.hv-tel:hover{color:#fff;}
.hv-ico{display:block;width:15px;height:15px;object-fit:contain;}
.hv-lang{display:flex;align-items:center;gap:8px;}
.hv-lang img{display:block;height:13px;width:auto;}
.hv-lang a{display:block;line-height:0;}

.hv-head{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.hv-head-in{height:74px;display:flex;align-items:center;gap:18px;}
.hv-logo{display:block;flex:0 0 auto;line-height:0;}
.hv-logo img{height:46px;width:auto;}
.hv-nav{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;}
.hv-nav a{display:block;margin:0 13px;font-size:15px;color:#222;white-space:nowrap;}
.hv-nav a.on,.hv-nav a:hover{color:#e10612;}
.hv-mini{width:168px;height:32px;border:1px solid #d9d9d9;border-radius:16px;display:flex;align-items:center;padding:0 10px 0 12px;flex:0 0 auto;background:#fff;}
.hv-mini input{flex:1;width:100%;border:0;background:transparent;font-size:13px;color:#333;height:28px;}
.hv-mini button{width:18px;height:18px;padding:0;background:transparent;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;}

.hv-hero{position:relative;min-height:440px;background:#061018 url("../../banner/banner.jpg") center center / cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;}
.hv-hero-box{position:relative;z-index:1;width:100%;padding:36px 16px 42px;}
.hv-hero h1{color:#fff;font-size:52px;font-weight:700;letter-spacing:8px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 28px rgba(0,0,0,.85);}
.hv-hero p{margin-top:12px;color:#fff;font-size:16px;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 18px rgba(0,0,0,.8);}
.hv-search{margin:26px auto 0;width:880px;max-width:100%;height:54px;background:#fff;border-radius:28px;display:flex;align-items:center;padding:5px 6px 5px 8px;box-shadow:0 10px 28px rgba(0,0,0,.28);}
.hv-field{flex:1;min-width:0;height:100%;display:flex;align-items:center;gap:6px;padding:0 12px;border-right:1px solid #ececec;color:#b0b0b0;}
.hv-field input,.hv-field select{flex:1;min-width:0;width:100%;border:0;background:transparent;font-size:14px;color:#333;height:36px;appearance:none;-webkit-appearance:none;}
.hv-field select{cursor:pointer;}
.hv-field input::placeholder{color:#b5b5b5;}
.hv-search button{flex:0 0 auto;height:42px;padding:0 22px;margin-left:8px;border-radius:21px;background:#f0242d;color:#fff;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;}
.hv-search button:hover{background:#d81e26;}

.hv-main{position:relative;background:#071426;padding:0px 0px;}
.hv-sec{padding:48px 0 22px;scroll-margin-top:120px;background-color:#071426;background-position:center center;background-size:cover;background-repeat:no-repeat;}
#sec-led{background-image:url("../../banner/1.jpg?2");}
#sec-3d{background-image:url("../../banner/2.jpg");}
#sec-light{background-image:url("../../banner/3.jpg");}
#sec-land{background-image:url("../../banner/4.jpg");}
.hv-sec h2{text-align:center;color:#fff;font-size:32px;font-weight:600;letter-spacing:2px;}
.hv-sec h2 a,.hv-sec h2 a:hover{color:#fff;}
.hv-sec .hv-sub{text-align:center;color:#ff3b55;font-size:15px;margin-top:10px;}
.hv-swiper{max-width:1080px;margin:26px auto 0;padding-bottom:34px;position:relative;}
.hv-swiper .swiper-pagination-bullet{width:9px;height:9px;background:#fff;opacity:1;}
.hv-swiper .swiper-pagination-bullet-active{background:#f0242d;}

.hv-swiper .swiper-slide{height:auto;}
.hv-card{display:block;position:relative;margin:6px 8px 12px;aspect-ratio:286/280;color:#222;}
.hv-card:hover{color:#222;}
.hv-card-in{position:absolute;left:3.2%;right:3.2%;top:3.6%;bottom:5.4%;z-index:1;background:#fff;overflow:hidden;display:flex;flex-direction:column;}
.hv-pic{flex:1 1 auto;min-height:0;position:relative;overflow:hidden;background:#0c1830;}
.hv-pic img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.hv-frame{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;pointer-events:none;}
.hv-meta{flex:0 0 auto;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:7px 10px 6px;}
.hv-stars{color:#f5b301;letter-spacing:2px;font-size:14px;line-height:1;}
.hv-price{font-size:13px;font-weight:600;}
.hv-info{flex:0 0 auto;display:block;padding:8px 10px 8px;}
.hv-info strong{display:block;font-size:15px;font-weight:700;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hv-info em{display:block;margin-top:6px;font-size:12px;color:#9aa3ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.hv-foot{background:#071833;color:#c5d0de;padding:52px 0 40px;}
.hv-foot-logo{display:inline-block;line-height:0;}
.hv-foot-logo img{height:52px;width:auto;}
.hv-foot h3{margin:22px 0 18px;color:#fff;font-size:16px;font-weight:400;}
.hv-contact{display:flex;align-items:flex-end;gap:28px;}
.hv-contact .lab{font-size:13px;color:#9eb0c6;}
.hv-contact .num{display:block;margin-top:8px;font-size:26px;color:#fff;letter-spacing:.5px;line-height:1;}
.hv-contact .num:hover{color:#fff;}
.hv-contact .mail{font-size:22px;}
.hv-split{width:1px;height:46px;background:#3a5270;margin:0 8px;}
.hv-qrs{display:flex;gap:26px;margin-top:28px;}
.hv-qrs a{display:block;color:#d5deea;}
.hv-qrs a:hover{color:#fff;}
.hv-qrs img{width:112px;height:112px;background:#fff;padding:6px;border-radius:4px;object-fit:contain;display:block;}
.hv-qrs span{display:block;text-align:center;margin-top:8px;font-size:14px;}
.hv-copy{background:#111;color:#c8c8c8;font-size:12px;}
.hv-copy-in{min-height:52px;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:10px 0;gap:24px;}
.hv-copy-in p{margin:0;flex:1;min-width:0;}
.hv-copy a{color:#c8c8c8;}
.hv-copy a:hover{color:#fff;}
.hv-copy-logo{height:auto;width:auto;flex:0 0 auto;}

@media (max-width: 1280px){
  .hv-nav a{margin:0 8px;font-size:14px;}
  .hv-hero h1{font-size:42px;letter-spacing:4px;}
}
@media (max-width: 1024px){
  .hv-mini{display:none;}
  .hv-search{height:auto;flex-wrap:wrap;border-radius:16px;padding:8px;}
  .hv-field{flex:1 1 42%;border-right:0;border-bottom:1px solid #f0f0f0;}
  .hv-search button{width:100%;justify-content:center;margin:8px 0 0;}
  .hv-contact{flex-wrap:wrap;}
}