﻿
      main{padding-bottom:0}
.common-wrapper{max-width:1550px;width:100%}
@media (max-width:1550px){.common-wrapper{padding:0 20px}
}.home-about{padding:4% 0;position:relative}
.home-about .circle{position:absolute;top:-75%;left:50%;transform:translateX(-50%);width:100%;max-width:855px;aspect-ratio:1/1;border-radius:50%;border:150px solid #c1986d;opacity:.1;z-index:0}
.home-about .home-more{padding:1.5% 3%;color:#fff;background:#E87402;border-radius:3px}
.home-about .common-wrapper{z-index:1;position:relative}
.home-about .aboutinfo{width:48%}
.home-about .aboutinfo .icon{color:var(--color);font-weight:var(--fontbold6);text-transform:uppercase;display:inline-flex;align-items:center}
.home-about .aboutinfo .icon::before{content:"";display:inline-block;width:8px;height:8px;background:var(--color);margin-right:10px}
.home-about .aboutinfo .title{font-weight:var(--fontbold6);line-height:1.2;font-size:46px;color:#000;margin:10px 0}
.home-about .aboutinfo .title span{font-size:var(--fontsize40)}
.home-about .aboutinfo .text{color:#666;margin-bottom:20px}
.home-about #aboutswiper{margin-top:30px;max-width:650px;margin-left:0;overflow:hidden}
.home-about #aboutswiper .swiper-slide img{border-radius:5px}
.home-about #aboutswiper .swiper-meta{display:flex;align-items:center;justify-content:space-between;margin-top:15px}
.home-about #aboutswiper .line{flex:1;width:100%;height:1px;background:var(--color);margin:0 10px}
.home-about #aboutswiper .aboutswiper-pagination{width:auto}
.home-about #aboutswiper .aboutswiper-pagination .swiper-pagination-bullet{width:11px;height:11px;background:var(--color);margin-right:10px}
.home-about #aboutswiper .aboutswiper-next{width:40px;height:40px;background:#F8C695;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s linear}
.home-about #aboutswiper .aboutswiper-next:hover{background:#ccc}
.home-about #aboutswiper .aboutswiper-next em{color:#fff;font-size:var(--fontsize22)}
.home-about .aboutimg{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:45%;border-radius:10px 0 0 10px;z-index:1;overflow:hidden}
.home-about .aboutimg.act::after{display:none}
.home-about .aboutimg iframe,.home-about .aboutimg img,.home-about .aboutimg video{width:100%}
.home-about .aboutimg .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(11,11,11,.8);cursor:pointer;transition:all .2s linear;z-index:1}
.home-about .aboutimg .play:hover{width:55px;height:55px}
.home-about .aboutimg .play em{position:static;background:0 0;color:#fff;border:none;transform:none}
@media (max-width:1024px){.home-about{padding:40px 0}
.home-about .aboutinfo .title{font-size:var(--fontsize36)}
.home-about .aboutinfo .title span{font-size:var(--fontsize36)}
}@media (max-width:768px){.home-about .aboutinfo .title{font-size:var(--fontsize26)}
.home-about .aboutinfo .title span{font-size:var(--fontsize26)}
.home-about .aboutinfo{width:100%}
.home-about .aboutimg{position:relative;width:auto;transform:none;left:auto;right:auto;border-radius:10px;margin:10px}
}@media (max-width:500px){.home-about .aboutinfo .title{font-size:var(--fontsize24)}
.home-about .aboutinfo .title span{font-size:var(--fontsize24)}
}.home-num{position:relative;z-index:2;margin-bottom:-100px}
.home-num .numlist{background:var(--color);border-radius:10px;color:#fff;display:flex;flex-wrap:wrap}
.home-num .numlist li{width:25%;padding:20px 30px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.home-num .numlist li:nth-child(n+2)::before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:rgba(255,255,255,.3)}
.home-num .numlist li:nth-child(n+2)::after{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:3px;height:25px;background:#fff}
.home-num .numlist li .num{position:relative;line-height:1}
.home-num .numlist li .num span{font-size:40px;font-weight:var(--fontbold6);padding-right:4px}
.home-num .numlist li .num sub,.home-num .numlist li .num sup{position:absolute;left:100%;font-weight:var(--fontbold5);font-size:18px}
.home-num .numlist li .num sup{top:5px}
.home-num .numlist li .num sub{bottom:5px}
.home-num .numlist li p{font-size:18px;padding-top:10px}
@media (max-width:1024px){.home-num{margin-bottom:40px}
.home-num .numlist li{min-height:150px;width:50%}
.home-num .numlist li:nth-child(3)::after,.home-num .numlist li:nth-child(3)::before{display:none}
}@media (max-width:768px){.home-num .numlist li{padding:20px}
.home-num .numlist li .num span{font-size:30px}
.home-num .numlist li .num sup{top:-4px}
.home-num .numlist li .num sub{bottom:-4px}
}@media (max-width:500px){.home-num .numlist li{width:100%;min-height:inherit;align-items:center}
.home-num .numlist li .num{margin-left:-20px}
.home-num .numlist li::after,.home-num .numlist li::before{display:none}
}.home-product{padding:50px 0;position:relative;background:#f5f5f5}
.home-product .desc{font-size:18px;text-align:center}
.home-product .hotpro{display:none;transform:scale(.8);opacity:0}
.home-product .hotpro.act{display:block;animation:inproducts .5s forwards}
@keyframes inproducts{0%{transform:scale(.8);opacity:0}
100%{transform:scale(1);opacity:1}
}.home-product .common-wrapper{position:relative;max-width:1550px}
.home-product .promore{text-align:center;margin-top:40px}
.home-product .products-pagination{display:none}
.home-product #products{padding:20px 15px}
.home-product .hot-pro-box{margin-top:50px;position:relative}
.home-product .ps1-next,.home-product .ps1-prev,.home-product .ps2-next,.home-product .ps2-prev,.home-product .ps3-next,.home-product .ps3-prev,.home-product .ps4-next,.home-product .ps4-prev,.home-product .ps5-next,.home-product .ps5-prev{position:absolute;top:50%;transform:translateY(-50%);right:47px;width:45px;height:45px;background:var(--color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;z-index:9;cursor:pointer;transition:all .2s linear}
.home-product .ps1-next.swiper-button-disabled,.home-product .ps1-prev.swiper-button-disabled,.home-product .ps2-next.swiper-button-disabled,.home-product .ps2-prev.swiper-button-disabled,.home-product .ps3-next.swiper-button-disabled,.home-product .ps3-prev.swiper-button-disabled,.home-product .ps4-next.swiper-button-disabled,.home-product .ps4-prev.swiper-button-disabled,.home-product .ps5-next.swiper-button-disabled,.home-product .ps5-prev.swiper-button-disabled{opacity:0}
.home-product .ps1-next em,.home-product .ps1-next i,.home-product .ps1-prev em,.home-product .ps1-prev i,.home-product .ps2-next em,.home-product .ps2-next i,.home-product .ps2-prev em,.home-product .ps2-prev i,.home-product .ps3-next em,.home-product .ps3-next i,.home-product .ps3-prev em,.home-product .ps3-prev i,.home-product .ps4-next em,.home-product .ps4-next i,.home-product .ps4-prev em,.home-product .ps4-prev i,.home-product .ps5-next em,.home-product .ps5-next i,.home-product .ps5-prev em,.home-product .ps5-prev i{color:#FFFFFF;font-size:30px}
.home-product .ps1-prev,.home-product .ps2-prev,.home-product .ps3-prev,.home-product .ps4-prev,.home-product .ps5-prev{right:auto;left:47px}
.home-product .swiper-slide{width:330px}
.home-product .swiper-slide a{display:block;width:100%;background:#FFFFFF;box-shadow:0 8px 27px 0 rgba(215,215,215,.47);border-radius:10px;transition:all .2s linear;overflow:hidden}
.home-product .swiper-slide a .icon-hottitle{position:absolute;top:0;left:0;font-size:40px;color:var(--color);line-height:1;z-index:9}
.home-product .swiper-slide a:hover{box-shadow:0 8px 15px 0 rgba(215,215,215,.47)}
.home-product .swiper-slide a:hover .img img{transform:scale(1.02)}
.home-product .swiper-slide a:hover .more em{background:var(--color);color:#FFFFFF}
.home-product .swiper-slide .img{width:100%;aspect-ratio:1/1}
.home-product .swiper-slide .img img{width:100%;height:100%;object-fit:cover}
.home-product .swiper-slide .info{padding:20px 20px;font-weight:var(--fontbold6)}
.home-product .swiper-slide .info .title{font-size:18px;text-align:left}
.home-product .swiper-slide .info .desc{color:#666666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;margin-top:10px;font-weight:normal}
#ps1{overflow:hidden}
.home-product .home-title{font-weight:var(--fontbold6);font-size:44px;color:#000;text-align:center;margin-bottom:5px}
.home-product .swiper-slide .info .more{color:var(--color);display:flex;align-items:center;justify-content:space-between;margin-top:10px;text-transform:capitalize}
.home-product .swiper-slide .info .more em{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#F1F1F1;border-radius:50%;color:#666666;transition:all .2s linear}
@media(max-width:1024px){.home-product .swiper-slide{width:260px}
.home-product .hot-pro-box{margin-top:20px}
}.home-services{position:relative;width:100%;overflow:hidden}
.home-services *{box-sizing:border-box}
.home-services .bg-area{background-image:url('https://www.oset-mac.com/Content/uploads/20261028349/202608211617595c1183a0e0904aa3a3e514f2b628f0f1.webp');background-size:cover;background-position:center;padding:80px 15px 120px;text-align:center;position:relative}
.home-services .top-text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin-top:100px}
.home-services .home-title{font-size:50px;color:#fff;margin:0;font-weight:600;line-height:1.2}
.home-services .title-line{width:40px;height:2px;background-color:var(--color);margin:20px 0}
.home-services .subtitle{font-size:18px;color:#fff;line-height:1.6;max-width:1000px;margin:0}
.home-services .content-box{position:relative;z-index:3;background:#fafafa;padding:50px 40px;margin-top:-60px}
.home-services .list-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;background:#F9F9F9}
.home-services .item{padding:20px 15px;display:flex;flex-direction:column;align-items:center}
.home-services .pic{width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;margin-bottom:20px;min-height:200px}
.home-services .pic img{display:block;width:auto;max-width:100%;height:auto;object-fit:contain;transition:transform 0.4s ease}
.home-services .item:hover .pic img{transform:scale(1.04)}
.home-services .name{width:100%;font-size:18px;color:#333;display:flex;justify-content:center;align-items:center;line-height:1.4;text-align:center}
.home-services .name span{flex-shrink:0;margin-right:5px;font-size:16px}
.home-services .btn-box{display:flex;justify-content:center;margin-top:50px}
.home-services .btn{display:inline-flex;align-items:center;justify-content:center;min-width:180px;background-color:var(--color);color:#000;padding:1% 9%;font-size:16px;text-decoration:none;font-weight:500;transition:opacity 0.3s ease;border:none;border-radius:5px;cursor:pointer}
.home-services .btn:hover{opacity:0.85}
@media (max-width:1200px){.home-services .bg-area{padding:70px 20px 110px}
.home-services .top-text{margin-top:70px}
.home-services .home-title{font-size:44px}
.home-services .content-box{padding:40px 30px;margin-top:-50px}
.home-services .list-grid{gap:15px}
.home-services .item{padding:15px 10px}
}@media (max-width:1024px){.home-services .bg-area{padding:60px 20px 100px}
.home-services .top-text{margin-top:50px}
.home-services .home-title{font-size:38px}
.home-services .subtitle{max-width:700px;font-size:16px}
.home-services .content-box{padding:35px 25px;margin-top:-45px}
.home-services .list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}
.home-services .pic{margin-bottom:15px}
.home-services .name{font-size:16px}
.home-services .btn-box{margin-top:35px}
}@media (max-width:768px){.home-services .bg-area{padding:50px 15px 80px}
.home-services .top-text{margin-top:30px}
.home-services .home-title{font-size:30px}
.home-services .title-line{margin:15px 0}
.home-services .subtitle{max-width:600px;font-size:14px;line-height:1.7}
.home-services .content-box{padding:25px 15px;margin-top:-30px}
.home-services .list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}
.home-services .item{padding:10px 5px}
.home-services .pic{margin-bottom:12px}
.home-services .name{font-size:15px;line-height:1.5}
.home-services .name span{font-size:14px;margin-right:3px}
.home-services .btn-box{margin-top:30px}
.home-services .btn{min-width:160px;padding:12px 30px;font-size:15px}
}@media (max-width:480px){.home-services .bg-area{padding:40px 15px 65px}
.home-services .top-text{margin-top:15px}
.home-services .home-title{font-size:25px}
.home-services .title-line{width:30px;height:2px;margin:12px 0}
.home-services .subtitle{font-size:13px;line-height:1.6}
.home-services .content-box{padding:20px 10px;margin-top:-25px}
.home-services .list-grid{grid-template-columns:1fr;gap:25px}
.home-services .item{padding:5px 10px}
.home-services .pic{margin-bottom:10px}
.home-services .name{font-size:15px}
.home-services .btn-box{margin-top:25px}
.home-services .btn{width:100%;max-width:220px;padding:12px 20px}
}.home-certificate{width:100%;background:linear-gradient(0deg,#FFE7CF 0%,#FFFFFF 68%);padding:60px 0 40px;box-sizing:border-box;overflow:hidden}
.home-certificate *{box-sizing:border-box}
.home-certificate .home-title-box{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}
.home-certificate .home-title{font-size:50px;color:#000;font-weight:bold;margin:0;line-height:1.2;text-align:center}
.home-certificate .home-line{width:40px;height:3px;background-color:var(--color);margin-top:15px}
.home-certificate .home-cert-swiper{width:100%;padding-bottom:45px}
.home-certificate .home-cert-item{border-radius:4px;padding:8px;transition:all 0.3s ease;cursor:pointer}
.home-certificate .home-cert-pic{width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;border:3px solid transparent;border-image:linear-gradient(0deg,#E87402,#eea214) 1}
.home-certificate .home-cert-pic img{width:100%;height:auto;display:block;object-fit:contain;transition:transform 0.3s ease}
.home-certificate .home-cert-item:hover .home-cert-pic img{transform:scale(1.04)}
.home-certificate .swiper-pagination-bullet{width:10px;height:10px;background:#dcdcdc;opacity:1;margin:0 4px !important;transition:background-color 0.3s ease}
.home-certificate .swiper-pagination-bullet-active{background:var(--color)}
@media (max-width:1024px){.home-certificate{padding:40px 0 30px}
.home-certificate .home-title{font-size:38px}
}@media (max-width:768px){.home-certificate{padding:30px 0 20px}
.home-certificate .home-title{font-size:28px}
.home-certificate .home-cert-item{padding:5px}
}.home-news{width:100%;background-color:#f9f9f9;padding:60px 0;box-sizing:border-box}
.home-news *{box-sizing:border-box}
.home-news .home-title-box{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}
.home-news .home-title{font-size:50px;color:#000;font-weight:bold;margin:0;line-height:1.2;text-align:center}
.home-news .home-line{width:40px;height:3px;background-color:var(--color);margin-top:15px}
.home-news .home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.home-news .home-item{background:#fff;transition:all 0.3s ease}
.home-news .home-item:hover{box-shadow:0 10px 30px rgba(0,0,0,0.1);transform:translateY(-5px)}
.home-news .home-link{text-decoration:none;color:inherit;display:block;height:100%}
.home-news .home-pic{width:100%;overflow:hidden;position:relative;padding-bottom:71.4%}
.home-news .home-pic img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}
.home-news .home-item:hover .home-pic img{transform:scale(1.04)}
.home-news .home-content{padding:20px;display:flex;flex-direction:column;min-height:220px}
.home-news .home-item-title{font-size:20px;color:#333;font-weight:bold;margin:0 0 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home-news .home-desc{font-size:16px;color:#666;line-height:1.5;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}
.home-news .home-more{display:flex;align-items:center;font-size:14px;color:#333;font-weight:bold;margin-top:auto;transition:color 0.3s ease;padding:8px 12px;width:max-content}
.home-news .home-item:hover .home-more{background-color:var(--color);color:#000}
.home-news .home-btn-box{display:flex;justify-content:center;margin-top:50px}
.home-news .home-btn{display:inline-block;padding:12px 40px;border:1px solid #333;color:#333;font-size:16px;text-decoration:none;transition:all 0.3s ease}
.home-news .home-btn:hover{background-color:var(--color);border-color:var(--color);color:#fff}
@media (max-width:1024px){.home-news{padding:40px 0}
.home-news .home-title{font-size:38px}
.home-news .home-grid{grid-template-columns:repeat(2,1fr)}
.home-news .home-content{min-height:auto}
}@media (max-width:768px){.home-news{padding:30px 0}
.home-news .home-title{font-size:28px}
.home-news .home-grid{grid-template-columns:1fr}
.home-news .home-btn-box{margin-top:30px}
}.home-contact{width:100%;position:relative;font-family:Arial,sans-serif;overflow:hidden}
.home-contact *{box-sizing:border-box}
.home-contact .home-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:1}
.home-contact .home-left-bg{width:50%;height:100%;background-image:url('https://www.oset-mac.com/Content/uploads/20261028349/2026082115530380657294bb1a4ca487689b57ddeb90fb.jpg');background-size:cover;background-position:center;position:relative}
.home-contact .home-right-bg{width:50%;height:100%;background-image:url('https://www.oset-mac.com/Content/uploads/20261028349/2026082115532893f52abf6db54697a45dd584235cc146.png');background-size:cover;background-position:center;background-color:var(--color)}
.home-contact .common-wrapper{margin:0 auto;width:100%;position:relative;z-index:2;display:flex;flex-wrap:wrap}
.home-contact .home-left-box{width:50%;padding:80px 50px 80px 0}
.home-contact .home-subtitle{font-size:20px;color:var(--color);font-weight:400;margin-bottom:10px}
.home-contact .wmkcfeedback .send-btn{width:100%;color:var(--color);background:#151515}
.home-contact .send-inquiry .inquiry-form input.wmkcfb-title{width:100%}
.home-contact .home-title{font-size:35px;color:#000;font-weight:bold;margin:0 0 20px;line-height:1.2}
.home-contact .home-line{width:40px;height:3px;background-color:var(--color);margin-bottom:30px}
.home-contact .home-info-list{list-style:none;padding:0;margin:0}
.home-contact .home-info-list li{display:flex;align-items:flex-start;margin-bottom:15px;font-size:20px;color:#333;line-height:1.5;transition:transform 0.3s ease}
.home-contact .home-info-list li:hover{transform:translateX(5px)}
.home-contact .home-info-list li i{color:var(--color);font-size:18px;margin-right:12px;margin-top:2px;width:20px;text-align:center}
.home-contact .home-right-box{width:50%;padding:60px 0 60px 50px;display:flex;align-items:center;justify-content:center}
.home-contact .home-form-container{width:100%;min-height:450px}
@media (max-width:1024px){.home-contact .home-bg-wrapper{flex-direction:column}
.home-contact .home-left-bg,.home-contact .home-right-bg{width:100%;height:50%}
.home-contact .common-wrapper{flex-direction:column}
.home-contact .home-left-box,.home-contact .home-right-box{width:100%;padding:50px 30px}
.home-contact .home-title{font-size:38px}
}@media (max-width:768px){.home-contact .home-left-box,.home-contact .home-right-box{padding:40px 20px}
.home-contact .home-title{font-size:28px}
.home-contact .home-info-list li{font-size:14px}
}.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{display:none}
#swiper-banner .banner-text{position:absolute;left:10%;top:42%;transform:translate(0,-50%);color:#fff}
#swiper-banner .banner-sub{font-size:1.5vw;color:var(--color)}
#swiper-banner .banner-title1{font-size:7vw;line-height:1.2;font-weight:800;position:relative;margin-bottom:3%;width:fit-content}
#swiper-banner .banner-title1::after{content:'';position:absolute;left:0;width:100%;height:20%;bottom:8%;background:var(--color);z-index:-1}
#swiper-banner .banner-list{margin:5% 0}
#swiper-banner .banner-list li{font-size:1.4vw;display:flex;align-items:center}
#swiper-banner .banner-list li img{max-width:1.6vw;margin-right:2%}
.banner-btns{display:flex;align-items:center}
.banner-btns a{padding:1% 6%;text-align:center;font-size:1.2vw;width:fit-content}
.banner-btns a:first-child{color:#fff;background:var(--color);margin-right:3%}
.banner-btns a:last-child{background:#fff;color:#000}