晶圆分类及光学检测(使用 DMC 读写和光学检测的晶圆分类机）
.services-carousel {
position: relative;
padding: 50px 70px 0px 70px;
max-width: 900px;
}
.services-carousel .wa-carousel-wrapper {
overflow-x: hidden;
overflow-y: visible;
position: relative;
height: auto;
}
.services-carousel .slick-list {
overflow: visible !important;
padding-bottom: 20px !important;
margin: 0 -10px;
}
.services-carousel .slick-track {
display: flex !important;
}
.services-carousel .wa-card {
margin: 0 10px;
overflow: visible;
display: flex;
flex-direction: column;
}
.services-carousel .slick-center .wa-card {
opacity: 1;
transform: scale(1);
}
.services-carousel .wa-card img {
width: 100%;
height: 315px;
object-fit: cover;
transition: transform 0.4s ease, box-shadow 0.4s ease;
display: block;
}
.services-carousel .wa-card-caption {
padding: 15px 10px;
text-align: center;
}
.services-carousel .wa-card-caption p {
font-family: “Nunito”, sans-serif;
font-weight: 600;
font-size: 0.95em;
margin: 0;
color: #373737;
}
.services-carousel .wa-nav span {
position: absolute;
top: 45%;
transform: translateY(-50%);
opacity: 0;
transition: all 0.4s ease;
cursor: pointer;
z-index: 5;
}
.services-carousel .wa-nav span:hover circle {
fill: #012D72;
transition: fill 0.3s ease;
}
.services-carousel .wa-nav span:hover path {
stroke: white;
transition: stroke 0.3s ease;
}
.services-carousel .wa-prev { left: -50px; }
.services-carousel .wa-next { right: -50px; }
.services-carousel:hover .wa-prev {
left: 15px;
opacity: 1;
}
.services-carousel:hover .wa-next {
right: 15px;
opacity: 1;
}
.services-carousel .slick-prev, .services-carousel .slick-next {
display: none !important;
}
.services-carousel .slick-dots {
bottom: -60px;
}
.services-carousel .slick-dots li button:before {
font-size: 12px;
color: #ccc;
opacity: 1;
}
.services-carousel .slick-dots li.slick-active button:before {
color: #111111;
}
@media (max-width: 767px) {
.services-carousel {
padding: 50px 20px 50px 20px;
}
.services-carousel .wa-nav {
display: none;
}
}
jQuery(document).ready(function($) {
// Initialize services slider with different settings
$(‘.services-slider’).slick({
slidesToShow: 2,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 4000,
infinite: true,
dots: false,
arrows: false,
centerMode: false,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 2,
centerPadding: ’40px’
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 1,
centerPadding: ’20px’
}
}
]
});
// Custom arrow functionality for services
$(‘.services-nav .wa-prev’).on(‘click’, function() {
$(‘.services-slider’).slick(‘slickPrev’);
});
$(‘.services-nav .wa-next’).on(‘click’, function() {
$(‘.services-slider’).slick(‘slickNext’);
});
});
