﻿.mode-title{font-size:44px;font-weight:var(--fontbold6);color:#0b1b2b;line-height:1.4;text-align:center}
.mode1 .box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative;z-index:1}
.mode1 .box::before{content:"";position:absolute;left:0;top:50%;width:68%;height:88%;transform:translateY(-50%);background-color:#e9f5fa;border-radius:10px;z-index:-1}
.mode1 .mode-title{text-align:left}
.mode1 .info{width:50%;padding:20px;padding-left:5%}
.mode1 .info .txt{color:#000;margin-top:10px}
.mode1 .img{width:45%}
.mode2 .des{text-align:center;color:#666;margin-top:10px}
.mode2 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.mode2 .list li{width:48%;box-shadow:0 20px 30px 0 rgba(11,3,6,.06);background-color:#fff;border-radius:10px;padding:50px 40px;margin-top:40px;transition:all .2s linear;display:flex;flex-wrap:wrap}
.mode2 .list li .icon{margin-right:30px}
.mode2 .list li .icon em{font-size:60px;line-height:1;color:var(--color);transition:all .2s linear}
.mode2 .list li .info{flex:1}
.mode2 .list li .title{font-size:28px;color:#0b1b2b;font-weight:var(--fontbold6);transition:all .2s linear}
.mode2 .list li .txt{color:#333;margin-top:10px;transition:all .2s linear}
.mode2 .list li .txt p{position:relative;padding-left:20px}
.mode2 .list li .txt p::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background-color:var(--color);border-radius:50%;transition:all .2s linear}
.mode2 .list li:hover{background-color:var(--color);color:#fff}
.mode2 .list li:hover .icon em{color:#fff}
.mode2 .list li:hover .title{color:#fff}
.mode2 .list li:hover .txt{color:#fff}
.mode2 .list li:hover .txt p::before{background-color:#fff}
.mode3{position:relative;z-index:1;padding:5% 0}
.mode3::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:100vw;max-width:1920px;height:100%;background:#e9f5fa;z-index:-1}
.mode3 .mode-title{text-align:left}
.mode3 .box{display:flex;justify-content:space-between;flex-wrap:wrap}
.mode3 .info-box{width:48%}
.mode3 .inquiry{width:48%;background:var(--color);border-radius:10px;padding:50px;color:#fff}
.mode3 .inquiry .title{font-size:var(--fontsize30);font-weight:var(--fontbold6)}
.mode3 .inquiry .des{margin-bottom:20px}
.mode3 .wmkcfeedback .wmkcfb-fileupload,.mode3 .wmkcfeedback input,.mode3 .wmkcfeedback textarea{background-color:rgba(255,255,255,.06);border-color:rgba(255,255,255,.06);color:#fff}
.mode3 .wmkcfeedback .send-btn{margin-left:0;background-color:#fff;color:var(--color);font-weight:var(--fontbold6)}
.mode3 .list{margin-top:20px}
.mode3 .list li{display:flex;position:relative;z-index:1}
.mode3 .list li::before{content:"";position:absolute;left:22px;top:0;width:1px;height:100%;background-color:var(--color);z-index:-1}
.mode3 .list li .icon{width:46px;height:46px;background-color:var(--color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:var(--fontsize20);font-weight:var(--fontbold6);margin-right:20px;transition:all .2s linear}
.mode3 .list li .info{flex:1}
.mode3 .list li .info .p1{font-size:20px;font-weight:var(--fontbold6);color:#0b1b2b;line-height:1.4}
.mode3 .list li .info .p2{color:#666;min-height:60px}
.mode3 .list li:hover .icon{transform:translateY(-5px)}
.mode3 .list li:last-child::before{display:none}
.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}
@media screen and (max-width:1440px){.mode-title{font-size:var(--fontsize36)}
}
@media screen and (max-width:1280px){.mode1 .box::before{height:100%}
.mode2 .list li .title{font-size:var(--fontsize20)}
}
@media screen and (max-width:1024px){.mode-title{font-size:var(--fontsize24)}
.mode2 .list li{padding:20px;width:100%}
.mode2 .list li .icon em{font-size:var(--fontsize36)}
.mode3{padding:40px 0}
.mode3 .info-box{width:100%}
.mode3 .inquiry{width:100%;margin-top:25px}
.mode3 .inquiry .title{font-size:var(--fontsize22)}
}
@media screen and (max-width:500px){.mode1 .box{flex-direction:column-reverse}
.mode1 .box::before{display:none}
.mode1 .info{width:100%;padding:0;margin-top:25px}
.mode1 .img{width:100%}
.mode2 .list li .icon{width:100%;margin-right:0;margin-bottom:10px}
.mode3 .inquiry{padding:15px}
}
