@charset "utf-8";

    /* Why Choose Us 模块 */
    .umin-why-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 28px;margin: 48px 0 24px;}
    .umin-why-card {background: white;border-radius: 28px;padding: 32px 20px;text-align: center;border: 1px solid var(--border-light);transition: transform 0.2s;    }
    .umin-why-card:hover { transform: translateY(-5px); }
    .umin-why-icon { font-size: 2.5rem; margin-bottom: 16px; }
    .umin-why-card h3 { font-size: 1.3rem; margin-bottom: 10px; }
    .umin-why-card p { color: var(--text-muted); font-size: 0.85rem; }
    .umin-save-banner {background: #d2e7ff;border-radius: 60px;padding: 12px 24px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin: 16px 0 40px;}
    .umin-save-banner span:first-child { font-weight: 700; font-size: 1rem; }
    .umin-save-banner span:last-child { background: var(--primary); color: white; padding: 4px 16px; border-radius: 40px; font-size: 0.8rem; }
	@media (max-width: 1000px) {.umin-why-grid {grid-template-columns: 1fr;gap: 20px;margin: 32px 0 16px;}    .umin-why-card {padding: 10px 10px;border-radius: 8px;}}

	 /* Product Catalogue */
	.umin-catalogue {max-width: 1300px;margin: 0 auto;width: 100%;display:none}
	.umin-catalogue-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;}
	.umin-cat-item {text-decoration: none;display: block;border-radius: 0px;overflow: hidden;transition: transform 0.2s;}
	.umin-cat-item:hover {transform: translateY(-5px);}
	.umin-cat-img {width: 100%;aspect-ratio: 1 / 1;object-fit: cover;border-radius: 0px;transition: transform 0.3s;}
	.umin-cat-item:hover .umin-cat-img {transform: scale(1.02);}
	.umin-cat-title {text-align: center;margin-top: 12px;font-weight: 600;color: #1f2937;display: none;}
	@media (max-width: 1000px) {.umin-catalogue-grid {gap: 0.6rem;}}
	@media (max-width: 1000px) {.umin-save-banner {flex-direction: column;text-align: center;gap: 10px;border-radius: 10px;padding: 16px;}}



    /* 品牌Logo滚动区域 (横向滚动，图片120x80) */

		.umin-brand-grid-cols {  display: grid;  grid-template-columns: repeat(6, 1fr);  gap:0px; }
		.umin-brand-grid-cols-item {  background: #fff;  padding: 1rem;  text-align: center;  border-radius: 0px;transition: transform 0.2s;}
		.umin-brand-grid-cols-item img{width:100%}
		.umin-brand-grid-cols-item:hover {transform: scale(1.05);box-shadow: 0 4px 12px rgba(0,0,0,0.05);}
		@media (max-width: 768px) {  .umin-brand-grid-cols {grid-template-columns: repeat(3, 1fr); /* 小屏幕变成3列 */  }}


    /* About Us 模块 (左图右文) */
    .i-about {display: flex;gap: 48px;margin: 56px 0 48px;align-items: center;}
    .i-about-img {width: 44%;border-radius: 4px;overflow: hidden;}
    .i-about-img img {width: 100%;display: block;border-radius: 4px;}
    .i-about-text {flex: 1;}
    .i-about-text .t {font-size: 1.6rem;line-height:3rem;font-weight: 700; text-align: left; }
    .i-about-text p {margin-bottom: 16px;}
    @media (max-width: 860px) {.i-about { flex-direction: column; }.i-about-img { width: 100%; }}


    /* Certification 2x3 */
    .cert-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 28px;margin: 40px 0;}
    .cert-card {background: ;border-radius: 0px;overflow: hidden;border: 0px solid var(--border-light);transition: transform 0.2s;}
    .cert-card:hover { transform: scale(1.02); }
    .cert-img {width: 100%;aspect-ratio: 3 / 4;overflow: hidden;}
    .cert-img img {width: 100%; object-fit: cover;transition: transform 0.3s;}
    .cert-card:hover .cert-img img { transform: scale(1.05); }
    .cert-card h4 { padding: 16px 16px 8px; font-size: 1rem; }
    .cert-card p { padding: 0 16px 20px; font-size: 0.75rem; text-indent:0;color: var(--text-muted); }
@media (max-width: 800px) {.cert-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;margin: 20px 0;} 
.cert-card h4 { padding: 4px 4px 2px; font-size: 1rem; }
    .cert-card p { padding: 0 8px 10px; font-size: 0.75rem; text-indent:0;color: var(--text-muted); }}

    /* Reviews 3列瀑布流，图片比例4:6 */
    .umin-reviews-masonry {column-count: 4;column-gap: 20px;margin: 20px 0; }
    .umin-review-item {break-inside: avoid;margin-bottom: 28px;background: white;border-radius: 24px;padding: 18px;border: 1px solid var(--border-light);}
    .umin-review-header { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
    .umin-review-avatar { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; }
    .umin-review-avatar img { width: 100%; height: 100%; object-fit: cover; }
    .umin-review-name { font-weight: 700; }
    .umin-review-stars { color: #f5b342; font-size: 0.8rem; margin-top: 4px; }
    .umin-review-text { font-size: 0.85rem; line-height: 1.45; margin: 12px 0; }
    .umin-review-gallery {margin: 12px 0;border-radius: 16px;overflow: hidden;background: #f2f4f6;aspect-ratio: 4 / 6;    }
    .umin-review-gallery img {width: 100%;height: 100%;object-fit: cover;display: block;    }
    .umin-review-footer {display: flex;align-items: center;gap: 12px;margin-top: 12px;border-top: 1px solid #f0f2f6;padding-top: 12px;    }
    .umin-review-icon { width: 36px; height: 36px; border-radius: 2px; overflow: hidden; }
    .umin-review-icon img { width: 100%; height: 100%; object-fit: cover; }
    .umin-review-footnote { font-size: 0.7rem; color: #5b6e8c; flex: 1; }
@media (max-width: 800px) {.umin-reviews-masonry {column-count: 1;column-gap: 10px;margin: 10px 0; }
.umin-review-item {break-inside: avoid;margin-bottom: 10px;background: white;border-radius: 6px;padding: 4px;border: 1px solid var(--border-light);}
.umin-review-gallery {margin: 12px 0;border-radius: 0px;overflow: hidden;background: #f2f4f6;aspect-ratio: 4 / 6;    }}

    /* FAQ */
    .umin-faq-wrapper {background: #f1f5f9;border-radius: 4px;padding: 24px 28px;margin: 32px 0 48px;}
    .umin-faq-list {display: flex;flex-direction: column;gap: 12px;}
    .umin-faq-item {background: transparent;border-radius: 0px;overflow: hidden;border: none;border-bottom:1px #e5e8ec solid}
    .umin-faq-question {padding: 16px 20px;font-weight: 700;cursor: pointer;display: flex;justify-content: space-between;background: ;border-radius: 0px;transition: background 0.2s; }
    .umin-faq-question:hover { background: #eef2ff; }
    .umin-faq-answer {padding: 0 20px;max-height: 0;overflow: hidden;transition: max-height 0.3s ease;color: #334155;font-size: 0.85rem;background: transparent;}
    .umin-faq-item.active .umin-faq-answer {padding: 0 20px 20px 20px;max-height: 180px;}
    .umin-faq-icon { font-size: 0.8rem;color:#666}
@media (max-width: 800px) { .umin-faq-wrapper {background: #f1f5f9;border-radius: 0px;padding: 6px 6px;margin: 10px 0 10px;}}


  
    /* 轮播图 */
 
.umin-carousel {position: relative;width: 100%;max-height: 900px;   overflow: hidden;background: #eef2f6;border-radius: 0;aspect-ratio: 16 / 6;}
.umin-carousel-container {position: relative;width: 100%;height: 100%;}
.umin-carousel-slide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index: 1;}
.umin-carousel-slide.active {opacity: 1;z-index: 2;}
.umin-carousel-slide img {width: 100%;height: 100%;object-fit: cover; display: block;user-select: none;pointer-events: none;   }

.umin-carousel-btn {position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;background: rgba(0, 0, 0, 0.45);color: #fff;border: none;width: 48px;height: 48px;border-radius: 50%;font-size: 1.6rem;cursor: pointer;transition: background 0.25s, transform 0.2s;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(2px);box-shadow: 0 2px 12px rgba(0,0,0,0.15);}
.umin-carousel-btn:hover {background: rgba(0, 0, 0, 0.7);transform: translateY(-50%) scale(1.05);}
.umin-prev {left: 20px;}
.umin-next {right: 20px;}

/* -------- 底部指示点 -------- */
.umin-dots {position: absolute;bottom: 20px;left: 0;right: 0;display: flex;justify-content: center;gap: 14px;z-index: 10;}
.umin-dot {width: 12px;height: 12px;border-radius: 50%;background: rgba(255, 255, 255, 0.55);cursor: pointer;transition: background 0.3s, transform 0.25s;box-shadow: 0 1px 6px rgba(0,0,0,0.2);}
.umin-dot.active {background: #ffffff;transform: scale(1.25);box-shadow: 0 0 0 2px rgba(255,255,255,0.3);}
.umin-dot:hover {background: rgba(255, 255, 255, 0.85);}

@media (max-width: 1024px) {.umin-carousel {/*aspect-ratio: 16 / 7;;图片比例*/    max-height: 600px;}.umin-carousel-btn {    width: 40px;    height: 40px;    font-size: 1.2rem;}.umin-prev { left: 14px; }.umin-next { right: 14px; }}
@media (max-width: 768px) {.umin-carousel {/*aspect-ratio: 16 / 9;图片比例*/   max-height: 450px;    border-radius: 0;}.umin-carousel-btn {    width: 34px;    height: 34px;    font-size: 1rem;}.umin-prev { left: 10px; }.umin-next { right: 10px; }.umin-dots {    bottom: 12px;    gap: 10px;}.umin-dot {    width: 10px;    height: 10px;}}
@media (max-width: 480px) {.umin-carousel {/* aspect-ratio: 4 / 3;图片比例*/    max-height: 340px;}.umin-carousel-btn {    width: 28px;    height: 28px;    font-size: 0.8rem;    opacity: 0.8;}.umin-prev { left: 6px; }.umin-next { right: 6px; }.umin-dots {    bottom: 8px;    gap: 8px;}.umin-dot {    width: 8px;    height: 8px;}}


/*ad 1 start*/
.ad-container {margin:auto;max-width: 1300px;width: 100%;background: transparent;border-radius: 0;padding: 0;box-shadow: none;}
.main-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
.ad-left,
.ad-right-a,
.ad-right-b .rm-card-square {position: relative;border-radius: 15px;overflow: hidden;transition: background 0.35s ease, transform 0.30s ease;box-shadow: none;display: flex;flex-direction: column;padding: 0;min-height: 0;cursor: pointer;}
.card-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;text-indent: -9999px;overflow: hidden;cursor: pointer;}
.ad-left {aspect-ratio: 1/1;background: #ffffff;}
.ad-left:hover {background: #ffc750;transform: translateY(-4px);}
.ad-right {display: flex;flex-direction: column;gap: 20px;height: 100%;min-height: 0;}
.ad-right-a {flex: 0 0 45%;min-height: 0;background: #ffffff;}
.ad-right-a:hover {background: #027054;transform: translateY(-4px);}
.ad-right-b {flex: 1 1 0;min-height: 0;display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
.ad-right-b .rm-card-square {background: #ffffff;height: 100%;min-height: 0;}
.ad-right-b .rm-card-square:first-child:hover {background: #3bca4f;transform: translateY(-4px);}
.ad-right-b .rm-card-square:last-child:hover {background: #5ab8e0;transform: translateY(-4px);}
.rm-img-wrapper {flex: 1;display: flex;align-items: center;justify-content: center;min-height: 0;overflow: hidden;width: 100%;height: 100%;position: relative;z-index: 1;}
.rm-img-wrapper img {max-width: 100%;max-height: 100%;width: auto;height: auto;object-fit: contain;display: block;transition: transform 0.5s ease;}
.rm-text-wrapper p{text-indent:0;color:#333}
.ad-left:hover .rm-img-wrapper img,.ad-right-a:hover .rm-img-wrapper img,.ad-right-b .rm-card-square:hover .rm-img-wrapper img {transform: scale(1.04);}
 
.rm-text-wrapper {position: absolute;top: 20px;left: 20px;right: 20px;pointer-events: none;  z-index: 2;text-shadow: 0 2px 8px rgba(255, 255, 255, 0.85), 0 0 4px rgba(255, 255, 255, 0.6);}
.rm-title {font-weight: 700;color: #1a1a2c;letter-spacing: -0.3px;line-height: 1.3;margin: 0;font-size: 1.5rem;  }
.rm-subtitle {font-weight: 500;color: #64748b;letter-spacing: 0.2px;margin-top: 4px;font-size: 1rem;line-height: 1.4;}
.rm2-title {font-weight: 700;color: #1a1a2c;letter-spacing: -0.3px;line-height: 1.2;margin: 0;font-size: 1rem;  }
.rm2-subtitle {font-weight: 500;color: #64748b;letter-spacing: 0.2px;margin-top: 4px;font-size: 0.8rem;line-height: 1.2;}

.rm-btn {display: none;}
 @media (max-width: 900px) {.main-grid {grid-template-columns: 1fr;gap: 18px;}.ad-left {aspect-ratio: 1/1;padding: 0;}.ad-right {height: auto;gap: 16px;}.ad-right-a {flex: 0 0 auto;aspect-ratio: 4/3;padding: 0;}.ad-right-b {flex: 0 0 auto;grid-template-columns: 1fr 1fr;gap: 14px;min-height: 200px;}.ad-right-b .rm-card-square {height: auto;min-height: 160px;aspect-ratio: auto;padding: 0;}.rm-text-wrapper {top: 16px;left: 16px;right: 16px;}}
@media (max-width: 580px) {.ad-right-a {aspect-ratio: 3/2;padding: 0;}.ad-right-b {gap: 12px;min-height: 160px;}.ad-right-b .rm-card-square {min-height: 130px;padding: 0;}.rm-text-wrapper {top: 12px;left: 12px;right: 12px;}}
@media (max-width: 420px) {.ad-right-b {grid-template-columns: 1fr;gap: 14px;}.ad-right-b .rm-card-square {min-height: 120px;aspect-ratio: 4/3;}.ad-right-a {aspect-ratio: 4/3;}}