.mikrosize-company-intro{padding:80px 0}
.mikrosize-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.mikrosize-company-content{color:#fff}
.mikrosize-company-title{font-size:42px;font-weight:700;line-height:1.2;margin-bottom:30px;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.3)}
.mikrosize-company-text{margin-bottom:40px}
.mikrosize-company-text p{font-size:16px;line-height:1.7;margin-bottom:20px;color:rgba(255,255,255,0.9)}
.mikrosize-company-buttons{display:flex;gap:20px;flex-wrap:wrap}
.mikrosize-btn{display:inline-flex;align-items:center;padding:14px 28px;border-radius:4px;font-weight:600;text-decoration:none;transition:all 0.3s ease;font-size:15px}
.mikrosize-btn-video{background:var(--primary-orange);color:#fff}
.mikrosize-btn-video:hover{background:#e36622;transform:translateY(-2px);box-shadow:0 5px 15px rgba(244,117,42,0.3)}
.mikrosize-btn-brochure{background:transparent;color:#fff;border:2px solid rgba(255,255,255,0.3)}
.mikrosize-btn-brochure:hover{background:rgba(255,255,255,0.1);border-color:#fff;transform:translateY(-2px)}
.mikrosize-btn-icon{margin-right:10px}
.mikrosize-btn-icon .mikrosize-icon{width:18px;height:18px}
.mikrosize-video-wrapper{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.2)}
.mikrosize-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}
.mikrosize-video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}
.mikrosize-video-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}
.mikrosize-video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:var(--primary-orange);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;transition:all 0.3s ease;box-shadow:0 5px 15px rgba(0,0,0,0.3)}
.mikrosize-video-play-btn .mikrosize-icon{width:30px;height:30px;margin-left:5px}
.mikrosize-video-placeholder:hover .mikrosize-video-thumbnail{transform:scale(1.05)}
.mikrosize-video-placeholder:hover .mikrosize-video-play-btn{background:#e36622;transform:translate(-50%,-50%) scale(1.1)}
@media (max-width:992px){.mikrosize-company-grid{grid-template-columns:1fr;gap:40px}
.mikrosize-company-title{font-size:36px}
}@media (max-width:768px){.mikrosize-company-intro{padding:60px 0}
.mikrosize-company-title{font-size:32px}
.mikrosize-company-buttons{flex-direction:column}
.mikrosize-btn{justify-content:center}
.mikrosize-video-play-btn{width:70px;height:70px}
.mikrosize-video-play-btn .mikrosize-icon{width:25px;height:25px}
}@media (max-width:576px){.mikrosize-company-intro{padding:40px 0}
.mikrosize-company-title{font-size:28px}
.mikrosize-company-text p{font-size:15px}
.mikrosize-btn{padding:12px 20px;font-size:14px}
.mikrosize-video-play-btn{width:60px;height:60px}
.mikrosize-video-play-btn .mikrosize-icon{width:20px;height:20px}
}.mikrosize-company-gallery{padding:60px 0;background:var(--primary-gray);position:relative}
.mikrosize-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.mikrosize-gallery-item{position:relative;border-radius:8px;overflow:hidden;box-shadow:var(--box-shadow);transition:var(--transition);aspect-ratio:3/2}
.mikrosize-gallery-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15)}
.mikrosize-gallery-image{width:100%;height:100%;overflow:hidden}
.mikrosize-gallery-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}
.mikrosize-gallery-item:hover .mikrosize-gallery-image img{transform:scale(1.05)}
@media (max-width:992px){.mikrosize-company-gallery{padding:50px 0}
.mikrosize-gallery-grid{grid-template-columns:repeat(2,1fr);gap:20px}
}@media (max-width:768px){.mikrosize-company-gallery{padding:40px 0}
.mikrosize-gallery-grid{grid-template-columns:1fr;gap:15px}
}@supports not (aspect-ratio:3 / 2){.mikrosize-gallery-item::before{content:'';display:block;padding-top:66.67%}
.mikrosize-gallery-image{position:absolute;top:0;left:0;width:100%;height:100%}
}
/* Animations */
        @keyframes mikrosizeCsScroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(calc(-250px * 5));
            }
        }

        @keyframes mikrosizeModalOpen {
            from {
                opacity: 0;
                transform: scale(0.8);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }
.mikrosize-customer-showcase {
            position: relative;
            width: 100%;
            overflow: hidden;
            background: url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?q=80&w=2069') no-repeat center center;
            background-size: cover;
        }
        
        .mikrosize-cs-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.7);
        }
        
        .mikrosize-cs-container {
            position: relative;
            z-index: 2;
            max-width: 1200px;
            margin: 0 auto;
            padding: 50px 20px;
            text-align: center;
        }
        
        .mikrosize-cs-title {
            font-size: 36px;
            color: #fff;
            margin-bottom: 15px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        .mikrosize-cs-subtitle {
            font-size: 18px;
            color: #f4752a;
            margin-bottom: 40px;
            font-weight: 500;
        }
        
        .mikrosize-cs-track {
            display: flex;
            animation: mikrosizeCsScroll 30s linear infinite;
            width: calc(250px * 10);
        }
        
        .mikrosize-cs-item {
            margin: 0 15px;
            position: relative;
            transition: transform 0.3s ease;
            flex-shrink: 0;
            width: 250px;
        }
        
        .mikrosize-cs-item:hover {
            transform: translateY(-10px);
        }
        
        .mikrosize-cs-img {
            height: 300px;
            width: 100%;
            object-fit: cover;
            border-radius: 8px;
            cursor: pointer;
            border: 3px solid rgba(255,255,255,0.3);
            transition: border-color 0.3s ease;
        }
        
        .mikrosize-cs-img:hover {
            border-color: #f4752a;
        }
        
        .mikrosize-cs-caption {
            background: rgba(0,0,0,0.7);
            padding: 15px;
            border-radius: 0 0 8px 8px;
            margin-top: -5px;
            text-align: left;
        }
        
        .mikrosize-cs-caption h3 {
            color: #f4752a;
            font-size: 18px;
            margin-bottom: 8px;
        }
        
        .mikrosize-cs-caption p {
            color: #fff;
            font-size: 14px;
            line-height: 1.5;
            display: none;
        }
        
        .mikrosize-customer-showcase:hover .mikrosize-cs-track {
            animation-play-state: paused;
        }
        
        /* 模态框样式 */
        .mikrosize-cs-modal {
            display: none;
            position: fixed;
            z-index: 10000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0,0,0,0.9);
        }
        
        .mikrosize-cs-modal-content {
            position: relative;
            margin: auto;
            padding: 20px;
            width: 80%;
            max-width: 800px;
            top: 50%;
            transform: translateY(-50%);
        }
        
        .mikrosize-cs-modal-img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 0 20px rgba(0,0,0,0.5);
        }
        
        .mikrosize-cs-modal-caption {
            color: #fff;
            padding: 15px;
            text-align: center;
            background: rgba(0,0,0,0.7);
            border-radius: 0 0 8px 8px;
            margin-top: -5px;
        }
        
        .mikrosize-cs-modal-caption h3 {
            color: #f4752a;
            font-size: 24px;
            margin-bottom: 10px;
        }
        
        .mikrosize-cs-modal-caption p {
            color: #fff;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .mikrosize-cs-modal-close {
            position: absolute;
            top: 15px;
            right: 35px;
            color: #fff;
            font-size: 40px;
            font-weight: bold;
            cursor: pointer;
            transition: color 0.3s;
            z-index: 10001;
        }
        
        .mikrosize-cs-modal-close:hover {
            color: #f4752a;
        }
        
        @keyframes mikrosizeCsScroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(calc(-250px * 5)); }
        }
        
        @media (max-width: 768px) {

            .mikrosize-cs-title {
                font-size: 28px;
            }
            
            .mikrosize-cs-subtitle {
                font-size: 16px;
            }
            
            .mikrosize-cs-track {
                animation: mikrosizeCsScroll 20s linear infinite;
                width: calc(180px * 10);
            }
            
            .mikrosize-cs-item {
                width: 180px;
                margin: 0 10px;
            }
            
            .mikrosize-cs-img {
                height: 200px;
            }
            
            .mikrosize-cs-caption h3 {
                font-size: 16px;
            }
            
            .mikrosize-cs-caption p {
                font-size: 13px;
            }
            
            .mikrosize-cs-modal-content {
                width: 95%;
            }
        }
        
        @media (max-width: 576px) {
            
            .mikrosize-cs-title {
                font-size: 24px;
            }
            
            .mikrosize-cs-subtitle {
                font-size: 14px;
            }
            
            .mikrosize-cs-track {
                animation: mikrosizeCsScroll 15s linear infinite;
                width: calc(150px * 10);
            }
            
            .mikrosize-cs-item {
                width: 150px;
            }
            
            .mikrosize-cs-img {
                height: 150px;
            }
        }
