.cnc .wmkc-inner .info{width:100%;background-color:rgba(0,0,0,.5);position:absolute;left:0;bottom:0;padding:40px 15px}
.cnc .wmkc-inner .info .title{font-size:60px;text-align:center;color:#fff;margin-bottom:20px;font-family:ClashDisplayVariable}
.cnc .wmkc-inner .info .text{margin:0 18%;font-size:25px;color:#fff;text-align:center}
.cnc .pro-box{background:no-repeat center fixed;background-size:cover;padding:8% 0 6%}
.cnc .pro-box .pro{display:flex;align-items:center;background-color:#f0f0f0;padding:20px 0;transition:all .2s linear}
.cnc .pro-box .pro .img{width:50%;display:flex;align-items:center;justify-content:center}
.cnc .pro-box .pro .info{width:50%;padding:0 9%}
.cnc .pro-box .pro .info .tit{font-size:20px;margin-bottom:4%;color:#000f40;font-weight:600;transition:all .2s linear;font-family:ClashDisplayVariable}
.cnc .pro-box .pro .info .desc{transition:all .2s linear;color:#000f40}
.cnc .pro-box .pro .info .more{margin-top:4%;font-size:18px;display:flex;align-items:center;justify-content:flex-end;color:#0d49a4;transition:all .2s linear}
.cnc .pro-box .pro .info .more img{margin-left:6px}
.cnc .pro-box .pro .info .more .icon2{display:none}
.cnc .pro-box .pro:hover{background-color:#0d49a4}
.cnc .pro-box .pro:hover .info .tit{color:#fff}
.cnc .pro-box .pro:hover .info .desc{color:#fff}
.cnc .pro-box .pro:hover .info .more{color:#fff}
.cnc .pro-box .pro:hover .info .more .icon1{display:none}
.cnc .pro-box .pro:hover .info .more .icon2{display:block}
.cnc .cncchoose{margin-top:6%}
.cnc .cncchoose .title{text-align:center;color:#fff;font-size:50px;font-weight:700;font-family:ClashDisplayVariable}
.cnc .cncchoose .list{margin:0 90px}
.cnc .cncchoose .list .item{background-color:rgba(13,73,164,.5);padding:20px;color:#fff;border-radius:20px;margin-top:40px;line-height:2}
.cnc .cncchoose .list .item .tit{text-align:center;font-size:24px}
.cnc .cncchoose .list .item .txt{font-size:20px;text-align:center;padding:0 12%}
.cnc .butnow{margin-top:50px;background-repeat:no-repeat;background-position:center;background-size:cover;padding:4% 0}
.cnc .butnow .tit{color:#fff;font-size:50px;font-weight:600;text-align:center;font-family:ClashDisplayVariable}
.cnc .butnow .tip{text-align:center;color:#fff;font-size:15px;font-weight:500;margin:20px 0 40px}
.cnc .butnow .more{max-width:240px;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#ffa200;border-radius:10px;font-size:30px;font-weight:600;padding:4px 20px;transition:all .2s linear}
.cnc .butnow .more:hover{opacity:.9}
@media screen and (max-width:1024px){.cnc .wmkc-inner .info .title{font-size:42px}
.cnc .wmkc-inner .info .text{font-size:18px}
.cnc .cncchoose .title{font-size:38px}
.cnc .butnow .tit{font-size:42px}
.cnc .butnow .more{font-size:22px;padding:4px 20px;max-width:180px}
}
@media screen and (max-width:768px){.cnc .wmkc-inner .info .title{font-size:24px}
.cnc .wmkc-inner .info .text{font-size:16px;margin:0}
.cnc .pro-box .pro{flex-wrap:wrap}
.cnc .pro-box .pro .img{width:100%}
.cnc .pro-box .pro .info{width:100%;margin-top:20px}
.cnc .cncchoose .title{font-size:24px}
.cnc .cncchoose .list{margin:0}
.cnc .butnow .tit{font-size:24px}
.cnc .butnow .more{font-size:16px;padding:4px 20px;max-width:180px}
}
@media screen and (max-width:500px){.cnc .cncchoose .list{margin:0}
.cnc .cncchoose .list .item{line-height:1.4}
.cnc .cncchoose .list .item .tit{font-size:18px;margin-top:10px}
.cnc .cncchoose .list .item .txt{font-size:16px;padding:0}
.cnc .butnow{margin-top:30px;padding:30px 0}
.cnc .butnow .tit{font-size:24px}
.cnc .butnow .tip{margin:15px 0 20px}
.cnc .butnow .more{font-size:16px;padding:6px 20px;max-width:120px}
}