@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 { text-indent:0px;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 { max-width: 1300px; margin: 0 auto; width: 100%; }
        .main-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; }
 
        .ad-left, .ad-right { background-color: #ffffff; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); border: 1px solid var(--border-light); transition: box-shadow 0.25s ease, transform 0.25s ease, background-color 0.25s ease; position: relative; }
        .ad-left:hover { background-color: #ffeecb !important; box-shadow: var(--shadow-hover); transform: translateY(-3px); }
        .ad-right:hover { background-color: #ffeecb !important; box-shadow: var(--shadow-hover); transform: translateY(-3px); }
      
        .card-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; text-indent: -9999px; overflow: hidden; white-space: nowrap; display: block; }
       
        .rm-img-wrapper { position: relative; width: 100%; aspect-ratio: 1 / 1; background: transparent; overflow: hidden; }
        .rm-img-wrapper img { width: 100%; height: 100%; object-fit: contain; display: block; padding: 16px; transition: transform 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1); }
        .ad-left:hover .rm-img-wrapper img, .ad-right:hover .rm-img-wrapper img { transform: scale(1.04); }
 
        .rm-text-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 24px 28px; background: transparent; pointer-events: none; }
        .rm-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 6px; color: #444444; line-height: 1.2; text-shadow: none; }
        .rm-subtitle { font-size: 1rem; color: #444444; text-shadow: none; max-width: 80%; }
        .main-grid  p { text-indent: 0; }
        @media (max-width: 800px) { .main-grid { grid-template-columns: 1fr; gap: 20px; } .rm-title { font-size: 1.2rem; } .rm-subtitle { font-size: 0.9rem; max-width: 100%; } .rm-text-wrapper { padding: 18px 20px; } }
        @media (max-width: 480px) { body { padding: 16px 10px; } .rm-title { font-size: 1rem; } .rm-subtitle { font-size: 0.8rem; } .rm-text-wrapper { padding: 14px 16px; } .rm-img-wrapper img { padding: 8px; } }
        .ad-left .rm-title::before, .ad-right .rm-title::before { content: none !important; }