﻿@media screen and (min-width:1025px){body{padding-top:152px}
header{background:#1a1414}
}
.pagesbanner .pagesbanner-animate-wmkc{top:50%;text-align:left;max-width:1540px;padding:0 70px}
.pagesbanner .pagesbanner-animate-wmkc .p1{font-size:60px;font-weight:var(--fontbold6);line-height:1.4}
.pagesbanner .pagesbanner-animate-wmkc .p1 span{color:var(--color)}
.pagesbanner .pagesbanner-animate-wmkc .p2{margin-top:30px;max-width:56%}
.wmkc-title{font-size:32px;text-align:center;font-weight:var(--fontbold6);position:relative;padding-bottom:20px}
.wmkc-title::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:60px;height:3px;background-color:var(--color)}
.wmkc-des{text-align:center;color:var(--introcolor);margin-top:25px}
.wmkc-title-box{padding-left:80px}
.wmkc-title-box .wmkc-title{text-align:left;padding-bottom:0}
.wmkc-title-box .wmkc-title::before{left:-80px;top:50%;transform:translateY(-50%)}
.wmkc-bg{position:relative;z-index:2;padding:5% 0}
.wmkc-bg::before{content:"";position:absolute;left:-260px;top:0;width:1920px;height:100%;z-index:-1;background-color:var(--color)}
.wmkc-mode1{padding:20px 0 5%}
.wmkc-mode1 .box{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.wmkc-mode1 .img{width:48%}
.wmkc-mode1 .info{width:48%}
.wmkc-mode1 .info .txt{margin-top:30px}
.wmkc-mode2{padding:30px 0}
.wmkc-mode2 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-mode2 .list li{color:#fff;text-align:center}
.wmkc-mode2 .list li .icon{width:80px;height:80px;border-radius:50%;border:1px solid #fff;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear}
.wmkc-mode2 .list li .icon em{font-size:40px}
.wmkc-mode2 .list li .num{font-size:40px}
.wmkc-mode2 .list li .num sup{font-size:var(--fontsize24)}
.wmkc-mode2 .list li .tit{text-align:center}
.wmkc-mode2 .list li:last-child .icon em{font-size:70px}
.wmkc-mode2 .list li:hover .icon{background-color:#fff;color:var(--color)}
.wmkc-mode3{padding:5% 0}
.wmkc-mode3 .list{display:flex;flex-wrap:wrap;margin-top:50px}
.wmkc-mode3 .list li{width:33.333%;padding:40px 6%;border-right:1px dashed #d3d3d3}
.wmkc-mode3 .list li .icon{width:80px;height:80px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;position:relative;border:4px solid #ffeee6;transform:rotate(45deg);margin-bottom:30px;transition:all .2s linear;color:var(--color)}
.wmkc-mode3 .list li .icon::before{content:"";width:60px;height:72px;border-radius:10px 0 0 10px;border:4px solid var(--color);position:absolute;left:-4px;top:-4px;border-right:none;transition:all .2s linear}
.wmkc-mode3 .list li .icon em{font-size:40px;transform:rotate(-45deg)}
.wmkc-mode3 .list li .tit{font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.wmkc-mode3 .list li .txt{color:var(--introcolor)}
.wmkc-mode3 .list li:nth-child(3n){border-right:0}
.wmkc-mode3 .list li:nth-child(-n+3){border-bottom:1px dashed #d3d3d3}
.wmkc-mode3 .list li:hover .icon{transform:translateY(-5px) rotate(45deg)}
.wmkc-mode4 .box .item{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}
.wmkc-mode4 .box .item .img{width:46%;border:1px solid #ffeee6}
.wmkc-mode4 .box .item .img img{max-width:calc(100% + 260px);width:calc(100% + 260px)}
.wmkc-mode4 .box .item .info{width:54%;position:relative;z-index:2;padding-top:5%;padding-bottom:5%}
.wmkc-mode4 .box .item .info::before{content:"";position:absolute;top:0;width:calc(100% + 260px);height:100%;background-color:#ffeee6;z-index:-1}
.wmkc-mode4 .box .item .info .wmkc-title{font-size:var(--fontsize24)}
.wmkc-mode4 .box .item .info .txt{margin:30px 0 40px;color:var(--introcolor)}
.wmkc-mode4 .box .item .info .txt strong{color:#111}
.wmkc-mode4 .box .item .info .more{display:flex;align-items:center;color:#111;font-weight:var(--fontbold6);transition:all .2s linear}
.wmkc-mode4 .box .item .info .more .icon{width:34px;height:34px;border-radius:50%;background-color:var(--color);display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-left:10px}
.wmkc-mode4 .box .item .info .more:hover{color:var(--color)}
.wmkc-mode4 .box .item:nth-child(odd) .img img{margin-left:-260px}
.wmkc-mode4 .box .item:nth-child(odd) .info{padding-left:180px}
.wmkc-mode4 .box .item:nth-child(odd) .info::before{right:-260px}
.wmkc-mode4 .box .item:nth-child(even) .img img{margin-right:-260px}
.wmkc-mode4 .box .item:nth-child(even) .info{padding-right:40px}
.wmkc-mode4 .box .item:nth-child(even) .info::before{left:-260px}
.wmkc-mode4 .box .item:last-child{margin-bottom:0}
.wmkc-mode5{padding:5% 0}
.wmkc-mode5 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-mode5 .list li{width:32%;background-color:#f6f6f6;padding:70px 30px 30px;margin-top:80px;position:relative;transition:all .2s linear}
.wmkc-mode5 .list li .icon{text-align:center;width:80px;height:80px;border-radius:5px;background-color:var(--color);color:#fff;display:inline-flex;align-items:center;justify-content:center;position:absolute;left:50%;top:-40px;transform:translateX(-50%)}
.wmkc-mode5 .list li .icon em{font-size:60px}
.wmkc-mode5 .list li .tit{font-weight:var(--fontbold6);font-size:var(--fontsize18)}
.wmkc-mode5 .list li .txt{color:var(--introcolor)}
.wmkc-mode5 .list li:hover{transform:translateY(-5px)}
.wmkc-mode6{padding:5% 0;position:relative;z-index:2}
.wmkc-mode6::before{content:"";position:absolute;left:-260px;top:0;width:1920px;height:310px;background-image:url(/uploads/43150/page/p20250521085231a939d.webp);background-repeat:no-repeat;background-size:cover;z-index:-1}
.wmkc-mode6 .wmkc-title{color:#fff}
.wmkc-mode6 .wmkc-title::before{background-color:#fff}
.wmkc-mode6 .kche-t39{margin-top:50px}
.wmkc-mode6 .box{margin-top:50px;padding-bottom:30px;position:relative}
.wmkc-mode6 .box .wmkcmode6-pagination{display:flex;width:100%;justify-content:center;position:absolute;left:0;bottom:0}
.wmkc-mode6 .box .wmkcmode6-pagination .swiper-pagination-bullet{background-color:var(--color)}
.wmkc-mode6 .swiper-slide{border:2px solid #ffeee6}
@media screen and (max-width:1024px){.wmkc-title{font-size:var(--fontsize26)}
.wmkc-title-box{padding-left:40px}
.wmkc-title-box .wmkc-title::before{width:20px;left:-40px}
.wmkc-bg::before{width:calc(100% + 30px);left:-15px}
.wmkc-mode1{padding:20px 0 40px}
.wmkc-mode3{padding:40px 0}
.wmkc-mode4 .box .item .img img{width:calc(100% + 15px)}
.wmkc-mode4 .box .item .info::before{width:calc(100% + 15px)}
.wmkc-mode4 .box .item .info .txt{margin:20px 0}
.wmkc-mode4 .box .item:nth-child(odd) .img img{margin-left:-15px}
.wmkc-mode4 .box .item:nth-child(odd) .info{padding-left:100px}
.wmkc-mode4 .box .item:nth-child(odd) .info::before{right:-15px}
.wmkc-mode4 .box .item:nth-child(even) .img img{margin-right:-15px}
.wmkc-mode4 .box .item:nth-child(even) .info::before{left:-15px}
.wmkc-mode5{padding:40px 0}
.wmkc-mode6::before{width:calc(100% + 30px);left:-15px}
.pagesbanner .pagesbanner-animate-wmkc{padding:0 15px}
.pagesbanner .pagesbanner-animate-wmkc .p1{font-size:var(--fontsize24)}
.pagesbanner .pagesbanner-animate-wmkc .p2{margin-top:10px}
}
@media screen and (max-width:768px){.pagesbanner .pagesbanner-animate-wmkc .p1{font-size:var(--fontsize20)}
.pagesbanner .pagesbanner-animate-wmkc .p2{width:70%}
.wmkc-mode1 .box{flex-direction:column-reverse}
.wmkc-mode1 .info{width:100%;margin-top:25px}
.wmkc-mode1 .info .txt{margin-top:15px}
.wmkc-mode1 .img{width:100%}
.wmkc-mode2 .list li{width:25%}
.wmkc-mode2 .list li .num{font-size:var(--fontsize30)}
.wmkc-mode3 .list{margin-top:25px}
.wmkc-mode3 .list li{width:50%;border-right:1px dashed #d3d3d3!important}
.wmkc-mode3 .list li:nth-child(even){border-right:none!important}
.wmkc-mode3 .list li:nth-child(-n+4){border-bottom:1px dashed #d3d3d3!important}
.wmkc-mode4 .box .item{flex-wrap:wrap;margin-bottom:25px}
.wmkc-mode4 .box .item:nth-child(even){flex-direction:column-reverse}
.wmkc-mode4 .box .item .img{width:100%}
.wmkc-mode4 .box .item .img img{margin:0!important;width:100%}
.wmkc-mode4 .box .item .info{width:100%;padding:20px;padding-left:60px!important}
.wmkc-mode4 .box .item .info::before{width:100%;right:0!important;left:0!important}
.wmkc-mode6 .kche-t39{margin-top:25px}
.wmkc-mode6 .box{margin-top:25px}
.wmkc-mode6::before{height:240px}
}
@media screen and (max-width:500px){.wmkc-mode2 .list li{width:49%;padding:20px 0}
.wmkc-mode2 .list li .num{font-size:var(--fontsize24)}
.wmkc-mode2 .list li sup{font-size:var(--fontsize18)}
.wmkc-mode3 .list li{padding:20px}
.wmkc-mode3 .list li .icon{width:60px;height:60px;margin-bottom:0}
.wmkc-mode3 .list li .icon::before{width:70%;height:52px}
.wmkc-mode3 .list li .tit{font-size:var(--fontsize16);margin-top:20px}
.wmkc-mode5 .list li{width:100%}
}
