﻿.oem-odm .page-main{padding:0}
.oem-odm-title{font-weight:500;font-size:28px;color:#0b1b2b;text-align:center}
.oem-odm-des{margin:10px auto 30px;text-align:center}
.oem-odm-1{display:flex;align-items:center;justify-content:space-between;padding:5% 0}
.oem-odm-1 .oem-odm-des,.oem-odm-1 .oem-odm-title{text-align:left}
.oem-odm-1 .oem-odm-more{min-width:248px;height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;background:#ff679a;color:#fff;border-radius:25px;cursor:pointer}
.oem-odm-1 .left{width:50%}
.oem-odm-1 .right{flex:1;padding-left:50px}
.oem-odm-2{position:relative;z-index:1;padding:5% 0}
.oem-odm-2::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:0;width:1920px;height:100%;background:url(/uploads/43960/page/p2025080513381454bcb.png) no-repeat center;background-size:100% 100%;z-index:-1}
.oem-odm-2 .kche-t155-item{background:#fff;margin-bottom:20px;transition:all .1s linear;margin-bottom:2em;width:32%}
.oem-odm-2 .kche-t155-item:hover{background:#875ed4}
.oem-odm-2 .kche-t155-item:hover .kche-t155-text{color:#fff}
.oem-odm-2 .kche-t155-item:hover .kche-t155-text p{color:#fff}
.oem-odm-2 .kche-t155-item:hover .kche-t155-text::before{background-color:#875ed4}
.oem-odm-2 .kche-t155-item .kche-t155-img{position:relative}
.oem-odm-2 .kche-t155-item .kche-t155-img img{object-fit:cover}
.oem-odm-2 .kche-t155-item .kche-t155-text{position:relative}
.oem-odm-2 .kche-t155-item .kche-t155-text::before{content:"";position:absolute;left:0;top:-45px;width:100%;height:50px;mask:no-repeat center;mask-image:url(/uploads/43960/page/p20250806134249de7cc.png);mask-size:100% 100%;background-color:#fff;transition:all .1s linear}
.oem-odm-3{position:relative;padding:5% 0}
.oem-odm-3 .item1 .list li::before{background:rgba(135,94,212,.86)}
.oem-odm-3 .item2 .list li::before{background:rgba(255,103,154,.86)}
.oem-odm-3 .item3 .list li::before{background:rgba(135,94,212,.86)}
.oem-odm-3 .list{display:flex;flex-wrap:wrap;justify-content:space-between}
.oem-odm-3 .list li{width:32%;aspect-ratio:1/1;position:relative;border-radius:10px;overflow:hidden;margin-bottom:2em}
.oem-odm-3 .list li::before{content:"";position:absolute;top:65%;left:50%;transform:translateX(-50%);width:200%;height:100%;background:rgba(135,94,212,.86);clip-path:circle(58% at 50% 100%);transition:all .1s linear}
.oem-odm-3 .list li .img{width:100%;height:100%}
.oem-odm-3 .list li .img img{width:100%;height:100%;object-fit:cover}
.oem-odm-3 .list li .info{position:absolute;bottom:0;left:0;width:100%;height:100px;text-align:center;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s linear}
.oem-odm-3 .list li:hover::before{top:0;background:rgba(26,0,75,.5);clip-path:circle(100% at 50% 86%)}
.oem-odm-3 .list li:hover .info{height:100%}
.oem-odm-3 .item4 .kche-t41 .kche-item-img{border:1px solid #ddb841;border-radius:10px}
.oem-odm-3 .item4 .kche-t41 .kche-item-img img{border:none}
.oem-odm-label{text-align:center;font-weight:500;font-size:24px;color:#0b1b2b}
.oem-odm-label-des{text-align:center}
.oem-odm-4{position:relative;z-index:1;padding:5% 0;color:#fff}
.oem-odm-4 .oem-odm-title{color:#fff}
.oem-odm-4::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:1920px;height:100%;background:url(/uploads/43960/page/p2025080610475174d09.png) no-repeat center;background-size:100% 100%;z-index:-1}
.oem-odm-4 .oemodm-swiper .swiper-slide{display:flex;align-items:center;justify-content:space-between;padding-right:60px}
.oem-odm-4 .oemodm-swiper .swiper-slide .left{width:50%;padding-right:50px}
.oem-odm-4 .oemodm-swiper .swiper-slide .title{font-weight:700;font-size:26px;color:#fff}
.oem-odm-4 .oemodm-swiper .swiper-slide .more{min-width:162px;height:50px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;background:#ff679a;color:#fff;border-radius:25px;cursor:pointer}
.oem-odm-4 .oemodm-swiper .swiper-slide .right{flex:1}
.oem-odm-4 .oemodm-swiper .swiper-slide .right img{border-radius:10px}
.oem-odm-4 .oemodm-swiper .oemodmswiper-pagination{position:absolute;width:30px!important;left:auto!important;right:0;top:50%;transform:translateY(-50%);bottom:auto!important;z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}
.oem-odm-4 .oemodm-swiper .oemodmswiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#ff679a;color:#ff679a;font-weight:600;font-size:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;opacity:1;transition:all .1s linear}
.oem-odm-4 .oemodm-swiper .oemodmswiper-pagination .swiper-pagination-bullet-active{color:#fff;width:34px;height:34px;font-size:16px}
.oem-odm-5 .list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:100px}
.oem-odm-5 .list li{width:32%;border-radius:10px;position:relative;padding:30px;padding-top:70px;text-align:center;z-index:1}
.oem-odm-5 .list li:nth-child(1)::after{background:#f4f0fb}
.oem-odm-5 .list li:nth-child(1) .icon{background:#875ed4}
.oem-odm-5 .list li:nth-child(1)::before{border-color:#875ed4}
.oem-odm-5 .list li:nth-child(2)::after{background:#e6f6fa}
.oem-odm-5 .list li:nth-child(2) .icon{background:#5ec9e1}
.oem-odm-5 .list li:nth-child(2)::before{border-color:#5ec9e1}
.oem-odm-5 .list li:nth-child(3)::after{background:#fff0f5}
.oem-odm-5 .list li:nth-child(3) .icon{background:#ff679a}
.oem-odm-5 .list li:nth-child(3)::before{border-color:#ff679a}
.oem-odm-5 .list li::after{content:"";position:absolute;left:0;top:0;border-radius:10px;width:100%;height:100%;background:#eee;z-index:-1}
.oem-odm-5 .list li::before{content:"";position:absolute;left:10px;top:10px;border-radius:10px;width:100%;height:100%;border:1.5px dashed #ccc;z-index:-1}
.oem-odm-5 .list li .icon{width:100px;height:100px;background:#ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;transform:translateX(-50%);top:-50px}
.oem-odm-5 .list li .p1{font-weight:500;font-size:22px;color:#0b1b2b}
.oem-odm-5 .list li .p2{color:#666}
.oem-odm-6{position:relative;z-index:1;padding:8% 0 5%;display:flex}
.oem-odm-6::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:1920px;height:100%;background:url(/uploads/38268/page/p20250806143813a62c9.png) no-repeat center;background-size:100% 100%;z-index:-1}
.oem-odm-6 .left{display:flex;flex-direction:column;gap:20px;width:360px}
.oem-odm-6 .left img{width:100%}
.oem-odm-6 .right{flex:1;padding-left:100px}
.oem-odm-6 .faq-list{margin-top:2em}
.oem-odm-6 .faq-list li{border-bottom:1.5px dashed #ff679a;padding-bottom:15px;margin-bottom:15px}
.oem-odm-6 .faq-list li .faq-title{position:relative;padding-left:20px;font-size:18px;font-weight:500;cursor:pointer}
.oem-odm-6 .faq-list li .faq-title em{position:absolute;left:0;top:2px}
.oem-odm-6 .faq-list li .faq-content{display:none;padding-left:22px;}
.oem-odm-6 .faq-list li.active .faq-title{color:#ff679a}
@media (max-width:1024px){.oem-odm-title{font-size:24px}
.oem-odm-1{flex-direction:column}
.oem-odm-1 .left{width:100%}
.oem-odm-1 .title img{height:40px}
.oem-odm-1 .right{padding:0;width:100%;margin-top:2em}
.oem-odm-3 .list li .info{font-size:15px}
.oem-odm-6 .right{padding-left:30px}
}
@media (max-width:768px){.oem-odm-1 .title img{height:20px}
.oem-odm-1 .right iframe{height:240px!important}
.oem-odm-2 .kche-t155-item{width:100%}
.oem-odm-3 .list li{width:48%}
.oem-odm-4 .oemodm-swiper .swiper-slide{padding-right:38px;flex-direction:column}
.oem-odm-4 .oemodm-swiper .swiper-slide .left{width:100%;padding:0;margin-bottom:20px}
.oem-odm-5 .list{gap:100px}
.oem-odm-5 .list li{width:100%}
.oem-odm-6{flex-direction:column}
.oem-odm-6 .left{width:100%;flex-direction:row;gap:0;justify-content:space-between}
.oem-odm-6 .left img{width:48%}
.oem-odm-6 .right{padding:0;margin-top:20px}
}
.oem-odm-2 .kche-t155-item .kche-t155-text .step{position: absolute;left: 50%;top: -30px;height: 40px;transform: translateX(-50%);background-color: #FF679A;border-radius: 30px;padding: 0 20px;color: #fff;display: inline-flex;align-items: center;}