.index{max-width:1920px;margin:0 auto}
:root{--color:#E60012}
.hometitle{font-weight:700;font-size:35px;color:#000;line-height:1.25}
.home-btn{display:flex}
.home-btn a{color:#fff;padding:16px 38px;line-height:1;background:var(--color);transition: all .3s ease-in-out;}
.home-about{padding:5% 0}
.about-top{display:flex;justify-content:space-between;align-items:center}
.about-image{width:47.5%}
.about-info{flex:1;padding-left:6%}
.about-bottom{display:flex;justify-content:space-between;margin-top:35px;flex-wrap: wrap;}
.about-info span{font-size:14px;color:#e60012;line-height:36px;text-transform:uppercase}
.about-info .title{margin-top:30px;font-weight:700;font-size:40px;color:#000;line-height:52px}
.about-info .text{color:#666;line-height:28px;margin-top:25px}
.about-btns{display:flex;margin-top:30px}
.about-btns a{color:#fff;padding:16px 38px;line-height:1;background:var(--color)}
.about-since{display:flex;align-items:center;padding-top:30px;margin-top:30px;border-top:1px solid #ededed}
.about-icon{width:80px;height:80px;background:var(--color);display:flex;justify-content:center;align-items:center}
.about-text{display:flex;align-items:center;line-height: 1;}
.about-text p:first-of-type{font-size:29px;color:#000;font-style:italic;margin:0 20px}
.about-text p:nth-of-type(2){font-weight:700;font-size:60px;color:#000;font-style:italic}
.about-item{padding:25px 10px 20px;width:24%;background:#E60012;background:#0953A0;}
.about-data,.about-math{display:flex;justify-content:center;align-items:baseline}
.about-txt{text-align:center;font-size:20px;color:#fff;line-height:36px;margin-top:25px}
.about-math .wmkc-icoe-num{font-weight:700;font-size:40px;color:#fff;line-height:1}
.about-data .tit{font-size:24px;color:#fff;line-height:1}
.about-sub{margin:0 6px;line-height:1;color:#fff;font-weight:700;font-size:22px;transform:translateY(-15px)}
.home-choose{padding-bottom:5%}
.choose-contant{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:50px}
.choose-item{background:#eee;padding:45px 20px;width:24%}
.choose-icon{width:54px;height:54px;background:var(--color);border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 40px;transition: all .3s ease-in-out;}
.choose-icon img{width: 24px;height: 24px;}
.choose-text .title{font-weight:700;font-size:22px;color:#333;text-align:center;margin-bottom:10px}
.choose-text .text{color:#666;line-height:26px;text-align:center}
.home-classify{padding:5% 0;background:#eee}
.home-classify .homehead{display:flex;align-items:center;justify-content:space-between}
.classifyswiper{overflow:hidden;margin-top:80px}
.classifyswiper .swiper-slide{background:#fff;border-radius:48%;overflow:hidden;padding:35px;border:1px solid #cecece}
.classify-img img{width:100%}
.classify-img{aspect-ratio:1/1;object-fit:cover}
.classify-text{padding:20px 0 35px}
.classify-text p{font-weight:700;font-size:24px;color:#000;text-align:center;transition: all .3s ease-in-out;}
.classify-btns{display:flex;justify-content:end;margin-top:55px}
.classify-next,.classify-prev,.pro-next,.pro-prev{background:#fff;border:1px solid #cecece;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition: all .3s ease-in-out;}
.classify-prev,.pro-prev{margin-right:10px}
.home-quality{background:url(/Content/uploads/20261221993/202602051519366b2c21a900594cd8be15048bb7744476.webp) center no-repeat;background-size:cover;position:relative}
.home-quality::after{position:absolute;content:'';width:100%;height:100%;background:#000000b3;top:0;z-index:0}
.home-quality .l-wrap{display:flex;align-items:center;position:relative;z-index:3}
.quality-right{width:45%}
.quality-left{flex:1;padding-right:20%}
.quality-left .hometitle{color:#fff}
.quality-left .homehead p{color:#fff;line-height:28px;margin-top:35px}
.quality-left .home-btn{margin-top:60px}
.home-product{padding:5% 0}
.product-contant{overflow:hidden;margin-top:55px}
.product-img{aspect-ratio:1/1;object-fit:cover;display:flex;justify-content:center;align-items:center;background:#fff;border:1px solid #cecece}
.product-text{font-weight: bold;font-size: 24px;color: #000;line-height: 1.52;margin-top: 25px;}
.home-specialty{padding:5% 0;position:relative}
.home-specialty .hometitle{color:#fff}
.home-specialty::after{position:absolute;content:'';width:100%;background:url(/Content/uploads/20261221993/20260205151937859a6f72be5b4b48bb8624ffee092246.webp) center no-repeat;background-size:cover;height:45%;z-index:-1;top:0}
.specialty-contant{display:flex;justify-content:space-between;margin-top:90px;flex-wrap: wrap;}
.specialty-item{width: 23%;overflow: hidden;}
.home-news{padding:5% 0;background:#eee}
.homenews-contant{display:flex;justify-content:space-between;margin-top:55px;flex-wrap: wrap;}
.homenews-item{width:23%;background:#fff}
.homenews-img{position:relative;overflow: hidden;display: block;}
.homenews-img .new-date{padding:8px 10px;background:var(--color);line-height:1;position:absolute;bottom:20px;left:20px;color:#fff}
.homenews-text{padding:30px 20px}
.homenews-text .title{font-weight:700;font-size:20px;color:#222;line-height:27px}
.homenews-text .text{color:#666;line-height:25px;margin-top:15px}
.classify-next:hover, .classify-prev:hover, .pro-next:hover, .pro-prev:hover{background: var(--color);color: #fff;}
.choose-item:hover .choose-icon{transform: rotateY(180deg);}
.home-btn:hover a{transform: scale(1.05);}
.classifyswiper .swiper-slide:hover img{transform: scale(1.03);}
.classifyswiper .swiper-slide:hover .classify-text p{color: var(--color);}
.product-item:hover .product-img img,.specialty-item:hover img,.homenews-item:hover .homenews-img img{transform: scale(1.03);}
.product-item:hover .product-text{color: var(--color);}
.homenews-item:hover .title{color: var(--color);}
@media (max-width:1640px) {
    .about-info .title{font-size: 34px;line-height: 1.25;margin-top: 10px;}
    .about-info .text{margin-top: 10px;}
    .about-since{padding-top: 20px;margin-top: 20px;}
    .about-text p:nth-of-type(2){font-size: 42px;}
    .about-text p:first-of-type{font-size: 24px;}
    .about-txt{font-size: 18px;line-height: 1.25;margin-top: 20px;}
}
@media (max-width:1440px) {
    .l-wrap{max-width: 100%;padding: 0 50px;}
    .about-info{padding-left: 3%;}
    .about-info .title,.hometitle{font-size: 28px;}
    .about-btns{margin-top: 15px;}
    .about-icon img{width: 30px;}
    .about-icon{width: 60px;height: 60px;}
    .about-data .tit{font-size: 18px;}
    .about-math .wmkc-icoe-num{font-size: 32px;}
    .choose-contant,.product-contant,.homenews-contant{margin-top: 35px;}
    .classifyswiper,.specialty-contant{margin-top: 45px;}
    .classify-text p{font-size: 20px;}
    .quality-left{padding-right: 10%;}
}
@media (max-width:1200px) {
    .l-wrap{max-width: 100%;padding: 0 35px;margin: 0;}
    .homenews-text .title,.product-text,.choose-text .title{font-size: 18px;}
}
@media (max-width:1024px) {
    .about-top{flex-direction: column;}
    .about-image,.about-image img{width: 100%;}
    .about-info {padding-left: 0;margin-top: 20px;}
    .about-item,.choose-item{width: 49%;margin-bottom: 2%;}
    .classify-text {padding: 10px 0 15px;}
    .quality-left {padding-right: 3%;}
    .quality-left .home-btn {margin-top: 30px}
    .quality-left .homehead p,.product-text{margin-top: 15px;}
    .classify-btns{margin-top: 35px;}
    .classifyswiper, .specialty-contant {margin-top: 30px;}
    .homenews-item{width: 49%;margin-bottom: 2%;}
}
@media (max-width:768px) {
    .l-wrap{padding: 0 15px;}
    .about-info .title, .hometitle{font-size: 24px;}
    .about-text p:first-of-type{font-size: 20px;}
    .about-text p:nth-of-type(2){font-size: 32px;}
    .choose-icon{width: 65px;height: 65px;margin: 0px auto 15px;}
    .choose-icon img{width: 30px;}
    .classifyswiper .swiper-slide{border-radius: 3%;}
    .home-quality .l-wrap{flex-direction: column-reverse;}
    .quality-left {padding-right: 0;margin-top: 20px;}
    .quality-right,.quality-right img{width: 100%;}
    .home-quality{padding: 5% 0;}
}