﻿.home-hotpro .hotpro-main{padding-top:0}
.home-banner .banner-animote{color:#fff}
.home-banner .banner-animote .p2{margin:20px 0 0 0;font-size:var(--fontsize18)}
@media (max-width:1024px){.home-banner .banner-animote .p2{font-size:var(--fontsize16)}}
@media (max-width:500px){.home-banner .banner-animote .p2{margin:10px 0 0;font-size:var(--fontsize14)}}
.hotpro-img{display:none;}
@media (min-width:1600px){.hotpro-main .l-wrap{padding-left:70px;}}
.home-hotpro .hotpro-main .home-des,.home-hotpro .hotpro-main .hotpro-button{display:none}
.home-hotpro .hotpro-main .home-title{text-align:center}
.home-hotpro .hotpro-main #hotpro{padding:0;margin-left:0;}
.home-hotpro .hotpro-main .hotpro-wrap{width:100%;}
#hotpro .swiper-wrapper{flex-wrap:wrap;transform: none !important;justify-content: space-between;}
#hotpro .swiper-wrapper .swiper-slide{width:32% !important;margin-right:0 !important}
.home-hotpro .hotpro-main .swiper-slide .img img{aspect-ratio: 1/1;object-fit: contain;}
@media (max-width:768px){#hotpro .swiper-wrapper .swiper-slide{width:49% !important}}
.home-banner .swiper-slide>a::after{display:none}
/* .home-banner .swiper-slide .banner-animote{-webkit-text-stroke:1px #fff;text-stroke:1px #fff;paint-order:stroke fill} */

:root {--blue:#144970;--green:#22b89c;--gray:#55585c;--light‑gray:#f3f4f6;}
.home-advanced .l-wrap{max-width:1200px;margin:80px auto;padding:0 20px;}
.top‑text {text-align:center;margin-bottom:70px;}
.tag {color:var(--green);letter-spacing:2px;font-size:14px;margin-bottom:12px;}
.home-advanced h1 {font-size:52px;color:var(--blue);line-height:1.2;}
.desc {color:#6b7280;font-size:17px;max-width:850px;margin:22px auto 0;}
.two‑card {display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.card {background:#ffffff;padding:36px;border-radius:14px;box-shadow:0 2px 12px #00000012;border-top:solid 4px;}
.card1 {border‑top‑color:var(--blue);}
.card2 {border‑top‑color:var(--green);}
.card‑head {display:flex;align-items:center;gap:16px;}
.card‑head>div:nth-child(2){flex:1;}
.icon‑box1 {width:50px;height:50px;background:var(--light‑gray);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--blue);}
.icon‑box2 {width:50px;height:50px;background:rgba(34,184,156,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--green);}
.card h2 {font-size:24px;margin‑bottom:8px}
.card‑desc {color:#6b7280;font-size:15px}
.product‑label‑title {margin-top:30px;font-size:14px;color:var(--gray);margin-bottom:8px}
.tags‑wrap {display:flex;gap:10px;margin‑top:14px;flex-wrap:wrap;margin-bottom:15px}
.tag‑item1 {background:var(--light‑gray);padding:8px 16px;border-radius:8px;font-size:14px;}
.tag‑item2 {background:rgba(34,184,156,0.06);padding:8px 16px;border-radius:8px;font-size:14px;}
.quote‑btn {display:block;margin‑top:36px;color:var(--blue);text-decoration:none;font-weight:600;}
@media (max-width:1440px){.home-advanced h1{font-size:40px}}
@media (max-width:1280px){.home-advanced h1{font-size:35px}}
@media (max-width:1024px){.home-advanced .l-wrap{margin:45px 0;padding:0 15px}
.top‑text {margin-bottom:20px;}
.home-advanced h1{font-size:30px}
.desc{margin-top:10px;font-size:16px}
.card{padding:20px}}
@media (max-width:768px){.home-advanced h1{font-size:25px}
.two‑card {grid-template-columns:1fr;gap:25px;}
.card h2{font-size:20px}
.card‑desc,.tag‑item1,.tag‑item2{font-size:12px}}