@import url(https://cdn.seo.com.cn/Content/ck/kche/iconfont/iconfont.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
@import url(https://js01.v15cdn.com/single-template/public.css);
.banner-animote.ban1{left: 4%;top: 25%;max-width: 50%;font-family: "Roboto", sans-serif;}
.banner-animote.ban1 .title{font-size: 2.7vw;line-height: 1;}
.banner-animote.ban1 .text{font-size: 1vw;color: #717375;font-weight: normal;}
.banner-animote.ban1 .list{display: flex;justify-content: start;max-width: 80%;margin-top:3.2vw;}
.banner-animote.ban1 .item{width: 23%;text-align: center;transform: translateX(-3vw);}
.banner-animote.ban1 .item .img{width: 4vw;aspect-ratio: 1;border: 1px #717375 solid;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: auto;}
.banner-animote.ban1 .item img{filter: brightness(0);}
.banner-animote.ban1 .item em{font-size: 1.5vw;}
.banner-animote.ban1 .item .info{font-size: 0.8vw;margin: 5px 0;font-weight: normal;}
@media (max-width:1024px){.banner-animote.ban1 .list{display: none;}}

@media (max-width:768px){.banner-animote.ban1 .title{font-size: 20px;}
.banner-animote.ban1 .text{display: none;}}

.home-cate{background:#f5f5f5;position:relative;padding:4% 0}
.home-cate .cateul{display:flex;justify-content:center;background:#e6e7e7;border-radius:26px;padding:6px 14px}
.home-cate .cateul li{color:#666;width:18%;border-radius:30px;padding:10px;text-align:center;margin:0 10px;transition:all .1s linear;font-weight:var(--fontbold5);cursor:pointer;display:flex;align-items: center;justify-content: center;}
.home-cate .cateul li.active{background:#fff;color:var(--color)}
.home-cate .cateul li:hover{color:var(--color);}
.home-cate .catewrap{display:flex;align-items:stretch;margin-top:40px}
.home-cate .catelist{width:100%;}
.home-cate .catelist ul{height:100%;display:flex;flex-wrap:wrap;display:none;justify-content: space-between;}
.home-cate .catelist ul li{width:24%;background:#fff;border-radius:3px;text-align:center;position:relative;overflow:hidden;}
.home-cate .catelist ul li .img{width:100%;aspect-ratio:1/1;display:block;}
.home-cate .catelist ul li .img img{width:100%;height:100%;object-fit:contain}
.home-cate .catelist ul li .title{width:100%;font-size:var(--fontsize18);color:#333;transition:all .1s linear;padding:8px 15px;height:70px;}
.home-cate .catelist ul li:hover img{transform:scale(1.03)}
.home-cate .catelist ul li:hover .title{color:var(--color)}
@media (max-width:1446px){.home-cate .cateul li{width:20%}}
@media (max-width:1280px){.home-cate .cateimg{display:none}
.home-cate .catelist{padding:0}}
@media (max-width:1024px){.home-cate .cateul{flex-wrap:wrap;height:auto}
.home-cate .cateul li{width:30%;margin-right:10px}
.home-cate .cateul li:nth-child(n+4){margin-top:10px}}
@media (max-width:768px){.home-cate{padding:40px 0;}
.home-cate .cateul{justify-content:space-between;margin-top:20px}
.home-cate .cateul li{width:49%;margin:0;padding:5px;}
.home-cate .cateul li:nth-child(n+3){margin-top:10px}
.home-cate .catewrap{margin-top:30px}
.home-cate .catelist ul{justify-content:space-between;}
.home-cate .catelist ul li{width:49%;margin-bottom:1em;margin-right:0;}
.home-cate .catelist ul li .title{font-size:var(--fontsize16);height:60px;}}
@media (min-width:769px){.home-cate .cateul{width:calc(100% - 160px);margin-left:auto;margin-right:auto;}
.home-cate .catelist{padding:0 80px;}}
@media (max-width:768px){.home-cate .cateul{width:calc(100% - 30px);margin-left:auto;margin-right:auto;}
.home-cate .catelist{padding:0 15px;}}
.wmpage124-page4{background-color:#f6f6f6}
.wmpage124-page4 .wmpage124-page4-title{position:relative;padding-bottom:0px;display: flex;
justify-content: center;
flex-direction: column;}
.wmpage124-page4 .wmpage124-page4-title .home-des{
   margin-top: 20px;
   width: 100%;
   max-width: unset;
}
.wmpage124-page4 .wmpage124-page4-desc{color:var(--color);text-align:center;margin-bottom:6px}
.wmpage124-page4 .wmpage-title{text-align:center;font-weight:var(--fontbold6)}
.wmpage124-page4 .wmpage124-page4-box{margin-top:40px;position:relative}
.wmpage124-page4 .wmpage124-page4-box .swiper-slide .info{margin-top:20px}
.wmpage124-page4 .wmpage124-page4-box .swiper-slide .info .title{position:relative;padding-left:40px;display:block;font-size:var(--wmpage-font20)}
.wmpage124-page4 .wmpage124-page4-box .swiper-slide .info .title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:var(--color);width:30px;height:1px}
.wmpage124-page4 .wmpage124-page4-box .wmpage124page4-pagination{display:flex;justify-content:center;margin-top:30px}
@media screen and (max-width:600px){.wmpage124-page4 .wmpage124-page4-box{margin-top:20px}
}