﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage211-page5 .wmpage211-page5-text{display:inline-block;position:relative;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);padding-left:20px;left:50%;transform:translateX(-50%)}
.wmpage211-page5 .wmpage211-page5-text:before{content:'';position:absolute;width:14px;height:7px;background-color:var(--color);border-top-left-radius:7px;border-top-right-radius:7px;left:0;top:50%;transform:translateY(-50%) rotate(-90deg)}
.wmpage211-page5 .wmpage-title{color:var(--wmpage-color22);text-align:center}
.wmpage211-page5 .wmpage211-page5-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:30px}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left{width:22%}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li{display:flex;justify-content:space-between;align-items:center;border:1px solid #ddd;border-radius:35px;transition:all .2s linear;cursor: pointer;}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li.active{background:var(--color);border:1px solid transparent}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li:nth-child(-n+4){margin-bottom:20px}
.wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-letter{padding:15px 25px;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font18);flex:1;transition:all .2s linear}
.wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-letter{color:#fff}
.wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-icon{display:inline-flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:50%;margin:5px;background:#f6f6f6;transition:all .2s linear}
.wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-icon{background:#fff}
.wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-icon em{transform:rotate(-30deg);color:var(--color);transition:all .2s linear}
.wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-icon em{color:var(--wmpage-color22)}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-right{width:75%;position:relative;overflow:hidden}
.wmpage211-page5 .wmpage211-page5-right .wmpage211-page5-item{visibility:hidden;opacity:0;transform:scale(.8);transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out;position:absolute;top:0;left:0;width:100%}
.wmpage211-page5 .wmpage211-page5-right .wmpage211-page5-item.active{visibility:visible;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;opacity:1;transform:scale(1);position:relative}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img{width:36%}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img img{width:100%;height:auto;border-radius:30px;object-fit:cover}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-info{width:61%}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20)}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-desc{color:var(--wmpage-color8);margin:10px 0 20px}
.wmpage211-page5 .wmpage211-page5-item ul li{display:flex;align-items:center;color:var(--wmpage-color8);font-weight:var(--fontbold6);margin-top:7px}
.wmpage211-page5 .wmpage211-page5-item ul li em{color:var(--color);font-weight:var(--fontbold5);margin-right:10px}
@media screen and (max-width:1024px){.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left{width:100%;margin-bottom:30px}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-right{width:100%}}
@media screen and (max-width:768px){.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img{width:100%;margin-bottom:30px}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-info{width:100%}}

.oem-odm>.l-wrap{padding:0;max-width:100%}
.oemheader{text-align:center}
.oemtitle{font-weight:600;font-size:44px;color:#0b1b2b;line-height:60px}
.oem-text{color:#4a4a4c;line-height:30px;margin-top:30px}
.common-main.oem-odm .page-main{padding:0}
.oem-padding{padding:100px 0}
.odm1 .l-wrap{display:flex;justify-content:space-between;align-items:center}
.odm1 .img{width:48.75%;background:#fff;border-radius:6px;overflow:hidden}
.odm1 .info{flex:1;padding-left:80px}
.odm1 .text{color:#000003;line-height:30px;margin-top:25px}
.odm1 .text span{font-size:20px;color:var(--color);font-weight:700}
.odm2{background:#f6f6f6}
.odm2-contant{display:flex;justify-content:space-between;margin-top:50px}
.odm2-contant .list{width:27%}
.odm2-contant .list .active{background:var(--color);color:#fff}
.odm2-contant .list .active .text{color:#fff}
.odm2-contant .list li{display:flex;align-items:center;padding:35px 50px;background:#e9f5fa;border-radius:6px;margin-bottom:20px;cursor:pointer}
.odm2-contant .list .icon{margin-right:20px;display:flex;justify-content:center;align-items:center;line-height:1}
.odm2-contant .list .text{font-weight:600;font-size:20px;color:#000003}
.odm2-contant .list .icon em{width:40px;font-size:40px}
.odm2-contant .list li:last-child{margin-bottom:0}
.odm2-contant .contant{width:73%;padding-left:4.5%}
.odm2-contant .contant .item{display:none}
.odm2-contant .contant .box{display:flex;justify-content:space-between}
.odm2-contant .contant .info{width:32.5%}
.odm2-contant .odm2Swiper{padding-bottom:35px}
.odm2-contant .odm2Swiper .swiper-pagination{bottom:0}
.odm2-contant .contant .info .img img{aspect-ratio:1/1;background:#fff;border-radius:6px;border:1px solid #d2d2d2;object-fit:cover;width:100%}
.odm2-contant .contant .info .img p{font-weight:700;font-size:20px;color:#000003;line-height:30px;text-align:center;margin-top:15px}
.odm2-contant .contant .text{flex:1;padding-left:50px;margin-top:50px}
.odm2-contant .contant .text ul{padding:10px 0}
.odm2-contant .contant .text .title{font-weight:600;font-size:26px;color:#000003;line-height:36px}
.odm2-contant .contant .text .txt{font-size:18px;color:#3a3a3c;line-height:30px;margin-top:20px}
.odm2-contant .contant .btn{display:flex;margin-top:40px}
.odm2-contant .contant .btn a{font-weight:700;color:var(--color);line-height:30px}
.odm3-contant{display:flex;justify-content:space-between;margin-top:40px}
.odm3-contant .item{background:#fff;box-shadow:0 10px 20px 0 rgba(6,0,1,.1);border-radius:6px;width:48.5%;text-align:center;padding:60px 50px;transition:all .3s ease-in-out}
.odm3-contant .icon{display:flex;justify-content:center;margin-bottom:20px}
.odm3-contant .icon em{font-size:44px;width:44px;line-height:1}
.odm3-contant .text .title{font-weight:700;font-size:20px;color:#0b1b2b;line-height:1;margin-bottom:20px}
.odm3-contant .text .text{color:#666;line-height:30px}
.odm3-contant .item .btn{display:flex;justify-content:center;margin-top:30px}
.odm3-contant .item .btn a{font-weight:600;color:#0b2153;line-height:30px}
.odm3-contant .item:hover{background:var(--color);color:#fff}
.odm3-contant .item:hover .btn a,.odm3-contant .item:hover .text,.odm3-contant .item:hover .title{color:#fff}
.odm4{background:#efefef}
.odm4-contant{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px}
.odm4-contant .box{width:30%;margin-bottom:50px;position:relative}
.odm4-contant .box:nth-last-child(-n+3){margin-bottom:0}
.odm4-contant .box .text .title{font-weight:600;font-size:24px;color:#0b1b2b;line-height:1.25;margin:35px 0 20px}
.odm4-contant .box .icon{width:70px;height:70px;background:var(--color);box-shadow:0 10px 20px 0 rgba(27,49,96,.5);border-radius:10px;display:flex;justify-content:center;align-items:center;line-height:1}
.odm4-contant .box .icon em{font-size:32px;width:32px;color:#fff;list-style:1}
.odm4-contant .box:last-child{background:url(/Content/uploads/20251176559/20251222101722aca04b94bfcc4e638893d68bda8130a3.png) center no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center}
.odm4-contant .box .txt{text-align:center}
.odm4-contant .box .txt p{font-weight:600;font-size:26px;color:#fff;line-height:30px}
.odm4-contant .box .txt a{color:#fff;padding:15px 30px;background:var(--color);display:inline-block;line-height:1;margin-top:30px;border-radius:10px}
.odm4 .arrows{position:absolute;right:-50px;top:70%;transform:translateY(-50%)}
.odm4 .arrows em{font-size:24px;color:#030303;font-weight:700}
.odm5-contant{display:flex;justify-content:space-between;margin-top:40px}
.odm5-item{background:#fff;border-radius:6px;width:32%}
.odm5-img{background:#fff;border-radius:6px;overflow:hidden}
.odm5-text{margin-top:20px}
.odm5-text p{font-weight:600;font-size:20px;color:#000003;line-height:30px;text-align:center}
.odm6{background:var(--color)}
.odm6 .oemtitle{color:#fff}
.odm6-contant{display:flex;justify-content:space-between;margin-top:50px}
.odm6-item{width:48.5%;padding:60px 50px;background:#ffffff17;border-radius:6px}
.odm6-top{display:flex;align-items:center;line-height:1}
.odm6-top .icon{display:flex;margin-right:30px}
.odm6-top .icon em{font-size:42px;width:42px;color:#fff}
.odm6-top .title{font-weight:700;font-size:20px;color:#fff;line-height:30px}
.odm6-bottom{color:#fff;line-height:30px;opacity:.6;margin-top:30px}
.partner-faq{margin-top:40px}
.partner-faq li{background:#e9f5fa;margin-top:20px}
.partner-faq li .title{display:flex;justify-content:space-between;padding:20px;cursor:pointer}
.partner-faq li .title p{flex:1;font-size:var(--fontsize20);font-weight:var(--fontbold6);color:#0b1b2b}
.partner-faq li .title .icon{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:#0b1b2b;margin-left:10px;transition:all .1s linear}
.partner-faq li .text{border-top:1px solid rgba(210,210,210,.2);padding:20px;color:#666;display:none}
.partner-faq li.act .title .icon{background-color:var(--color);transform:rotate(90deg);color:#fff}
.odm7 .l-wrap{display:flex;align-items:center;justify-content:space-between}
.odm7-left{width:48.5%}
.odm7-right{width:48.5%;background:#f5f5f5;border-radius:6px;padding:60px}
.odm7-inquiry .wmkcfeedback .inquiry-form>*{width:100%}
.odm7-inquiry .wmkcfeedback .send-btn{min-width:100%}
.odm7-inquiry .wmkcfeedback input{height:60px}
.odm7-right .title{font-weight:600;font-size:30px;color:#0b1b2b;line-height:30px;margin-bottom:30px}
.odm7-right .text{font-size:16px;color:#6a6f78;line-height:30px}
.odm7-inquiry{margin-top:30px}
.pagesbanner .pagesbanner-animate{text-align: left;padding-left: 8%;}
.pagesbanner .pagesbanner-animate .p1{font-size: 52px;color: #FFFFFF;line-height: 36px;}
.pagesbanner .pagesbanner-animate .p2{font-size: 22px;}
@media (max-width:1640px) {
    .oem-padding{padding: 80px 0;}
    .oemtitle{font-size: 32px;line-height: 1.52;}
    .odm1 .text{margin-top: 6px;}
    .oem-text{margin-top: 10px;}
    .odm2-contant .contant .info .img p{font-size: 16px;}
    .odm2-contant .list li{padding: 25px 40px;}
    .odm2-contant .list .text{font-size: 18px;line-height: 1;}
    .odm2-contant .list .icon em {width: 35px;font-size: 35px;}
    .odm2-contant .contant .btn{margin-top: 25px;}
    .odm3-contant .text .title{margin-bottom: 10px;}
    .odm3-contant .item{padding: 50px 40px;}
    .odm4-contant .box .icon{width: 60px;height: 60px;}
    .odm4-contant .box .text .title{font-size: 20px;margin: 25px 0 15px;}
    .pagesbanner .pagesbanner-animate{text-align: left;padding-left: 70px;}
    .pagesbanner .pagesbanner-animate .p1{font-size: 42px;}
    .pagesbanner .pagesbanner-animate .p2{font-size: 20px;}
}
@media (max-width:1366px) {
    .oem-padding {padding: 70px 0;}
    .oemtitle{font-size: 26px;}
    .odm1 .info{padding-left: 50px;}
    .odm2-contant .contant .text .txt{font-size: 16px;margin-top: 10px;}
    .odm2-contant .list li {padding: 20px 35px;}
    .odm2-contant .contant .text{padding-left: 35px;margin-top: 35px;}
    .odm2-contant .contant .text .title{font-size: 22px;line-height: 1;}
    .odm2-contant .contant {width: 70%;padding-left: 3%;}
    .odm2-contant .list {width: 30%;}
    .odm2-contant{margin-top: 30px;}
    .odm3-contant .item {padding: 35px 40px;}
    .odm5-text p{font-size: 16px;}
    .odm6-item{padding: 50px 40px;}
    .odm6-bottom{margin-top: 20px;}
    .odm6-top .title,.partner-faq li .title p{font-size: 18px;}
    .odm7-right .title{font-size: 24px;margin-bottom: 15px;}
    .odm7-right{padding: 35px;}
    .odm7-inquiry {margin-top: 20px;}
    .pagesbanner .pagesbanner-animate .p1{font-size: 32px;}
    .pagesbanner .pagesbanner-animate .p2{font-size: 16px;}
}
@media (max-width:1024px) {
    .oemtitle{font-size: 24px;}
    .odm1 .info {padding-left: 30px;}
    .oem-padding {padding: 55px 0;}
    .odm2-contant{flex-direction: column;}
    .odm2-contant .contant {width: 100%;padding-left: 0;}
    .odm2-contant .list {width: 100%;display: flex;justify-content: space-between;}
    .odm2-contant .list li {padding: 15px 30px;width: 32%;margin-bottom: 0;}
    .odm2-contant .contant{margin-top: 25px;}
    .odm2-contant .contant .text{margin-top: 65px;}
    .odm3-contant .item .btn{margin-top: 20px;}
    .odm3-contant .item{padding: 30px 25px;}
    .odm3-contant .icon{margin-bottom: 10px;}
    .odm3-contant .icon em{font-size: 34px;width: 34px;}
    .odm3-contant{margin-top: 25px;}
    .odm4-contant .box{width: 48.5%;}
    .odm4-contant .box:nth-last-child(-n+3){margin-bottom: 50px;}
    .odm4-contant .box .txt p{font-size: 22px;}
    .odm4-contant .box .txt a{padding: 10px 25px;font-size: 14px;border-radius: 6px}
    .odm4-contant .box .icon em{font-size: 24px;width: 24px;}
    .odm7 .l-wrap{flex-direction: column;}
    .odm7-left {width: 100%;}
    .partner-faq {margin-top: 25px;}
    .odm7-right {padding: 30px;width: 100%;margin-top: 25px;}
    .partner-faq li .text,.partner-faq li .title{padding: 15px;}
    .odm4 .arrows{display: none;}
    .odm6-contant,.odm5-contant{margin-top: 35px;}
    .odm2-contant .contant .text .title{font-size: 18px;}
    .pagesbanner .pagesbanner-animate{padding-left: 15px;}
    .pagesbanner .pagesbanner-animate .p1{font-size: 24px;}
}
@media (max-width:768px) {
    .odm1 .l-wrap{flex-direction: column;}
    .odm1 .img{width: 100%;}
    .odm5-contant{margin-top: 20px;flex-wrap: wrap;}
    .odm1 .info {padding-left: 0;margin-top: 20px;}
    .oem-padding {padding: 35px 0;}
    .odm2-contant .list li{padding: 10px 20px;}
    .odm2-contant .list .text{font-size: 14px;}
    .odm2-contant .contant .box{flex-direction: column;}
    .odm2-contant .contant .info{width: 100%;}
    .odm2-contant .contant .text {margin-top: 30px;padding-left: 0;}
    .odm3-contant{flex-wrap: wrap;}
    .odm4-contant .box .icon{margin: 0 auto;}
    .odm3-contant .item{width: 100%;margin-bottom: 20px;padding: 20px 20px;}
    .odm4-contant .box {width: 100%;margin-bottom: 20px;text-align: center;}
    .odm4-contant .box:nth-last-child(-n+3){margin-bottom: 20px;}
    .odm4-contant .box .txt{padding: 75px 0;}
    .odm6-contant{flex-wrap: wrap;}
    .odm6-item {padding: 35px 30px;width: 100%;margin-bottom: 20px;}
    .odm7-right{padding: 15px;}
    .odm7-right .title {font-size: 20px;margin-bottom: 5px;}
    .odm7-inquiry {margin-top: 10px;}
    .odm2-contant .contant .info .img{width: 80%;margin: 0 auto;}
}
@media (max-width:550px) {
    .oemtitle{font-size: 20px;text-align: center;}
    .odm5-item{width: 48.5%;}
    .odm5-text {margin: 12px 0;}
    .oemtitle br{display: none;}
}



