@charset "utf-8"; 
:root{--color:#c60024}
.index .l-wrap{max-width:1440px}
.nhome-title{color:#333;font-weight:700;font-size:32px;text-align:center;margin-bottom:.4%}
.nhome-text{font-size:20px;color:#444;text-align:center;margin-bottom:3%}
@media(max-width:768px){.nhome-title{font-size:28px}
.nhome-text{font-size:16px}}
.hvideo{background:#f2f3f4;padding:4% 0 5%}
#hvideo-swiper1 .item{position:relative;overflow:hidden;cursor:pointer}
#hvideo-swiper1 .item .hvideo-name{position:absolute;bottom:4%;margin:0 3%;padding:12px 20px;width:94%;background:#ffffffba;border-radius:5px}
#hvideo-swiper1 .item .hvideo-name p{-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;font-weight:600;color:#333}
.hvideo-in{position:fixed;width:100vw;height:100vh;background:linear-gradient(rgba(30,30,30,.9),#000 1810%);top:0;left:0;z-index:9999999;transition:all 1s;display:none}
.hvideo-in video{max-width:15%;position:absolute;left:50%;transform:translate(-50%,0)}
.hvideo-in .page{margin-bottom:10%;color:#d7d7d7;margin-left:10px;margin-top:10px}
.hvideo-in .dele{position:fixed;width:45px;height:45px;background:#292929;right:0;color:#d7d7d7;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;z-index:999;cursor:pointer}
.hvideo-out .swiper-slide img{transition:all .5s}
.hvideo-out .swiper-slide:hover img{transform:scale(1.05)}
.hvideo-button-next,.hvideo-button-prev{width:42px;height:42px;background:#232323a6;color:#fff;display:flex;justify-content:center;align-items:center;position:absolute;top:60%;z-index:99999;cursor:pointer}
.hvideo-button-prev{left:.5%}
.hvideo-button-next{right:1%}
.hvideo-button-next em,.hvideo-button-prev em{font-size:22px}
@media(max-width:768px){#hvideo-swiper1 .item .hvideo-name{padding:5px 10px}
.hvideo-in video{max-width:40%}}
@media(max-width:500px){.hvideo-in .page{margin-bottom:50%}}
.wmkc-hbanner{overflow:hidden;position:relative}
.hbanner-an{position:absolute;top:14%;left:18%}
.hbanner-an .hbanner-text{font-size:36px;color:red;font-weight:700}
.hbanner-more{display:flex;background:#c40024;color:#fff;width:160px;height:50px;align-items:center;justify-content:space-between;padding:15px 20px 15px 30px;font-size:15px;margin-top:6%;transition:all .1s;border-radius:5px}
.hbanner-more:hover{background:#424b5d}
.hbanner-more em{margin-top:2px}
.hbanner-more:hover em{transform:translateX(5px);transition:all .3s}
.hbanner-an.hbanner1 .hbanner-text{color:#fff}
.hbanner-pagination{position:absolute;bottom:5%!important;left:50%!important;z-index:9;width:auto!important;transform:translateX(-50%)}
#hbanner-swiper .swiper-pagination-bullet{background:#b2bbc7;width:8px;height:8px;margin:0 10px!important;opacity:1;cursor:pointer;position:relative}
#hbanner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
#hbanner-swiper .swiper-pagination-bullet::after{content:'';width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid #b2bbc7;border-radius:50%;display:none}
#hbanner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::after{display:block;border:2px solid var(--color)}
#hbanner-swiper .swiper-pagination-bullet:hover::after{display:block}
#hbanner-swiper .swiper-slide img{width:100%}
@media(max-width:1024px){.hbanner-an .hbanner-text{font-size:28px}}
@media(max-width:768px){.hbanner-an .hbanner-text{font-size:20px}}
@media(max-width:768px){.hbanner-an .hbanner-text{font-size:14px}
.hbanner-more{font-size:12px;padding:5px 10px 5px 15px;width:120px;height:20px}}
.wmkc-hproduct{padding:4% 0}
.hproduct-con{display:flex;justify-content:space-between;flex-wrap:wrap}
.hproduct-con .item img{width:100%;height:100%;transition:all .3s !important;object-fit: contain;}
.hproduct-con .item{width:32.1%;position:relative;margin-bottom:1.8%;transition:all .3s;overflow:hidden}
.hproduct-con .item:nth-child(1){width:66.1%}
.hproduct-con .item:nth-child(2){background:#C8C8C8}
.hproduct-con .item .name{position:absolute;bottom:8%;color:#333;font-size:16px;font-weight:600;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;left:27px}
.hproduct-con .item:hover{box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,.1);transition:all .3s !important;}
.hproduct-con .item:hover img{transform:scale(1.02)}
@media(max-width:500px){.hproduct-con .item{width:100%!important}}
.wmkc-habout{padding:3% 0 5%;position:relative}
.habout-text{color:#444;font-size:17px;line-height:2;margin:-1% 0 2%}
#habout-swiper{overflow:hidden}
.habout-pagination{position:absolute;bottom:7%!important;left:50%!important;z-index:9;width:auto!important;transform:translateX(-50%)}
#habout-swiper .swiper-pagination-bullet{background:#b2bbc7;width:8px;height:8px;margin:0 10px!important;opacity:1;cursor:pointer;position:relative}
#habout-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
#habout-swiper .swiper-pagination-bullet::after{content:'';width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid #b2bbc7;border-radius:50%;display:none}
#habout-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::after{display:block;border:2px solid var(--color)}
#habout-swiper .swiper-pagination-bullet:hover::after{display:block}
@media(max-width:1440px){.habout-pagination{bottom:5%!important}}
@media(max-width:1366px){.habout-text{font-size:16px}}
@media(max-width:1280px){.habout-text{font-size:15px}}
@media(max-width:1024px){.habout-pagination{bottom:3%!important}}
@media(max-width:768px){.habout-text{font-size:14px}
.habout-pagination{bottom:2%!important}}
@media(max-width:500px){.habout-pagination{bottom:4%!important}}
.wmkc-hnew{padding:4% 0;background:#f2f3f4}
.wmkc-hnew .hnew-title{-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1}
.wmkc-hnew .hnew-text{-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2}
.hnew-list{position:relative}
.wmkc-hnew .hnew-list .item{overflow:hidden;width:100%;display:flex;justify-content:space-between;margin-bottom:35px;padding-left:54%;align-items:center}
.wmkc-hnew .hnew-list .item img{width:25%}
.wmkc-hnew .hnew-list .item .box{width:72.5%}
.wmkc-hnew .hnew-list .item:nth-child(1){width:50%;display:block;position:absolute;top:0;left:0;padding-left:0}
.wmkc-hnew .hnew-list .item:nth-child(1) img{width:100%;transition:all .5s}
.wmkc-hnew .hnew-list .item:nth-child(1):hover img{transform:scale(1.05)}
.wmkc-hnew .hnew-title{color:#333;margin:4px 0;font-size:18px;font-weight:600}
.wmkc-hnew .hnew-list .item:hover .hnew-title{color:var(--color)}
.wmkc-hnew .hnew-text{color:#555;font-size:16px}
.wmkc-hnew .hnew-list .item:nth-child(1) .hnew-title{margin-top:15px}
@media(max-width:1366px){.wmkc-hnew .hnew-list .item{margin-bottom:25px}}
@media(max-width:1024px){.wmkc-hnew .hnew-title{font-size:16px}
.wmkc-hnew .hnew-text{font-size:14px}
.wmkc-hnew .hnew-list .item{margin-bottom:15px}}
@media(max-width:768px){.wmkc-hnew .hnew-list .item:nth-child(1){position:static;width:100%}
.wmkc-hnew .hnew-list .item{padding-left:0}}
.hvideo-in .swiper-slide:nth-child(6) video{max-width:30%}
@media(max-width:500px){.hvideo-in .swiper-slide:nth-child(6) video{max-width:70%}}
footer{background-color: #000;}
footer .foot-title,footer .foot-touch .foot-inner .content,footer .foot-touch .foot-inner .icon,footer .foot-list li a,footer .copyright{color: #Fff;}
.banner-inner img{max-height: none;}
.wmkc-hbanner .banner1-text{top: 8%;left: 10%;}
.wmkc-hbanner .banner2-text{top: 20%;left: 7%;}
.wmkc-hbanner .hbanner1{top: 10%;left: 10%;}

.pro-d-main .kche-flex-item4-active{width:24%}
.pro-d-main .kche-flex-item4-active .kche-item-img img{max-width:54px}
@media (max-width:768px){.pro-d-main .kche-flex-item4-active{width:23%}}
footer .foot-item.foot-code .tag ,  footer .foot-item.foot-code a{ color: #fff; }
footer .foot-item.foot-code .tag ,  footer .foot-item.foot-code a{color: #fff;}
footer .foot-main .foot-item.oot-categories{width: 23%;  }
footer .foot-touch .foot-inner {color:#fff}
footer .foot-share ul a{margin:0 10px 10px 0}
@media(min-width:1025px){footer .foot-item.foot-code{width:20%}
footer .foot-main .foot-item.foot-categories {width:22%}
footer .foot-main .foot-item.foot-nav {width:24%}
footer .foot-item.foot-info{padding:0;width:26%}}
footer .foot-main .foot-item.foot-code{display:block}
.foot-qrimg>a {display:block;margin:4px 0 8px}
.foot-qrimg>a:hover{color:var(--color)!important}
.prodetails-top .singglepic{display:flex;align-items:center;justify-content:center;}