﻿.home-banner .swiper-slide>a::after{display:none}
.wmkc-cate{padding:4% 0}
.wmkc-cate .list-tapes{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}
.wmkc-cate .item{width:32%;margin-top:30px;position:relative;border-radius:5px;overflow:hidden}
.wmkc-cate .item .img{width:100%;position:relative;height:100%}
.wmkc-cate .item .img>a{width:100%;height:100%}
.wmkc-cate .item .img img{width:100%;height:100%}
.wmkc-cate .item .img::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}
.wmkc-cate .item .info{width:100%;height:100%;padding:20px 20px;position:absolute;left:0;top:0;z-index:2}
.wmkc-cate .item .info .title{position:absolute;top:calc(100% - 42px);left:30px;font-size:var(--fontsize22);font-weight:var(--fontbold6);color:#FFFFFF;line-height:1;transition:all .3s ease-in-out}
.wmkc-cate .item .info .tap-more{position:absolute;right:-150px;bottom:20px;border-radius:23px 0 0 23px;background-color:rgba(255,255,255,.9);width:150px;height:45px;display:inline-flex;align-items:center;justify-content:center;color:var(--color);font-weight:var(--fontbold6);opacity:0;transition:all .3s ease-in-out}
.wmkc-cate .item .info .tap-more em{transform:rotate(-45deg);transition:all .3s ease-in-out;margin-left:6px}
.wmkc-cate .item .info .tap-more:hover em{transform:rotate(0)}
.wmkc-cate .item:hover .info .title{top:20px}
.wmkc-cate .item:hover .info .tap-more{opacity:1;right:0}
.wmkc-cate .item-text{background-color:var(--color);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.wmkc-cate .item-text p{color:#FFFFFF;font-size:var(--fontsize20);font-weight:var(--fontbold6);text-align:center;line-height:1}
.wmkc-cate .item-text:hover{background-color:var(--color)}
@media screen and (max-width:1024px){
.wmkc-cate .list-tapes{margin-top:0}
.wmkc-cate .item .info .title{font-size:var(--fontsize20);left:20px}}
@media screen and (max-width:768px){.wmkc-cate{padding:30px 0}
.wmkc-cate .item{width:48.5%;margin-top:25px}
.wmkc-cate .item .img{width:100%;height:100%}
.wmkc-cate .item .img img{width:100%;height:100%;object-fit:cover}
}
@media screen and (max-width:500px){.wmkc-cate .item{width:100%!important;min-height:240px}}

.home-advanced .advanced-container{background:no-repeat center;background-size:cover;height:25vw;position:relative;margin-top:2em;z-index:1}
.home-advanced .advanced-container::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.home-advanced .advanced-list{height:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-advanced .advanced-list li{width:25%;position:relative;padding:2%;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;padding-top:11%;transition:all .3s linear;z-index:1}
.home-advanced .advanced-list li::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.3);z-index:-1;opacity:0;transform:translateY(10px);transition:all .3s linear}
.home-advanced .advanced-list li::after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:rgba(255,255,255,.3)}
.home-advanced .advanced-list li:last-child::after{display:none}
.home-advanced .advanced-list li .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center;background-size:cover;transition:all .3s linear;opacity:0;z-index:0}
.home-advanced .advanced-list li .icon{z-index:1}
.home-advanced .advanced-list li .p1{font-size:50px;line-height:1;margin:50px 0 30px;z-index:1}
.home-advanced .advanced-list li .p1 span{font-size:68px}
.home-advanced .advanced-list li .p2{z-index:2;font-weight: var(--fontbold7);font-size:30px;}
.home-advanced .advanced-list li:hover{padding-top:7em}
.home-advanced .advanced-list li:hover .bg{opacity:.7}
.home-advanced .advanced-list li:hover::before{opacity:1;transform:translateY(0)}
@media(max-width:1280px){.home-advanced .advanced-list li .p1 span{font-size:var(--fontsize40)}}

@media(max-width:768px){
.home-advanced .advanced-container{height:800px}
.home-advanced .advanced-list li{width:50%;height:50%;padding-top:11em}
.home-advanced .advanced-list li:hover{padding-top:5em}
.home-advanced .advanced-list li .icon img{height:40px}
.home-advanced .advanced-list li .p1{margin:20px 0;font-size:40px}
.home-advanced .advanced-list li .p2{font-size:20px;}}

@media(max-width:500px){
.home-advanced .advanced-container{height:60vw;}
.home-advanced .advanced-list li{padding:30px 10px!important;height:auto}
.home-advanced .advanced-list li .p1{font-size:var(--fontsize30)}
.home-advanced .advanced-list li .p1 span{font-size:var(--fontsize28)}
.home-advanced .advanced-list li .p2{font-size:16px;}}
.home-choose{background-image:url(/uploads/15804/page/p202606291713083ffa3.jpg)}
@media (min-width:769px){
.home-sourcing .sourcinglist li:nth-child(2),
.home-sourcing .sourcinglist li:nth-child(3){background: #fff;}
.home-sourcing .sourcinglist li:nth-child(4) .icon em{color:var(--color)}
.home-sourcing .sourcinglist li:nth-child(2) .icon,
.home-sourcing .sourcinglist li:nth-child(3) .icon{background: var(--color);}
.home-sourcing .sourcinglist li:nth-child(2) .text .p1,
.home-sourcing .sourcinglist li:nth-child(3) .text .p1{color:var(--color)}
.home-sourcing .sourcinglist li:nth-child(2) .text .p2,
.home-sourcing .sourcinglist li:nth-child(3) .text .p2{color:#666;}
}
@media (max-width:768px){
.home-sourcing .sourcinglist li:nth-child(2n){background: #fff;}
.home-sourcing .sourcinglist li:nth-child(2n-1) .icon em{color:var(--color)}
.home-sourcing .sourcinglist li:nth-child(2n) .icon{background: var(--color);}
.home-sourcing .sourcinglist li:nth-child(2n) .text .p1{color:var(--color)}
.home-sourcing .sourcinglist li:nth-child(2n) .text .p2{color:#666;}
.home-sourcing .sourcinglist li:nth-child(3) .icon em{color:var(--color)}
}

.home-withus{position:relative;padding-bottom:4%}
.home-withus #withusswiper{margin-top:3%}
.home-withus .swiper .swiper-wrapper{align-items:center;-webkit-transition-timing-function:linear!important;-moz-transition-timing-function:linear!important;-ms-transition-timing-function:linear!important;-o-transition-timing-function:linear!important;transition-timing-function:linear!important}
@media (max-width:1024px){
.home-withus{padding-bottom:40px}
}