.mikrosize-product-list{padding:60px 0;color:#333}
.mikrosize-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;background-color:white;padding:20px}
.mikrosize-product-title{font-size:28px;font-weight:700;color:#333;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid var(--primary-orange);position:relative}
.mikrosize-product-title:after{content:'';position:absolute;width:40px;height:2px;background:var(--primary-orange);bottom:-2px;left:0}
.mikrosize-product-subtitle{color:#666;font-size:16px;margin-bottom:25px;font-style:italic}
.mikrosize-product-items{list-style:none;padding:0;margin-bottom:30px}
.mikrosize-product-items li{margin-bottom:12px;position:relative;padding-left:20px;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:12px}
.mikrosize-product-items li:last-child{border-bottom:none}
.mikrosize-product-items li:before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background-color:var(--primary-orange);border-radius:50%}
.mikrosize-product-items a{color:#666;font-size:16px;font-weight:500;transition:all 0.3s ease;display:block;padding:5px 0}
.mikrosize-product-items a:hover{color:var(--primary-orange);padding-left:5px}
.mikrosize-product-update{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.2);text-align:center}
.mikrosize-product-update p{color:#666;margin-bottom:15px;font-size:14px}
.mikrosize-btn-view-all{background:transparent;color:var(--primary-orange);border:2px solid var(--primary-orange);padding:10px 20px;border-radius:4px;font-weight:600;display:inline-flex;align-items:center;transition:all 0.3s ease}
.mikrosize-btn-view-all:hover{background:var(--primary-orange);color:#ffffff;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.mikrosize-contact-column{background:rgba(255,255,255,0.05);padding:30px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.mikrosize-contact-title{font-size:28px;font-weight:700;color:#333;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid var(--primary-orange);position:relative}
.mikrosize-contact-title:after{content:'';position:absolute;width:40px;height:2px;background:var(--primary-orange);bottom:-2px;left:0}
.mikrosize-contact-subtitle{color:#666;font-size:16px;margin-bottom:25px;font-style:italic}
.mikrosize-contact-form{margin-bottom:30px}
.mikrosize-form-group{margin-bottom:20px}
.mikrosize-form-group label{display:block;color:#666;font-weight:500;margin-bottom:8px;font-size:15px}
.mikrosize-form-group input,.mikrosize-form-group select,.mikrosize-form-group textarea{width:100%;padding:12px 15px;border:1px solid rgba(0,0,0,0.2);border-radius:4px;background:rgba(255,255,255,0.1);color:#666;font-size:15px;transition:all 0.3s ease}
.mikrosize-form-group input:focus,.mikrosize-form-group select:focus,.mikrosize-form-group textarea:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 2px rgba(244,117,42,0.2)}
.mikrosize-form-group input::placeholder,.mikrosize-form-group textarea::placeholder{color:rgba(255,255,255,0.5)}
.mikrosize-form-submit{margin-top:25px}
.mikrosize-btn-submit{background:var(--primary-orange);color:#ffffff;padding:12px 25px;border-radius:4px;font-weight:600;display:inline-flex;align-items:center;transition:all 0.3s ease;border:none;cursor:pointer;width:100%;justify-content:center}
.mikrosize-btn-submit:hover{background:#e36622;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.mikrosize-contact-info{padding-top:20px;border-top:1px solid rgba(255,255,255,0.2)}
.mikrosize-contact-item{display:flex;align-items:center;margin-bottom:15px;gap:15px}
.mikrosize-contact-item:last-child{margin-bottom:0}
.mikrosize-contact-icon{color:var(--primary-orange);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(244,117,42,0.1);border-radius:50%}
.mikrosize-contact-details{flex:1}
.mikrosize-contact-details span{color:#666;font-size:14px;display:block;margin-bottom:5px}
.mikrosize-contact-details a{color:#666;font-weight:600;font-size:16px;transition:color 0.3s ease}
.mikrosize-contact-details a:hover{color:var(--primary-orange)}
@media (max-width:992px){.mikrosize-product-grid{grid-template-columns:1fr;gap:40px}
.mikrosize-product-title,.mikrosize-contact-title{font-size:24px}
.mikrosize-contact-column{padding:25px}
}@media (max-width:576px){.mikrosize-product-list{padding:40px 0}
.mikrosize-product-title,.mikrosize-contact-title{font-size:22px}
.mikrosize-product-items a{font-size:15px}
.mikrosize-contact-column{padding:20px}
.mikrosize-contact-item{flex-direction:column;text-align:center;gap:10px}
.mikrosize-contact-icon{margin:0 auto}
}
